@charset 'utf-8';
@import url('reset.css');
body{ background:#fafafa; }
.head{ width: 100%; float: left; }
.subtop{ width: 100%; height: 27px; float: left; background:#f3f3f3; }
.subtop .subcontent{ width: 1001px; margin: 0 auto; line-height: 27px; height: 100%; }
.subtop .subcontent .welcome{ width: 450px; float: left; color: #666; }
.subtop .subcontent .salemap{ float:right; width:288px; background:url(img/salemap.jpg) no-repeat 0 8px; height: 100%; }
.subtop .subcontent .salemap span{ display: block; height: 100%; line-height: 27px; float: left; margin: 0 8px; position: relative; }
.subtop .subcontent .salemap span a:hover{ text-decoration: none; }
.subtop .subcontent .salemap i{ display: block; font-style: normal; float: left; color: #ddd; }
.subtop .subcontent .salemap .sale{ margin: 0 0 0 38px; padding: 0 5px; }
.subtop .subcontent .salemap .lang{ background:url(img/lang.jpg) no-repeat 60px 15px; width: 70px; }
.subtop .subcontent .salemap .lang ul{ display: none; position: absolute; top: 27px; left:-10px; border:solid 1px #f3f3f3; border-bottom:solid 1px #01d2e2; width:88px; background: #fff; }
.subtop .subcontent .salemap .lang ul a{ width: 100%; height: 100%; display: block; }
.subtop .subcontent .salemap .lang ul li{ text-indent:10px; }
.subtop .subcontent .salemap .lang ul li:hover{ background: #f3f3f3; }
.subtop .subcontent .salemap .global{ background:url(img/global.png) no-repeat right center; width: 82px; }
.subtop .subcontent .salemap .global ul{ display: none; position: absolute; top: 27px; left:-96px; border:solid 1px #f3f3f3; border-bottom:solid 1px #01d2e2; width:176px; background: #fff; }
.subtop .subcontent .salemap .global ul a{ widows: 100%; height: 100%; display: block; }
.subtop .subcontent .salemap .global ul li{ text-indent: 8px; width: 88px; float: left; }
.subtop .subcontent .salemap .global ul li:hover{ background: #f3f3f3; }
.top{ width: 100%; float: left; height: 123px; }
.top .topcontent{ width:1001px; margin: 0 auto; }
.top .topcontent .logo{ width: 194px; height: 65px; float: left; background:url(img/logo.png); margin: 30px 0 0 0; }
.top .topcontent .logo a{ display: block; width: 100%; height: 100%; }
.top .topcontent .nav{ width: 736px; float:right; height: 50px; border-bottom:solid 4px #009ea1; margin: 5px 0 0 0; position: relative; z-index: 999; }
.top .topcontent .nav li{ float: left; width: 100px; text-align: center; height:46px; line-height: 46px; margin: 4px 0 0 0; border-bottom:solid 4px #009ea1; }
.top .topcontent .nav li a{ width: 100%; height: 100%; display: block; font-weight: bold; font-size: 14px; }
.top .topcontent .nav li.hover{ border-bottom:solid 4px #fafafa; }
.top .topcontent .nav li ul.showa{ position: absolute; top:55px; right: 0;display: none; width: 636px; background:#f8f8f8; }
.top .topcontent .nav li ul.showa dl{ width: 118px; float: left; background: #eee; padding: 5px 10px;height: 290px;}
.top .topcontent .nav li ul.showa dl dd{ width:118px; float: left; height:40px; line-height:40px; border-bottom:solid 1px #ccc; text-align:left; text-indent: 5px; }
.top .topcontent .nav li ul.showa dl dd a{ text-decoration: none; }
.top .topcontent .nav li ul.showa dl dd a:hover{ color: #333; }
.top .topcontent .nav li ul.showa .info{width:466px;height:280px;margin: 10px 0 0 15px;float: left;overflow: hidden;line-height: 22px;text-align:left;}

.top .topcontent .nav li ul.showb{width:1305px;position: absolute;top: 55px;right:-145px;display: none;height: 300px;background: #fff;border-top:solid 1px #ddd;border-right: solid 1px #ddd;}
.top .topcontent .nav li ul.showb dl{width: 180px;float: left;height: 100%;margin: 0 5px 0 0;overflow: hidden;border-left:solid 1px #ddd;}
.top .topcontent .nav li ul.showb dl .img{width: 160px;height: 100px;}
.top .topcontent .nav li ul.showb dl .img img{width:150px;height: 90px;margin: 5px 0 0 5px;}
.top .topcontent .nav li ul.showb dl dt{height: 32px;line-height: 32px;}
.top .topcontent .nav li ul.showb dl dd{text-indent: 5px;height: 22px;}
.top .topcontent .nav li ul.showb dl dd a{font-size: 12px;font-weight: normal;line-height:22px;text-align:left;}


.top .topcontent .search{ width:180px; float: left; height:23px; margin:38px 0 0 610px;background:url(img/search.png) no-repeat 158px 5px;border:solid 1px #ccc;display: inline;}
.top .topcontent .search input#sinput{ width: 158px; height: 20px;  text-indent: 10px;background: none;border: none;float: left;line-height: 20px;}
.top .topcontent .search input#sbtn{width: 14px;height: 14px;float: left;margin: 5px 0 0 0;border: none;background: none;cursor: pointer;}


.banner{ width: 100%; float: left; background:url(img/bannerbg.jpg) no-repeat top center; height: 398px; min-width: 1419px;}
#banner{ width: 1001px; margin:0 auto; position: relative; }
#banner ul li{ float: left; }
#banner ul li img{width: 1001px;height:398px;}
#banner ol{ position: absolute; bottom:10px;right:20px; z-index:5; }
#banner ol li{cursor: pointer;width: 15px;height: 15px;float: left;background:#00a7aa;margin: 0 5px;}
#banner ol li.on{background:#adadad;}
.hotproduct{ width: 100%; float: left; height: 35px; background:#a6a5a4; }
.hotproduct .subbox{ width: 1001px; margin: 0 auto; height: 100%; line-height: 35px; color: #fff; }
.hotproduct .subbox a{ color: #fff; }
.indexnews{ width: 999px; height: 420px; border:solid 1px #ddd; margin:20px auto 10px auto; }
.indexnews .left{ width: 673px; float: left; height:100%; border-right:solid 1px #ddd; }
.indexnews .left ol{ width: 673px; float: left; height: 59px; border-bottom:solid 1px #ddd; }
.indexnews .left ol li{ float: left; width:150px; text-align: center; line-height: 59px;}
.indexnews .left ol li a{font-weight: bold; font-size: 18px; color: #727272;text-decoration: none;}
.indexnews .left ol li.on a{ color:#00a8a8;}
.indexnews .left ul{ width: 673px; float: left; height: 360px; }
.indexnews .left ul li{ float: left; width: 100%; height: 100%; }
.indexnews .left ul li dd{ width: 100%; float: left; height:65px; margin:18px 0 0 0; }
.indexnews .left ul li dd .subleft{ width:55px; float: left; height: 100%; border:solid 1px #c4c4c4; margin: 0 0 0 25px; }
.indexnews .left ul li dd .subleft span{ width: 100%; height:42px; display: block; float: left; background:#c4c4c4; color: #fff; text-align: center; line-height: 42px; font-weight: bold; border-bottom:solid 1px #c4c4c4; font-size: 18px; }
.indexnews .left ul li dd .subleft label{ width: 100%; display: block; float: left; text-align: center; line-height: 23px; }
.indexnews .left ul li dd .subright{ width: 550px; float: left; height: 100%; margin: 0 0 0 15px; }
.indexnews .left ul li dd .subright h2{ font-weight: bold; font-size: 14px; line-height: 23px; color: #727272; }
.indexnews .left ul li dd .subright h4{ font-weight: normal; color: #727272; }
.indexnews .left ul li dd .subright h5{ font-weight: normal; color: #727272; }
.indexnews .left ul li dd .subright a{ color: #727272; }
.indexnews .left ul li dd:hover .subleft{ border:solid 1px #00a8a8; }
.indexnews .left ul li dd:hover .subleft span{ border-bottom:solid 1px #00a8a8; background: #00a8a8; }
.indexnews .left ul li dd:hover .subright a{ color:#00a8a8; }
.indexnews .right{ width:325px; float: left; height:100%; text-align: center; position: relative; }
.indexnews .right h3{ color:#727272; font-size: 18px; width: 100%; float: left; height: 59px; line-height: 59px; border-bottom:solid 1px #ddd; }
.indexnews .right h3 a{ position: absolute; right:20px; color:#00a8a8; }
.indexnews .right .land{ width: 275px; height: 217px; float: left; margin:16px 0 0 25px; text-align:left; line-height: 26px; color: #7e7e7e; }
.indexnews .right .land img{ margin: 0 0 10px 0; }
.indexnews .right .contact{ width: 100%; float: left; height: 123px; border-top:solid 1px #ddd; margin: 8px 0 0 0; background:url(img/contact.jpg) no-repeat top right; text-indent: 30px; text-align: left; }
.indexnews .right .contact p{ line-height:10px; margin:16px 0 0 0; font-weight: bold; color:#7e7e7e; }
.myproduct{ width:1001px; margin:0 auto; height: 310px; }
.myproduct .title{ width:1001px; height:38px; float: left; font-weight: bold; font-size: 16px; line-height: 38px; text-indent: 50px; }
.myproduct .left{ width: 243px; float: left; border-bottom:solid 1px #ddd; }
.myproduct .left li{ width: 241px; height: 34px; line-height: 34px; border:#ddd 1px solid; border-bottom: none; text-indent:45px; background:#ebebeb; cursor:pointer;display:inline;float: left;}
.myproduct .left li:hover{ background:url(img/libg.jpg) no-repeat #fff; }
.myproduct .left li.on{ background:url(img/libg.jpg) no-repeat #fff; }
.myproduct .right{ width:745px; float: right; height:248px; }
.myproduct .right .a{ width: 336px; height: 248px; float: left;margin: 0 0 0 6px;}
.myproduct .right .a:hover{ opacity: 0.8; }
.myproduct .right .a .img{ width: 334px; height: 211px; border:solid 1px #ddd; }
.myproduct .right .a .img img{width: 100%;height: 100%;}
.myproduct .right .a .txt{ width: 336px; height: 32px; background:#7f7f7f; line-height: 32px; color: #fff; text-align: center; }
.myproduct .right .a .txt a{ color: #fff; }
.myproduct .right .b{ width: 402px; height: 248px; float:right;}
.myproduct .right .b .b1{ width: 184px; height:119px; float: left; border:solid 1px #ebebeb; margin: 0 0 5px 15px; border-bottom: none; }
.myproduct .right .b .b1 .img{ width: 184px; height: 91px; float: left; }
.myproduct .right .b .b1 .img img{width: 100%;height: 100%;}
.myproduct .right .b .b1 .txt{ width: 184px; height: 28px; float: left; background: #7f7f7f; line-height: 28px; text-align: center; }
.myproduct .right .b .b1 .txt a{ color: #fff; }
.myproduct .right .b .b1:hover{ opacity: 0.8; }
.myproduct .right .b .b2{ width: 184px; height:119px; float: left; border:solid 1px #ebebeb; margin: 0 0 5px 15px; line-height: 119px; text-indent:40px; background:url(img/rightarr.jpg) no-repeat 128px 43px #f1f1f1; }
.myproduct .right .b .b2 a{ font-size: 16px; }
.myproduct .right .b .b2:hover{ opacity: 0.8; }
.project{ width: 999px; border:solid 1px #ddd; margin: 0 auto; background:url(img/project.jpg) no-repeat 18px 18px; height: 200px; }
.project .a{ width: 170px; height: 132px; float: left; margin:18px 0 0 18px; }
.project .b{ width: 240px; height:152px; float: left; margin:18px 0 0 25px; }
.project .b .img{ width: 220px; height: 132px; float: left; border:solid 1px #ddd; border-bottom: none; }
.project .b .img img{width: 100%;height: 100%;float: left;}
.project .b .txt{ width: 222px; height: 29px; float: left; background:#ebebeb; text-align: center; line-height: 29px; }
.project .c{ width: 260px; height: 163px; border-left:solid 1px #ddd; float: right; margin: 15px 20px 0 0; padding: 0 0 0 25px; }
.project .hsearch dl{ margin:0 0 0 0; float: left; }
.project .hsearch dl dt{ line-height: 26px; font-weight: bold; color: #666;width: 228px; float: left; }
.project .hsearch dl dd{ width: 259px; float: left; height:26px; border:solid 1px #ddd; margin:5px 0; line-height: 26px; text-indent: 10px; cursor:pointer; position: relative; background:url(img/selectbg.jpg) no-repeat 230px 6px; }
.project .hsearch dl dd ul{ display: none; width: 230px; background: #fff; position: absolute; top: 26px; left: 0; z-index: 999; border:solid 1px #ddd; }
.project .hsearch .btn{ width: 100%; float: left; margin:6px 0 0 0; }
.project .hsearch .btn #submit{ width: 60px; height: 22px; background:url(img/searchbtn.jpg) no-repeat; border: none; cursor: pointer; margin: 0 0 0 0px; }
.project .hsearch .btn #reset{ width:60px; height: 22px; background:url(img/searchbtn.jpg) no-repeat -77px 0 red; border: none; cursor: pointer; margin: 0 0 0 25px; }
.subsearch{ width: 100%; float: left; height: 107px; background:url(img/searchbg.jpg) repeat-x #eee; margin: 15px 0 0 0; }
.subsearch .subcontent{ width: 1001px; margin: 0 auto; }
.subsearch .subcontent .tit{ font-size: 14px; width: 100%; float: left; margin: 15px 0 0 0; }
.subsearch .subcontent .select{ width:100px; height: 30px; float: left; background:url(img/arr2.jpg) no-repeat #feffff 76px 12px; line-height: 30px; border:solid 1px #ddd; margin: 15px 0 0 0; position: relative; }
.subsearch .subcontent .select h3{ text-indent: 10px; cursor:pointer; }
.subsearch .subcontent .select li{ text-indent: 10px; }
.subsearch .subcontent .select ul{ display: none; background: #feffff; cursor:pointer; position: absolute; text-indent: 30px; width: 100px; left: 0; }
.subsearch .subcontent #input{ width: 260px; height:30px; border: none; float: left; margin: 15px 0 0 0; border:solid 1px #ddd; border-left: none; padding: 0 5px;line-height: 30px;}
.subsearch .subcontent #button{ width:65px; height: 30px; border: none; float: left; margin: 15px 0 0 0; background:url(img/s2.jpg); cursor: pointer; }
.subsearch .subcontent .weibo{ width: 70px; height: 18px; background:url(img/weibo.jpg); float: left; margin: 20px 0 0 10px; }
.subsearch .subcontent .weibo a{ width: 100%; height: 100%; display: block; float: left; }
.subsearch .subcontent .share{ margin: 15px 0 0 10px; float: left;display:inline;width: 172px;}
.foot{ width: 100%; float: left; background:#5f5f5f; padding: 0 0 25px 0; }
.foot .subcontent .submenu{ width:1001px; margin: 0 auto; padding: 25px 0 0 0; }
.foot .subcontent .submenu dl{ float: left; width: 121px; margin: 0 45px 0 0; }
.foot .subcontent .submenu dl dt{ width: 117px; border-bottom:solid 1px #888; height: 30px; line-height: 30px; float: left; }
.foot .subcontent .submenu dl dt a{ font-weight: bold; }
.foot .subcontent .submenu dl a{ color:#fff; }
.foot .subcontent .submenu dl dd{ margin:10px 0 0 0; float: left; width: 100%; }
.foot .subcontent .flink{ width: 1001px; margin:25px auto 0 auto; color: #fff; font-weight: bold; border-top:solid 1px #888; padding: 15px 0 0 0; }
.foot .subcontent .flink a{ color: #fff; margin: 0 5px; font-weight: normal; }
.subfoot{ width: 100%; float: left; height:45px; line-height: 45px; background:#dedede; }
.subfoot .subcontent{ width: 1001px; height: 45px; line-height: 45px; background:url(img/logo2.jpg) no-repeat 0 15px; margin: 0 auto; }
.subfoot .subcontent .cr{ float: left; height: 45px; margin: 0 0 0 115px; }
.subfoot .subcontent .icp{ float:left; margin: 0 0 0 250px; height: 45px; }
.subfoot .subcontent .zz{ float: right; padding:15px 0 0 0; height: 30px; }
.subbanner{ width: 100%; float: left; height: 200px; background:url(img/subbanner.jpg) top center; min-width: 1419px; }
.mainbox{ width:1001px; margin:15px auto; min-height: 500px; }
.mainbox .left{ width: 688px; float: left;overflow-x: hidden;}
.mainbox .left .location{ border-bottom:solid 1px #ccc; height: 34px; line-height: 32px; }
.mainbox .left .location span{ border-bottom:solid 3px #00a8a8; line-height: 32px; height: 32px; display: block; float: left; font-weight: bold; }
.mainbox .left .pageinfo{ width:680px; float: left; line-height: 28px; margin: 15px 0 0 0; }
.mainbox .left .newslist{width: 680px;float: left;}
.mainbox .left .newslist li{float: left;width: 100%;height:26px;line-height: 26px;margin:18px 0 0 0;text-indent: 20px;background:url(img/lstbg.jpg) no-repeat 2px 7px;border-bottom:dashed 1px #ddd;}
.mainbox .left .newslist li span{float: right;}

.mainbox .left .newslist_img{width: 680px;float: left;}
.mainbox .left .newslist_img li{float: left;width:210px;height:200px;margin:18px 5px 0 5px;}
.mainbox .left .newslist_img li .img{width:210px;height:150px;border:solid 1px #ddd;float: left;}
.mainbox .left .newslist_img li .img img{width: 200px;height: 140px;margin: 5px 0 0 5px;}
.mainbox .left .newslist_img li .txt{width: 100%;text-align: center;float: left;height:35px;line-height: 35px;margin: 5px 0 0 0;}

.mainbox .left .contentinfo{ width:680px; float: left; line-height: 28px; margin: 15px 0 0 0; }
.mainbox .left .contentinfo h1.title{width: 100%;float: left;text-align: center;font-size: 14px;height: 32px;line-height:32px;}
.mainbox .left .contentinfo .info{width: 100%;float: left;text-align:right;height: 30px;}
.mainbox .left .contentinfo .contentcontent{width: 100%;float: left;margin: 10px 0 10px 0;}
.mainbox .left .contentinfo .relationtxt{width: 680px;float: left;height:206px;}
.mainbox .left .contentinfo .relationtxt .tit{width: 100%;float: left;height:26px;}
.mainbox .left .contentinfo .relationtxt .tit span{width:60px;display: block;height: 26px;float: left;}
.mainbox .left .contentinfo .relationtxt .tit label{width:620px;height: 20px;float:right;display: block;background:#e7ebef;margin:3px 0 0 0;}
.mainbox .left .contentinfo .relationtxt ul li{float: left;width: 100%;background:url(img/title_00.gif) no-repeat 5px 10px;text-indent:32px;height: 32px;line-height:32px;border-bottom:dashed 1px #ddd;margin: 5px 0 0 0;}

.mainbox .left .contentinfo .updown{width: 100%;float: left;height: 60px;}


.mainbox .left .contentinfo .relationimg{width: 680px;float: left;height:260px;}
.mainbox .left .contentinfo .relationimg .tit{width: 100%;float: left;height:26px;}
.mainbox .left .contentinfo .relationimg .tit span{width:60px;display: block;height: 26px;float: left;}
.mainbox .left .contentinfo .relationimg .tit label{width:620px;height: 20px;float:right;display: block;background:#e7ebef;margin:3px 0 0 0;}
.mainbox .left .contentinfo .relationimg ul{width: 100%;float: left;margin: 10px 0 0 0;}
.mainbox .left .contentinfo .relationimg ul li{width: 200px;height: 200px;float: left;margin: 0 3px 0 15px;}
.mainbox .left .contentinfo .relationimg ul li .img{width:200px;height:160px;border:solid 1px #ddd;}
.mainbox .left .contentinfo .relationimg ul li .img img{width: 190px;height: 150px;margin: 5px 0 0 5px;}
.mainbox .left .contentinfo .relationimg ul li .txt{width: 100%;height: 40px;line-height: 40px;text-align: center;}

.mainbox .right{ width: 280px; float:right; }
.mainbox .right .category{ width: 280px; }
.mainbox .right .category dt{ width:100%; float: left; height:52px; line-height: 52px; font-weight: bold; border-bottom:solid 1px #eee; }
.mainbox .right .category dt span{ border-bottom: solid 3px #00a8a8; display: block; height: 50px; width:118px; font-size:22px; float: left; }
.mainbox .right .category dd{ width: 100%; float: left; text-indent: 18px; margin:10px 0 0 0; width: 223px; height: 43px; background:url(img/ddbg.jpg) no-repeat; line-height: 43px; }
.mainbox .right .category dd span{ height: 43px; width: 43px; display: block; text-align: center; float: left; font-size: 26px; font-weight: bold; color: #d1d1d1; }
.mainbox .right .category dd label{ display: block; float: left;width: 10px; height: 100%;}
.mainbox .right .category dd a{ float: left; font-weight: bold; font-size: 14px; }

.mainbox .right .hsearch .tit{ line-height: 52px;color: #666;width: 228px; float: left;margin: 15px 0 0 0;border-bottom:solid 1px #eee;}
.mainbox .right .hsearch .tit span{font-weight: bold;display: block;float: left;border-bottom:solid 3px #00a7aa;text-align: left;font-size: 22px;height: 50px;}
.mainbox .right .hsearch .searchcont{ width:228px; height: 112px; background:url(img/tit_left.jpg) no-repeat; float: left;}
.mainbox .right .hsearch .searchcont .select{ width: 218px; float: left; position: relative; margin: 15px 0 0px 15px;height: 22px;}
.mainbox .right .hsearch .searchcont .select label{ float: left; line-height: 22px; display: block; width: 60px; color: #666;}
.mainbox .right .hsearch .searchcont .select span{ float: left; height: 22px; width: 140px; display:block; line-height: 22px; text-indent:10px; cursor: pointer; background:url(img/select.jpg) no-repeat; color: #999;position: relative;z-index:0;}
.mainbox .right .hsearch .searchcont .select ul{width: 133px; position: absolute; top: 22px; left: 60px; display: none; border:solid 1px #dbdbdb; background: #fff;z-index:666;}
.mainbox .right .hsearch .searchcont .select ul li{ float: left; width: 133px; text-indent: 10px; cursor:pointer; height: 22px; line-height: 22px; color: #999; }
.mainbox .right .hsearch .searchcont .select ul li:hover{ background:#eee; }
.mainbox .right .hsearch .searchcont .select span input{ width: 130px; height: 22px; border: none; background: none; background:url(img/inputbg.jpg); margin: 0 0 0 -10px; text-indent: 10px; padding: 0 10px 0 0;}
.mainbox .right .hsearch .searchcont #keyword{ }
.mainbox .right .hsearch .button{ width: 200px; float: left; height: 22px; margin: 18px 0 0 0;}
.mainbox .right .hsearch .button #submit{ width: 61px; height: 22px; background:url(img/submit.jpg); margin: 0 0 0 20px; }
.mainbox .right .hsearch .button #reset{ width: 61px; height: 22px; background:url(img/reset.jpg); margin: 0 0 0 15px; }

/*page no.*/

.pageno{width:680px;float: left;height: 30px;margin: 20px 0 0 3px;}
.pageno a{display: block;padding:6px 10px;float: left;background: #eee;margin: 0 5px;}
.pageno a:hover{background:#009fa3;color: #fff;}
.pageno span{padding:6px 12px;float: left;display: block;color:#fff;margin: 0 5px;background:#009fa3;}