﻿@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner:after{content: "";display: block;height: 1rem;position: absolute;left: 0;top: 0;right: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 80%);z-index: 100;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 50%;}
.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 .txt .more{display: inline-block;border: 2px solid #247e41;margin-top: .2rem;}
.banner .swiper-slide .txt .more a{display: block;color: #247e41;padding: .05rem .1rem;}
.banner .swiper-slide .txt .more a:hover{display: block;color: #247e41;padding: .05rem .1rem;text-decoration: none;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination-bullet{background: #fff;}
.banner .swiper-pagination .swiper-pagination-current{font-size: .2rem;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: .26rem;height: .26rem;text-align: center;line-height: .26rem;outline: medium;color: #FFF;border: 1px solid #FFF;border-radius: 100%;margin-top: -.13rem;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .1rem;color: #FFF;}

.dyip{padding: 3% 10%;background: #f5f5f5;}
.dyip ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dyip li{font-size: .1rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: url(../images/pic13.png) no-repeat right top;width: 25%;text-align: center;flex-flow: column;padding: .1rem 0;}
.dyip li:last-child{background: none;}
.dyip li p{margin-top: .1rem;}
.dyip li i{font-style: normal;font-size: .3rem;display: inline-block;line-height: 1;color:#247e41;font-weight: bold;}

.derp{background: url(../images/pic12.jpg) no-repeat center bottom;background-size: cover;}
.derp .title{text-align: center;}
.derp .index_pro{margin-top: .3rem;}
.derp .index_pro .swiper-slide{width: 18%;position: relative;transition: all .4s;text-align: center;}
.derp .index_pro .swiper-slide figure{padding-bottom: 100%;box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.derp .index_pro .swiper-slide:hover figure img{transform: scale(1.2);}
.derp .index_pro .swiper-slide h2{font-size: .12rem;padding: .1rem 0;}
.derp .index_pro .swiper-slide a:hover{text-decoration: none;}
.derp .swiper-button-next,.derp .swiper-button-prev{background: rgba(0,0,0,.2);width: .26rem;height: .26rem;text-align: center;line-height: .26rem;outline: medium;color: #FFF;border-radius: 100%;margin-top: -.13rem;}
.derp .swiper-button-next:after,.derp .swiper-button-prev:after{font-size: .1rem;color: #FFF;}

.dsanp{color: #FFF;background: url(../images/pic5.jpg) no-repeat center bottom;background-size: cover;}
.dsanp .bg{display: flex;align-items: center;justify-content: space-between;background: rgba(36,126,65,.9);flex-wrap: wrap;}
.dsanp .bd{width: 50%;}
.dsanp .bd .pic figure{padding-bottom: 65%;}
.dsanp .hd{width: 50%;box-sizing: border-box;padding: .3rem .5rem;}
.dsanp .hd .title p{margin-top: .1rem;line-height: 1.6;font-size: .12rem;}
.dsanp .hd .title .more{margin-top: .1rem;display: inline-block;font-size: .12rem;}
.dsanp .hd .title .more a{padding: .05rem 0;display: flex;align-items: center;justify-content: space-between;color: #FFF;}
.dsanp .hd .title .more a:hover{text-decoration: none;}
.dsanp .hd .title .more i{font-size: .12rem;margin-left: .05rem;}
.dsanp .hd ul{margin-top: .3rem;border-left: 2px solid #FFF;display: inline-block;}
.dsanp .hd li{padding: .05rem .1rem;cursor: pointer;font-size: .12rem;}
.dsanp .hd li.on{background: #FFF;color: #247e41;}

.dsip{background:  url(../images/pic11.jpg) no-repeat center;background-size: cover;}
.dsip .title{text-align: center;color: #FFF;}
.dsip ul{margin-top: .1rem;}
.dsip li{position: relative;background: #FFF;}
.dsip li .pic{width: 50%;}
.dsip li:nth-of-type(even) .pic{margin-left: 50%;}
.dsip li .pic figure{padding-bottom: 46%;}
.dsip li .txt{width: 50%;position: absolute;box-sizing: border-box;padding: .2rem;top: 0;bottom: 0;display: flex;align-items: center;}
.dsip li:nth-of-type(odd) .txt{left: 50%;}
.dsip li:nth-of-type(even) .txt{left: 0%;}
.dsip li .txt h2{font-weight: bold;font-size: .12rem;}
.dsip li .txt p{margin-top: .05rem;}
.dsip li .txt li{padding: .05rem 0;display: flex;align-items: center;font-size: .1rem;}
.dsip li .txt li i{font-size: .12rem;margin-right: .05rem;color: #247e41;}

.banner_pic{position: relative;}
.banner_pic:after{content: "";display: block;height: 1rem;position: absolute;left: 0;top: 0;right: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 80%);z-index: 100;}
.banner_pic figure{width: 100%;padding-bottom: 15%;}
.banner_pic .title{position: absolute;left: 10%;top: 0;right: 10%;bottom: 0;display: flex;align-items: center;color: #FFF;}
.banner_pic .title p{font-size: .14rem;margin-top: .05rem;}

.subnav{padding:0 10%;background: #F1F1F1;display: flex;align-items: center;justify-content: space-between;position: fixed;left: 0;right: 0;top: .5rem;z-index:100;}
.subnav p{display: flex;align-items: center;padding: .15rem 0;}
.subnav i:nth-of-type(1){font-size: .1rem;color: #247e41;}
.subnav i{font-size: .06rem;padding: 0 .05rem;color: #999;}
.subnav p a:hover{text-decoration: none;}
.subnav ul{display: flex;align-items: center;justify-content: center;flex-flow: wrap;}
.subnav li{position: relative;margin-right: .2rem;}
.subnav li a{display: block;padding: .15rem 0;overflow: hidden;transition: all .3s;}
.subnav li a:hover{display: block;text-decoration: none;color: #247e41;}
.subnav li a.current{color: #247e41;font-weight: bold;}
.subnav li:hover a:after{width: 100%;opacity: 1;}
.subnav li a.current:after{width: 100%;opacity: 1;}

.about_dyip .box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.about_dyip .box .left{width: 48%;}
.about_dyip .box .left h2{font-size: .14rem;margin-top: .1rem;}
.about_dyip .box .left p{line-height: 1.8;margin-top: .1rem;}
.about_dyip .box .pic{width: 48%;}
.about_dyip .box .pic figure{padding-bottom: 60%;}
.about_dyip ul{display: flex;align-items: center;justify-content: space-between;margin-top: .4rem;}
.about_dyip li{font-size: .08rem;font-size: .12rem;}
.about_dyip li .l{font-weight: bold;}
.about_dyip li i{font-style: normal;font-size: .3rem;display: inline-block;color:#247e41;}

.about_derp{background: #F5F5F5;}
.about_derp .title{padding: .3rem 10%;}
.about_derp ul{display: flex;align-items: center;justify-content: space-between;}
.about_derp li{width: 33.333%;position: relative;transition: all .4s;}
.about_derp li:hover{width: 40%;}
.about_derp li figure{height: 3rem;}
.about_derp li .txt{position: absolute;left: .2rem;top: auto;bottom: .2rem;right: .2rem;color: #FFF;transition: all .3s;}
.about_derp li .txt h2{font-size: .16rem;}
.about_derp li .txt p{margin-top: .1rem;font-size: .12rem;}

.about_dsanp{background: url(../images/pic17.png) no-repeat center;background-size: cover;}
.about_dsanp .swiper-father{position: relative;padding: 0 20%; margin-top: .4rem;}
.about_dsanp .wenhua{background: #FFF;}
.about_dsanp .wenhua .swiper-slide{padding: .5rem;box-sizing: border-box;text-align: center;}
.about_dsanp .wenhua .swiper-slide h2{font-size: .3rem;margin-bottom: .1rem;font-weight: bold;}
.about_dsanp .wenhua .swiper-slide p{line-height: 1.6;}
.about_dsanp .swiper-father .swiper-button-next:after,.about_dsanp .swiper-father .swiper-button-prev:after{color: #666;font-size: .14rem;}
.about_dsanp .swiper-father .swiper-button-next,.about_dsanp .swiper-father .swiper-button-prev{width: .3rem;height: .3rem;background: #FFF;border-radius: 1rem;margin-top: -.15rem;}
.about_dsanp .wenhuaer{margin-top: .5rem;padding-top: .1rem;}
.about_dsanp .wenhuaer .swiper-slide{border-top: 1px solid #DDD;text-align: center;padding: .1rem 0;}
.about_dsanp .wenhuaer .swiper-slide:after{content: "";display: block;width: 10px;height: 10px;background: #FFF;position: absolute;left: 50%;top: -7px;margin-left: -7px;border-radius: 1rem;border: 2px solid #CCC;}
.about_dsanp .wenhuaer .swiper-slide-thumb-active{color: #247e41;}
.about_dsanp .wenhuaer .swiper-slide-thumb-active:after{border: 2px solid #247e41;}

.about_dsip{background: url(../images/pic18.jpg) no-repeat center;background-size: cover;padding: 5% 0;}
.about_dsip .title{padding: 0 10%;}
.about_dsip .zhengshu .swiper-slide{transform: scale(.5);transition: all .3s;}
.about_dsip .zhengshu .swiper-slide figure{padding-bottom: 140%;}
.about_dsip .zhengshu .swiper-slide-active{transform: scale(.7);}
.about_dsip .zhengshu .swiper-button-next:after,.about_dsip .zhengshu .swiper-button-prev:after{color: #666;font-size: .14rem;}
.about_dsip .zhengshu .swiper-button-next,.about_dsip .zhengshu .swiper-button-prev{width: .3rem;height: .3rem;background: #FFF;border-radius: 1rem;margin-top: -.15rem;}
.about_dsip .zhengshu .swiper-button-prev{left: 10%;right: auto;}
.about_dsip .zhengshu .swiper-button-next{right: 10%;left: auto;}
.about_dsip .zhengshu .swiper-pagination-bullet-active{background: #247e41;}

.about_dwup ul{display: flex;align-items: center;justify-content: space-between;margin-top: .3rem;flex-wrap: wrap;margin-bottom: -.1rem;}
.about_dwup li{width: 31%;text-align: center;margin-bottom: .1rem;}
.about_dwup li figure{padding-bottom: 50%;}
.about_dwup li:last-child:nth-child(3n+1) {margin-right: calc((100% - 31%) / 2 * 2);}
.about_dwup li:last-child:nth-child(3n+2) {margin-right: calc((100% - 31%) / 2 * 1);}
.about_dwup li p{padding: .1rem;}

.con{padding: 5% 10%;}

.con_l{width: 18%;float: left;}
.con_l li{margin-bottom: .1rem;border-radius: .03rem;overflow: hidden;transition: all .3s;}
.con_l li p a{padding: .1rem;background: #F5F5F5;display: flex;align-items: center;justify-content: space-between;}
.con_l li p a:hover{text-decoration: none;background: #247e41;color: #FFF;}
.con_l li p a i{font-size: .08rem;color: #CCC;}
.con_l li:hover{box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.con_l li p a.current i{color: #FFF;}
.con_l li p a.current{background: #247e41;color: #FFF;}
.con_l li dl{display:none;transition: all .3s;}
.con_l li:hover dl{display:block;}
.con_l li dl a{padding: .05rem .1rem;display:block;}
.con_l li dl a:hover{text-decoration:none;}

.cpxqer .titleyi{background: #247e41;line-height: 3;padding:0 3%;color: #FFF;}
.cpxqer .tit{float: left;font-size: .1rem;}
.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{float: right;font-size: .1rem;transition: all 0.3s;}
.cpxqer .titleer.active{background: #F5F5F5;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;border-bottom: 1px dotted #CCC;}
.cpxqer li .titleer{ line-height: 3; padding:0 3%;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3%;}

.fuli ul{display: flex;align-items: center;justify-content: space-between;flex-flow: wrap;}
.fuli li{width: 50%;display: flex;align-items: center;justify-content: space-between;background: #F5F5F5;position: relative;}
.fuli li .pic{width: 50%;}
.fuli li:nth-of-type(3) .pic{margin-left: 50%;}
.fuli li:nth-of-type(4) .pic{margin-left: 50%;}
.fuli li .pic figure{padding-bottom: 100%;}
.fuli li .txt{width: 50%;box-sizing: border-box;padding: .2rem;position: absolute;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-size: .12rem;}
.fuli li:nth-of-type(1) .txt{left: 50%;}
.fuli li:nth-of-type(2) .txt{left: 50%;}
.fuli li:nth-of-type(3) .txt{left: 0%;}
.fuli li:nth-of-type(4) .txt{left: 0%;}
.fuli li .txt p{line-height: 2;}

.yuangong_dyip{position: relative;background: #F5F5F5;}
.yuangong_dyip .pic{width: 50%;}
.yuangong_dyip .pic figure{padding-bottom: 50%;}
.yuangong_dyip .txt{width: 50%;box-sizing: border-box;padding: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: absolute;left: 50%;top: 0;bottom: 0;}
.yuangong_dyip .txt .title{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;}
.yuangong_dyip .txt p{line-height: 2;}

.yuangong_derp{position: relative;margin-top: .3rem;background: #F5F5F5;}
.yuangong_derp .pic{width: 50%;float: right;}
.yuangong_derp .pic figure{padding-bottom: 50%;}
.yuangong_derp .txt{width: 50%;box-sizing: border-box;padding: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: absolute;left: 0%;top: 0;bottom: 0;}
.yuangong_derp .txt h2{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;}
.yuangong_derp .txt p{line-height: 2;}

.product_search{display: flex;align-items: center;justify-content: space-between;margin:.4rem 25% 0 25%;border: 2px solid #CCC;border-radius: .05rem;overflow: hidden;}
.product_search .input_txt{width: 90%;height: .3rem;border: none;outline: magenta;box-sizing: border-box;background: none;box-sizing: border-box;padding: 0 .1rem;font-size: .1rem;}
.product_search .input_btn{width: 10%;height: .3rem;border: none;outline: magenta;background: url(../images/pic4.png) no-repeat center;background-size: .16rem;cursor: pointer;}

.daili_t{display: flex;align-items: center;justify-content: center;border: 1px solid #247e41;width: 40%;margin-bottom:.2rem;}
.daili_t .input_txt{width: 80%;height: .3rem;border: none;outline: magenta;box-sizing: border-box;background: none;box-sizing: border-box;padding: 0 .2rem;}
.daili_t .input_btn{width: 20%;height: .3rem;border: none;outline: magenta;cursor: pointer;font-size: .1rem;background: #247e41;color: #FFF;}

.daili{width: 78%; float: right;}

.daili .box ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.daili .box li{width: 21%;position: relative;transition: all .4s;text-align: center;margin-bottom: .2rem;}
.daili .box li .pic{border: 1px solid #DDD;}
.daili .box li figure{padding-bottom: 36%;}
.daili .box li h2{padding: .05rem 0;}
.daili .box li a:hover{text-decoration: none;}
.daili .box li:last-child:nth-child(4n+1) {margin-right: calc((100% - 21%) / 3 * 3);}
.daili .box li:last-child:nth-child(4n+2) {margin-right: calc((100% - 21%) / 3 * 2);}
.daili .box li:last-child:nth-child(4n+3) {margin-right: calc((100% - 21%) / 3 * 1);}

.zhengshu ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.zhengshu li{width: 17%;position: relative;transition: all .4s;text-align: center;margin-bottom: .2rem;border-radius: .02rem;overflow: hidden;transition: all .6s;top: 0;cursor: pointer;}
.zhengshu li:hover{box-shadow: 0 0 .1rem rgba(0,0,0,.1);top: -.1rem;}
.zhengshu li .pic{position: relative;}
.zhengshu li figure{padding-bottom: 140%;}
.zhengshu li .pic i{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;color: #FFF;visibility: hidden;opacity: 0;transition: all .6s;}
.zhengshu li:hover .pic i{visibility: visible;opacity: 1;}
.zhengshu li h2{padding: .1rem 0;}
.zhengshu li a:hover{text-decoration: none;}
.zhengshu li:last-child:nth-child(5n+1) {margin-right: calc((100% - 17%) / 4 * 4);}
.zhengshu li:last-child:nth-child(5n+2) {margin-right: calc((100% - 17%) / 4 * 3);}
.zhengshu li:last-child:nth-child(5n+3) {margin-right: calc((100% - 17%) / 4 * 2);}
.zhengshu li:last-child:nth-child(5n+4) {margin-right: calc((100% - 17%) / 4 * 1);}

.products_box{width: 78%;float: right;}
.products ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.products li{width: 23%;position: relative;transition: all .4s;text-align: center;margin-bottom: .1rem;}
.products li figure{padding-bottom: 100%;box-shadow: 0 0 .05rem rgba(0,0,0,.1);}
.products li:hover figure img{transform: scale(1.2);}
.products li h2{font-size: .12rem;padding: .1rem 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.products li a:hover{text-decoration: none;}
.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);}

.products_con .products_con_t{background: #F5F5F5;}
.products_con .products_con_t .left{width: 50%;float: left;}
.products_con .products_con_t .left figure{padding-bottom: 60%;}

.products_con_t .right{width: 50%;float: right;box-sizing: border-box;padding: .3rem;}
.products_con_t .right strong{font-size: .12rem;display: block;font-weight: bold;}
.products_con_t .right .xh{color: #999;margin-top: .05rem;}
.products_con_t .right .txt{line-height: 1.6;margin-top: .1rem;}
.products_con_t .right .more{display: inline-block;margin-top: .2rem;font-size: .12rem;}
.products_con_t .right .more span{color: #247e41;}
.products_con_t .right .more i{font-size: .14rem;margin-right: .05rem;color: #247e41;}

.products_related{margin-top: .3rem;}
.products_related .title{font-size: .14rem;}
.products_related .picshi{margin-top: .2rem;text-align: left;}
.products_related .swiper-slide{text-align: center;box-sizing: border-box;border: 1px solid #DDD;}
.products_related .swiper-slide figure{padding-bottom: 70%;}
.products_related .swiper-slide h2{padding: .1rem;}
.products_related .swiper-slide a:hover{text-decoration: none;}

.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: #F5F5F5;}
.fenye li a{width: .24rem;height: .24rem;display: flex;align-items: center;justify-content: center;}
.fenye li a:hover{text-decoration: none;background: #247e41;color: #FFF;}
.fenye li.current a{background: #247e41;color: #FFF;}
.fenye li i{font-size: .1rem;}

.syt{padding: .1rem 0;background: #F5F5F5;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;padding: 0 .1rem;}
.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;}

.con .contact{line-height: 1.6;display: flex;align-items: center;background: #F5F5F5;flex-wrap: wrap;}
.con .contact .txt{width: 50%;box-sizing: border-box;padding: 0 .3rem;}
.con .contact .txt .title{font-weight: bold;margin-bottom: .1rem;}
.con .contact .txt strong{font-weight: bold;}
.con .contact .txter{line-height: 1.6;margin-top: .05rem;}

#map_container{ height:2.5rem;width: 50%;}

.liuyan{margin-top: .5rem;}
.liuyan .txt{margin-top: .1rem;}
.liuyan ul{margin-top: .2rem;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:2px solid #EEE; outline:medium; padding:10px 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:1rem; border:2px solid #EEE; outline:medium; padding:1%;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:#247e41;cursor: pointer;outline: medium;padding: .05rem .3rem;}