/*pagebanner*/
.pagebanner {position: relative;}
.pagebanner .img .mo{display: none;}
.pagebanner .text { position:absolute; left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto; z-index:2;}
.pagebanner .text {color:#fff;text-align:center; display:block;}
.pagebanner .text .cn{font-size:40px;line-height:normal;display:block; margin-bottom:5px;}
.pagebanner .img img{ width:100%;}
@media screen and (max-width: 1024px){
.pagebanner {background-attachment: inherit;padding-bottom:70%; }
.pagebanner .text .cn{font-size:36px;}
}
@media screen and (max-width:768px) {
.pagebanner .img .mo{display: block;}
.pagebanner .img .pc{display: none;}
.pagebanner .text{top: 60%;}
.pagebanner .text .cn{font-size:24px;}
}

/* position */
.position{height: 80px;line-height: 80px;border-bottom: 1px solid #D6D6D6;}
.position .big{width: max-content;}
.position .big a{font-size: 24px;color: #999999;font-weight: bold;}
.position .po_nav{width:88%;}
.position li{width: max-content;}
.position li a{font-size: 16px;color: #000;padding: 6px 18px;border: 1px solid #fff;border-radius: 20px;}
.position li.cur a,.position li:hover a{color: #DA4249;border: 1px solid #DA4249;border-radius: 20px;}
@media screen and (max-width:1450px){
.position .po_nav{width: 86%;}
}
@media screen and (max-width:1080px){
.position .po_nav{width: 86%;}
.position .big a{font-size: 20px;}
.position li a{padding: 4px 15px;}
}
@media screen and (max-width:640px){
.position{height: 60px;line-height: 60px;}
.position .big{width: 35%;}
.position .big a{font-size: 18px;}
.position .po_nav{width: 65%;padding-left: 8%;}
.position li{text-align: center;}
.position li a{font-size: 14px;}
}
@media screen and (max-width:400px){
.position .big a{font-size: 16px;}
.position li a{padding: 2px 10px;}
}

/* about2 */
.about2{padding: 80px 0;height: 1050px;}
.about2 .wh_img img{width: 100%;}
.about2 .wh_img .mo{display: none;}
.about2 .title{padding-bottom:120px;}
.about2 .title .t1{font-size:36px;color: #333;margin-bottom:15px;text-align: center;font-weight: bold;}
.about2 .title .t2{font-size:14px;color: #000;text-align: center;}
.about2 .intitle{padding-bottom: 3%;}
.about2 .intitle .in_title{background: none;color: #666;}
.about2 .intitle .in_text{color: #666;}
.about2 .bottom{position: relative;}
.about2 .img{text-align: center;}
.about2 .img img{border-radius: 50%;width: 20%;}
.about2 .ab_tit{color: #888;}
.about2 .ab_tit li{position:absolute;height:auto;display:flex;align-items:center}
.about2 .ab_tit li:nth-child(2)::after,.about2 .ab_tit li:nth-child(4)::after{right:0;left:-20px}
.about2 .ab_tit li:nth-child(1){left: 5%;top: -25%;direction:rtl;text-align:right;width: 31%;}
.about2 .ab_tit li:nth-child(2){right: 5%;top: -25%;width: 31%;}
.about2 .ab_tit li:nth-child(3){left: 5%;top: 95%;direction:rtl;text-align:right;width: 31%;}
.about2 .ab_tit li:nth-child(4){right: 5%;top: 95%;width: 31%;}
.about2 .ab_tit li:nth-child(5){left: 50%;top: 160%;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;width: 31%;transform: translate(-50%,-50%);}
.about2 .ab_tit li:nth-child(5)::after{top:-22px;left:50%;margin-left:-5px}
.about2 .ab_tit li .txt{width: calc(100% - 50px);margin-right: 30px;direction:initial;color: #fff;position: relative;}
.about2 .ab_tit li:nth-child(2) .txt,.about2 .ab_tit li:nth-child(4) .txt{margin: 0 0 0 30px;}
.about2 .ab_tit li:nth-child(5) .txt{margin-right:0;}
.about2 .ab_tit li .txt b{font-size: 28px;display:block;font-weight:550;color: #222;padding-bottom: 10px;border-bottom: 1px solid #d2d6d9;}
.about2 .ab_tit li .txt p{line-height:1.6;font-size: 16px;opacity: 1;color: #72787f;padding-top: 10px;}
.about2 .ab_tit li .txt:before{content:"";display:inline-block;position:absolute;width:10px;height:10px;background: #999;border-radius:100%;top: 52.6%;right: 11%;z-index:2;transition:all .5s ease;}
.about2 .ab_tit li:nth-child(2) .txt:before{right:86%}
.about2 .ab_tit li:nth-child(3) .txt:before{top:42%}
.about2 .ab_tit li:nth-child(4) .txt:before{right:86%}
.about2 .ab_tit li:nth-child(5) .txt:before{top:41.6%;right:49.5%}
.about2 .ab_tit li:nth-child(2) .txt:after{top:104.8%;right:96.5%;transform:rotate(-40deg)}
.about2 .ab_tit li:nth-child(3) .txt:after{transform:rotate(-40deg);top:9.8%;right:-25.5%}
.about2 .ab_tit li:nth-child(4) .txt:after{right:96.5%;top:9.8%;transform:rotate(40deg)}
.about2 .ab_tit li:nth-child(5) .txt:after{top:-60%;right:36.5%;transform:rotate(90deg)}
.about2 .ab_tit li .txt:after{content:"";display:inline-block;position:absolute;width:128px;height:1px;background: #d2d6d9;top: 104.8%;right: -25.5%;transform:rotate(40deg);z-index:1;transition:all .5s ease;}
@-webkit-keyframes sysAnimate{from{-webkit-transform:translate(-50%,-50%) rotate(0)}
to{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}
.about2 .pie{position:relative;margin:32px auto;padding:0;width:350px;height:350px;border-radius:50%;list-style:none;overflow:hidden}
.about2 .slice{overflow:hidden;position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0 100%;color:#fff}
.about2 .slice .pic img{width:50%;position:absolute;opacity:0;transition:all .5s ease;transform:translate3d(0,0,0);}
.about2 .slice:hover .pic img{opacity:1;transform:translate3d(0,0,0);width: 100%;}
.about2 .slice-one{transform:rotate(72deg) skewY(-18deg);background: #004F2B;}
.about2 .slice-two{transform:rotate(0) skewY(-18deg);background: #1CA794;}
.about2 .slice-three{transform:rotate(-72deg) skewY(-18deg);background: #23D2BA;}
.about2 .slice-four{transform:rotate(-144deg) skewY(-18deg);background: #78e5e5;}
.about2 .slice-five{transform:rotate(-216deg) skewY(-18deg);background: #4ADADB;}
.about2 .slice span{display:block;width:22px;height: 22px;background-color:rgba(255,255,255,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;position:absolute;transition:opacity .5s ease;top: 50%;left: 42%;transform: translate(-50%,-50%);transform: rotate(-85deg) skewY(-18deg);}
.about2 .slice span:after{content:'';display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;left:50%;top:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;background-color:#f6f9fb}
.about2 .slice:hover span{opacity: 0;}
.about2 .culture_center{width:210px;height:210px;border-radius:100%;text-align:center;line-height:230px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background:#fff url(../images/bn13.png) no-repeat 50% 50%;z-index:1}
.about2 .culture_center img{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width: 50%;}

@media only screen and (max-width:1660px){
.about2 .ab_tit li .txt:after{top:107%;right:-28.5%}
.about2 .ab_tit li:nth-child(2) .txt:after{top:105.8%;right:96%}
.about2 .ab_tit li:nth-child(3) .txt:after{right:-28.5%}
.about2 .ab_tit li:nth-child(4) .txt:after{right:96%}
}
@media only screen and (max-width:1550px){
.about2 .ab_tit li:nth-child(1){left:2%;top:-25%}
.about2 .ab_tit li:nth-child(2){right:2%}
.about2 .ab_tit li:nth-child(3){left:2%}
.about2 .ab_tit li:nth-child(4){right:2%}
.about2 .ab_tit li .txt:after{top:106%;right:-37.5%}
.about2 .ab_tit li:nth-child(2) .txt:after{top:105.8%;right:96%}
.about2 .ab_tit li:nth-child(3) .txt:after{right:-37.5%}
.about2 .ab_tit li:nth-child(4) .txt:after{right:96%;top:11.8%}
}
@media only screen and (max-width:1330px){
.about2 .ab_tit li:nth-child(1){left:0;top:-25%}
.about2 .ab_tit li:nth-child(2){right:0}
.about2 .ab_tit li:nth-child(3){left:0}
.about2 .ab_tit li:nth-child(4){right:0}
}
@media only screen and (max-width:1240px){
.about2 .ab_tit li:nth-child(1){left:0;top:-25%}
.about2 .ab_tit li:nth-child(2){right:0}
.about2 .ab_tit li:nth-child(3){left:0}
.about2 .ab_tit li:nth-child(4){right:0}
.about2 .ab_tit li .txt:after{top:106%;right:-35.5%}
.about2 .ab_tit li:nth-child(2) .txt:after{top:105.8%;right:95%}
.about2 .ab_tit li:nth-child(3) .txt:after{right:-35.5%}
.about2 .ab_tit li:nth-child(4) .txt:after{right:95%;top:11.8%}
}
@media only screen and (max-width:1080px){
.about2{padding: 50px 0;height: auto;}
.about2 .title{padding-bottom: 40px;}
.about2 .culture_center{display: none;}
.about2 .pie{display: none;}
.about2 .ab_tit li{position: inherit;margin-top: 15px;}
.about2 .ab_tit li:nth-child(1){width: 100%;text-align: left;}
.about2 .ab_tit li:nth-child(2){width: 100%;text-align: left;}
.about2 .ab_tit li:nth-child(3){width: 100%;text-align: left;}
.about2 .ab_tit li:nth-child(4){width: 100%;text-align: left;}
.about2 .ab_tit li:nth-child(5){width: 100%;text-align: left;transform: translate(0);}
.about2 .ab_tit li:nth-child(2) .txt, .about2 .ab_tit li:nth-child(4) .txt{margin: 0;}
.about2 .ab_tit li .txt{width: 100%;}
.about2 .ab_tit li .txt:before{display: none;}
.about2 .ab_tit li .txt:after{display: none;}
}
@media only screen and (max-width:768px){
.about2{padding: 30px 0;}
.about2 .title{padding-bottom: 20px;}
.about2 .wh_img .pc{display: none;}
.about2 .wh_img .mo{display: block;}
.about2 .title{padding-bottom: 40px;}
.about2 .title .t1{font-size:20px;margin-bottom:5px;text-align: center;}
.about2 .title .t2{font-size:14px;text-align: center;}
.about2 .ab_tit li .txt{color: #a8a8a8;}
.about2 .ab_tit li .txt b{font-size: 16px;color: #000;}
.about2 .ab_tit li .txt p{font-size: 14px;color: #a8a8a8;}
.about2 .ab_tit li:nth-child(5){margin-bottom: 0;}
}
 

/* about-d */
.about-d{width:100%;padding: 80px 0; background-image:url(../images/about-d-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.about-d-cont .title{margin-bottom:40px}
.about-d-cont .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;}
.about-d-cont .title .t2{font-size:14px;color:#666;text-align: center;}
.about-d-list{width:100%;overflow:hidden}
.about-d-list>li{float:left;width:30.4%;height:287px;padding:45px 50px;transition:all .3s;position:relative;margin-right:4.4%;background-color:#fff;margin-bottom:20px}
.about-d-list>li:nth-of-type(3n){margin-right:0}
.about-d-list .num{font-size:40px;color:#004F2A;padding-bottom:20px;margin-bottom:20px;position:relative}
.about-d-list .num:after{content:"";display:block;width:29px;height:3px;background-color:#333;position:absolute;left:0;bottom:0}
.about-d-list .text{font-size:17px;color:#666;line-height:31px}
.about-d-list .icon{width:50px;height:50px;position:absolute;right:30px;bottom:36px;background-repeat:no-repeat;background-position:center center}
.about-d-list>li:hover{background-color:#004F2A}
.about-d-list>li:hover .num{color:#fff}
.about-d-list>li:hover .num:after{background-color:#fff}
.about-d-list>li:hover .text{color:#fff}
@media(max-width:1500px){
.about-d-cont .title .t1{font-size:24px;margin-bottom:20px}
.about-d-cont .title{margin-bottom:50px}
.about-d-list>li{padding:35px 40px;height:230px}
.about-d-list .num{font-size:34px;padding-bottom:15px}
.about-d-list .text{font-size:14px;line-height:28px}
.about-d-list .icon{right:20px;bottom:10px}
}
@media(max-width:1200px){
.about-a-cont .text{margin-top:20px}
.about-d-cont .title .t1{font-size: 20px;margin-bottom: 0px;font-weight: bold;}
.about-d-cont .title{margin-bottom: 15px;}
.about-d-list>li{padding:15px 20px;height:200px}
.about-d-list .num{font-size:24px;padding-bottom:10px}
.about-d-list .num:after{width:20px;height:2px}
.about-d-list .icon{right:10px;bottom:5px}
}
@media(max-width:820px){
.about-d{padding-top:30px;padding-bottom:30px}
.about-d-cont{padding-left:0;padding-right:0}
.about-d-list>li{width:100%;height:auto;margin-right:0;margin-bottom:10px;padding-bottom:60px;padding-left:10px;padding-right:10px}
.about-d-list>li:last-child{margin-bottom:0}
}

/* /* about_s */
/* .about_s{padding: 80px 0;} */
.about_s img{max-width: 100%;}
/* @media(max-width:1080px){
.about_s{padding: 50px 0;}
}
@media(max-width:768px){
.about_s{padding: 30px 0;}
} */

/* about_e */
.about_e{padding: 80px 0 120px;background-color: #F9FBFC;position: relative;}
.about_e .title{margin-bottom:40px}
.about_e .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;font-weight: bold;}
.about_e .title .t2{font-size:14px;color:#666;text-align: center;}
.about_e .swiper-slide{border-bottom: 1px #dcdcdc solid;}
.about_e .swiper-slide:after{transition: all .5s cubic-bezier(.77,0,.175,1) 0s;content:''; position:absolute; left:0; bottom:-1px; height:1px; width:100%; background-color:#004F2A; width:0;}
.about_e .swiper-slide:hover:after{width:100%;}
.about_e .swiper-button-next{left: 52%;top: 90%;background: #C4C4C4;border-radius: 50%;width: 36px;height: 36px;}
.about_e .swiper-button-prev{left: 48%;top: 90%;background: #C4C4C4;border-radius: 50%;width: 36px;height: 36px;}
.about_e .swiper-button-next:after{font-size: 15px;color: #fff;}
.about_e .swiper-button-prev:after{font-size: 15px;color: #fff;}
.about_e .img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;}
.about_e .img img{transition: all 1s;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.about_e .play{position: absolute;left: 50%;top: 45%;transform: translate(-50%,-50%);}
.about_e .play img{width: 60px;}
.about_e .info{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;}
.about_e .info p{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media(max-width:1080px){
.about_e{padding: 50px 0 80px;}
.about_e .title .t1{font-size: 30px;margin-bottom: 10px;}
}
@media(max-width:768px){
.about_e{padding: 30px 0 60px;}
.about_e .title{margin-bottom: 15px;}
.about_e .title .t1{font-size: 20px;margin-bottom: 5px;}
.about_e .swiper-button-next{width: 30px;height: 30px;left: 55%;top: 92%;}
.about_e .swiper-button-prev{width: 30px;height: 30px;left: 45%;top: 92%;}
.about_e .info p{font-size: 14px;}
.about_e .info img{width: 20px;}
}


/* caselist */
.caselist{padding: 80px 0;}
.caselist .item{width: 32%;margin-right: 2%;transition: all .5s ease-out 0s;}
.caselist .item:nth-child(3n+3){margin-right: 0;}
.caselist .item{margin-bottom: 2%;position: relative;}
.caselist .item .pic{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.caselist .item .pic img{transition: all 1s;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.caselist .item .text{padding: 20px 25px;line-height: 30px;border: 1px solid #e3dddd;background: #F6F6F6;}
.caselist .item .text p{font-size: 18px;font-weight: bold;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.caselist .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);}
.caselist .item:hover .pic img{transform: scale(1.1);}
.caselist .item::after{width:0;height:3px;content:"";background:#004F2A;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.caselist .item:hover::after{width:100%;transition:all .5s ease;margin-left:-50%}
@media only screen and (max-width:1080px){
.caselist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.caselist{padding: 30px 0;}
.caselist .item{width: 48%;margin-bottom: 4%;}
.caselist .item:nth-child(odd){margin-right: 4%;}
.caselist .item:nth-child(even){margin-right: 0;}
.caselist .item .text{padding: 10px 0;}
.caselist .item .text p{font-size: 14px;line-height:20px;text-align: center;}
}


/* videolist */
.videolist{padding: 80px 0;}
.videolist .item{width: 32%;margin-right: 2%;transition: all .5s ease-out 0s;}
.videolist .item:nth-child(3n+3){margin-right: 0;}
.videolist .item{margin-bottom: 2%;position: relative;}
.videolist .item .pic{overflow: hidden;position: relative;}
.videolist .item .pic img{width: 100%;}
.videolist .item .text{font-size: 16px;padding: 7px 18px;line-height: 30px;text-align: center;}
.videolist .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);}
.videolist .item:hover .pic img{transform: scale(1.1);}
.videolist .item .time{position: absolute;right: 10px;background: rgba(0, 0, 0 ,.7);color: #fff;padding: 4px 10px;bottom: 25%;}
.bg_mask{display:none;position:fixed; left:0%;top:0%; width:100%; height:100%;z-index:99;background: rgba(0,0,0,.9);}
.videos{ display:none;position:fixed; left:50%; top:50%;max-width: 85%;transform: translate(-50%,-50%);z-index:100; width:660px; height:400px; z-index:99;}
.videos video{object-fit: fill;width: 100%;z-index:99;}
.vclose { position:absolute;right:-35px; top:-20px; border-radius:100%; cursor: pointer; z-index:99;}
@media only screen and (max-width:1080px){
.videolist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.videolist{padding: 30px 0;}
.videolist .item{width: 100%;}
.videolist .item:nth-child(odd){margin-right:0%;}
.videolist .item:nth-child(even){margin-right: 0;}
.videolist .item .text{padding: 10px 0;font-size: 14px;line-height:20px;text-align: center;}
.vclose{right: -16px;top: -35px;}
}

/* newslist */
.newslist{padding: 80px 0;}
.newslist .list{width: 70%;margin-right: 5%;}
.newslist .item{margin-bottom: 35px;padding-bottom: 35px;border-bottom: 1px solid #ddd;}
.newslist .item a{display: flex;flex-wrap: wrap;}
.newslist .item .img{height: 179px;overflow: hidden;position: relative;width: 323px;}
.newslist .item .img img{border-radius: 10px;height: 100%;object-fit: cover;width: 100%;}
.newslist .item .info{width: 70%;padding-left: 50px;}
.newslist.newslists .item .info{width: 100%;padding-left: 0;}
.newslist.newslists .item .info .flex{align-items: center;justify-content: space-between;align-items: center;}
.newslist .item .t1{font-size: 24px;font-weight: bold;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist.newslists .item .t1{width: 75%;}
.newslist .item .date{font-size: 14px;color: #999;margin: 10px 0;}
.newslist .item .t2{font-size: 16px;color: #999;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .item .btn{display: flex;align-items: center;font-size: 14px;color:#08b494;margin-top: 40px;justify-content: flex-end;}
.newslist.newslists .item .btn{margin-top: 0;}
.newslist .item .btn img{width: 14px;margin-left: 6px;}
.newslist .item:hover .t1{color:#08b494 ;}
.newslist .item .btn:hover img{transform: rotate(45deg);}
.newslist .news_side{width: 25%;}
.newslist .news_side .title{font-size: 20px;color: #000;font-weight: bold;margin-bottom: 20px;}
.newslist .news_side .tj{border: 1px solid #ddd;border-radius: 10px;padding: 35px;margin-bottom: 30px;}
.newslist .news_side .tj li{border-bottom: 1px solid #ddd;line-height: 4;padding-left: 20px;position: relative;}
.newslist .news_side .tj li::after{content: "";width: 6px;height: 6px;background-color: #08b494;top: 48%;left: 0;position: absolute;}
.newslist .news_side .tj li a{font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .news_side .tj li:hover{border-bottom: 1px solid #08b494;}
.newslist .news_side .tj li:hover a{color: #08b494 ;}
.newslist .news_side .lx{border: 1px solid #ddd;border-radius: 10px;padding: 35px;}
.newslist .news_side .lx ul li{margin-right: 30px;text-align: center;}
.newslist .news_side .lx ul li p{font-size: 16px;color: #666;}
@media only screen and (max-width:1700px){
.newslist .item .info{width: 65%;}
}
@media only screen and (max-width:1500px){
.newslist .item .info{width: 60%;}
}
@media only screen and (max-width:1280px){
.newslist .item .info{width: 50%;}
.newslist .news_side .lx ul li{margin-right: 0;}
}
@media only screen and (max-width:1080px){
.newslist{padding: 50px 0;}
.newslist .list{width: 100%;margin-right: 0;}
.newslist .news_side{width: 100%;} 
.newslist .news_side .lx ul li{margin-right:30px;}
}
@media only screen and (max-width:768px){
.newslist{padding: 30px 0;}
.newslist .item{margin-bottom: 20px;padding-bottom: 20px;}
.newslist .item .img{width: 100%;}
.newslist .item .info{width: 100%;padding-left: 0px;margin-top: 10px;}
.newslist .item .t1{font-size: 18px;}
.newslist.newslists .item .t1{width: 100%;}
.newslist .item .t2{font-size: 14px;}
.newslist .item .btn{margin-top: 20px;}
.newslist .news_side .tj{padding: 20px;margin-bottom: 20px;}
.newslist .news_side .title{font-size: 18px;margin-bottom: 5px;}
.newslist .news_side .tj li{line-height: 3;padding-left: 15px;}
.newslist .news_side .tj li a{font-size: 14px;}
.newslist .news_side .lx{padding: 20px;}
.newslist .news_side .lx ul li{margin-right:10px;}
.newslist .news_side .lx ul li img{width: 80px;}
.newslist .news_side .lx ul li p{font-size: 14px;}
}

/* news */
.news{padding: 80px 0;}
.news .list{width: 70%;margin-right: 5%;}
.news .list .n_tit h3{font-size: 26px;font-weight: bold;color: #000;text-align: center;}
.case .list .n_tit h3{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 10px;}
.news .list .n_tit .date{font-size: 14px;color: #999;padding-bottom: 15px;padding-top: 10px;text-align: center;border-bottom: 1px solid #ddd;}
.news .list .cont{padding-top: 20px;}
.news .list .cont img{max-width: 100%;}
.case .list .cont img{margin-bottom: 15px;}
.news .list .cont p{font-size: 16px;color: #666;margin: 10px 0;line-height: 2;}
.news .list .cont a{font-weight: bold;color: #0070c0;}
.news .list .cont p a{background: none !important;padding: 10px;border-radius: 5px;line-height: 1.5em;display: inline-flex;align-items: center;}
.news .news_side{width: 25%;}
.news .news_side .title{font-size: 20px;color: #000;font-weight: bold;margin-bottom: 20px;}
.news .news_side .tj{border: 1px solid #ddd;border-radius: 10px;padding: 35px;margin-bottom: 30px;}
.news .news_side .tj li{border-bottom: 1px solid #ddd;line-height: 4;padding-left: 20px;position: relative;}
.news .news_side .tj li::after{content: "";width: 6px;height: 6px;background-color: #08b494;top: 48%;left: 0;position: absolute;}
.news .news_side .tj li a{font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .news_side .tj li:hover{border-bottom: 1px solid #08b494;}
.news .news_side .tj li:hover a{color: #08b494 ;}
.news .news_side .lx{border: 1px solid #ddd;border-radius: 10px;padding: 35px;}
.news .news_side .lx ul li{margin-right: 30px;text-align: center;}
.news .news_side .lx ul li p{font-size: 16px;color: #666;}
.news .news_page ul{justify-content: space-between;align-items: center;margin-top: 30px;background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(20px);box-shadow: 0 -10px 30px 5px rgba(0,0,0,.08);width: max-content;margin: 0 auto;}
.news .news_page ul li{width:100%;height: 50px;line-height: 50px;padding: 0 20px;display: flex;justify-content: center;}
.news .news_page ul li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .news_page ul li a:nth-child(1){width: 20%;}
.news .news_page ul li:nth-child(2) a:nth-child(1){width: 12%;}
.news .news_page ul li.img{display: flex;align-items: center;justify-content: center;}
.news .news_page ul li.img img{width: 30px;margin-right: 10px;filter: brightness(0.5);}
.news .news_page ul li:hover{background-color: #08b494;}
.news .news_page ul li:hover a{color: #fff;}
.news .news_page ul li:hover.img img{filter: none;}
@media only screen and (max-width:1080px){
.news{padding: 50px 0;}
.news .list{width: 100%;margin-right: 0;}
.news .news_side{width: 100%;} 
.news .news_side .lx ul li{margin-right:30px;}
}
@media only screen and (max-width:768px){
.news{padding: 30px 0;}
.news .list .n_tit h3{font-size: 18px;}
.news .list .n_tit .date{font-size: 12px;}
.news .list .cont p{font-size: 14px;}
.news .news_page ul{margin: 20px 0;}
.news .news_page ul li a:nth-child(1){text-align: center;width: 100%;}
.news .news_page ul li.img{justify-content: end;}
.news .news_side .tj{padding: 20px;margin-bottom: 20px;}
.news .news_side .title{font-size: 18px;margin-bottom: 5px;}
.news .news_side .tj li{line-height: 3;padding-left: 15px;}
.news .news_side .tj li a{font-size: 14px;}
.news .news_side .lx{padding: 20px;}
.news .news_side .lx ul li{margin-right:10px;}
.news .news_side .lx ul li img{width: 80px;}
.news .news_side .lx ul li p{font-size: 14px;}
}

/* contacts */
.contacts{position: relative;height: 900px;z-index: 99;margin-top: 90px;}
.contacts .contact-map{width: 100%;height: 550px;z-index: 99;}
.contacts .contact-map img{max-width: fit-content;}
.contacts .contact{position: absolute;width: 100%;bottom: 100px;z-index: 99;}
.contacts .contact .odcontent{background-color: rgba(255, 255, 255, 1);box-shadow: 0px 5px 15px rgba(0,0,0,0.1);padding:60px 40px;max-width: 1400px;}
.contacts .cont .left{width: 50%;}
.contacts .cont .left h3{font-size: 30px;color: #000;font-weight: bold;}
.contacts .cont .left .line{width: 80px;height: 3px; background: #004F2A;margin-top: 10px;margin-bottom: 30px;}
.contacts .cont .left span{font-size: 16px;font-weight: bold;}
.contacts .cont .left p{font-size: 16px;color: #666;margin-bottom: 15px;}
.contacts .cont .right{width: 50%;}
.contacts .cont .right .title{font-size: 30px;color: #000;font-weight: bold;margin-bottom: 20px;}
.contacts .cont .right li{text-align: center;margin-right: 20px;}
.contacts .cont .right li img{width: 130px;}
.contacts .message{margin-top: 40px;}
.contacts .message h3{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 30px;text-align: center;}
.contacts .message textarea{height: 120px;padding: 15px;border: 1px solid #d6d6d6;width: 100%;}
.contacts .message .input{padding: 15px;border: 1px solid #d6d6d6;width: 100%;margin-top: 20px;}
.contacts .message .submit{background: linear-gradient(to top, #028b4c, #004F2B);color: #fff;padding: 10px 30px;margin-top: 20px;}
@media only screen and (max-width:768px){
.contacts{margin-bottom: 30px;margin-top: 65px;}
.contacts .contact-map{height: 300px;}
.contacts .contact{position: initial;padding: 30px 0;}
.contacts .contact .odcontent{padding: 20px;}
.contacts .cont .left{width: 100%;}
.contacts .cont .left h3{font-size: 18px;}
.contacts .cont .left .line{width: 60px;margin-bottom: 20px;}
.contacts .cont .left span{font-size: 15px;}
.contacts .cont .left p{font-size: 15px;margin-bottom: 10px;}
.contacts .cont .right{width: 100%;margin-top: 15px;}
.contacts .cont .right .title{font-size: 18px;}
.contacts .cont .right li img{width: 80px;}
.contacts .message{margin-top: 25px;}
.contacts .message h3{font-size: 18px;}
.contacts .message textarea{height: 90px;padding: 10px;}
.contacts .message .input{margin-top: 15px;padding: 10px;}
.contacts .message .submit{padding: 6px 25px;margin-top: 15px;}
}


/* contact */
.contact h2{padding:77px 0 37px;font-size:24px;color:#333;border-bottom:1px solid #e5e5e5}
.contact .cway{padding:30px 0 100px;display:flex;justify-content:space-between;font-size:16px}
.contact .cway .text{width:800px;height:174px;display:flex;justify-content:space-between}
.contact .cway .text .left{float:left;margin-top:5px;line-height:30px}
.contact .cway .text .tel{margin-bottom:44px}
.contact .cway .text .tel a{display:block;margin-top:10px;font-size:34px;color:#333}
.contact .cway .text .more_co{float:left;padding-left:46px;line-height:35px;color:#333;border-left:1px solid #e5e5e5}
.contact .cewm{height:174px}
.contact .cewm .item{float:left;margin-left:26px;height:100%;border:1px solid #e7e7e7;background-color:#fff;display:flex;justify-content:space-between;align-items:center}
.contact .cewm .item:first-child{margin-left:0}
.contact .cewm .item .ewmbox{width: 180px;height:100%;border-right:1px solid #e7e7e7;font-size:0;line-height:0;display:flex;justify-content:center;align-items:center;}
.contact .cewm .item p{width: 30px;line-height:16px;text-align:center;}
@media (max-width:1600px){
.contact{padding:0 15px;box-sizing:border-box}
.contact h2{padding:67px 0 34px;font-size:22px}
.contact .cway{padding:30px 0 80px}
.contact .cewm .item .ewmbox{width:175px}
.contact .cewm .item p{padding:0 15px}
}
@media (max-width:1400px){
.contact .cway .text{width:auto}
.contact .cway .text .more_co{padding-left:20px;margin-left:20px}
}
@media (max-width:1200px){
.contact h2{padding:55px 0 30px}
.contact .cway{padding:30px 0 60px;height:auto;flex-wrap:wrap;justify-content:space-around}
.contact .cway .text{width:100%;margin-bottom:30px;justify-content:space-around}
.contact .cway .text .left{float:none;margin-top:5px;line-height:30px}
.contact .cway .text .tel{margin-bottom:24px}
.contact .cway .text .tel a{margin-top:4px;font-size:30px}
.contact .cway .text .more_co{float:none;padding-left:0;margin-left:0;line-height:30px;border-left:0}
}
@media (max-width:991px){
.contact h2{padding:45px 0 25px}
}
@media (max-width:768px){
.contact h2{padding-top:35px;font-size:20px}
.contact .cway{padding:30px 0 40px;font-size:15px}
.contact .cway .text .left{line-height:28px}
.contact .cway .text .tel{margin-bottom:12px}
.contact .cway .text .tel a{margin-top:0;font-size:26px}
.contact .cway .text .more_co{padding-left:10px;line-height:26px}
.contact .cewm{height:150px}
.contact .cewm .item .ewmbox{width:auto;padding:10px;box-sizing:border-box}
.contact .cewm .item p{padding:0 10px;line-height:15px;font-size:15px}
}
@media (max-width:480px){
.contact h2{padding:20px 0}
.contact .cway{padding:25px 0}
.contact .cway .text{flex-wrap:wrap;height:auto;margin-bottom:20px}
.contact .cway .text .left{width:100%;line-height:26px;margin-bottom:20px}
.contact .cway .text .more_co{width:100%;padding-left:0}
.contact .cway .text .tel{margin-bottom:8px}
.contact .cway .text .tel a{font-size:22px}
.contact .cewm{height:130px}
.contact .cewm .item{margin-left:15px}
.contact .cewm .item p{padding:0 5px;line-height:14px;font-size:14px}
}
@media (max-width:375px){
.contact .cewm{height:auto}
.contact .cewm .item{float:none;height:150px;margin-left:0;margin-top:20px}
.contact .cewm .item:first-child{margin-top:0}
.contact .cewm .item p{padding:0 5px;line-height:14px;font-size:14px}
}


.joinlist{background: url(../images/bg8.jpg) center center no-repeat;background-size: cover;padding: 80px 0;}
.joinlist .top{border-bottom: 1px solid #fff;padding-bottom: 20px;margin-bottom: 40px;}
.joinlist .top .j_title{color: #fff;font-size: 30px;font-weight: bold;}
.joinlist .item{width: 32%;position: relative;height:450px;margin-right: 2%;margin-bottom: 25px;background: #fff;cursor: pointer;padding: 50px 25px;border-radius: 30px 0px 30px 0px;}
.joinlist .item:nth-child(3n+3){margin-right: 0;}
.joinlist .item .text .tit{font-size: 20px;font-weight: bold;position: relative;margin-bottom: 30px;}
.joinlist .item .text .tit::after{width:15%;height:2px;position:absolute;left:0;bottom:-15px;content:'';background:#20a03f;-webkit-transition:all .5s}
.joinlist .item:hover .tit{color:#20a03f}
.joinlist .item:hover .tit::after{width:100%}
.joinlist .item .text p{font-size: 15px;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.joinlist .item .text .upload_ico{margin-top: 20px;}
.joinlist .item .text .layui-input{width: 25%;}
.joinlist .item .text .upload{background-color: #20a03f;}
.joinlist .item .text .btn{border: 1px solid #20a03f;width: fit-content;padding: 7px 28px;border-radius: 20px;margin-top: 20px;font-size: 14px;background: none;color: #000;}
.joinlist .item .text .btn:hover{background: #20a03f;color: #fff;}
.joinlist .text_mask{position: fixed;top: 0;right: 0;left: 0;height: 100%;width: 100%; z-index: 999;background: rgba(000,000,000,.4);display: none;}
.joinlist .text_mask .tet-box{position: absolute;background: #fff;left: 50%;width: 1000px;top: 50%;transform: translate(-50%, -50%);z-index: 8;}
.joinlist .text_mask .flex{justify-content: space-between;background: #20a03f;height: 57px;padding: 0 20px;align-items: center;}
.joinlist .text_mask .txt{font-size: 20px;font-weight: bold;position: relative;color: #fff;}
.joinlist .text_mask .bt{font-size: 15px;color: #20a03f;background: #fff;height: fit-content;padding: 6px 30px;border-radius: 20px;}
.joinlist .text_mask .info{padding:20px;}
.joinlist .text_mask .info p{font-size: 16px;line-height: 2;}
.joinlist .text_mask .info .p2{margin-top: 30px;}
@media (max-width:1280px){
.joinlist .item{padding: 40px 20px;}
}
@media (max-width:1080px){
.joinlist{padding: 50px 0;}
.joinlist .text_mask .tet-box{width: 800px;}
}
@media (max-width:768px){
.joinlist{padding: 30px 0;}
.joinlist .top{padding-bottom: 10px;margin-bottom: 20px;}
.joinlist .top .j_title{font-size: 24px;}
.joinlist .item{width: 49%;height: auto;margin-bottom: 20px;padding: 20px;}
.joinlist .item:nth-child(odd){margin-right:2%;}
.joinlist .item:nth-child(even){margin-right: 0;}
.joinlist .item .text .tit{font-size: 18px;}
.joinlist .item .text .btn{margin-top: 15px;font-size: 12px;padding: 7px 28px;}
.joinlist .text_mask{z-index: 9999;}
.joinlist .text_mask .tet-box{width: fit-content;}
.joinlist .text_mask .flex{height: 46px;padding: 0 15px;}
.joinlist .text_mask .txt{font-size: 17px;}
.joinlist .text_mask .bt{font-size: 14px;padding: 4px 20px;}
.joinlist .text_mask .info{padding: 15px;}
.joinlist .text_mask .info p{font-size: 14px;line-height: 28px;}
}
@media (max-width:520px){
.joinlist{padding: 30px 0;}
.joinlist .item{width: 100%;margin-right: 0;}
.joinlist .top .j_title{font-size: 20px;}
.joinlist .item .text .tit{font-size: 16px;margin-bottom: 20px;}
.joinlist .item .text .tit::after{bottom: -11px;}
.joinlist .item .text p{font-size: 14px;line-height: 2;}
}


.ab_main{background: url(../images/ab.jpg) center center no-repeat;background-size: cover;}
/* about_jjie */
.about_jjie{padding-top: 80px;}
.about_jjie .left{width:50%;margin-right: 10%;}
.about_jjie .left .title{font-size: 30px;font-weight: bold;margin-top: -20px;}
.about_jjie .left .tit{font-size: 45px;letter-spacing: 3px;color:#004F2A ;}
.about_jjie .left .t3{margin-top: 40px;}
.about_jjie .left .t3 p{font-size: 17px;line-height: 32px;text-indent: 30px;margin-top: 15px;}
.about_jjie .right{width: 40%;position: relative;}
.about_jjie  .right .videolist{position: absolute;top: 55%;left: 50%;width: auto;transform: translate(-50%,-50%);transition: all .5s;z-index: 2;}
.about_jjie  .right .videolist::before{width: 70px;height: 70px;position:absolute;left: 50%;top: 49%;border: 1.5px dashed #fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);content:'';-webkit-animation:sysAnimate 50s linear infinite;}
@-webkit-keyframes sysAnimate{from{-webkit-transform:translate(-50%,-50%) rotate(0)}
to{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}
.about_jjie .text .t4{display: none;}
.about_jjie .text{margin-top: 20px;}
.about_jjie .text p{font-size: 17px;line-height: 32px;text-indent: 30px;margin-top: 20px;}
@media (max-width:1280px){
.about_jjie .left{width: 55%;margin-right: 5%;}
.about_jjie .left .t3 p{font-size: 16px;}
.about_jjie .text p{font-size: 16px;}
}
@media (max-width:1080px){
.about_jjie{padding-top: 50px;}
.about_jjie .left{width: 100%;margin-right: 0;}
.about_jjie .left .t3{display: none;}
.about_jjie .right{width: 100%;margin-top: 20px;}
.about_jjie .text .t4{display: block;}
.about_jjie .left .title{font-size: 24px;}
.about_jjie .left .tit{font-size: 36px;}
}
@media (max-width:768px){
.about_jjie{padding-top: 30px;}
.about_jjie .left .t1 img{width: 68%;}
.about_jjie .left .title{font-size: 20px;margin-top: -10px;}
.about_jjie .left .tit{font-size: 22px;letter-spacing: 2px;}
.about_jjie .text p{margin-top: 10px;font-size: 15px;line-height: 28px;}
.about_jjie .right .pic{text-align: center;}
.about_jjie .right .pic img{width: 100%;}
.about_jjie .right .videolist{top: 60%;}
.about_jjie .right .videolist img{width: 50px;}
.about_jjie .right .videolist::before{width: 55px;height: 55px;}
}

/* about_lc */
.about_lc{padding: 0 0 80px 0;background: url(../images/ab.png) center center no-repeat;background-size: cover;}
.about_lc .odcontent{position: relative;}
.about_lc .lh{height: 100px;}
.about_lc .title{margin-bottom: 50px;}
.about_lc .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;font-weight: bold;}
.about_lc .title .t2{font-size: 20px;color:#666;text-align: center;}
.about_lc .flex{padding: 0 200px;}
.about_lc .img{width: 45%;margin-right: 10%;}
.about_lc .img img{width: 100%;}
.about_lc .info{width: 45%;padding-top: 130px;}
.about_lc .info h3{font-size: 30px;font-weight:bold;}
.about_lc .info p{font-size:18px;line-height: 30px;margin-top: 20px;}
.about_lc .lc1{padding-top: 40px;}
.about_lc .lc1::after{border: 1px dashed #DC6D70;content: "";position: absolute;left: 0;top: 14px;width: 100%;}
.about_lc .lc1 a{text-align: center;font-size: 30px;color: #999;position: relative;}
.about_lc .lc1 a::before{border: 2px solid #D0121B;content: "";position: absolute;left: 50%;top: -30px;height: 6px;width: 6px;border-radius: 50%;background: #fff;}
.about_lc .lc1 .swiper-slide-thumb-active a{color: #D0121B;}
.about_lc .lc1 .swiper-slide-thumb-active a::before{border: 4px solid #D0121B;top: -33px;}
.about_lc .lc2{height: 500px;}
.about_lc .swiper-button-prev{background: url(../images/lc_icon.png) center center no-repeat;background-size: 14px;transform: rotate(180deg);top: 90%;left: -2%;}
.about_lc .swiper-button-next{background: url(../images/lc_icon.png) center center no-repeat;background-size: 14px;right: -2.5%;top: 90%;}
.about_lc .swiper-button-prev:after, .about_lc .swiper-button-next:after{opacity: 0;}
@media (max-width:1770px){
.about_lc .info{padding-top: 120px;}
}
@media (max-width:1600px){
.about_lc .swiper-button-next{top: 88.5%;}
.about_lc .swiper-button-prev{top: 88.5%;}
.about_lc .lc2{height: 400px;}
.about_lc .info{padding-top: 90px;}
.about_lc .info p{font-size: 16px;}
}
@media (max-width:1080px){
.about_lc .lh{height: 80px;}
.about_lc .title .t1{font-size: 30px;margin-bottom: 10px;}
.about_lc .flex{padding: 0;}
.about_lc .swiper-button-next{top: 85%;}
.about_lc .swiper-button-prev{top: 85%;}
.about_lc .info h3{font-size: 24px;}
}
@media (max-width:768px){
.about_lc{padding: 0 0 50px 0;}
.about_lc .lh{height: 30px;}
.about_lc .title{margin-bottom: 15px;}
.about_lc .title .t1{font-size: 20px;margin-bottom: 5px;}
.about_lc .swiper-button-next{top: 90.5%;background-size: 10px;}
.about_lc .swiper-button-prev{top: 90.5%;background-size: 10px;}
.about_lc .img{width:100%;margin-right: 0;margin-bottom: 20px;}
.about_lc .info{width:100%;padding-top: 0;}
.about_lc .info h3{font-size: 20px;}
.about_lc .info p{margin-top: 10px;font-size: 15px;line-height: 28px;}
.about_lc .lc1{width: 90%;padding-top: 50px;}
.about_lc .lc1::after{top: 24px;}
.about_lc .lc1 a{font-size: 22px;}
.about_lc .lc2{height: fit-content;}
}


/* picturelist */
.picturelist{padding: 80px 0 120px;background-color: #F9FBFC;position: relative;}
.picturelist .title{margin-bottom:40px}
.picturelist .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;font-weight: bold;}
.picturelist .title .t2{font-size:14px;color:#666;text-align: center;}
.picturelist .swiper-slide{border-bottom: 1px #dcdcdc solid;}
.picturelist .swiper-slide:after{transition: all .5s cubic-bezier(.77,0,.175,1) 0s;content:''; position:absolute; left:0; bottom:-1px; height:1px; width:100%; background-color:#004F2A; width:0;}
.picturelist .swiper-slide:hover:after{width:100%;}
.picturelist .swiper-button-next{left: 51%;top: 90%;background: #C4C4C4;border-radius: 50%;width: 36px;height: 36px;}
.picturelist .swiper-button-prev{left: 47%;top: 90%;background: #C4C4C4;border-radius: 50%;width: 36px;height: 36px;}
.picturelist .swiper-button-next:after{font-size: 15px;color: #fff;}
.picturelist .swiper-button-prev:after{font-size: 15px;color: #fff;}
.picturelist .img img{max-width: 100%;}
.picturelist .info{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;}
.picturelist .info p{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media(max-width:1080px){
.picturelist{padding: 50px 0 80px;}
.picturelist .title .t1{font-size: 30px;margin-bottom: 10px;}
}
@media(max-width:768px){
.picturelist{padding: 30px 0 60px;}
.picturelist .title{margin-bottom: 15px;}
.picturelist .title .t1{font-size: 20px;margin-bottom: 5px;}
.picturelist .swiper-button-next{width: 30px;height: 30px;left: 53%;top: 94%;}
.picturelist .swiper-button-prev{width: 30px;height: 30px;left: 42%;top: 94%;}
.picturelist .info p{font-size: 14px;}
.picturelist .info img{width: 20px;}
}

/* picturelist2 */
.picturelist2{padding: 30px 0 120px;background-color: #F9FBFC;position: relative;}
.picturelist2 .title{margin-bottom:40px}
.picturelist2 .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;font-weight: bold;}
.picturelist2 .title .t2{font-size:14px;color:#666;text-align: center;}
.picturelist2 .swiper-slide{border-bottom: 1px #dcdcdc solid;}
.picturelist2 .swiper-slide:after{transition: all .5s cubic-bezier(.77,0,.175,1) 0s;content:''; position:absolute; left:0; bottom:-1px; height:1px; width:100%; background-color:#004F2A; width:0;}
.picturelist2 .swiper-slide:hover:after{width:100%;}
.picturelist2 .swiper-button-next{left: 51%;top: 90%;background: #C4C4C4;border-radius: 50%;width: 36px;height: 36px;}
.picturelist2 .swiper-button-prev{left: 47%;top: 90%;background: #C4C4C4;border-radius: 50%;width: 36px;height: 36px;}
.picturelist2 .swiper-button-next:after{font-size: 15px;color: #fff;}
.picturelist2 .swiper-button-prev:after{font-size: 15px;color: #fff;}
.picturelist2 .img img{max-width: 100%;}
.picturelist2 .info{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;}
.picturelist2 .info p{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media(max-width:1080px){
.picturelist2{padding: 30px 0 80px;}
.picturelist2 .title .t1{font-size: 30px;margin-bottom: 10px;}
}
@media(max-width:768px){
.picturelist2{padding: 30px 0 60px;}
.picturelist2 .title{margin-bottom: 15px;}
.picturelist2 .title .t1{font-size: 20px;margin-bottom: 5px;}
.picturelist2 .swiper-button-next{width: 30px;height: 30px;left: 53%;top: 92%;}
.picturelist2 .swiper-button-prev{width: 30px;height: 30px;left: 42%;top: 92%;}
.picturelist2 .info p{font-size: 14px;}
.picturelist2 .info img{width: 20px;}
}



.case{padding:0 0 80px 0;}
.case .n_tit{padding: 30px 0 20px;border-bottom: 1px solid #CFD2D9;margin-bottom: 20px;}
.case .n_tit.xg{margin-top: 60px;}
.case .n_tit .text{font-size: 30px;font-weight: bold;}
.case .n_tit .title{font-size: 30px;font-weight: bold;color: #8c8c8c8c;}
.case .ca_bg{background-size: cover !important;background-attachment: fixed !important;height: 600px;}
.case .tit{margin: 50px 0;}
.case .tit h2{font-size: 28px;font-weight: bold;text-align: center;}
.case .tit .line{width: 60px;height: 2px;background: #000;margin: 0 auto;margin-top: 10px;}
.case .ca1{position: relative;}
.case .ca1 .item{width: 40%;}
.case .ca1 .item .img{position: relative;}
.case .ca1 .item .img::after{content: "";position: absolute;top: -6px;left: -6px;width: 100%;height: 100%;border: 6px solid rgba(0,0,0,0.2);}
.case .ca1 .item img{max-width: 100%;width: 100%;}
.case .ca1 .item:nth-child(1){margin-right: 10%;}
.case .ca1 .item:nth-child(2){margin-left: 10%;}
.case .ca1 .info{background: #fff;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;max-width: 480px;min-width: 480px;box-shadow: 0 -10px 30px 5px rgba(0,0,0,.08);}
.case .ca1 .info h3{font-size: 26px;font-weight: bold;position: relative;width: fit-content;padding: 40px 40px 0 40px;}
.case .ca1 .info h3::after{content: "";position: absolute;left: 88%;top: 75%;width: 60px;height: 2px;background: #000;}
.case .ca1 .info p{font-size: 18px;color: #464646;line-height: 1.8;margin-top: 10px;padding: 0 10px 35px 40px;}
.case .ca2{margin-top: 8%;position: relative;}
.case .ca2 .flex{justify-content: flex-end;}
.case .ca2 .info{background: #fff;padding: 40px;position: absolute;left: 22%;transform: translate(-50%,-50%);top: 50%;z-index: 99;width: 580px;box-shadow: 0 -10px 30px 5px rgba(0,0,0,.08);}
.case .ca2 .info h3{font-size: 26px;font-weight: bold;position: relative;width: fit-content;}
.case .ca2 .info h3::after{content: "";position: absolute;left: 110%;top: 50%;width:100px;height: 2px;background: #000;}
.case .ca2 .info p{font-size: 18px;color: #464646;line-height: 1.8;margin-top: 20px;}
.case .ca2 .img{width: calc(100% - 580px);position: relative;}
.case .ca2 .img::after{content: "";position: absolute;top: -6px;left: -6px;width: 100%;height: 100%;border: 6px solid rgba(0,0,0,0.2);}
.case .ca2 .img img{width: 100%;}
.case .ca3{margin-top: 8%;position: relative;}
.case .ca3 .info{background: #fff;padding: 40px;position: absolute;transform: translate(-50%,-50%);top: 50%;z-index: 99;right: -14%;width: 580px;}
.case .ca3 .info h3{font-size: 26px;font-weight: bold;position: relative;width: fit-content;}
.case .ca3 .info h3::after{content: "";position: absolute;left: 110%;top: 50%;width:100px;height: 2px;background: #000;}
.case .ca3 .info p{font-size: 18px;color: #464646;line-height: 1.8;margin-top: 20px;}
.case .ca3 .img{width: calc(100% - 580px);position: relative;}
.case .ca3 .img::after{content: "";position: absolute;top: -6px;left: -6px;width: 100%;height: 100%;border: 6px solid rgba(0,0,0,0.2);}
.case .ca3 .img img{width: 100%;}
.case .al_tj .item .pic{overflow: hidden;max-height: 310px;}
.case .al_tj .item .pic img{width: 100%;}
.case .al_tj .item .text{font-size: 18px;font-weight: bold;padding: 20px 25px;line-height: 30px;border: 1px solid #e3dddd;background: #F6F6F6;}
.case .al_tj .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);}
.case .al_tj .item:hover .pic img{transform: scale(1.1);}
.case .al_tj .item::after{width:0;height:3px;content:"";background:#004F2A;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.case .al_tj .item:hover::after{width:100%;transition:all .5s ease;margin-left:-50%}
.case .al_tj .swiper-button-next{background: rgba(0,0,0,0.5);height: 60px;width: 40px;top: 40%;}
.case .al_tj .swiper-button-prev{background: rgba(0,0,0,0.5);height: 60px;width: 40px;top: 40%;}
.case .al_tj .swiper-button-next:after,.case .swiper-button-prev:after{font-size: 20px;color: #fff;}
@media(max-width:1280px){
.case .ca1 .info h3{padding: 25px 25px 0 25px;}
.case .ca2 .info{left: 40%;}
}
@media(max-width:1080px){
.case .ca1 .item:nth-child(1){display: none;}
.case .ca1 .item{width: 100%;margin-left: 0%;}
.case .ca1 .item:nth-child(2){margin-left: 0%;}
.case .ca2 .info{width: 100%;position: initial;transform: translate(0);}
.case .ca2 .img{width: 100%;}
.case .ca3 .img{width: 100%;}
.case .ca3 .info{width: 100%;position: initial;transform: translate(0);}
}
@media(max-width:768px){
.case .ca_bg{background-position: center center!important;height: 450px;}
.case .n_tit{padding: 30px 0 20px;margin-bottom: 20px;}
.case .n_tit .text{font-size: 20px;}
.case .n_tit .title{font-size: 20px;}
.case .tit{margin: 30px 0;}
.case .tit h2{font-size: 20px;}
.case .tit .line{width: 40px;}
.case .ca1 .img{width: 100%;}
.case .ca1 .info{width: 100%;position: initial;transform: translate(0);margin-top: 20px;}
.case .ca1 .info h3{font-size: 18px;padding: 0;}
.case .ca1 .info h3::after{width: 60px;left: 110%;top: 50%;}
.case .ca1 .info p{font-size: 14px;padding: 0;margin-top: 10px;}
.case .ca2 .img{width: 100%;}
.case .ca2 .info{width: 100%;position: initial;transform: translate(0);margin-top: 20px;padding: 0;margin-bottom: 20px;}
.case .ca2 .info h3{font-size: 18px;padding: 0;}
.case .ca2 .info h3::after{width: 60px;}
.case .ca2 .info p{font-size: 14px;padding: 0;margin-top: 10px;}
.case .ca3 .img{width: 100%;}
.case .ca3 .info{width: 100%;position: initial;transform: translate(0);margin-top: 20px;padding: 0;margin-bottom: 20px;}
.case .ca3 .info h3{font-size: 18px;padding: 0;}
.case .ca3 .info h3::after{width: 60px;}
.case .ca3 .info p{font-size: 14px;padding: 0;margin-top: 10px;}
.case .n_tit.xg{margin-top: 0;}
.case .al_tj .item .text{padding: 10px 0;font-size: 14px;line-height:20px;text-align: center;}
.case .al_tj .swiper-button-next{height: 40px;width: 25px;top: 40%;right: 0;}
.case .al_tj .swiper-button-prev{height: 40px;width: 25px;top: 40%;left: 0;}
.case .al_tj .item .pic{max-height: 130px;}
}



/* case2 */
.case2{padding: 50px 0;position: relative;background-color:#C2CAC7;}
.case2 .w1200{background: #fff;padding: 30px 50px;box-shadow: -1px 0px 5px 1px rgba(19, 19, 19, 0.15);}
.case2 .title h2{font-size: 36px;color: #000;text-align: center;font-weight: bold;margin-bottom: 10px;}
.case2 .title p{font-size: 16px;color: #333333;text-align: center;padding-top: 5px;margin-bottom: 30px;}
.case2 .list{}
.case2 .mySwiper3{width: 75%;}
.case2 .mySwiper3 .swiper-slide{max-height: 540px;}
.case2 .mySwiper3 img{width: 100%;height: 100%;}
.case2 .mySwiper3 .swiper-button-next:after,.case2 .mySwiper2 .swiper-button-prev:after{font-size: 14px;}
.case2 .mySwiper3 .swiper-button-next:after,.case2  .swiper-button-prev:after{font-size: 14px;}
.case2 .mySwiper3 .swiper-button-next,.case2 .swiper-button-prev{height: 35px;width: 35px;background-color: #C2CAC7;color: #fff;border-radius: 50%;top: 50%;}
.case2 .mySwiper3 .swiper-button-next:hover,.case2 .swiper-button-prev:hover{background: #004F2B;}
.case2 .mySwiper4{width:20%;height: 490px !important;overflow: hidden;}
.case2 .mySwiper4 .swiper-wrapper{}
.case2 .mySwiper4 .swiper-slide{background:#fff;height: auto !important;}
.case2 .mySwiper4 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.case2 .mySwiper4 .swiper-slide-thumb-active img{border: 1px solid #004F2B;}

@media screen and (max-width:1080px){
.case2 .title h2{font-size: 30px;}
.case2 .title p{margin-bottom: 30px;}
}
@media screen and (max-width:768px){
.case2{padding: 25px 0;}
.case2 .w1200{padding: 15px;}
.case2 .title h2{font-size: 20px;}
.case2 .title p{font-size: 14px;margin-bottom: 15px;}
/* .case2 .mySwiper2{width: 100%;}
.case2 .mySwiper{width: 100%;margin-left: 5%;} */
.case2 .mySwiper4{display: none;}
.case2 .mySwiper3{width: 100%;}
.case2 .mySwiper3 .swiper-button-next, .case2 .swiper-button-prev{height: 25px;width: 25px;top: 55%;}
}


/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/conse.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}