body,div,a,span,img,h3,ul,li,p,h4,font,input,h1{padding:0;margin:0;list-style: none; border: none; font-family:"微软雅黑";}
ul,li{ list-style: none;}
a {color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a:focus { text-decoration: none;}
*:focus { outline: none;}
img{ border:none;}
a{ outline:none;}
.clear{ clear: both;}

body{ text-align: center; background: #fff;}
.top{ width: 100%; height: 120px; background: #2fac8e;}
.content{ width: 1200px; margin: 0 auto; height: auto;}
.top .logo{ width: 235px; height: 44px; float: left; margin-top: 35px;}
.top .logo img{ width: 235px; height: 44px;}
.top .nav{ width: 678px; height: 36px; margin-top: 43px; float: left; margin-left: 68px;}
.top .nav ul{ width: 100%; height: 36px;}
.top .nav ul li{ padding: 0 15px; margin: 0 20px; width: auto; float: left; font-size: 16px; font-weight: bold; line-height: 36px; height: 36px;}
.top .nav ul li a{ display: block; color: #fff; width: 100%;}
.top .nav ul li:hover{ background: #fff; border-radius: 10px;}
.top .nav ul li:hover a{ color: #221000;}
.top .nav ul li.l1{ background: #fff; border-radius: 10px;}
.top .nav ul li.l1 a{ color: #221000;}

.top .seach{ width: 198px; height: 24px; margin-top: 46px; float: right; background: #4a5456; border: 1px solid #4b5557;}
.top .seach input{ width: 154px; height: 24px; line-height: 24px; padding-left: 5px; background: #2fac8e; display: block; float: left; text-align: left; font-size: 14px; color: #fff; border: none;}
.top .seach .but{ width: 38px; height: 25px; display: block; float: right; background: url(../images/seach.png) no-repeat center center;}

.banner{ width: 100%; height: 480px; position:relative;}
/*图片切换*/
#slides{ display:block; width:100%; height:480px; position:relative; }
#slides li{ display:block; width:100%; height:480px; position:absolute; }
#slides li a{ display:block; width:100%; height:480px; text-indent:-9999px; }
 #pagination{ display:block; position:absolute; left:0; bottom:40px; z-index:9900; }
 #pagination li{ display:block; width:9px; height:9px; float:left; margin:0px 5px; background:none; display:inline;  border-radius: 50px; border: 1px solid #acacac;}
 #pagination li a{ display:block; width:9px; height:9px; text-indent:-9999px; cursor:pointer; overflow:hidden;}
 #pagination li.current{ background:#424242;  border: 1px solid #424242;}

.main{ width: 1200px; margin: 0 auto; height: auto;}
.main .xpfb{ width: 100%; margin-top: 100px; overflow:hidden; }
.main .xpfb .title{ width: 1198px; height: 82px; border: 1px solid #93dccb; text-align: center;}
.main .xpfb .title .bt{ width: 280px; margin: 0 auto; margin-top: 25px; height: 35px; line-height: 35px; border-bottom: 1px solid #93dccb; font-size: 26px; color: #525252;}
.main .xpfb .nr{ width: 100%; height: auto; margin-top: 23px;}
.main .xpfb .nr .left{ width: 588px; float: left; height: auto;}
.main .xpfb .nr .left .tp{ width: 588px; height: 441px; position:relative;}
.main .xpfb .nr .left .tp img{ width: 588px; height: 441px; vertical-align:middle;}
.main .xpfb .nr .left .tp span{ width: 100%; height:34px; filter: Alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; left:0; bottom:0; z-index:1; background:#000;}
.main .xpfb .nr .left .tp b{ width: 98%; font-size: 16px; line-height: 34px; color: #FFF; text-align: left; white-space:normal; word-break:break-all;overflow:auto!important; position:absolute; left:0; bottom:0; z-index:2; padding:0 1%;}

.main .xpfb .nr .right{ width: 586px; float: right; height: auto;}
.main .xpfb .nr .right ul{ width: 100%;}
.main .xpfb .nr .right ul li{ width: 270px; float: left; margin: 0 11px 22px 11px;}
.main .xpfb .nr .right ul li.l1{ float: right;}
.main .xpfb .nr .right ul li.l2{ margin-bottom: 0px;}
.main .xpfb .nr .right ul li img{ width: 270px; height: 210px; vertical-align:middle;}
.main .xpfb .nr .right ul li:hover{  box-shadow: 5px 5px 5px #ccc;}

.main .cplb{ width: 100%; height: 504px; margin-top: 100px;}
.main .cplb .index_rnew {width: 100%;float: left;}
.main .cplb .rnew_dh {width: 100%;float: left; height: 63px; padding-bottom: 17px; border-bottom: 1px solid #93dccb;}
.main .cplb .rnew_dh ul {float: left;width: 1196px;height: 63px; border: 2px solid #93dccb; border-top: none; border-bottom: none;}
.main .cplb .rnew_dh ul li{ float: left; width: 236px; height: 63px; text-align: center;line-height: 63px; color: #363636; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block}
.main .cplb .rnew_dh ul li a{ font-size: 22px; color: #363636;}
.main .cplb .rnew_dh ul li.at{}
.main .cplb .rnew_dh ul li.at a {color: #32bdaa;}
.main .cplb .rnew_nr {width: 100%;float: left; margin-top: 7px;}
.main .cplb .rnew_nr .more{ display: block; width: 64px; height: 24px; margin: 24px auto 0; background: url(../images/more.png) no-repeat center center;}
.main .cplb .rnew_lb {width: 100%; padding: 5px;float: left;}
.main .cplb .rnew_lb ul{ }
.main .cplb .rnew_lb ul li{ width: 386px; height: 332px; margin: 15px 5px 0; font-size: 18px; float: left;}
.main .cplb .rnew_lb ul li a{ display: block; width: 100%; height: 332px; text-align: center; color: #363636;}
.main .cplb .rnew_lb ul li a img{ width: 386px; height: 290px;}
.main .cplb .rnew_lb ul li span{ color: #363636;}


.main .zt{ width: 1118px; height: 341px; margin: 100px auto 0; background: url(../images/cpbj.jpg) no-repeat left top; position: relative;}
.main .zt .title{ width: 132px; height: 63px; line-height: 63px; background: #26a489; position: absolute; left: 0; top: 32px; text-align: center; font-size: 32px; float: left; color: #fff; z-index: 999;}
.main .zt .index_rnew {width: 1118px; float: right; position: absolute; right: 0px; top: 0px; z-index: 99;}
.main .zt .rnew_dh {width: 298px; float: right; padding: 11px; background: #26a489;}
.main .zt .rnew_dh ul { float: left; width: 298px;}
.main .zt .rnew_dh ul li { float: left; width: 100%; height: 40px; text-align: left;line-height: 40px; margin-bottom: 5px; color: #363636; border-bottom: 1px dashed #fff;}
.main .zt .rnew_dh ul li a { display: block; font-size: 14px; color: #423a3b;}
.main .zt .rnew_dh ul li.at {}
.main .zt .rnew_dh ul li.at a {color: #fff;}
.main .zt .rnew_nr { width: 719px; height: 341px; float: left; position: relative;}
.main .zt .rnew_lb {width: 100%;}
.main .zt .rnew_lb img{ width: 719px; height: 341px;}
.main .zt .rnew_lb .js{ position: absolute; top: 0px; right: 0px; width: 155px; padding: 15px 10px; height: 311px; text-align: left; background: url(../images/hstm.png) repeat left top; font-size: 14px; color: #0c0c0c; line-height: 30px; word-wrap:break-word; text-indent:2em;}

.sydb{ width: 100%; height: 300px; margin-top: 100px; padding: 25px 0; background: #e5e5e5;}
.sydb .left{ width: 544px; float: left; height: 300px;background: #fff;}
.sydb .title{ height: 53px; line-height: 53px; text-align: center; width: 100%; background: url(../images/hsxt.jpg) repeat-x left center; font-size: 18px; color: #303030;}
.sydb .title a{ color: #303030; margin: 0 auto; background: #fff; padding: 0 20px;}
.sydb .nr{ width: 482px; height: 207px; margin: 0 auto; text-align: left; font-size: 16px; line-height: 30px; color: #303030; white-space:normal; word-break:break-all;}
.sydb .nr a{ color: #2fac8e;}

.foot{ width: 100%; height: 60px; line-height: 30px; background: #434343; text-align: center; font-size: 18px; color: #fff; padding: 30px 0;}

/*关于我们*/
.gywm{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.gywm .part{ width: 100%; overflow: hidden; padding: 20px 0;}
.gywm .title{ width: 100%; height: 60px; line-height: 60px; font-size: 22px; font-weight: bold; text-align: center; background: url(../images/hsxtq.jpg) repeat-x left center;} 
.gywm .title a{ color:  #3f3f3f; margin: 0 auto; background: #fff; padding: 0 20px;}
.gywm .title a span{ color: #3f3f3f;}
.gywm .nr{ width: 100%; height: auto; overflow: hidden; text-align: left; font-size: 18px; color: #6d6d6d; line-height: 31px; text-indent: 2em;}
.gywm .nr p{ padding: 0 0 15px;}
.gywm .nr .tit{ width: 100%; text-align: left; font-size: 18px; height: 26px; line-height: 26px; color: #3f3f3f; text-indent: 0em; font-weight: bold; padding: 0 0 15px;}

/*产品*/
.cpzx{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.cpzx .left{ width: 180px; padding: 11px; height: auto; overflow: hidden; float: left;}
.cpzx .left .title{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #2fac8e; font-size: 18px; color: #221000; text-align: center; font-weight: bold;}
.cpzx .left ul{ width: 100%;}
.cpzx .left ul li{ width: 100%; padding: 7px 0; line-height: 45px; border-bottom: 1px solid #ccc; text-align: center; font-size: 16px; color: #333; overflow:hidden;}
.cpzx .left ul li a{ width: 164px; height: 30px; line-height: 30px; display: block; margin:0 auto; color: #333; background: url(../images/lssj.png) no-repeat 169px center;}
.cpzx .left ul li a:hover{ background: none;}
.cpzx .left ul li a:hover a,.cpzx .left ul li .hover{ background: #2fac8e; border-radius: 5px; color: #fff;}
.cpzx .left ul li.l1{ background: none;}
.cpzx .left ul li.l1 a{ background: #2fac8e; border-radius: 5px; color: #fff;}
.cpzx .left ul li ul{ width: 100%; clear:both;}
.cpzx .left ul li ul li{ width: 100%; padding: 5px 0; line-height: 40px; border-bottom: 1px dashed #ccc; text-align: center; font-size: 14px; color: #333; overflow:hidden;}
.cpzx .left ul li ul li:hover,.cpzx .left ul li ul li .hover{ background: #FFF; color: #ff0000;}

.cpzx .right{ width: 970px; padding: 10px; height: auto; overflow: hidden; float: right; border-left: 1px solid #ccc;}
.cpzx .right .local{ width: 100%; height: 35px; line-height: 35px; margin-top: 22px;text-align: right; font-size: 14px; color: #2fac8e; padding-right: 37px; border-bottom: 1px solid #ccc;}
.cpzx .right .local a{ color: #2fac8e;}
.cpzx .right .local span{ color: #cccccc;}
.cpzx .right .nr{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.cpzx .right .nr ul{ width: 100%;}
.cpzx .right .nr ul li{ width: 425px; height: 377px; float: left; margin: 0 30px;}
.cpzx .right .nr ul li img{ width: 100%; height: 317px; display: block;}
.cpzx .right .nr ul li span{ width: 100%; text-align: center; display: block; height: 58px; line-height: 58px; font-size: 18px; color: #333;}
.cpzx .right .nr1{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.cpzx .right .nr1 .title{ width: 100%; font-size: 22px; font-weight: bold; color: #3f3f3f; text-align: center; line-height: 30px; overflow: hidden;}
.cpzx .right .nr1 .nrxx{ width: 95%; margin: 0 auto; overflow: hidden; text-align: left; color: #6d6d6d; font-size: 16px; line-height: 25px; margin-top: 25px;} 

/*联系我们 */
.lxwm{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
.lxwm .nr{ width: 100%; height: auto; overflow: hidden; margin-top: 70px;}
.lxwm .nr .dd{ width: 1119px; height: 60px; overflow: hidden; padding-left: 81px; margin: 36px 0px;}
.lxwm .nr .dd .ts{ width: 100%; height: 30px; line-height: 30px; font-size: 24px; color: #333333; text-align: left;}
.lxwm .nr .dd .xq{ width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #333333; text-align: left;}
.lxwm .nr .d1{ background: url(../images/lxwmtel.png) no-repeat left center;}
.lxwm .nr .d2{ background: url(../images/lxwmemail.png) no-repeat left center;}
.lxwm .nr .d3{ background: url(../images/lxwmadd.png) no-repeat left center;}
.lxwm .nr .map{ width: 100%; height: 478px; margin: 50px 0 50px;}
.lxwm .nr .map img{ width: 100%; height: 478px;}

.pages{font-size:16px;color:#000000; padding-top:30px; line-height:37px;text-align:center;margin-top:35px; margin-bottom:35px;}
.pages a{display:inline-block;border:1px solid #e1e1e1;color:#666;padding:0px 15px;margin:0px 4px;height:37px;}
.pages a:hover,.pages .bg{display:inline-block;border:1px solid #2FAC8E;color:#FFF;background:#2FAC8E;padding:0px 15px;margin:0px 4px;}

.list{}
.list li{ height:40px; line-height:40px; background:url(../images/k.png) no-repeat left center; padding-left:15px; overflow:hidden; text-align:left;}
.list li span{ float:right; display:block;}

.focus{ position:relative; width:600px; height:440px; float: left;}  
.focus img{ width:600px; height:440px; } 
.focus .shadow .title{width:200px; height: 32px; line-height:32px; font-size:12px; }
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:32px; line-height: 32px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; }  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:10px; right:10px; position:absolute; height:15px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0; font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}