@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%;min-width: 1600px;height:450px; text-align: center;}
.banner .main{width:1200px; margin: 0 auto;}
.banner h2{padding:220px 0 0 0; font-size: 42px; color: #fff; line-height:50px;}
.banner p{padding:10px 0 0 0; font-size:14px; color: #eee; line-height:20px;text-transform: uppercase;}
.banner .main a{margin: 40px 0 0 20px; width: 150px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #fff; display: block; font-size:16px; color: #fff;}
.banner .main a:hover{border: 1px solid #fff; display: block; color: #008771; background: #fff;}
.content{ padding:20px 0;line-height: 27px; font-size: 14px; color: #666;}
.dqwzs{height:45px; line-height:45px;font-size:16px; text-indent:25px; border-bottom: 1px solid #eee;background:#fff url(../images/zhuye.png) no-repeat 15px center; padding:0 25px; margin-bottom:20px;}

.dqwz{width:100%;min-width: 1600px;background:#fff; }
.dqwz .main{width: 83.33vw;max-width: 1600px; margin:0 auto; height:96px; line-height:96px;border-bottom: 1px solid #e4e4e4;}
.dqwz .main ul{ height:96px;}
.dqwz .main ul li{width:auto; float:left; padding:0 40px 0 0;}
.dqwz .main ul li a{width:auto; height:96px; font-size:20px; display:block; color:#666;position:relative;}
.dqwz .main ul li a:hover{display:block; color:#000;}
.dqwz .main .u-crt{display:block; color:#000;}

.dqwz a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.875rem;width:2rem;height:3px;content:"";background:#008771;transform:scaleX(0);transition:all .5s;}
.dqwz a:hover:after{transform:scaleX(1.5);}
.dqwz .u-crt:after{transform:scaleX(1.5);}
.casevideo{width:400px; margin: 0 auto; padding-bottom: 20px;}

/* ------------案例--------------------- */
.case{width:100%;min-width: 1600px;height:auto; padding: 30px 0;}
.case .list{width: 83.33vw;max-width: 1600px; margin: 0 auto; height:auto; position:relative; overflow: hidden;padding-bottom: 20px;}	
.case .list li{width: 24%; float: left; border: 1px solid #e2e1e1; margin:0 1% 20px 0;}		
.case .list li:hover{background: #fff; box-shadow: 3px 3px 10px #999;}		
.case .list li:nth-child(4n){margin-right:0;}
.case .list .a1{width: 100%; height:270px; overflow: hidden;}
.case .list .a1 img{width:100%;height: 270px;transition: all 0.5s;}
.case .list .a1:hover img{transform: scale(1.1);}
.case .list .a2{padding:20px 20px 10px 20px; font-size: 20px;}	
.case .list .a2 a{color: #000;}	
.case .list .a3{padding: 0 20px; height: 48px; line-height: 24px; overflow: hidden;}	
.case .list .a4{height: 41px; padding: 10px 20px;}	
.case .list .a4 .a6{width: 41px; height: 41px; display: block; overflow: hidden;background:url(../images/case01.png) 0 0 no-repeat;}	
.case .list li:hover .a6{display: block; overflow: hidden;background:url(../images/case01.png) right 0 no-repeat;}	
.case .list .a5{ height: 41px; padding: 30px 20px 10px 20px; color: #000;}	
.case .list .a5 span{ font-size: 20px;}	

/* ------------新闻页面--------------------- */
.news{width:100%; padding:20px 0; overflow:hidden;}  
.news a{width:18%; height:400px; float:left; padding:40px 2.5%; margin:0 1% 30px 1%; display: block; border-radius: 12px; background: #f1f1f1;}
.news a:hover{background: #fff;opacity: 1;box-shadow: 0px 4px 27px 4px rgba(0, 0, 0, 0.2);} 
.news .a1{width:100%; height:30px; line-height: 30px; font-size: 18px; overflow: hidden; color: #999;}
.news a:hover .a2{color: #008771;}
.news .a2{width:100%; height:60px; line-height: 30px; font-size: 24px; overflow: hidden; color: #000; font-weight: 500; margin:25px 0;}
.news .a3{width:100%; height:108px; line-height: 27px; font-size: 16px; overflow: hidden; color: #666; margin-bottom:35%;}
.news .a4{width:100%; height:30px; line-height: 30px; font-size: 14px; overflow: hidden; color: #666;}

.new .con1{width:100%; height:auto; line-height:40px; padding:30px 0 10px 0; font-size:36px; color:#111; text-align:center;overflow:hidden; font-weight: bolder;}
.new .con3{width:100%; height:20px; padding:5px 0;}
.new .con4{width:100%; height:24px; line-height:24px; color: #666; text-align:center; padding:10px 0 20px 0;}
.new .con2{height:auto;padding:40px 0 30px 0; line-height:36px;overflow:hidden;border-top:1px solid #e4e4e4; font-size: 16px; color: #666;}
.new .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.new .con2 h5 img{width:600px; height:auto;}
.new .con5{width:100%; height:auto; line-height:30px; padding:30px 0 20px 0; font-size:27px; color:#000; text-align:center;overflow:hidden;}

/* ---------------zzry-------------------------------  */
.zzry{width: 100%; min-width: 1600px; overflow:hidden; padding:30px 0;}
.zzry .list{width: 83.33vw;max-width: 1600px;height:auto;margin:0 auto;padding:30px 0;overflow: hidden;}
.zzry .list ul li{float: left;width:19.2%;height:auto;margin-right: 1%;padding-bottom: 20px;}
.zzry .list ul li img{width: 100%;}
.zzry .list ul li:hover img{transform: scale(1.05);}
.zzry .list ul li:nth-child(5n){margin-right:0;}
.zzry .list ul li p{font-size: 16px; color: #333; text-align: center; line-height:40px; height:40px;}

.searchs{text-align: center; font-size: 16px;}
.searchs td{padding:12px; border: 1px solid #999;}
.searchs .title{background:#008771; color: #fff;}
.searchs .title td{padding:30px; font-size:27px;}

/* ------------产品详情--------------------- */
.products{width: 83.33vw;max-width: 1600px; margin: 0 auto; overflow:hidden; padding:30px 0;}
.products .bd{height:auto; overflow: hidden; padding-bottom: 30px;}
.products .bd li{float: left;position: relative;width:24.1%;margin-right: 1%; margin-bottom:20px; text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.products .bd li:nth-child(4n){margin-right: 0;}
.products .bd li img{width: 100%;}
.products .bd li p{position: absolute;bottom: 0;width: 100%; height:50px;line-height:50px;font-size: 16px; color: #000; border-top: 1px solid #ccc;box-sizing: border-box;overflow: hidden;}
.products .bd li .des{width: 100%;height: 100%;position: absolute;top:-100%;background: url(../images/des_bk.png);transition: 200ms;text-align: center;}
.products .bd li .des img{margin-top:40%; width: 60px;height: 60px;}
.products .bd li:hover .des{top:0;}
.products .bd li a:hover{color: #003d7d;}

.picture{overflow:hidden; padding:30px 0;}
.picture .left1 {width:calc(45% - 2px); height:auto;float:left;border:1px solid #e4e4e4; overflow: hidden;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:50%;height:auto;float:right;}
.picture .right1 .con01{width:100%; height:40px; line-height:40px; padding-bottom:50px; font-size:18px; color:#666;overflow:hidden;}
.picture .right1 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:40px; color:#008771;;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:auto;padding:30px 0 50px 0;line-height:36px;overflow:hidden; font-size:16px; color: #888; border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.picture .right1 .con2 span{ width: 100%; color: #333; padding-bottom:20px; display: block;}
.picture .right1 .con3{width:100%; height:50px; padding-top:60px;}
.picture .right1 .con3 a{width:160px; height:45px; line-height: 45px; text-align: center; display: block; font-size: 16px; color: #fff; background-image: linear-gradient(315deg,#008771 0,#00F9E5 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0; cursor: pointer;}
.picture .right1 .con3 a:hover{width:190px;}

.product{overflow:hidden;padding:50px 0;}
.product .title{width:100%;height:45px; padding:30px 0; text-align: center;overflow:hidden;}
.product .title h2{height:45px; font-size:40px; line-height:45px; font-weight: normal; color: #111;}
.product .con5{width:100%;padding:30px 0; line-height:36px;overflow:hidden;color: #666; font-size: 18px;}
.product .con5 td{ padding: 5px;}

.con6{height:60px;line-height:60px;overflow:hidden;font-size: 16px; padding:25px 0;}
.con6 .pre{width:48%;height:60px; float: left; background: #f8f8f8;}
.con6 .next{width:48%;height:60px; float: right; background: #f8f8f8;text-indent:20px;}
.con6 .span{width:100px;height:60px; display: inline-block; background: #e8e8e8;}
.con6 .span:hover{display: inline-block; background: #008771; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right: 15px;}
.con6 .next .span{float: right;}

/* ------------分页--------------------- */
.page{width:100%; text-align:center; overflow: hidden; padding:15px 0; background: #fff;}
.page .pages{padding:10px 12px;}
.page a{ display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page .current{background:#008771; color:#fff;display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page a:hover{background:#008771; color:#fff;}

/* ------------联系我们--------------------- */
.contact{width:100%; overflow: hidden; padding:30px 0 60px 0;}
.contact_l{width:50%; float: left;}
.contact_r{width:42%; height:620px; float: right; background: #f9f9f9; padding:40px 4%;}
.contact_r h2{width:100%;height:40px; line-height:40px; font-weight: normal;overflow: hidden; font-size: 32px; color: #222222;}
.contact_r h3{width:100%;height:40px; line-height:40px; font-weight: normal;overflow: hidden; font-size: 18px; color: #666;}
.contact_r .list{overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin:20px 0; padding:20px 0;}
.contact_r .list li{line-height:36px; font-size: 16px;color: #777;}
.contact_r .list li p{font-size: 18px; color: #333; text-indent: 30px;}
.contact_r .list .a1{background:url(../images/con1.png) no-repeat 0 center;}
.contact_r .list .a2{background:url(../images/con2.png) no-repeat 0 center; font-size: 32px;color: #008771;}
.contact_r .list .a3{background:url(../images/con3.png) no-repeat 0 center;}
.contact_r .list1{width:100%; line-height:30px; text-align: center; font-size: 16px;}
.contact_r .list1 li{width:150px; float:left; padding-right:10px;}
.contact_r .list1 img{width:150px;}

/* ------------关于我们--------------------- */
.about{overflow:hidden;color: #333; padding:60px; line-height: 32px; background: #fff; font-size: 16px;}
.about01{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding: 30px 0 100px 0;}
.about01 .conbox {height: 440px;background: #fff;margin-bottom: 10px;}
.about01 .conbox .conImg {width: 600px;height: 440px;overflow: hidden;}
.about01 .conbox .conImg img {display: block;width: 600px; height: 440px;transition: all 0.5s;}
.about01 .conbox .conTit {width: 490px;padding: 50px 50px 0 60px;}
.about01 .conbox .conTit .p1 {padding-left: 30px;height: 75px;border-left: 4px solid #033f8d;margin-bottom: 45px;}
.about01 .conbox .conTit .p1 b {display: block;padding-top: 12px;font-size: 20px;color: #033f8d;margin-bottom: 8px;}
.about01 .conbox .conTit .p1 span {display: block;font-size: 20px;color: #033f8d;}
.about01 .conbox .conTit .p2 {line-height: 28px;color: #333;}
.about01 .conbox:hover .conImg img {transform: scale(1.1);}

.about02{ width: 100%; min-width:1600px;overflow:hidden; background: #fff; padding: 80px 0;}
.about02 h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.about02 h2 a{display: block;;}
.about02 h2 span{color: #008771;font-weight: bold;}
.about02 h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.about02 .tab6{width: 83.33vw;max-width: 1600px;margin: 0 auto;height:auto; padding: 50px 0; position: relative;}
.about02 .tab6s{width: 83.33vw;max-width: 1600px;margin: 0 auto;height:auto; padding: 50px 0; overflow: hidden;}
.about02 .bd{width: 83.33vw;max-width: 1600px;}
.about02 .bd ul{width:100%; overflow:hidden; zoom:1; }
.about02 .bd ul li{ float: left; width:24%; margin:0 1.3% 15px 0; border-bottom: 1px solid #ccc;}
.about02 .bd .a1:nth-child(4n){margin-right: 0;}
.about02 .bd ul li a{ width:100%; height: 300px; display: block; overflow: hidden;}
.about02 .bd ul li img{ width:100%; height: 300px; display: block;transition: all 0.5s;}
.about02 .bd ul li:hover img{transform: scale(1.1);}
.about02 .bd ul li:hover span{ background: #008771; color: #fff; text-indent: 20px;}
.about02 .bd ul li span{ display: block; font-size: 16px; color: #333;line-height:40px; height: 40px; padding: 10px 0;transition: all 0.6s ease 0s; overflow: hidden;}
.about02 .prev,.about02 .next{width:40px; height:60px; display:block;position:absolute; left:-80px; top:180px;z-index: 9;background:#666 url(../images/slider.png) -126px -137px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.about02 .next{ left:auto; right:-80px;background-position:-6px -137px;}
.about02 .prev:hover,.about02 .next:hover{ filter:alpha(opacity=80);opacity:0.8;cursor:pointer;}

.about03{width: 83.33vw;max-width: 1600px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding:80px 0;}
.about03 h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.about03 h2 a{display: block;}
.about03 h2 span{color: #008771;font-weight: bold;}
.about03 h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.about03 .list{padding:50px 0;overflow:hidden;}
.about03 .list li{width:19%; float: left; overflow:hidden; background: #fff;margin:0 1.2% 15px 0; line-height: 30px;}
.about03 .list li:nth-child(5n){margin-right: 0;}
.about03 .list .a2 li a{ width:100%; height: 380px; display: block; overflow: hidden;  border-bottom: 1px solid #eee;}
.about03 .list li a{ width:100%; height: 400px; display: block; overflow: hidden; border-bottom: 1px solid #eee;}
.about03 .list li img{ width:100%; display: block;transition: all 0.5s;}
.about03 .list li:hover img{transform: scale(1.1);}
.about03 .list li span{ display: block; font-size: 14px; color: #333;line-height:50px; height: 50px; text-align: center; transition: all 0.6s ease 0s;}
.about03 .list li:hover span{ color: #008771;}

/* ---------------about_04-------------------------------  */
.about_04{ width: 100%; min-width:1200px;overflow:hidden; background: #fff; padding: 80px 0;}
.about_04 .list{width: 1200px; margin: 0 auto;padding: 50px 0;overflow: hidden;}
.about_04 h4{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.about_04 h4 a{display: block;}
.about_04 h4 span{color: #033f8d;font-weight: bold;}
.about_04 h4 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}


.bsy{overflow: hidden;}
.bsy img{ width:100%;}