@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 49%;}
.banner .swiper-slide figure img{transform: scale(1.1);transition: 4s;}
.banner .swiper-slide-active figure img{transform: scale(1);}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);width: 45%;}
.banner .swiper-slide .txt{ color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);}
.banner .swiper-slide .txt h2{font-size: .3rem;}
.banner .swiper-slide .txt p{font-size: .13rem;padding-top: .1rem;}
.banner .swiper-slide .txt .more{margin-top: .3rem;background: #18a54e;display: inline-block;padding: .05rem .1rem;border-radius: 1rem;}
.banner .swiper-slide .txt .more i{font-size: .1rem;padding-left: .1rem;}
.banner .swiper-slide .title img{max-width: 100%;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .1rem; color: #FFF;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background:#FFF;opacity: 1;}
.banner .swiper-pagination-bullet-active{background:#18a54e;}

.dyip{position: relative;padding: 5% 0;}
.dyip .box{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 10%;}
.dyip .box .left{width: 45%;}
.dyip .box .left .txt{line-height: 2;margin-top: .2rem;font-size: .09rem;}
.dyip .more{border-radius: 1rem;border: 1px solid #18a54e;display: inline-block;margin-top: .3rem;}
.dyip .more a{padding: .06rem .15rem;display: flex;align-items: center;color: #18a54e;}
.dyip .more a i{font-size: .1rem;padding-left: .05rem;}
.dyip .more a:hover{text-decoration: none;}
.dyip .box .pic{width: 45%;}
.dyip .box .pic figure{padding-bottom: 75%;}
.dyip ul{display: flex;margin-top: .3rem;padding: 0 5%;}
.dyip li{padding: .1rem 0;width: 20%;box-sizing: border-box;border-right: 1px solid #DDD;text-align: center;}
.dyip li:last-child{border-right: none;}
.dyip li p{font-size: .24rem;font-weight: bold;}
.dyip li i{font-style: normal;display: inline-block;color: #18a54e;}
.dyip li .txt{padding-top: .05rem;}
.dyip li span{font-size: .4rem;color: #FFF;}

.derp{position: relative;}
.derp .left{position: absolute;left: 10%;top: 20%;color: #FFF;z-index: 100;width: 20%;}
.derp .left .yylyx{height: 1.4rem;margin-top: .2rem;width: 80%;margin-left: 0;}
.derp .left .yylyx .swiper-slide{cursor: pointer;box-sizing: border-box;display: flex;align-items: center;font-size: .12rem;font-weight: bold;border-radius: .02rem;justify-content: center;}
.derp .left .yylyx .swiper-slide-thumb-active{background-color: rgba(255, 255, 255, .3);backdrop-filter: blur(36px);}
.derp .yylyd{position: relative;}
.derp .yylyd .swiper-slide:before{content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, .5);position: absolute;left: 0;top: 0;z-index: 2;}
.derp .yylyd .swiper-slide figure{padding-bottom: 46%;}
.derp .yylyd .box{position: absolute;left: 40%;top: 20%;z-index: 10;color: #FFF;width: 45%;}
.derp .yylyd .box h2{font-size: .2rem;font-weight: bold;}
.derp .yylyd .box p{line-height: 1.6;padding-top: .1rem;}
.derp .yylyd .box ul{display: flex;margin-left: -2%;margin-top: .2rem;}
.derp .yylyd .box li{width: 31.333%;margin-left: 2%;}
.derp .yylyd .box li figure{padding-bottom: 70%;}
.derp .yylyd .box .more{margin-top: .35rem;transition: all .3s;display: inline-block;}
.derp .yylyd .box .more:hover{transform: skew(-30deg);}
.derp .yylyd .box .more a{border: 1px solid #FFF;display: inline-block;padding: .05rem .15rem;color: #FFF;border-radius: .04rem;}
.derp .yylyd .box .more a:hover{text-decoration: none;}
.derp .yylyd .box .more a i{font-size: .1rem;padding-left: .05rem;}

.dsanp{padding: 5% 10%;overflow: hidden;}
.dsanp .title{display: flex;align-items: center;justify-content: space-between;}
.dsanp .title .more{border-radius: 1rem;border: 1px solid #18a54e;}
.dsanp .title .more a{padding: .05rem .1rem;display: flex;align-items: center;color: #18a54e;}
.dsanp .title .more a i{font-size: .1rem;padding-left: .05rem;}
.dsanp .title .more a:hover{text-decoration: none;}
.dsanp .index_news{margin-top: .2rem;overflow: initial;}
.dsanp .index_news .swiper-slide{box-sizing: border-box;background: #FFF;box-shadow: 0 0 .03rem rgba(0, 0, 0, .2);transition: all .3s;}
.dsanp .index_news .swiper-slide:hover{box-shadow: 0 0 .06rem rgba(0, 0, 0, .3);}
.dsanp .index_news .swiper-slide figure{padding-bottom: 55%;}
.dsanp .index_news .swiper-slide:hover figure img{transform: scale(1.1);}
.dsanp .index_news .swiper-slide .txt{padding: .15rem .1rem;}
.dsanp .index_news .swiper-slide strong{font-size: .09rem;}
.dsanp .index_news .swiper-slide h2{margin-top: .1rem;font-weight: bold;}
.dsanp .index_news .swiper-slide p{font-size: .08rem;margin-top: .1rem;line-height: 1.6;}
.dsanp .index_news .swiper-slide a:hover{text-decoration: none;color: #000;}
.dsanp .index_news .swiper-slide .more{margin-top: .2rem;color: #666;font-size: .08rem;}
.dsanp .arr{display: flex;align-items: center;justify-content: space-between;margin-top: .2rem;}
.dsanp .arrw{display: flex;align-items: center;justify-content: space-between;}
.dsanp .swiper-button-next,.dsanp .swiper-button-prev{background: #f5f5f5;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;outline: medium;color: #333;border-radius: 100%;position: initial;margin-top: auto;}
.dsanp .swiper-button-next:after,.dsanp .swiper-button-prev:after{display: none;}
.dsanp .swiper-button-next i,.dsanp .swiper-button-prev i{font-size: .12rem;}
.dsanp .swiper-button-next{right: 5%;left: auto;margin-left: .1rem;}
.dsanp .swiper-button-prev{left: 5%;right: auto;}

.dsip{background: #f5f5f5;}
.dsip ul{display: flex;margin-top: .2rem;margin-left: -1%;flex-wrap: wrap;}
.dsip li{width: 15.666%;margin-left: 1%;margin-bottom: 1%;}
.dsip li img{width: 100%;}

.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 30%;}
.banner_pic .title{position: absolute;left: 10%;top: 0;right: 10%;bottom: 0;display: flex;align-items: center;color: #FFF;}
.banner_pic .title h2{color: #FFF;font-size: .24rem;font-weight: bold;}
.banner_pic .dqwz{position: absolute;left: 10%;right: 10%;bottom: .1rem;display: flex;align-items: center;color: #FFF;}
.banner_pic .dqwz i:nth-of-type(1){font-size: .1rem;padding-left: 0;}
.banner_pic .dqwz i{font-size: .06rem;padding: 0 .05rem;}
.banner_pic .dqwz a{color: #FFF;}
.banner_pic .dqwz a:hover{text-decoration: none;}

.subnav{padding:0 10%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #DDD;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -.3rem;}
.subnav li{position: relative;margin-left: .3rem;font-size: .1rem;}
.subnav li a{display: block;padding: .1rem 0;overflow: hidden;transition: all .3s;}
.subnav li a:hover{display: block;text-decoration: none;color: #18a54e;}
.subnav li a:after{content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;z-index: 100;height: 4px;background: #18a54e;opacity: 0;transform: translateX(-50%);transition: all .3s;}
.subnav li:hover a:after{opacity: 1;width: 100%;}
.subnav li a.current:after{opacity: 1;width: 100%;}
.subnav li a.current{color:#18a54e;}

.subnaver{padding:.2rem 10%;}
.subnaver ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -.2rem;}
.subnaver li{position: relative;margin-left: .2rem;font-size: .1rem;}
.subnaver li a{display: block;padding: .05rem .1rem;overflow: hidden;transition: all .3s;border-radius: 1rem;border: 1px solid #CCC;}
.subnaver li a:hover{display: block;text-decoration: none;color: #18a54e;border: 1px solid #18a54e;}
.subnaver li a.current{border: 1px solid #18a54e;color: #FFF;background: #18a54e;}

.about_dyip .box{display: flex;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;}
.about_dyip .txt{line-height: 1.8;font-size: .09rem;width: 48%;}
.about_dyip .txt p{padding-bottom: .1rem;}
.about_dyip .txt img{width: 1rem;}
.about_dyip .pic{width: 48%;}
.about_dyip .pic figure{padding-bottom: 65%;}

.about_derp{padding: 5% 0;overflow: hidden;}
.about_derp .title{text-align: center;}
.about_derp ul{position: relative;margin-top: .2rem;display: flex;}
.about_derp li{width: 25%;position: relative;color: #FFF;transition: all .3s;overflow: hidden;}
.about_derp li:hover{width: 60%;}
.about_derp li figure{height: 3.2rem;}
.about_derp li:hover figure img{transform: scale(1.2);}
.about_derp li .txt{position: absolute;left: .2rem;bottom: .4rem;text-shadow: 0 0 .05rem rgba(0, 0, 0, .8);z-index: 100;}
.about_derp li .txt h2{font-size: .13rem;font-weight: bold;}
.about_derp li .txt p{font-size: .1rem;margin-top: .1rem;}
.about_derp li:after{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .3);transition: all .3s;}
.about_derp li:hover:after{background: rgba(0, 0, 0, 0);}

.about_dsanp{background: url(../images/pic32.png) no-repeat left bottom;padding: 5% 0 7% 0;overflow: hidden;}
.about_dsanp .title{text-align: center;}
.about_dsanp .swiper-father{position: relative;}
.about_dsanp .swiper-father:before{content: "";display: block;position: absolute;left: 0;top: 0;height: 100%; background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);z-index: 90;width: 1rem;}
.about_dsanp .swiper-father:after{content: "";display: block;position: absolute;right: 0;top: 0;height: 100%; background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);z-index: 90;width: 1rem;}
.about_dsanp .mySwiper .swiper-slide{font-size: .14rem;cursor: pointer;text-align: center;box-sizing: border-box;background-size: 25%;height: .8rem;position: relative;}
.about_dsanp .mySwiper .swiper-slide .dian{width: .4rem;height: .4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;border-radius: .1rem;}
.about_dsanp .mySwiper .swiper-slide .dian .quan{width: .1rem;height: .1rem;border: 1px solid #18a54e;border-radius: 1rem;box-sizing: border-box;position: relative;transition: all .6s;}
.about_dsanp .mySwiper .swiper-slide .dian .quan:before{content: "";display: block;width: 100%;height: 100%;background: rgba(24, 165, 78, .4);border-radius: .1rem;position: absolute;left: 0;top: 0;transform: rotate(70deg);visibility: hidden;opacity: 0;transition: all .6s;}
.about_dsanp .mySwiper .swiper-slide .dian .quan:after{content: "";display: block;width: calc(100% - .04rem);height: calc(100% - .04rem);background: rgba(24, 165, 78, 1);border-radius: .1rem;position: absolute;left: .02rem;top: .02rem;transform: rotate(45deg);visibility: hidden;opacity: 0;transition: all .6s;}
.about_dsanp .mySwiper .swiper-slide .dian p{font-size: 0;}
.about_dsanp .mySwiper .swiper-slide span{display: block;position: absolute;left: 50%;top: calc(50% + .2rem);transform: translate(-50%);transition: all .6s;}
.about_dsanp .mySwiper .swiper-slide-thumb-active{color: #18a54e;}
.about_dsanp .mySwiper .swiper-slide-thumb-active .dian .quan{width: 100%;height: 100%;border: none;transform: rotate(1turn);}
.about_dsanp .mySwiper .swiper-slide-thumb-active .dian .quan:before{visibility: visible;opacity: 1;}
.about_dsanp .mySwiper .swiper-slide-thumb-active .dian .quan:after{visibility: visible;opacity: 1;}
.about_dsanp .mySwiper .swiper-slide-thumb-active span{visibility: hidden;opacity: 0;}

.about_dsanp .swiper-fatherer{position: relative;margin: 0 10%;}
.about_dsanp .swiper-fatherer:before{content: "";display: block;width: 100%;height: .1rem;background: #efeff2;position: absolute;left: 0;top: 50%;margin-top: -.05rem;border-radius: 1rem;}
.about_dsanp .mySwiperer{margin-top: .3rem;}
.about_dsanp .mySwiperer .swiper-slide{padding: .2rem .3rem;box-sizing: border-box;}
.about_dsanp .mySwiperer .swiper-slide .box{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;background: #f7f9fa;border-radius: .08rem;overflow: hidden;transition: all .6s;}
.about_dsanp .mySwiperer .swiper-slide:hover .box{box-shadow: 0 0 .3rem rgba(0, 0, 0, .04);background: #FFF;}
.about_dsanp .mySwiperer .swiper-slide .txt{width: 60%;box-sizing: border-box;padding: .2rem;}
.about_dsanp .mySwiperer .swiper-slide .txt h2{font-size: .2rem;color: #18a54e;padding-bottom: .1rem;}
.about_dsanp .mySwiperer .swiper-slide p{line-height: 1.6;font-size: .08rem;}
.about_dsanp .mySwiperer .swiper-slide .pic{width: 40%;overflow: hidden;}
.about_dsanp .mySwiperer .swiper-slide .pic figure{padding-bottom: 100%;transition: all .3s;}
.about_dsanp .mySwiperer .swiper-slide:hover .pic figure{transform: scale(1.2);}
.about_dsanp .swiper-button-next,.about_dsanp .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;transition: all .3s;background: #FFF;border-radius: 1rem;z-index: 100;}
.about_dsanp .swiper-button-next:hover,.about_dsanp .swiper-button-prev:hover{color: #FFF;}
.about_dsanp .swiper-button-next{right: 8%;left: auto;}
.about_dsanp .swiper-button-prev{left: 8%;right: auto;}
.about_dsanp .swiper-button-next:hover,.about_dsanp .swiper-button-prev:hover{background: #18a54e;}
.about_dsanp .swiper-button-next:after,.about_dsanp .swiper-button-prev:after{display: none;}
.about_dsanp .swiper-button-next i,.about_dsanp .swiper-button-prev i{font-size: .12rem;color: #333;}
.about_dsanp .swiper-button-next:hover i,.about_dsanp .swiper-button-prev:hover i{color: #FFF;}

@-webkit-keyframes jing_max {0% {-webkit-transform: scale(1);opacity: 0;}25% {-webkit-transform: scale(2);opacity: 0.4;}50% {-webkit-transform: scale(3);opacity: .2;}75% {-webkit-transform: scale(4);opacity: 0;}100% {-webkit-transform: scale(1);opacity: 0;}}
@keyframes jing_max {0% {transform: scale(1);opacity: 0;}25% {transform: scale(2);opacity: 0.4;}50% {transform: scale(3);opacity: .2;}75% {transform: scale(4);opacity: 0;}100% {transform: scale(1);opacity: 0;}}
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scaleX(1);}}
@keyframes pulse{0%{transform:scaleX(1);}50%{transform:scale3d(1.05,1.05,1.05);}to{transform:scaleX(1);}}

.about_dsip{padding: 5% 0;}
.about_dsip .title{text-align: center;}
.about_dsip ul{display: flex;flex-wrap: wrap;margin-left: -2%;margin-top: .3rem;}
.about_dsip li{width: 23%;margin-left: 2%;transition: all .3s;}
.about_dsip li:hover{transform: translateY(-.1rem);}
.about_dsip li figure{padding-bottom: 60%;}
.about_dsip li:hover figure img{transform: scale(1.1);}
.about_dsip li h2{padding: .1rem;transition: all .3s;z-index: 1;text-align: center;}


.about_dwup{padding-top: 5%;text-align: center;}
.about_dwup ul{background: url(../images/pic20.jpg) no-repeat center;background-size: cover;margin-top: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.about_dwup li{width: 33.333%;height: 2.3rem;display: flex;align-items: center;justify-content: center;flex-flow: column;border-right: 1px solid rgba(255, 255, 255, .5);box-sizing: border-box;padding: 0 .2rem;color: #FFF;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.about_dwup li i{font-size: .24rem;}
.about_dwup li h2{font-size: .13rem;font-weight: bold;transition: all .3s;padding-top: .1rem;}
.about_dwup li p{margin-top: .1rem;visibility: hidden;opacity: 0;height: 0;transition: all .3s;}
.about_dwup li:hover p{visibility: visible;opacity: 1;height: .3rem;}
.about_dwup li:nth-of-type(4){width: 50%;}
.about_dwup li:nth-of-type(5){width: 50%;}

.about_dliup{text-align: center;padding: 5% 0;}
.about_dliup .swiper-father{position: relative;padding: 0 10%;margin-top: .2rem;}
.about_dliup .renzheng{height: 3.8rem;}
.about_dliup .renzheng .swiper-slide .pic a{height: 1.2rem;display: flex;align-items: end;justify-content: center;}
.about_dliup .renzheng .swiper-slide .pic img{max-width: 100%;max-height: 100%;object-fit: cover;}
.about_dliup .renzheng .swiper-slide .imger{width: 100%;}
.about_dliup .swiper-button-next,.about_dliup .swiper-button-prev{background: #EEE;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;outline: medium;border-radius: 100%;margin-top: -.15rem;}
.about_dliup .swiper-button-next:hover,.about_dliup .swiper-button-prev:hover{background: #e70012;}
.about_dliup .swiper-button-next:after,.about_dliup .swiper-button-prev:after{display: none;}
.about_dliup .swiper-button-next i,.about_dliup .swiper-button-prev i{font-size: .12rem;color: #333;}
.about_dliup .swiper-button-next:hover i,.about_dliup .swiper-button-prev:hover i{color: #FFF;}
.about_dliup .swiper-button-next{right: 4%;left: auto;}
.about_dliup .swiper-button-prev{left: 4%;right: auto;}

.em{position: relative;top: -.46rem;}

.con{background: #f5f5f5;}

.shebei .title{text-align: center;font-size: .16rem;padding-bottom: .1rem;border-bottom: 1px solid #CCC;margin-bottom: .2rem;}
.shebei ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.shebei li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;}
.shebei li figure{padding-bottom: 70%;}
.shebei li h2{padding: .1rem;}
.shebei li a:hover{text-decoration: none;}

.wenhua ul{display: flex;flex-wrap: wrap;margin-left: -2%;}
.wenhua li{width: 31.333%;margin-left: 2%;background: #e1e9fa;box-sizing: border-box;margin-bottom: 2%;}
.wenhua li figure{padding-bottom: 170%;}

.fangan ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-bottom: -2%;}
.fangan li{width: 48%;margin-left: 2%;background: #FFF;margin-bottom: 2%;position: relative;text-align: center;border-radius: .08rem;overflow: hidden;}
.fangan li figure{padding-bottom: 60%;}
.fangan li:hover figure img{transform: scale(1.2);}
.fangan li .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow: column;z-index: 1;}
.fangan li:after{content: "";display: block;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, .5);width: 100%;height: 0;visibility: hidden;opacity: 1;transition: all .3s;}
.fangan li:hover:after{content: "";display: block;position: absolute;left: 0;bottom: 0;height: 100%;visibility: visible;opacity: 1;}
.fangan li h2{padding: .06rem 0;font-size: .13rem;}
.fangan li h2:before{content: "";display: block;width: .2rem;height: 2px;background: #FFF;margin: .1rem auto;}
.fangan li i{font-size: .3rem;}
.fangan li a{color: #FFF;}

.fangan_con_dyip .title{text-align: center;}
.fangan_con_dyip .txt{padding-top: .3rem;}
.fangan_con_dyip .txt h2{font-size: .16rem;color: #18a54e;}
.fangan_con_dyip .txter{padding-top: .2rem;line-height: 1.6;}
.fangan_con_dyip .txter p{padding-bottom: .1rem;}
.fangan_con_dyip .txter img{width: 100%;}

.fangan_con_derp{background: #f5f5f5;}
.fangan_con_derp .title{font-size: .16rem;color: #18a54e;padding-bottom: .2rem;}
.fangan_con_derp .products ul{margin-bottom: -3%;}

.fangan_con_dsanp .title{font-size: .16rem;color: #18a54e;padding-bottom: .2rem;}
.fangan_con_dsanp .swiper-slide{text-align: center;}
.fangan_con_dsanp .swiper-slide figure{padding-bottom: 70%;border-radius: .08rem;}
.fangan_con_dsanp .swiper-slide p{padding: .1rem 0;}
.fangan_con_dsanp .swiper-slide a:hover{text-decoration: none;}
.swiper-pagination-bullet-active{background: #18a54e;}

.zhaopin{background: #FFFF;padding: .2rem;}
.cpxqer .titleyi{padding: .15rem;font-weight: bold;display: flex;background: #f5f5f5;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 20%;}
.cpxqer .salary{width: 30%;}
.cpxqer .time{width: 20%;display: flex;align-items: center;justify-content: space-between;}
.cpxqer .time i{font-size: .08rem;transition: all 0.3s;}
.cpxqer .titleer{display: flex;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;}
.cpxqer li .titleer{overflow: hidden;cursor: pointer;border-bottom: 1px solid #EEE;padding: .15rem;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:.15rem;background: #f5f5f5;}

.products ul{display: flex;flex-wrap: wrap;margin-left: -3%;}
.products li{width: 22%;margin-left: 3%;margin-bottom: 3%;overflow: hidden;background: #FFF;position: relative;box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .1);}
.products li figure{padding-bottom: 100%;}
.products li:hover figure img{transform: scale(1.1);}
.products li h2{font-size: .1rem;font-weight: bold;padding-bottom: .1rem;padding: .2rem;color: #333;}
.products li a:hover{text-decoration: none;}
.products li:after{content: "";display: block;width: 0;height: 3px;background: #18a54e;position: absolute;left: 0;bottom: 0;visibility: hidden;opacity: 0;transition: all .3s;}
.products li:hover:after{width: 100%;visibility: visible;opacity: 1;}

.products_con{background: #FFF;padding: .2rem;}
.products_con .fanhui{margin-bottom: .1rem;display: inline-block;}
.products_con .fanhui i{font-size: .1rem;padding-right: .05rem;}
.products_con .fanhui a{display: flex;border: 1px solid #CCC;padding: .05rem .1rem;border-radius: .02rem;align-items: center;justify-content: center;}
.products_con .fanhui a:hover{text-decoration: none;}
.products_con_t{display: flex;justify-content: space-between;flex-wrap: wrap;}
.products_con_t .left{width: 40%;}
.products_con_t .left .swiper-slide img{width: 100%;}
.products_con_t .left figure{padding-bottom: 65%;}
.products_con_t .left .productxq{margin-top: 1%;}
.products_con_t .left .productxq .swiper-slide{cursor: pointer;box-sizing: border-box;border: 1px solid #EEE;border-radius: .02rem;overflow: hidden;}
.products_con_t .left .productxq .swiper-slide-thumb-active{border: 1px solid #18a54e;}
.products_con_t .swiper-button-next,.products_con_t .swiper-button-prev{width: .26rem;height: .26rem;border-radius: 100%;margin-top: -.131rem;border: .02rem solid #333;}
.products_con_t .swiper-button-next{right: 4%;left: auto;}
.products_con_t .swiper-button-prev{left: 4%;right: auto;}
.products_con_t .swiper-button-next:after,.products_con_t .swiper-button-prev:after{display: none;}
.products_con_t .swiper-button-next i,.products_con_t .swiper-button-prev i{font-size: .14rem;color: #333;}

.products_con_t .right{width: 57%;}
.products_con_t .right h2{font-size: .2rem;border-bottom: 1px solid #EEE;padding: .1rem 0;font-weight: bold;}
.products_con_t .right .txt{line-height: 2;padding-top: .1rem;}
.products_con_t .more{position: relative;z-index: 2;background: #333;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .1rem;}
.products_con_t .more a{color: #FFF;padding: .07rem .2rem;display: block;background: #18a54e;}
.products_con_t .more a:hover{text-decoration: none;color: #FFF;}
.products_con_t .more i{font-size: .1rem;padding-right: .05rem;position: relative;z-index: 2;}
.products_con_t .more span{position: relative;z-index: 2;}

.products_con_b{margin-top: .3rem;}
.products_con_b .b_dyip{border-top: 1px solid #EEE;padding-top: .2rem;}
.products_con_b .b_dyip .title{padding: .05rem 0;font-size: .16rem;font-weight: bold;display: flex;align-items: center;}
.products_con_b .b_dyip .title:before{content: "";display: block;width: .02rem;height: .2rem;background: #18a54e;margin-right: .1rem;}
.products_con_b .b_dyip .txt{line-height: 1.8;padding: .2rem 0;overflow-y: auto;}
.products_con_b .b_dyip .txt p{font-size: .09rem;}
.products_con_b .b_dyip .txt table{border-top: 1px solid #DDD;border-left: 1px solid #DDD;border-collapse: collapse;width: 100%;}
.products_con_b .b_dyip .txt td{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .05rem;}
.products_con_b .b_dyip .txt th{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .05rem;font-weight: bold;}
.products_con_b .b_dyip img{width: 100%;}

.products_related{margin-top: .3rem;background: #FFF;padding: .2rem;}
.products_related .title{font-size: .14rem;}
.products_related .picshi{margin-top: .1rem;text-align: left;}
.products_related .swiper-slide{border: 1px solid #EEE;box-sizing: border-box;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide:hover figure img{transform: scale(1.1);}
.products_related .swiper-slide h2{font-size: .1rem;font-weight: bold;padding-bottom: .1rem;padding: .2rem;color: #333;}
.products_related .swiper-slide a:hover{text-decoration: none;}
.products_related .swiper-slide:after{content: "";display: block;width: 0;height: 3px;background: #18a54e;position: absolute;left: 0;bottom: 0;visibility: hidden;opacity: 0;transition: all .3s;}
.products_related .swiper-slide:hover:after{width: 100%;visibility: visible;opacity: 1;}

.news ul{display: flex;margin-left: -4%;flex-wrap: wrap;}
.news li{box-sizing: border-box;background: #FFF;width: 29.333%;margin-left: 4%;margin-bottom: 4%;}
.news li figure{padding-bottom: 65%;}
.news li:hover figure img{transform: scale(1.1);}
.news li .txt{padding: .1rem .15rem;box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);}
.news li a:hover{text-decoration: none;}
.news li .more{margin-top: .2rem;color: #666;font-size: .08rem;}

.news_con .left{width: 69%;float: left;box-sizing: border-box;background: #FFF;padding: .2rem;}
.news_con .left .title h2{font-size: .16rem;font-weight: bold;}
.news_con .left .title p{margin-top: 10px;color: #666;}
.news_con .left .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #CCC;padding: .2rem 0;}
.news_con .left .txt p{padding-bottom: 10px;}
.news_con .left .txt img{max-width: 100%;}
.news_con .right{width: 28%;float: right;}
.news_con .news_tj{background: #FFF;padding: .1rem;margin-top: 10%;}
.news_con .news_tj h2{font-size: .14rem;color: #333;font-weight: bold;display: flex;align-items: center;}
.news_con .news_tj ul{margin-top: .1rem;}
.news_con .news_tj li{box-sizing: border-box;position: relative;font-size: 0;padding-bottom: .1rem;}
.news_con .news_tj li:last-child{border-bottom: none;}
.news_con .news_tj li figure{width: 30%;padding-bottom: 25%;display: inline-table;vertical-align: middle;border-radius: .04rem;}
.news_con .news_tj li:hover figure img{transform: scale(1.1);}
.news_con .news_tj li .txt{position: relative;z-index: 1;display: inline-table;vertical-align: middle;width: 67%;box-sizing: border-box;margin-left: 3%;}
.news_con .news_tj li .txt strong{display: block;font-size: .1rem;}
.news_con .news_tj li a{transition: all 0.3s;}
.news_con .news_tj li a:hover{text-decoration: none;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;font-weight: bold;}
.fenye li{display: inline-block;text-align: center;margin:0 .03rem;font-size: .08rem;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;}
.fenye li a:hover{display: block;text-decoration: none;color: #333;}
.fenye li.current a{color: #18a54e;}
.fenye li:first-child a:hover{color: #333;}
.fenye li:last-child a:hover{color: #333;}
.fenye li i{font-size: .1rem;}
 
.syt{padding: .1rem 0;margin-top: .05rem;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{line-height: 2;text-align: center;}
.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;}
.syt li i{font-size: .1rem;}
.syt li:nth-of-type(1) i{margin-right: .06rem;}
.syt li:nth-of-type(2) i{margin-right: .06rem;}
.syt li:nth-of-type(3) i{margin-left: .06rem;}
.syt ul:after{display: none;}

.sxy li{margin-bottom: .1rem;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);}
.sxy li p{font-size: .13rem;font-weight: bold;}
.sxy li h2{margin-top: .1rem;}
.sxy li i{font-size: .1rem;color: #18a54e;margin-top: .1rem;display: block;text-align: right;}
.sxy li a{background: #FFF;display: block;padding: .1rem;}
.sxy li a:hover{text-decoration: none;background: #18a54e;color: #FFF;}
.sxy li a:hover i{color: #FFF;}

.contact_box{background: url(../images/pic33.png) no-repeat center fixed;background-size: cover;}
.contact{line-height: 1.6;text-align: center;}
.contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;padding-top: .2rem;}
.contact li{width: 31.333%;display: flex;align-items: center;justify-content: center;flex-flow: column;box-sizing: border-box;padding: .1rem;height: 2rem;background: rgba(255, 255, 255, .2);backdrop-filter: blur(10px);box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);}
.contact li i{width: .4rem;height: .4rem;background: #18a54e;display: block;line-height: .4rem;text-align: center;color: #FFF;font-size: .24rem;border-radius: .15rem;}
.contact li span{display: block;margin-top: .1rem;color: #999;padding-bottom: .1rem;}

#map_container{ height:3rem;width: 100%;margin-top: .2rem;}

.liuyan{background: #f5f5f5;box-sizing: border-box;}
.liuyan ul{margin-top: .1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.liuyan ul:after{display: none;}
.liuyan li{ width:49%; margin-bottom: .1rem;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:1px solid #CCC; outline:medium; padding:10px 4%; font-family:'Conv_tt1161m_';box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem; border:1px solid #CCC; outline:medium; padding:2%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#18a54e;cursor: pointer;outline: medium;padding: .05rem .3rem;border-radius: .03rem;}