@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:#049745; }

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


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




#header{ width:100%; height:136px; background:url(../images/top.png) repeat-x left top; }
#top{ width:1200px; height:100%; margin:0 auto; position:relative; }

#welcome{ height:36px; line-height:36px; position:absolute; top:0; left:0;  }
#hotline{ height:36px; line-height:36px; position:absolute; top:0; right:0; background:url(../images/hotline.png) no-repeat left center; padding-left:26px; font-size:20px; font-weight:bold; font-family:"Times New Roman", Times, serif; color:#049745; }
 
#logo{ width:450px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:36px; 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:60px; right:0; }
#menu li{ float:left; position:relative; margin:0 0 0 42px; }
#menu li.cur,#menu li:hover{  border-bottom:4px solid #049745;  }
#menu li a{ height:48px; line-height:48px; padding:0; display:block; font-size:16px; font-weight:bold; color:#333;  }
#menu li:hover a,#menu li.cur a{ color:#049745;  }

.banner_wrap { 
	max-width: 100%;
	height: 600px;
	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: 600px;
}
.banner_wrap ol { 
	width:96px;
	list-style:none;
	margin:0 0 0 -48px; 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:#e9e9e9; 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:15px 0; background:#e9e9e9; }
.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:#00642c; overflow:hidden; }  

#help{ padding:30px 0; background:#049745; }


.f_menu{ width:260px; list-style:none; margin:0; padding:0; float:left; }
.f_menu li{ width:120px; float:left; margin:0 10px 10px 0; overflow:hidden;  }
.f_menu li a{ width:100%; height:36px; line-height:36px; display:block; background:#00642c; border-radius:6px; font-size:14px; color:#fff; text-align:center; overflow:hidden;  }

.f_contact{ width:520px; float:left; color:#fff; padding:15px 20px; line-height:2; color:#fff; margin:0 0 0 47px; border:3px dotted #00642c;overflow:hidden; }
.f_contact p{ margin:0; padding:0; }

.f_ewm{ width:300px; list-style:none; margin:0; padding:0; float:right; overflow:hidden; }
.f_ewm li{ width:120px; float:left; text-align:center; font-size:14px; line-height:24px; color:#fff; margin:0 0 0 30px; }
.f_ewm li img{ width:120px; height:120px; display:block; margin:0 auto; }
.f_ewm li p{ margin:8px 0 0 0; padding:0;  }


.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;}



.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{ width:100%; margin:20px 0 0 0; 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 h2{ margin:8px 0; padding:0; font-size:20px; font-weight:bold; color:#0d9a4b; }
.basicR p{ width:100%; margin: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:#049745; text-align:center; font-size:16px; color:#fff; border:0; outline:0; cursor:pointer; overflow:hidden; }


.proDetColumn{ margin:30px 0 0 0; padding:0 0 15px 0; font-size:16px; font-weight:bold; color:#333; border-bottom:1px dotted #ddd; }



/*图片放大镜样式*/
.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; overflow:hidden; }
.iColumn h3{ font-size:24px; font-weight:bold; color:#000; }
.iColumn h4{ font-size:14px; font-weight:normal; color:#bbb; font-family:Arial, Helvetica, sans-serif;  padding:10px 0 12px 0; background:url(../images/icolumn.png) no-repeat center bottom; }

#iCase{ padding:40px 0; background:#f5f5f5;  }

.icSlide{ width:100%; height:250px; padding:0; position:relative; margin:30px 0 0 0; overflow:hidden; }
.icSlide .icSlideL{display:block;position:absolute; z-index:50; width:30px;height:30px;left:50%; top:220px; margin:0 0 0 -40px; background:url(../images/il.png) no-repeat left center;}
.icSlide .icSlideR{display:block;position:absolute; z-index:50; width:30px;height:30px;left:50%; top:220px; margin:0 0 0 10px; background:url(../images/ir.png) no-repeat right center;}
.icSlide .icWin{ width:100%; position:absolute; left:0; overflow:hidden;}
.icSlide li{ width:285px; height:190px; float:left; margin:0 20px 0 0; padding:0; overflow:hidden;}
.icSlide li a{ width:100%;  height:100%; display:block; position:relative; }
.icSlide li img{ width:285px; height:190px; display:block; }
.icSlide li p{ width:100%; height:40px; line-height:40px; margin:0; padding:0; position:absolute; left:0; bottom:0; z-index:10; background:#049745; font-size:14px; color:#fff; text-align:center; display:none; overflow:hidden; }
.icSlide li:hover p{ display:block; }

#iAbout{ padding:40px 0; background:#fff; }
.iAboutRec{ width:100%; margin:30px 0 0 0; padding:0; overflow:hidden; }
.iAboutRec dt{ width:560px; height:280px; margin:0 30px 0 0; padding:0; float:left; overflow:hidden; }
.iAboutRec dt img{ width:100%; height:100%; display:block; }
.iAboutRec dd{ height:280px; margin:0; padding:0;  position:relative; overflow:hidden; }
.iAboutRec dd .iAboutContent{ height:224px; line-height:32px; font-size:14px; overflow:hidden;   }
.iAboutRec dd .iAboutContent p{ margin:0; padding:0; }
.iAboutRec dd a.iAboutMore{ position:absolute; left:0; bottom:0; z-index:10; background:#049745; width:140px; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; overflow:hidden; }


#iProducts{ padding:40px 0; background:#f5f5f5; }
.iProductsRec{ width:1280px; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.iProductsRec li{ width:285px; height:405px; float:left; margin:20px 20px 0 0; background:#fff; }
.iProductsRec li a{ width:100%; height:100%; display:block; }
.iProductsRec li img{ width:285px; height:285px; display:block; }
.iProductsRec li h4{ margin:0; padding:15px 0; text-align:center; font-size:15px; font-weight:normal; color:#049745; background:url(../images/ibor.png) no-repeat center bottom; }
.iProductsRec li p{ margin:10px 20px 0 20px; padding:0; font-size:14px; line-height:2; color:#333; text-align:center;}

.iMore{ width:50px; height:50px; display:block; background:url(../images/more.png) no-repeat center center; background-size:50px; margin:30px auto 0 auto;  }

.ad{ width:1920px; position:relative; left:50%; margin-left:-960px; }
.ad img{ max-width:100%; display:block; margin:0 auto; }

#iOdds{ padding:40px 0; background:#f5f5f5; }
.oddsMain{ width:100%; height:450px; margin:30px 0 0 0; position:relative; background:url(../images/odds.png) no-repeat center center; }
.oddsItem{ width:360px; height:180px; position:absolute; }
#oddsItem1{ top:40px; left:0; }
#oddsItem2{ top:40px; right:0; }
#oddsItem3{ top:240px; left:0; }
#oddsItem4{ top:240px; right:0; }

.oddst{ width:100%; margin:0; padding:0; overflow:hidden; }
.oddst dt{ width:60px; height:60px; margin:0; padding:0; float:left; overflow:hidden; }
.oddst dd{ margin:0; padding:0; overflow:hidden; }
.oddst dd h4{ height:24px; font-size:18px; font-weight:bold; color:#000; }
.oddst dd p{ height:24px; font-size:18px; font-weight:bold; color:#049745; margin:0; padding:0; }

.oddsContent{ height:120px; margin:0; padding:0; line-height:2; color:#666; overflow:hidden; }

#iAlliance{ padding:40px 0; background:#fff; }
.iaSlide{ width:100%; height:191px; padding:0; position:relative; margin:30px 0 0 0; overflow:hidden; }
.iaSlide .iaSlideL{display:block;position:absolute; z-index:50; width:30px;height:30px;left:50%; top:220px; margin:0 0 0 -40px; background:url(../images/il.png) no-repeat left center;}
.iaSlide .iaSlideR{display:block;position:absolute; z-index:50; width:30px;height:30px;left:50%; top:220px; margin:0 0 0 10px; background:url(../images/ir.png) no-repeat right center;}
.iaSlide .iaWin{ width:100%; position:absolute; left:0; overflow:hidden;}
.iaSlide li{ width:283px; height:189px; float:left; margin:0 20px 0 0; padding:0; border:1px solid #ddd; overflow:hidden;}
.iaSlide li a{ width:100%;  height:100%; display:block; position:relative; }
.iaSlide li img{ width:283px; height:189px; display:block; }
.iaSlide li p{ width:100%; height:40px; line-height:40px; margin:0; padding:0; position:absolute; left:0; bottom:0; z-index:10; background:#049745; font-size:14px; color:#fff; text-align:center; display:none; overflow:hidden; }
.iaSlide li:hover p{ display:block; }

#iQuality{ padding:40px 0; background:#f5f5f5; }
.iQualityMain{ width:100%; height:480px; list-style:none; margin:30px 0 0 0; padding:0; position:relative; overflow:hidden; }
.iQualityMain li{ position:absolute; overflow:hidden; }
.iQualityMain li:nth-child(1){ width:330px; height:480px; left:0; top:0; }
.iQualityMain li:nth-child(2){ width:280px; height:235px; left:340px; top:0; }
.iQualityMain li:nth-child(3){ width:280px; height:235px; left:630px; top:0; }
.iQualityMain li:nth-child(4){ width:280px; height:235px; right:0; top:0; }
.iQualityMain li:nth-child(5){ width:425px; height:235px; left:340px; bottom:0; }
.iQualityMain li:nth-child(6){ width:425px; height:235px; right:0; bottom:0; }
.iQualityMain li a{ width:100%; height:100%; display:block; position:relative; }
.iQualityMain li a img{ width:100%; height:100%; display:block; }
.iQualityMain li a p{ position:absolute; left:0; bottom:0; z-index:10; background:#049745; width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; font-size:14px; color:#fff; display:none; overflow:hidden; }
.iQualityMain li a:hover p{ display:block; }



#iFifth{ padding: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 #049745; 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:#049745; }
.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:#049745; 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:#049745; }


.iFAQColumn{ width:100%; height:48px; line-height:48px; border-bottom:1px solid #049745; overflow:hidden; }
.iFAQColumn h3{ font-size:18px; font-weight:bold; color:#fff; padding:0 36px; background:#049745; 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:"Q"; width:22px; height:22px; line-height:22px; display:block; background:#666; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; 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:"A"; width:22px; height:22px; line-height:22px; display:block; background:#049745; font-size:14px; color:#fff;font-family:Arial, Helvetica, sans-serif; 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; }



#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:20px auto; overflow:hidden; }
#sidebar{ width:100%; margin:0; overflow:hidden; }
#content{ width:100%; margin:0; overflow:hidden; }


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

.column{ height:72px; line-height:72px; text-align:center; background:#049745; font-size:30px; 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{ height:72px; line-height:72px; background:url(../images/c30.png) repeat-x left center; overflow:hidden; }
#crumbs h2{ clear:both; float:left; font-size:20px; padding:0 21px 0 0; font-weight:bold; color:#000; background:#fff url(../images/c20.png) no-repeat right center; }
#crumbs p{ float:right; margin:0; padding:0 0 0 21px; font-size:12px; background:#fff url(../images/c20.png) no-repeat left center; }

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


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


.left{ overflow:hidden; }


.TabSubNav{ width:100%; margin:20px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.TabSubNav table{}
.TabSubNav table tr td a{ padding:20px; display:block; color:#333; font-size:16px;  }
.TabSubNav table tr td a:hover,.TabSubNav tr td a.cur{ color:#049745; }


.topClass{ list-style:none; margin:0; padding:0;  overflow:hidden; }
.topClass li{ }
.topClass li a{display: block; padding:15px 20px; font-size:15px; float:left; font-weight:normal; color:#333; background:#e9e9e9; }
.topClass li.cur a,.topClass li a:hover{background: #049745; color:#fff}
.topClass li ul{ list-style:none; margin:0; padding:0; display:none;}
.topClass li ul li{ }
.topClass li ul li a,.topClass li.cur ul li a{font-size:13px; background:#f5f5f5; color:#666; padding:12px 20px 12px 36px; }
.topClass li ul li a:hover,.topClass li ul li.cur a{color:#006b64; }
.topClass li.cur ul{ display:block; }

.article{ line-height:2; margin:20px 0 0 0; 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:20px 0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; padding:20px 0; border-bottom:1px dotted #ccc; overflow:hidden;}
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:240px; height:135px; float:left; margin:0 20px 0 0; padding:0; overflow:hidden; }
.ListNews li dl dt img{ width:240px; height:135px; }
.ListNews li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListNews li dl dd h4{ font-size:15px; font-weight:bold; padding:12px 0; border-bottom:1px dotted #ddd; }
.ListNews li dl dd h4 span{ padding:0 0 0 18px; display:block; background:url(../images/clock.png) no-repeat left center; background-size:14px; font-size:14px; font-weight:normal; color:#999; float:right; }
.ListNews li dl dd p{ margin:10px 0 0 0; padding:0; font-size:13px; line-height:2; color:#999; overflow:hidden; }
.ListNews li dl dd a.inView{ color:#049745;}

 
a.reading{ color:#309dff; white-space:nowrap; }


.ListGallery{ width:1280px; list-style:none; margin:20px 0; padding:0; overflow:hidden; }
.ListGallery li{ width:224px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.ListGallery li img{ width:100%; display:block; }
.ListGallery li h4{ margin:12px 0 0 0; text-align:center; font-size:14px; font-weight:normal; }


.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{ width:1280px; list-style:none; margin:20px 0; padding:0; overflow:hidden; }
.ListCase li{ width:285px; float:left; margin:20px 20px 0 0; }
.ListCase li img{  width:283px; height:188px; display:block; border:1px solid #ddd; }
.ListCase li p{ margin:12px 0 0 0; padding:0; text-align:center; font-size:14px; font-weight:normal; }

.ListEquipment{ width:1280px; list-style:none; margin:20px 0; padding:0; overflow:hidden; }
.ListEquipment li{ width:285px; float:left; margin:20px 20px 0 0; }
.ListEquipment li img{ width:283px; height:188px; display:block; border:1px solid #ddd; }
.ListEquipment li p{ margin:12px 0 0 0; padding:0; text-align:center; font-size:14px; font-weight:normal; }

.ListAlliance{ width:1280px; list-style:none; margin:20px 0; padding:0; overflow:hidden; }
.ListAlliance li{ width:285px; float:left; margin:20px 20px 0 0; }
.ListAlliance li img{ width:283px; height:188px; display:block; border:1px solid #ddd; }
.ListAlliance li p{ margin:15px 0 0 0; padding:0; text-align:center; font-size:14px; font-weight:normal; }

.inFeedback{ margin:30px 0 0 0;}


.inF1{ width:100%; text-align:center; font-size:30px; color:#000; margin:20px 0 0 0; overflow:hidden; }
.inF2{ width:100%; text-align:center; font-size:18px; color:#000; margin:12px 0 20px 0; overflow:hidden; }


.ListProducts{ width:1280px; list-style:none; margin:10px 0; padding:0; overflow:hidden; }
.ListProducts li{ width:380px; float:left; margin:30px 30px 0 0; }
.ListProducts li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListProducts li dl dt{ border:1px solid #ddd; margin:0; padding:10px; }
.ListProducts li img{ width:200px; height:200px; display:block; margin:0 auto; }
.ListProducts li h4{ width:100%; height:50px; line-height:50px; text-align:center; font-size:15px; font-weight:normal; color: #049745;background: url(../images/ibor.png) no-repeat center bottom; }
.ListProducts li p{ margin:10px 20px 0 20px; padding:0; font-size:14px; line-height:2; color:#333; text-align:center;}

.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:20px 0; padding:0; overflow:hidden; }
.ListFAQ li{ padding:20px 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:15px; font-weight:bold; color:#333; position:relative;}
.ListFAQ li .question::before{ content:"Q"; width:22px; height:22px; line-height:22px; display:block; background:#666; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; 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:"A"; width:22px; height:22px; line-height:22px; display:block; background:#049745; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; position:absolute; top:0; left:0; }
.ListFAQ li .answer p{ margin:0; padding:0; }




.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:20px 0 0 0; font-weight:bold; line-height:2; color:#049745; 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; text-align:center; padding:20px 0; overflow:hidden;  }
.fenye a{ padding:6px 16px; margin:0 3px; background:#e9e9e9; border:0px solid #eee; font-size:14px; display:inline-block;*display:inline; *zoom:1; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#049745; 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 0 0 0; text-align:center;  }
.seotit2{ width:100%; font-size:24px; font-weight:bold; color:#f00; margin:20px 0 0 0; }


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