@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:14px; color:#666; background:#fff; font-family:"Microsoft Yahei", Arial, sans-serif; overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#666; }
a:hover { text-decoration:none; color:#0052a5; }

input,textarea{ font-family:"Microsoft Yahei"; font-size:14px; color:#666; }


.section{ width:1200px; margin:0 auto; overflow:hidden; }




#header{ width:100%; height:110px; position:relative; z-index:500; background:url(../images/top.png) repeat-x left top; border-bottom:1px solid #0052a5; }
#top{ width:1200px; height:100%; margin:0 auto; position:relative; }

#welcome{ height:32px; line-height:32px; float:left;  }
#hotline{ height:32px; line-height:32px; float:right; background:url(../images/hotline.png) no-repeat left center; padding-left:24px; font-size:20px; font-weight:bold; font-family:"Times New Roman", Times, serif; color:#f00; }
 
#logo{ width:333px; height:80px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:30px; left:0; overflow:hidden; }

#lang{ height:30px; line-height:30px; position:absolute; top:0; right:0; font-size:14px; overflow:hidden; }
#lang a{ color:#999;}
#lang a.on{ color:#f00; }
#lang span{ margin:0 10px; }

#menu{ list-style:none; margin:0; padding:0; position:absolute; top:30px; right:0; }
#menu li{ float:left; position:relative; margin:0; }
#menu li.cur,#menu li:hover{ background:#0052a5;  }
#menu li a{ height:80px; line-height:80px; padding:0 40px; display:block; font-size:16px; color:#333;  }
#menu li:hover a,#menu li.cur a{ color:#fff;  }

.banner_wrap { 
	max-width: 100%;
	height: 585px;
	margin: 0 auto;
	overflow:hidden; 
	position:relative;
}
.banner_wrap ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.banner_wrap ul li { 
	position:absolute;  
	display: none;
	left: 50%;
	margin-left:-960px;
	width: 1920px;
	height: 585px;
}
.banner_wrap ol { 
	width:160px;
	list-style:none;
	margin:0 0 0 -80px; padding:0;
	position:absolute; 
	bottom: 30px; 
	left: 50%;
	display:none;
}
.banner_wrap ol li { 
	width: 20px; 
	height: 20px;
	background:url(../images/h1.png) no-repeat center center;
	margin: 0 6px;
	cursor:pointer; 
	float: left;
}
.banner_wrap ol .current { 
	background:url(../images/h2.png) no-repeat center center;
	
}
.banner_wrap .leftBtn,.rightBtn { 
	width: 41px; 
	height: 69px; 
	display:block; 
	background:url(../images/arr.png) no-repeat -84px 0; 
	position:absolute; 
	top: 50%; 
	margin: -35px 0 0 0; 
	display:none;
}
.banner_wrap .leftBtn:hover { 
	background-position: 0 0; 
}
.banner_wrap .leftBtn{
	left: 50px;
}
.banner_wrap .rightBtn { 
	right: 50px; 
	background-position: -125px 0; 
}
.banner_wrap .rightBtn:hover { 
	background-position: -42px 0; 
}

#myform{ width:260px; height:40px; display:block; background:url(../images/form.png) no-repeat left top; position:absolute; top:30px; right:0; overflow:hidden; }
.topIn{ width:160px; height:40px; line-height:40px; float:left; border:0; margin:0 0 0 20px; padding:0; background:none; outline:0; }
.topBtn{ width:72px; height:40px; line-height:40px; float:right; border:0; margin:0; padding:0; background:none; outline:0; cursor:pointer; font-size:14px; color:#fff; text-align:center; }


#search{ background:#f5f5f5; padding:15px 0; }
#webkey{ width:800px; height:30px; line-height:30px; clear:both; float:left; margin:0; padding:0; overflow:hidden;  }
#webkey dt{ float:left; margin:0; padding:0; font-weight:bold; color:#333; }
#webkey dd{ margin:0; padding:0; font-size:12px; overflow:hidden; } 
#webkey dd span{ margin:0 6px;}

#webform{ width:262px; height:30px; margin:0; padding:0; background:url(../images/form.png) no-repeat left top; float:right; overflow:hidden; }
.webin{ width:210px; height:30px; line-height:30px; float:left; margin:0 0 0 7px; padding:0; border:0; background:none; outline:0; }
.webbtn{ width:33px; height:30px; color:#fff; text-align:left; float:right; border:0; background:none; margin:0; padding:0; cursor:pointer; }


.mainbanner{ width:100%; height:600px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:600px;overflow:hidden; margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:600px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:600px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:90px; height:13px; position:absolute; bottom:30px; left:50%; list-style:none; margin:0 0 0 -45px; padding:0;  }
.mainbanner_list li{width:30px;height:20px; float:left; margin:0; overflow:hidden; }
.mainbanner_list a{ width:100%;height:20px; margin:0; background:url(../images/h1.png) no-repeat center center; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/h2.png) no-repeat center center; }

#inslide{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; }
#inslide img{ max-width:100%; display:block; margin:0 auto; }

#links{ padding:20px 0; background:#f5f5f5; margin:0; }
.linksRec{ width:100%; margin:0; overflow:hidden; }
.linksRec dt{ width:88px; height:31px; line-height:31px; background:url(../images/links.png) no-repeat left top; text-indent:12px; font-size:14px; font-weight:bold; color:#fff; clear:both; float:left; }
.linksRec dd{ margin:0; padding:0; line-height:31px; overflow:hidden; }
.linksRec dd a{ white-space:nowrap; margin-left:20px;}

#footer{ width:100%; clear:both; float:left; background:#000; overflow:hidden; }  

#help{ padding:40px 0; background:#004ea1; }

.f_nav{ width:110px; float:left; margin:0 40px 0 0; overflow:hidden; }
.f_nav h3{ font-size:14px; font-weight:bold; color:#fff; }
.f_nav ul{ list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.f_nav ul li{ padding:5px 0; }
.f_nav ul li a{ font-size:12px; color:#fff;}

.f_contact{ width:300px; float:right; overflow:hidden; }
.f_contact h3{ font-size:14px; font-weight:bold; color:#fff; }

.followus{ margin:20px 0; padding:0; border:1px solid #2b84df; overflow:hidden; }
.followus dt{ width:90px; height:90px; margin:10px; padding:0; float:left; overflow:hidden; }
.followus dt img{ width:100%; height:100%; display:block;  }
.followus dd{ margin:0; padding:56px 0 0 0; line-height:24px; font-size:14px; color:#fff; overflow:hidden; }


#Ftel{ height:33px; line-height:33px; margin:20px 0 0 0; background:url(../images/hotline.png) no-repeat left center; padding-left:45px; font-size:30px; color:#fff; }
#Fcompany{ width:100%; margin:6px 0 0 0; padding:0; overflow:hidden; }
#Fcompany dt{ margin:0; padding:0; font-size:12px; line-height:2; color:#fff; }
#Fcompany dd{ margin:0; padding:0; font-size:12px; line-height:2; color:#fff; }


#sitemap{ padding:24px 0; background:#6b6b6b; overflow:hidden; }
.Fabout{ width:130px; float:left; }
.Fproducts{ width:130px; float:left; }
.Fnews{ width:130px; float:left; }
.Finnovation{ width:130px; float:left; }
.Fsolution{ width:210px; float:left; }
.Fhuman{ width:130px; float:left; }
.Fcontact{ width:320px; float:right; }

.fcolumn{ font-size:15px; font-weight:bold; color:#fff; }


.fodd{ width:100%; list-style:none; margin:6px 0 0 0; padding:0; overflow:hidden; }
.fodd li{ margin:0; padding:0; height:24px; line-height:24px; overflow:hidden;  }
.fodd li a{ font-size:12px; color:#e8e8e8; }

.feven{ width:100%; list-style:none; margin:6px 0 0 0; padding:0; overflow:hidden; }
.feven li{ width:50%; margin:0; padding:0; height:24px; line-height:24px; float:left; overflow:hidden;  }
.feven li a{ font-size:12px; color:#e8e8e8; }

.FcontactInfo{ margin:6px 0 0 0; font-size:12px; color:#e8e8e8; line-height:2; overflow:hidden; }
.FcontactInfo p{ margin:0; padding:0; }


#copr{ line-height:2; padding:16px 0; text-align:center; color:#e8e8e8; overflow:hidden; }





.footerL{ width:800px; clear:both; float:left; overflow:hidden; }
.footerR{ float:right; overflow:hidden; }

#Fmenu{ width:100%;  }
#Fmenu span{ margin:0 16px; }

#Fcontact{ list-style:none; margin:16px 0 10px 0; padding:0; overflow:hidden; }
#Fcontact li{ line-height:32px; float:left; padding-left:24px; margin:0 24px 0 0; }
#Fcontact li:nth-child(1){ background:url(../images/ftel.png) no-repeat left center; }
#Fcontact li:nth-child(2){ background:url(../images/ffax.png) no-repeat left center; }
#Fcontact li:nth-child(3){ background:url(../images/femail.png) no-repeat left center; }
#Fcontact li:nth-child(4){ clear:both;  background:url(../images/faddr.png) no-repeat left center; }



#lxfs{ margin:0; padding:0; line-height:2; color:#fff; }
#lxfs p{ margin:0; padding:0; }


.ewmRec{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ewmRec li{ width:100px; float:left; margin:0 0 0 20px; overflow:hidden; }
.ewmRec li img{ width:100%; display:block; }
.ewmRec li p{ margin:6px 0 0 0; padding:0; text-align:center; line-height:20px; font-size:12px; }


.basic{ margin:20px; overflow:hidden; }
.basicL{ width:318px; clear:both; float:left; margin:0 20px 0 0; }
.basicR{ overflow:hidden; }
.basicR h1{ margin:0; padding:0; font-size:24px; font-weight:bold; color:#000; }
.basicR p{ width:100%; margin:12px 0; padding:0; line-height:2; color:#999; overflow:hidden; }
.diypdf{ position:absolute; bottom:0; right:0;}

a.inPdf{ width:160px; height:30px; line-height:30px; display:block; padding:0 0 0 30px; font-size:14px; color:#f00; border:1px solid #ddd; background:url(../images/icon_pdf.gif) no-repeat 7px center; }
a.inPdf::before{ position:absolute; left:0; top:0;  }


.textinp{ width:240px; height:16px; line-height:16px; border:1px solid #ddd; margin:0; padding:10px; outline:0; background:#fff; }
.textinp2{ width:480px; height:120px; line-height:16px; margin:0; padding:10px; border:1px solid #ddd; background:#fff; outline:0; }
.textinp3{ width:120px; height:16px; line-height:16px; border:1px solid #ddd; margin:0; padding:10px; outline:0; background:#fff; ; }
.mandatory{ color:#f00;}

.fbtn{ width:140px; height:40px; line-height:40px; background:#309dff; text-align:center; font-size:16px; color:#fff; border:0; outline:0; cursor:pointer; }


.proDetColumn{ height:34px; margin:30px 0 0 0; padding:0; font-size:16px; font-weight:bold; color:#333; background:url(../images/npoint.png) repeat-x left bottom; }



/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:316px; height:316px; border:1px solid #ddd; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:316px;height:316px;background:#ffffff;border:1px solid #e6e6e6;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:-1px;left:0px;width:60px;height:60px;border:1px solid #ccc;background:#fff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:318px;height:318px; }
.spec-scroll{clear:both;margin-top:10px;width:100%; height:62px; position:relative; }
.spec-scroll .prev{ width:10px; height:62px; background:url(../images/left.gif) no-repeat left center; position:absolute; top:0; left:0; cursor:pointer; }
.spec-scroll .next{ width:10px; height:62px; background:url(../images/right.gif) no-repeat right center;  position:absolute; top:0; right:0; cursor:pointer; }
.spec-scroll .items{ width:288px;height:62px; position:absolute; top:0; left:15px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:62px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:72px;text-align:center; cursor:pointer; }
.spec-scroll .items ul li img{border:1px solid #ddd; width:60px;height:60px; }
.spec-scroll .items ul li img:hover{border:1px solid #0052a5; }

.iColumn{ padding:0; text-align:center; background:#fff; overflow:hidden; }
.iColumn h3{ font-size:18px; font-weight:bold; color:#000; }
.iColumn h4{ font-size:14px; font-weight:normal; color:#bbb; font-family:Arial, Helvetica, sans-serif;  padding:10px 0; background:url(../images/icolumn.png) no-repeat center bottom; }

#iFirst{ padding:40px 0; background:#fff; }
.iFirstRec{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.iFirstRec li{ width:380px; height:100px; float:left; margin:0 30px 0 0; }
.iFirstRec li a{ width:100%; height:100%; display:block; }
.iFirstRec li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.iFirstRec li dl dt{ width:125px; height:100px; margin:0 15px 0 0; padding:0; float:left; overflow:hidden; }
.iFirstRec li dl dt img{ width:100%; height:100%; display:block; }
.iFirstRec li dl dd{ margin:0; padding:0; overflow:hidden; }
.iFirstRec li dl dd h4{ font-size:18px; font-weight:bold; color:#0052a5; }
.iFirstRec li dl dd p{ margin:6px 0 0 0; padding:0; font-size:12px; color:#999; line-height:22px; }

#iSecond{ padding:40px 0; background:#fff; }
.iSecondRec{ width:100%; margin:0; padding:0; overflow:hidden; }
.iSecondRec dt{ width:360px; height:270px; margin:0 30px 0 0; padding:0; float:left; overflow:hidden; }
.iSecondRec dt img{ width:100%; height:100%; display:block; }
.iSecondRec dd{ height:270px; margin:0; padding:0; position:relative; overflow:hidden; }
.iSecondRec dd .iSecondContent{ height:216px; line-height:32px; margin:-9px 0 0 0; font-size:14px; overflow:hidden; }
.iSecondRec dd .iSecondContent p{ margin:0; padding:0; }
.iSecondRec dd a.iSecondMore{ width:120px; height:36px; line-height:36px; display:block; text-align:center; background:#0052a5; font-size:14px; font-weight:bold; color:#fff; position:absolute; left:0; bottom:0; z-index:10; border-radius:6px; overflow:hidden;  }

#iThird{ padding:30px 0; background:#fff; }
.iThirdRec{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.iThirdRec li{ width:280px; float:left; margin:10px; box-shadow:0 0 20px #e6e6e6; }
.iThirdRec li a{ width:100%; height:100%; display:block; }
.iThirdRec li img{ width:200px; height:200px; display:block; margin:20px auto; }
.iThirdRec li h4{ margin:0 20px; text-align:center; font-size:14px; font-weight:normal; color:#0052a5; }
.iThirdRec li p{ margin:10px 20px 30px 20px; padding:0; font-size:12px; line-height:2; color:#999; text-align:center;}
.iThirdRec li:hover{ box-shadow:0 0 20px #ccc; }

#iFourth{ padding:40px 0 25px 0; background:#fff; }
.iFourthRec{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.iFourthRec li{ width:380px; float:left;  margin:0 30px 0 0;  }
.iFourthRec li img{ width:360px; height:180px; display:block; border:1px solid #ddd; padding:9px; }
.iFourthRec li h4{ margin:15px 0; padding:0; font-size:14px; font-weight:normal; text-align:center; }
.iFourthRec li:hover img{ border:1px solid #0052a5; }

#iFifth{ padding:0 0 40px 0; background:#fff; }
#iNews{ width:760px; clear:both; float:left; overflow:hidden; }
#iFAQ{ width:400px; float:right; overflow:hidden; }

.tabs{ width:100%; list-style:none; margin:0; padding:0; border-bottom:1px solid #0052a5; overflow:hidden; }
.tabs li{ float:left; margin:0 1px 0 0; overflow:hidden; }
.tabs li a{ height:48px; line-height:48px; padding:0 36px; display:block; font-size:18px; font-weight:bold; background:#f5f5f5; color:#333; }
.tabs li:hover a,.tabs .thistab a{ color:#fff; background:#0052a5; }
.tab_conbox{ list-style:none; margin:0; padding:0; overflow:hidden; }
.tab_con{ display:none; padding:0; overflow:hidden; }


.tabsIn{ list-style:none; margin:0 20px; padding:0; border-bottom:1px solid #ddd; overflow:hidden; }
.tabsIn li{ float:left; margin:0 1px 0 0; overflow:hidden; }
.tabsIn li a{ height:40px; line-height:40px; padding:0 40px; display:block; font-size:14px; font-weight:bold; background:#f5f5f5; color:#666; }
.tabsIn li:hover a,.tabsIn .thistab a{ color:#000; background:#ddd; }
.tabsIn_conbox{ list-style:none; margin:0; padding:0; overflow:hidden; }
.tabsIn_con{ display:none; padding:0; overflow:hidden; }


.iFifthRec{ width:100%; margin:20px 0 0 0; padding:0; overflow:hidden; }
.iFifthRec dt{ width:320px; margin:0; padding:0; float:left; overflow:hidden; }
.iFifthRec dt img{ width:320px; height:180px; display:block; }
.iFifthRec dt h4{ width:100%; height:48px; line-height:48px; font-size:14px; font-weight:normal; color:#0052a5; overflow:hidden; }
.iFifthRec dt p{ margin:-6px 0 0 0; padding:0; line-height:2; font-size:12px; color:#999; }
.iFifthRec dd { width:420px; height:40px; line-height:40px; float:right; margin:0; padding:0; font-size:12px; border-bottom:1px dotted #ccc; overflow:hidden; }
.iFifthRec dd a{ float:left; padding-left:12px; background:url(../images/list.png) no-repeat left center;  }
.iFifthRec dd span{ float:right; color:#999;}

a.view{ color:#0052a5; }


.iFAQColumn{ width:100%; height:48px; line-height:48px; border-bottom:1px solid #ce0000; overflow:hidden; }
.iFAQColumn h3{ font-size:18px; font-weight:bold; color:#fff; padding:0 36px; background:#ce0000; float:left; }
.iFAQColumn a{ float:right; }

#FaqBox{height:300px;margin:0;padding:0; overflow:hidden;}
.itemt{width:100%;overflow:hidden;}
.itemtcon{margin:20px 0 0 0;position:relative;overflow:hidden;}
.itemtcon .question{ line-height:22px; margin:0; padding:0 0 0 28px; font-size:14px; color:#333; font-weight:normal; position:relative;}
.itemtcon .question::before{ content:"问"; width:22px; height:22px; line-height:22px; display:block; background:#333; font-size:14px; color:#fff; text-align:center; position:absolute; top:0; left:0; overflow:hidden; }
.itemtcon .answer{line-height:22px; font-size:12px; color:#999; margin:10px 0 0 0;  padding:0 0 0 28px;  position:relative; overflow:hidden;}
.itemtcon .answer::before{ content:"答"; width:22px; height:22px; line-height:22px; display:block; background:#ce0000; font-size:14px; color:#fff; text-align:center; position:absolute; top:0; left:0; }



#iMain{ padding:24px 0; background:url(../images/ibg.jpg) no-repeat center bottom;  }



#products{ padding:0; background:#fff; }

#category{ width:270px; clear:both; float:left; overflow:hidden; }
#recommended{ width:900px; float:right; overflow:hidden; }

.productsRec{ width:960px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.productsRec li{ width:280px; float:left; margin:30px 30px 0 0; }
.productsRec li dl { width:100%; margin:0; padding:0; overflow:hidden; }
.productsRec li dl dt{ width:100%; height:280px; margin:0; padding:0; position:relative; overflow:hidden; }
.productsRec li dl dt img{ width:278px; height:278px; position:absolute; top:0; left:0; border:1px solid #ddd; }
.productsRec li dl dd{ margin:10px 0 0 0; padding:0; line-height:2; font-size:14px; text-align:center; }


#odds{ padding:0; background:#fff; }



.oddsItem{ background:#fff; overflow:hidden; }

.oddsw{ width:600px; float:left; }
.oddsp{ width:600px; float:left; }

.oddsRec{ margin:50px 0 0 30px; padding:0; overflow:hidden; }
.oddsRec dt{ width:64px; height:72px; line-height:72px; text-align:center; float:left; margin:0 20px 0 0; padding:0; background:url(../images/num.png) no-repeat center center; font-size:36px; font-weight:bold; color:#fff; font-family:"Times New Roman", Times, serifl;}
.oddsRec dd{ margin:0; padding:0; overflow:hidden; }
.oddsRec dd h4{ height:36px; line-height:36px; font-size:30px; font-weight:bold; color:#000000; margin:0; }
.oddsRec dd em{ height:36px; line-height:36px; font-size:30px; font-weight:bold; color:#309dff; margin:0; font-style:normal; }
.oddsRec dd em span{ color:#f9b105; }
.oddsc{ width:420px; line-height:2; margin:10px 0 0 0; overflow:hidden; }
.oddsc p{ margin:0; padding:0; }


.oddsRec dd ul{ width:420px; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.oddsRec dd ul li{ width:100%; padding:10px 0; border-bottom:1px dashed #ccc; line-height:2; color:#666; }

#about{ padding:30px 0; background:#f5f5f5; }
.aboutRec{ width:100%; margin:0; padding:0; background:#fff; overflow:hidden; }
.aboutRec dt{ width:300px; height:360px; clear:both; float:left; margin:0; overflow:hidden; }
.aboutRec dt img{ width:100%; height:100%; display:block; }
.aboutRec dd{ height:320px; margin:0; padding:20px 30px; position:relative; overflow:hidden; }

.aboutProfile{ width:100%; height:270px; line-height:30px; overflow:hidden; }
.aboutProfile p:first-child{ margin:0; padding:0; }




#news{ background:#f5f5f5; padding:30px 0; }
.newsRec{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.newsRec li{ width:340px; height:400px; padding:20px; float:left; margin:0 30px 0 0; background:#fff; overflow:hidden; }

.newsColumn{ width:100%; height:40px; overflow:hidden; }
.newsColumn h4{ font-size:18px; font-weight:bold; float:left; color:#000; }
.newsColumn a{ float:right; line-height:30px; }
.newsPic{ width:100%; height:140px; margin:0; overflow:hidden; }
.newsPic img{ width:100%; height:100%; display:block; }

.newsItem{ width:100%; margin:10px 0 0 0; padding:0; overflow:hidden; }
.newsItem dd{ width:100%; height:40px; line-height:40px; margin:0; padding:0; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden;}
.newsItem dd a{ background:url(../images/list.png) no-repeat left center; float:left; padding-left:10px; }
.newsItem dd span{ float:right; font-family:Arial, Helvetica, sans-serif;  }

#partner{ padding:0 0 40px 0;  background:#fff; }

#features{ padding:30px 0; margin:30px 0 0 0; background:#fff; }

.featuresRec{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.featuresRec li{ width:200px; float:left; margin:0 20px; overflow:hidden; } 
.featuresRec li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.featuresRec li dl dt{ width:100%; height:100px; overflow:hidden; }
.featuresRec li dl dt img{ width:150px; height:100px; display:block; margin:0 auto; }
.featuresRec li dl dd{ margin:0; padding:0; text-align:center; overflow:hidden; }
.featuresRec li dl dd h4{ font-size:18px; color:#000; margin:10px 0; }
.featuresRec li dl dd p{ margin:0; padding:0; line-height:2; font-size:12px; color:#999; }

.partnerRec{ width:1280px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.partnerRec li{ width:210px; height:140px; float:left; padding:2px; border:1px solid #bfbfbf; margin:20px 20px 0 0; }
.partnerRec li img{ width:210px; height:140px; display:block; }

.ListPartner{ width:1280px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListPartner li{ width:210px; height:140px; float:left; padding:2px; border:1px solid #bfbfbf; margin:30px 30px 0 0; }
.ListPartner li img{ width:210px; height:140px; display:block; }



#main{ width:1200px; margin:40px auto; overflow:hidden; }
#sidebar{ width:248px; clear:both; float:left; margin:0; overflow:hidden; }
#content{ width:920px; float:right; border:1px solid #ddd; padding:0 0 20px 0; overflow:hidden; }


.leftNav{ border:0px solid #ddd; }

.column{ height:60px; line-height:60px; text-align:center; background:#0052a5; font-size:24px; font-weight:bold; color:#fff; overflow:hidden; }

.searchVideo{ width:1200px; list-style:none; margin:0; padding:0; overflow:hidden; }
.searchVideo li{ width:275px; height:222px; float:left; margin:20px 20px 0 0; background:#f5f5f5; overflow:hidden; }
.searchVideo li img{ width:275px; height:172px; display:block; }
.searchVideo li h4{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px;  }

.cc{ color:#00aae7; }

#crumbs{ margin:20px 20px 0 20px; height:39px; border-bottom:1px solid #ddd;  overflow:hidden; }
#crumbs h2{ height:39px; clear:both; float:left; font-size:18px; font-weight:bold; color:#0052a5;}
#crumbs p{ line-height:40px; float:right; margin:0; padding:0 0 0 18px; font-size:12px; background:url(../images/ci1.gif) no-repeat left center; }

.symbol{ font-family:SimSun; margin:0 6px;  }


.symbol{ font-family:SimSun; margin:0 6px;  }

.topClass{ list-style:none; margin:0; padding:0; overflow:hidden; }
.topClass li{ width:100%; margin:1px 0 0 0; background:#f5f5f5; overflow:hidden; }
.topClass li.cur{ background:#004ea1; }
.topClass li a{ padding:14px 20px; display:block; font-size:14px; font-weight:normal; }
.topClass li.cur a{ color:#fff; }
.topClass li ul{ list-style:none; margin:0; padding:0; display:none; overflow:hidden; }
.topClass li ul li{ width:100%; float:left; margin:0; border-top:1px dotted #ddd; background:#fff; }
.topClass li ul li:first-child{ border:0; }
/*.topClass li ul li.cc{ background:#fff; }
*/.topClass li.cur ul li a{ font-size:12px; padding:12px 20px; color:#777; }
.topClass li.cur ul li.now a,.topClass li.cur ul li a:hover{ color:#0052a5; }
.topClass li.cur ul{ display:block; }

.article{ line-height:2; margin:20px; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }
.article table{ width:100%; max-width:100%;}


/*.topClass{ list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.topClass li{ width:100%; float:left; margin:1px 0 0 0; background:#f5f5f5; }
.topClass li.cur,.topClass li:hover{ background:#00458e; }
.topClass li a{ padding:15px 20px; display:block; font-size:15px; font-weight:bold; color:#333; }
.topClass li.cur a,.topClass li:hover a{ color:#fff; background:url(../images/s2.png) no-repeat 228px center;  }
.topClass li ul{ list-style:none; margin:0; padding:0; background:#fff; overflow:hidden; }
.topClass li ul li{ width:100%; float:left; margin:0; }
.topClass li ul li a,.topClass li ul li a{ width:100%; font-size:14px; padding:10px 0; text-indent:50px; color:#666; background:#fff url(../images/a03.png) no-repeat 36px center;}
.topClass li ul li a.cur,.topClass li ul li a:hover{ color:#309dff; background:#fff url(../images/a04.png) no-repeat 36px center; }*/


#inContact{ margin:20px 0 0 0; background:#f5f5f5; }
.inContactColumn{ width:100%; height:64px; line-height:64px; background:#2c7de9 url(../images/ic.png) no-repeat 20px center; text-indent:64px; font-size:20px; font-weight:bold; color:#fff; }
.inContactProfile{ margin:0; padding:15px 20px 20px 20px; line-height:2; overflow:hidden; }
.inContactProfile p{ margin:0; padding:0; }

.listSiteMap{ width:100%; list-style:none; margin:0;  padding:0; overflow:hidden; }
.listSiteMap li{ width:100%; line-height:25px; float:left; background:url(../images/folder.png) no-repeat left 6px; text-indent:20px; overflow:hidden; }
.listSiteMap li a{ font-size:14px; color:#1768b9; font-weight:bold; text-decoration:none; }
.listSiteMap li ul{ list-style:none; margin:0 20px; padding:0; overflow:hidden; }
.listSiteMap li li a{ font-size:13px; }
.listSiteMap li li li a{ font-size:12px; }


.ListNews{ list-style:none; margin:0 20px 20px 20px; padding:0; overflow:hidden; }
.ListNews li{ width:100%; padding:20px 0; border-bottom:1px dotted #ddd; overflow:hidden;}
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:320px; height:180px; float:left; margin:0 20px 0 0; padding:0; overflow:hidden; }
.ListNews li dl dd{ height:180px; margin:0; padding:0; position:relative; overflow:hidden; }
.ListNews li dl dd h4{ font-size:14px; font-weight:normal; color:#0052a5; }
.ListNews li dl dd span{ padding:12px 0 12px 16px; display:block; background:url(../images/date.png) no-repeat left center; background-size:12px; font-size:12px; color:#999; }
.ListNews li dl dd p{ margin:-6px 0 0 0; padding:0; font-size:12px; line-height:2; color:#999; overflow:hidden; }
.ListNews li dl dd a.inView{ width:120px; height:32px; line-height:32px; display:block; background:#004ea1; font-size:14px; color:#fff; text-align:center; border-radius:20px; margin:20px 0 0 0; position:absolute; left:0; bottom:0; z-index:10; }

/*.ListSolution{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListSolution li{ width:100%; padding:20px 0 15px 0; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }
.ListSolution li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListSolution li dl dt{ width:300px; height:200px; float:left; margin:0 20px 0 0; padding:0; }
.ListSolution li dl dt img{ width:300px; height:200px; }
.ListSolution li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListSolution li dl dd h4{ font-size:14px; }
.ListSolution li dl dd p{ margin:6px 0 0 0; padding:0; line-height:2; font-size:12px; }*/
 
a.reading{ color:#309dff; white-space:nowrap; }


.ListSolution{ list-style:none; margin:10px; padding:0; overflow:hidden; }
.ListSolution li{ width:280px; height:280px; float:left; margin:10px; box-shadow:0 0 20px #e6e6e6; }
.ListSolution li a{ width:100%; height:100%; display:block; }
.ListSolution li img{ width:200px; height:160px; display:block; margin:20px auto; }
.ListSolution li h4{ margin:20px; text-align:center; font-size:14px; font-weight:normal; color:#0052a5; }
.ListSolution li:hover{ box-shadow:0 0 20px #ccc; }

.ListCase{ list-style:none; margin:10px; padding:0; overflow:hidden; }
.ListCase li{ width:280px; height:200px; float:left; margin:10px; box-shadow:0 0 20px #e6e6e6; }
.ListCase li a{ width:100%; height:100%; display:block; }
.ListCase li img{ width:200px; height:100px; display:block; margin:20px auto; }
.ListCase li h4{ margin:20px; text-align:center; font-size:14px; font-weight:normal; color:#0052a5; }
.ListCase li:hover{ box-shadow:0 0 20px #ccc; }



.ListProducts{ list-style:none; margin:10px; padding:0; overflow:hidden; }
.ListProducts li{ width:280px; float:left; margin:10px; box-shadow:0 0 20px #e6e6e6; }
.ListProducts li a{ width:100%; height:100%; display:block; }
.ListProducts li img{ width:200px; height:200px; display:block; margin:20px auto; }
.ListProducts li h4{ margin:0 20px; text-align:center; font-size:14px; font-weight:normal; color:#0052a5; }
.ListProducts li p{ min-height:48px; margin:10px 20px 30px 20px; padding:0; font-size:12px; line-height:2; color:#999; text-align:center;}
.ListProducts li:hover{ box-shadow:0 0 20px #ccc; }

.ListDownload{ list-style:none; margin:0 20px 20px 20px; padding:0; overflow:hidden; }
.ListDownload li{ padding:0 0 20px 0; margin:20px 0 0 0; border-bottom:1px dotted #ddd; overflow:hidden; }
.ListDownload li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListDownload li dl dt{ float:right; }
.ListDownload li dl dt a{ background:#0052a5 url(../images/download.png) no-repeat 12px center; background-size:14px; color:#fff;display:block; height:32px;line-height:32px;padding:0 16px 0 30px; text-align:center;font-size:14px; font-weight:bold; color:#fff; border-radius:5px; margin:6px 0 0 0; }
.ListDownload li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListDownload li dl dd h3{ font-size:14px; font-weight:normal; color:#0052a5; }
.ListDownload li dl dd p{ margin:10px 0 0 0; padding:0; font-size:12px; color:#999; overflow:hidden; }
.ListDownload li dl dd span{ float:left; margin:0 20px 0 0; padding-left:15px; font-size:12px; }
.ListDownload li dl dd span.icon1{ background:url(../images/documents.png) no-repeat left center; background-size:12px;}
.ListDownload li dl dd span.icon2{ background:url(../images/clock.png) no-repeat left center; background-size:12px;}

.ListFAQ{ margin:0 20px 20px 20px; padding:0; overflow:hidden; }
.ListFAQ li{ padding:0 0 20px 0; margin:20px 0 0 0; border-bottom:1px dotted #ddd; background:none; overflow:hidden; }
.ListFAQ li .question{ line-height:22px; margin:0; padding:0 0 0 28px; font-size:14px; font-weight:normal; color:#333; position:relative;}
.ListFAQ li .question::before{ content:"问"; width:22px; height:22px; line-height:22px; display:block; background:#333; font-size:14px; color:#fff; text-align:center; position:absolute; top:0; left:0; overflow:hidden; }
.ListFAQ li .answer{line-height:22px; font-size:12px; color:#999; margin:10px 0 0 0;  padding:0 0 0 28px;  position:relative; overflow:hidden;}
.ListFAQ li .answer::before{ content:"答"; width:22px; height:22px; line-height:22px; display:block; background:#ce0000; font-size:14px; color:#fff; text-align:center; position:absolute; top:0; left:0; }
.ListFAQ li .answer p{ margin:0; padding:0; }


.ListGallery{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListGallery li{ width:290px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.ListGallery li img{ width:290px; height:218px; display:block; }
.ListGallery li h4{ margin:10px 0 0 0; font-size:14px; line-height:2; text-align:center; }


.ListVideo{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListVideo li{ width:270px; height:220px; float:left; margin:20px 20px 0 0; background:#f5f5f5; position:relative; }
.ListVideo li img{ width:270px; height:169px; display:block; }
.ListVideo li h4{ width:100%; height:50px; line-height:50px; margin:0; padding:0;  text-align:center; overflow:hidden; }

.diyquick{ margin:0 20px 15px 20px; font-weight:normal; line-height:2; color:#0052a5; padding:15px 0 0 0; border-top:1px solid #ddd; overflow:hidden; }
.diyquick span{ color:#ccc; }
/*.fyprev{ clear:both; float:left; }
.fynext{ float:right; }*/

.fenye{ margin:0 20px; text-align:center; padding:0; overflow:hidden;  }
.fenye a{ padding:8px 16px; margin:0 3px; background:#f5f5f5; border:0px solid #eee; font-size:12px; display:inline-block;*display:inline; *zoom:1; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#0052a5; border:0px solid #00458e; }


.artName{ width:100%; font-size:24px; font-weight:normal; margin:20px 0 0 0; padding:0; text-align:center; color:#333; overflow:hidden; }
.seotit{ font-size:24px; font-weight:bold; color:#000; margin:30px 20px 0 20px; text-align:center;  }
.seotit2{ width:100%; font-size:24px; font-weight:bold; color:#f00; margin:20px 0 0 0; }


.artFunc{ margin:0 20px; text-align:center; padding:15px 0; color:#aaa; font-size:12px; border-bottom:1px dotted #ddd; overflow:hidden; }