@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#FFF; width:100%; position:relative;}
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#666666; font-family:'微软雅黑';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; margin-left:-40px; *margin-left:0px;}
li {list-style-type:none;}
a:link {font-size: 14px;color: #666;text-decoration: none;}
a:visited {font-size: 14px;color: #666;text-decoration: none;}
a:hover {font-size: 14px;color:#00B2ED;text-decoration:none;}
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
td { vertical-align:top; padding-right:15px; color:#8E8E8E; font-size:12px; line-height:25px;}
table { margin-bottom:30px;}

DIV.thepage {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px;FONT-SIZE: 13.5pt; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
DIV.thepage A {
	MARGIN: 1px; COLOR: #666; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none; border:1px solid #cccccc; padding:5px; padding-left:9px; padding-right:9px;
}
DIV.thepage A:hover {
	COLOR: #fff; BACKGROUND-COLOR:#4F9FD7;border:1px solid #4F9FD7;
}
DIV.thepage A:active {
	COLOR: #4F9FD7; BACKGROUND-COLOR: #fff;
}
DIV.thepage SPAN.current {
	MARGIN: 1px; COLOR: #ffffff; BACKGROUND-COLOR: #4F9FD7; border:1px solid #4F9FD7; padding:5px; padding-left:9px; padding-right:9px;
}
DIV.thepage SPAN.disabled {
	MARGIN: 1px; COLOR: #cccccc; BACKGROUND-COLOR: #fff;FONT-WEIGHT: bold; border:1px solid #cccccc; padding:5px; padding-left:9px; padding-right:9px; padding-top:5px;
}
#pagetop { margin:0 auto; width:100%; height:125px; position:absolute; z-index:99999999; top:0px; position:fixed; background-color:#fff; border-bottom:1px solid #eee;}
#pagetop #topitem { margin:0 auto; width:100%; height:45px; overflow:hidden; background-color:#3D3D3D; margin-top:0px;}
#pagetop #topitem #titem { margin:0 auto; width:1200px; height:32px; padding-top:13px; overflow:hidden; text-align:right; color:#FFF;}
#pagetop #topitem #titem a { color:#fff;}

#pagetop #top { margin:0 auto; width:1200px; height:80px; margin-top:0px;}
#pagetop #top #logo { float:left; width:192px; height:51px; overflow:hidden; margin-top:22px;}
#pagetop #top #logo a { display:block; width:192px; height:51px; background:url(../images/logo.png) no-repeat left top;}
#pagetop #top #menu { float:right; width:900px; overflow:hidden;}
#pagetop #top #menu #nav { width:900px; overflow:hidden; margin-top:30px;}
#pagetop #top #menu #nav ul { width:1000px;}
#pagetop #top #menu #nav ul li { float:left; width:40px; height:53px; margin-right:55px;}
#pagetop #top #menu #nav ul li a { display:block; width:40px; height:47px; border-bottom:3px solid #fff; text-align:center; font-size:17px; color:#303030;}
#pagetop #top #menu #nav ul li.on a { color:#FF6600; border-bottom:4px solid #009DEE;}
#pagetop #top #weixin { display:none; float:right; position:relative; width:100px; height:80px; background:url(../images/wx.png) no-repeat center 30px; cursor:pointer;}
#pagetop #top #weixin p { display:none; position:absolute; width:102px; height:109px; background:url(../images/ma.png) no-repeat center top; top:65px; right:0px; z-index:999;}
#pagetop #top #weixin:hover p { display:block;}

#indexad { margin:0 auto; width:100%; max-width:1900px; height:460px; overflow:hidden; margin-top:125px; position:relative; text-align:center;}
#indexad #adarea { margin:0 auto; width:1900px; height:460px; overflow:hidden; position:relative; margin-left:-950px; left:50%; z-index:900;}
#indexad #adarea #ads { width:1900px; height:460px; position:relative; overflow:hidden;}
#indexad #adarea #ads ul { width:1900px;}
#indexad #adarea #ads ul li { width:1900px; height:460px; text-align:center; overflow:hidden; position:relative;}
#indexad #adarea #ads ul li { display:block; position:relative; width:1900px; height:460px; z-index:990;}
#indexad #adarea #ads ul li a #w1 { position:absolute; opacity:0; top:250px; z-index:99; width:1200px; margin-left:-600px; left:50%; text-align:center; font-size:40px; line-height:40px; color:#fff;}
#indexad #adarea #ads ul li a #w2 { position:absolute; opacity:0; top:320px; z-index:99; width:1200px; margin-left:-600px; left:50%; text-align:center; font-size:18px; color:#fff;}
#indexad #adarea #ads ul li img { margin-top:0px;}
#indexad #bts { margin:0 auto; width:100%; max-width:1900px; overflow:hidden; position:relative; z-index:999; margin-top:-270px;}
#indexad #bts #toleft { float:left; width:58px; height:71px; cursor:pointer; background:url(../images/toleft.png) no-repeat left top;}
#indexad #bts #toright { float:right; width:58px; height:71px; cursor:pointer; background:url(../images/toright.png) no-repeat left top;}

#indexad #adarea #bt_s { margin:0 auto; width:200px; height:13px; overflow:hidden; position:relative; z-index:999; margin-top:-55px;}
#indexad #adarea #bt_s ul {display:table;margin:0 auto;text-align:center;padding:0;}
#indexad #adarea #bt_s ul li { float:left; list-style-type:none; width:13px; height:13px; margin-right:10px; margin-left:10px; cursor:pointer; background-color:#fff; display:inline;}
#indexad #adarea #bt_s ul li.on { background-color:#00B2EE;}

#hots { margin:0 auto; width:100%; max-width:1900px; height:54px; background-color:#EEEEEE; border-bottom:1px solid #DFDFDF; overflow:hidden;}
#hots #hot { margin:0 auto; width:1200px; height:30px; margin-top:12px; overflow:hidden; text-align:left;}
#hots #hot ul { width:1200px;}
#hots #hot ul li { width:1200px; text-align:left; overflow:hidden; height:30px;}
#hots #hot ul li a { display:block; width:1200px; position:relative; overflow:hidden; height:30px; line-height:30px; color:#5D5D5D; font-size:15px;}
#hots #hot ul li a span { display:block; width:100px; float:right; height:30px; line-height:30px; color:#5D5D5D; font-size:15px;}
#hots #hot ul li a font { line-height:25px; color:#FF6600; font-size:25px;}
#hots #hot ul li a:hover { color:#009DEE;}

#indextitle { margin:0 auto; width:1200px; height:85px; overflow:hidden; margin-top:50px; margin-bottom:50px; padding-bottom:10px; background:url(../images/line.png) no-repeat center bottom;}
#indextitle #title1 { width:100%; text-align:center; font-size:32px; line-height:35px; color:#FF6600; text-transform:uppercase;}
#indextitle #title1 a {  font-size:32px; line-height:35px; color:#FF6600; text-decoration:none; text-transform:uppercase;}
#indextitle #title2 { width:100%; text-align:center; font-size:16px; color:#7E7E7E; margin-top:10px; text-transform:uppercase; padding-bottom:15px;}
#indextitle #title2 a { font-size:16px; color:#7E7E7E; text-decoration:none; text-transform:uppercase;}

#area0 { margin:0 auto; width:1200px; overflow:hidden; margin-top:50px;}
#area0 #img { width:1200px; overflow:hidden; text-align:center;}
#area0 #prologo { width:1200px; overflow:hidden; margin-top:50px;}
#area0 #prologo ul { width:1500px;}
#area0 #prologo ul li { float:left; position:relative; cursor:pointer; width:368px; height:333px; overflow:hidden; border:1px solid #DCDCDC; margin-right:45px; margin-bottom:45px;}
#area0 #prologo ul li #logotop { width:368px; overflow:hidden; text-align:center; background-color:#EDEDED; height:120px;}
#area0 #prologo ul li #logotop #plogo { width:368px; height:37px; text-align:center; margin-top:25px;}
#area0 #prologo ul li #logotop #note { width:368px; text-align:center; margin-top:15px; color:#1D1D1D; font-size:15px; line-height:15px; text-transform:uppercase;} 
#area0 #prologo ul li:hover #logotop #plogo { background-position:center -37px !important;}
#area0 #prologo ul li:hover #logotop #note { color:#fff;}
#area0 #prologo ul li #notes { margin:0 auto; width:320px; overflow:hidden; text-align:left; margin-top:25px; font-size:15px; color:#545454; line-height:30px;}
#area0 #prologo ul li #more { position:absolute; width:320px; left:22px; bottom:25px; overflow:hidden; text-align:left;}
#area0 #prologo ul li #more a { font-size:15px; color:#7EA6C1;}
#area0 #prologo ul li #more a:hover { color:#000;}
#area0 #prologo ul #lg_1:hover #logotop { background-color:#0C2D7D;}
#area0 #prologo ul #lg_2:hover #logotop { background-color:#ED7C13;}
#area0 #prologo ul #lg_3:hover #logotop { background-color:#FFD600;}
#area0 #prologo ul #lg_4:hover #logotop { background-color:#26377E;}
#area0 #prologo ul #lg_5:hover #logotop { background-color:#0081C5;}
#area0 #prologo ul #lg_6:hover #logotop { background-color:#31788F;}

#area1 { margin:0 auto; width:1200px; margin-top:60px;}
#area1 #img { width:1200px; overflow:hidden; text-align:center;}
#area1 #falist { width:1200px; margin-top:50px; padding-bottom:50px;}
#area1 #falist ul { width:1400px;}
#area1 #falist ul li { float:left; width:370px; height:160px; transition: all .2s ease; border-radius:5px; cursor:pointer; position:relative; overflow:hidden; margin-right:45px; margin-bottom:40px; text-align:center;}
#area1 #falist ul li a { display:block; position:absolute; width:370px; height:160px; overflow:hidden; top:0px; left:0px; background:url(../images/mask2.png) repeat left top;}
#area1 #falist ul li a img { position:absolute; width:370px; height:160px; top:0px;}
#area1 #falist ul li a span { display:block; position:absolute; width:370px; text-align:center; color:#fff; font-size:18px; line-height:40px; top:60px; left:0px; z-index:99;}
#area1 #falist ul li:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 -1px 10px rgba(0,0,0,.3);
	box-shadow: 0 -1px 10px rgba(0,0,0,.3);
}
#blank { margin:0 auto; width:1200px; overflow:hidden; height:10px;}

#area2 { margin:0 auto; width:100%; max-width:1900px; height:760px; background:url(../images/bg1.jpg) no-repeat center top; overflow:hidden; margin-top:35px;}
#area2 #titlearea { margin:0 auto; width:1200px; overflow:hidden; margin-top:65px;}
#area2 #titlearea #lline { float:left; width:380px; height:1px; overflow:hidden; border-top:1px solid #494949; margin-top:15px;}
#area2 #titlearea #rline { float:right; width:380px; height:1px; overflow:hidden; border-top:1px solid #494949; margin-top:15px;}
#area2 #titlearea #bigname { float:left; width:440px; text-align:center; font-size:30px; line-height:30px; color:#2F2F2F;}
#area2 #enname { margin:0 auto; width:1200px; overflow:hidden; margin-top:20px; text-align:center; font-size:15px; color:#787878; line-height:18px;}
#area2 #word { margin:0 auto; width:1200px; overflow:hidden; text-align:center; margin-top:30px; font-size:20px; color:#FF801E;}
#area2 #writearea { margin:0 auto; width:950px; overflow:hidden; margin-top:40px;}
#area2 #writearea #lwrite { margin:0 auto; width:630px; overflow:hidden;}
#area2 #writearea #lwrite input.input1 { width:610px; margin-bottom:15px; padding-left:18px; border:1px solid #C4C4C4; height:50px; line-height:50px; font-size:18px; color:#B8B8B8;}
#area2 #writearea #lwrite textarea.text1 { width:608px; margin-bottom:15px; padding-left:18px; border:1px solid #C4C4C4; height:110px; padding-top:7px; line-height:30px; font-size:18px; color:#B8B8B8;}
#area2 #writearea #lwrite input.sub1 { width:165px; height:45px; margin-top:10px; cursor:pointer; border:0px; text-align:center; color:#fff; font-size:24px; line-height:25px; background-color:#FF801E;}
#area2 #writearea #lwrite input.sub1:hover { background-color:#FA720A;}
#area2 #writearea #rlogo { display:none; float:right; width:280px; text-align:center; font-size:18px; line-height:70px; color:#5C5C5C;}
#area2 #writearea #rlogo img { margin-top:30px;}

#area3 { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px; padding-bottom:80px;}
#area3 #hd { padding-bottom:22px;}
#area3 #hd b { font-size:18px;}
#area3 td a { line-height:30px; font-size:15px; color:#7E7E7E;}
#area3 td a:hover { color:#00B2ED;}

/*
#area2 ul { width:1400px;}
#area2 ul li { float:left; width:560px; overflow:hidden; margin-right:80px; margin-bottom:50px;}
#area2 ul li #title { width:560px; overflow:hidden;}
#area2 ul li #title #thetitle { float:left; width:400px; text-align:left; font-size:20px; color:#00B2ED;}
#area2 ul li #title #thetitle span { font-size:12px; text-transform:uppercase; color:#7A7A7A;}
#area2 ul li #title #more { float:right; width:160px; text-align:right;}
#area2 ul li #img { width:560px; height:205px; overflow:hidden; margin-top:20px;}
#area2 ul li #atitle { width:560px; overflow:hidden; height:23px; text-align:left; margin-top:20px;} 
#area2 ul li #atitle a { font-size:21px; color:#494949; font-weight:bold;}
#area2 ul li #atitle a:hover {color:#00B2ED;}
#area2 ul li #views { width:560px; overflow:hidden; height:21px; text-align:left; margin-top:15px; font-size:15px; color:#787878;} 
#area2 ul li #notes { width:560px; overflow:hidden; height:45px; text-align:left; margin-top:20px; font-size:15px; color:#989898;} 
#area2 ul li #notes a { color:#00B2ED;}
*/

#footer { margin:0 auto; width:100%; background-color:#1E1E1E; padding-top:45px; padding-bottom:70px; margin-top:0px;}
#footer #bottom { margin:0 auto; width:1200px; overflow:hidden;}
#footer #bottom #ftop { width:1200px; text-align:right; border-bottom:1px solid #5C5C5C; padding-bottom:20px; font-size:22px; color:#D5D5D5; line-height:22px;}
#footer #bottom #farea { width:1200px; overflow:hidden; margin-top:50px;}
#footer #bottom #farea #larea { float:left; width:830px; overflow:hidden;}
#footer #bottom #farea #larea #fdleft { float:left; width:580px; overflow:hidden;}
#footer #bottom #farea #larea #fdleft #info { width:620px; overflow:hidden;}
#footer #bottom #farea #larea #fdleft #info #fdl { float:left; width:160px; text-align:center; font-size:15px; color:#E3E3E2; line-height:50px; margin-right:45px;}
#footer #bottom #farea #larea #fdleft #finfo { width:620px; overflow:hidden; text-align:left; text-indent:50px; font-size:15px; color:#E3E3E2; border-top:1px solid #5C5C5C; padding-top:20px;}
#footer #bottom #farea #larea #fdright { float:left; width:160px; margin-left:40px; margin-top:10px; text-align:center; font-size:15px; color:#E3E3E2; line-height:50px; margin-right:45px;}
/*
#footer #bottom #farea #marea { float:left; width:420px; background:url(../images/fline.png) no-repeat right top;}
#footer #bottom #farea #marea #fwx { float:left; width:160px; margin-left:140px; text-align:center; font-size:18px; color:#B4BFC6; line-height:45px;}
*/
#footer #bottom #farea #fcontact { float:right; width:370px; overflow:hidden;}
#footer #bottom #farea #fcontact #ctitle { width:370px; overflow:hidden; text-align:right; font-size:18px; color:#E4E4E4; line-height:32px;}
#footer #bottom #farea #fcontact #telarea { width:370px; text-align:right; font-size:15px; line-height:32px; color:#AEAEAE; margin-top:10px;} 
#footer #bottom #farea #fcontact #telarea font { font-size:28px; font-weight:bold; color:#E9C9A9; line-height:32px;}
#footer #bottom #farea #fcontact #copy { width:370px; overflow:hidden; text-align:right; margin-top:10px; font-size:14px; color:#6D6D6C; text-transform:uppercase;}
#footer #bottom #farea #fcontact #beian { width:370px; overflow:hidden; text-align:right; margin-top:5px; font-size:14px; line-height:17px; color:#6D6D6C;}
#footer #bottom #farea #fcontact #beian a { font-size:14px; color:#6D6D6C; line-height:17px;}

#pagezx { width:58px; height:240px; background-color:#004682; position:absolute; right:0px; bottom:0px; z-index:99999; position:fixed;}

#pagezx #pbt1 { width:58px; height:58px; position:relative; margin-top:0px; cursor:pointer;}
#pagezx #pbt1 #showbt { position:absolute; width:208px; height:58px; right:-150px;}
#pagezx #pbt1 #showbt #img { float:left; margin-left:0px; width:58px; height:58px; text-align:center; overflow:hidden; background-color:#004682; border-bottom:1px solid #fff;}
#pagezx #pbt1 #showbt #name { float:left; width:150px; height:58px; text-align:center; overflow:hidden; font-size:15px; color:#fff; line-height:58px; background-color:#004682; border-bottom:1px solid #fff;}
#pagezx #pbt1 #showbt #gwwx { display:none; position:absolute; width:200px; height:200px; background-color:#004682; text-align:center; left:-209px; top:0px;}
#pagezx #pbt1 #showbt #gwwx img { margin-top:10px;}

#pagezx #pbt2 { width:58px; height:58px; position:relative; margin-top:1px; cursor:pointer;}
#pagezx #pbt2 #showbt { position:absolute; width:298px; height:58px; right:-240px;}
#pagezx #pbt2 #showbt #img { float:left; width:58px; height:58px; text-align:center; overflow:hidden; background-color:#004682; border-bottom:1px solid #fff;}
#pagezx #pbt2 #showbt #name { float:left; width:240px; height:58px; text-align:center; overflow:hidden; font-size:15px; color:#fff; line-height:58px; background-color:#004682; border-bottom:1px solid #fff;}

#pagezx #pbt3 { width:58px; height:58px; position:relative; margin-top:1px; cursor:pointer;}
#pagezx #pbt3 #showbt { position:absolute; width:268px; height:58px; right:-210px; background-color:#ccc;}
#pagezx #pbt3 #showbt #img { float:left; margin-left:0px; width:58px; height:58px; text-align:center; overflow:hidden; background-color:#004682; border-bottom:1px solid #fff;}
#pagezx #pbt3 #showbt #name { float:left; width:210px; height:58px; text-align:center; overflow:hidden; font-size:15px; color:#fff; line-height:58px; background-color:#004682; border-bottom:1px solid #fff;}
/*
#pagezx #pbt3 #showbt #gzwx { display:none; position:absolute; width:200px; height:200px; background-color:#004682; text-align:center; left:-209px; top:0px;}
#pagezx #pbt3 #showbt #gzwx img { margin-top:10px;}
*/
#pagezx #pbt4 { width:58px; height:58px; position:relative; margin-top:1px; cursor:pointer;}

/*
#footer #bottom #leftabout { float:left; width:185px; overflow:hidden;}
#footer #bottom #leftabout div { width:185px; overflow:hidden; text-align:left; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px;}
#footer #bottom #leftabout div a { color:#fff; font-size:15px;}
#footer #bottom #leftabout #aboutname a { font-size:20px; text-transform:uppercase;}
#footer #bottom #hotline { float:left; width:230px; overflow:hidden; margin-left:275px;}
#footer #bottom #hotline #telname { width:230px; text-align:center; font-size:20px; text-transform:uppercase; color:#FFF;}
#footer #bottom #hotline #telimg { width:230px; text-align:center; margin-top:45px;} 
#footer #bottom #hotline #telno { width:230px; text-align:center; margin-top:45px; color:#FFF; font-size:25px;} 
#footer #bottom #rightqq { float:right; width:180px; overflow:hidden;}
#footer #bottom #rightqq #qqname { width:180px; text-align:right; font-size:20px; text-transform:uppercase; color:#FFF;}
#footer #bottom #rightqq #qqimg { width:180px; text-align:right; margin-top:55px;} 
#footer #bottom #rightqq #copyright { width:180px; text-align:right; margin-top:50px; color:#FFF; font-size:15px;} 
*/
#pagead { margin:0 auto; width:100%; height:295px; overflow:hidden; margin-top:125px; position:relative;}
#pagead #adarea { margin:0 auto; width:1900px; height:295px; overflow:hidden; position:relative; margin-left:-950px; left:50%; z-index:900;}

#position { margin:0 auto; width:1200px; overflow:hidden; margin-top:30px; color:#A3A3A3;}
#position a { color:#A3A3A3}
#position a:hover { color:#00B2ED}

#servcontent { margin:0 auto; width:1200px; overflow:hidden; margin-bottom:50px;}
#servcontent img { max-width:1200px;}

#sclass { margin:0 auto; width:100%; height:480px; overflow:hidden; margin-top:0px; position:relative;}
#sclass #classarea { margin:0 auto; width:1200px; height:280px; position:relative; margin-top:-140px; top:50%; overflow:hidden;}
#sclass #classarea #leftinfo { float:left; width:555px; text-align:left; overflow:hidden;}
#sclass #classarea #leftinfo #title { width:555px; text-align:left; font-size:24px; font-weight:bold; color:#000000;}
#sclass #classarea #leftinfo #title span { font-size:14px; text-transform:uppercase; line-height:40px; color:#000000;}
#sclass #classarea #leftinfo #info { width:555px; height:95px; overflow:hidden; margin-top:40px; text-align:left; color:#000000;}
#sclass #classarea #leftinfo #view { width:555px; overflow:hidden; margin-top:40px; text-align:left;}
#sclass #classarea #leftinfo #view a { display:block; width:130px; height:33px; padding-top:7px; font-size:15px; text-align:center; color:#FFF; text-decoration:none; background-color:#00407A;}

#sclass #classarea #rightinfo { float:right; width:555px; text-align:right; overflow:hidden;}
#sclass #classarea #rightinfo #title { width:555px; text-align:right; font-size:24px; font-weight:bold; color:#000000;}
#sclass #classarea #rightinfo #title span { font-size:14px; text-transform:uppercase; line-height:40px; color:#000000;}
#sclass #classarea #rightinfo #info { width:555px; height:95px; overflow:hidden; margin-top:40px; text-align:right; color:#000000;}
#sclass #classarea #rightinfo #view { width:555px; overflow:hidden; margin-top:40px; text-align:right;}
#sclass #classarea #rightinfo #view a { display:block; float:right; width:130px; height:33px; padding-top:7px; font-size:15px; text-align:center; color:#FFF; text-decoration:none; background-color:#00407A;}

#smallclass { margin:0 auto; width:1200px; overflow:hidden; margin-bottom:50px;}
#smallclass ul { width:1400px;}
#smallclass ul li { float:left; width:570px; overflow:hidden; margin-right:60px; margin-bottom:50px;}
#smallclass ul li #title { width:570px; overflow:hidden;}
#smallclass ul li #title #thetitle { float:left; width:400px; text-align:left;}
#smallclass ul li #title #thetitle a { font-size:20px; color:#0B6EB2; font-weight:bold;}
#smallclass ul li #title #thetitle span { font-size:14px; text-transform:uppercase; color:#767474; font-weight:normal; line-height:35px;}
#smallclass ul li #title #more { float:right; width:170px; text-align:right;}
#smallclass ul li #img { width:570px; height:195px; overflow:hidden; margin-top:20px;}
#smallclass ul li #notes { width:570px; overflow:hidden; text-align:left; margin-top:20px; font-size:14px; color:#989898;} 
#smallclass ul li #notes a { color:#00B2ED; font-size:15px; line-height:35px;}

#viewpic { margin:0 auto; width:1200px; overflow:hidden;}
#viewpic #bigclassname { width:100%; overflow:hidden; text-align:left;font-size:20px; color:#0B6EB2; font-weight:bold;}
#viewpic #bigclassname span { font-size:14px; text-transform:uppercase; color:#767474; font-weight:normal; line-height:35px;}
#viewpic #vpic { width:1200px; overflow:hidden; text-align:center; margin-top:20px;}
#viewpic #vpic img { max-width:1200px;}

#scontent {margin:0 auto; width:1200px; overflow:hidden; margin-top:57px; padding-bottom:100px;}
#scontent #cleft { float:left; width:825px; overflow:hidden; line-height:35px;}
#scontent #cleft * { line-height:35px;}
#scontent #cleft img { max-width:825px;}
#scontent #cright { float:right; width:312px; overflow:hidden;} 
#scontent #cright #title { width:312px; overflow:hidden; text-align:left; text-indent:22px; font-size:20px; color:#009DEE;}
#scontent #cright #title span { font-size:12px; color:#606060; text-transform:uppercase;}
#scontent #cright #links { width:310px; border:1px solid #D9D9D9; border-bottom:0px; margin-top:10px; margin-bottom:20px;}
#scontent #cright #links #class { width:310px; overflow:hidden; border-bottom:1px solid #D9D9D9; margin-bottom:0px; position:relative;}
#scontent #cright #links #class p { position:absolute; right:20px; top:15px; width:13px; height:10px; background:url(../images/row2.png) no-repeat center top; cursor:pointer;}
#scontent #cright #links #class p.up {background:url(../images/row2.png) no-repeat center -10px;}
#scontent #cright #links #class #theclass { display:block; width:310px; height:34px; padding-top:10px; overflow:hidden; text-indent:30px; font-size:15px;}
#scontent #cright #links #class #smalls { width:310px; overflow:hidden; display:none;}
#scontent #cright #links #class #smalls #smallclass { display:block; width:310px; height:33px; padding-top:2px; overflow:hidden; text-indent:50px; font-size:15px; margin:0px;}

#sclass2 { margin:0 auto; width:100%; height:480px; overflow:hidden; margin-top:0px; position:relative;}
#sclass2 #classarea { margin:0 auto; width:1200px; height:280px; position:relative; margin-top:-140px; top:50%; overflow:hidden;}
#sclass2 #classarea #leftinfo { float:left; width:555px; text-align:left; overflow:hidden;}
#sclass2 #classarea #leftinfo #title { width:555px; text-align:left; font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase;}
#sclass2 #classarea #leftinfo #title span { font-size:14px; text-transform:uppercase; line-height:40px; color:#fff;}
#sclass2 #classarea #leftinfo #info { width:555px; height:95px; overflow:hidden; margin-top:40px; text-align:left; color:#fff;}
#sclass2 #classarea #leftinfo #view { width:555px; overflow:hidden; margin-top:40px; text-align:left;}
#sclass2 #classarea #leftinfo #view a { display:block; width:130px; height:33px; padding-top:7px; font-size:15px; text-align:center; color:#FFF; text-decoration:none; background-color:#00407A;}

#sclass2 #classarea #rightinfo { float:right; width:555px text-align:right; overflow:hidden;}
#sclass2 #classarea #rightinfo #title { width:555px; text-align:right; font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase;}
#sclass2 #classarea #rightinfo #title span { font-size:14px; text-transform:uppercase; line-height:40px; color:#fff;}
#sclass2 #classarea #rightinfo #info { width:555px; height:95px; overflow:hidden; margin-top:40px; text-align:right; color:#fff;}
#sclass2 #classarea #rightinfo #view { width:555px; overflow:hidden; margin-top:40px; text-align:right;}
#sclass2 #classarea #rightinfo #view a { display:block; float:right; width:130px; height:33px; padding-top:7px; font-size:15px; text-align:center; color:#FFF; text-decoration:none; background-color:#00407A;}

#sclass3 { margin:0 auto; width:100%; height:480px; overflow:hidden; margin-top:0px; position:relative;}
#sclass3 #classarea { margin:0 auto; width:1200px; height:240px; position:relative; margin-top:-120px; top:50%; overflow:hidden;}
#sclass3 #classarea #leftinfo { float:left; width:555px; text-align:left; overflow:hidden;}
#sclass3 #classarea #leftinfo #title { width:555px; text-align:left; font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase;}
#sclass3 #classarea #leftinfo #title span { font-size:14px; text-transform:uppercase; line-height:40px; color:#fff;}
#sclass3 #classarea #leftinfo #info { width:555px; height:95px; overflow:hidden; margin-top:40px; text-align:left; color:#fff;}
#sclass3 #classarea #leftinfo #view { width:555px; overflow:hidden; margin-top:40px; text-align:left;}
#sclass3 #classarea #leftinfo #view a { display:block; width:130px; height:33px; padding-top:7px; font-size:15px; text-align:center; color:#FFF; text-decoration:none; background-color:#00407A;}

#sclass3 #classarea #rightinfo { float:right; width:555px text-align:right; overflow:hidden;}
#sclass3 #classarea #rightinfo #title { width:555px; text-align:right; font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase;}
#sclass3 #classarea #rightinfo #title span { font-size:14px; text-transform:uppercase; line-height:40px; color:#fff;}
#sclass3 #classarea #rightinfo #info { width:555px; height:95px; overflow:hidden; margin-top:40px; text-align:right; color:#fff;}
#sclass3 #classarea #rightinfo #view { width:555px; overflow:hidden; margin-top:40px; text-align:right;}
#sclass3 #classarea #rightinfo #view a { display:block; float:right; width:130px; height:33px; padding-top:7px; font-size:15px; text-align:center; color:#FFF; text-decoration:none; background-color:#00407A;}

#otherindustry { margin:0 auto; width:1200px; overflow:hidden; margin-top:110px; margin-bottom:100px;}
#otherindustry ul { width:1350px;}
#otherindustry ul li { float:left; width:200px; height:230px; margin-bottom:50px; margin-right:50px; overflow:hidden; text-align:center;}
#otherindustry ul li a { font-size:16px; font-weight:bold;}
#otherindustry ul li a span { text-transform:uppercase; font-weight:normal;display:block; font-size:10px;-webkit-transform:scale(0.8); line-height:16px; margin-top:5px;}
#otherindustry ul li a img { margin-bottom:15px;}

#proclass { margin:0 auto; width:1200px; padding-bottom:37px; margin-top:-10px; overflow:hidden; text-align:center; border-bottom:1px solid #D2D2D2;}
#proclass a { font-size:18px; color:#727678;}
#proclass a.on { color:#0B6EB2;} 

#aboutarea { margin:0 auto; width:100%; height:820px; overflow:hidden; margin-top:125px; background:url(../images/aboutbg.jpg) no-repeat center top;}
#aboutarea #abouts { margin:0 auto; width:1265px; height:610px; background:url(../images/mask.png) repeat left top; border-radius:10px; margin-top:128px;}
#aboutarea #abouts #aleft { float:left; width:335px; text-align:left; margin-top:60px; margin-left:30px;}
#aboutarea #abouts #aright { float:left; width:845px; height:500px; margin-top:60px; color:#fff; padding-right:20px;}
#aboutarea #abouts #aright * { color:#FFF;}
#aboutarea #abouts #aright img { max-width:845px;}

#others { margin:0 auto; width:100%; overflow:hidden; margin-top:0px; background-color:#FFF;}
#others #othercontent { margin:0 auto; width:1200px; background-color:#FFF; margin-top:30px; margin-bottom:30px;}
#others #othercontent img { max-width:1200px; height:auto;}
#others #stitle { margin:0 auto; width:1200px; background:url(../images/line2.png) no-repeat center bottom; overflow:hidden; padding-top:30px;}
#others #stitle #bname { width:1200px; text-align:center; font-size:30px; line-height:35px; color:#FF6600; overflow:hidden;}
#others #stitle #sname { width:1200px; text-align:center; font-size:16px; color:#7E7E7E; text-transform:uppercase; overflow:hidden; margin-top:10px; margin-bottom:25px;}

#maparea { margin:0 auto; width:100%; height:678px; overflow:hidden; margin-top:0px; background:url(../images/map.jpg) no-repeat center top;}
#maparea #thecontact { margin:0 auto; width:1080px; overflow:hidden; margin-top:80px;}
#maparea #thecontact #contact { float:left; width:400px; background-color:#0B6EB2; border-radius:10px; padding-top:40px; padding-bottom:40px;}
#maparea #thecontact #contact #title { margin:0 auto; width:300px; overflow:hidden; text-align:left;}
#maparea #thecontact #contact #cinfo { margin:0 auto; width:300px; overflow:hidden; margin-top:38px; text-align:left; color:#FFF;} 

#newsclass { margin:0 auto; width:1200px; padding-bottom:37px; margin-top:-10px; overflow:hidden; text-align:center; border-bottom:1px solid #D2D2D2;}
#newsclass a { font-size:18px; color:#727678;}
#newsclass a.on { color:#0B6EB2;} 

#newsarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:50px; margin-bottom:80px;}
#newsarea #newslist { float:left; width:844px; border-right:1px solid #DFDFDF; overflow:hidden;}
#newsarea #newslist #news { width:800px; margin-bottom:40px; padding-bottom:40px; overflow:hidden; border-bottom:1px solid #DFDFDF;}
#newsarea #newslist #news #date { float:left; width:60px; text-align:center; font-size:25px; font-family:'Arial'; line-height:35px; padding-bottom:10px; border-bottom:1px solid #DFDFDF; overflow:hidden;}
#newsarea #newslist #news #date font { font-size:12px;font-family:'Arial'; line-height:14px;}
#newsarea #newslist #news #newsright { float:left; width:690px; margin-left:30px; text-align:left; overflow:hidden;}
#newsarea #newslist #news #newsright #title { width:690px; overflow:hidden; text-align:left; font-size:12px; font-family:'宋体'; margin-left:0px; margin-top:5px;}
#newsarea #newslist #news #newsright #title a { font-size:25px;font-family:'微软雅黑';}
#newsarea #newslist #news #newsright #time { width:690px; overflow:hidden; text-align:left; margin-top:15px; font-size:12px; color:#BBBBBB;font-family:'微软雅黑';}
#newsarea #newslist #news #newsright #newsimg { width:690px; overflow:hidden; margin-top:20px;} 
#newsarea #newslist #news #newsright #note { width:690px; overflow:hidden; text-align:left; margin-top:20px;font-family:'微软雅黑'; line-height:25px;}
#newsarea #newslist #news_page { width:800px; margin-top:0px; overflow:hidden; text-align:center; margin-top:20px; margin-bottom:20px; padding-bottom:10px;}
#newsarea #hotnews { float:right; width:325px; overflow:hidden;}
#newsarea #hotnews #hottitle { width:325px; text-align:left; font-size:20px; color:#009DEE;}
#newsarea #hotnews #hotlist { width:325px; overflow:hidden; margin-top:10px;} 
#newsarea #hotnews #hotlist a { line-height:40px; font-size:14px;}


#newsarea #newslist2 { float:left; width:800px; border-right:1px solid #DFDFDF; overflow:hidden;}
#newsarea #newslist2 #title { width:690px; overflow:hidden; text-align:left; margin-left:0px; margin-top:5px; font-size:25px;font-family:'微软雅黑';}
#newsarea #newslist2 #time { width:690px; overflow:hidden; text-align:left; margin-top:15px; font-size:12px; color:#BBBBBB;font-family:'微软雅黑';}
#newsarea #newslist2 #newsimg { width:690px; overflow:hidden; margin-top:20px;} 
#newsarea #newslist2 #note { width:690px; overflow:hidden; text-align:left; margin-top:20px;font-family:'微软雅黑'; line-height:25px;}
#newsarea #newslist2 #otherlink { text-align:left; width:690px; overflow:hidden; line-height:35px; margin-top:60px; border-top:1px solid #DFDFDF; padding-top:20px;}

#zhaopin { margin:0 auto; width:1200px; overflow:hidden; margin-top:50px; margin-bottom:80px;}
#zhaopin #title { width:1200px; text-align:left; overflow:hidden; font-size:25px; color:#656565;}
#zhaopin #title span { font-size:12px; color:#656565; text-transform:uppercase;}
#zhaopin #zhiwei { width:1200px; overflow:hidden; margin-top:50px;}
#zhaopin #zhiwei ul { width:1500px;}
#zhaopin #zhiwei ul li { float:left; width:480px; overflow:hidden; border-bottom:1px dashed #ccc; margin-right:220px; padding-top:7px; padding-bottom:7px;}
#zhaopin #zhiwei ul li #zw { float:left; width:400px; text-align:left;}
#zhaopin #zhiwei ul li #zw a { font-size:16px;}
#zhaopin #zhiwei ul li #nums { float:right; width:80px; text-align:right; font-size:16px;}