@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"; 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:#006b64; }

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


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



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

#welcome{ height:34px; line-height:34px; position:absolute; top:0; left:0; }

#lang{ list-style:none; margin:0; padding:0; position:absolute; top:0; right:0; overflow:hidden; }
#lang li{ height:34px; line-height:34px; float:left; margin:0 0 0 16px; }
#lang li img{ margin:8px 8px 0 0; float:left; }

#logo{ width:200px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:34px; left:0; overflow:hidden; }

#menu{ list-style:none; margin:0; padding:0; position:absolute; top:34px; right:0; }
#menu li{ line-height:100px; float:left; position:relative; }
#menu li.ms{ width:8px; height:100px; margin:0 24px; background:url(../images/ms.png) no-repeat center center; }
#menu li a{ height:100px; display:block; padding:0; font-size:16px; }
#menu li ul{ width:160px; list-style:none; margin:0 0 0 -80px; padding:0; position:absolute; background:#fff; top:100px; left:50%; z-index:100; display:none;  }
#menu li ul li{ width:100%; line-height:36px; margin:0; border-bottom:1px solid #e6e6e6; background:#fff;  }
#menu li ul li:hover{ background:#006b64; }
#menu li:hover ul li a{ width:100%; height:36px; display:block; font-size:14px; font-weight:normal; padding:0; color:#666; text-align:center; }
#menu li:hover ul li:hover a{ color:#fff; }
#menu li:hover ul{ display:block; }




#myform{ width:275px; height:48px; display:block; background:url(../images/form.png) no-repeat left top; position:absolute; top:89px; right:0; overflow:hidden; }
.topIn{ width:200px; height:42px; line-height:42px; float:left; border:0; margin:0 0 0 10px; padding:0; background:none; outline:0; }
.topBtn{ width:54px; height:42px; line-height:42px; float:right; border:0; margin:0; padding:0; background:none; outline:0; cursor:pointer; font-size:14px; color:#fff; text-align:center; }

#banner{ width:100%; height:100px; line-height:100px; padding:0 0 100px 0; font-size:30px; color:#ff9673; text-align:center; background:url(../images/banner.png) no-repeat center bottom; overflow:hidden; }


.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{ width:100%; padding:20px 0; background:#fff;  }
.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:20px; font-size:14px; font-weight:bold; color:#fff; float:left; overflow:hidden; }
.linksRec dd{ margin:0; padding:0; line-height:31px; overflow:hidden; }
.linksRec dd a{ line-height:30px; float:left; white-space:nowrap; margin-left:15px; }


#footer{ width:100%; background:#f5f5f5; padding:16px 0; overflow:hidden; }  

#Copr{ width:800px; clear:both; float:left; padding:0; line-height:2; font-size:14px; overflow:hidden;  }

#Certification{ float:right; margin:0; padding:0; overflow:hidden; }
#Certification dt{ height:24px; line-height:24px; margin:0; padding:0; float:left;  overflow:hidden; }
#Certification dd{ margin:0; padding:0; overflow:hidden; }
#Certification dd img{ height:24px; margin:0 0 0 20px;}

#help{ background:#222;}

.fnav{ width:900px; clear:both; float:left; padding:30px 0; overflow:hidden; }
.fnav_item{ width:150px; float:left; }
.fnav_item h3 { color: #fff; font-size: 16px; margin-bottom: 10px; font-weight:normal; }
.fnav_item ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.fnav_item ul li{ padding:5px 0; }
.fnav_item ul li a{ color:#999; font-size:14px; }
.fnav_item ul li a:hover{ color:#fff; }

.f_contact{ width:240px; float:right; padding:30px 0 40px 50px; border-left:1px solid #444; }
.f_contactname{ color: #fff; font-size:16px; font-weight:normal; margin-bottom:10px; }
.f_contactcontent{ line-height:2; color:#999; font-size:14px; }
.f_contactcontent p{ margin:0; padding:0; }
.f_contactcontent a{ color:#999; }





.basic{ width:100%; margin:16px 0 0 0; overflow:hidden; }
.basicL{ width:434px; clear:both; float:left; margin:0 16px 0 0; overflow:hidden; }
.basicR{ overflow:hidden; }

.basicR h1{font-size:20px;font-weight: bold;color:#007769; margin:16px 0 0 0; padding:0; }
.basicR h2{font-size:20px;font-weight: bold;color:#444;  margin:10px 0 0 0; padding:0; }
.basicR p{font-size:14px;color:#666; margin:10px 0 0 0; padding:0; line-height:2; }


.inpseo{ margin:0; padding:0; font-size:24px; font-weight:bold; color:#000; }
.inpinfo{ margin:10px 0 0 0; padding:0; line-height:2; font-size:14px;  }
.inptel{ width:240px; margin:20px 0 0 0; padding:0; overflow:hidden; }
.inptel dt{ border:1px solid #d8d8d8; height:68px; line-height:68px; text-align:center; margin:0; padding:0; font-size:24px; background:url(../images/intel.png) no-repeat 40px center; }
.inptel dd{ margin:0; padding:10px; line-height:34px; text-align:center; background:#666666; font-size:24px; color:#fff; }


.play { width:432px; height:459px; margin:0; background:#fff; position:relative; border:1px solid #ddd; overflow:hidden; }
.big_pic { width:100%; height:335px; list-style:none; margin:0; padding:0; overflow: hidden; position:relative; background:#006b64; }
.big_pic li { width:432px; height: 335px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/loading.gif) no-repeat center center; }
.big_pic li img{ width:432px; height:335px; }
.mark_left { width: 220px; height: 335px; position: absolute; left: 0; top: 0; background:#000; filter: alpha(opacity:0); opacity: 0; z-index:300; }
.mark_right { width: 220px; height: 335px; position: absolute; right: 0; top: 0; background:#000; filter: alpha(opacity:0); opacity: 0; z-index:300; }
.play .prev { width: 60px; height: 60px; background: url(../images/btn.png) no-repeat; position: absolute; top: 140px; left: 10px; z-index: 400; cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.play .next { width: 60px; height: 60px; background: url(../images/btn.png) no-repeat 0 -60px; position: absolute; top: 140px; right: 10px; z-index: 400;cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.small_pic { width:420px; height: 100px; position:relative; margin:12px 0 0 6px; overflow: hidden; }
.small_pic ul { width:100%; list-style:none; margin:0; padding:0; position: absolute; top: 0; left: 0; overflow:hidden; }
.small_pic li { width: 140px; height: 100px; float: left; background:url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6;  }
.small_pic img { width: 126px; height:98px; border:1px solid #ddd; margin:0 6px; }


.inpColumn{ height:42px; margin:20px 0 0 0; border-bottom:1px solid #27abff; overflow:hidden; }
.inpColumn h4{ height:42px; line-height:42px; padding:0 30px; float:left; border:1px solid #27abff; border-bottom:0; font-size:16px; font-weight:bold; color:#fff; background:#27abff; }

.diypdf{ width:100%; margin:10px 0 0 0; overflow:hidden;}


/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:320px; height:320px; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:360px;height:360px;background:#ffffff;border:0px 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:320px;height:320px; }
.spec-scroll{clear:both;margin-top:12px;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:16px; 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 #e6e6e6; width:60px;height:60px; }
.spec-scroll .items ul li img:hover{border:1px solid #27abff; }




#iMain{ width:1100px; position:relative; left:50%; margin:30px 0 0 -600px; padding:0; overflow:hidden; }

.iColumn{ width:100%; font-size:24px; font-weight:bold; color:#000; padding:40px 0 20px 0; background:#fff url(../images/icolumn.png) no-repeat center bottom; text-align:center; overflow:hidden;  }


.iList{ list-style:none; margin:15px; padding:0; overflow:hidden; }
.iList li{ width:100%; height:40px; line-height:40px; float:left; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }
.iList li span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#999; }



#products{ padding:0; background:#fff; }
.tabs{ width:100%; list-style:none; margin:40px 0 0 0; padding:0; overflow:hidden; }
.tabs li{ width:12.5%; float:left; margin:0 0 0 0; overflow:hidden; }
.tabs li a{ height:40px; line-height:40px; padding:0; text-align:center; border:1px solid #fff; border-bottom:0; display:block; font-size:14px; font-weight:bold; background:#e6e6e6; color:#333; border-radius:10px 10px 0 0; }
.tabs li:hover a,.tabs .thistab a{ color:#fff; background:#006b64; }
.tab_conbox{ list-style:none; margin:0; padding:0; overflow:hidden; }
.tab_con{ display:none; padding:0; overflow:hidden; }

.tabsIn{ width:100%; list-style:none; margin:16px 0 0 0; padding:0; border-top:3px solid #006b64; background:#e6e6e6; overflow:hidden; }
.tabsIn li{ float:left; margin:0; overflow:hidden; }
.tabsIn li a{ height:40px; line-height:40px; padding:0 30px; display:block; font-size:14px; font-weight:bold; color:#333;}
.tabsIn .thistab a{ color:#006b64; background:#fff; }
.tabIn_conbox{ list-style:none; margin:0; padding:0; overflow:hidden; }
.tabIn_con{ display:none; padding:0; overflow:hidden; }


.RecProducts{ width:1280px; margin:0; padding:0; overflow:hidden; }
.RecProducts dd{ width:268px; height:358px; float:left; margin:40px 40px 0 0; padding:0; border:1px solid #ccc; text-align:center; overflow:hidden;}
.RecProducts dd a{ width:100%; height:100%; display:block; }
.RecProducts dd img{ width:268px; height:207px; display:block;  }
.RecProducts dd em{ font-style:normal; display:block; margin:15px 0 0 0; height:24px; line-height:24px; color:#333; font-size:14px; overflow:hidden; }
.RecProducts dd h4{ font-size:14px; font-weight:normal; height:24px; line-height:24px; color:#333; overflow:hidden; }
.RecProducts dd p{ margin:5px 20px; padding:0; font-size:12px; color:#666; line-height:2; }
.RecProducts dd:hover{ border:1px solid #006b64; }

#odds{ height:500px; background:url(../images/oddsbg.png) repeat-x left -100px; }
.oddsMain{ width:1200px; height:100%; position:relative; margin:0 auto;}
.oddsPic{ width:400px; height:420px; position:absolute; top:40px; left:50%; margin-left:-200px; overflow:hidden; }

.oddsItem{ width:360px; height:180px; position:absolute; }
#oddsItem1{ top:40px; left:0; }
#oddsItem2{ top:240px; left:0; }
#oddsItem3{ top:40px; right:0; }
#oddsItem4{ top:240px; right:0; }

.oddst{ width:100%; margin:0; padding:0; overflow:hidden; }
.oddst dt{ width:72px; height:60px; margin:0; padding:0; float:left; font-size:60px; font-weight:bold; color:#006b64; font-family:"Times New Roman", Times, serif; overflow:hidden; }
.oddst dd{ margin:0; padding:0; overflow:hidden; }
.oddst dd h4{ height:24px; line-height:24px; font-size:18px; font-weight:bold; color:#000; margin:10px 0 0 0; }
.oddst dd p{ height:24px; line-height:24px; font-size:18px; font-weight:bold; color:#006b64; margin:0; padding:0; }

.oddsContent{ height:112px; margin:6px 0 0 0; padding:0 0 0 16px; line-height:2; color:#666; background:url(../images/oddsi.png) no-repeat left 10px; overflow:hidden; }



#partner{ padding:0 0 40px 0; }
.partnerContent{ margin:25px 0 0 0; line-height:24px; overflow:hidden;  }
.partnerRec{ width:1280px; list-style:none; margin:15px 0 0 0; padding:0; overflow:hidden; }
.partnerRec li{ width:232px; height:174px; float:left; margin:10px 10px 0 0; overflow:hidden; }
.partnerRec li img{ width:100%; height:100%; }


.column{ background:#007769 url(../images/s1.png) no-repeat 15px center; color:#fff; height:50px; line-height:50px; font-size:16px;font-weight: bold; padding-left: 40px; }

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

.crumbs{ height:48px;line-height:48px;border-bottom:1px solid #ddd; overflow:hidden; }
.crumbs h2{ font-size:16px;color:#444; font-weight:bold; float:left; }
.crumbs p{ margin:0; padding:0 0 0 16px; background:url(../images/position.png) no-repeat left center; float:right;  font-size:12px; }

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


#main{ width:1200px; margin:24px auto; overflow:hidden; }
#sidebar{ width:256px; clear:both; float:left; margin:0; overflow:hidden; }
#content{ width:888px; float:right; padding:0 16px 16px 16px; border:1px solid #ddd; overflow:hidden; }

.topClass{ list-style:none; margin:0; padding:16px 0; overflow:hidden; }
.topClass li{margin-bottom:1px;}
.topClass li a{display: block;padding-left:40px;font-size:14px;color:#444;position: relative;line-height:35px;height:35px;}
.topClass li a::before{content:"●";display: block;position: absolute; left:20px; top:0;color:#bbb}
.topClass li a::after{content: ">";display: block;position: absolute; right:20px; top:0;color:#fff; font-family: "宋体",sans-serif;font-size:16px;}
.topClass li a:hover{background: #999; color:#fff}
.topClass li.cur a{background: #777; color:#fff}
.topClass li a:hover::before,.topClass li.cur a::before{color:#ccc;}
.topClass li ul{ list-style:none; margin:0; background:#f6f6f6; padding:10px 0; display:none;}
.topClass li ul li a,.topClass li.cur ul li a{font-size:12px; background:#f6f6f6; color:#666; line-height:30px;height:30px;}
.topClass li ul li a::before{ }
.topClass li ul li a:hover,.topClass li ul li.cur a{color:#006b64; }
.topClass li ul li a:hover::before,.topClass li ul li.cur a::before{color:#007769;}
.topClass li ul li a:hover::after,.topClass li ul li.cur a::after{color:#007769;}
.topClass li.cur ul{ display:block; }

.inContact{}
.inContact span{display: inline-block; background:url(../images/tel.png) no-repeat left center;font-size:22px;font-weight:bold;color:#fff;padding-left:30px;line-height:60px;}


.fenye{ width:100%; margin:24px 0 8px 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:5px 12px; margin:0 2px; background:#e6e6e6; display:inline-block;*display:inline; *zoom:1; font-size:14px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#006b64; }

.seotit{ width:100%; font-size:18px; font-weight:bold; color:#000; margin:24px 0 0 0; text-align:center;  }
.artFunc{ width:100%; margin:0; text-align:center; padding:16px 0; font-size:12px; color:#999; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }


.diyquick{ width:100%; margin:16px 0 0 0; font-weight:bold; line-height:2; color:#006b64; overflow:hidden; }
.diyquick span{ color:#ccc; }
/*.fyprev{ clear:both; float:left; }
.fynext{ float:right; }
*/



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


.ListGallery{ width:920px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListGallery li{ width:210px; float:left; margin:16px 16px 0 0; overflow:hidden; }
.ListGallery li img{ width:210px; height:158px; display:block; }

.ListNews{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; float:left; padding:16px 0; background:url(../images/npoint.png) repeat-x left bottom; position:relative; overflow:hidden;}
.ListNews li a{ width:100%; height:100%; display:block; }
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:180px; height:120px; float:left; margin:0 12px 0 0; }
.ListNews li dl dt img{ width:180px; height:120px; display:block; }
.ListNews li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListNews li dl dd h4{ width:100%; padding:0 0 6px 0; font-size:15px; overflow:hidden; }
.ListNews li dl dd span{ width:100%; height:24px; line-height:24px; display:block; background:url(../images/clock.png) no-repeat left center; background-size:12px;  font-size:12px; font-weight:normal; text-indent:16px; color:#999; }
.ListNews li dl dd p{ font-size:12px; font-weight:normal; margin:0; padding:0; line-height:2; color:#999; }

.ListDownload{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListDownload li{ padding:16px 0; background:url(../images/npoint.png) repeat-x left bottom; 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:#01a894 url(../images/download.png) no-repeat 12px center; background-size:16px; color:#fff;display:block; height:32px;line-height:32px;padding:0 16px 0 30px; text-align:center;font-size:16px; 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:16px;color:#333; }
.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;}
.ListDownload li dl dd span.icon3{ background:url(../images/down.png) no-repeat left center; background-size:12px;}


.ListProducts{ width:920px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListProducts li{ width:210px; float:left; margin:16px 16px 0 0;  }
.ListProducts li img{ width:208px; height:161px; display:block; border:1px solid #fff; overflow:hidden;  }
.ListProducts li h4{ margin:8px 0 0 0; padding:0; font-size:14px; font-weight:normal; text-align:center; }
.ListProducts li:hover img{ border:1px solid #006b64; }






.mainName{ height:74px; border-bottom:1px solid #ddd; }
.mainName h3{ height:50px; line-height:50px; margin:12px 0 0 0; font-size:30px; font-weight:normal; padding-left:20px; float:left; }
.diyc1{ color:#ff9673; border-left:5px solid #ff9673; }
.diyc2{ color:#62c5d9; border-left:5px solid #62c5d9; }
.diyc3{ color:#b2b286; border-left:5px solid #b2b286; }
.diyc4{ color:#a1a1e6; border-left:5px solid #a1a1e6; }


.diyprocessItem{ width:500px; margin:20px auto; border:10px solid #62c5d9; background:#62c5d9; padding:0; border-radius:10px; overflow:hidden; }
.diyprocesstit{ padding:10px 20px 20px 20px; font-size:18px; color:#fff; font-weight:bold; text-align:center; overflow:hidden;  }
.diyprocesscon{ padding:20px; border-radius:10px; background:#fff; line-height:2; overflow:hidden; }
.diyprocessgo{ width:100%; height:80px; background:url(../images/step.png) no-repeat center center; overflow:hidden; }

.diyaboutItem{ width:100%; margin:40px 0 0 0; overflow:hidden; }
.diyabouttit{ height:38px; line-height:38px; padding:0 20px; font-size:18px; color:#000; font-weight:normal; border:1px solid #b2b286; border-left:5px solid #b2b286; overflow:hidden;  }
.diyaboutcon{ margin:20px 0 0 0; line-height:2; overflow:hidden; }
.diyaboutcon p{ margin:0; padding:0; }


.feedbackInL{ width:520px; clear:both; float:left; overflow:hidden;  }
.feedbackInR{ width:300px; float:right; padding:16px; background:#f5f5f5; margin:46px 0 0 0; line-height:2; font-size:12px; overflow:hidden;  }
.feedbackInR p{ margin:0; padding:0; }

.form_unit{ width:100%; margin:16px 0 0 0; overflow:hidden; }
.form_project{ width:100%; height:30px; color:#000; font-size:14px; }
.bitian{ color:#f00; font-family:SimSun; margin:0 6px; }
.form_in{ width:498px; height:40px; line-height:40px; margin:0; padding:0 10px; background:#fff; border:1px solid #ddd; outline:0; border-radius:5px; overflow:hidden; }
.form_text{ width:498px; height:144px; line-height:24px; margin:0; padding:10px; background:#fff; border:1px solid #ddd; outline:0; border-radius:5px; overflow:hidden; }
.form_btn{ width:120px;  height:40px; line-height:40px; border:0; margin:0; padding:0; background:#006b64; font-size:16px; font-weight:bold; color:#fff; cursor:pointer; overflow:hidden; border-radius:5px;  }


.ListHonor{ width:810px; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.ListHonor li{ width:250px; float:left; margin:10px; }
.ListHonor li img{ width:226px; height:316px; padding:10px; border:2px solid #ccc; background:#fff; } 
.ListHonor li h4{ margin:10px 0 0 0; padding:0; font-size:12px; font-weight:normal; text-align:center; }
.ListHonor li:hover img{ border:2px solid #27abff; box-shadow:0 0 10px #27abff; }

.biankuang{
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 99;
}
.biankuang_1{
	height: 0px;
	top:0px;
	left:0px;
	border-left: 1px solid #fe8814;
}
.biankuang_2 {
	width: 0px;
	top:100%;
	left:0px;
	margin-top:-1px;
	border-top:1px solid #fe8814;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right:1px solid #fe8814;
}
.biankuang_4{
	width:0px;
	top:0px;
	right:0px;
	border-top: 1px solid #fe8814;
}




.ListVideo{ width:100%; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.ListVideo li{ width:226px; height:226px; float:left; margin:10px; padding:10px; background:#fff;  border:2px solid #ccc;  overflow:hidden; }
.ListVideo li img{ width:226px; height:151px; display:block;  }
.ListVideo li h4{ margin:12px 0 0 0; padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:center; }
.ListVideo li:hover{  box-shadow:0 0 10px #27abff; border:2px solid #27abff; }




.detProducts{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.detProducts li{ width:205px; float:left; margin:20px 20px 0 0; position:relative; }
.detProducts li img{ width:203px; height:169px; display:block; margin:0; border:1px solid #bfbfbf; padding:0;  }
.detProducts li h4{ margin:10px 0 0 0; padding:0; font-size:14px; font-weight:bold; text-align:center; }
.detProducts li span{ width:40px; height:40px; display:block; position:absolute; top:97px; left:120px; z-index:10; background:url(../images/view.png) no-repeat center center; display:none; }


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

.fbtn{ width:140px; height:40px; line-height:40px; background:#27abff; border-radius:6px; text-align:center; font-size:14px; color:#fff; border:0; outline:0; cursor:pointer; }








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