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

input,textarea{ font-family:Arial, Helvetica, sans-serif;  }


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

.fixedwidth{ width:1200px; margin:0 auto; }

.sectionRelative{ width:1000px; margin:0 auto; height:100%; position:relative; }

#top{ width:100%; height:30px; line-height:30px; background:#f6f6f6;  }
.top-hotline{ text-align:right; }

#header{ width:100%; height:135px; background:url(../images/bg.jpg) repeat-x left top; }

#Logo{ clear:both; float:left; margin:15px 0; }
#Hotline{ height:50px; line-height:50px; margin:0; background:url(../images/tel.png) no-repeat left center; background-size:contain; padding-left:50px; float:right; font-size:30px; color:#0099ff; font-style:italic;  }


#Menu{ width:100%; list-style:none; margin:0; padding:0; clear:both; float:left; }
#Menu li{ width:16.66%; float:left; }
#Menu li:hover{ background:#05248c; }
#Menu li a{ width:100%; height:45px; line-height:45px; text-align:center; display:block; font-size:16px; color:#fff; text-align:center; }


#Lang{ float:right; list-style:none; margin:0; padding:0 20px; background:#333; border-radius:0 0 5px 5px; overflow:hidden; }
#Lang li{ float:left; padding:10px 10px; background:#333; }
#Lang li a{ color:#fff; }

#footer{ width:100%; background:#191c21; overflow:hidden; }  

#Copr{ width:100%; background:#000; text-align:center; padding:25px 0; color:#fff; }

#Help { list-style:none; margin:0; padding:30px 0; overflow:hidden; }
#Help li{ width:200px; float:left; overflow:hidden; }
#Help li a{ font-size:16px; color:#fff; margin:0; padding:0; font-weight:normal; text-transform:uppercase; }
#Help li ul { list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
#Help li ul li{ width:100%; display:block; padding:5px 0; }
#Help li ul li a{ font-size:14px; color:#c2daef; text-transform:capitalize; }
#Help li ul li a:hover{ color:#fff; }
#Help li.last{ width:300px; float:right; }
#Help li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
#Help li dl dt{ width:100%; font-size:14px; color:#c2daef; margin:0; padding:0; text-align:center; }
#Help li dl dd{ margin:0; padding:10px 0; font-size:30px; color:#0099ff; text-align:center; overflow:hidden; }
#Help li dl dt img{ margin:0 auto; padding:0; width:80px; height:80px; display:block; }

.footer-contact{ width:200px; float:right;}
.footer-contact dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.footer-contact dl dt{ width:100%; height:40px; line-height:40px; font-size:16px; color:#c0c0c0; background:url(../images/tel.png) no-repeat left center; text-indent:42px; }
.footer-contact dl dd{ margin:12px 0 0 0; padding:12px 0 0 0; border-top:1px solid #405063; overflow:hidden; }
.footer-contact dl dd ul{ width:240px; list-style:none; margin:0; padding:0; overflow:hidden; }
.footer-contact dl dd ul li{ width:90px; float:left; margin-right:20px; overflow:hidden; }
.footer-contact dl dd ul li p{ width:100%; height:30px; line-height:30px; font-size:12px; margin:0; padding:0; color:#ccc; }
.footer-contact dl dd ul li img{ width:100%; display:block; }

.footer-main{ border-top:1px solid #2d668a; padding:20px 0; overflow:hidden; }

.footer-main-link{ clear:both; float:left; font-size:14px; color:#c2daef; }
.footer-main-link a{ color:#c2daef; }
.footer-main-link a:hover{ color:#fff; }
.footer-main-link span{ margin:0 10px; }
.footer-main-copr{ float:right; color:#c2daef; overflow:hidden; }

.form-help{ width:600px; height:70px; margin:50px auto; background:url(../images/form.png) no-repeat left top; overflow:hidden; }
.form-help-in{ width:400px; height:50px; line-height:50px; margin:0; padding:10px; float:left; border:0; background:none; outline:0; font-size:18px; }
.form-help-btn{ width:180px; height:70px; line-height:70px; float:right; border:0; background:none; outline:0; cursor:pointer; font-size:24px; color:#fff; text-align:center; }

.help-intro{ width:100%; text-align:center; font-size:16px; }
.help-result{ width:100%; text-align:center; font-size:16px; margin:20px 0 0 0; color:#f00; font-weight:bold; }

#main{ width:1200px; margin:0 auto; background:#fff; overflow:hidden; }
.main-margin{ margin:0 40px 60px 40px; overflow:hidden; }

.tab_contact{ border-left:1px solid #ddd; border-top:1px solid #ddd; margin:30px 0 0 0; }
.tab_contact tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; text-align:center; }
.tab_contact thead tr td{ font-weight:bold; background:#f5f5f5; padding:20px 10px; }

.main-column-title{ height:84px; line-height:84px; padding:0; margin:20px 0 0 0; background:url(../images/c1.png) repeat-x left bottom; overflow:hidden; text-transform:uppercase; }
.main-column-title h3{ height:84px; float:left; background:url(../images/c2.png) repeat-x left bottom; padding-right:48px; font-size:24px; font-weight:bold; color:#222; }

.main-article-title{ margin:40px 0 0 0; text-align:center; font-size:24px;  }
.main-article-func{ color:#999; font-size:12px; margin:20px 0 0 0; text-align:center;  }
.main-article-content{ margin:20px 0 0 0; line-height:2; }
.main-article-default{ margin:20px 0; text-align:center; }
.main-article-default img{ max-width:100%; display:block; margin:0 auto;}

.sub-columns{ width:100%; text-align:left; font-size:0; margin:20px 0 0 0; overflow:hidden; }

.sub-columns a{ display:inline-block; padding:7px 20px; margin:10px 10px 0 0; border:1px solid #ddd; border-radius:5px; font-size:14px; color:#434343; background:#f5f5f5; overflow:hidden; }
.sub-columns a.on,.sub-columns a:hover{ background:#f00; color:#fff; border:1px solid #f00; }

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

.slideBox{ width:1920px; height:500px; overflow:hidden; position:relative;  }
.slideBox .hd{ width:160px; height:20px; overflow:hidden; position:absolute; left:50%; bottom:40px; z-index:10; margin-left:-80px; }
.slideBox .hd ul{ list-style:none; margin:0; padding:0; overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; width:20px; height:20px; margin:0 10px; line-height:20px; text-align:center; background:#666; border-radius:20px; cursor:pointer; }
.slideBox .hd ul li.on{ background:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{ list-style:none; margin:0; padding:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ max-width:100%; height:500px; display:block; margin:0 auto;  }

.slideBox .prev,
.slideBox .next{ position:absolute; left:50%; margin-left:-640px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:50%; margin-right:-640px; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.index-fixed{ width:1200px; margin:0 auto; }

.diy-main{ width:100%; background:#fff; padding:0 0 40px 0; overflow:hidden; }
.diy-main-margin{ width:1200px; margin:0 auto; overflow:hidden; }

.diy-main-1F{ margin:40px 0 0 0; overflow:hidden; }
.diy-main-2F{ margin:40px 0 0 0; overflow:hidden; }
.diy-main-3F{ margin:40px 0 0 0; overflow:hidden; }


.index-column{ font-size:24px; font-weight:normal; }

.index-service{ width:581px; clear:both; float:left; overflow:hidden; }
.index-line{ width:581px; float:right; overflow:hidden; }

.diy-list-pic{ list-style:none; margin:20px 0 0 0; padding:0; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; overflow:hidden; }
.diy-list-pic li{ width:144px; float:left; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center; } 
.diy-list-pic li img{ width:120px; height:80px; display:block; margin:10px auto; }
.diy-list-pic li p{ margin:10px 0 15px 0; padding:0; }

.index-about{ width:480px; clear:both; float:left; overflow:hidden; }
.index-news{ width:400px; float:left; margin-left:20px; overflow:hidden; }
.index-team{ width:280px; float:right; overflow:hidden; }

.index-about-main{ width:440px; height:300px; margin:20px 0 0 0; padding:19px; border:1px solid #e6e6e6; overflow:hidden; }
.index-about-main dt{ width:100%; height:120px; margin:0; padding:0; overflow:hidden; }
.index-about-main dt img{ width:100%; height:100%; display:block; }
.index-about-main dd{ height:168px; margin:10px 0 0 0; padding:0; line-height:2; overflow:hidden;  }

.index-news-main{ width:360px; height:300px; list-style:none; margin:20px 0 0 0; padding:19px; border:1px solid #e6e6e6; overflow:hidden; }
.index-news-main li{ width:100%; height:36px; line-height:36px; border-bottom:1px dotted #ddd; overflow:hidden; }
.index-news-main li span{ float:right; color:#999; font-size:12px; }

.index-team-main{ width:240px; height:300px; list-style:none; margin:20px 0 0 0; padding:19px; border:1px solid #e6e6e6; overflow:hidden; }
.index-team-main li{ width:100%; height:100px; border-top:1px dotted #ddd; overflow:hidden; }
.index-team-main li:first-child{ border:0; }
.index-team-main li dl{ width:100%; margin:10px 0 0 0; padding:0; overflow:hidden; }
.index-team-main li dl dt{ width:80px; height:80px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden; }
.index-team-main li dl dt img{ width:100%; height:100%; display:block; }
.index-team-main li dl dd{ margin:0; padding:0; overflow:hidden; }
.index-team-main li dl dd p{ font-size:18px; margin:10px 0; padding:0; overflow:hidden; }
.index-team-main li dl dd img{ height:32px; display:block; }
 
.picMarquee-left{ width:1200px;  overflow:hidden; position:relative; margin:0; }
.picMarquee-left .hd{ overflow:hidden;  height:0;  padding:0;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ width:100%; overflow:hidden;   }
.picMarquee-left .bd ul{ list-style:none; margin:0; padding:0; overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ width:255px; height:330px; background:#fff; margin:0 10px; padding:4px; border:1px solid #ddd; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li img{ width:255px; height:255px; }
.picMarquee-left .bd ul li p{ padding:20px 0 0 0; margin:0; }


.picScroll-left{ width:1160px; height:320px; overflow:hidden; position:relative; margin:20px 0 0 0; border:1px solid #ddd; padding:19px;  }
.picScroll-left .hd{   }
.picScroll-left .hd .prev{ display:block;  width:20px; height:38px; position:absolute; left:0; top:50%; margin-top:-19px; overflow:hidden;
	 cursor:pointer; background:url(../images/il.png) no-repeat;}
	 .picScroll-left .hd .next{ display:block;  width:20px; height:38px; position:absolute; right:0; top:50%; margin-top:-19px; overflow:hidden;
	 cursor:pointer; background:url(../images/ir.png) no-repeat;}
.picScroll-left .bd{  position:absolute; left:0;   }
.picScroll-left .bd ul{ list-style:none; margin:0 50px; padding:0; overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:258px; height:316px; margin:0 10px; float:left; _display:inline; border:1px solid #ddd;  border-bottom:3px solid #016193;  overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li img{ width:258px; height:258px; display:block; }
.picScroll-left .bd ul li h4{ width:100%; height:58px; line-height:58px; margin:0; padding:0; text-align:center; font-size:14px; font-weight:normal; color:#016193;  }
.picScroll-left .bd ul li:hover{ border:1px solid #016193;  border-bottom:3px solid #016193; }





/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:400px; height:400px; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:400px;height:400px;background:#ffffff;border:1px solid #e6e6e6;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;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:400px;height:400px; }
.spec-scroll{clear:both;margin-top:12px;width:100%; height:92px; position:relative; }
.spec-scroll .prev{ width:10px; height:90px; background:url(../images/left.gif) no-repeat left center; position:absolute; top:0; left:0; cursor:pointer; }
.spec-scroll .next{ width:10px; height:90px; background:url(../images/right.gif) no-repeat right center;  position:absolute; top:0; right:0; cursor:pointer; }
.spec-scroll .items{ width:408px;height:90px; position:absolute; top:0; left:0; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:90px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:102px;text-align:center; cursor:pointer; }
.spec-scroll .items ul li img{border:1px solid #e6e6e6; width:88px;height:88px; display:block; }
.spec-scroll .items ul li img:hover{border:1px solid #016193; }



.tab_conbox{ list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.tab_con{ display:none; }
.tabs{ width:1200px; list-style:none; margin:40px 0 0 0; padding:0; overflow:hidden; }
.tabs li{ width:260px; height:50px; line-height:50px; float:left; position:relative; margin-right:20px;overflow:hidden; }
.tabs li a{ height:50px; padding:0; display:block; font-size:16px; background:#eaeaea; text-align:center;  }
.tabs li a:hover,.tabs .thistab a,.tabs .thistab a:hover { background:#016193; color:#fff; }

.list-download{ list-style:none; margin:30px 0 0 0; padding:0; overflow:hidden; }
.list-download li{ padding:15px 20px 15px 50px; margin:0; background:url(../images/down.png) no-repeat 20px center; background-size:20px 20px; overflow:hidden;  }
.list-download li:hover{ background:#f5f5f5 url(../images/down.png) no-repeat 20px center; background-size:20px 20px; }

.list-products{ width:1200px; list-style:none; margin:20px 0; padding:0; overflow:hidden; }
.list-products li{ width:255x; height:330px; float:left; margin:20px 20px 0 0; border:1px solid #ddd; padding:4px; background:#fff; overflow:hidden;  }
.list-products li img{ width:255px; height:255px; display:block; }
.list-products li p{ margin:0; padding:20px 0 0 0; text-align:center; }

.list-video{ width:1200px; list-style:none; margin:30px 0; padding:0; overflow:hidden; }
.list-video li{ width:360px; height:330px; float:left; margin:20px 20px 0 0; background:#f5f5f5; overflow:hidden;  }
.list-video li img{ width:360px; height:240px; display:block; }
.list-video li p{ margin:0; padding:20px 0 0 0; text-align:center; }




.list-team{ width:1200px; list-style:none; margin:0; padding:0; overflow:hidden; }
.list-team li{ width:360px; float:left; margin:20px 20px 0 0; text-align:center; overflow:hidden; }
.list-team li .head-portrait{ width:300px; height:300px; display:block; margin:0 auto; }
.list-team li p{ margin:20px 0; padding:0; font-size:20px; }

.list-news{ width:100%; list-style:none; margin:20px 0; padding:0; overflow:hidden; }
.list-news li{ width:100%; margin:0; padding:20px 0; border-bottom:1px dotted #ddd;  overflow:hidden; }
.list-news li h3{ width:100%; margin:0; padding:0; }
.list-news li p{ margin:10px 0; padding:0; }

.list-business{ width:1200px; list-style:none; margin:0; padding:0; overflow:hidden; }
.list-business li{ width:360px; float:left; margin:20px 20px 0 0; text-align:center; overflow:hidden; }
.list-business li img{ width:360px; height:270px; display:block; margin:0 auto; }
.list-business li p{ margin:0; padding:20px 0; background:#f6f6f6; }






#crumbs{ height:49px; margin:40px 0 0 0; color:#999; }
#crumbs a{ color:#999; }
.symbol{ font-family:SimSun; margin:0 6px;  }

.currentColumn{ padding:24px 0 20px 0; font-size:24px; font-weight:bold; background:url(../images/t3.png) no-repeat left top; }



.articleName{ font-size:24px; text-align:center; }
.articleInfo{ padding:15px 0; border-bottom:1px dotted #ccc; text-align:center; }
.article{ margin:20px 0 0 0; line-height:1.8; }

.mytab{ border-top:1px solid #bbb; border-left:1px solid #bbb; }
.mytab th,.mytab td {	padding: 10px;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb; }
.mytab th {	white-space: nowrap;background: #d2f3ff; font-weight:normal; }

.red { color: #FF0000; }
.b { font-weight: bold; }
.aligncenter{ text-align:center; }
.alignleft{ text-align:left; }

.bgcolorYellow{ background:#fff3c2;}

.formIn{ width:450px; height:24px; line-height:24px; border:1px solid #bbb; background:none; margin:0; padding:0; outline:0;  }
.formText{ width:450px; height:168px; line-height:24px; border:1px solid #bbb; background:none; margin:0; padding:0; outline:0;  }
.need{float: right;   padding: 1px 10px;   background: #FF0000;   border-radius: 5px;   color: #FFFFFF;   font-size: 12px;}

.btnSend{ width:150px; height:30px; line-height:30px; border:0; background:url(../images/formbtn.png) no-repeat left top; outline:0; cursor:pointer; margin:0 0 0 205px; padding:0; clear:both; float:left; color:#000;  }
.btnReset{ width:150px; height:30px; line-height:30px; border:0; background:url(../images/formbtn.png) no-repeat left top; outline:0; cursor:pointer; margin:0 0 0 10px; padding:0; float:left; color:#000;  }



.fenye{ width:100%; margin:40px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:7px 18px; margin:0 5px; background:#eee; display:inline-block;*display:inline; border-radius:0px; *zoom:1;  color:#999; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#2745aa; }

.reference{ width:100%; color:#2357a7; margin:40px 0 0 0; font-weight:bold; overflow:hidden;  }
.reference p{ margin:0; padding:0; line-height:2;  }

.infosplit{ width:100%; margin:30px 0 0 0; padding:0; overflow:hidden; }
.infosplit dt{ width:500px; height:500px; float:left; margin:0 30px 0 0; padding:0; overflow:hidden; }
.infosplit dt img{ width:100%; height:100%; }
.infosplit dd{ margin:0; padding:0; }
.infosplit dd h4{ font-size:30px; font-weight:bold; color:#2745aa;}
.infosplit dd p{ margin:20px 0 0 0; padding:0; line-height:1.5; font-size:16px; }


.tab_feedback{ margin:20px 0; }
.tab_feedback tr td{ padding:5px; color:#000;}


.mandatory{ color:#f00; margin-right:6px; }
.formin{ width:240px; height:32px; line-height:32px; margin:0; padding:0 10px; border:1px solid #ddd; background:#fff; outline:0; }
.formins{ width:80px; height:32px; line-height:32px; margin:0; padding:0 10px; border:1px solid #ddd; background:#fff; outline:0; }
.formtext{ width:420px; height:160px; line-height:2; margin:0; padding:10px; border:1px solid #ddd;  background:#fff; outline:0; }
.formbtn{ height:32px; line-height:32px; padding:0 40px; text-align:center; background:#2745aa; font-size:14px;  border:0; margin:0; outline:0; cursor:pointer; border-radius:5px; color:#fff; }