.header{width: 100%;height: 90px;padding: 0 160px;box-sizing: border-box;overflow: hidden;position: fixed;left: 0;top: 0;z-index: 10000;background:#fff;}
.kongxi{width: 100%;height: 90px}
.header .left{float: left;padding-top: 24px;box-sizing: border-box;}

.header .left .logo{width:365px ;}

.header .right{float: right;}

.header .right .nav{float: left;}

.header .right .nav ul li{display: block;padding: 0 24px;border-top: 2px solid transparent;box-sizing: border-box;text-align: center;line-height: 90px;float: left;}

.header .right .nav ul li a{display: block;font-size: 16px;color: #333;}

.header .right .nav ul li:hover{background: #f4f4f4;border-top-color: #1b6c50;	}

.header .right .nav ul li:hover a{color: #1b6c50;}

.header .right .nav ul li.act{background: #f4f4f4;border-top-color: #1b6c50;	}

.header .right .nav ul li.act a{color: #1b6c50;}

.header .right .tel{float: right;line-height: 90px;padding-left: 15px;color: #1b6c50;font-size: 14px;display: none}

.header .right .tel img{display: inline-block;vertical-align: middle;margin-right: 6px;}

.banner {display: block;width: 100%;overflow: hidden;}

.banner img {display: block;width: 100%;}

.banner .swiper-pagination-bullet {background: #fff;width: 5px;height: 5px;border-radius: 50%;opacity: 1;}

.banner .swiper-pagination-bullet-active {background: #fff;width: 42px;height: 5px;border-radius: 5px;}

.index1{width: 100%;	}

.index1 .title{width: 100%;text-align: center;}

.index1 .title h2{margin-top: 60px;font-size: 30px;line-height: 30px;color: #333;font-weight: bold;display: inline-block;position: relative;}

.index1 .title h2:after{position: absolute;left: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index1 .title h2:before{position: absolute;right: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index1 .title p{line-height: 44px;font-size: 16px;color: #666;}

.index1 .top{text-align: center;padding: 18px 0;box-sizing: border-box;}

.index1 .top a{line-height: 36px;height: 36px;display: inline-block;margin: 0 50px;font-size: 20px;color: #000;border-bottom: 1px solid transparent;box-sizing: border-box;}

.index1 .top a:hover{border-bottom: 1px solid #17684c;color: #17684c;}

.index1 .top a.act{border-bottom: 1px solid #17684c;color: #17684c;}

.index1 .bottom{width: 100%;margin-top: 24px;}

.index1 .bottom ul{display: none;}

.index1 .bottom ul.block{display: block;}

.index1 .bottom ul li{width: 25%;float: left;position: relative;overflow: hidden;}

.index1 .bottom ul li img{display: block;width: 100%;}

.index1 .bottom ul li  .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(23,104,76,.8);display: none;}

.index1 .bottom ul li  .box div{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-250%);transition: .8s all;}

.index1 .bottom ul li  .box div h3{font-size: 24px;color: #fff;line-height: 24px;height: 24px;overflow: hidden;text-align: center;width: 100%;font-weight: 400;}

.index1 .bottom ul li  .box div span{line-height: 45px;height: 45px;overflow: hidden;font-size: 14px;color: #fff;display: block;text-align: center;}

.index1 .bottom ul li  .box div  p{width: 38px;height: 38px;margin: 0 auto;border-radius: 50%;border: 1px solid #fff;text-align: center;line-height: 36px;}

.index1 .bottom ul li  .box div  p img{width: 8px;display: inline-block;}

.index1 .bottom ul li:hover .box{display: block;}

.index1 .bottom ul li .box:hover div{transform: translateY(-50%);}

.index1 .ckgd{width: 100%;padding: 60px 0;box-sizing: border-box;}

.index1 .ckgd a{width: 160px;height: 40px;border-radius: 15px;background: #e6ecec;color: #333;font-size: 18px;display: block;margin: 0 auto;text-align: center;line-height: 40px;transition:all .4s;box-shadow: 0px 2px 3px #ccc;transition: .4s all}

.index1 .ckgd a:hover{background: #17684c;color: #fff}

.index2_{background: #f6f7f8;}

.index2{width:1200px;margin: 0 auto;	}

.index2 .title{width: 100%;text-align: center;}

.index2 .title h2{margin-top: 60px;font-size: 30px;line-height: 30px;color: #333;font-weight: bold;display: inline-block;position: relative;}

.index2 .title h2:after{position: absolute;left: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index2 .title h2:before{position: absolute;right: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index2 .title p{line-height: 44px;font-size: 16px;color: #666;}

.index2 .bottom{width: 100%;}

.index2 .bottom ul li{margin-top: 28px;width: 380px;height: 282px;float: left;margin-right: 30px;border-radius: 10px;background: #fff;padding: 30px 40px 40px;box-sizing: border-box;}

.index2 .bottom ul li:nth-of-type(3n){margin-right: 0;}

.index2 .bottom ul li>div{width: 109px;height: 109px;border-radius: 50%;background: #eee;margin: 0 auto;padding:8px;box-sizing: border-box;}

.index2 .bottom ul li>div>div{width: 93px;height: 93px;border-radius: 50%;background: #e6ecec;text-align: center;line-height: 92px;}

.index2 .bottom ul li>div>div img{display: inline-block;}

.index2 .bottom ul li h4{line-height: 60px;height: 60px;text-align: center;overflow: hidden;font-size: 24px;color: #333;}

.index2 .bottom ul li h4 span{color: #1b6c50;}

.index2 .bottom ul li p{line-height: 20px;height: 40px;font-size: 14px;color: #666;text-align: center;overflow: hidden;}

.index2 .ckgd{width: 100%;padding: 60px 0;box-sizing: border-box;}

.index2 .ckgd a{width: 160px;height: 40px;border-radius: 15px;background: #e6ecec;color: #333;font-size: 18px;display: block;margin: 0 auto;text-align: center;line-height: 40px;box-shadow: 0px 2px 3px #ccc;transition: .5s all}

.index2 .ckgd a:hover{background: #17684c;color: #fff}

.index2 .bottom ul li:hover{background:#17684c ;}

.index2 .bottom ul li:hover h4{color: #fff;}

.index2 .bottom ul li:hover h4 span{color: #fff;}

.index2 .bottom ul li:hover p{color: #fff;}

.index3{width: 100%;}

.index3 .title{width: 100%;text-align: center;}

.index3 .title h2{margin-top:60px;font-size: 30px;line-height: 30px;color: #fff;font-weight: bold;display: inline-block;position: relative;}

.index3 .title h2:after{position: absolute;left: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index3 .title h2:before{position: absolute;right: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index3 .title p{line-height: 44px;font-size: 16px;color: #fff;}

.index3 ul{max-width: 1640px;padding: 0 20px;box-sizing: border-box;min-width: 1300px;margin: 34px auto 0;}

.index3 ul li {width: 13.28%;float: left;}

.index3 ul li:last-child{width: 7%}

.index3 ul li .left{width: 67%;float: left;position: relative;}

.index3 ul li .left .box{position: absolute;width: 150px;height: 100%;background:#17684c;top: 0;left: -20px;display: none}

/*.index3 ul li .left:hover .box{display: block}*/

.index3 ul li .left .box h2{color: #fff;text-align: center;font-size: 18px;line-height: 40px}

.index3 ul li .left .box p{color: #fff;text-align: center;font-size: 14px;line-height: 22px;margin-top:5px;height: 110px;overflow: hidden;font-weight: normal;width: 100%;padding: 0 10px;box-sizing: border-box;}

.index3 ul li .right {width: 33%;float: left;}

.index3 ul li .img{width: 110px;height: 110px;border: 2px solid #fff;border-radius: 50%;box-sizing: border-box;}

.index3 ul li img {display: block;margin: 0 auto;}

.index3 ul li .left img {height: 45px;margin-top: 32px;transition: .5s all}
.index3 ul li .left:hover img{margin-top: 12px}

.index3 ul li .right img {margin-top: 40px;float: left;}

.index3 ul li p {width: 110px;font-size: 22px;color: #fff;text-align: center;font-weight: bold;height: 25px;line-height: 25px;margin-top: 30px;}

.index3 .ckgd{width: 100%;padding: 60px 0;box-sizing: border-box;}


.index3 .ckgd a{width: 160px;height: 40px;border-radius: 15px;background: #e6ecec;color: #333;font-size: 18px;display: block;margin: 0 auto;text-align: center;line-height: 40px;box-shadow: 0px 2px 3px #ccc;transition: .5s all}

.index3 .ckgd a:hover{background: #17684c;color: #fff}

.index4{width: 100%;background: #f6f7f8;}

.index4 .title{width: 100%;text-align: center;}

.index4 .title h2{margin-top: 60px;font-size: 30px;line-height: 30px;color: #333;font-weight: bold;display: inline-block;position: relative;}

.index4 .title h2:after{position: absolute;left: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index4 .title h2:before{position: absolute;right: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index4 .title p{line-height: 44px;font-size: 16px;color: #666;}

.index4 ul{max-width: 1640px;padding: 0 20px;box-sizing: border-box;min-width: 1300px;margin: 24px auto 0;}

.index4 ul li{width: 15.833%;margin-right: 1%;float: left;margin-top: 13px;}

.index4 ul li:nth-of-type(6n){margin-right: 0;}

.index4 ul li img{display: block;width: 100%;}

.index4 .ckgd{width: 100%;padding: 50px 0;box-sizing: border-box;}

.index4 .ckgd a{width: 160px;height: 40px;border-radius: 15px;background: #e0e0e0;font-size: 14px;color: #333;display: block;margin: 0 auto;text-align: center;line-height: 40px;}

.index4 .ckgd a:hover{background: #17684c;color: #fff;}

.index5{width:1200px;margin: 0 auto;}

.index5 .title{width: 100%;text-align: center;}

.index5 .title h2{margin-top: 60px;font-size: 30px;line-height: 30px;color: #333;font-weight: bold;display: inline-block;position: relative;}

.index5 .title h2:after{position: absolute;left: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index5 .title h2:before{position: absolute;right: 140px;top: 14px;width: 197px;height: 7px;border: 1px solid #e5e5e5;border-left: 0;border-right: 0;box-sizing: border-box;content: ' ';}

.index5 .title p{line-height: 44px;font-size: 16px;color: #666;}

.index5 .top{text-align: center;padding: 18px 0;box-sizing: border-box;}

.index5 .top a{line-height: 36px;height:36px;display: inline-block;margin: 0 20px;font-size: 20px;color: #000;border-bottom: 1px solid transparent;box-sizing: border-box;}

.index5 .top a:hover{border-bottom: 1px solid #17684c;color: #17684c;}

.index5 .top a.act{border-bottom: 1px solid #17684c;color: #17684c;}

.index5 .bottom{width: 100%;margin-top: 24px;}

.index5 .bottom .box{width: 100%;display: none;}

.index5 .bottom .box.block{display: block;}

.index5 .bottom .box .left{width: 502px;float: left;}

.index5 .bottom .box .left img{display: block;width: 100%;height: 298px;}

.index5 .bottom .box .left h3{margin-top: 27px;font-size: 16px;color: #333;height: 22px;line-height: 22px;overflow: hidden;}

.index5 .bottom .box .left:hover h3{color: #17684c;}

.index5 .bottom .box .left span{height: 46px;line-height: 46px;display: block;font-size: 14px;color: #999;}

.index5 .bottom .box .left p{font-size: 14px;line-height: 24px;color: #666;height: 48px;overflow: hidden;text-indent: 2em;}

.index5 .bottom .box .right{width: 640px;float: right;}

.index5 .bottom .box .right ul li{width: 100%;padding: 16px 0;box-sizing: border-box;border-bottom: 1px dashed #e5e5e5;}

.index5 .bottom .box .right ul li .zuo{width: 77px;float: left;}

.index5 .bottom .box .right ul li .zuo p{font-size: 57px;color: #ccc;line-height: 57px;height: 57px;}

.index5 .bottom .box .right ul li .zuo span{font-size: 14px;color: #ccc;line-height: 14px;margin-top: 15px;margin-left: 6px;}

.index5 .bottom .box .right ul li .you{width: 563px;float: left;}

.index5 .bottom .box .right ul li .you h3{font-size: 16px;color: #333;height: 18px;line-height: 18px;overflow: hidden;padding-left: 35px;box-sizing: border-box;position: relative;}

.index5 .bottom .box .right ul li .you h3:before{position: absolute;left: 0;top: 8px;width: 18px;height: 2px;background: #17684c;content: ' ';}

.index5 .bottom .box .right ul li .you p{line-height: 24px;height: 48px;font-size: 14px;color: #666;margin-top: 12px;padding-left: 35px;box-sizing: border-box;}

.index5 .bottom .box .right ul li:first-child{padding-top: 0;}

.index5 .bottom .box .right ul li:hover .you h3{color: #17684c;}

.index5 .ckgd{width: 100%;padding:60px 0;box-sizing: border-box;}

.index5 .ckgd a{width: 160px;height: 40px;border-radius: 15px;background: #e6ecec;color: #333;font-size: 18px;display: block;margin: 0 auto;text-align: center;line-height: 40px;box-shadow: 0px 2px 3px #ccc;transition: .5s all}

.index5 .ckgd a:hover{background: #17684c;color: #fff}

.fix_right {width: 65px;position: fixed;right: 10px;top: 60%;z-index: 999999;display: block;border-radius: 30px;}

.fix_right ul li {width: 65px;height: 49px;margin-bottom: 1px;transition: all 0.5s ease 0s;background: rgba(23, 104,76, .8);position: relative;text-align: center;line-height: 48px;}

.fix_right ul li:first-child {border-radius: 40px 40px 0 0}

.fix_right ul li:last-child {border-radius: 0 0 40px 40px}

.fix_right ul li img {display: inline-block;vertical-align: middle;}

.fix_right ul li .box {position: absolute;right: -100px;top: 0;transition: 1s all;z-index:-1;}

.fix_right ul li:nth-of-type(2) .box {right: -251px;width: 211px;height: 49px;background: rgba(23, 104,76, .8);z-index:100;}

.fix_right ul li:nth-of-type(2) .box img {margin-top: 16px;margin-left: 10px;display: block;float: left;}
.fix_right ul li:nth-of-type(2) .box{font-size: 18px;color: #fff}

.fix_right ul li:nth-of-type(2):hover .box {right: 0px;}

.fix_right ul li:nth-of-type(2):hover a img {display: none}

.fix_right ul li:nth-of-type(3) .box {width: 89px;}

.fix_right ul li:nth-of-type(3) .box img {display: block;width: 100%;}

.fix_right ul li .box img {margin: 0;}

.fix_right ul li:hover .box {right: 65px;}

.footer_{width: 100%;background: #175741;}

.footer{width: 1200px;margin: 0 auto;}

.footer .footer_top{padding: 60px 0 25px;box-sizing: border-box;}

.footer .footer_top .left{width: 50%;float:left;}

.footer .footer_top h4{font-size: 16px;color: #fff;line-height: 42px;}

.footer .footer_top .left .zuo{width: 200px;padding-left: 40px;box-sizing: border-box;float: left;}

.footer .footer_top .left .zuo a{line-height: 34px;font-size: 14px;color: #fff;display: block;}

.footer .footer_top .left .zuo a:hover{color: #e5f30f;}

.footer .footer_top .left .you{width: 400px;float: left;}

.footer .footer_top .left .you p{line-height: 34px;font-size: 14px;color: #fff;}

.footer .footer_top .left .you p span{width: 26px;display: inline-block;}

.footer .footer_top .left .you p img{vertical-align: middle;}

.footer .footer_top .right{width: 50%;float:left;}

.footer .footer_top .right .zuo{width: 400px;float: left;padding-left: 40px;box-sizing: border-box;}

.footer .footer_top .right .zuo form{padding-top: 7px;box-sizing: border-box;}

.footer .footer_top .right .zuo input{width: 270px;height: 32px;border: 0;padding: 0 10px;box-sizing: border-box;background: #fff;font-size: 14px;color: #666;margin-top: 9px;font-size: 14px;}

.footer .footer_top .right .zuo textarea{width: 270px;height: 50px;border: 0;padding:10px;box-sizing: border-box;background: #fff;font-size: 14px;color: #666;margin-top: 9px;font-size: 14px;}

.footer .footer_top .right .zuo button{margin-top: 16px;width: 270px;height: 44px;background: #f1df0b;border: 1px solid #f1df0b;box-sizing: border-box;font-size: 16px;color: #404040;font-weight: bold;}

.footer .footer_top .right .you{width: 200px;float: right;}

.footer .footer_top .right .you img{width: 161px;height: 161px;display: block;margin-top: 20px;}

.footer .footer_yqlj{width: 100%;padding: 10px 40px;box-sizing: border-box;line-height: 32px;}

.footer .footer_yqlj span{font-size: 16px;color: #ccc;}

.footer .footer_yqlj a{font-size: 14px;color: #ccc;margin-right: 10px;}

.footer .footer_yqlj a:hover{color: #17a787;}

.footer_ .footer_bottom{width: 100%;line-height: 80px;border-top: 1px solid #fff;height: 80px;overflow: hidden;}

.footer_ .footer_bottom .footer_bottom_{width: 1200px;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}

.footer_ .footer_bottom p{float: left;font-size: 14px;color: #fff;}

.footer_ .footer_bottom a{float: right;font-size: 14px;color: #fff;}





.yqe{width: 1600px;}

.dqwz_{width: 100%;height: 71px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}

.dqwz_ .dqwz{margin: 0 auto;text-align: right;line-height: 70px;font-size: 16px;color: #333;}

.dqwz_ .dqwz a{font-size: 20px;color: #333;}

.dqwz_ .dqwz img{vertical-align: middle;margin-top: -3px;margin-right: 8px;}



.news{margin: 35px auto 0;}

.news .left{width: 19%;float: left;}

.news .left h3{font-size: 40px;color: #333;line-height: 40px;height: 40px;padding-left: 14px;border-left: 3px solid #17684c;box-sizing: border-box;margin-bottom: 42px;font-weight: 400;}

.news .left a{display: inline-block;line-height: 52px;font-size: 20px;color: #333;width: 100%;}

.news .left a:hover{color: #1b6c50;}

.news .left a.act{color: #1b6c50;}



.news .right{width: 81%;float: left;}

.news .right .top{width: 100%;padding: 0 3px;box-sizing: border-box;}

.news .right .top .zuo{width: 40%;float: left;height: 300px;}

.news .right .top .you{width: 60%;float: left;padding: 12px 50px;box-sizing: border-box;background: #f6f7f8;}

.news .right .top .you h4{line-height: 35px;height: 35px;overflow: hidden;font-size: 16px;color: #333;}

.news .right .top .you span{line-height: 32px;height: 32px;overflow: hidden;font-size: 14px;color: #999;}

.news .right .top .you p{line-height: 24px;height: 72px;overflow: hidden;font-size: 14px;color: #666;margin: 30px 0;}

.news .right .top .you a{margin: 15px 0 32px;width: 148px;height: 30px;background: #17684c;font-size: 14px;color: #fff;text-align: center;line-height: 30px;display: inline-block;}

.news .right .bottom{width: 100%;margin-top: 35px;}

.news .right .bottom ul li{width: 33.333%;padding: 3px;box-sizing: border-box;float: left;}

.news .right .bottom ul li a{display: block;background: #f6f7f8;padding: 38px;box-sizing: border-box;}

.news .right .bottom ul li a h5{line-height: 30px;font-size: 18px;color: #333;height: 30px;overflow: hidden;font-weight: 500;}

.news .right .bottom ul li a span{width: 35px;height: 1px;display: block;background: #959595;margin: 14px 0 30px;}

.news .right .bottom ul li a p{line-height: 30px;height: 90px;font-size: 14px;color: #666;overflow: hidden;}

.news .right .bottom ul li a:hover{background: #1b6c50;}

.news .right .bottom ul li a:hover h5{color: #fff;}

.news .right .bottom ul li a:hover span{background: #fff;}

.news .right .bottom ul li a:hover p{color: #fff;}





.fenye{padding: 48px 0;box-sizing: border-box;text-align: center;}

.fenye a{padding: 8px 17px;font-size: 14px;color: #666;display: inline-block;border: 1px solid #cccccc;margin: 0 10px;}

.fenye a:hover{background: #17684c;color: #fff;border-color:#17684c ;}

.fenye a.act{background: #17684c;color: #fff;border-color:#17684c ;}



.news_xq{margin: 35px auto 0;}

.news_xq .left{width: 26%;float: left;margin-top: 6px;border-right: 1px dashed #ececec;padding-right: 84px;box-sizing: border-box;}

.news_xq .left .title{line-height: 50px;font-size: 24px;color: #333;}

.news_xq .left .title a{font-size: 24px;color: #333;}

.news_xq .left .title a span{width: 27px;height: 27px;border-radius: 50%;background: #217055;color: #fff;font-size: 24px;text-align: center;line-height: 26px;display: inline-block;}

.news_xq .left .list{width: 100%;margin-top: 20px;}

.news_xq .left .list div{line-height: 68px;font-size: 16px;color: #333;}

.news_xq .left .list ul li{padding: 25px 0;border-top: 1px dashed #e6e6e6;box-sizing: border-box;}

.news_xq .left .list ul li p{line-height: 25px;font-size: 16px;color: #333;height: 25px;overflow: hidden;}

.news_xq .left .list ul li span{line-height: 24px;font-size: 14px;color: #999;height: 24px;overflow: hidden;}

.news_xq .left .list ul li:hover p{color: #217055;}

.xtit{ text-align:center; font-size:24px;   width:100%; line-height:2}







.news_xq .right{width:74%;float: right;padding-left: 80px;box-sizing: border-box;}

.news_xq .right .title{width: 100%;}

.news_xq .right .title h4{text-align: center;line-height: 34px;height: 34px;overflow: hidden;font-size: 24px;color: #333;}

.news_xq .right .title p{text-align: center;line-height: 45px;height: 45px;overflow: hidden;font-size: 14px;color: #666;}

.news_xq .right .title p img{vertical-align: middle;margin: 0 10px;}

.news_xq .right .xiangq{padding: 14px 0 0 0;box-sizing: border-box;}

.news_xq .right .xiangq p{line-height: 28px;color: #666;font-size: 14px;text-indent: 2em;}

.news_xq .right .xiangq img{display: block;max-width: 100%;min-width: auto;margin: 20px auto;}

.news_xq .right .fanye{padding: 38px 0;box-sizing: border-box;}

.news_xq .right .fanye a{line-height: 38px;height: 38px;overflow: hidden;font-size: 16px;color: #333;display: block;}





.about{width: 100%;}

.about .about_one{margin: 0 auto;padding-bottom: 80px;box-sizing: border-box;}

.about .about_one .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.about .about_one .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.about .about_one .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.about .about_one .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}

.about .about_one .left{width: 45%;float: left;position: relative;}

.about .about_one .left img{display: block;width: 100%;position: relative;z-index: 100;}

.about .about_one .left .bor{position: absolute;width: 100%;height: 100%;left: 20px;top: 20px;border: 1px solid #149071;box-sizing: border-box;}

.about .about_one .right{width: 50%;float: right;padding-right: 60px;box-sizing: border-box;}

.about .about_one .right h5{line-height: 48px;font-size: 18px;color: #333;font-weight: bold;position: relative;}

.about .about_one .right h5:before{width: 110px;height: 1px;background: #17684c;content: ' ';position: absolute;bottom: -10px;}

.about .about_one .right p{margin-top: 25px;line-height: 28px;font-size: 14px;color: #666;text-indent: 2em;}



.about .about_two_{background: #f5f8fa;width: 100%;padding-bottom: 100px;box-sizing: border-box;}

.about .about_two{margin: 0 auto;}

.about .about_two .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.about .about_two .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.about .about_two .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.about .about_two .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}

.about .about_two .box{width: 1250px;margin: 0 auto;position: relative;}

.about .about_two .box .swiper-slide{padding-bottom: 3px;box-sizing: border-box; }

.about .about_two .box img{display: block;width: 100%;box-shadow:1px 1px 4px #cacaca;}

.about .about_two .box .swiper-button-next{width: 40px;height: 40px;border-radius: 50%;background: none;border: 1px solid #818181;color: #818181;font-size: 25px;text-align: center;line-height: 40px;right: -100px;}

.about .about_two .box .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;background: none;border: 1px solid #818181;color: #818181;font-size: 25px;text-align: center;line-height: 40px;left: -100px;}

.about .about_two .box .swiper-button-prev:hover{background: #17684c;color: #fff;border-color: #17684c;}

.about .about_two .box .swiper-button-next:hover{background: #17684c;color: #fff;border-color: #17684c;}



.about .about_three{margin: 0 auto;padding-bottom: 70px;box-sizing: border-box;}

.about .about_three .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.about .about_three .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.about .about_three .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.about .about_three .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}

.about .about_three .left{width: 55%;float: left;padding: 40px;background: #fff;box-sizing: border-box;box-shadow: 1px 1px 2px #666;}

.about .about_three .left h5{line-height: 38px;font-size: 24px;color: #333;}

.about .about_three .left span{display: block;margin: 14px 0;width: 50px;height: 1px;background: #356051;}

.about .about_three .left p{line-height: 36px;font-size: 16px;color: #333;}

.about .about_three .right{width:42%;float: right;height: 363px;padding: 8px;box-sizing: border-box;box-shadow: 1px 1px 2px #666;}

.about .about_three .right #allmap{width: 100%;height: 347px;}



.company{margin: 0 auto;padding-bottom: 30px;box-sizing: border-box;}



.company .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.company .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.company .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.company .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}


.company .title h1{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.company .title h1:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.company .title h1:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}



.company .bottom{width: 100%;}

.company .bottom ul li{margin-bottom: 40px;}

.company .bottom ul li .left{width: 50%;float: left;padding: 26px;box-sizing: border-box;}

.company .bottom ul li .left .box{width: 375px;background: #fff;padding: 40px 30px;box-sizing: border-box;}

.company .bottom ul li .left .box img{display: block;width: auto;}

.company .bottom ul li .left .box h5{line-height: 62px;font-size: 20px;color: #333;}

.company .bottom ul li .left .box span{width: 45px;height: 2px;display: block;margin: 4px 0 20px;background: #148490;}

.company .bottom ul li .left .box p{font-size: 14px;color: #525252;line-height: 24px;}

.company .bottom ul li .right{width: 50%;float: left;}

.company .bottom ul li .right .zuo{float: left;width: 50%;padding: 46px 46px 0;box-sizing: border-box;}

.company .bottom ul li .right .zuo img{display: block;width: auto;}

.company .bottom ul li .right .zuo h5{line-height: 62px;font-size: 20px;color: #333;}

.company .bottom ul li .right .zuo span{width: 45px;height: 2px;display: block;margin: 4px 0 20px;background: #148490;}

.company .bottom ul li .right .zuo p{font-size: 14px;color: #525252;line-height: 24px;}



.company .bottom ul li .right .you{float: left;width: 50%;position: relative;height: 359px;overflow: hidden;}

.company .bottom ul li .right .you img{display: block;position: absolute;height: 100%;}





.company .bottom ul li:nth-of-type(2n){width: 100%;background: #148490;}

.company .bottom ul li:nth-of-type(2n) .left{background: #fff;padding: 0;}

.company .bottom ul li:nth-of-type(2n) .left .zuo{float: left;width: 50%;padding: 46px 46px 0;box-sizing: border-box;background: #fff;}

.company .bottom ul li:nth-of-type(2n) .left .zuo img{display: block;width: auto;}

.company .bottom ul li:nth-of-type(2n) .left .zuo h5{line-height: 62px;font-size: 20px;color: #333;}

.company .bottom ul li:nth-of-type(2n) .left .zuo span{width: 45px;height: 2px;display: block;margin: 4px 0 20px;background: #148490;}

.company .bottom ul li:nth-of-type(2n) .left .zuo p{font-size: 14px;color: #525252;line-height: 24px;}

.company .bottom ul li:nth-of-type(2n) .left .you{float: left;width: 50%;position: relative;height: 359px;overflow: hidden;}

.company .bottom ul li:nth-of-type(2n) .left .you img{display: block;position: absolute;height: 100%;}

.company .bottom ul li:nth-of-type(2n) .right{padding: 60px 60px 0;box-sizing: border-box;}

.company .bottom ul li:nth-of-type(2n) .right img{display: block;width: auto;}

.company .bottom ul li:nth-of-type(2n) .right h5{line-height: 62px;font-size: 20px;color: #fff;}

.company .bottom ul li:nth-of-type(2n) .right span{width: 45px;height: 2px;display: block;margin: 4px 0 20px;background: #fff;}

.company .bottom ul li:nth-of-type(2n) .right p{font-size: 14px;color: #fff;line-height: 24px;}







.serve{width: 100%;}

.serve .serve_one_{width: 100%;background: #f6f7f8;padding-bottom: 90px;box-sizing: border-box;}

.serve .serve_one{width: 1000px;margin: 0 auto;}

.serve .serve_one .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.serve .serve_one .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.serve .serve_one .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.serve .serve_one .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}



.serve .serve_one .bottom{width: 100%;position: relative;}

.serve .serve_one .bottom .xian{position: absolute;left: 50%;top: 0;margin-left: -1px;width: 2px;background: #148490;height: 100%;}

.serve .serve_one .bottom ul{width: 100%;padding: 20px 0;box-sizing: border-box;}

.serve .serve_one .bottom ul li{width: 100%;position: relative;margin-bottom: 50px;}

.serve .serve_one .bottom ul li .left{width:50%;float: left;padding-right: 52px;text-align: right;line-height: 70px;font-size: 18px;color: #333;box-sizing:border-box ;}

.serve .serve_one .bottom ul li .left span{display: inline-block;width: 70px;height: 70px;background: #148490;border-radius: 50%;line-height: 70px;text-align: center;margin-right: 20px;}

.serve .serve_one .bottom ul li:before{width: 24px;height: 24px;background: url(../img/yuan.png);border-radius: 50%;box-sizing: border-box;content: ' ';position: absolute;left: 50%;margin-left: -12px;top: 24px;}

.serve .serve_one .bottom ul li .right{width: 50%;float: left;padding-left: 52px;box-sizing: border-box;}

.serve .serve_one .bottom ul li .right p{margin-top: 20px;line-height: 28px;color: #333;font-size: 14px;}

.serve .serve_one .bottom ul li:nth-of-type(2n) .left{text-align: left;padding-left: 52px;box-sizing: border-box;}

.serve .serve_one .bottom ul li:nth-of-type(2n) .right{text-align: left;padding-right: 52px;box-sizing: border-box;}

.serve .serve_one .bottom ul li:nth-of-type(2n) .right p{text-align: right;}





.serve .serve_two{padding-bottom: 20px;box-sizing: border-box;margin: 0 auto;}



.serve .serve_two .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.serve .serve_two .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.serve .serve_two .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.serve .serve_two .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}

.serve .serve_two .bottom{width: 100%;}

.serve .serve_two .bottom ul li{width: 15.833%;margin-right: 1%;padding: 8px;border:1px solid #f5f5f5;box-sizing: border-box;border-radius: 5px;cursor: pointer;float: left;margin-bottom: 40px;}

.serve .serve_two .bottom ul li:nth-of-type(6n){margin-right: 0;}

.serve .serve_two .bottom ul li div{width: 100%;border: 1px dashed #FFFFFF;box-sizing: border-box;padding-top: 20px;box-sizing: border-box;}

.serve .serve_two .bottom ul li div p{text-align: center;line-height: 64px;text-align: center;}

.serve .serve_two .bottom ul li div p img{vertical-align: middle;display: inline-block;}

.serve .serve_two .bottom ul li div p img:last-child{display: none;}

.serve .serve_two .bottom ul li div span{line-height: 58px;display: block;font-size: 20px;color: #333;text-align: center;}

.serve .serve_two .bottom ul li:hover{background: #148490;border-color: #148490;}

.serve .serve_two .bottom ul li:hover  img:last-child{display: inline-block;}

.serve .serve_two .bottom ul li:hover  img:first-child{display: none;}

.serve .serve_two .bottom ul li:hover span{color: #fff;}





.news .case ul li{width: 32%;float: left;margin-right: 2%;box-shadow: 1px 2px 2px #ccc;margin-bottom: 25px;}

.news .case ul li:nth-of-type(3n){margin-right: 0;}

.news .case ul li img{display: block;width: 100%;transition: .8s all;}

.news .case ul li .zi{height: 78px;line-height: 78px;padding: 0 10px;box-sizing: border-box;background: #f8f8f8;overflow: hidden;}

.news .case ul li .zi p{font-size: 20px;color: #333;display: inline-block;max-width: 70%;float: left;}

.news .case ul li .zi span{font-size: 16px;color: #333;float: left;}

.news .case .fenye{padding-top: 23px;}

.news .case ul li .img{overflow: hidden;}

.news .case ul li:hover img{transform: scale(1.2);}







.case_xq .left .title{font-size: 28px;color: #333;height: 40px;overflow: hidden;}



.case_xq .left .xmjj_list{margin-top: 15px;padding-bottom: 20px;border-bottom: 1px dashed #e9e9e9;box-sizing: border-box;}

.case_xq .left .xmjj_list div h4{font-size: 18px;color: #333;line-height: 30px;font-weight: bold;position: relative;z-index: 100;}

.case_xq .left .xmjj_list div h4:before{position: absolute;width: 114px;height: 1px;content: ' ';left: 0px;bottom: -4px;background:  #86ffe6;}

.case_xq .left .xmjj_list div p{margin-top: 8px;line-height: 28px;font-size: 14px;color: #59595d;max-height: 468px;overflow: hidden;}

.case_xq .left .xmjj_list ul li{width: 48%;float: left;padding-left: 15px;box-sizing: border-box;margin-top: 12px;}

.case_xq .left .xmjj_list ul li:nth-of-type(2n){float: right;}

.case_xq .left .xmjj_list ul li p{line-height: 42px;font-size: 16px;color: #148490;position: relative;font-weight: bold;}

.case_xq .left .xmjj_list ul li p:before{position: absolute;width: 4px;height: 4px;content: ' ';left: -15px;top: 20px;background:  #148490;}

.case_xq .left .xmjj_list ul li span{display: block;height: 15px;line-height: 14px;color: #8d8d8d;overflow: hidden;}



.case_xq .left .xgal_list{margin-top: 5px;padding-bottom:0px;box-sizing: border-box;}

.case_xq .left .xgal_list div h4{font-size: 18px;color: #333;line-height: 30px;font-weight: bold;position: relative;z-index: 100;}

.case_xq .left .xgal_list div h4:before{position: absolute;width: 114px;height: 1px;content: ' ';left: 0px;bottom:6px;background:  #86ffe6;}

.case_xq .left .xgal_list ul{margin-top: 20px;}

.case_xq .left .xgal_list ul li{width: 48%;float: left;}

.case_xq .left .xgal_list ul li:nth-of-type(2n){float: right;}

.case_xq .left .xgal_list ul li img{display: block;width: 100%;transition: .8s all;}

.case_xq .left .xgal_list ul li .zi{height: 50px;line-height: 50px;padding: 0 0px;box-sizing: border-box;overflow: hidden;}

.case_xq .left .xgal_list ul li .zi p{font-size: 16px;color: #333;display: inline-block;max-width: 70%;float: left;}

.case_xq .left .xgal_list ul li .zi span{font-size: 14px;color: #333;float: left;}

.case_xq .fix{position: fixed;top: 0px;z-index: 100;width: 416px;}

.footer_{position: relative;z-index: 100000;}
.case_xq .fix .box{padding-top:90px;box-sizing: border-box;transition: .5s all}








.cp_fw{width: 100%;}

.cp_fw .cp_fw_one{margin: 0 auto;padding-bottom: 0px;box-sizing: border-box;}

.cp_fw .cp_fw_one .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.cp_fw .cp_fw_one .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.cp_fw .cp_fw_one .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.cp_fw .cp_fw_one .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}

.cp_fw .cp_fw_one .box{position: relative;}

.cp_fw .cp_fw_one .box .top{width: 100%;}

.cp_fw .cp_fw_one .box .top img{display: block;width: 100%;}

.cp_fw .cp_fw_one .box .zi{width: 740px;margin-left: 130px;padding: 60px 0 90px;}

.cp_fw .cp_fw_one .box .zi h1{font-size: ;line-height: 58px;height: 58px;overflow: hidden;font-size: 36px;color: #333;font-weight: 400;}

.cp_fw .cp_fw_one .box .zi span{width: 74px;height: 2px;margin: 28px 0 40px;display: block;background: #148490;}

.cp_fw .cp_fw_one .box .zi p{line-height: 28px;height: 56px;font-size: 14px;color: #5d5d5d;}



.cp_fw .cp_fw_one .box .po_box{width: 280px;height: 360px;position: absolute;right: 170px;top: 180px;background: #1b6c50;z-index: 1000;padding: 50px 0;box-sizing: border-box;}

.cp_fw .cp_fw_one .box .po_box h1{margin-top: 30px;line-height: 42px;font-size: 24px;color: #fff;text-align: center;}

.cp_fw .cp_fw_one .box .po_box i{width: 24px;height: 4px;border-radius: 2px;background: #fff;display: block;margin: 20px auto;}

.cp_fw .cp_fw_one .box .po_box p{line-height: 44px;text-align: center;font-size: 24px;color: #fff;}

.cp_fw .cp_fw_one .box .po_box .nepr{width: 100%;height: 30px;position: relative;width: 40%;margin:70px auto 0;text-align: center;color: #fff;}

.cp_fw .cp_fw_one .box .po_box .nepr div{background: none;font-size: 14px;color: #fff;text-align: center;}
.cp_fw .cp_fw_one .box .po_box .swiper-button-next, .swiper-button-prev{}
.cp_fw .cp_fw_one .box .po_box .swiper-button-next{right: -20px;font-size: 38px!important;margin-top: -32px;line-height: 44px}
.cp_fw .cp_fw_one .box .po_box .swiper-button-prev{left: -20px;font-size: 38px!important;margin-top: -32px;line-height: 44px}


.cp_fw .cp_fw_two_{background: #333333;width: 100%;}

.cp_fw .cp_fw_two{margin: 0 auto;padding-bottom: 0px;box-sizing: border-box;}

.cp_fw .cp_fw_two .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.cp_fw .cp_fw_two .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #fff;line-height: 40px;font-weight: 100;font-weight: bold;}

.cp_fw .cp_fw_two .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.cp_fw .cp_fw_two .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}



.cp_fw .cp_fw_two .box{padding-bottom: 60px;position: relative;}

.cp_fw .cp_fw_two .box .swiper-slide{background: ;}

.cp_fw .cp_fw_two .box .zi{padding: 30px 56px;height: 242px;box-sizing: border-box;}

.cp_fw .cp_fw_two .box .zi h1{font-size: 25px;color: #333;line-height: 52px;height: 52px;overflow: hidden;display: none;}

.cp_fw .cp_fw_two .box .zi span{width: 50px;height: 2px;margin: 16px 0;display: block;background: #17684c;display: none;}

.cp_fw .cp_fw_two .box .zi p{line-height: 24px;height: 96px;overflow: hidden;font-size: 14px;color: #525252;display: none;}





.cp_fw .cp_fw_two .box  .img{margin-bottom: 90px;width: 100%;margin-left: 60px;position: relative;}

.cp_fw .cp_fw_two .box  .img img{width: 100%;display: block;}

.cp_fw .cp_fw_two .box  .img div{position: absolute;left: 0;top: 0;background: rgba(0,0,0,.8);width: 100%;height: 100%;}

.cp_fw .cp_fw_two .box .swiper-slide-active{background: #fff}

.cp_fw .cp_fw_two .box .swiper-slide-active .zi{background: #fff;}

.cp_fw .cp_fw_two .box .swiper-slide-active .zi h1{display: block;}

.cp_fw .cp_fw_two .box .swiper-slide-active .zi span{display: block;}

.cp_fw .cp_fw_two .box .swiper-slide-active .zi p{display: block;}

.cp_fw .cp_fw_two .box .swiper-slide-active .img div{display: none;}



.cp_fw .cp_fw_two .box .po_box{position: absolute;width: 120px;left: 68%;bottom: 55px;height: 44px;line-height: 44px;}

.cp_fw .cp_fw_two .box .po_box div{background: none;font-size: 14px;color: #fff;text-align: center;line-height: 32px;}

.cp_fw .cp_fw_two .box .po_box div img{vertical-align: middle;}



.swiper-button-next{z-index: 1000000000;}






.cp_fw .cp_fw_three{margin: 0 auto;padding-bottom: 0px;box-sizing: border-box;}

.cp_fw .cp_fw_three .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.cp_fw .cp_fw_three .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.cp_fw .cp_fw_three .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.cp_fw .cp_fw_three .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}





.cp_fw .cp_fw_three .box{padding-bottom: 60px;box-sizing: border-box;}

.cp_fw .cp_fw_three .box ul li{width: 19%;float: left;margin-right: 1.25%;border: 1px solid #2f2f2f;padding: 16px 14px;box-sizing: border-box;position: relative;cursor: pointer;}

.cp_fw .cp_fw_three .box ul li:nth-of-type(5n){margin-right: 0;}

.cp_fw .cp_fw_three .box ul li o{width: 76px;height: 40px;position: absolute;display: block;top: -40px;left: 50%;margin-left: -36px;background: #fff;font-size: 66px;color: #000;text-align: center;line-height: 90px;font-weight: bold;}

.cp_fw .cp_fw_three .box ul li .hui{background: #e8e8e8;width: 100%;padding: 44px 0 30px;box-sizing: border-box;}

.cp_fw .cp_fw_three .box ul li .hui span{width: 33px;height: 4px;margin: 0 auto 44px;display: block;background: #2f2f2f;}

.cp_fw .cp_fw_three .box ul li .hui h1{line-height: 32px;margin-top: 10px;height: 32px;overflow: hidden;font-size: 24px;color: #000;text-align: center;}

.cp_fw .cp_fw_three .box ul li .hui p{line-height: 30px;height: 30px;font-size: 20px;color: #9a9a98;font-weight: bold;text-align: center;}

.cp_fw .cp_fw_three .box ul li .hui  img{height: 56px;display: block;margin: 70px auto 0px;}

.cp_fw .cp_fw_three .box ul li .hui .img1{display: block;}

.cp_fw .cp_fw_three .box ul li .hui .img2{display: none;}

.cp_fw .cp_fw_three .box ul li:hover .hui h1{color: #1b6c50;}

.cp_fw .cp_fw_three .box ul li:hover .hui p{color: #1b6c50;}

.cp_fw .cp_fw_three .box ul li:hover .hui .img1{display: none;}

.cp_fw .cp_fw_three .box ul li:hover .hui .img2{display: block;}







.cp_fw .cp_fw_four_{background: #f5f8fa;margin-bottom: 34px;}

.cp_fw .cp_fw_four{margin: 0 auto;padding-bottom: 0px;box-sizing: border-box;}

.cp_fw .cp_fw_four .title{width: 100%;padding: 60px 0;box-sizing: border-box;}

.cp_fw .cp_fw_four .title h4{margin-bottom: 20px;text-align: center;position: relative;font-size: 38px;color: #000;line-height: 40px;font-weight: 100;font-weight: bold;}

.cp_fw .cp_fw_four .title h4:before{content: ' ';width: 78px;position: absolute;left: 50%;bottom: -20px;height: 1px;margin-left: -39px;background: #dcdcdc;}

.cp_fw .cp_fw_four .title h4:after{content: ' ';width: 20px;height: 3px;background: #17684c;margin-left: -10px;left: 50%;position: absolute;bottom: -21px;z-index: 100;}



.cp_fw .cp_fw_four .box{padding-bottom: 80px;box-sizing: border-box;}

.cp_fw .cp_fw_four .box ul li{width: 21%;float: left;}

.cp_fw .cp_fw_four .box ul li:nth-of-type(5){width: 16%;}



.cp_fw .cp_fw_four .box ul li:nth-of-type(5) .left{width: 100%;float: none;}

.cp_fw .cp_fw_four .box ul li .left{width: 70%;float: left;}

.cp_fw .cp_fw_four .box ul li .right{width: 30%;float: right;}

.cp_fw .cp_fw_four .box ul li img{display: block;max-width: 100%;min-width: auto;margin: 0 auto;}



.cp_fw .cp_fw_four .box ul li .right img{margin-top: 78px;}



















@media only screen and (max-width:1680px) {

	.header{padding: 0 30px;}

}

@media only screen and (max-width:1640px) {

	.yqe{width: 1200px;}

	.case_xq .fix{position: fixed;top: 0;z-index: 100;width:312px;}

	

	

}

@media only screen and (max-width:1440px) {

	

	.header .right .nav ul li{padding: 0 18px;}

	.header .right .nav ul li a{font-size: 14px;}

	.index3 ul li .right{}

	.index3 ul li .right img{width: 38px;margin: 45px auto 0;display: block;float: none;}

	.news .right .bottom ul li a{padding: 28px;}

	.news .left h3{line-height: 34px;font-size: 34px;height: 34px;}

	.news_xq .left{padding-right: 50px;}

	.news_xq .right{padding-left: 50px;}

	.about .about_two .box{width: 1150px;margin: 0 auto;position: relative;}

	.about .about_two .box .swiper-button-next{width: 40px;height: 40px;border-radius: 50%;background: none;border: 1px solid #818181;color: #818181;font-size: 25px;text-align: center;line-height: 40px;right: -50px;}

	.about .about_two .box .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;background: none;border: 1px solid #818181;color: #818181;font-size: 25px;text-align: center;line-height: 40px;left: -50px;}

	.about .about_one .title{padding: 40px 0;}

	.about .about_one{padding-bottom: 50px;}

	.about .about_two .title{padding: 40px 0;}

	.about .about_two_{padding-bottom: 60px;}

	.about .about_three .title{padding: 40px 0;}

	.about .about_one .right p{margin-top: 8px;}

	.about .about_one .right h5:before{bottom: 1px;}

	.about .about_one .right p{line-height: 24px;}

	

	.company .title{padding: 40px 0;}

	.company .bottom ul li .right .zuo{padding: 26px 26px 0;}

	.company .bottom ul li:nth-of-type(2n) .left .zuo{padding: 26px 26px 0;}

	.serve .serve_one .title{padding: 40px 0;}

	.serve .serve_two .title{padding: 40px 0;}

	.case_xq .left .title{line-height: 38px;font-size: 22px;height: 38px;}

	.case_xq .left .xmjj_list{margin-top: 0px;padding-bottom: 20px;}

	.case_xq .left .xmjj_list div p{line-height: 24px;max-height: 496px;}

	.case_xq .left .xmjj_list ul li p{line-height: 30px;}

	.case_xq .left .xmjj_list ul li p:before{top: 12px;}

	.case_xq .left .xmjj_list ul li{margin-top: 8px;}

	.case_xq .left .xgal_list{margin-top: 5px;}

	.case_xq .left .xgal_list ul{margin-top: 5px;}

	.cp_fw .cp_fw_one .title{padding: 40px 0;}

	.cp_fw .cp_fw_two .title{padding: 40px 0;}

	.cp_fw .cp_fw_three .title{padding-top: 40px;}

	.cp_fw .cp_fw_four .title{padding: 40px 0;}

	.cp_fw .cp_fw_one .box .po_box{width: 240px;right: 30px;top: 100px;}

	

	.cp_fw .cp_fw_four .box ul li:nth-of-type(5) .left{width: 93%;}

	.cp_fw .cp_fw_one .box .zi { width: 740px; margin-left: 100px;padding: 30px 0 40px;}

	.case_xq .left .xgal_list ul li .zi p{font-size: 15px;color: #333;display: inline-block;max-width: 60%;float: left;}

	.case_xq .left .xgal_list ul li .zi span{font-size: 13px;color: #333;float: left;}

}



@media only screen and (max-width:1366px) {

	.header .right .tel{padding-left: 8px;}

	.case_xq .fix{position: fixed;top: 0;width: 348px;z-index: 100;}

	.case_xq .left .xgal_list{display: none}

}



@media only screen and (max-width:1300px) {

	.header{padding: 0 16px;}

	.header .right .nav ul li{padding: 0 15px;}

}