#header{position: fixed; z-index: 999;height: 90px; width: 100%; left: 0; top: 0;}
#header .iconfont{display: none;}
#header::after{opacity:0;content: ''; display: block; width: 100%;left: 0; top: 0; height: 100%; z-index: 2;background-image: url(../images/nav-bg.png); background-position:0 center; background-size: 100% 100%; position: absolute; background-color: rgba(0,0,0,0.8); transition: all ease .3s;}
#header:hover::after,#header.on::after{opacity:1;}
#nav{display: flex;align-items: center; justify-content: flex-end; }
#nav .item{margin-left: 10%;}
.nav-sub{position: absolute; width: 100%; left: 0; top: 0; padding-top: 90px; background-color: #142130; z-index: 1; visibility: hidden; opacity: 0; transition: all ease .3s; display: flex; align-items: center; justify-content: center;}
.nav-sub::before{content: ''; display: block; width: 100%; left: 0; top: 90px; height: 1px; background-color: #333; position: absolute;}
.nav-sub .swiper-slide{text-align: center; color: #fff; padding: 1px 40px;}
.nav-sub .imgW{background-color: #fff; border-radius: 10px; padding-bottom:70%}
.nav-sub .imgW .img{position: absolute;}
.nav-sub .name{line-height: 1; margin: 20px 0;}
#header .nava{color: #fff; display: flex; align-items: center; justify-content: center; height: 90px; font-size: 18px; position: relative; z-index: 5; white-space: nowrap;}
#header .nava.on,#header .nava:hover{color: #20a153; font-weight: bold;}
#header .nava.on::after{content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 20px; height: 2px; background-color: #20a153;}
#header .logo{position: relative; z-index: 5;}
#nav .item:hover .nav-sub{visibility: visible; opacity: 1;}
.nav-sub .arrow{width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: 80%; outline: none; cursor: pointer; margin-bottom: 40px;}
.nav-sub .prev{background-image: url(../images/arrow-le.png);}
.nav-sub .next{background-image: url(../images/arrow-ri.png);}
.nav-sub .box{margin:0 16px !important; padding: 40px 0;}
.nav-sub-ban2{display: flex; padding: 30px 0; justify-content: flex-start;}
.nav-sub-ban2 .nav-item2{width: 183px; color: #fff; text-align: center; margin-right: 4%;}
.nav-sub-ban2 .nav-item2:hover .name,.nav-sub .swiper-slide:hover .name{color: #11a84f;}
.nav-item2 .imgW{height: 138px;}

.cp-m2-item{position: relative; padding: 0;}
.cp-m2-item img{display: block; object-fit: cover; width: 100%;}
.cp-m2-item .box{position: absolute; left: 50%; transform: translateX(-50%); z-index: 50; top: 0; padding: 100px 0;}
/* 直接让左图 sticky，无需 JS */
.cp-detail-box .cp-sticky {
  position: sticky;
  top: 20px; /* 有固定头部就把 20px 换成头部高度 */
  align-self: flex-start;
  display: block;
  z-index: 10; width:480px; margin-bottom:60px;
}
.cp-detail-box .cp-ri{width:calc(100% - 480px);}
.box{max-width: 80%;}
.dots.dots1{position: absolute; left: 50%; transform: translateX(-50%); bottom: 26px; z-index: 40;}
.dots.dots1 span{border-radius: 20px; width: 20px; height: 10px; background-color: #fff; opacity: 0.4; transition: all ease .3s; margin: 0 6px;}
.dots.dots1 .swiper-pagination-bullet-active{width: 50px;}
.banner{position: relative; z-index: 5; width: 100%;}
.imgW{position: relative; overflow: hidden;}
.imgW .img{width: 100%; height: 100%; object-fit: cover; position: relative;z-index: 1; transition: all ease .3s;display: block; left: 0; top: 0;}
.scale-hover:hover .img{transform: scale(1.1);}
.banner .a{display: block;}
.banner .swiper-slide .imgW{position: relative; padding-bottom:57%}
.banner .swiper-slide .img{max-height: 100vh; width: 100%; object-fit: cover; display: block; position: absolute;}

.h-tit{margin-bottom: 40px;}
.h-tit h1{font-size: 48px; font-weight: bold; text-align: center;}
.h-intro{font-size: 24px; display: flex; align-items: center; justify-content: center; line-height: 1; margin-top: 30px;}
.h-intro::after,.h-intro::before{content: ''; display: block; width: 80px; height: 4px; background-color: #cfd2d5;}
.h-intro .sp{margin: 0 50px;}
.main1{background-color: #edf7f1; padding: 80px 0;}
.m1-list .item{width: 24%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px #ccc; margin: 0 0.5%; text-align: center; color: #16552d; padding: 50px 0; cursor: pointer;}
.m1-list .num{font-size: 52px; font-weight: bold; line-height: 1; margin: 26px 0;}
.m1-list .name{font-size: 24px;}
.m1-list .icon{height: 100px; display: block; margin: 0 auto; transition: transform 0.6s ease-in-out; /* 平滑旋转 */}
.m1-list .item:hover .icon {
  transform: rotateY(360deg);
}

.main2{padding: 50px 0;}
.m2-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.m2-list .item{position: relative;display: block; width: calc(50% - 5px); color: #fff;font-size: 18px; margin-bottom: 10px; display: block;}
.m2-list .div-box{ width: 100%; height: 100%; position: absolute; z-index: 10; display: flex;  padding: 60px 50px; background-color: rgba(0,0,0,0.5); top: 0; left: 0; }
.m2-list .name{font-size: 36px; font-weight: bold; transition: all ease .3s;}
.m2-list .intro{margin: 20px 0; line-height: 1.7;}
.m2-list .more{background-image: url(../images/icon-jt.png); background-size: 17px; background-repeat: no-repeat; background-position: right center; padding-right: 26px; transition: all ease .3s;}
.m2-list .item:hover .name{transform: translateY(-5px);}
.m2-list .item:hover .more{padding-right: 50px;}
.m2-list .item:hover .img{transform: scale(1.1);}
.m2-list.odd .item:last-child{width: 100%; }
.m2-list.odd .item:last-child .imgW{padding-bottom: 28%;}
.m2-list .div{max-width: 1000px;}

.m2-list .imgW{padding-bottom: 57%;}
.m2-list .img{position: absolute; left: 0; top: 0;}

.main3{padding-bottom: 50px;}
.cp-list{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.cp-list .item{width: 31.3333%; margin: 0 1%; background-color: #f1f1f1; border-radius: 10px; overflow: hidden; display: block; font-size: 24px; text-align: center; margin-bottom: 20px; padding-bottom: 40px;}
.cp-list .name{line-height: 1; margin-top: 20px; width: 94%; margin-left: auto; margin-right: auto;}
.cp-list .item .imgW{padding-bottom:70%}
.cp-list .item .imgW .img{position: absolute;}

.main4{padding: 60px 40px 40px; background-image: url(../images/h-case-bg.png); background-position:center; background-size: cover;}
.main4 .item{text-align: center; background-color: #fff;}
.main4 .name{font-size: 24px; line-height: 1;}
.main4 .intro{font-size: 20px; color: #666; line-height: 1; margin-top: 20px;}
.main4 .div{padding: 30px 20px;}
.main4 .dots{position: static; transform: translate(0); margin-top: 30px; text-align: center;}
.main4 .dots span{background-color: #1d9f53; width: 20px; height: 20px;}
.main4 .dots .swiper-pagination-bullet-active{width: 70px;opacity: 1;}


.main5{background-color: #f1f8f4; padding: 70px 0;}
.m5-ban1{margin-bottom: 24px; }
.m5-ban{opacity: 0;}
.m5-ban .item{width: auto;}
.m5-ban.show{opacity: 1;}
.m5-ban .swiper-wrapper { transition-timing-function: linear !important; }
.m5-ban .img{
    width: 200px !important;
}
#footer{background-color: #1b1b1b;}
.ft-box1{border-bottom: 1px solid #333;}
.ft-box1 .box{line-height: 1; height: 70px; }
.ft-box1 .icon{width: 30px; margin-right: 10px;}
.ft-box1 .item{color: #fff; display: inline-flex; align-items: center;}


.ft-item1{margin-top: 30px;}
.ft-copy{color: #fff; font-size: 12px; text-align: center; padding: 10px 0; border-top: 1px solid #333;}
.ft-box2{color: #fff; padding: 40px 0;}
.ft-box2 .p1{margin-bottom: 20px;}
.ft-box2 .a{display: block; color: #7c808a; margin-bottom: 16px;}
.ft-box2 a.a:hover{color: #f1f1f1; text-decoration: underline;}
.ft-item3 .a{color: ##7c808a; background-position: 0 center; background-repeat: no-repeat; background-size: 20px; padding-left: 26px;}
.ft-item3 .sp{color: #7c808a;}
.ft-item3 .icon1{background-image: url(../images/lx-icon1.png);}
.ft-item3 .icon2{background-image: url(../images/lx-icon2.png);}
.ft-item3 .icon3{background-image: url(../images/lx-icon3.png);}
.ft-item3 .icon4{background-image: url(../images/lx-icon4.png);}


.ft-item4 .icon{width: 35px; display: block; margin: 0 auto;}
.ft-item4 .icon2{display: block; margin: 0 auto;}
.ft-item4 .p2{height: 50px; display: flex; align-items: center;}
.ft-item4 .line{width: 1px; height: 155px; margin-top: 100px; margin: 0 3vw; background-color: #999;}
.ft-item4-ul{align-items: flex-end;}
.fixedBtn{position: fixed; right: 45px; width: 140px; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #20a153; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; bottom: 10vh; z-index: 987; display: none;}

.cp-list-box{padding: 40px 0 50px;}

.ny-ban .img{width:100%; display:block}
.banner{position: relative;}
.ban-con{position: absolute; width: 100%;  height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; color: #fff; padding-top: 200px;}
.ban-h1{font-size: 60px; margin-bottom: 20px; font-weight: bold;}
.ban-p{font-size: 24px;}
.cp-main1{position: relative;}
.cp-main1::before, .cp-main1::after{position: absolute; top:0; bottom:0; z-index:0; content:''; display:block;}
.cp-main1::before{left:0; width: 40%; background-image: url(../images/cp-bg3.png); background-position: center; background-size: cover;}
.cp-main1::after{right: 0; width: 60%; background-image: url(../images/cp-bg2.png); background-position: center; background-size: cover; }
.cp-main1 .box{position: relative; z-index:5; display:flex}
.cp-m1-le{font-size: 18px;  padding: 40px 0; width: 40%;}
.cp-m1-ri{padding: 40px 0; width: 60%;}
.cp-m1-ri .imgW .img{position:absolute;}
.cp-h1{font-size: 48px; font-weight: bold;}
.cp-intro1{margin: 30px 0;}
.cp-h2{font-size: 30px; margin-bottom: 16px;}
.cp-unit{font-size: 30px; color: #20a153;}
.cp-unit .sp{font-size: 18px;}
.arrow{cursor: pointer; outline: none;}
.video-ban{width: 80%;}
.cp-m1-ri .arrow{width: 60px; height: 60px; background-size: 50%; background-position: center; background-repeat: no-repeat; background-image: url(../images/arrow-le2.png); display: block; cursor: pointer;}
.cp-m1-ri .next{transform: rotateY(180deg);}

.video-ban.img-list{width: 100% !important; margin: 0 !important;}
.video-ban .swiper-slide{padding: 6px;}
.img-list{position: relative; padding-bottom:67%; width:100%; overflow: visible !important;}
.img-list .imgW{ border-radius: 15px;}
.img-list .imgW1{width: calc(50% - 8px); position: absolute; height:100%; left:0;top:0;}
.img-list .imgW1 .img{position: absolute}
.img-list .imgW2, .img-list .imgW3{width: calc(50% - 8px); position: absolute; right: 0; height:calc(50% - 8px);; padding: 0;}
.img-list .imgW2{top:0; bottom: auto;}
.img-list .imgW3{bottom:0; top: auto;}
.img-list .imgW:hover{box-shadow: 0 0 10px #ccc;}
.img-list .imgW:hover .img{transform: scale(1.1);}
.img-list .imgW{ box-shadow: 0 0 10px #ccc;}
.img-list .img{object-fit: contain;}
.v-item{border-radius: 20px; overflow: hidden; position: relative;}
.v-item .img,.video-ban{border-radius: 20px; overflow: hidden; }
.play-btn{position: absolute; width: 95px; height: 95px; cursor: pointer; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 98;}

.cp-m2-item{color: #fff;margin-bottom: 15px;}
.cp-m2-item::after{content: ''; width: 100%; height: 100%; z-index: 0; position: absolute; left: 0; top: 0; background: linear-gradient(145deg,rgba(0,0,0,0.7), rgba(0,0,0,0));}
.cp-name2{font-size: 48px; font-weight: bold;}
.cp-intro2{font-size: 22px; max-width: 750px; line-height: 1.8;}
.cp-name2::after{content: ''; display: block; width: 2em; height: 6px; border-radius: 5px; background-color: #20a153; margin: 30px 0;}


.cp-main3{background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/cp-bg.png); padding: 100px 0 76px;}
.cp-main3 img{max-width: 100%;}
  

.cp-main4{padding: 60px 0;}
.cp-item4{background-color: #e7f5ec; border-radius: 10px; padding: 45px 0; width: 48.5%; font-weight: bold; font-size: 22px; text-align: center; margin-bottom:20px}

#fixedBox{background-color: #FFF; border-radius: 6px; overflow: hidden; padding: 15px 26px 30px; position: fixed; right: 20px; bottom: 30px; width: 400px; z-index: 9980;box-shadow: 0px 0px 5px #ddd; display: none;}
#fixedBox .item{width: 100%; min-height: 50px; border-radius: 6px; border: 1px solid #ededed;overflow: hidden; display: flex;align-items: center; margin-bottom: 16px;}
.flex-rict{display: flex; align-items: center; justify-content: flex-end;}
#fixedBox .close{width: 18px; margin-bottom: 15px; cursor: pointer;}
#fixedBox .text{flex: 1; height: 50px;}
#fixedBox .lab{padding:0 16px; white-space: nowrap;}
#fixedBox .item1{display: block; padding:8px 16px;}
#fixedBox .item1 .lab{padding-left: 0;}
#vdimgck{width:160px;}
#area{display: block; width: 100%; outline: none; border: none; height: 120px; margin-top: 6px;}
.submit-btn{background-color: #11a84f; border-radius: 6px; color: #fff; font-weight: bold; font-size: 18px; height: 62px; display: flex; align-items: center; justify-content: center; margin-top: 16px;border:none;width:100%;}
.fixed-scroll{max-height: calc(100vh - 150px); overflow-y: auto;}
#fixedBox.on{display: block;}
.wrap{flex-wrap: wrap;}
.lx-main{margin: 35px 0; padding: 150px 0 100px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/lx-bg.png);}
.lx-main{color: #61c287;}
.lx-main-box{align-items: flex-start;}
.lx-name{font-weight: bold; font-size: 28px; margin-bottom: 26px;}
.lx-le{font-size: 24px; width: 48%;}
.lx-le .item{margin-bottom: 30px;}
.lx-item{margin-bottom: 26px;}
.lx-le .icon{width: 60px; margin-right: 25px;}
.lx-ri{width: 48%;}
.lx-item{width: 48%; border-radius: 10px; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/lx-bg1.png); display: flex; align-items: center; margin-bottom: 16px;}
.lx-item .lab{padding: 0 14px; font-size: 16px; white-space: nowrap;}
.lx-item .text{height: 48px; background-color: transparent; color: #61c287; flex: 1;  font-size: 16px;}
.lx-area{display: block; width: 100%; height: 128px; padding: 14px; background-color: transparent; border: none; outline: none; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/lx-bg1.png); border-radius: 10px; margin-bottom: 16px; font-size: 16px;}
.lx-item2{width: 100%;}
.lx-item2 .text{max-width: 230px; margin-right: 15px; padding: 0 20px;}
.lx-area::placeholder,.lx-item2 .text::placeholder{color: rgba(97,194,135,0.3);}
.lx-area,.lx-item .text{font-size: 16px; color: #11a84f; font-family: '微软雅黑';}
.submit-btn1{width: 100%; font-weight: normal; height: 60px;}

.gc-list .intro{font-size: 18px; margin-top: 10px; color: #666666;}
.gc-list .item{padding-bottom: 0 !important; border-radius: 0px;}
.gc-list .div{padding:30px 20px 40px;}
.gc-list .name{margin-top: 0 !important;}
.gc-main{padding: 70px 0;}
.gc-main .page{margin-top: 50px; margin-bottom: 0;}

.gc-detail{padding: 120px 0 60px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/gc-bg.png); color: #fff;}
.gc-detail-btn{width: 100px; height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 30px; margin-bottom: 30px; cursor: pointer;}
.gc-detail-btn .icon{transition: all ease .3s; margin-right: 10px;}
.gc-detail-btn:hover .icon{transform: translateX(-4px);}


.gc-detail-btn1{    width: 100px;
    height: 36px;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #20a153;
    border: 1px solid #20a153;
    border-radius: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    color: #fff;
}
.gc-detail-btn1 .icon{transition: all ease .3s; margin-right: 10px;}
.gc-detail-btn1:hover .icon{transform: translateX(-4px);}

.gc-title{font-size: 46px; font-weight: bold;}
.gc-p1{font-size: 18px; margin-top: 15px; margin-bottom: 45px;}
.gc-detail .banner .img{border-radius: 20px; position: absolute; left: 0; top: 0; min-height: 0px;}
.gc-detail .imgW{padding-bottom: 50%;}
.gc-detail .banner{border-radius: 20px; overflow: hidden;}
.gc-detail .banner .dots{position: static; transform: translate(0); text-align: center; margin-top: 26px;}
.gc-detail .banner .dots span{background-color: #11a84f; height: 10px; width: 10px; opacity: 1;}
.gc-detail .banner .dots span.swiper-pagination-bullet-active{width: 70px;}
.gc-detail .arrow,.arrow3{position: absolute; width: 57px; height: 57px;border-radius: 8px; overflow: hidden; top: 50%; transform: translateY(-50%); z-index: 98; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/arrow-ri3.png); }
.gc-detail .arrow.prev{left: 15px; transform: translateY(-50%) rotateY(180deg);}
.gc-detail .arrow.next{right: 15px;}
.ab-banner{position: relative;}

.arrow4.prev{left: 30px; transform: rotateY(180deg) translateY(-50%);}
.arrow4.next{right: 30px;}



.news-ban .img{height: auto; width:100%}
.news-ban .ban-h1{text-align: center;}
.news-box{padding: 45px 0 80px;}
.news-list{max-width: 1200px;}
.news-item{padding: 40px 0; border-bottom: 1px solid #e2e5e7; display: flex; align-items: flex-start; font-size: 20px;}
.news-item .imgW{width: 240px; height: 160px; border-radius: 10px;}
.news-item .p1{font-size: 40px; font-weight: bold;}
.news-item .p2{font-size: 22px;}
.news-item .time{line-height: 1; margin-right: 40px;}
.news-item .div{margin-left: 40px; flex: 1;}
.news-item .name{font-size: 26px; font-weight: bold; transition: all ease .3s;}
.news-item .intro{color: #545f6c; line-height: 1.8; margin-top: 15px;}
.news-item .a{color: #11a84f;}
.news-item .icon{transition: all ease .3s; margin-left: 8px;}
.news-item:hover .icon{transform: translateX(6px);}
.news-item .more{text-align: right; margin-top: 8px;}
.news-box .page{margin-top: 60px;}
.news-item:hover .name{color: #11a84f;}

.news-tit{font-size: 42px; font-weight: bold; text-align: center;}
.news-time{text-align: center; font-size: 20px; color: #99a1ab; padding: 20px 0 30px; border-bottom: 1px solid #ededed; margin-bottom: 30px;}
.news-detail{max-width: 1000px; padding-top: 130px; padding-bottom: 40px;}
.news-content{font-size: 20px; line-height: 1.8;}
.news-content .indent{text-indent: 2em; margin-bottom: 10px;}


.ny-ban .h-tit{color: #fff;}
.ny-ban .h-intro::after, .ny-ban .h-intro::before{background-color: #fff; height: 2px;}


.ab-main1{display: flex; align-items: stretch; position: relative;}
.ab-bg1{width: 50%; height: 100%; position: absolute; top: 0; background-position: center; background-size: cover;}
.ab-le1{left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/ab-bg.png);}
.ab-ri1{right: 0;}
.ab-w{width: 50%;}

.ab-main1{margin: 10px 0;}
.ab-main1 .box{position: relative; z-index: 98; min-height: 630px; position: relative;}
.ab-name{font-size: 48px; font-weight: bold; margin-bottom: 30px;}
.ab-intro{font-size: 18px; line-height: 1.6;}
.ab-m1-w{width: 40%; padding: 30px 0; position: relative;}
.ab-main1 .box::after{content: ''; display: block; width: 10px;  height: 100%; top: 0; background-color: #fff; left: 50%; position: absolute; margin-left: -5px;}
.ab-main2{background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/ab-bg2.png); padding: 80px 0;}
.ab-main2 .item{background-color: #fff;border-radius: 10px; width: 32%; padding: 80px 45px; padding-right: 140; background-repeat: no-repeat; background-position: right bottom; background-size: 100px;}
.ab-main2 .item1{background-image: url(../images/ab-icon1.png);}
.ab-main2 .item2{background-image: url(../images/ab-icon2.png);}


.ab-main3{text-align: center;}
.videoBtn{display: inline-flex; align-items: center; justify-content: center;border: 1px solid #fff; border-radius: 6px; font-size: 22px; margin-top: 40px; line-height: 1; padding: 16px 30px;}
.ab-main3 .ban-con{background-color: rgba(0,0,0,0.2);}

.ab-main4{padding: 80px 0;}
.ab-m4{border-radius: 20px; background-color: #dcf4e6; align-items: stretch;}
.ab-m4 .ab-name3{font-size: 28px; font-weight: bold; display: flex; align-items: center; height: 100px;}
.ab-m4 .item{font-size: 21px; min-height: 110px; background-color: #fff; border-radius: 10px; padding: 30px; margin-bottom: 20px; display:flex; align-items: center;}
.ab-m4 .div{padding:  0 65px; color: #000; width:100%}
.ab-img{object-fit: cover;}


.ab-main5{background-color: #f5f5f7; padding: 80px 0;}
.ab-con5{padding: 40px; background-color: #fff; border-radius: 16px; font-size: 20px; color: #000000; line-height: 1.5;}
.ab-name5{text-align: center; margin-bottom: 40px;}

.replative{position: relative;}
.ab-main6{padding: 80px 0; position: relative;}
.ab-banner .imgW{padding-bottom: 64%; border-radius: 10px;}
.ab-banner .img{position: absolute;}
.ab-banner-box{margin: 0 -16%;}


.ab-main7{background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/ab-bg5.png); padding: 80px 0;}
.ab-main7 .arrow3{position: static;}
.ab-main7 .prev{margin-left: 15px;}
.ab-main7 .next{margin-right: 15px;}
.ab-ban7{width: calc(100vw - 300px);}
.ab-ban7 .imgW{background-position: center bottom; background-size: 100% 75px; background-repeat: no-repeat; background-image: url(../images/ab-zz.png); padding-bottom: 60px;} 
.ab-ban7 .img1{width: 85%; display: block; margin: 0 auto; }
.ab-ban7 .imgW::after{content: ''; display: block; width: 55%; height: 20px; box-shadow: 0 5px 8px #666; border-radius: 50%; margin: -20px auto 0;}
.ab-name7{font-size: 18px; text-align: center; height: 55px; display: flex; align-items: center; justify-content: center;}
.ab-main7 .icon{display: block; margin: 0 auto;}
.ab-main7 .item::after{width: 100%; position: absolute; bottom: 70px; top: 0; left: 0; background: linear-gradient(to bottom,rgba(86,189,125,0), rgba(86,189,125,0.4) , rgba(86,189,125,0)); content: ''; display: block;}
.ab-main7 .div{position: relative; z-index: 98; padding-top: 50px;}
.ab-main7 .item.odd{margin-top: 95px;}

.arrow5.prev{ transform: rotateY(180deg); margin-left: 40px;}
.arrow5.next{ margin-right: 40px;}

.fa-main1{padding: 80px 0;}
.fa-box1{background-position: 0 center; background-size: 70% 80%; background-repeat: no-repeat; background-image: url(../images/fa-bg3.png);}
.fa-w1{ width: 50%; padding: 50px 45px;}
.fa-img{width: 56%;}
.fa-main2{border-radius: 10px; overflow: hidden;}
.fa-main2 .img{min-height: 0 !important;}
.fa-main2 .box{padding: 0; height: 100%; position: relative;}
.fa-main2 .ban-p{position: absolute; bottom: 30px; left: 0;}

.fa-main2 .ban-con{padding-top:0px !important}
.fa-main2 .ban-p{bottom:auto !important; top:10%;}

.fa-main3{padding: 80px 0 50px;}
.fa-main-bg{background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/fa-bg.png); padding: 90px 0;}
.fa-main4{padding: 0 !important;}
.fa-main-bg .ab-name{color: #fff;}


.vodeo-dots{display: flex; align-items: center; justify-content: center; padding: 50px 0 90px;}
.v-dots{padding: 0 40px; height: 64px; background-color: rgba(32,161,83,0.2); border-radius: 64px; margin: 0 30px;}
.v-dots .sp{width: 13px; height: 13px; border-radius: 13px; overflow: hidden; background-color: rgba(32,161,83,0.2); margin: 0 10px; cursor: pointer;}
.icon-video{ background-color: rgba(32,161,83,0.2); background-position: center; background-size: cover; width: 64px;  height: 64px; border-radius: 50%;}
.v-dots .sp .p{width: 13px; min-width: 13px; height: 13px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; border-radius: 13px; display: block; background-image: url(../images/icon-vp.png);}
.v-dots .sp.on{width: 65px;}
#myVideo1{max-width: 1090px; max-height: 600px; width: 60vw; height: 32vw; display: block; outline: none; border: none;}
.icon-play{background-image: url(../images/icon-open-on.png);}
.icon-stop.active{background-image: url(../images/icon-stop-on.png);}
.icon-play.active{background-image: url(../images/icon-open.png);}
.icon-stop{background-image: url(../images/icon-stop.png);}
.ban-video-imgW{padding-bottom:50%}
.ban-video-imgW .img{position: absolute;}
.videoBanner-dots{display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.videoBanner-dots .items{ margin: 0 2px; cursor: pointer; transition: all ease .3s; background-color: rgba(144, 230, 168, 0.5); border-radius: 10px;}
.videoBanner-dots .items.on{width: 30px;}
.videoBanner-dots .items .bg{width: 10px; height: 10px; border-radius: 10px; background-color: #11a84f;opacity: 0.5; min-width: 10px;} 
.videoBanner-dots .items.on .bg{opacity: 1;}

.cp-list .item .imgW .img,.nav-sub-cp .imgW .img{object-fit: contain;}
@media screen and (min-width: 1400px){
  .ny-ban .h-tit h1{font-size: 70px;}
  .ny-ban .h-intro{font-size: 28px;}
  .ab-main2 .ab-name{font-size: 26px;}
  .ab-main2 .ab-intro{font-size: 16px; line-height: 1.4;}
  
  .ab-main3 .ban-h1{font-size: 48px;}
  .ab-main3 .ban-p{font-size: 22px; line-height: 1.6;}
}
@media screen and (max-width: 1920px){
  .box{max-width: 1500px;}
}
@media screen and (max-width: 1580px){
  .m2-list .name{font-size: 30px;}
}

@media screen and (max-width: 1369px){
  .ab-main2 .ab-name{font-size: 20px;}
  .ab-main2 .ab-intro{font-size: 15px; line-height: 1.4;}
  
  
  .main{font-size: 16px;}
  .main1 .title{font-size: 20px; margin-bottom: 26px;}
  .m2-ri{padding-right: 16px;}
  .m2-ri .row2{-webkit-line-clamp: 1;}
  .m2-ri .item{height: auto; padding: 14px 0;}
  .cp-list .name{font-size: 20px;}
  .m2-list .div-box{padding: 40px 30px;}
  .m2-list .name{font-size: 28px;}
  .m2-list .item{font-size: 16px;}
  .m2-list .intro{margin: 10px 0;}
  
  .cp-m1-le{padding: 30px 5%;}
  .cp-m1-ri{padding: 30px 5%;}
  .cp-h1,.cp-name2{font-size: 38px;}
  .cp-intro1{margin: 20px 0;}
  .cp-h2,.cp-unit{font-size: 24px;}
  .cp-name2::after{margin: 20px 0;}
  
  .ban-h1{font-size: 40px;}
  .ban-p{font-size: 20px;}
  .gc-title{font-size: 38px;}
  
  .nav-sub .swiper-slide{padding: 1px 30px;}
}
@media screen and (max-width: 1280px){
  .cp-list .item{padding-bottom: 24px;}
 .cp-list .name{font-size: 18px; margin-top: 16px;} 
 .nav-sub .swiper-slide{padding: 1px 20px;}
 
 .m1-list .item{padding: 30px 0;}
 .m1-list .icon{height: 80px;}
 .m1-list .num{font-size: 32px; margin: 16px 0;}
 .m1-list .name{font-size: 20px;}
 
 
 .ft-box2{flex-wrap: wrap; justify-content: flex-start;}
 .ft-box2 .item2{margin-right: 20px; margin-bottom: 20px;}
 .ft-item1{display: none;}
  .ft-item4{width: 100%; margin-top: 20px;}
  .ft-item4 .p1{display: none;}
  
  .cp-m1-le,.cp-m1-ri{padding: 30px 0;}
  .cp-h1,.cp-name2{font-size: 30px;}
  .cp-h2,.cp-unit{font-size: 20px;}
  .cp-name2::after{margin: 20px 0;}
  .cp-m1-ri .arrow{width: 50px;}
  
  #fixedBox .item{min-height: 38px; margin-bottom: 10px;}
  #fixedBox .text{height: 38px;}
  #area{height: 70px;}
  .submit-btn{height: 45px; font-size: 14px;}
  .lx-main{padding: 80px 0;}
  .lx-main-box{display: block;}
  .lx-le{margin-bottom: 40px; width: 100%;}
  .lx-name{font-size: 20px;}
  .lx-le .item{margin-bottom: 16px; font-size: 18px;}
  .lx-le .icon{width: 45px; margin-right: 10px;}
  .lx-ri{width: 100%; max-width: 700px;}
  .gc-list .div{padding: 20px;}
  
  
  .vodeo-dots{padding: 40px 0;}
  .v-dots{padding: 0 20px; height: 45px; border-radius: 45px; margin: 0 10px;}
  .v-dots .sp{width: 10px; height: 10px; border-radius: 10px;}
  .icon-video{ width: 45px;  height: 45px;}
  .v-dots .sp.on{width: 45px;}
  .v-dots .sp .p{max-height: 10px; max-width: 10px; min-width: 10px;}
  #myVideo1{width: 96vw; height: 50vw;}
  /* 直接让左图 sticky，无需 JS */
  .cp-detail-box .cp-sticky {width:340px; margin-bottom:40px;}
  .cp-detail-box .cp-ri{width:calc(100% - 340px);}
  
}
@media screen and (max-width: 1080px){
  
}

@media screen and (max-width: 980px){
  .nav-sub .swiper-slide{padding: 1px 10px;}
  .main4{padding-left: 4% !important; padding-right: 4% !important;}
  .main4 .dots span{width: 14px; height: 14px;}
  .main4 .dots .swiper-pagination-bullet-active{width: 30px;}
  .main4 .name{font-size: 20px;}
  .main4 .intro{font-size: 14px; margin-top: 10px;}
  .main4 .div{padding: 16px;}
  
  .dots.dots1 span{height: 6px; width: 10px; margin: 0 4px;}
  .dots.dots1 span.swiper-pagination-bullet-active{width: 20px;}
  .banner .img{min-height: 70vw;}
  
  .cp-list-box{padding: 40px 0;}
  
  .cp-main1 .box{display: block; width:100%;}
  .cp-m1-le{ background-image: url(../images/cp-bg3.png); padding-left:3% !important; padding-right:3% !important}
  .cp-m1-ri{background-image: url(../images/cp-bg2.png);}
  .cp-m1-le,.cp-m1-ri{width: 100%; background-position: center; background-size: cover; }
  .cp-main1::after, .cp-main1::before{display: none;}
  .cp-m1-ri .arrow{width: 36px;}
  .video-ban{margin: 0 20px;}
  .ban-con{padding-top: 75px;}
  .ban-h1{font-size: 26px; margin-bottom: 10px;}
  .ban-p{font-size: 16px;}
  
  .lx-main{padding: 60px 0;}
  .gc-main .page{margin-top: 10px;}
  
  .gc-detail .arrow{width: 30px; height: 30px;}
  .gc-title{font-size: 30px;}
  .gc-p1{margin: 10px 0 16px; font-size: 14px;}
  
  .news-item{padding: 26px 0; position: relative;}
  .news-item .time{margin-right: 20px;}
  .news-item .div{margin-left: 20px;}
  .news-item .p1{font-size: 30px;}
  .news-item .p2,.news-item{font-size: 16px;}
  .news-item .name{font-size: 20px;}
  
  
  .news-tit{font-size: 34px;}
  .news-time{font-size: 18px;}
  .news-detail{padding-top: 80px; padding-bottom: 30px;}
  .news-content{font-size: 18px;}
  
  .arrow3{width: 30px; height: 30px;}
  .ab-ban7{width: calc(100vw - 200px);}
  
  
  .ab-name{font-size: 36px; margin-bottom: 20px;}
  .ab-intro{font-size: 20px;}
  .ab-img{display: none;}
  .ab-main4 .ab-w{width: 100%;}
  .ab-main2 .item{padding: 30px; padding-right: 120px; background-size: 80px; min-height:140px}
  
  .ab-m4{border-radius: 10px;}
  .ab-m4 .div{padding: 20px;}
  .ab-m4 .ab-name3{font-size: 20px; height: auto; margin-bottom: 16px;}
  .ab-m4 .item{min-height: 0px; padding: 16px; font-size: 16px; border-radius: 5px; align-items:center; display:flex;}
  .ab-main3 .ban-con{padding: 80px 0; height: auto; position: relative;}
  .ab-main3 .img{height: 100%; position: absolute; z-index: 0; min-height: 0px;}
  .videoBtn{font-size: 18px; padding: 10px 20px;}
  
  .ab-main2 .box{display: block;}
  .ab-main2 .item{width: 100%; margin-bottom: 20px;}
  
  
  
  .vodeo-dots{display: flex; align-items: center; justify-content: center; padding: 35px 0;}
  .v-dots{padding: 0 20px; height: 35px; border-radius: 35px; margin: 0 10px;}
  .v-dots .sp{width: 10px; height: 10px; border-radius: 10px; overflow: hidden; background-color: rgba(32,161,83,0.2); margin: 0 5px; cursor: pointer;}
  .icon-video{ width: 35px;  height: 35px;}
  .v-dots .sp.on{width: 35px;}
  .v-dots .sp .p{max-height: 10px; max-width: 10px; min-width: 10px;}
  
  
  
  .cp-detail-box .cp-sticky {width:300px; margin-bottom:30px;}
  .cp-detail-box .cp-ri{width:calc(100% - 300px);}
  #header::after{opacity: 1;}
  
  .cp-m2-item .box{padding: 70px 0;}
  .cp-m2-item img{min-height: 340px;}
  .cp-name2{font-size: 24px;}
  .cp-name2::after{margin: 20px 0; height:4px}
  .cp-intro2{font-size: 18px; line-height: 1.4;}
  
}
@media screen and (max-width: 769px){
  .cp-list .item{width: 48%;}
  .h-tit h1{font-size: 26px;}
  .h-intro{margin-top: 16px;}
  .h-intro .sp{font-size: 20px; margin: 0 20px;}
  .h-intro::after, .h-intro::before{width: 60px; height: 2px;}
  .main{padding: 40px 0;}
  .main2{padding-bottom: 0px !important;}
  
  .m1-list .num{font-size: 24px;}
  .fixedBtn{width: 30px; height: auto; padding: 10px 10px; font-size: 15px; right: 16px; border-radius: 5px;}
  
  .cp-m2-item .box{padding: 50px 0;}
  .cp-m2-item img{min-height: 240px;}
  .cp-name2{font-size: 20px;}
  .cp-name2::after{margin: 10px 0; height:4px}
  .cp-intro2{font-size: 16px; line-height: 1.4;}
  .cp-h1{font-size: 24px;}
  .cp-h2,.cp-unit{font-size: 16px;}
  .cp-m1-ri .arrow{width: 30px;}
  .play-btn{width: 60px; height: 60px;}
  .gc-list .intro{font-size: 14px;}
  .news-item .time{position: absolute; left: 260px; bottom: 26px;}
  .news-item .time *{display: inline; font-size: 16px; font-weight: normal;}
  .news-item .p1{position: absolute; left: 100%;}
  .news-item .p1::before{content: '.';}
  .news-item .more{position: absolute; right: 0; bottom: 26px;}
  .news-item .intro{margin-top: 10px; line-height: 1.6;}
  
  .news-tit{font-size: 28px;}
  .news-time{font-size: 16px;}
  .news-detail{padding-top: 80px; padding-bottom: 20px;}
  .news-content{font-size: 16px;}
  
  .ab-main7 .item.odd{margin-top: 0;}
  .arrow5.next{margin-right: 10px;}
  .arrow5.prev{margin-left: 10px;}
  .ab-ban7{width: calc(100vw - 130px);}
  .ab-name5{font-size: 30px; margin-bottom: 16px;}
  .ab-con5{font-size: 16px; padding: 26px; border-radius: 10px;}
  
  .fa-box1{background-size: 100% 100%;}
  .fa-img{width: 40%;}
  .fa-w1{width: 60%; padding: 30px;}
}
@media screen and (max-width: 680px){
  .m1-list{flex-wrap: wrap; justify-content: space-between;}
  .m1-list .item{padding: 30px 0; width: 47%; margin-bottom: 16px;}
  .m1-list .icon{height: 60px;}
  .m1-list .num{font-size: 24px; margin: 10px 0;}
  .m1-list .name{font-size: 20px;}
  
  .h-tit{margin-bottom: 30px;}
  .h-tit h1{font-size: 24px;}
  .h-intro .sp{font-size: 14px; margin: 0 10px;}
  .h-intro::after, .h-intro::before{width: 30px; height: 2px;}
  
  .m2-list .item{font-size: 16px;}
  
  .m2-list .intro{-webkit-line-clamp:2}
  .m2-list .div-box{padding: 20px;}
  .m5-ban .item img{max-width: 1.8rem;}
  .m5-ban1{margin-bottom: 16px;}
  .main4 .name{font-size: 14px;}
  .main4 .intro{display: none;}
  
  .m2-list .imgW{padding-bottom: 70%;}
  .m2-list.odd .item:last-child .imgW{padding-bottom: 40%;}
  .m2-list .intro{line-height: 1.4; margin: 4px 0; font-size:13px}
  .m2-list .name{font-size: 15px;}
  .m2-list .more{display:none}
  .m2-list .div-box{padding: 16px;}
  .m2-list .item{width: calc(50% - 3px); margin-bottom: 6px;}
  .ft-item4 .line{display: none;}
  .ft-ab-item{margin-right: 3px;}
  .ft-item4-ul{justify-content: space-between;}
  .cp-list-box{padding: 30px 0;}
  .gc-list .div{padding:16px 10px;}
  .cp-list .name{font-size: 16px;}
  .gc-list .intro{margin-top: 5px;}


  
  .news-item .icon{width: 10px; margin-left: 4px;}
  .news-box{padding: 10px 0 30px;}
  .news-box .page{margin-top: 30px;}
  
  .news-tit{font-size: 20px;}
  .news-time{font-size: 14px; padding: 15px 0; margin-bottom: 15px;}
  .news-detail{padding-top: 80px;}
  .news-content{font-size: 14px;}
  .ab-main2 .item{padding: 40px 20px; padding-right: 100px; background-size: 80px;}
  .ab-name{font-size: 20px; margin-bottom: 10px;}
  .ab-intro{font-size: 16px;}
  .ab-m1-w{width: 100%;}
  .ab-main1{display: block;}
  .ab-le1{width: 100%;}
  .ab-ri1{position: static; width: 100%; display: none;}
  .ab-main1 .box::after{display: none;}
  .ab-main1 .box{min-height: 0; padding: 50px 0;}
  .lx-main{padding: 40px 0;}
  .lx-name{font-size: 16px; margin-bottom: 12px;}
  .lx-le .icon{width: 35px;}
  .lx-le .item{font-size: 16px;}
  .lx-main{margin: 0;}
  .lx-item{width: 100%;}
  .ban-h1{font-size: 20px;}
  .ab-main2,.ab-main1 .box{padding: 40px 0;}
  .ab-m1-w{padding: 0;}
  .gc-list .div{text-align: left; padding: 12px 10px;}
  .cp-list .name{width: 100%; -webkit-line-clamp:2; text-align:left; font-size:14px; padding:0 12px; margin-top:12px; line-height:1.4}
  .gc-list .intro{font-size: 13px;}
  .cp-list .item{padding-bottom:16px; margin-bottom: 10px;}
  .news-item *{font-size: 13px !important;}
  .news-item .imgW{width: 170px; height: 115px;}
  .news-item .name{font-size: 15px !important;}
  .news-item .intro{font-size: 14px; -webkit-line-clamp: 2;}
  .news-item .time{left: 148px;}
  .news-item .imgW{width: 140px; height: 90px;  border-radius: 6px;}
  .news-item .div{margin-left: 8px;}
  .news-item .intro{margin-top: 4px; line-height: 1.4;}
  .news-item{padding: 16px 0;}
  .news-item .more,.news-item .time{bottom: 16px;}
  .cp-item4 .icon{width:60%; display:block; margin:0 auto}
  .cp-item4{font-size:16px; padding:30px 0}
  .news-item .a{font-size: 12px !important;}
  .news-item .icon{width: 8px;}
  .news-tit{font-size: 18px;}
  .main4 .dots{margin-top: 16px;}
  .dots.dots1 span{width: 6px; height: 6px;}
  .dots.dots1 span.swiper-pagination-bullet-active{width: 14px;}
}

@media screen and (max-width: 580px){
  body,html{overflow-x: hidden !important;}
  .main4 .dots span{width: 10px; height: 10px;}
  .main4 .dots .swiper-pagination-bullet-active{width: 20px;}
  .ft-box1 .icon{width: 26px; margin-right: 6px;}
  #fixedBox{width: 360px; padding: 16px;}
  #fixedBox .yzm{width: 100px;}
  #fixedBox .lab{padding: 0 10px;}
  #fixedBox .item1{padding: 8 10px;}
  .gc-title{font-size: 24px;}
  .ab-banner-box{margin: 0 10px;}
  .ab-name5{font-size: 22px;}
  .cp-detail-box{display:block}
  .cp-detail-box .cp-sticky,.cp-detail-box .cp-ri {width:100%}
  .cp-detail-box .cp-sticky{position:static; margin-bottom:20px;}
  
  
  /* .ft-ab-item{width: 100%; display: flex; align-items: center; margin-bottom: 15px;} */
  .ft-box2{padding-bottom: 20px;}
  .ft-item4{margin-top: 10px;}
  .ft-item4-ul{text-align: center;}
  .ft-item4 .icon{margin: 0 8px 0 0; display: none;}
  .ft-item4 .p2{width: 90px; margin: 0 auto;}
  .ft-item4 .icon2{margin: 6px auto 0}
  
  .cp-m2-item img{min-height: 200px;}
  .cp-m2-item .box{padding: 30px 0;}
  .cp-name2{font-size: 16px;}
  .cp-name2::after{margin: 6px 0; height:3px}
  .cp-intro2{font-size: 14px; line-height: 1.4;}
  .video-ban{width:94%}
  .h-tit h1,.m1-list .num,.cp-h1,.gc-title,.ab-name{font-size: 18px;}
  .h-intro{margin-top: 10px;}
  .h-tit{margin-bottom: 24px;}
  .m1-list .name{font-size: 16px;}
  .m1-list .item{width: 48%;}
  .cp-intro1{font-size: 15px; margin: 10px 0;}
  .img-list .imgW,.video-ban,.v-item .img{border-radius: 8px;}
  .fa-main1,.fa-main2{border-radius: 8px;}
  .fa-w1{padding:40px 20px;}
  .fa-main1{padding: 16px 0;}
  .videoBtn{font-size: 14px; padding: 8px 14px; margin-top: 20px;}
  .ny-ban .img{min-height: 300px;}
  .ban-h1{font-size: 18px;}
  .cp-list .name{text-align: left; padding: 0 10px;}
  .gc-detail .banner .img,.gc-detail .banner{border-radius: 10px;}
  .gc-detail .banner .a{display: block;}
  .ab-main2 .item{background-size: 60px;}
  .news-tit{font-size: 16px;}
  .news-content *{font-size:14px !important}
  .lx-item .text{height: 40px;}
  .lx-item{border-radius: 4px;}
  .cp-detail-box .cp-sticky{max-width: 76%;  margin-left: auto; margin-right: auto;}
  .ft-copy{padding:20px 16px;}
  .main{padding: 30px 0;}
  
  .main4 .dots{margin-top: 10px;}
  .dots.dots1 span{width: 6px; height: 6px;}
  .dots.dots1 span.swiper-pagination-bullet-active{width: 14px;}
  
  .ft-item5{flex: 1; margin-right: 0 !important;}
  .ft-item5-list{display: flex; justify-tracks: space-between; flex-wrap: wrap;}
  .ft-item5-list .a{width: 48%; max-width: 160px;}
  .ft-item3{width: 100%;}
}

@media screen and (max-width: 460px){
  .ft-box1 .icon{display: none;}
  
}
*{box-sizing: border-box;}







@media screen and (max-width: 980px){
  #header .nava{height: 50px;}
  #menu{display: flex; height: 100%;}
  #header{height: 55px;}
  #nav{opacity: 0; visibility: hidden; transition: all ease .3s; display: block; position: fixed; width: 100%; left: 0; top: 0; padding-top: 60px; background-color: rgba(0,0,0,0.9); height: 100vh;}
  #nav.on{opacity: 1; visibility: visible;}
  .nava::after{display: none !important;}
  #header .logo{height: 55px; display: flex; align-items: center;}
  #header .logo img{height: 36px;}
  .nav-sub{display: none !important;}
}