@charset "utf-8";
/* CSS Document */
.banner{margin-top: 100px;}
.banner .swiper-slide{position: relative;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{padding-top: 8%;position: absolute;left: 0;top: 0;right: 0;}
.banner .swiper-slide .title .txtyi h2{font-size: 60px;transition: all 0.6s;}
.banner .swiper-slide .title .txtyi p{font-size: 30px;transition: all 0.6s;}
.banner .swiper-slide .title .txter{padding-top: 5%;}
.banner .swiper-slide .title .txter h2{font-size: 30px;}
.banner .swiper-slide .title .txter p{font-size: 19px;}
.banner .swiper-slide .yi{color: #fff;}
.banner .swiper-pagination-bullets{bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #000;opacity: 0.1;border-radius: 0px;border-radius: 10px;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #25c400;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 40px;color: #25c400;}


.dyip{padding:70px 12%;}
.dyip .title{text-align: center;width:360px;margin:0 auto;position:relative;}
.dyip .title h2{text-transform:uppercase;font-size: 33px;font-weight: bold;}
.dyip .title em{font-family: 'Conv_BebasNeue-Regular';color:#25c400;font-weight: bold;}
.dyip .title i{width:6px;height:6px;background:#25c400;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.dyip .title .byi{width:17px;background: url(../images/pic20.png) no-repeat left top;height:17px;position:absolute;left:0px;top:0px;background-size: cover;}
.dyip .title .ber{width:17px;background: url(../images/pic20_1.png) no-repeat right bottom;height:17px;position:absolute;right:0px;bottom:0px;background-size: cover;}
.dyip .txt{text-align: center;margin-top: 30px;color: #666;}
.dyip ul{margin-left: -2%;margin-top: 40px;}
.dyip li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;box-shadow: 0 0 5px rgba(102,102,102,0.1);}
.dyip li img{width: 100%;}
.dyip li h2{text-align: center;font-size: 20px;height: 80px;line-height: 80px;border-top:1px solid #EEE;position: relative;}
.dyip li h2 a{display: block;position: relative;z-index: 100;transition: all 0.5s ease-in-out;}
.dyip li:hover h2 a{display: block;text-decoration: none;color: #FFF;}
.dyip li h2:after{content: "";background:#25c400;height: 80px;width: 0%;display: block;position: absolute;left: 0px;top: 0px;transition: all 0.5s ease-in-out;}
.dyip li:hover h2:after{width: 100%;}

.derp{padding:70px 12%;}
.derp .title{text-align: center;width:320px;margin:0 auto;position:relative;}
.derp .title h2{text-transform:uppercase;font-size: 33px;font-weight: bold;color: #FFF;}
.derp .title em{font-family: 'Conv_BebasNeue-Regular';color:#FFF;font-weight: bold;}
.derp .title i{width:6px;height:6px;background:#FFF;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.derp .title .byi{width:17px;background: url(../images/pic21.png) no-repeat left top;height:17px;position:absolute;left:0px;top:0px;background-size: cover;}
.derp .title .ber{width:17px;background: url(../images/pic21_1.png) no-repeat right bottom;height:17px;position:absolute;right:0px;bottom:0px;background-size: cover;}
.derp .titleer{text-align: center;margin-top: 30px;}
.derp .titleer ul{font-size: 0px;margin-top: 20px;}
.derp .titleer li{display: inline-block;text-align: center;font-size: 16px;padding:0 20px;color: #FFF;}
.derp .box{margin-top: 40px;}
.derp .box ul{margin-left: -2%;}
.derp .box li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;position: relative;overflow: hidden;}
.derp .box li img{width: 100%;transition: all 0.5s ease-in-out;}
.derp .box li:hover img{width: 100%;transform: scale(1.2);}
.derp .box li h2{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;font-size: 20px;visibility: hidden;opacity: 0;transition: all 0.5s ease-in-out;color: #FFF;background: rgba(0,0,0,0.5);text-align: center;box-sizing: border-box;padding:0 15px;}
.derp .box li:hover h2{visibility: visible;opacity: 1;}
.derp .box li:hover a{text-decoration: none;}
.derp .more{width: 300px;line-height: 50px;height: 50px;border:1px solid #FFF;text-align: center;margin:0 auto;font-size: 18px;}
.derp .more a{display: block;color:#FFF;}
.derp .more a:hover{display: block;color:#FFF;text-decoration: none;}

.dsanp{padding:70px 12% 180px 12%;background: url(../images/pic64.png) no-repeat left bottom;margin-bottom: 50px;}
.dsanp .title{text-align: center;width:350px;position:relative;}
.dsanp .title h2{text-transform:uppercase;font-size: 33px;font-weight: bold;}
.dsanp .title em{font-family: 'Conv_BebasNeue-Regular';color:#25c400;}
.dsanp .title i{width:6px;height:6px;background:#25c400;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.dsanp .title .byi{width:17px;background: url(../images/pic20.png) no-repeat left top;height:17px;position:absolute;left:0px;top:0px;background-size: cover;}
.dsanp .title .ber{width:17px;background: url(../images/pic20_1.png) no-repeat right bottom;height:17px;position:absolute;right:0px;bottom:0px;background-size: cover;}
.dsanp .box{position: relative;}
.dsanp .hd{position: absolute;left: 0px;top: 80px;width: 40%;}
.dsanp .hd ul{margin-left: -2%;margin-top: 30px;}
.dsanp .hd li{cursor: pointer;width: 48%;height: 40px;line-height: 40px;text-align: center;border:1px solid #CCC;float: left;margin-left: 2%;margin-bottom: 15px;border-radius: 50px;box-sizing: border-box;}
.dsanp .hd li h2{font-weight: bold;font-size: 18px;padding-bottom: 10px;}
.dsanp .hd li p{line-height: 24px;}
.dsanp .hd li.on{color: #25c400;border:1px solid #25c400;}
.dsanp .bd .txt{width: 40%;margin-top: 150px;float: left;}
.dsanp .bd .txt h2{font-size: 22px;color: #25c400;}
.dsanp .bd .txt .xian{width: 50px;height: 2px;background: #CCC;margin-top: 20px;}
.dsanp .bd .txt p{margin-top: 20px;line-height: 24px;font-size: 15px;}
.dsanp .bd .txt .more{margin-top: 20px;line-height: 30px;}
.dsanp .bd .txt .more a{color: #25c400;}
.dsanp .bd .txt .more a:hover{color: #25c400;text-decoration: none;}
.dsanp .bd .pic{position: relative;width: 53%;float: right;}
.dsanp .bd .pic .tu{position: absolute;right: 30px;top: 30px;width: 100%;z-index: 100;}
.dsanp .bd .pic .bg{position: absolute;right: 0px;top: 0px;width: 100%;}
.dsanp .bd .pic video{width: 700px;height: 464px;position: absolute;left: 0px;top: 0px;}

.dsip{padding:70px 12%;background: url(../images/pic22.jpg) repeat;}
.dsip .title{text-align: center;width:280px;margin:0 auto;position:relative;}
.dsip .title h2{text-transform:uppercase;font-size: 33px;font-weight: bold;}
.dsip .title em{font-family: 'Conv_BebasNeue-Regular';color:#25c400;font-weight: bold;}
.dsip .title i{width:6px;height:6px;background:#25c400;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.dsip .title .byi{width:17px;background: url(../images/pic20.png) no-repeat left top;height:17px;position:absolute;left:0px;top:0px;background-size: cover;}
.dsip .title .ber{width:17px;background: url(../images/pic20_1.png) no-repeat right bottom;height:17px;position:absolute;right:0px;bottom:0px;background-size: cover;}
.dsip .box{margin-top: 40px;}
.dsip .box .left{width: 49%;position: relative;float: left;}
.dsip .box .left .pic{height: 535px;}
.dsip .box .left .pic img{width: 100%;height: 535px;}
.dsip .box .left h2{position: absolute;left: 0px;bottom: 0px;right: 0px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);font-weight: bold;color: #FFF;overflow: hidden;}
.dsip .box .left h2 a{display: block;color: #FFF;}
.dsip .box .left h2 a:hover{display: block;color: #FFF;text-decoration: none;}
.dsip .box .right{float: right;width: 49%;}
.dsip .box .right li{background: #F5F5F5;margin-bottom: 11px;padding:20px 15px;transition: all 0.3s;}
.dsip .box .right li:hover{background: #25c400;}
.dsip .box .right li .riqi{width: 100px;text-align: center;float: left;color:#25c400;border-right: 1px solid #DDD;padding:10px 0;}
.dsip .box .right li:hover .riqi{color:#FFF;}
.dsip .box .right li .riqi p{font-size: 30px;}
.dsip .box .right li .riqi .qi{margin-top: 10px;}
.dsip .box .right li .txt{margin-left: 130px;}
.dsip .box .right li .txt h2{font-size: 16px;font-weight: bold;}
.dsip .box .right li:hover .txt h2 a{color: #FFF;text-decoration: none;}
.dsip .box .right li .txt p{color: #999;line-height: 30px;margin-top: 10px;}
.dsip .box .right li:hover .txt p{color: #FFF;}

.ny_banner{margin-top: 100px;}
.ny_banner img{width: 100%;}


.subnav{background: #f5f5f5;}
.subnav ul{text-align: center;font-size: 0px;}
.subnav li{font-size: 16px;height: 60px;line-height: 60px;display: inline-block;}
.subnav li a{display: block;padding:0 30px;}
.subnav li a:hover{display: block;text-decoration: none;}
.subnav li a.current{background: #25c400;color: #FFF;}

.con{padding:70px 12%;}

.titleer{text-align: center;font-size: 30px;margin-bottom: 40px;}

.con .about{line-height: 30px;}
.con .about p{margin-bottom: 20px;}
.con .about img{max-width: 100%;}

.con .wenhua{line-height: 30px;text-align: center;}
.con .wenhua p{margin-top: 20px;}
.con .wenhua img{max-width: 100%;}

.shebei ul{margin-left: -2%;}
.shebei li{float: left;width: 23%;margin-left: 2%;margin-bottom: 2%;position: relative;overflow: hidden;text-align: center;box-sizing: border-box;border:1px solid #DDD;}
.shebei li img{width: 100%;transition: all 0.5s ease-in-out;}
.shebei li h2{line-height: 50px;}

.kehu .list{margin-bottom: 20px;}
.kehu .list h2{float: left;width: 150px;height: 50px;line-height: 50px;text-align: center;background: #25c400;color: #FFF;}
.kehu dl{margin-left: 170px;}
.kehu dd{float: left;margin-right: 20px;}

.products ul{margin-left: -2%;}
.products li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;box-shadow: 0 0 5px rgba(102,102,102,0.1);}
.products li img{width: 100%;}
.products li h2{text-align: center;font-size: 20px;height: 80px;line-height: 80px;border-top:1px solid #EEE;position: relative;}
.products li h2 a{display: block;position: relative;z-index: 100;transition: all 0.5s ease-in-out;}
.products li:hover h2 a{display: block;text-decoration: none;color: #FFF;}
.products li h2:after{content: "";background:#25c400;height: 80px;width: 0%;display: block;position: absolute;left: 0px;top: 0px;transition: all 0.5s ease-in-out;}
.products li:hover h2:after{width: 100%;}

.meiti_dt{width:40%;float:left;}
.product_t_r{ float:right; width:57%;}
.product_t_r h2{ font-size:20px;font-weight: normal;border-bottom: 1px solid #EEE;line-height: 60px;color: #25c400;}
.product_t_r .lb{padding-top: 10px;color: #777;font-size: 14px;border-bottom: 1px solid #EEE;padding-bottom: 10px;}
.product_t_r .lb a{color: #777;}
.product_t_r h3{ font-size:16px; line-height:30px; padding-top:20px;font-weight: bold;}
.product_t_r .txt{ padding-bottom:10px;line-height: 24px;color: #666;font-size: 14px;margin-top: 10px;}
.product_t_r .txt strong{color: #333;}

.product_b{margin-top: 50px;}
.product_b h2{background: #F5F5F5;height: 60px;line-height: 60px;text-align: center;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;font-weight: bold;}
.product_b img{max-width: 100%;}

.service ul{margin-left: -2%;}
.service li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;position: relative;overflow: hidden;}
.service li img{width: 100%;transition: all 0.5s ease-in-out;}
.service li:hover img{width: 100%;transform: scale(1.2);}
.service li h2{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;font-size: 20px;visibility: hidden;opacity: 0;transition: all 0.5s ease-in-out;color: #FFF;background: rgba(0,0,0,0.5);text-align: center;box-sizing: border-box;padding:0 15px;}
.service li:hover h2{visibility: visible;opacity: 1;}
.service li:hover a{text-decoration: none;}
.service .more{width: 300px;line-height: 50px;height: 50px;border:1px solid #FFF;text-align: center;margin:0 auto;font-size: 18px;}
.service .more a{display: block;color:#FFF;}
.service .more a:hover{display: block;color:#FFF;text-decoration: none;}

.news li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #DDD;}
.news li .pic{float: left;width: 400px;overflow: hidden;}
.news li .pic img{width: 100%;transition: all 0.3s;}
.news li:hover .pic img{transform: scale(1.2);}
.news li .title_er{margin-left: 430px;}
.news li .title_er h2{font-size: 20px;}
.news li .title_er h2 span{float: right;font-size: 14px;color: #999;}
.news li .title_er .txt{margin-top: 20px;line-height: 24px;color: #999;height: 48px;overflow: hidden;}
.news li .title_er .more{margin-top: 20px;}

.news_con .title{border-bottom: 1px solid #EEE;padding-bottom: 10px;text-align: center;}
.news_con .title h2{font-size: 24px;padding-bottom: 10px;}
.news_con .title p{line-height: 30px;font-size: 14px;color: #666;}
.news_con .title p span{padding:0 10px;}
.news_con .box{padding: 30px 0;line-height: 30px;}
.news_con .box p{padding-bottom: 20px;}
.news_con .box img{max-width: 100%;}

.fenye{margin-top: 30px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 16px;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #CCC;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #25c400;background: #25c400;}
.fenye li.current a{color: #FFF;}

.sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;padding: 10px 0;}
.sxy span{padding-left: 20px;}
.sxy ul{float: left;font-size: 14px;}
.sxy .fanhui{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #333;margin-top: 5px;}
.sxy .fanhui a{color: #FFF;display: block;}
.sxy .fanhui a:hover{color: #FFF;display: block;text-decoration: none;}

.con .contact{line-height: 30px;background: #25c400;}
.con .contact h2{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding:30px;color: #FFF;}
#map_container{ height:500px;width: 60%;float: right;}

.liuyan{margin-top: 50px;}
.liuyan .title{font-size: 30px;}
.liuyan ul{margin-left: -2%;}
.liuyan li{ width:48%; margin-bottom: 10px;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li p span{color: #cde18f;}
.liuyan li .input_txt{ width:100%; height:40px; border:1px solid #EEE; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:1px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .textarea p span{color: #cde18f;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{ width:150px; height:50px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#FFF; background:#25c400;cursor: pointer;outline: medium;font-size: 18px;}