
*,html,ul{margin: 0; padding: 0;}
body{color:#333; font:14px/24px Arial,"Microsoft YaHei","微软雅黑",sans-serif; background:#fff; min-width: 1200px;
      max-width: 1920px;}
ul li{list-style: none;}
a{color: #333; text-decoration: none; outline:none;}
img{max-width: 100%; max-height: 100%; border: 0;}
table{border-collapse: collapse; border-spacing: 0; empty-cells:show;}
table .new td{color:#f60; font-weight:bold;}
.fl{float: left;}
.fr{float: right;}
.clear{line-height: 0; height: 0; font-size: 0; content: ''; clear:both; zoom: 1;}


.contail{width: 1200px; margin: 0 auto;}
#header{height: 90px;}
#header .logo{float: left; width: 180px; height: 90px; margin-right: 5px;}
#header .top-title{float: left; width: 330px; font-size: 14px; color: #888; line-height: 18px; border-left: 1px solid #e5e5e5; margin-top: 27px; padding-left: 12px;}
#header  .top-list{}
#header  .top-list ul{width: 543px; float: right;}
#header  .top-list li{float: left; padding: 0 20px;}
#header  .top-list li .img{width: 48px; height: 48px; float: left; text-align: center; padding-top: 21px;}
#header  .top-list li .title{width: 80px; float: left; font-size: 16px; line-height: 18px; padding-top: 27px; margin-left: 13px;}


.nav{width: 100%; height: 70px; background: #2b2b2b; position: relative;}
.nav ul{height: 70px; line-height: 70px;}
.nav ul li{ position:relative;float: left; font-size: 16px; line-height: 66px; color: #fff; text-align: center;}
.nav ul a{display: block; padding: 0 18px; color: #fff;}
.nav ul>li:hover>a,.nav ul li a.active{border-bottom: 4px solid #10aa5c; color: #10aa5c;}
.nav-right{width: 25%; height: 70px; background: #10aa5c; position: absolute; top: 0; right:0; z-index: 999;}
.nav-right .phone{background: url(../images/phone.png) no-repeat left center; background-size: 40px 40px; margin-left: 25px; padding-left: 45px; margin-top: 15px;}
.nav-right .phone .title{font-size: 14px; color: #fff; line-height: 24px;}
.nav-right .phone .etitle{font-size: 18px; color: #fff; line-height: 24px;}

.nav .contail ul li dl{ position:absolute; background:#2b2b2b; z-index:100; left:50%; margin-left:-100px; text-align:center; top:70px; display:none; width:200px}
.nav .contail ul li:hover dl{ display:block}
.nav ul li dl a{ color:#fff; display:block}
.nav ul li dl a:hover{ color:#10aa5c}


.case{margin-top: 40px;}
.case .img{width: 296px; height: 270px; float: left; margin: 0 2px;}
.case .img img{width: 296px; height: 270px;}
.case .case-cont{width: 540px; float: left; padding: 0 30px;}
.ind-title{text-align: center;}
.ind-title .title{font-size: 36px; line-height: 36px; color: #333; padding-top: 45px;}
.ind-title .etitle{font-size: 28px; line-height: 28px; color: #666; padding-top: 18px;}
.ind-title .look{width: 150px; line-height: 40px; border-radius: 30px; margin: 0 auto;}
.ind-title .look a{display: block; font-size: 14px; color: #fff; line-height: 40px; text-align: center; background: #4fbff2; border-radius: 30px; margin-top: 34px;}
.ind-title .look:hover a{background: #2fb2ee;}

.case .frame{ width:300px; float:left; height:270px;position: relative; cursor: pointer;}
.case .frame .box{position: absolute; width:240px; left: 0; top: 0; height: 270px; background: rgba(0,0,0,0.5) !important; color: #fff; text-align: center; padding: 0 30px; display: none;}
.case .frame .box .title{font-size: 24px; line-height: 36px; padding-top: 100px;}
.case .frame .box .etitle{font-size: 14px; line-height: 18px;}
.case .frame:hover .box{display: block;}


.case .list ul{width: 100%; float: left; margin-top: 10px;}
.case .list li{float: left; width: 25%; position: relative; cursor: pointer;}
.case .list li .box{position: absolute;width:240px; left: 0; top: 0; height: 270px; background: rgba(0,0,0,0.5) !important; color: #fff; text-align: center; padding: 0 30px; display: none;}
.case .list li .box .title{font-size: 24px; line-height: 36px; padding-top: 100px;}
.case .list li .box .etitle{font-size: 14px; line-height: 18px;}
.case .list li:hover .box{display: block;}

.device{padding-top: 35px;}
.device .device-show{height: 410px; margin-top: 33px; background: #f3f3f3;}
.device .device-show .box{width: 500px; float: left; padding-left: 70px; padding-right: 30px;}
.device .device-show .box .title{font-size: 30px; color: #4fbff2; line-height: 36px; text-align: left; padding-top: 130px;}
.device .device-show .box .etitle{font-size: 14px; color: #333; line-height: 24px; text-align: left; padding-top: 14px;}

.device-slide {}
.device-slide .slideTxtBox{width: 100%; text-align:left;}
.device-slide .slideTxtBox .hd{height: 70px; line-height: 70px; background: #fff; border-bottom: 2px solid #e5e5e5; position:relative;}
.device-slide .slideTxtBox .hd ul{float: left; height: 70px;}
.device-slide .slideTxtBox .hd ul li{float: left; padding: 0 30px; cursor: pointer; font-size: 18px; color: #333;}
.device-slide .slideTxtBox .hd ul li.on{height: 70px; background: #fff; border-bottom: 2px solid #4fbff2;}
.device-slide .slideTxtBox .bd ul{padding: 40px 0 67px; zoom:1;}
.device-slide .slideTxtBox .bd li{float: left; width: 33.3%; text-align: center;}
.device-slide .slideTxtBox .bd li .img{margin: 0 auto;}
.device-slide .slideTxtBox .bd li .title{font-size: 18px; color: #333; line-height: 36px; padding-top: 27px;}
.device-slide .slideTxtBox .bd li .etitle{font-size: 16px; color: #666; line-height: 18px; padding: 0 30px; max-height: 36px; overflow: hidden; padding-top: 7px;}
.device-slide .slideTxtBox .bd li:hover .title{color: #000;}
.device-slide .slideTxtBox .bd li:hover .etitle{color: #333;}

.Ind-feature{background: url(../images/feature-bg.jpg) no-repeat center center; background-color: #ededed; height: 1099px; padding-top: 46px;}
.Ind-feature .box .title{font-size: 24px; color: #009146; line-height: 30px; text-align: left;}
.Ind-feature .box .titles{font-size: 18px; color: #333; line-height: 30px; text-align: left;}
.Ind-feature .box .etitle{font-size: 14px; color: #666; line-height: 18px; text-align: left; padding-top: 11px;}
.Ind-feature .box1{position: absolute; top: 180px; left: 310px; width: 375px;}
.Ind-feature .box2{position: absolute; top: 420px; left: 664px; width: 370px;}
.Ind-feature .box3{position: absolute; top: 660px; left: 310px; width: 340px;}
.Ind-feature .box4{position: absolute; top: 875px; left: 664px; width: 360px;}

.Ind-process{background: url(../images/process-bg.png) no-repeat center center; height: 600px; position: relative;overflow: hidden;}
.Ind-process .ind-title{position: absolute; top: 64px; text-align: center; width: 100%;}
/*动画*/
.animation-round{text-align: center; width: 1016px; height: 1015px; position: absolute; top: 260px; left: 95px; background: url(../images/mark_p.png) center center no-repeat;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
}
.Rotation{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
animation: rotation 9s linear infinite;
-moz-animation: rotation 9s linear infinite;
-webkit-animation: rotation 9s linear infinite;
-o-animation: rotation 9s linear infinite;
-ms-animation: rotation 9s linear infinite;
}

.Ind-about{position: relative; height: 680px;}
.Ind-about .banner-img{width: 100%; height: 490px;}
.Ind-about .banner-img img{height: 490px;}
.Ind-about .contail{position: absolute; top: 0; left: 50%; margin-left: -600px;}
.Ind-about .ind-title{padding-top: 76px; text-align: center; width: 100%;}
.Ind-about .ind-title .title{color: #fff;}
.Ind-about .ind-title .etitle{padding-top: 36px; color: #fff; font-size: 14px; line-height: 24px;}
.Ind-about .ind-title .look a{background: none; border: 1px solid #fff;}
.Ind-about .ind-title .look:hover a{background: none; text-decoration: underline;}
.Ind-about .top-show{background: #fff; z-index:10; margin-top: 40px; position: relative;}
.Ind-about .top-show .boxShadow{ position: absolute; bottom: 0; width: 100%; height: 212px;}
.Ind-about .top-show .boxShadows{box-shadow:0 5px 20px 3px #e1e1e1; z-index:0; position: absolute; bottom: 0; width: 100%; height: 212px;}
.Ind-about .top-show ul{height: 280px; padding-top: 50px; overflow: hidden; position:relative; z-index:100; background:#fff}
.Ind-about .top-show ul li{width: 33.3%; float: left; text-align: center;}
.Ind-about .top-show ul li .img{width: 90px; height: 80px; margin: 0 auto;}
.Ind-about .top-show ul li .title{font-size: 24px; line-height: 24px; color: #10aa5c; padding-top: 20px;}
.Ind-about .top-show ul li .etitle{font-size: 14px; line-height: 18px; color: #333; padding: 20px 40px 0;}

.Ind-slide .slideTxt{width: 100%; margin-top: 70px;}
.Ind-slide .slideTxt .list-show ul li{float: left; width: 50%;}
.Ind-slide .slideTxt .list-show ul li .name{width: 150px; background: #4fbff2; cursor: pointer; font-size: 18px; color: #fff; line-height: 50px; text-align: center;}
.Ind-slide .slideTxt .list-show ul li .show{width: 560px; margin-top: 30px;}
.Ind-slide .slideTxt .slide-top{border-bottom: 2px solid #e5e5e5; padding-bottom: 20px;}
.Ind-slide .slideTxt .slide-top .img{width: 190px; height: 120px; float: left;}
.Ind-slide .slideTxt .slide-top .cont{width: 340px; float: left; margin-left: 20px; padding-right: 10px;}
.Ind-slide .slideTxt .slide-top .cont .title{font-size: 16px; color: #333; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Ind-slide .slideTxt .slide-top .cont .etitle{font-size: 14px; color: #666; line-height: 24px; padding-top: 10px; max-height: 52px; overflow: hidden;}
.Ind-slide .slideTxt .slide-top .cont .time{font-size: 14px; color: #666; line-height: 20px; padding-top: 20px;}
.Ind-slide .slideTxt .list-show .show ul{margin-top: 0; width: 560px;}
.Ind-slide .slideTxt .list-show .show ul li{border-bottom: 1px dashed #e5e5e5; line-height: 50px; width: 560px; font-size: 16px; color: #666;}
.Ind-slide .slideTxt .list-show .show ul li span{float: right;}
.Ind-slide .slideTxt .list-show .show ul li:hover a{color: #10aa5c;}

.Ind-pic {background: #f5f5f5; margin-top: 60px;}
.Ind-pic .picScroll{width: 100%;  overflow: hidden; position: relative;}
.Ind-pic .picScroll .hd{position: absolute; bottom: 10px; left: 50%; margin-left: -40px; overflow: hidden; z-index: 99999;}
.Ind-pic .picScroll .hd ul{overflow: hidden; zoom: 1;}
.Ind-pic .picScroll .hd ul li{float: left;  width: 8px; height: 8px; overflow: hidden; margin-right: 19px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle2.png") no-repeat center center;}
.Ind-pic .picScroll .hd ul li.on{background: url("../images/icoCircle1.png") no-repeat center center;}
.Ind-pic .picScroll .bd{padding: 10px;}
.Ind-pic .picScroll .bd ul{overflow: hidden; zoom: 1;}
.Ind-pic .picScroll .bd ul li{margin: 0 8px; float: left; _display:inline; overflow: hidden; text-align: center;}
.Ind-pic .picScroll .bd ul li .pic{text-align: center;}
.Ind-pic .picScroll .bd ul li .pic img{height: 80px; display: block; padding: 50px 0 50px 20px;}

#footer{}
.footer-nav{background: #2b2b2b; height: 50px;}
.footer-nav ul{float: left; padding: 0 65px;}
.footer-nav ul li{float: left; color: #999;}
.footer-nav ul li a{display: block; font-size: 14px; line-height: 10px; color: #999; border-left: 1px solid #999; padding: 0 30px; margin: 20px 0;}
.footer-nav ul li a.no{border: none;}
.footer-nav ul li:hover a{color: #10aa5c;}
.footer-show{background: #222; height: 180px;}
.footer-show .box{padding-top: 45px; float: left; padding-left: 195px;}
.footer-show .box .img{width: 220px; height: 80px; float: left;-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.footer-show .box .cont{float: left; margin-left: 50px; font-size: 14px; color: #999; line-height: 28px;}
.footer-show .box .cont .title span{color: #4fbff2; font-size: 16px;}

#goTopBtn{position: fixed; line-height: 48px; width: 48px; bottom: 35px; height: 48px; cursor: pointer; display: none;
background: url(../images/goTopBtn.png);}


/*联系我们*/
.banner-show{}
.banner-show .img{height: 200px; position: relative;}
.banner-show .img img{height: 200px;}
.banner-show .img .box{position: absolute; top: 0; left: 50%; width: 1200px; margin-left: -600px;}
.banner-show .box .title{width: 440px; font-size: 20px; color: #333; line-height: 30px; text-align: left; padding-left: 20px; padding-top: 65px;}

.contact{margin-top: 40px; padding-bottom: 90px;}
.contact .contact-title{font-size: 24px; line-height: 42px; color: #4fbff2; border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; padding-left: 9px;}
.contact .show{margin-top: 67px; display:none}
.contact .show ul{float: left; border-bottom: 1px solid #e5e5e5;}
.contact .show ul li{float: left; padding: 0 40px; text-align: left; margin-bottom: 60px; overflow: hidden;}
.contact .show ul li .img{float: left; width: 50px; height: 50px;}
.contact .show ul li .cont{float: left; margin-left: 8px; font-size: 16px; color: #333; line-height: 26px;}
.contact .show ul li .cont .etitle{padding-right: 40px;}
.contact .traffic{ margin-top:20px}
.contact .traffic ul{padding-bottom: 22px; padding-top: 32px;}
.contact .traffic ul li{padding: 0 8px; margin-bottom: 31px;}
.contact .traffic ul li .title{font-size: 16px; color: #333; line-height: 28px; text-align: left;}
.contact .traffic ul li .etitle{font-size: 14px; color: #666; line-height: 28px; text-align: left;}

#allmap{ width: 100%;height: 100%; position: absolute;}


/*关于我们*/
.banner-show .box .name{line-height: 42px; font-size: 20px; color: #999; background: #e8e8e8; padding-left: 14px; width: 142px; margin-left: 100px; margin-top: 57px;}
.banner-show .box .etitle{line-height: 42px; font-size: 20px; color: #fff; background: #10aa5c; padding-left: 14px; width: 223px; margin-left: 100px;}
.about{margin-top: 40px;}
.about .about-title{font-size: 30px; line-height: 30px; color: #4fbff2; text-align: left; padding-bottom: 12px;}
.about .about-etitle{font-size: 16px; color: #333; line-height: 30px;text-indent: 2em; text-align: left; padding: 16px 0;}
.about .about-etitle ul{width: 100%;}
.about .about-etitle ul li{width: 380px; height: 270px; float: left; margin-left: 30px; padding: 23px 0;}
.about .about-etitle ul li.on{margin-left: 0;}
.about .product{}
.about .product .about-title{padding-bottom: 35px; padding-top: 15px; text-align: center;}
.about .product .list{}
.about .product .list ul{float: left; padding-bottom: 12px;}
.about .product .list li{width: 478px; height: 268px; float: left; padding: 0 50px; margin-left: 40px; border: 1px solid #eee; margin-bottom: 40px;}
.about .product .list li.on{margin-left: 0;}
.about .product .list li .img{margin: 0 auto; height: 80px; text-align: center; padding-top: 27px;}
.about .product .list li .title{font-size: 24px; line-height: 24px; color: #4fbff2; text-align: center; padding-top: 24px;}
.about .product .list li .etitle{font-size: 14px; line-height: 18px; color: #333; text-align: center; padding-top: 24px;}


/*公司新闻*/
.banner-show .boxs .title{color: #79807c; padding-top: 85px;}
.news-slide{margin-top: 40px;}
.news-slide .slideBox{width: 100%; text-align: center;} 
.news-slide .slideBox .hd{height: 50px; line-height: 50px;}
.news-slide .slideBox .hd ul{height: 50px; margin: 0 auto;}
.news-slide .slideBox .hd ul li{display: inline-block; padding: 0 28px; margin: 0 10px; cursor: pointer; font-size: 16px; color: #333; line-height: 50px; background: #eee; border-radius: 30px;}
.news-slide .slideBox .hd ul li.on{height: 50px; background: #4fbff2; color: #fff;}
.news-slide .slideBox .hd ul li.on a{color: #fff;}

.news-left{width: 880px; padding-right: 40px;}
.news-slide .slideBox .bd ul{}
.news-left ul{float: left; padding-top: 14px;}
.news-left ul li{float: left; border-bottom: 1px solid #e5e5e5; padding: 36px 0;}
.news-left ul li .img{width: 243px; height: 154px; float: left;}
.news-left ul li .img img{width: 243px; height: 154px;}
.news-left ul li .cont{float: left; width: 610px; margin-left: 20px; text-align: left;}
.news-left ul li .cont .title{font-size: 20px; color: #333; line-height: 20px; padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-left ul li .cont .time{font-size: 14px; color: #666; line-height: 18px;}
.news-left ul li .cont .etitle{font-size: 14px; color: #666; line-height: 24px; padding-top: 25px; max-height: 72px; overflow: hidden;}
.news-left ul li:hover .cont .title{color: #000;}
.news-left ul li:hover .cont .etitle{color: #10aa5c;}

.page{ width:100%;}
.page ul{text-align:center;padding:20px 0;}
.page ul li{display:inline-block;line-height:30px;font-size:14px;border:1px solid #dbdbdb;margin:0 5px; min-width:30px; padding:0}
.page ul li a{ color:#333;padding:0 10px; display:block}
.page ul li:hover a, .page ul li.on a{color:#fff;}
.page ul li:hover, .page ul li.on{background:#4fbff2;}

.news-right{width: 270px; padding-left: 10px;}
.news-right .hot-title{font-size: 18px; color: #333; line-height: 18px; text-align: left; border-bottom: 1px solid #e5e5e5; padding-top: 51px; padding-bottom: 20px;}
.news-right .show{}
.news-right .show ul{float: none; padding: 0;}
.news-right .show ul li{float: none; padding: 0 20px; border-bottom: 1px solid #e5e5e5; height: 70px; line-height: 70px; text-align: left;}
.news-right .show ul li .title{font-size: 14px; color: #333; line-height: 18px; padding-top: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-right .show ul li .time{font-size: 14px; color: #666; line-height: 22px;}
.news-right .show ul li:hover .title{color: #10aa5c;}


/*公司新闻——详情页*/
.wz{height: 60px; line-height: 60px; font-size: 16px; color: #b0b0b0; text-align: left;}
.wz a{color: #b0b0b0;}
.wz a:hover{color: #10aa5c;}
.wz span{color: #333;}
.news-left .contents{}
.news-left .cont-top{padding-top: 20px;}
.news-left .cont-top .title{font-size: 24px; color: #333; line-height: 24px; text-align: center;}
.news-left .cont-top .etitle{font-size: 14px; color: #666; line-height: 14px; text-align: center; padding-top: 20px;}
.news-left .cont-top .etitle span{padding-right: 20px;}

.news-left .cont-detail{font-size: 14px; color: #666; line-height: 28px; text-indent: 2em; padding-top: 56px; padding-bottom: 60px;}
.news-left .cont-detail span{font-size: 18px; color: #333; padding-bottom: 6px;}
.news-left .cont-detail img{padding: 28px 0;}


.news-left .nextpage{height: 110px; line-height: 110px;}
.news-left .nextpage ul{float: none; padding: 0; margin: 0;}
.news-left .nextpage ul li{width: 50%; float: left; padding: 0; margin: 0; border: none; line-height: 110px;}
.news-left .nextpage ul li a{display: block; font-size: 16px; color: #666; background: #f8f8f8; padding: 0 10px;}
.news-left .nextpage ul li.prev a{text-align: left;}
.news-left .nextpage ul li.next a{text-align: right;}
.news-left .nextpage ul li:hover a, .news-left .nextpage ul li a.active{color: #fff; background: #4fbff2;}

.news-left .article{margin-top: 54px;}
.news-left .article .top-txt{border-bottom: 1px solid #e5e5e5;}
.news-left .article .top-txt .title{font-size: 18px; color: #fff; text-align: center; background: #10aa5c; width: 170px; padding: 16px 0;}
.news-left .article-show{height: 350px;}
.news-left .show-left{float: left; width: 253px;}
.news-left .show-left .img{width: 253px; height: 190px; padding-top: 33px;}
.news-left .show-left .img img{width: 253px; height: 190px;}
.news-left .show-left .title{font-size: 14px; color: #666; line-height: 20px; padding-top: 10px; max-height: 60px; overflow: hidden;}
.news-left .show-right{float: right; width: 605px; text-align: left; padding-top: 16px; padding-bottom: 56px;}
.news-left .show-right ul{float: left; width: 506px; max-height: 280px; overflow: hidden;}
.news-left .show-right ul li{border-bottom: 1px dashed #e5e5e5; line-height: 54px; padding: 0; width: 506px;}
.news-left .show-right ul li a{font-size: 14px; color: #666;}
.news-left .show-right ul li span{float: right;}
.news-left .show-right ul li:hover a{color: #333;}


/*公司特色*/
.banner-show .box-80 .title{color: #79807c; line-height: 36px; padding-top: 64px; padding-left: 80px; width: 225px;}
.feature{}
.feature-show{padding-top: 40px; padding-bottom: 60px;}
.feature-show ul{width: 100%; float: left;}
.feature-show li{float: left; width: 100%; background: #fff;}
.feature-show li.on{background: #f8f8f8;}
.feature-show li .show-l{float: left;}
.feature-show li .show-l .cont{width: 580px; padding-top: 95px;}
.feature-show li .title{font-size: 30px; color: #333; line-height: 30px; text-align: left;}
.feature-show li .etitle{font-size: 18px; color: #666; line-height: 18px; text-align: left; padding-top: 18px;}
.feature-show li .detail{font-size: 14px; color: #666; line-height: 24px; text-align: left; padding-top: 20px;}
.feature-show li .show-r{float: right;}
.feature-show li .show-r .img{padding: 0 40px; text-align: right;}
.feature-show li .show-l .img{text-align: left;}
.feature-show li .show-r .cont{width: 540px; padding-top: 95px;}


/*净化工程*/
.project{margin-top: 40px;}
.project .slidePro{width: 100%; text-align: center;} 
.project .slidePro .hd{height: 50px; line-height: 50px;}
.project .slidePro .hd ul{height: 50px; margin: 0 auto;}
.project .slidePro .hd ul li{display: inline-block; padding: 0 28px; margin: 0 10px; cursor: pointer; font-size: 16px; color: #333; line-height: 50px; background: #eee; border-radius: 30px;}
.project .slidePro .hd ul li.on{height: 50px; background: #4fbff2; color: #fff;}
.project .slidePro .hd ul li.on a{ display:block; color:#fff}

.project .slidePro .bd{}
.project .slidePro .bd ul{padding-bottom: 60px; padding-top: 30px;}
.project .slidePro .bd ul .list li{float: left; width: 33.3%; height: 347px; margin-bottom: 23px; overflow: hidden; position: relative;}
.project .slidePro .bd ul ul li .box{padding: 0 50px;}
.project .slidePro .bd ul ul li .img{height: 224px; margin: 20px auto;}
.project .slidePro .bd ul ul li .img img{ width:248px; height:224px}
.project .slidePro .bd ul ul li .title{font-size: 18px; color: #333; line-height: 36px; text-align: left;}
.project .slidePro .bd ul ul li .etitle{font-size: 14px; color: #666; line-height: 18px; text-align: left; max-height: 36px; overflow: hidden;}
.project .slidePro .bd ul ul li .shows{width: 100%; height: 347px; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3) !important; display: none;}
.project .slidePro .bd ul ul li .shows .look{position: absolute; top: 155px; left: 50%; margin-left: -43px; width: 86px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-align: center;}
.project .slidePro .bd ul ul li a .shows .look{display: block; line-height: 34px; font-size: 14px; color: #fff;}
.project .slidePro .bd ul ul li a .shows .look:hover{color: #10aa5c;}
.project .slidePro .bd ul ul li:hover .shows{display: block;}

.project .slidePro .bd ul .page{width: 100%; height: 40px; padding-top: 35px;}
.project .slidePro .bd ul .page ul{text-align: center; float: none; padding: 0; margin: 0 auto;}
.project .slidePro .bd ul .page ul li{float: none; display: inline-block; font-size: 16px; color: #333; line-height: 38px; border: 1px solid #ccc; margin: 0 5px; padding: 0; min-width: 38px;}
.project .slidePro .bd ul .page ul li a{padding: 0 10px;}
.project .slidePro .bd ul .page ul li:hover a{color: #10aa5c;}


.goods-top{}
.goods-pic {}
.goods-pic .slider_box{width: 470px; height: 530px; float: left; margin: 0 auto; overflow: hidden; position: relative;}
.goods-pic .silder_con{height: 470px; overflow: hidden; position: absolute;}
.goods-pic .silder_panel{border: 1px solid #e5e5e5; width: 360px; height: 340px; padding: 39px 54px; overflow: hidden; float: left; position: relative;}
.goods-pic .silder_panel img{width: 360px; height: 340px; display: block; overflow: hidden;}
.goods-pic .silder_nav{width: 470px; height: 90px; margin: 0px auto; bottom: 0px; position: absolute; overflow: hidden;}
.goods-pic .silder_nav li{float: left; width: 78px; height: 68px; padding: 10px; margin-right: 20px; border: 1px solid #e5e5e5;}
.goods-pic .silder_nav li.no{margin: 0;}
.goods-pic .silder_nav li img{width: 80px; height: 70px;}
.goods-pic .silder_nav li.current{border: 1px solid #10aa5c;}

.goods-right{float: right; width: 680px;}
.goods-right .title{font-size: 30px; color: #4fbff2; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 32px;}
.goods-right .cont{height: 280px; border-bottom: 1px solid #e5e5e5; padding-top: 25px;}
.goods-right .cont .etitle{font-size: 14px; color: #666; line-height: 36px; padding-right: 30px; max-height: 252px; overflow: hidden;}
.goods-right .list{margin-top: 70px;}
.goods-right .list .box{width: 240px; float: left; margin-right: 30px; overflow: hidden;}
.goods-right .list .box .name{text-align: center; border-radius: 4px;}
.goods-right .list .box .name a{color: #fff; font-size: 24px; line-height: 60px; padding-top: 17px; padding-bottom: 16px;}
.goods-right .list .bl{background: #4fbff2;}
.goods-right .list .box:hover .bl{background: #35b3ed;}
.goods-right .list .gr{background: #3bd084;}
.goods-right .list .box:hover .gr{background: #34c37a;}
.goods-right .list .bl a{background: url(../images/xx.png) no-repeat left center; background-size: 42px 42px; padding-left: 52px;}
.goods-right .list .gr a{background: url(../images/dh.png) no-repeat left center; background-size: 42px 42px; padding-left: 46px;}

.introduce{margin-top: 40px;}
.intr-title{border-bottom: 1px solid #e5e5e5;}
.intr-title .title{width: 170px; line-height: 50px; background: #10aa5c; font-size: 18px; color: #fff; text-align: center;}

.explain{margin-top: 45px;}
.ex-title{font-size: 16px; color: #4fbff2; line-height: 30px; text-align: left;}
.explain .etitle{font-size: 14px; color: #333; line-height: 30px;}
.explain .img{padding: 20px 30px; text-align: left;}

.parameter{}
.parameter table{min-width: 680px; text-align: left; font-size: 14px; line-height: 14px; margin-top: 20px;}
.parameter table th, .parameter table td{padding: 8px;}
.parameter table th{font-weight: normal;}

.recommend {margin-top: 50px;}
.recommend .picScroll-left{width:1200px; overflow: hidden; position: relative; padding-bottom: 60px;}
.recommend .picScroll-left .hd{overflow: hidden; height: 34px; position: absolute; top: 150px; width: 100%;}
.recommend .picScroll-left .hd .prev,.recommend .picScroll-left .hd .next{display:block;  width: 34px; height: 34px; float: left; margin-right: 5px; margin-top: 0px;  overflow: hidden;
	cursor: pointer; background: url("../images/prev.png") no-repeat;}
.recommend .picScroll-left .hd .next{background: url("../images/next.png") no-repeat; float: right;}
.recommend .picScroll-left .hd .prevStop{background: url("../images/prev.png") no-repeat;}
.recommend .picScroll-left .hd .nextStop{background: url("../images/next.png") no-repeat;}
.recommend .picScroll-left .bd{padding: 20px 34px;}
.recommend .picScroll-left .bd ul{overflow: hidden; zoom: 1;}
.recommend .picScroll-left .bd ul li{width: 33.3%; float: left; overflow: hidden; text-align: center;}
.recommend .picScroll-left .bd ul li .pic{width: 300px; height: 230px; text-align: center; margin: 0 auto; padding: 20px 0 30px;}
.recommend .picScroll-left .bd ul li .pic img{width: 300px; height: 230px;}
.recommend .picScroll-left .bd ul li .title{font-size: 18px; color: #333; line-height: 36px;}
.recommend .picScroll-left .bd ul li .etitle{padding: 0 50px; font-size: 14px; color: #666; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


/*在线客服*/
.izl-rmenu{position:fixed;top:65%;right:2px;z-index:999;margin-right:0;width:82px;-webkit-box-shadow:#DDD 0 1px 5px;-moz-box-shadow:#DDD 0 1px 5px;box-shadow:#DDD 0 1px 5px}
.izl-rmenu .consult{display:block;width:82px;height:76px;background-image:url(../images/consult_icon.gif);background-position:center -77px;background-repeat:no-repeat}
.izl-rmenu .consult .phone{position:absolute;top:0;left:-160px;display:none;width:160px;background-color:#f7f7ff;box-shadow:#DDD -1px 1px 4px;color:#000;text-align:center;font-size:18px;line-height:73px}
.izl-rmenu a.consult:hover .phone{display:inline!important}
.izl-rmenu .cart{display:block;padding-top:15px;padding-right:18px;padding-bottom:47px;padding-left:48px;width:16px;height:16px;background-image:url(../images/consult_icon.gif);background-position:center bottom;background-repeat:no-repeat;color:#45BDFF;text-align:center;font-size:12px;line-height:16px}
.izl-rmenu a.cart:hover .pic{display:block}
.izl-rmenu .btn_top{display:block;width:82px;height:39px;background-image:url(../images/float_top.gif);background-position:center top;background-repeat:no-repeat;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
.izl-rmenu .btn_top:hover{background-image:url(../images/float_top.gif);background-position:center bottom;background-repeat:no-repeat}
.izl-rmenu .cart .pic{position:absolute;top:65px;left:-160px;display:none;width:160px;height:160px;background:url(../images/weixin.jpg)}
#udesk-feedback-tab{position:fixed;top:65%;right:2px;z-index:10000;z-index:999;display:block;margin-top:-76px;width:82px;height:76px;background-color:#FFF!important;background-image:url(../images/consult_icon.gif);background-position:center top;background-repeat:no-repeat;-webkit-box-shadow:#DDD 0 -1px 5px;-moz-box-shadow:#DDD 0 -1px 5px;box-shadow:#DDD 0 -1px 5px;cursor:pointer}


.shangqiao{ height:82px; width:82px; display:block; background:#f7f7ff; color:#a1a5a5; z-index:200; text-align:center; font-size:12px; line-height:24px; cursor:pointer;text-decoration:none}
.shangqiao .img{ width:100%; height:40px; padding-top:10px}
.shangqiao img{ width:40px; height:40px;}