@charset "utf-8";
/* CSS Document */
.banner{margin-top: 70px;}
.banner .swiper-slide{position: relative;text-align: center;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.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: 10px;height: 10px;opacity: 0.5;background: #FFF;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #3bad36;}
.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:70px 10%;}
.dyip .title{text-align: center;}
.dyip .title h2{font-size: 36px;font-weight: bold;color: #3bad36;}
.dyip .title .xian{width: 340px;height: 1px;background: #CCC;margin: 10px auto;position: relative;}
.dyip .title .xian:after{content: "";display: block;position: absolute;left: 50%;bottom: -4px;width: 50px;height: 9px;background: #CCC;border-radius: 10px;margin-left: -25px;}
.dyip .title p{color: #979797;font-size: 16px;}
.dyip .hd{margin-top: 30px;}
.dyip .hd ul{text-align: center;font-size: 0px;}
.dyip .hd li{display: inline-block;font-size: 16px;background: #F5F5F5;height: 40px;line-height: 40px;margin: 0 10px;cursor: pointer;border-radius: 30px;overflow:hidden;}
.dyip .hd li a{display:block;padding: 0 30px;}
.dyip .hd li a:hover{color:#FFF;display:block;text-decoration:none;}
.dyip .hd li.on a{background: #3bad36;color: #FFF;}
.dyip .bd{margin-top: 30px;}
.dyip .bd ul{margin-left: -2%;}
.dyip .bd li{text-align: center;position: relative;width: 23%;margin-left: 2%;float: left;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.dyip .bd li .pic{overflow: hidden;}
.dyip .bd li img{width: 100%;transition: all 0.3s;}
.dyip .bd li:hover img{transform: scale(1.2);}
.dyip .bd li p{font-size: 16px;line-height: 50px;}
.dyip .bd li a{color: #333;background: #CCC;display: block;}
.dyip .bd li a:hover{text-decoration: none;color: #FFF;background: #3bad36;}

.derp{background: #F5F5F5;}
.derp .title{text-align: center;padding-top: 70px;}
.derp .title h2{font-size: 36px;font-weight: bold;color: #3bad36;}
.derp .title .xian{width: 340px;height: 1px;background: #CCC;margin: 10px auto;position: relative;}
.derp .title .xian:after{content: "";display: block;position: absolute;left: 50%;bottom: -4px;width: 50px;height: 9px;background: #CCC;border-radius: 10px;margin-left: -25px;}
.derp .title p{color: #979797;font-size: 16px;}
.derp .box{position: relative;margin-top: 30px;}
.derp .bd .bt{height: 700px;}
.derp .hd{position: absolute;left: 0px;right: 0px;bottom: 0px;z-index: 100;}
.derp .hd li{width: 20%;float: left;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.5);box-sizing: border-box;cursor: pointer;}
.derp .hd li i{font-size: 40px;width: 80px;height: 80px;line-height: 80px;display: block;margin:0 auto;border: 3px solid #3bad36;border-radius: 50px;color: #3bad36;transition: all 0.3s;font-weight: bold;}
.derp .hd li.on{background: rgba(0, 0, 0, 0.2);}
.derp .hd li:hover i{border: 3px solid #FFF;color: #FFF;}
.derp .hd li.on i{color: #FFF;border: 3px solid #FFF;}
.derp .hd li h2{font-size: 24px;margin-top: 40px;color: #3bad36;transition: all 0.3s;}
.derp .hd li:hover h2{color: #FFF;}
.derp .hd li.on h2{color: #FFF;}
.derp .hd li a{display: flex;align-items: center;justify-content: center;flex-flow: column;height: 700px;}
.derp .hd li a:hover{text-decoration:none;}

.dsip{text-align: center;padding:70px 18% 240px 18%;}
.dsip .title{text-align: center;}
.dsip .title h2{font-size: 36px;font-weight: bold;color: #3bad36;}
.dsip .title .xian{width: 340px;height: 1px;background: #CCC;margin: 10px auto;position: relative;}
.dsip .title .xian:after{content: "";display: block;position: absolute;left: 50%;bottom: -4px;width: 50px;height: 9px;background: #CCC;border-radius: 10px;margin-left: -25px;}
.dsip .title p{color: #979797;font-size: 16px;}
.dsip .txt{line-height: 38px;font-size: 18px;margin-top: 30px;}
.dsip .more{width: 150px;line-height: 38px;text-align: center;background: #3bad36;border-radius: 17px;font-size: 16px;margin: 20px auto 0 auto;}
.dsip .more a{color: #FFF;display: block;}
.dsip .more a:hover{color: #FFF;display: block;text-decoration: none;}

.dwup{padding:70px 10%;}
.dwup .title{text-align: center;}
.dwup .title h2{font-size: 36px;font-weight: bold;color: #3bad36;}
.dwup .title .xian{width: 340px;height: 1px;background: #CCC;margin: 10px auto;position: relative;}
.dwup .title .xian:after{content: "";display: block;position: absolute;left: 50%;bottom: -4px;width: 50px;height: 9px;background: #CCC;border-radius: 10px;margin-left: -25px;}
.dwup .title p{color: #979797;font-size: 16px;}
.dwup ul{margin-left: -2%;margin-top: 30px;display: flex;}
.dwup li{width: 23%;margin-left: 2%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.dwup li .box{padding:20px;}
.dwup li .pic img{width: 100%;}
.dwup li h2{font-size: 18px;}
.dwup li p{margin-top: 15px;font-size: 16px;line-height: 24px;color: #888;height: 48px;overflow: hidden;}
.dwup li .more{margin-top: 30px;}
.dwup li .more a{color: #888;}
.dwup li .more a:hover{color: #888;text-decoration: none;color: #3bad36;}

.banner_ny{margin-top: 70px;position: relative;}
.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;}

.subnav_er{background: #F5F5F5;padding:0 10%;line-height: 60px;border-bottom: 2px solid #FFF;}
.subnav_er .dqwz{float: left;}
.subnav_er .dqwz a:hover{text-decoration: none;}
.subnav_er .dqwz .txt span{margin:0 5px;}
.subnav_er .dqwz i{font-size: 12px;padding: 0 10px;color: #CCC;}
.subnav_er ul{float: right;}
.subnav_er li{font-size: 16px;float: left;margin-left: 30px;}
.subnav_er li a{display: block;}
.subnav_er li a:hover{display: block;text-decoration: none;color: #3bad36;}
.subnav_er li a.current{color: #3bad36;border-bottom:2px solid #3bad36;}
.subnav_er li a.current:before{opacity: 1;visibility: visible;}

.con{padding: 50px 10%;}

.about .left{width: 35%;float: left;}
.about .left img{width: 100%;}

.about .right{line-height: 34px;width: 60%;float: right;}
.about .right p{padding-bottom: 30px;text-indent: 2em;}

.licheng_t{text-align: center;}
.licheng_t .title{font-size: 30px;}
.licheng_t .box{width: 1000px;margin: 40px auto 0 auto;}
.licheng_t .box img{width: 100%;}
.licheng_b{background: url(../images/pic9.jpg) no-repeat center;padding: 5% 0;background-size: cover;margin-top: 60px;}
.licheng_b .title{text-align: center;color: #FFF;font-size: 30px;}
.licheng_b .box{margin-top: 40px;}
.licheng_b .swiper-father{position: relative;}
.licheng_b .gallery-top_licheng{background: url(../images/pic10.jpg) no-repeat center;margin: 3% 10%;background-size: cover;}
.licheng_b .gallery-top_licheng .swiper-slide{padding: 5%;line-height: 30px;box-sizing: border-box;}
.licheng_b .gallery-top_licheng .swiper-slide p{position: relative;margin-bottom: 10px;margin-left: 15px;}
.licheng_b .gallery-top_licheng .swiper-slide p:after{content: "";display: block;position: absolute;left: -15px;top: 12px;width: 6px;height: 6px;background: #3bad36;border-radius: 10px;}
.licheng_b .swiper-father .swiper-button-next,.licheng_b .swiper-father .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.licheng_b .swiper-button-prev:after,.licheng_b .swiper-button-next:after{color: #FFF;font-size: 36px;}
.licheng_b .gallery-thumbs_licheng{background: url(../images/pic5.png) no-repeat center;padding-bottom: 50px;}
.licheng_b .gallery-thumbs_licheng .swiper-slide{color: #FFF;font-size: 24px;line-height: 50px;text-align: center;cursor: pointer;}
.licheng_b .gallery-thumbs_licheng .swiper-slide-thumb-active {color: #3bad36;}

.zhengshu .title{text-align: center;font-size: 30px;}
.zhengshu_dyip{padding: 50px 10%;}
.zhengshu_dyip .box{margin-top: 40px;}
.zhengshu_dyip .swiper-father{position: relative;}
.zhengshu_dyip .gallery-top_zs{background: url(../images/pic10.jpg) no-repeat center;margin: 3% 10%;background-size: cover;}
.zhengshu_dyip .gallery-top_zs .swiper-slide{line-height: 50px;box-sizing: border-box;text-align: center;}
.zhengshu_dyip .gallery-top_zs .swiper-slide img{max-width: 100%;}
.zhengshu_dyip .swiper-father .swiper-button-next,.swiper-father .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.zhengshu_dyip .swiper-button-prev:after,.zhengshu_dyip .swiper-button-next:after{color: #333;}
.zhengshu_dyip .swiper-father .swiper-button-next:after,.swiper-father .swiper-button-prev:after{font-size: 40px;}
.zhengshu_dyip .gallery-thumbs_zs{background: url(../images/pic5.png) no-repeat center;padding-bottom: 50px;}
.zhengshu_dyip .gallery-thumbs_zs .swiper-slide{color: #FFF;font-size: 24px;line-height: 50px;text-align: center;cursor: pointer;border: 1px solid #CCC;box-sizing: border-box;}
.zhengshu_dyip .gallery-thumbs_zs .swiper-slide img{width: 100%;}
.zhengshu_dyip .gallery-thumbs_zs .swiper-slide-thumb-active {border: 1px solid #3bad36;}

.zhengshu_derp{padding: 50px 10%;border-top: 1px  solid #CCC;}
.zhengshu_derp ul{margin-left: -5%;margin-top: 40px;}
.zhengshu_derp li{line-height: 50px;border-bottom: 1px  solid #CCC;width: 45%;float: left;margin-left: 5%;}
.zhengshu_derp li a{position: relative;}
.zhengshu_derp li a:hover{text-decoration: none;}
.zhengshu_derp li .pic{position: absolute;left: 120%;top: 0px;display: none;width: 200px;z-index: 100;border: 1px solid #CCC;}
.zhengshu_derp li .pic img{width: 100%;}
.zhengshu_derp li a:hover .pic{display: block;}

.gongchang .title{text-align: center;font-size: 30px;margin-bottom: 30px;}
.gongchang ul{margin-left: -2%;}
.gongchang li{width: 23%;float: left;margin-left: 2%;text-align: center;line-height: 40px;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.gongchang li img{width: 100%;}
.gongchang li h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 15px;}

.lingdao{text-align: center;}
.lingdao img{max-width: 100%;}
.huoban{text-align: center;}
.huoban ul{margin-left: -1%;margin-top: 70px;}
.huoban li{width: 15.555%;float: left;margin-left: 1%;text-align: center;line-height: 40px;margin-bottom: 5%;box-sizing: border-box;border: 1px solid #CCC;transform: rotate(45deg);}
.huoban img{max-width: 100%;transform: rotate(-45deg);}

.video{width: 800px;margin: 0 auto;}
.video video{width: 100%;}

.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;}

.download ul{margin-left: -3%;}
.download li{width: 30.333%;border: 1px solid #3bad36;margin-bottom: 2%;padding: 1%;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: #3bad36;}
.download li .txt{width: 230px;margin-left: 70px;}
.download li a:hover{text-decoration: none;}

.products_list{padding:50px 8%;background: #f4f4f4;}
.products ul{margin-left: -2%;}
.products li{float: left;width: 23%;margin-left: 2%;text-align: center;margin-bottom: 20px;background: #FFF;box-sizing: border-box;}
.products li img{width: 100%;}
.products li h2{font-size: 18px;line-height: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.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 #3bad36;background: #3bad36;}
.fenye li.current a{color: #FFF;}

.products_con{background: #f4f4f4;}
.products_con img{width: 100%;}
.products_con .products_con_t{background: #FFF;padding:50px;}
.products_con .products_con_t .left{width: 50%;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 {border: 1px solid #CCC;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {border: 1px solid #3bad36;}

.products_con_t .right{width: 45%;float: right;}
.products_con_t .right h2{font-size: 24px;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: 50px;height: 2px;background: #3bad36;margin: 10px 0 20px 0;}
.products_con_t .right .txter p{line-height: 24px;font-size: 14px;text-align: justify;}

.products_con_b{margin:30px 0;background: #FFF;}
.products_con_b .title{text-align: center;border-bottom: 1px solid #DDD;padding:20px 0;font-size: 24px;}
.products_con_b .txt{line-height: 24px;padding:50px;}
.products_con_b .txt p{padding-bottom: 10px;}
.products_con_b .txt img{max-width: 100%;margin:10px 0;}
.products_con_b .txt video{max-width: 100%;}
.products_con_b table{border-left: 2px solid #F5F5F5;border-top: 2px solid #F5F5F5;margin-top: 30px;}
.products_con_b td{border-right: 2px solid #F5F5F5;border-bottom: 2px solid #F5F5F5;padding:15px;font-size: 18px;}
.products_con_b th{border-right: 2px solid #F5F5F5;border-bottom: 2px solid #F5F5F5;padding:15px;font-size: 18px;font-weight: bold;}

.xgcp{margin-top: 50px;text-align: center;}
.xgcp .titleer{font-size: 24px;}
.xgcp .xian{width: 50px;height: 2px;background: #3bad36;margin: 10px auto 0px auto;}
.xgcp .xg_pro{margin-top: 30px;}
.xgcp .swiper-slide{background: #FFF;}
.xgcp .swiper-slide .pic img{width: 100%;}
.xgcp .swiper-slide h2{font-size: 18px;height: 50px; line-height: 50px;margin:10px 20px;overflow: hidden;}
.xgcp .swiper-slide a:hover{text-decoration: none;}

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



.news ul{margin-left: -2%;display: flex;flex-wrap: wrap;}
.news li{width: 23%;margin-left: 2%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);margin-bottom:2%;}
.news li .box{padding:20px;}
.news li .pic img{width: 100%;}
.news li h2{font-size: 18px;font-weight: bold;}
.news li h2 span{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 90%,#3bad36 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
    transition: background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
    text-decoration: none;
    padding-bottom: 3px;
}
.news li h2 span:hover{ background-size: 100% 100%;}
.news li h2 a{transition: all 0.3s;}
.news li h2 a:hover{text-decoration: none;}
.news li p{margin-top: 15px;font-size: 16px;line-height: 24px;color: #888;height: 48px;overflow: hidden;}
.news li .more{margin-top: 30px;}
.news li .more a{color: #888;}
.news li .more a:hover{color: #888;text-decoration: none;color: #3bad36;}

.news_con .box{background: #FFF;padding: 50px;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: 24px;padding:20px 0;}
.news_con .title p{margin-top: 10px;color: #999;}
.news_con .txt{line-height: 30px;margin-top: 50px;}
.news_con .txt p{padding-bottom: 10px;}

.syt{line-height: 30px;margin-top: 20px;position: relative;border-top: 1px solid #EEE;padding-top: 30px;}
.syt li{width: 150px;height: 40px;line-height: 40px;border: 1px solid #EEE;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: #3bad36;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: #3bad36;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: 24px;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:#3bad36;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: #3bad36;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: 40px;color:#FFF;}

#map_container{width: 60%; height:500px;float: right;}

.zhaopin_dyip{padding: 70px 10%;}
.zhaopin_dyip .title{text-align: center;font-size: 30px;}
.zhaopin_dyip .box{font-size:0;background:#F5F5F5;margin-top: 30px;}
.zhaopin_dyip .box .pic{width: 50%;display: inline-table;vertical-align: middle;}
.zhaopin_dyip .box img{max-width: 100%;}
.zhaopin_dyip .box .txt{width: 50%;padding:3%;box-sizing: border-box;display: inline-table;vertical-align: middle;}
.zhaopin_dyip .box .txt h2{font-size: 30px;}
.zhaopin_dyip .box .txt p{font-size: 16px;margin-top: 30px;line-height: 30px;}

.zhaopin_derp{padding: 70px 10%;background:#F5F5F5;}
.zhaopin_derp .box{padding: 30px 0;}
.zhaopin_derp .title{text-align: center;font-size: 30px;}
.zhaopin_derp .cpxqer{box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);margin-top: 30px;}
.zhaopin_derp .cpxqer .titleyi{background: linear-gradient(to right, #5aa237 , #aac724);line-height: 80px;padding:0 5%;color: #FFF;}
.zhaopin_derp .cpxqer .tit{float: left;font-size: 16px;}
.zhaopin_derp .cpxqer .position{width: 30%;font-weight: bold;}
.zhaopin_derp .cpxqer .address{width: 20%;}
.zhaopin_derp .cpxqer .salary{width: 30%;}
.zhaopin_derp .cpxqer .time{width: 20%;}
.zhaopin_derp .cpxqer .time i{float: right;font-size: 12px;transition: all 0.3s;}
.zhaopin_derp .cpxqer .titleer.active{background: linear-gradient(to right, #5aa237 , #aac724);color: #FFF;}
.zhaopin_derp .cpxqer .titleer.active .time i{transform: rotate(90deg);}
.zhaopin_derp .cpxqer li{background: #FFF;margin-top: 1.5%;}
.zhaopin_derp .cpxqer li .titleer{ line-height: 80px; padding:0 5%;height: 80px;overflow: hidden;color: #666;cursor: pointer;}
.zhaopin_derp .cpxqer li .con_er{ display:none; line-height:30px; padding:5%;background: #FFF;}

.zhaopin_dsanp{padding: 70px 10%;}
.zhaopin_dsanp .title{text-align: center;font-size: 30px;}
.zhaopin_dsanp ul{margin-left: -2%;margin-top: 30px;display: flex;flex-wrap: wrap;}
.zhaopin_dsanp li{width: 23%;margin-left: 2%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.zhaopin_dsanp li .box{padding:20px;}
.zhaopin_dsanp li .pic img{width: 100%;}
.zhaopin_dsanp li h2{font-size: 18px;font-weight: bold;}
.zhaopin_dsanp li h2 span{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 90%,#3bad36 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
    transition: background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
    text-decoration: none;
    padding-bottom: 3px;
}
.zhaopin_dsanp li h2 span:hover{ background-size: 100% 100%;}
.zhaopin_dsanp li h2 a{transition: all 0.3s;}
.zhaopin_dsanp li h2 a:hover{text-decoration: none;}
.zhaopin_dsanp li p{margin-top: 15px;font-size: 16px;line-height: 24px;color: #888;height: 48px;overflow: hidden;}
.zhaopin_dsanp li .more{margin-top: 30px;}
.zhaopin_dsanp li .more a{color: #888;}
.zhaopin_dsanp li .more a:hover{color: #888;text-decoration: none;color: #3bad36;}