@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner figure{padding-bottom: 50%;}
.banner video{width: 100%;}

.dyip{padding: 6% 20%;text-align: center;}
.dyip .pic{margin: 0 auto .2rem auto;display: flex;align-items: center;justify-content: center;position: relative;}
.dyip .pic img{width: .3rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100;}
.dyip .pic:after{content: "";display: block;width: .55rem;height: .55rem;background: url(../images/pic25.png) no-repeat center /100%;animation: aboQq 1.5s linear infinite;}
@keyframes aboQq {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.dyip .title{margin-top: .2rem;letter-spacing: .05rem;}
.dyip .txt{margin-top: .2rem;line-height: 1.6;text-align: left;}
.dyip .more{margin-top: .2rem;display: inline-block;}
.dyip .more a{padding: .05rem .2rem;border: 1px solid #000;display: block;color: #000;position: relative;}
.dyip .more a:hover{text-decoration: none;border: 1px solid #56514e;color: #FFF;}
.dyip .more a:after{content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;background: #56514e;z-index: -1;width: 0;transition: all .3s;}
.dyip .more a:hover:after{width: 100%;}

.derp{padding-top: 6%;background: #f5f5f5;}
.derp .pic{margin: 0 auto .2rem auto;display: flex;align-items: center;justify-content: center;position: relative;}
.derp .pic img{width: .3rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100;}
.derp .pic:after{content: "";display: block;width: .55rem;height: .55rem;background: url(../images/pic25.png) no-repeat center /100%;animation: aboQq 1.5s linear infinite;}
.derp .title{text-align: center;margin-top: .2rem;}
.derp .title p{margin-top: .05rem;color: #999;}
.derp .box{position: relative;margin-top: .4rem;}
.shengchan .swiper-slide{position: relative;}
.shengchan .swiper-slide figure{padding-bottom: 49%;}
.shengchan .swiper-slide:after{background: rgba(0,0,0,.2);content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.shengchan .swiper-slide p{position: absolute;left: 0;top: 0;right: 0;bottom: 0;color: #FFF;display: flex;align-items: center;justify-content: center;font-size: .26rem;text-shadow: 0 0 .1rem rgba(0,0,0,1);font-weight: 300;letter-spacing: .1rem;z-index: 1;}
.derp .swiper-button-next,.derp .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;border-radius: 1rem;}
.derp .swiper-button-next{right: 5%;left: auto;}
.derp .swiper-button-prev{left: 5%;right: auto;}
.derp .swiper-button-next i,.derp .swiper-button-prev i{font-size: .26rem;color: #FFF;}
.derp .swiper-button-next:after,.derp .swiper-button-prev:after{display: none;}

.dsanp{text-align: center;}
.dsanp .title .pic{margin: 0 auto .2rem auto;display: flex;align-items: center;justify-content: center;position: relative;}
.dsanp .title .pic img{width: .3rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100;}
.dsanp .title .pic:after{content: "";display: block;width: .55rem;height: .55rem;background: url(../images/pic25.png) no-repeat center /100%;animation: aboQq 1.5s linear infinite;}
.dsanp .title p{margin-top: .05rem;color: #999;}
.dsanp ul{display: flex;margin-top: .4rem;flex-wrap: wrap;margin-left: -3%;}
.dsanp li{width: 30.333%;transition: all .4s;margin-left: 3%;background: #FFF;text-align: left;position: relative;}
.dsanp li .pic{width: 100%;}
.dsanp li figure{padding-bottom: 65%;}
.dsanp li:hover figure img{transform: scale(1.1);}
.dsanp li p{background: #56514e;padding: .01rem .05rem;color: #FFF;display: inline-block;margin-top: .1rem;font-size: .08rem;}
.dsanp li h2{transition: all .3s;font-size: .13rem;line-height: 1.4;padding-top: .08rem;}
.dsanp li span{color: #999;padding-top: .05rem;display: inline-block;}
.dsanp li a:hover{text-decoration: none;}

.dsip{position: relative;text-align: center;}
.dsip .pic{margin: 0 auto .2rem auto;display: flex;align-items: center;justify-content: center;position: relative;}
.dsip .pic img{width: .3rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100;}
.dsip .pic:after{content: "";display: block;width: .55rem;height: .55rem;background: url(../images/pic25.png) no-repeat center /100%;animation: aboQq 1.5s linear infinite;}
.dsip .box{margin: 0 14%;}
.dsip figure{padding-bottom: 49%;}
.dsip video{width: 100%;}
.dsip .title{display: flex;align-items: center;justify-content: center;flex-flow: column;padding: 6% 0 3% 0;}
.dsip .title p{margin-top: .05rem;}
.dsip .title .more{margin-top: .2rem;display: inline-block;}
.dsip .title .more a{padding: .05rem .2rem;border: 1px solid #000;display: block;position: relative;z-index: 1;}
.dsip .title .more a:hover{text-decoration: none;border: 1px solid #56514e;color: #FFF;}
.dsip .title .more a:after{content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;background: #56514e;z-index: -1;width: 0;transition: all .3s;}
.dsip .title .more a:hover:after{width: 100%;}

.dwup{text-align: center;padding-top: 6%;}
.dwup .title .pic{margin: 0 auto .2rem auto;display: flex;align-items: center;justify-content: center;position: relative;}
.dwup .title .pic img{width: .3rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100;}
.dwup .title .pic:after{content: "";display: block;width: .55rem;height: .55rem;background: url(../images/pic25.png) no-repeat center /100%;animation: aboQq 1.5s linear infinite;}
.dwup .title p{margin-top: .05rem;color: #999;}
.dwup .swiper-father{position: relative;margin-top: .4rem;padding: 0 15%;}
.dwup .swiper-slide{display: flex;align-items: center;background: #efefef;flex-wrap: wrap;}
.dwup .swiper-slide .title p{color: #999;margin-top: .05rem;text-transform: uppercase;}
.dwup .swiper-slide .pic{width: 65%;}
.dwup .swiper-slide .pic figure{padding-bottom: 70%;}
.dwup .swiper-slide:hover .pic figure img{transform: scale(1.1);}
.dwup .swiper-slide .txt{width: 35%;text-align: left;box-sizing: border-box;padding: .3rem .35rem;}
.dwup .swiper-slide .txt h2{position: relative;padding-bottom: .1rem;}
.dwup .swiper-slide .txt h2:after{content: "";display: block;width: 2.7rem;height: 1px;background: #999;position: absolute;right: 0;bottom: 0;}
.dwup .swiper-slide .txt p{margin-top: .1rem;line-height: 1.6;}
.dwup .swiper-slide .txt .more{margin-top: .3rem;display: inline-block;}
.dwup .swiper-slide .txt .more a{padding: .02rem .2rem;border: 1px solid #56514e;display: block;color: #56514e;position: relative;}
.dwup .swiper-slide .txt .more a:hover{text-decoration: none;border: 1px solid #56514e;color: #FFF;}
.dwup .swiper-slide .txt .more a:after{content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;background: #56514e;z-index: -1;width: 0;transition: all .3s;}
.dwup .swiper-slide .txt .more a:hover:after{width: 100%;}
.dwup .swiper-button-next,.dwup .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;}
.dwup .swiper-button-next{right: 5%;left: auto;}
.dwup .swiper-button-prev{left: 5%;right: auto;}
.dwup .swiper-button-next i,.dwup .swiper-button-prev i{font-size: .26rem;color: #56514e;}
.dwup .swiper-button-next:after,.dwup .swiper-button-prev:after{display: none;}

.dliup{border-top: 1px solid #56514e;}
.dliup .title{text-align: center;}
.dliup .title p{margin-top: .05rem;color: #999;}
.dliup ul{margin-top: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dliup ul:after{display: none;}
.dliup li{ width:49%; margin-bottom: .1rem;}
.dliup li p{padding-bottom: 5px;}
.dliup li .input_txt{ width:100%;outline:medium;padding:.1rem 0;font-family:'Conv_tt1161m_';box-sizing: border-box;background: none;border: none;border-bottom:1px solid #56514e;}
.dliup .textarea{  margin:0;}
.dliup .textarea textarea{ width:100%;height:1rem;outline:medium; padding:1% 0;box-sizing: border-box;background: none;border: none;border-bottom:1px solid #56514e;}
.dliup .textarea p{font-weight: bold;padding-bottom: 10px;}
.dliup .more{margin-top:.2rem;}
.dliup .input_btn{border:0 none;cursor: pointer;outline: medium;padding: .08rem .8rem;font-size: .13rem;background: #56514e;color:#FFF;}

.dqip{position: relative;}
.dqip figure{padding-bottom: 49%;}
.dqip .box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 101;padding: 5% 20%;text-align: center;color: #FFF;display: flex;align-items: center;justify-content: center;flex-flow: column;text-shadow: 0 0 .05rem rgba(0, 0, 0, .8);}
.dqip .box p{line-height: 2;font-size: .11rem;}
.dqip:after{background: rgba(0,0,0,.2);content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 100;}
.dqip ul{display: flex;align-items: center;flex-wrap: wrap;margin-top: .2rem;text-align: center;justify-content: space-between;position: relative;z-index: 1;width: 100%;}
.dqip li{box-sizing: border-box;}
.dqip li:last-child{border-right: none;}
.dqip li span{font-size: .11rem;}
.dqip li i{font-style: normal;display: inline-block;font-size: .4rem;font-weight: bold;}

.fangan_video .video{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,1);z-index: 9000;display: none;}
.fangan_video .video .close{width: 40px;height: 40px;position: absolute;right: 10%;top: 10%;z-index: 104;cursor: pointer;border-radius: 100%;color: #FFF;}
.fangan_video .video video{width: 70%;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.fangan_video .video.showvideo {display: block;}

.subnav{text-align: center;padding: 10% 8% 0 8%;}
.subnav ul{display: flex;margin-left: -.3rem;margin-top: .2rem;justify-content: center;}
.subnav li{margin-left: .3rem;position:relative;}
.subnav li a{padding: .02rem .05rem;display: block;background: #56514e;color: #FFF;}
.subnav li a:hover{text-decoration: none;}
.subnav li a:after{content: '';position: absolute;top: 100%;left: 50%;width: 0; height: 0; border-left: .05rem solid transparent;border-right: .05rem solid transparent; border-top: .05rem solid #56514e;transform: translateX(-50%);visibility:hidden;opacity:0;transition:all .3s;}
.subnav li a.current:after{visibility: visible;opacity: 1;}

.pro_sub{margin-top: .3rem;background: #F5F5F5;}
.pro_sub ul{display: flex;align-items: center;justify-content: center;}
.pro_sub li{width: 10%;margin: 0 .2rem;}
.pro_sub li img{width: 100%;}
.pro_sub li .er{display: none;}
.pro_sub li a.current .yi{display: none;}
.pro_sub li a.current .er{display: block;}

.products{display: flex;justify-content: space-between;flex-wrap: wrap;}
.products .pic{width: 70%;}
.products .pic img{width: 100%;}
.products .products_right{width: 28%;height: 100%;overflow-Y: scroll;height: 2.93rem;box-sizing: border-box;padding-right: .1rem;}
.products li{width: 100%;margin-bottom: .1rem;}
.products li img{width: 100%;}

.case_banner .swiper-slide{position: relative;overflow: hidden;}
.case_banner .swiper-slide figure{padding-bottom: 50%;}
.case_banner .swiper-slide:after{background: rgba(0,0,0,.2);content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.case_banner .swiper-slide p{position: absolute;left: 0;top: 0;right: 0;bottom: 0;color: #FFF;display: flex;align-items: center;justify-content: center;letter-spacing: .1rem;font-size: .26rem;text-shadow: 0 0 .1rem rgba(0,0,0,1);font-weight: 300;z-index: 1;}
.case_banner .swiper-button-next,.case_banner .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;transition: all .3s;}
.case_banner .swiper-button-next:hover,.case_banner .swiper-button-prev:hover{color: #FFF;}
.case_banner .swiper-button-next{right: 10%;left: auto;}
.case_banner .swiper-button-prev{left: 10%;right: auto;}
.case_banner .swiper-button-next:after,.case_banner .swiper-button-prev:after{display: none;}
.case_banner .swiper-button-next i,.case_banner .swiper-button-prev i{font-size: .26rem;color: #FFF;}

.case .list ul{display: flex;margin-left: -6%;flex-wrap: wrap;}
.case .list li{width: 27.333%;margin-left: 6%;text-align: center;margin-bottom: 3%;}
.case .list li p{padding: .1rem 0;}
.case .list li figure{padding-bottom: 70%;}
.case .list li:hover figure img{transform: scale(1.1);}

.case_title{background: #56514e;color: #FFF;padding: 1rem 20% 3% 8%;}
.case_title h2{font-size: .2rem;}
.case_title .txt{line-height: 1.6;margin-top: .2rem;}
.case_title .txt p{padding: .05rem 0;}
.case_title .txter{line-height: 1.6;margin-top: .15rem;}
.case_title .txter strong{display: block;}
.caseconbox{position: relative;margin-bottom: .3rem;}
.caseconer .swiper-slide{position: relative;overflow: hidden;}
.caseconer .swiper-slide figure{padding-bottom: 50%;}
.caseconer .swiper-slide:after{background: rgba(0,0,0,.2);content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.caseconer .swiper-slide p{position: absolute;left: 0;top: 0;right: 0;bottom: 0;color: #FFF;display: flex;align-items: center;justify-content: center;letter-spacing: .1rem;font-size: .26rem;text-shadow: 0 0 .1rem rgba(0,0,0,1);font-weight: 300;z-index: 1;}
.caseconer .swiper-button-next,.caseconer .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;transition: all .3s;}
.caseconer .swiper-button-next:hover,.caseconer .swiper-button-prev:hover{color: #FFF;}
.caseconer .swiper-button-next{right: 10%;left: auto;}
.caseconer .swiper-button-prev{left: 10%;right: auto;}
.caseconer .swiper-button-next:after,.caseconer .swiper-button-prev:after{display: none;}
.caseconer .swiper-button-next i,.caseconer .swiper-button-prev i{font-size: .26rem;color: #FFF;}
.casecon{position: absolute;left: 10%;right: 10%;bottom: 5%;}
.casecon .swiper-slide{opacity: 0.4;border: 2px solid #FFF;box-sizing: border-box;cursor: pointer;}
.casecon .swiper-slide figure{padding-bottom: 50%;}
.casecon .swiper-slide-thumb-active {opacity: 1;}

.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: #6a6461;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;color: #FFF;}
.fenye li a:hover{display: block;text-decoration: none;background: #beb6b1;color: #56514e;}
.fenye li.current a{background: #beb6b1;color: #56514e;}
.fenye li:first-child a:hover{background: #6a6461;color: #FFF;}
.fenye li:last-child a:hover{background: #6a6461;color: #FFF;}
.fenye li i{font-size: .08rem;}

.video_list .list{display: flex;margin-left: -10%;flex-wrap: wrap;margin-top: .3rem;margin-bottom: -.2rem;}
.video_list .list ul{width: 40%;margin-left: 10%;}
.video_list .list li{margin-bottom: .8rem;position: relative;cursor: pointer;}
.video_list .list li .pic{position: relative;}
.video_list .list li figure{padding-bottom: 67%;}
.video_list .list li:hover figure img{transform: scale(1.1);}
.video_list .list li i{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-size: .4rem;color: #000;visibility: hidden;opacity: 0;transition: all .3s;}
.video_list .list li:hover i{visibility: visible;opacity: .5;}
.video_list .list li p{position: absolute;left: 0;bottom: 0;background: #56514e;width: 80%;padding: .14rem;box-sizing: border-box;font-size: .16rem;color: #FFF;}
.video_list .list ul:nth-of-type(odd){margin-top: 1.4rem;}

.news .title{text-align: center;margin-top: .5rem;}
.news .news_t a{display: flex;align-items: center;background: #f5f5f5;flex-wrap: wrap;}
.news .news_t a:hover{text-decoration: none;}
.news .news_t .pic{width: 50%;}
.news .news_t .pic figure{padding-bottom: 100%;}
.news .news_t:hover figure img{transform: scale(1.1);}
.news .news_t .txt{width: 50%;display: flex;align-items: center;justify-content: center;flex-flow: column;box-sizing: border-box;padding: .5rem;text-align: center;}
.news .news_t .txt h2{margin-top: .3rem;font-weight: bold;line-height: 1.6;font-size: .13rem;}
.news .news_t .txt .more{padding: .02rem .1rem;border: 1px solid #000;margin-top: .5rem;position: relative;z-index: 1;transition: all .3s;}
.news .news_t .txt .more:hover{border: 1px solid #56514e;color: #FFF;}
.news .news_t .txt .more:after{content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;background: #56514e;z-index: -1;width: 0;transition: all .3s;}
.news .news_t .txt .more:hover:after{width: 100%;}

.news .list ul{display: flex;flex-wrap: wrap;margin-left: -5%;margin-top: .5rem;}
.news .list li{width: 28.333%;transition: all .4s;margin-left: 5%;background: #FFF;text-align: left;position: relative;padding-bottom: 5%;}
.news .list li figure{padding-bottom: 100%;}
.news .list li:hover figure img{transform: scale(1.1);}
.news .list li p{background: #56514e;padding: .01rem .05rem;color: #FFF;display: inline-block;margin-top: .1rem;font-size: .08rem;}
.news .list li h2{transition: all .3s;font-size: .1rem;line-height: 1.4;padding-top: .08rem;font-weight: bold;}
.news .list li span{padding-top: .05rem;display: inline-block;}
.news .list li a:hover{text-decoration: none;}

.news_con{padding: 6% 20%;}
.news_con .title{text-align: center;padding: 0 10%;}
.news_con .title h2{font-size: .18rem;line-height: 1.6;}
.news_con .title p{margin-top: .2rem;color: #666;}
.news_con .txt{line-height: 1.6;padding: .4rem 0;}
.news_con .txt p{padding-bottom: .1rem;}
.news_con .txt img{max-width: 100%;}
.news_con .more{text-align: center;}
.news_con .more .box{border: 1px solid #000;text-align: center;display: inline-block;}
.news_con .more i{font-size: .11rem;padding-right: .05rem;}
.news_con .more a{display: flex;padding: .04rem .1rem;align-items: center;}
.news_con .more a:hover{text-decoration: none;}

.syt{padding-bottom: .3rem;}
.syt li{border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .1rem;margin-bottom: .1rem;display: flex;}
.syt li a{display: flex;align-items: center;justify-content: space-between;width: 90%;}
.syt li a:hover{text-decoration: none;}
.syt li a span{color: #999;}

.zhengshu .title{text-align: center;}
.zhengshu .zs{margin-top: .3rem;}
.zhengshu .zs .swiper-slide .pic{position: relative;width: 95%;}
.zhengshu .zs .swiper-slide .pic:after{content: "";display: block;width: 100%;height: 100%;background: #bababa;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s;}
.zhengshu .zs .swiper-slide:hover .pic:after{left: .1rem;top: .1rem;}
.zhengshu .zs .swiper-slide img{width: 100%;}
.zhengshu .zs .swiper-slide h2{padding-bottom: .2rem;}
.zhengshu .zs .arw{display: flex;align-items: center;justify-content: center;margin-top: .3rem;}
.zhengshu .swiper-button-next,.zhengshu .swiper-button-prev{width: .3rem;height: .3rem;transition: all .3s;position: initial;background: #56514e;margin: 0 .1rem;border-radius: 100%;}
.zhengshu .swiper-button-next{right: 10%;left: auto;}
.zhengshu .swiper-button-prev{left: 10%;right: auto;}
.zhengshu .swiper-button-next:after,.zhengshu .swiper-button-prev:after{display: none;}
.zhengshu .swiper-button-next i,.zhengshu .swiper-button-prev i{font-size: .16rem;color: #FFF;}
.zhengshu .swiper-pagination-bullet{margin: 0 .05rem !important;background: #000;width: .3rem;border-radius: 0;height: 5px;}
.zhengshu .swiper-pagination .swiper-pagination-bullet-active{background: #000;}
.zhengshu .swiper-pagination{position: initial;width: 64%;margin: .2rem auto 0 auto;height: 5px;background: #6a6461;}
.zhengshu .swiper-pagination-progressbar-fill{background: #FFF;}

.about_dyip{text-align: center;display: flex;justify-content: center;flex-flow: column;align-items: center;}
.about_dyip .txt h2{padding-bottom: .2rem;}
.about_dyip .txt p{line-height: 2.4;font-size: .11rem;}
.about_dyip .pic{margin-top: .6rem;padding: 0 12%;}
.about_dyip .pic img{width: 100%;}

.about_derp{text-align: center;}
.about_derp .txt h2{padding-bottom: .2rem;}
.about_derp .txt p{line-height: 2.4;font-size: .11rem;padding-bottom: .1rem;}
.about_derp .box{position: relative;margin-top: .3rem;}
.about_derp .box figure{padding-bottom: 55%;}
.about_derp .box video{width: 100%;}
.about_derp .list{margin-top: .3rem;}
.about_derp ul{display: flex;margin-left: -2%;}
.about_derp li{width: 48%;margin-left: 2%;margin-bottom: 2%;position: relative;transition: all .3s;}
.about_derp li:hover{width: 90%;}
.about_derp li figure{height: 2rem;}
.about_derp li .txter{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, .8);display: flex;align-items: center;justify-content: center;flex-flow: column;transition: all .3s;}
.about_derp li:hover .txter{background: rgba(0, 0, 0, .2);color: #FFF;}
.about_derp li .txter i{font-size: .3rem;border: 2px solid #56514e;display: flex;width: .4rem;height: .4rem;align-items: center;justify-content: center;border-radius: 100%;}
.about_derp li:hover .txter i{border: 2px solid #FFF;}
.about_derp li .txter h2{font-size: .16rem;margin-top: .1rem;}
.about_derp li .txter p{padding-top: .05rem;}

.about_dsanp img{width: 100%;}


.zhengshu_list {
    text-align: center;
}

.zhengshu_list .box {
    column-count: 4; /* 4列瀑布流，可调整 */
    column-gap: 2%;
    width: 100%;
    margin-top: .1rem;
}

.zhengshu_list li {
    background: #f5f5f5;
    padding: .05rem;
    margin-bottom: .1rem;
    text-align: center;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    break-inside: avoid; /* 防止li内容拆分 */
}

.zhengshu_list li .pic {
    padding: .1rem;
}

.zhengshu_list li img {
    width: 100%;
    display: block;
}

.zhengshu_list li p {
    padding: .1rem 0;
}

.zhengshu_list li a:hover {
    text-decoration: none;
}

@media (max-width: 1200px) {
  .zhengshu_list .box { column-count: 3; }
}
@media (max-width: 800px) {
  .zhengshu_list .box { column-count: 2; }
}
@media (max-width: 500px) {
  .zhengshu_list .box { column-count: 1; }
}


.pinpai{position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.pinpai .txt{width: 40%;}
.pinpai .txt .title{padding-bottom: .2rem;}
.pinpai .txt p{line-height: 1.8;padding-bottom: .1rem;}
.pinpai .pic{width: 55%;position: relative;}
.pinpai .pic figure{padding-bottom: 70%;}
.pinpai .pic .iplay i{position: absolute;bottom: 5%;right: 5%;transition: all .3s;display: flex;align-items: center;justify-content: center;font-size: .4rem;border-radius: 100%;color: #FFF;opacity: .8;cursor: pointer;}
.pinpai .pic:hover .iplay i{font-size: .5rem;}
.video{position: fixed;z-index: 2000;left: 0;top: 0;width: 100%;height: 100%;background: #000;display: none;}
.video .close{width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer;border: 2px solid rgba(123,123,123,0.8);border-radius: 100px;line-height: 40px;color: #FFF;text-align: center;}
.video video{display: block;width: 100%;height: 100%;}
.video.showvideo {display: block;}

.wenhua{text-align: center;padding-top: .5rem;}
.wenhua .box{margin-top: .2rem;}
.wenhua ul{position: relative;display: flex;justify-content: center;margin-left: -1%;}
.wenhua li{width: 49%;text-align: center;position: relative;transition: all .3s;margin-left: 1%;margin-bottom: 1%;transition: all .3s;}
.wenhua li:hover{width: 90%;}
.wenhua li figure{height: 1.7rem;}
.wenhua li .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: .09rem;z-index: 100;text-align: center;display: flex;align-items: center;justify-content: center;flex-flow: column;background: rgba(255, 255, 255, .8);transition: all .3s;}
.wenhua li:hover .txt{background: rgba(255, 255, 255, 0);color: #FFF;}
.wenhua li .txt h2{font-size: .16rem;}
.wenhua li .txt p{padding-top: .1rem;}
.wenhua li i{position: absolute;right: .2rem;top: .2rem;font-size: .1rem;z-index: 100;}

.licheng{background: url(../images/pic31.jpg) no-repeat center;background-size: cover;padding: 6% 0;}
.licheng .title{text-align: center;}
.licheng .swiper-father{padding: 0 14%;position: relative;}
.licheng .mySwiper .swiper-slide{font-size: .14rem;cursor: pointer;text-align: center;box-sizing: border-box;background: url(../images/pic32.png) repeat-x left bottom;background-size: 50%;padding-bottom: .2rem;}
.licheng .mySwiper .swiper-slide-thumb-active{font-weight: bold;}
.licheng .swiper-fatherer{padding: 0 14%;border-bottom: 2px solid #56514e;}
.licheng .mySwiperer{margin: .3rem 0;}
.licheng .mySwiperer .swiper-slide{display: flex;align-items: center;background: #FFF;flex-wrap: wrap;}
.licheng .mySwiperer .swiper-slide .pic{width: 50%;}
.licheng .mySwiperer .swiper-slide .pic figure{padding-bottom: 70%;}
.licheng .mySwiperer .swiper-slide .txt{width: 50%;box-sizing: border-box;padding: 0 .2rem;}
.licheng .mySwiperer .swiper-slide span{display: inline-block;font-size: .2rem;}
.licheng .mySwiperer .swiper-slide p{line-height: 1.6;padding-top: .1rem;}
.licheng .swiper-button-next,.licheng .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;transition: all .3s;}
.licheng .swiper-button-next:hover,.licheng .swiper-button-prev:hover{color: #FFF;}
.licheng .swiper-button-next{right: 8%;left: auto;}
.licheng .swiper-button-prev{left: 8%;right: auto;}
.licheng .swiper-button-next:after,.licheng .swiper-button-prev:after{display: none;}
.licheng .swiper-button-next i,.licheng .swiper-button-prev i{font-size: .26rem;color: #56514e;}

.aboutjd_dyip li{position: relative;margin-bottom: .5rem;}
.aboutjd_dyip li .txt{width: 45%;position: absolute;top: 0;bottom: 0;box-sizing: border-box;display: flex;justify-content: center;flex-flow: column;}
.aboutjd_dyip li .txt h2{padding-bottom: .2rem;}
.aboutjd_dyip li .txt p{line-height: 2;padding-bottom: .1rem;font-size: .11rem;}
.aboutjd_dyip li:nth-of-type(odd) .txt{left: 0;}
.aboutjd_dyip li:nth-of-type(even) .txt{right: 0;}
.aboutjd_dyip li .pic{width: 50%;}
.aboutjd_dyip li:nth-of-type(odd) .pic{margin-left: 50%;}
.aboutjd_dyip li .pic figure{padding-bottom: 80%;}
.aboutjd_dyip li:last-child{margin-bottom: 0;}

.aboutjd_dsanp{padding: 7% 0;position: relative;text-align: center;}
.aboutjd_dsanp .index_gc{margin-top: .4rem;}
.aboutjd_dsanp .index_gc .swiper-slide{position: relative;cursor: pointer;position: relative;color: #FFF;}
.aboutjd_dsanp .index_gc .swiper-slide figure{padding-bottom: 60%;}
.aboutjd_dsanp .index_gc .swiper-slide h2{position: absolute;left: 0;right: 0;bottom: .2rem;z-index: 101;font-size: .13rem;color: #FFF;}
.aboutjd_dsanp .index_gc .swiper-slide:after{content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);height: 1rem;z-index: 100;}
.aboutjd_dsanp .swiper-button-next,.aboutjd_dsanp .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;transition: all .3s;}
.aboutjd_dsanp .swiper-button-next{right: 10%;left: auto;}
.aboutjd_dsanp .swiper-button-prev{left: 10%;right: auto;}
.aboutjd_dsanp .swiper-button-next:after,.aboutjd_dsanp .swiper-button-prev:after{display: none;}
.aboutjd_dsanp .swiper-button-next i,.aboutjd_dsanp .swiper-button-prev i{font-size: .26rem;color: #FFF;}
.aboutjd_dsanp .swiper-pagination-bullet{margin: 0 .05rem !important;background: #000;width: .3rem;border-radius: 0;height: 5px;}
.aboutjd_dsanp .swiper-pagination .swiper-pagination-bullet-active{background: #000;}
.aboutjd_dsanp .swiper-pagination{position: initial;width: 64%;margin: .2rem auto 0 auto;height: 5px;background: #f5f5f5;}
.aboutjd_dsanp .swiper-pagination-progressbar-fill{background: #6a6461;}

.zs_dyip{background: url(../images/pic40.jpg) no-repeat center;background-size: cover;}
.zs_dyip .title{text-align: center;}
.zs_dyip .box{position: relative;display: flex;align-items: center;justify-content: space-between;margin-top: .3rem;flex-wrap: wrap;}
.zs_dyip .pic{width: 47%;}
.zs_dyip figure{padding-bottom: 60%;}
.zs_dyip .right{width:47%;}
.zs_dyip .right p{line-height: 2;margin-top: .2rem;}

.zs_derp{background: url(../images/pic33.jpg) no-repeat center;background-size: cover;}
.zs_derp .title{text-align: center;}
.zs_derp .title p{padding-top: .1rem;}
.zs_derp ul{display: flex;flex-wrap: wrap;margin-top: .3rem;margin-left: -3%;}
.zs_derp li{width: 30.333%;margin-left: 3%;margin-bottom: 3%;background: #FFF;}
.zs_derp li .pic{position: relative;}
.zs_derp li figure{padding-bottom: 60%;}
.zs_derp li h2{text-align: center;font-size: .16rem;position: absolute;left: 0;right: 0;bottom: 0;color: #FFF;padding: .1rem 0;text-shadow: 0 0 .03rem rgba(0, 0, 0, .8);}
.zs_derp li p{padding: .1rem;font-size: .09rem;line-height: 1.6;}

.zs_dsanp{background: url(../images/pic2.jpg) no-repeat center;background-size: cover;}
.zs_dsanp .box{background: rgba(86, 81, 78, .7);}
.zs_dsanp .title{text-align: center;color: #FFF;}
.zs_dsanp ul{display: flex;flex-wrap: wrap;margin-top: .6rem;margin-left: -1%;}
.zs_dsanp li{width: 24%;margin-left: 1%;background: #FFF;box-sizing: border-box;padding: .4rem .16rem .16rem .16rem;margin-bottom: 6%;position: relative;}
.zs_dsanp li i{width: .5rem;height: .5rem;font-size: .24rem;display: flex;align-items: center;justify-content: center;background: #FFF;border-radius: 100%;position: absolute;left: 50%;top: -.25rem;margin-left: -.25rem;box-shadow: 0 0 .1rem rgba(0,0,0,.2);}
.zs_dsanp li h2{text-align: center;font-size: .14rem;}
.zs_dsanp li p{padding-top: .1rem;font-size: .09rem;line-height: 1.6;}

.contact .title{text-align: center;}
.contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;margin-top: .3rem;}
.contact li{width: 23%;display: flex;align-items: center;justify-content: center;flex-flow: column;background: #F5F5F5;box-sizing: border-box;padding: .1rem;height: 1.4rem;border-radius: .05rem;}
.contact li i,.contact li em{width: .4rem;height: .4rem;background: #56514e;display: block;line-height: .4rem;text-align: center;color: #FFF;font-size: .24rem;border-radius: .15rem;}
.contact li p{margin-top: .15rem;line-height: 1.6;}
.contact .pic{margin-top: .3rem;}
.contact .pic figure{height: 3rem;}