/* banner */
.banner{position:relative;overflow:hidden;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50% ,-50%);z-index: 9;transition: all .6s;}
.banner .info h1{font-size: 2.61233vw;color: #fff;font-weight: bold;letter-spacing: 2px;}
.banner .info h2{font-size: 1.254vw;color: #fff;font-weight: normal;line-height: 1.58;margin: .58vw 0 2vw;letter-spacing: 2px;}
.banner .info ul{display: flex;align-items: center;flex-wrap: wrap;width: 23%;justify-content: space-between;}
.banner .info ul li{width: 48.5%;margin: 1.5% 0;}
.banner .info ul li a{display: flex;justify-content: center;align-items: center;background: #fff;padding: .58vw 1.2vw;border-radius: 40px;}
.banner .info ul li img{margin-right: .68vw;width: 1.45vw;filter: brightness(0.5);}
.banner .info ul li p{font-size: .85vw;color: #00883f;}
.banner .info ul li:hover a{background-image: linear-gradient(90deg, #00883f, #b4c126);}
.banner .info ul li:hover a img{filter: brightness(0) invert(1);}
.banner .info ul li:hover a p{color: #fff;}
.banner .scrool{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,-50%);}
.banner .scrool span{position: relative;width: 1vw;height: 1.68vw;border: 2px solid #fff;border-radius: 30px;display: block;overflow: hidden;margin: 0 auto;}
.banner .scrool span:before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;-webkit-animation:scrollanim 2s infinite;animation:scrollanim 2s infinite;box-sizing:border-box}
.banner .scrool p{color: #fff;font-size: .8vw;margin-top: 8px;}
@media screen and (max-width: 1080px){
.banner .scrool span{width: 18px;height: 30px;}
.banner .scrool p{font-size: 15px;margin-top: 10px;}
.banner .info h1{font-size: 30px;letter-spacing: 2px;}
.banner .info h2{font-size: 18px;margin: 10px 0 20px;letter-spacing: 1px;}
.banner .info ul{width: 32%;}
.banner .info ul li a{padding: 6px 20px;}
.banner .info ul li img{margin-right: 10px;width: 24px;}
.banner .info ul li p{font-size: 15px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 77px;}
.banner .scrool{display: none;}
.banner .info h1{font-size: 26px;letter-spacing: 1px;}
.banner .info h2{font-size: 16px;}
.banner .info ul{width: 45%;}
.banner .info ul li p{font-size: 14px;}
}
@media screen and (max-width:520px){
.banner .info h1{font-size: 20px;letter-spacing: 1px;margin-bottom: 10px;}
.banner .info h2{font-size: 14px;margin: 5px 0;}
.banner .info ul{width: 58%;}
.banner .info ul li a{padding: 5px 10px;}
.banner .info ul li img{margin-right: 5px;width: 22px;}
.banner .info ul li p{font-size: 14px;}
}
@media screen and (max-width:420px){
.banner .info ul{width: 68%;}
}



@-webkit-keyframes scrollanim{0%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}
40%{opacity:1}
80%{-webkit-transform:translate(0,20px);transform:translate(0,20px);opacity:0}
100%{opacity:0}
}

/* index0 */
.index0{padding: 4.58vw 0;background: #f0f3f1;}
.index0 ul{display: flex;align-items: center;justify-content: space-between;}
.index0 ul.mo{display: none;}
.index0 ul li{text-align: center;}
.index0 ul li .icon img{width: 4.18vw;transition: all 0.5s;}
.index0 ul li:hover .icon img{transform: rotateY(180deg);}
.index0 ul li .t1{font-size: 1.1vw;font-weight: bold;color: #00883F;margin: 1vw 0 1.28vw;padding-bottom: 1vw;position: relative;}
.index0 ul li .t1:before{position: absolute;content: "";left: 50%;bottom: 0;height: 3px;width: 2vw;background: #00883F;transform:translate(-50%,0);}
.index0 ul li .t2{font-size: .941vw;color: #333;line-height: 1.68;}
@media screen and (max-width:1080px){
.index0{padding: 60px 0;}
.index0 ul{flex-wrap: wrap;align-items: baseline;}
.index0 ul li{width: 50%;margin: 15px 0;}
.index0 ul li .icon img{width: 52px;}
.index0 ul li .t1{font-size: 20px;margin: 12px auto;padding-bottom: 15px;width: 85%;}
.index0 ul li .t1:before{width: 40px;}
.index0 ul li .t2{font-size: 16px;}
}
@media screen and (max-width:520px){
.index0{padding: 30px 0 20px;}
.index0 ul.mo{display: flex;}
.index0 ul.pc{display: none;}
.index0 ul li{margin: 8px 0;}
.index0 ul li .icon img{width: 40px;}
.index0 ul li .t1{font-size: 16px;padding-bottom: 10px;width: auto;line-height: 1.5;}
.index0 ul li .t1:before{width: 30px;height: 2px;}
.index0 ul li .t2{font-size: 14px;margin: 0 auto;}
}
@media screen and (max-width:380px){
.index0 ul li .t2{font-size: 13px;}
.index0 ul li .t1{font-size: 15px;}
}



/* index1 */
.index1{position: relative;}
.index1 .cont{position: absolute;left: 0;width: 100%;top: 3vw;}
.index1 .cont .info{width: 43%;}
.index1 .cont .info .in_tit{text-align: left;margin-bottom: 0;}
.index1 .cont .info .in_tit .tit{justify-content: left;}
.index1 .cont .info .in_tit .title{text-align: left;}
.index1 .cont .info .text{padding-top: 1.68vw;margin-top: 1.68vw; border-top: 1px solid #d8d8d8;}
.index1 .cont .info .text p{font-size: .941vw;line-height: 2;margin: .58vw 0;}
.index1 .cont .info .bom{margin-top: 3vw;}
.index1 .cont .info .bom .txt{font-size: 1.58vw;font-weight: bold;margin-bottom: 2vw;}
.index1 .cont .info .bom .img{position: relative;padding-bottom: 133%;width: 100%;height: 0;overflow: hidden;transition:all .5s;background: #fff;}
.index1 .cont .info .bom .img:after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in1_icon.png);background-size: cover;}
.index1 .cont .info .bom .img img{width: 85%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index1 .cont .info .bom p{font-size: .941vw;text-align: center;margin-top: .58vw;opacity: 0;transition:all .5s;}
.index1 .cont .info .bom .swiper-slide-active p{opacity: 1;}
@media only screen and (max-width: 1280px){
.index1 .cont .info{width: 46%;}
.index1 .cont .info .bom{width: 80%;}
}
@media only screen and (max-width: 1080px){
.index1{background: url(../images/in1_bg.jpg);background-size: cover;padding: 60px 0;background-position: initial;}
.index1 .bg{display: none;}
.index1 .cont{position: initial;}
.index1 .cont .info{width: 100%;}
.index1 .cont .info .text{padding-top: 20px;margin-top: 20px;}
.index1 .cont .info .text p{font-size: 15px;line-height: 1.8;margin: 8px 0;}
.index1 .cont .info .bom{width: 75%;margin: 0 auto;margin-top: 30px;}
.index1 .cont .info .bom p{font-size: 16px;margin-top: 15px;}
}
@media only screen and (max-width: 768px){
.index1 .cont .info{width: 100%;}
.index1 .cont .info .text p{font-size: 14px;}
.index1 .cont .info .bom{width: 92%;}
}
@media only screen and (max-width: 520px){
.index1{padding: 30px 0;}
.index1 .cont .info .text{padding-top: 15px;margin-top: 15px;}
.index1 .cont .info .text p{font-size: 14px;line-height: 1.8;margin: 6px 0;}
.index1 .cont .info .bom{width: 100%;margin-top: 20px;}
.index1 .cont .info .bom p{font-size: 15px;margin-top: 10px;}
}

 
/* index2 */
.index2{padding: 4.5vw 0;}
.index2 .wrap{display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.index2 .wrap .left{width: 18%;}
.index2 .wrap .left .in_tit{text-align: left;margin-bottom: 0;}
.index2 .wrap .left .in_tit .tit{justify-content: left;}
.index2 .wrap .left .in_tit .title{text-align: left;}
.index2 .wrap .left .text{font-size: .845vw;color: #666;line-height: 2;margin: 1vw 0 3.58vw;}
.index2 .wrap .left .text.mo{display: none;}
.index2 .wrap .left .btn{border: 1px solid hsl(148deg 100% 27%);}
.index2 .wrap .left .btn a{display: flex;align-items: center;justify-content: space-between;}
.index2 .wrap .left .btn p{color: #00883f;}
.index2 .wrap .left .btn img{filter: initial;}
.index2 .wrap .left .btn:hover img{filter: brightness(0) invert(1);}
.index2 .wrap .left .btn:hover p{color: #fff;}
.index2 .wrap .hd{position: relative;width: 38vw;height: 38vw;}
.index2 .wrap .hd .icon{width: 31vw;height: 31vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.index2 .wrap .hd .icon img{-webkit-animation: haha2 20s linear infinite;}
.index2 .wrap .hd .icon2{width: 38vw;height: 38vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.index2 .wrap .hd .icon2 img{-webkit-animation: haha1 20s linear infinite;}
.index2 .wrap .hd .hd_cont{position: absolute;left: 50%;top: 80%;transform: translate(-50%, -50%);transition: all 1s;opacity: 0;overflow: hidden;visibility: hidden;}
.index2 .wrap .hd .hd_cont.active{top: 52%;opacity: 1;visibility: visible;}
.index2 .wrap .hd .hd_cont .pic img{width: 14vw;}
.index2 .wrap .hd .hd_cont .tit{color: #fff;font-weight: bold;font-size: 2vw;position: absolute;left: 50%;top: 58%;transform: translate(-50%, -50%);text-align: center;width: 40%;}
.index2 .wrap .hd .hd_cont .tit img{width:2.5vw;margin-bottom: 0;filter: brightness(0) invert(1);}
.index2 .wrap .rd{width: 29%;}
.index2 .wrap .rd .item{padding: 1vw 0;cursor: pointer;border-bottom: 1px solid #eee;}
.index2 .wrap .rd .item:nth-child(1){border-top: 1px solid #eee;}
.index2 .wrap .rd .item .text .icon img{width:2.5vw}
.index2 .wrap .rd .item .text .t2{font-size:1.45vw;font-weight:700;color:#1c1c1c;margin:.88vw 0}
.index2 .wrap .rd .item .text .t3{color:#666;font-size:.835946vw;line-height:2}
.index2 .wrap .rd .item .text.on .t2{color: #00883F;}
@-webkit-keyframes haha2{0%{-webkit-transform:rotate(0deg)}
25%{-webkit-transform:rotate(-90deg)}
50%{-webkit-transform:rotate(-180deg)}
75%{-webkit-transform:rotate(-270deg)}
100%{-webkit-transform:rotate(-360deg)}
}
@-webkit-keyframes haha1{0%{-webkit-transform:rotate(0)}
25%{-webkit-transform:rotate(90deg)}
50%{-webkit-transform:rotate(180deg)}
75%{-webkit-transform:rotate(270deg)}
100%{-webkit-transform:rotate(360deg)}
}
@media only screen and (max-width: 1080px){
.index2{padding: 60px 0;}
.index2 .wrap .left{width: 25%;}
.index2 .wrap .left .text{font-size: 16px;margin: 15px 0 40px;line-height: 1.8;}
.index2 .wrap .hd{width: 380px;height: 380px;}
.index2 .wrap .hd .icon{width: 300px;height: 300px;}
.index2 .wrap .hd .icon2{width: 380px;height: 380px;}
.index2 .wrap .hd .hd_cont .pic img{width: 130px;}
.index2 .wrap .hd .hd_cont .tit{font-size: 22px;}
.index2 .wrap .hd .hd_cont .tit img{width: 26px;margin-bottom: 6px;}
.index2 .wrap .rd{width: 30%;}
.index2 .wrap .rd .item{padding: 15px 0;}
.index2 .wrap .rd .item .text .icon img{width: 42px;}
.index2 .wrap .rd .item .text .t2{font-size: 20px;margin: 10px 0;}
.index2 .wrap .rd .item .text .t3{font-size: 15px;line-height: 1.8;}
}
@media only screen and (max-width: 768px){
.index2 .wrap{flex-direction: column;}
.index2 .wrap .left{width: 100%;text-align: center;margin-bottom: 30px;}
.index2 .wrap .left .in_tit{text-align: center;margin-bottom: 15px;}
.index2 .wrap .left .in_tit .tit{justify-content: center;}
.index2 .wrap .left .in_tit .title{text-align: center;}
.index2 .wrap .left .text{font-size: 14px;margin: 10px 0 25px;}
.index2 .wrap .left .btn{margin: 0 auto;}
.index2 .wrap .hd{order: 1;width: 430px;height: 430px;margin-top: 40px;}
.index2 .wrap .hd .icon{width: 380px;height: 380px;}
.index2 .wrap .hd .icon2{width: 430px;height: 430px;}
.index2 .wrap .hd .hd_cont .pic img{width: 168px;}
.index2 .wrap .hd .hd_cont .tit{font-size: 24px;}
.index2 .wrap .hd .hd_cont .tit img{width: 40px;}
.index2 .wrap .rd{width: 100%;}
.index2 .wrap .rd .item .text .t2{font-size: 18px;}
}
@media only screen and (max-width: 520px){
.index2{padding: 30px 0;}
.index2 .wrap .left{margin-bottom: 20px;}
.index2 .wrap .left .text{font-size: 14px;margin: 8px 0 20px;}
.index2 .wrap .left .text.pc{display: none;}
.index2 .wrap .left .text.mo{display: block;}
.index2 .wrap .rd .item{padding: 12px 0;}
.index2 .wrap .rd .item .text .t2{font-size: 16px;margin: 6px 0;}
.index2 .wrap .rd .item .text .t3{font-size: 14px;}
.index2 .wrap .hd{width: 380px;height: 380px;margin-top: 20px;}
.index2 .wrap .hd .icon{width: 330px;height: 330px;}
.index2 .wrap .hd .icon2{width: 380px;height: 380px;}
.index2 .wrap .hd .hd_cont .pic img{width: 150px;}
.index2 .wrap .hd .hd_cont .tit{font-size: 21px;}
.index2 .wrap .hd .hd_cont .tit img{width: 35px;width: calc();}
}


/* index4 */
.index4{padding: 4.5vw 0;background: #f0f3f1;}
.index4 .swiper{padding: 2px;}
.index4 .swiper-wrapper{transition-timing-function:linear}
.index4 .in4_2{margin: .68vw 0;}
.index4 .img{width: 94%;position: relative;padding-bottom: 40%;transition: all .5s ease;background: #fff;border-radius: 6px;box-shadow: 0 0 6px rgb(204 204 204 / 5%);}
.index4 .img img{position: absolute;object-fit: cover;width: auto;height: 88%;left: 50%;top: 50%;transform: translate(-50% , -50%);}
@media only screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .in4_2{margin: 8px 0;}
}
@media only screen and (max-width:520px){
.index4{padding: 30px 0;}
}



/* index6 */
.index6{padding: 4.5vw 0;}
.index6 .top{display: flex;align-items: center;justify-content: space-between;}
.index6 .top .in_tit{text-align: left;margin-bottom: 0;}
.index6 .top .in_tit .tit{justify-content: left;}
.index6 .top .btn{border: 1px solid hsl(148deg 100% 27%);}
.index6 .top .btn a{display: flex;align-items: center;justify-content: space-between;}
.index6 .top .btn p{color: #00883f;}
.index6 .top .btn img{filter: initial;}
.index6 .top .btn:hover img{filter: brightness(0) invert(1);}
.index6 .top .btn:hover p{color: #fff;}
.index6 .cont{display: flex;justify-content: space-between;margin-top: 3vw;}
.index6 .cont .left{width: 50%;}
.index6 .cont .left .img{padding-bottom: 60%;position:relative;overflow:hidden;border-radius: 10px;}
.index6 .cont .left .img img{transition:all 1s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index6 .cont .left:hover .img img{transform:scale(1.06)}
.index6 .cont .left .t1{font-size:1.3vw;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;color: #333;margin:1vw 0;}
.index6 .cont .left:hover .t1{color: #00883F;}
.index6 .cont .left .date{display:flex;align-items:center}
.index6 .cont .left .date img{width:.85vw;filter: invert(1);}
.index6 .cont .left .date p{font-size:.85vw;color: #333;margin-left:.5vw;}
.index6 .cont .right{width: 44%;}
.index6 .cont .right li{border-bottom: 1px solid #ddd;padding-bottom: 1.25vw;margin-bottom: 1.25vw;}
.index6 .cont .right li:nth-last-child(1){margin-bottom: 0;padding-bottom: 0;border: none;}
.index6 .cont .right li a{display:flex;align-items:center;justify-content:space-between}
.index6 .cont .right li .info{width: 68%;}
.index6 .cont .right li .info .t1{font-size:1.1vw;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color: #333;}
.index6 .cont .right li:hover .info .t1{color: #00883F;}
.index6 .cont .right li .info .t2{font-size: .845vw;line-height: 1.88;color: #666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin: 1vw 0;}
.index6 .cont .right li .info .date{display:flex;align-items:center}
.index6 .cont .right li .info .date img{width:.85vw;filter: invert(1);}
.index6 .cont .right li .info .date p{font-size:.85vw;color: #333;margin-left:.5vw;}
.index6 .cont .right li .img{padding-bottom: 22.2%;position:relative;overflow:hidden;border-radius: 10px;width: 25%;}
.index6 .cont .right li .img img{transition:all 1s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index6 .cont .right li:hover .img img{transform:scale(1.06)}
@media only screen and (max-width:1080px){
.index6{padding: 60px 0;}
.index6 .cont{margin-top: 40px;}
.index6 .cont .left .img{border-radius: 6px;}
.index6 .cont .left .t1{font-size: 18px;margin: 20px 0;}
.index6 .cont .left .date img{width: 17px;}
.index6 .cont .left .date p{font-size: 16px;margin-left: 5px;}
.index6 .cont .right li{margin-bottom: 15px;padding-bottom: 15px;}
.index6 .cont .right li .info{width: 60%;}
.index6 .cont .right li .info .t1{font-size: 16px;}
.index6 .cont .right li .info .t2{font-size: 14px;margin: 10px 0;}
.index6 .cont .right li .info .date img{width: 17px;}
.index6 .cont .right li .info .date p{font-size: 16px;margin-left: 5px;}
.index6 .cont .right li .img{width: 30%;padding-bottom: 25%;border-radius: 6px;}
}
@media only screen and (max-width:768px){
.index6 .cont{flex-wrap: wrap;}
.index6 .cont .left{width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.index6 .cont .right{width: 100%;}
.index6 .cont .right li .img{width: 25%;padding-bottom: 20%;}
}
@media only screen and (max-width:520px){
.index6{padding: 30px 0;}
.index6 .top{flex-wrap: wrap;}
.index6 .top .in_tit{width: 100%;margin-bottom: 15px;}
.index6 .top .in_tit .title{text-align: left;}
.index6 .cont{margin-top: 25px;}
.index6 .cont .left .t1{font-size: 16px;margin: 12px 0;}
.index6 .cont .left .date img{width: 15px;}
.index6 .cont .left .date p{font-size: 14px;}
.index6 .cont .right li .info{width: 60%;}
.index6 .cont .right li .info .t1{font-size: 16px;margin-bottom: 10px;}
.index6 .cont .right li .info .date img{width: 15px;}
.index6 .cont .right li .info .date p{font-size: 14px;}
.index6 .cont .right li .img{width: 35%;padding-bottom: 24%;}
}


/* index7 */
.index7{padding: 4.5vw 0;background-color: #EEEEEE;}
.index7 .input{width:19%;position: relative;}
.index7 .input input{width:100%;height: 2.58vw;text-indent: 4em;font-size:.8vw;border:1px solid #fff;background:#fff;border-radius: 50px;}
.index7 .input img{position: absolute;width: 1.8vw;transform: translate(0,-50%);top: 50%;left: 5%;}
.index7 .input .code{position: absolute;right: 0;top: 0;left: initial;transform: translate(0,0);height: 100%;width: 30%;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.index7 .input .select{width: 100%;border: 1px solid #fff;background: #fff;border-radius: 50px;text-align: center;}
.index7 .input .select select{font-size: .8vw;color: #666;height: 2.58vw;width: 95%;border: none;border-radius: 50px;text-indent: 3.5em;margin: 0 auto;}
.index7 .submit{width:19%}
.index7 .submit input{width:100%;height: 2.58vw;transition:.5s;font-size:.85vw;color:#fff;background:#00883F;z-index:9;position:relative;border-radius: 50px;}
.index7 .submit input:hover{color: #fff;background-image: linear-gradient(90deg, #00883f, #b4c126);}
@media only screen and (max-width:1080px){
.index7{padding: 60px 0;}
.index7 .input img{width: 25px;}
.index7 .input input{height: 40px;font-size: 14px;text-indent: 2.8em;}
.index7 .submit input{height: 40px;font-size: 15px;}
.index7 .input .select select{font-size: 14px;height: 40px;text-indent: 2.68em;}
}
@media only screen and (max-width:768px){
.index7 .input{width: 48.5%;margin: 10px 0;}
.index7 .input input{text-indent: 3.5em;}
.index7 .submit{width: 30%;margin: 0 auto;margin-top: 30px;}
}
@media only screen and (max-width:520px){
.index7{padding: 40px 0;}
.index7 .input{margin: 8px 0;}
.index7 .input img{width: 24px;}
.index7 .input input{height: 36px;font-size: 13px;text-indent: 3em;}
.index7 .submit input{height: 36px;font-size: 14px;}
.index7 .input .select select{font-size: 13px;height: 36px;text-indent: 2.2em;}
.index7 .submit{width: 38%;margin-top: 15px;}
}


/* index3 */
.index3{padding: 4.5vw 0;background: url(../images/in4_bg.jpg);background-size: cover;height:90%;background-position: center;overflow: hidden;}
.index3 .w1600{position: relative;}
.index3 .in_tit{margin-bottom: 1vw;}
.index3 .in_tit .tit{color: #fff;}
.index3 .in_tit .tit img{filter: brightness(0) invert(1);}
.index3 .in_tit .title{color: #fff;}
.index3 .cont{position: relative;}
.index3 .cont.on{opacity: 0;}
.index3 .cont .in3{height: 35vw;padding-top: 4vw;}
.index3 .cont .item{height: 16vw;position: relative;display: flex;}
.index3 .cont .item .info .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1vw;}
.index3 .cont .item .info .num{font-size: 2.5vw;font-weight: bold;color: #fff;line-height: 1;}
.index3 .cont .item .info .bt{width: 2.28vw;cursor: pointer;}
.index3 .cont .swiper-slide:nth-child(even) .item .info .num{order: 1;}
.index3 .cont .swiper-slide:nth-child(even) .item .info .bt{transform: rotateY(180deg);}
.index3 .cont .item .info .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.index3 .cont .item .info .text::-webkit-scrollbar-thumb{border-radius:4px;background-color:#fff}
.index3 .cont .item .info .text::-webkit-scrollbar{width:.15rem;height:.15rem}
.index3 .cont .item .info .text p{font-size: .83vw;color: #fff;line-height: 1.88;}
.index3 .cont .item .circle{height: 100%;order: -1;margin-right: .5vw;}
.index3 .cont .item .circle .line{height: calc(100% - 2vw);width: 2px;background: #8A9397;margin: 0 auto;}
.index3 .cont .item .circle .yd{background: rgba(255,255,255,.4);border-radius: 50%;width: 2vw;height: 2vw;position: relative;}
.index3 .cont .item .circle .yd:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);content: "";background: #fff;border-radius: 50%;width: 1.25vw;height: 1.25vw;}
.index3 .cont .swiper-slide{width: 26.5% !important;transition: all .4s;}
.index3 .cont .swiper-slide:not(:first-child){margin-left: -6.8vw;}
.index3 .cont .swiper-slide.exposure-1{transform: translateY(4.7vw);}
.index3 .cont .swiper-slide.exposure-2{transform: translateY(6vw);}
.index3 .cont .swiper-slide.exposure-3{transform: translateY(8vw);}
.index3 .cont .swiper-slide.exposure-4{transform: translateY(2.6vw);}
.index3 .cont .swiper-slide.exposure-5{transform: translateY(0.5vw);}
.index3 .cont .swiper-slide.exposure-6{transform: translateY(-1.6vw);}
.index3 .cont .swiper-slide.exposure-7{transform: translateY(-1vw);}
.index3 .cont .swiper-slide:nth-child(odd){margin-top: -4.6vw;}
.index3 .cont .swiper-slide:nth-child(even){margin-top: 11.3vw;}
.index3 .cont .swiper-slide:nth-child(even).exposure-1,.index3 .cont .swiper-slide:nth-child(even).exposure-3,.index3 .cont .swiper-slide:nth-child(even).exposure-5{margin-top: 10vw;}
.index3 .cont .swiper-slide:nth-child(odd).exposure-2,.index3 .cont .swiper-slide:nth-child(odd).exposure-4,.index3 .cont .swiper-slide:nth-child(odd).exposure-6{margin-top: -1.5vw;}
.index3 .cont .swiper-slide:nth-child(even) .item{display: flex;align-items: flex-end;}
.index3 .cont .swiper-slide:nth-child(even) .item .circle{transform: rotate(180deg);}
.index3 .cont .link{position: absolute;left: 50%;top: 47%;transform: translate(-50%, -50%) rotateZ(2deg);width: 105%;}
.index3 .cont .link img{width: 100%;}
.index3 .bon{position: absolute;top: 2vw;right: 0;display: flex;align-items: center;}
.index3 .bon .swiper-button-next,.index3 .bon .swiper-button-prev{position: initial;border: 1px solid #fff;border-radius: 8px;margin: 0 .58vw;height: 2.38vw;color: #fff;width: 6.8vw;opacity: 1;}
.index3 .bon .swiper-button-next:after,.index3 .bon .swiper-button-prev:after{font-size: 1.28vw;}
@media only screen and (max-width: 1080px){
.index3{padding: 60px 0;height: auto;}
.index3 .in_tit{margin-bottom: 40px;}
.index3 .cont .in3{height: 430px;padding-top: 10px;}
.index3 .cont .item{height: 180px;}
.index3 .cont .item .info .top{margin-bottom: 10px;}
.index3 .cont .item .info .num{font-size: 32px;}
.index3 .cont .item .info .bt{width: 30px;}
.index3 .cont .item .info .text{-webkit-line-clamp: 3;}
.index3 .cont .item .info .text p{font-size: 12px;line-height: 1.6;}
.index3 .cont .item .circle{margin-right: 8px;}
.index3 .cont .item .circle .yd{width: 22px;height: 22px;}
.index3 .cont .item .circle .yd:after{width: 14px;height: 14px;}
.index3 .cont .item .circle .line{height: calc(100% - 22px);}
.index3 .cont .swiper-slide{width: 33.3% !important;}
.index3 .cont .swiper-slide:not(:first-child){margin-left: 0;}
.index3 .cont .swiper-slide.exposure-4,
.index3 .cont .swiper-slide.exposure-5{transform: initial;}
.index3 .cont .swiper-slide:nth-child(odd){margin-top: 0;}
.index3 .cont .swiper-slide:nth-child(even){margin-top: 0;}
.index3 .cont .swiper-slide:nth-child(even).exposure-1, .index3 .cont .swiper-slide:nth-child(even).exposure-3, .index3 .cont .swiper-slide:nth-child(even).exposure-5{margin-top: 17%;}
.index3 .cont .swiper-slide:nth-child(odd).exposure-2, .index3 .cont .swiper-slide:nth-child(odd).exposure-4{margin-top: -17%;}
.index3 .cont .swiper-slide.exposure-1{transform: translateY(7.6%);}
.index3 .cont .swiper-slide.exposure-2{transform: translateY(51%);}
.index3 .cont .swiper-slide.exposure-3{transform: translateY(-2.5%);}
.index3 .bon{top: 15px;right: 0;}
.index3 .bon .swiper-button-next,
.index3 .bon .swiper-button-prev{height: 32px;width: 70px;margin: 0 6px;border-radius: 6px;}
.index3 .bon .swiper-button-next:after,.index3 .bon .swiper-button-prev:after{font-size: 14px;}
.index3 .cont .link{width: 115%;top: 43%;}
}
@media only screen and (max-width: 950px){
.index3 .cont .item .info .text p{font-size: 14px;line-height: 1.5;}
.index3 .cont .swiper-slide{width: 33.3% !important;}
.index3 .cont .swiper-slide.exposure-4{transform: initial;}
.index3 .cont .link{width: 110%;top: 46%;}
}
@media only screen and (max-width: 768px){
.index3{padding: 40px 0;}
.index3 .in_tit{margin-bottom: 25px;}
.index3 .cont .in3{height: 300px;}
.index3 .cont .item{height: 140px;}
.index3 .cont .item .info .top{margin-bottom: 8px;}
.index3 .cont .item .info .bt{width: 26px;}
.index3 .cont .item .info .num{font-size: 24px;}
.index3 .cont .item .info .text{height: auto;-webkit-line-clamp: 3;}
.index3 .cont .item .circle{margin-right: 6px;}
.index3 .cont .item .circle .yd{width: 18px;height: 18px;}
.index3 .cont .item .circle .yd:after{width: 11px;height: 11px;}
.index3 .cont .item .circle .line{height: calc(100% - 18px);width: 1px;}
.index3 .cont .swiper-slide{width: 33.3% !important;}
.index3 .cont .swiper-slide.exposure-1{transform: translateY(14.5%);}
.index3 .cont .swiper-slide.exposure-2{transform: translateY(61%);}
.index3 .cont .swiper-slide.exposure-3{transform: translateY(1.5%);}
.index3 .cont .swiper-slide:nth-child(even).exposure-1, .index3 .cont .swiper-slide:nth-child(even).exposure-3, .index3 .cont .swiper-slide:nth-child(even).exposure-5{margin-top: 18%;}
.index3 .cont .swiper-slide:nth-child(odd).exposure-2, .index3 .cont .swiper-slide:nth-child(odd).exposure-4{margin-top: -18%;}
.index3 .cont .swiper-slide:nth-last-child(1){margin-left: -6%;transform: translateY(4.5%);}
.index3 .bon{position: relative;top: 0;margin-top: 20px;justify-content: center;}
.index3 .bon .swiper-button-next,.index3 .bon .swiper-button-prev{height: 34px;width: 80px;}
.index3 .cont .link{width: 116%;top: 54%;}
}
@media only screen and (max-width: 520px){
.index3{padding: 25px 0;}
.index3 .in_tit{margin-bottom: 20px;}
.index3 .cont .in3{height: 255px;padding: 0;}
.index3 .cont .item{height: 120px;}
.index3 .cont .item .info .top{position: relative;}
.index3 .cont .item .info .num{font-size: 20px;}
.index3 .cont .item .info .bt{position: absolute;right: -15%;width: 20px;transform: rotateY(0deg) !important;}
.index3 .cont .item .info .text p{font-size: 13px;}
.index3 .cont .item .circle .yd{width: 14px;height: 14px;}
.index3 .cont .item .circle .yd:after{width: 9px;height: 9px;}
.index3 .cont .link{width: 130%;top: 55%;transform: translate(-50%, -50%) rotateZ(0deg);}
.index3 .cont .swiper-slide{width: 33.3% !important;}
.index3 .cont .swiper-slide.exposure-1{transform: translateY(22.5%);}
.index3 .cont .swiper-slide.exposure-2{transform: translateY(59.5%);}
.index3 .cont .swiper-slide.exposure-3{transform: translateY(5%);}
.index3 .cont .swiper-slide:nth-child(even).exposure-1, .index3 .cont .swiper-slide:nth-child(even).exposure-3, .index3 .cont .swiper-slide:nth-child(even).exposure-5{margin-top: 26%;}
.index3 .cont .swiper-slide:nth-child(odd).exposure-2, .index3 .cont .swiper-slide:nth-child(odd).exposure-4{margin-top: -26.5%;}
.index3 .cont .swiper-slide:nth-last-child(1){margin-left: -12%;transform: translateY(9.5%);}
.index3 .bon .swiper-button-next,.index3 .bon .swiper-button-prev{height: 30px;width: 70px;}
}
@media only screen and (max-width: 450px){
.index3 .cont .item .circle{margin-right: 2px;}
.index3 .cont .item .info .num{font-size: 18px;}
.index3 .cont .item .info .bt{width: 19px;}
}
@media only screen and (max-width: 380px){
.index3 .cont .item{height: 123px;}
.index3 .cont .item .info .num{font-size: 16px;}
.index3 .cont .swiper-slide.exposure-1{transform: translateY(19%);}
.index3 .cont .swiper-slide.exposure-2{transform: translateY(58.5%);}
.index3 .cont .swiper-slide.exposure-3{transform: translateY(5.5%);}
.index3 .cont .swiper-slide:nth-child(even).exposure-1, .index3 .cont .swiper-slide:nth-child(even).exposure-3, .index3 .cont .swiper-slide:nth-child(even).exposure-5{margin-top: 31.5%;}
.index3 .cont .swiper-slide:nth-child(odd).exposure-2, .index3 .cont .swiper-slide:nth-child(odd).exposure-4{margin-top: -31%;}
.index3 .cont .swiper-slide:nth-last-child(1){margin-left: -7%;transform: translateY(9%);}
.index3 .cont .swiper-slide:nth-last-child(2){margin-left: -7%;}
}




/* in3popup */
.in3popup{backdrop-filter: blur(8px);background:rgba(255,255,255,.1);border: 2px solid #fff;border-radius: 10px;position:absolute;z-index:100;left: 50%;top: 50%;transform: translate(-50% , -50%) scale(0);padding: 3vw;transition: all ease .5s;opacity: 0;}
.in3popup.show{opacity: 1;transform: translate(-50% , -50%) scale(1);}
.in3popup h2{color: #fff;font-size: 2.58vw;margin-bottom: 1vw;}
.in3popup .close{position: absolute;right: 3vw;top: 3vw;width: 1.88vw;}
.in3popup .text p{font-size: .835947vw;color: #fff;line-height: 1.8;margin: .58vw 0;}
@media only screen and (max-width: 1080px){
.in3popup{padding: 30px;width: calc(92% - 60px);}
.in3popup h2{font-size: 30px;}
.in3popup .close{top: 30px;right: 30px;width: 30px;}
.in3popup .text p{font-size: 15px;margin: 5px 0;top: 55%;}
}
@media only screen and (max-width: 768px){
.in3popup{width: 80%;}
}
@media only screen and (max-width: 520px){
.in3popup{padding: 20px;border-radius: 8px;width: calc(92% - 40px);}
.in3popup h2{font-size: 22px;margin-bottom: 15px;}
.in3popup .close{top: 20px;right: 20px;width: 28px;}
.in3popup .text{overflow-y: auto;height: 200px;padding-right: 8px;}
.in3popup .text p{font-size: 14px;margin: 0;}
}