@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 38%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 10%;top: 50%;right: 10%;transform: translateY(-50%);text-align: center;}
.banner .swiper-slide .txt{ color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;}
.banner .swiper-slide .txt h2{font-size: .3rem;}
.banner .swiper-slide .txt p{font-weight: 300;font-size: .16rem;margin-top: .05rem;}
.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;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #FFF;}

.dyip{background: #eff3fc url(../images/pic33.jpg) no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dyip .left{width: 46%;}
.dyip .left p{margin-top: .2rem;}
.dyip .left ul{display: flex;align-items: center;flex-wrap: wrap;margin-top: .2rem;margin-left: -.3rem;}
.dyip .left li{box-sizing: border-box;margin-left: .3rem;}
.dyip .left li .l{color: #53b753;}
.dyip .left li i{font-style: normal;display: inline-block;font-size: .3rem;font-weight: bold;}
.dyip .left .more{margin-top: .2rem;display: inline-block;background: #53b753;border-radius: 1rem;}
.dyip .left .more a{padding: .07rem .2rem;display: block;color: #FFF;}
.dyip .left .more a:hover{text-decoration: none;}
.dyip .pic{width: 46%;border-radius: .1rem;overflow: hidden;}
.dyip .pic figure{padding-bottom: 60%;}

.derp{padding: 5% 8% 12% 8%;background: #010428 url(../images/pic27.png) no-repeat center bottom;text-align: center;background-size: 100%;}
.derp .title{color: #FFF;}
.derp .index_protitle{margin: .2rem 8%;}
.derp .index_protitle .swiper-slide{box-sizing: border-box;border: 1px solid #CCC;padding: .08rem;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #FFF;border-radius: 1rem;}
.derp .index_protitle .swiper-slide-thumb-active{background: #53b753;border: 1px solid #53b753;}
.derp .index_pro ul{display: flex;align-items: center;flex-wrap: wrap;}
.derp .index_pro li{width: 25%;position: relative;}
.derp .index_pro li figure{padding-bottom: 100%;}
.derp .index_pro li:hover figure img{transform: scale(1.1);}
.derp .more{margin-top: .4rem;display: inline-block;background: #53b753;border-radius: 1rem;}
.derp .more a{padding: .07rem .3rem;display: block;color: #FFF;}
.derp .more a:hover{text-decoration: none;}

.dsanp{background: #eff3fc url(../images/pic43.png) no-repeat center bottom;background-size: 100%;}
.dsanp .title{text-align: center;}
.dsanp .title p{padding-top: .1rem;}
.dsanp .box{display: flex;align-items: center;justify-content: space-between;margin-top: .2rem;}
.dsanp .shengchan_title{height: 2rem;width: 14%;}
.dsanp .shengchan_title .swiper-slide{box-sizing: border-box;cursor: pointer;border-radius: 1rem;display: flex;align-items: center;justify-content: center;background: #FFF;}
.dsanp .shengchan_title .swiper-slide-thumb-active{background: #53b753;color: #FFF;}
.dsanp .shengchan{width: 80%;height: 2.5rem;overflow:hidden;}
.dsanp .shengchan .swiper-slide{display: flex;justify-content: space-between;flex-wrap: wrap;overflow:hidden;}
.dsanp .shengchan .swiper-slide .left{width: 35%;}
.dsanp .shengchan .swiper-slide .left h2{font-size: .2rem;font-weight: bold;}
.dsanp .shengchan .swiper-slide .left .txt{margin-top: .1rem;line-height: 1.6;}
.dsanp .shengchan .swiper-slide .pic{width: 55%;border-radius: .1rem;overflow: hidden;}
.dsanp .shengchan .swiper-slide .pic figure{padding-bottom: 60%;}
.dsanp .boxer{margin-top: .1rem;}
.dsanp .boxer ul{display: flex;align-items: center;justify-content: space-between;background: #FFF;margin-top: .2rem;box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .1);border-radius: .05rem;overflow: hidden;flex-wrap: wrap;}
.dsanp .boxer li{width: 25%;box-sizing: border-box;padding: .15rem .2rem;position: relative;font-size: .08rem;color: #999;}
.dsanp .boxer li p{font-size: .13rem;font-weight: bold;padding-bottom: .05rem;color: #53b753;}
.dsanp .boxer li:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;background: #eff3fc;width: 1px;}
.dsanp .boxer li:last-child:after{display: none;}

.dsip .title{text-align: center;}
.dsip .box{margin-top: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dsip .left{width: 48%;border-top: 1px solid #CCC;}
.dsip .left li{transition: all .4s;border-bottom: 1px solid #CCC;}
.dsip .left li .l{width: 21%;color: #999;}
.dsip .left li .l i{font-size: .1rem;padding-right: .05rem;}
.dsip .left li .l span{display: inline-block;background: #53b753;border-radius: 1rem;font-size: .08rem;padding: .03rem .1rem;margin-top: .05rem;color: #FFF;}
.dsip .left li .r{width: 75%;display: flex;align-items: center;justify-content: space-between;}
.dsip .left li .r p{width: 80%;}
.dsip .left li .r i{font-size: .1rem;width: 20%;display: inline-block;text-align: center;color: #999;}
.dsip .left li a:hover .r i{color: #53b753;}
.dsip .left li a{display: flex;align-items: center;justify-content: space-between;padding: .22rem 0;position: relative;}
.dsip .left li a:hover{text-decoration: none;}
.dsip .left li a:after{content: "";display: block;position: absolute;left: 0;bottom: -1px;background: #53b753;width: 0;height: 2px;transition: all .5s;}
.dsip .left li a:hover:after{width: 100%;}
.dsip .right{width: 48%;position: relative;border-radius: .1rem;overflow: hidden;}
.dsip .right figure{padding-bottom: 60%;}
.dsip .right a:hover figure img{transform: scale(1.1);}
.dsip .right .txt{position: absolute;left: 0;right: 0;bottom: 0;color: #FFF;padding: .2rem;z-index: 1;}
.dsip .right .txt i{font-size: .1rem;padding-right: .05rem;}
.dsip .right .txt h2{padding-top: .1rem;}
.dsip .right span{position: absolute;left: .2rem;top: .2rem;background: #53b753;border-radius: 1rem;font-size: .08rem;padding: .03rem .1rem;color: #FFF;z-index: 1;}
.dsip .right a:after{content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-top: 20%;background-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);transition: all .3s;}
.dsip .right a:hover:after{padding-top: 30%;}

.dwup{background: #F6F7FB;}
.dwup .title{text-align: center;}
.dwup ul{display: flex;flex-wrap: wrap;margin-top: .2rem;margin-left: -.02rem;}
.dwup li{width: 12.2%;margin-left: .02rem;margin-bottom: .02rem;}
.dwup li figure{padding-bottom: 50%;}

.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 23%;}
.banner_pic .title{position: absolute;left: 8%;top: 0;right: 8%;bottom: 0;display: flex;align-items: center;color: #FFF;}
.banner_pic .title h2{color: #FFF;font-size: .24rem;font-weight: bold;}
.banner_pic .title p{font-size: .13rem;margin-top: .1rem;}

.subnav{padding:0 8%;display: flex;align-items: center;justify-content: space-between;}
.subnav p{display: flex;align-items: center;justify-content: center;padding: .1rem 0;}
.subnav i:nth-of-type(1){font-size: .12rem;color: #53b753;padding-left: 0;}
.subnav i{font-size: .06rem;padding: 0 .05rem;color: #999;}
.subnav p a:hover{text-decoration: none;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;}
.subnav li{position: relative;margin-left: .15rem;font-size: .1rem;}
.subnav li a{display: block;padding: .1rem;overflow: hidden;transition: all .3s;}
.subnav li a:hover{display: block;text-decoration: none;color: #53b753;}
.subnav li a.current{color: #FFF;background: #53b753;}
.subnaver{background: #FFF;}

.about ul{margin-bottom: -.1rem;}
.about li{position: relative;background: #FFF;margin-bottom: .1rem;}
.about li .txt{width: 50%;position: absolute;top: 0;bottom: 0;box-sizing: border-box;padding: .2rem;}
.about li .txt h2{font-size: .16rem;padding-bottom: .1rem;font-weight: bold;}
.about li .txt h2:after{content: "";display: block;width: .3rem;height: 3px;background: #CCC;margin-top: .1rem;}
.about li .txt p{line-height: 1.5;padding-bottom: .1rem;}
.about li:nth-of-type(1){padding-bottom:2.2rem;}
.about li:nth-of-type(2){padding-bottom:1.5rem;}
.about li:nth-of-type(odd) .txt{left: 0;}
.about li:nth-of-type(even) .txt{right: 0;}
.about li .pic{width: 50%;}
.about li:nth-of-type(odd) .pic{margin-left: 50%;}
.about li .pic img{width:100%;}

.shebei ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.shebei li{width: 23%;margin-left: 2%;margin-bottom: 2%;text-align: center;background: #FFF;}
.shebei li figure{padding-bottom: 70%;}
.shebei li p{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;padding: .1rem;margin-bottom: 2%;}
.wenhua li h2{font-weight: bold;}
.wenhua li p{margin-top: .05rem;line-height: 1.6;font-size: .08rem;}

.yingyong{line-height: 1.6;}

.con{padding: 3% 8%;background: #f5f5f5;}

.cpxqer .titleyi{padding: .1rem 0;border-top: 2px solid #333;font-weight: bold;display: flex;}
.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{border-top: 1px solid #333;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li .titleer{overflow: hidden;cursor: pointer;border-top: 1px solid #999;padding: .1rem 0;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3% 0;}

.products_subnav{float: left;width: 20%;}
.products_subnav h2{padding: .1rem;background: #53b753;color: #FFF;font-size: .14rem;font-weight: bold;letter-spacing: .03rem;}
.products_subnav li{margin-top: 2px;}
.products_subnav li p a{padding: .06rem .1rem;display: flex;align-items: center;justify-content: space-between;background: #FFF;}
.products_subnav li p a:hover{text-decoration: none;}
.products_subnav li p a i{font-size: .08rem;color: #999;}
.products_subnav li p a.current{background: #53b753;color: #FFF;}
.products_subnav li p a.current i{color: #FFF;}
.products_subnav dl{background: #e1e9fa;}
.products_subnav dd a{padding: .05rem .2rem;display: block;font-size: .08rem;}
.products_subnav dd a:hover{text-decoration: none;}

.con_r{float: right;width: 78%;}
.products ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.products li{width: 31.333%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;box-shadow: 0 10px 8px rgba(0, 0, 0, .1);}
.products li figure{padding-bottom: 100%;}
.products li:hover figure img{transform: scale(1.2);}
.products li h2{position: absolute;left: .1rem;bottom: .1rem;z-index: 1;transition: all .3s;font-size: .13rem;}

.products_con_t{background: #FFF;overflow: hidden;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.products_con_t .left{width: 50%;}
.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{opacity: .5;cursor: pointer;}
.products_con_t .left .productxq .swiper-slide-thumb-active{opacity: 1;}
.products_con_t .swiper-button-next,.products_con_t .swiper-button-prev{width: .26rem;height: .26rem;margin-top: -.131rem;border: .01rem 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: 50%;box-sizing: border-box;padding: .3rem;}
.products_con_t .right h2{font-size: .2rem;font-weight: bold;}
.products_con_t .right .txt{line-height: 1.6;margin-top: .1rem;}
.products_con_t .right .txter{display: inline-block;margin-top: .2rem;font-size: .12rem;}
.products_con_t .right .txter span{color: #53b753;}
.products_con_t .right .txter i{font-size: .14rem;margin-right: .05rem;color: #53b753;}

.products_con_t img{width: 100%;}

.products_con_b{line-height: 1.6;padding: .1rem 0;}
.products_con_b .title{background: #F5F5F5;padding: .1rem;font-size: .12rem;text-align: center;}
.products_con_b .box{margin-top: .1rem;}
.products_con_b strong{font-weight: bold;padding-bottom: .1rem;display: block;}
.products_con_b table{border-left: 1px solid #DDD;border-top: 1px solid #DDD;border-collapse:collapse;}
.products_con_b table td{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .05rem;}
.products_con_b p{padding-bottom: .1rem;}

.products_related{margin-top: .3rem;}
.products_related .title{font-size: .14rem;display: flex;font-weight: bold;align-items: center;}
.products_related .picshi{margin-top: .18rem;text-align: left;}
.products_related .swiper-slide{text-align: center;position: relative;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide h2{position: absolute;left: .1rem;bottom: .1rem;z-index: 1;transition: all .3s;font-size: .13rem;}
.products_related .swiper-slide a:after{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(83, 183, 83, .8);visibility: hidden;opacity: 0;transition: all .3s;}
.products_related .swiper-slide a:hover:after{visibility: visible;opacity: 1;}
.products_related .swiper-slide a:hover h2{color: #FFF;}

.news ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.news li{width: 23%;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;box-shadow: 0 10px 8px rgba(0, 0, 0, .1);}
.news li figure{padding-bottom: 65%;}
.news li:hover figure img{transform: scale(1.2);}
.news li .txt{padding: .15rem;}
.news li .txt time{color: #999;}
.news li h2{transition: all .3s;font-size: .1rem;font-weight: bold;line-height: 1.6;margin-top: .05rem;}
.news li a:hover{text-decoration: none;}

.news_con .left{width: 67%;float: left;box-sizing: border-box;}
.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;}
.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;}
.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;}

.yanfa ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.yanfa li{width: 23%;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;box-shadow: 0 10px 8px rgba(0, 0, 0, .1);}
.yanfa li .pic{position: relative;}
.yanfa li h2{position: absolute;left: .1rem;right: .1rem;bottom: .1rem;transition: all .3s;font-size: .1rem;font-weight: bold;line-height: 1.6;color: #FFF;z-index: 1;}
.yanfa li .pic:after{content: '';position: absolute;bottom: 0;left: 0;height: 50px;width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.01)) 80%;}
.yanfa li p{padding: .1rem;font-size: .08rem;line-height: 1.6;}
.yanfa li figure{padding-bottom: 65%;}
.yanfa li:hover figure img{transform: scale(1.2);}
.yanfa li a:hover{text-decoration: none;}

.download ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.download li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;}
.download li h2{font-weight: bold;}
.download li p{margin-top: .05rem;color: #999;font-size: .08rem;}
.download li i{display: block;text-align: right;margin-top: .05rem;font-size: .1rem;}
.download li a{background: #e1e9fa;padding: .1rem;display: block;}
.download li a:hover{text-decoration: none;background: #53b753;color: #FFF;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .1rem;text-align: center;margin:0 .03rem;background: #FFF;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;}
.fenye li a:hover{display: block;text-decoration: none;background: #53b753;color: #FFF;}
.fenye li.current a{background: #53b753;color: #FFF;}
.fenye li:first-child a:hover{background: #e1e9fa;color: #53b753;}
.fenye li:last-child a:hover{background: #e1e9fa;color: #53b753;}
.fenye li i{font-size: .1rem;}
 
.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: #53b753;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: #53b753;color: #FFF;}
.sxy li a:hover i{color: #FFF;}

.contact .box{display: flex;justify-content: space-between;flex-flow: wrap;background: #FFF;}
.contact .box .left{width: 50%;box-sizing: border-box;padding: .2rem;}
.contact .box .left h2{font-size: .12rem;font-weight: bold;}
.contact .box .left .title p{margin-top: .05rem;}
.contact ul{line-height: 1.6;margin-top: .2rem;}
.contact li{display: flex;align-items: center;padding: .1rem 0;border-bottom: 1px solid #DDD;}
.contact li i{display: block;text-align: center;font-size: .1rem;border-radius: 100%;}
.contact li p{margin-left: .1rem;width: 100%;}
#map_container{ height:3rem;width: 50%;}

.liuyan{margin-top: .3rem;}
.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%; outline:medium;border: none; padding:10px 4%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem;border: none; outline:medium; padding:2%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#53b753;cursor: pointer;outline: medium;padding: .05rem .3rem;}