@charset "utf-8";
/* CSS Document */
.banner{margin-top: 140px;}
.banner .swiper-slide{position: relative;text-align: center;overflow: hidden;}
.banner .swiper-slide img{width: 100%;transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transition-delay:0.4s !important;}
.banner .swiper-slide-active img{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transition:all 3.0s linear; -moz-transition:all 3.0s linear; -ms-transition:all 3.0s linear; -o-transition:all 3.0s linear; transition:all 3.0s linear;}
.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 7px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 0.5;background: #FFF;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #2ecb32;}
.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;color: #FFF;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: 40px;color: #FFF;}

.dyip{padding-bottom:70px;background: #F5F5F5;}
.dyip .title{text-align: center;font-size: 36px;font-weight: bold;color: #2ecb32;}
.dyip .hd{background: #FFF;padding: 0 15%;}
.dyip .hd ul{text-align: center;font-size: 0px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.dyip .hd li{font-size: 16px;cursor: pointer;border-top: 3px solid #FFF;display: flex;align-items: center;justify-content: center;flex-flow: column;width: 14.2%;padding: 20px 0;}
.dyip .hd li img{width: 50px;}
.dyip .hd li p{padding-top: 10px;}
.dyip .hd li.on{background: #F5F5F5;color: #2ecb32;border-top: 3px solid #2ecb32;}
.dyip .bd{margin: 50px 15% 0 15%;}
.dyip .bd .swiper-slide{text-align: center;position: relative;}
.dyip .bd .swiper-slide .pic{overflow: hidden;}
.dyip .bd .swiper-slide figure{padding-bottom: 100%;}
.dyip .bd .swiper-slide p{font-size: 16px;line-height: 50px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 20px;}
.dyip .bd .swiper-slide a{color: #333;background: #FFF;display: block;}
.dyip .bd .swiper-slide a:hover{text-decoration: none;color: #FFF;background: #2ecb32;}

.derp{display: flex;align-items: center;justify-content: space-between;padding: 3% 15%;flex-wrap: wrap;}
.derp .left{width: 50%;}
.derp .title{font-size: 30px;font-weight: bold;color: #2ecb32;}
.derp .left h3{margin-top: 30px;font-size: 18px;}
.derp .left .xian{width: 80px;height: 3px;background: #CCC;margin-top: 20px;}
.derp .txt{line-height: 24px;margin-top: 30px;}
.derp .txt p{padding-top: 10px;}
.derp .left .more{width: 120px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #CCC;margin-top: 30px;}
.derp .right{width: 45%;}
.derp .right video{width: 100%;height: 400px;object-fit: cover;background-position: center;border-radius: .1rem;overflow: hidden;position: relative;}

.dsanp{padding: 3% 15%;}
.dsanp .title{font-size: 30px;font-weight: bold;text-align: center;}
.dsanp .box{margin-top: 30px;}
.dsanp .left{width: 48%;float: left;box-sizing: border-box;border-bottom: 2px solid #2ecb32;}
.dsanp .left figure{padding-bottom: 60%;}
.dsanp .left img{width: 100%;}
.dsanp .left .txt{padding: 20px 0;}
.dsanp .left .txt h2{font-size: 18px;font-weight: bold;}
.dsanp .left .txt h2 a{color: #2ecb32;}
.dsanp .left .txt span{margin-top: 10px;display: block;font-style:italic;color: #999;}
.dsanp .left .txt p{margin-top: 10px;line-height: 24px;}
.dsanp .left a:hover{text-decoration: none;}
.dsanp ul{width: 48%;float: right;}
.dsanp ul:after{display: none;}
.dsanp li{padding: 20px 0;border-bottom: 1px solid #ebebeb;}
.dsanp li:last-child{border-bottom: none;}
.dsanp li .riqi{float: right;width: 20%;box-sizing: border-box;border: 1px solid #CCC;text-align: center;padding: .1rem 0;transition: all 0.3s;}
.dsanp li:hover .riqi{background: #2ecb32;color: #FFF;}
.dsanp li .riqi p:nth-of-type(1){font-size: .3rem;}
.dsanp li h2{font-size: 18px;}
.dsanp li:hover h2 a{text-decoration: none;color: #2ecb32;}
.dsanp li .txt{line-height: 24px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;margin-top: 10px;color: #999;}
.dsanp li p{margin-top: .1rem;line-height: 1.6;color: #999;font-style:italic;text-align: right;}

.dsip{text-align: center;padding:70px 15%;background: url(../images/pic21.jpg) no-repeat center;background-size: cover;}
.dsip .title{text-align: center;position: relative;font-size: 30px;font-weight: bold;color: #FFF;}
.dsip .swiper-father{position: relative;}
.dsip .index_solutions{margin-top: 30px;}
.dsip .index_solutions .swiper-slide{position: relative;text-align: center;transform: scale(0.8);transition: 300ms;}
.dsip .index_solutions .swiper-slide-active{transform: scale(1);}
.dsip .index_solutions .swiper-slide img{width: 100%;}
.dsip .index_solutions .swiper-slide:hover figure img{transform: scale(1.2);}
.dsip .index_solutions .swiper-slide .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;color: #FFF;z-index: 100;padding: .1rem 0;transition: all .3s;display: flex;align-items: center;justify-content: center;flex-flow: column;}
.dsip .index_solutions .swiper-slide:hover .txt{padding: 20px 0;}
.dsip .index_solutions .swiper-slide .txt h2{margin-top: .1rem;font-size: 20px;}
.dsip .index_solutions .swiper-slide a:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,.3);transition: all .3s;}
.dsip .index_solutions .swiper-button-next,.dsip .index_solutions .swiper-button-prev{width: 40px;height: 40px;background: #2ecb32;color: #FFF;margin-top: -20px;}
.dsip .index_solutions .swiper-button-next:after,.dsip .index_solutions .swiper-button-prev:after{font-size: 16px;}

.dwup{padding:70px 15%;background: #F5F5F5;}
.dwup .title{text-align: center;font-size: 30px;font-weight: bold;}
.dwup ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-wrap: wrap;margin-top: 30px;}
.dwup li{width: 18%;margin-bottom: 2%;}
.dwup li img{width: 100%;}
.dwup li:last-child:nth-child(5n+1) {margin-right: calc((100% - 18%) / 4 * 4);}
.dwup li:last-child:nth-child(5n+2) {margin-right: calc((100% - 18%) / 4 * 3);}
.dwup li:last-child:nth-child(5n+3) {margin-right: calc((100% - 18%) / 4 * 2);}
.dwup li:last-child:nth-child(5n+4) {margin-right: calc((100% - 18%) / 4 * 1);}

.banner_ny{margin-top: 140px;position: relative;}
.banner_ny figure{padding-bottom: 18%;}
.banner_ny img{width: 100%;}
.banner_ny .title{text-align: center;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;color: #FFF;flex-flow: column;}
.banner_ny .title h2{font-size: 40px;}
.banner_ny .title p{font-size: 16px;margin-top: 15px;}

.title_ny{text-align: center;font-size: 36px;font-weight: bold;color: #2ecb32;margin-top: 70px;}

.con_l{width: 20%;float: left;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.con_l .lxwm .title{font-size: 16px;line-height: 60px;padding: 0 20px;background: #333;color: #FFF;text-align: center;}
.con_l .lxwm ul{padding: 15px;}
.con_l .lxwm li{padding-bottom: 10px;display: flex;}
.con_l .lxwm li h2{line-height: 30px;font-size: 16px;font-weight: bold;}
.con_l .lxwm li i,.con_l .lxwm li em{font-size: 24px;margin-right: 10px;}
.con_l .lxwm li p{font-size: 14px;line-height: 24px;}
.con_l .lxwm li .box{text-align: left;}

.subnaver{text-align: center;color: #FFF;}
.subnaver h2{font-size: 16px;line-height: 60px;padding: 0 20px;background: #333;}
.subnaver ul{text-align: center;padding: 15px;}
.subnaver li{font-size: 14px;height: 36px;line-height: 36px;cursor: pointer;background: #F5F5F5;margin-bottom: 10px;}
.subnaver li a{display: block;}
.subnaver li a:hover{display: block;text-decoration: none;}
.subnaver li a.current{background: #2ecb32;color: #FFF;}

.con{padding: 50px 15%;}

.con_r{width: 76%;float: right;}
.con_r .dqwz{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #DDD;margin-bottom: 20px;padding: 15px 0;}
.con_r .dqwz h2{font-weight: bold;font-size: 18px;color: #2ecb32;}

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

.gongchang ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.gongchang li{width: 23%;text-align: center;line-height: 40px;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.gongchang li figure{padding-bottom: 70%;}
.gongchang li p{background: #F5F5F5;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 20px;}
.gongchang li:last-child:nth-child(4n+1) {margin-right: calc((100% - 23%) / 3 * 3);}
.gongchang li:last-child:nth-child(4n+2) {margin-right: calc((100% - 23%) / 3 * 2);}
.gongchang li:last-child:nth-child(4n+3) {margin-right: calc((100% - 23%) / 3 * 1);}

.huoban ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.huoban li{width: 18%;text-align: center;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.huoban li img{width: 100%;}
.huoban li p{background: #F5F5F5;}
.huoban li:last-child:nth-child(5n+1) {margin-right: calc((100% - 18%) / 4 * 4);}
.huoban li:last-child:nth-child(5n+2) {margin-right: calc((100% - 18%) / 4 * 3);}
.huoban li:last-child:nth-child(5n+3) {margin-right: calc((100% - 18%) / 4 * 2);}
.huoban li:last-child:nth-child(5n+4) {margin-right: calc((100% - 18%) / 4 * 1);}


.about_dsip{padding:50px 0;border-bottom: 2px solid #F5F7F9;}
.about_dsip .title{font-size: 30px;font-weight: bold;}
.about_dsip .rongyu{margin-top: 40px;}
.about_dsip .swiper-slide img{width: 100%;}
.about_dsip .swiper-slide{text-align: center;}
.about_dsip .swiper-slide p{line-height: 50px;font-size: 16px;}

.products ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.products ul:after{display: none;}
.products li{text-align: center;position: relative;width: 23%;margin-bottom: 2%;}
.products li .pic{overflow: hidden;}
.products li img{width: 100%;transition: all 0.3s;}
.products li:hover img{transform: scale(1.2);}
.products li p{font-size: 16px;line-height: 50px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 20px;}
.products li a{color: #333;background: #CCC;display: block;}
.products li a:hover{text-decoration: none;color: #FFF;background: #2ecb32;}
.products li:last-child:nth-child(4n+1) {margin-right: calc((100% - 23%) / 3 * 3);}
.products li:last-child:nth-child(4n+2) {margin-right: calc((100% - 23%) / 3 * 2);}
.products li:last-child:nth-child(4n+3) {margin-right: calc((100% - 23%) / 3 * 1);}

.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;background: #FFF;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #2ecb32;background: #2ecb32;}
.fenye li.current a{color: #FFF;}

.products_con img{width: 100%;}
.products_con .products_con_t{background: #FFF;}
.products_con .products_con_t .left{width: 40%;float: left;}
.gallery-top .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;color: #666;}
.gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: 30px;}
.gallery-thumbs{margin-top: 10px;}
.gallery-thumbs .swiper-slide {opacity: .5;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.products_con_t .right{width: 57%;float: right;}
.products_con_t .right h2{font-size: 18px;font-weight: bold;}
.products_con_t .right .txt{margin-top: 30px;}
.products_con_t .right .txt h3{font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.products_con_t .right .txt .xian{width: 74px;height: 2px;background: #2ecb32;margin: 10px 0 20px 0;}
.products_con_t .right .txter p{line-height: 24px;font-size: 14px;text-align: justify;padding:6px 0;}

.products_con_b{margin-top: 40px;}
.products_con_b .hd{border-bottom: 1px solid #DDD;}
.products_con_b .hd ul{display: flex;}
.products_con_b .hd li{padding: 12px 40px;color: #FFF;margin-right: 5px;background: #a9a9a9;cursor: pointer;}
.products_con_b .hd li.on{color:#FFF;background: #2ecb32;}
.products_con_b .bd{padding-top: .2rem;}
.products_con_b .bd .swiper-slide{padding: 20px 0;}
.products_con_b .bd .swiper-slide .txt{line-height: 24px;}
.products_con_b .bd .swiper-slide p{padding-bottom: 10px;}
.products_con_b .bd .swiper-slide img{max-width: 100%;}
.products_con_b .bd .liuyan li{margin-bottom: 10px;}
.products_con_b .bd .liuyan li .input_txt{ width:100%; border:1px solid #CCC; outline:medium; padding:10px;box-sizing: border-box;color: #333;}
.products_con_b .bd .liuyan .textarea{ margin-top: 10px;}
.products_con_b .bd .liuyan .textarea textarea{ width:100%; height:100px;border: none; border:1px solid #CCC; outline:medium;box-sizing: border-box;color:#333;padding:10px;}
.products_con_b .bd .liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.products_con_b .bd .liuyan .more{margin-top:10px;}


.gongye{line-height: 30px;}
.gongye p{padding-bottom: 20px;text-indent: 2em;}

.news li{box-sizing: border-box;position: relative;font-size: 0;border-bottom: 1px solid #EEE;padding: 20px;}
.news li:hover{background: #F5F5F5;}
.news li .pic{width: 20%;display: inline-table;vertical-align: middle;}
.news li .pic figure{padding-bottom: 80%;}
.news li time{font-size: 12px;}
.news li .txt{padding: 0 20px;position: relative;z-index: 1;display: inline-table;vertical-align: middle;width: 80%;box-sizing: border-box;}
.news li .txt strong{display: block;font-size: 16px;margin-top: 10px;}
.news li .txt p{margin-top: 10px;font-size: 12px;color: #777;}
.news li .txt .more{margin-top: .2rem;font-size: .08rem;display: inline-block;background: #000;color: #FFF;padding: .05rem .1rem;transition: all .3s;}
.news li:hover .txt .more{background: #00a0e9;}
.news li a{transition: all 0.3s;}
.news li a:hover{text-decoration: none;}
.news li:hover .txt:after{width: 100%;right: auto;left: 0;}

.news_con .title{text-align: center;}
.news_con .title h2{font-size: 24px;padding:10px 0;}
.news_con .title p{color: #999;}
.news_con .txt{line-height: 30px;margin-top: 20px;border-top: 1px solid #CCC;padding: 30px 0;}
.news_con .txt p{padding-bottom: 10px;}

.download ul{margin-left: -3%;}
.download li{width: 30.333%;border: 1px solid #2ecb32;margin-bottom: 2%;box-sizing: border-box;float: left;margin-left: 3%;}
.download li i{width: 60px;height: 60px;display: block;float: left;color: #FFF;text-align: center;line-height: 60px;font-size: 40px;background: #2ecb32;transition: all 0.3s;}
.download li .txt{width: 230px;margin-left: 70px;}
.download li a{padding: 2%;display: block;}
.download li a:hover{padding: 2%;display: block;text-decoration: none;}

.syt{line-height: 30px;position: relative;border-top: 1px solid #999;padding-top: 30px;}
.syt li{width: 150px;height: 40px;line-height: 40px;border: 1px solid #999;text-align: center;}
.syt li:nth-of-type(1){float: left;}
.syt li:nth-of-type(2){float: right;}
.syt li a{display: flex;align-items: center;justify-content: center;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;background: #2ecb32;color: #FFF;}
.syt li i{font-size: 18px;}
.syt li:nth-of-type(1) i{margin-right: 8px;}
.syt li:nth-of-type(2) i{margin-left: 8px;}
.back{width: 140px;height: 40px;line-height: 40px;background: #2ecb32;position: absolute;left: 50%;top: 30px;margin-left: -70px;}
.back a{color: #FFF;display: flex;align-items: center;justify-content: center;}
.back a:hover{color: #FFF;text-decoration: none;}
.back a i{margin-right: 8px;font-size: 18px;}

.liuyan .title{font-size: 30px;text-align: center;margin-top: 50px;}
.liuyan .txt{text-align: center;margin-top: 10px;}
.liuyan ul{margin-left: -2%;margin-top: 30px;}
.liuyan li{ width:48%; margin-bottom: 10px;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; height:50px; border:2px solid #EEE; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;font-size: 16px;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:2px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;font-size: 16px;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.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:#2ecb32;cursor: pointer;outline: medium;font-size: 18px;}

.con .contact .title{border-bottom: 1px solid #DDD;padding:20px 0;font-size: 24px;text-align: center;}
.con .contact .box{line-height: 30px;background: #F5F5F5;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: 40px;}
.con .contact .txt li{padding-bottom: 20px;display: flex;}
.con .contact .txt li h2{line-height: 30px;font-size: 18px;font-weight: bold;}
.con .contact .txt li i,.con .contact .txt li em{font-size: 30px;margin-right: 10px;}
.con .contact .txt li p{font-size: 14px;line-height: 24px;}
.con .contact .txt li .txter{text-align: left;}
#map_container{width: 60%; height:500px;float: right;}