/* main */
.main{background: url(../images/sec_bg.jpg);background-size: cover;padding: 5vw 0;background-position: center;}
@media screen and (max-width:1080px){
.main{padding: 60px 0;}
}
@media screen and (max-width:520px){
.main{padding: 30px 0;}
}


 
/* banner */
.banner{position:relative;overflow:hidden;margin-top: 4.85vw;}
.banner .img img{width:100%;width:100%;height:100%;object-fit:cover;}
.banner .info{position:absolute;top: 45%;left:0;width:100%;transform:translate(0,-50%);}
.banner .info .t1{font-size: 2.507839vw;color:#fff;margin-bottom:1vw;opacity: 0;font-weight: bold;}
.banner .info .text p{font-size: 1.2vw;color:#fff;line-height:1.5;opacity: 0;font-weight: 100;}
.banner .info ul{display: flex;align-items: center;margin: 3vw 0;opacity: 0;}
.banner .info ul li{border-radius:30px;transition:.5s;background-size:200% auto;background-image:linear-gradient(to right,#fea030 0,#ff6708 51%,#fea030 100%);cursor:pointer;font-size:.85vw;color:#fff;width:9vw;text-align:center;padding:.68vw 0;position: relative;}
.banner .info ul li:hover{background-position: right center;}
.banner .info ul li:nth-child(2){margin-left: 1vw;background: #fff;overflow: hidden;color: #FF6708;}
.banner .info ul li:nth-child(2):after{position: absolute;content: "";left: 0;top: 0;background-image:linear-gradient(to right,#fea030 0,#ff6708 51%,#fea030 100%);height: 100%;width: 0;;transition: .5s;}
.banner .info ul li:nth-child(2):hover:after{width: 100%;}
.banner .info ul li:nth-child(2) a{position: relative;z-index: 9;}
.banner .info ul li:nth-child(2):hover{color: #fff;}
.banner .info .icon img{width: 28%;opacity: 0;}
.banner .swiper-pagination{bottom: 5%;display: grid;justify-content: left;color: #fff;font-size: 1.25vw;width: 6vw;}
.banner .swiper-pagination-current{font-size: 2.2vw;}
.banner .swiper-pagination i{width: 6vw;height: 1px;background: #fff;margin: 15px 0;}
.banner .swiper-button-next{background: #fff;top: 88%;left: calc(92% + 2.401vw);width: 2.4vw;height: 2.4vw;}
.banner .swiper-button-prev{background: #fff;top: 92%;left: 92%;width: 2.4vw;height: 2.4vw;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color: #333;font-size: 1vw;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background: #DBDBDB;}
.banner .swiper-slide-active .info .t1{animation: banDown 1s ease both 0.4s;}
.banner .swiper-slide-active .info .text p{animation: banDown 1s ease both 0.6s;}
.banner .swiper-slide-active .info ul{animation: banDown 1s ease both 0.8s;}
.banner .swiper-slide-active .info .icon img{animation: banDown 1s ease both 1s;}
@keyframes banDown {0%{opacity: 0;transform: translateY(20%);}100%{opacity: 1;transform: translateY(0);}}
@media screen and (max-width:1080px) {
.banner{margin-top: 86px;}
.banner .info .t1{font-size: 3.5vw;}
.banner .info .text p{font-size: 2vw;}
.banner .info ul li{width: 128px;font-size: 15px;padding: 8px 0;}
.banner .info .icon img{width: 40%;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 36px;height: 36px;left: 88%;}
.banner .swiper-button-next{left: calc(88% + 36px);}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 16px;}
.banner .swiper-pagination-current{font-size: 30px;}
.banner .swiper-pagination i{width: 80px;}
.banner .swiper-pagination{font-size: 20px;}
}
@media screen and (max-width:768px) {
.banner{margin-top: 69px;}
.banner .swiper-button-next,.banner .swiper-button-prev{display: none;}
.banner .swiper-pagination{display: flex;align-items: center;justify-content: center;width: 100%;}
.banner .swiper-pagination i{width: 50px;margin:0 15px 0 5px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 59px;}
.banner .img{height: 240px;}
.banner .img img{height: 100%;object-fit: cover;}
.banner .info .t1{font-size: 20px;margin-bottom: 5px;}
.banner .info .text p{font-size: 14px;}
.banner .info ul li{width: 110px;font-size: 14px;padding: 6px 0;margin-left: 0 !important;margin-right: 8px;}
.banner .info .icon img{width: 50%;}
.banner .swiper-pagination-current{font-size: 22px;}
.banner .swiper-pagination{font-size: 18px;}
.banner .swiper-pagination i{width: 40px;margin: 0 10px 0 5px;}
}


/* index1 */
.index1{padding: 5vw 0 2vw;background: url(../images/in1_bg.jpg);background-size: cover;background-position: bottom;overflow: hidden;}
.index1 .in_tit .title{width: 51%;}
.index1 .pic{position: relative;}
.index1 .img{position:absolute;top: 50%;left:50%;transform:translate(-50% , -50%);z-index: 1;}
.index1 .img img{width: 100%;animation: ab3_1Rotate 30s infinite linear;}
.index1 .icon1{margin-top: -6.8vw;}
.index1 .icon2{z-index: 9;position: relative;}
.index1 .icon1 img,.index1 .icon2 img{width: 138%;}
@keyframes ab3_1Rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media screen and (max-width:1080px){
.index1{padding: 60px 0 30px;}
.index1 .in_tit .title{width: 78%;}
.index1 .icon1{margin-top: -20px;width: 114%;margin-left: -7%;}
.index1 .icon2{width: 128%;margin-left: -14%;}
.index1 .img{width: 60%;margin-left: 0;}
}
@media screen and (max-width:520px){
.index1{padding: 30px 0 20px;}
}


/* index2 */
.index2 ul{display: flex;align-items: center;justify-content: space-between;}
.index2 ul li{width: 49%;position: relative;border-radius: 10px;}
.index2 ul li:after{position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 10px;background: #FF6708;transition:all .58s;z-index: 1;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.index2 ul li:hover:after{height: 40%;}
.index2 ul li .img{overflow: hidden;border-radius: 12px;}
.index2 ul li .img img{transition:all .58s;width: 100%;}
.index2 ul li:hover .img img{transform:scale(1.06)}
.index2 ul li .info{position: absolute;bottom: 10%;padding: 0 2.5vw;z-index: 9;}
.index2 ul li .info .t1{color: #fff;font-size: 1.35vw;font-weight: bold;}
.index2 ul li .info .t2{color: #fff;font-size: .85vw;line-height: 1.58;margin-top: .58vw;}
@media screen and (max-width:1080px){
.index2 ul li:hover:after{height: 60%;}
.index2 ul li .info{padding: 0 20px;}
.index2 ul li .info .t1{font-size: 20px;}
.index2 ul li .info .t2{font-size: 15px;overflow-y: scroll;height: 70px;margin-top: 10px;}
}
@media only screen and (max-width:768px){
.index2 ul{flex-wrap: wrap;}
.index2 ul li{width: 100%;margin-bottom: 20px;}
.index2 ul li:after{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.index2 ul li:hover:after{height: 40%;}
.index2 ul li .info .t2{overflow-y: initial;height: initial;font-size: 14px;}
.index2 ul li .img{border-radius: 6px;}
}
@media only screen and (max-width:520px){
.index2 ul li{margin-bottom: 15px;}
.index2 ul li:after{height: 8px;}
.index2 ul li:hover:after{height: 54%;}
.index2 ul li .info .t1{font-size: 18px;}
.index2 ul li .info .t2{font-size: 14px;overflow-y: scroll;height: 65px;line-height: 22px;}
}


/* index3 */
.index3{position: relative;margin-top: 5vw;}
.index3 .cont{padding: 4.5vw;padding-left: 0;position: relative;}
.index3 .cont:after{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;border-radius: 30px;clip-path: polygon(100% 0%, 100% 100%, 100% 100%, -9% 100%, 13.5% 50%, 35% 0%);background: #fff;}
.index3 .cont .left{position: relative;z-index: 9;}
.index3 .cont .right{width: 58%;position: relative;z-index: 9;}
.index3 .cont .right .text{font-size: .95vw;line-height: 2;}
.index3 .cont ul{display: flex;justify-content: space-between;margin: 0 auto;width: 75%;margin-top: 4.5vw;position: relative;z-index: 9;margin-right: 5vw;}
.index3 .cont ul li{position: relative;}
.index3 .cont ul li .icon{margin-bottom: 5px;}
.index3 .cont ul li .icon img{width:2.613vw}
.index3 .cont ul li span{font-size:2.8vw;background:linear-gradient(to bottom,#ff6708,#fea030);-webkit-background-clip:text;color:transparent;font-weight:700;margin-left:-.2vw}
.index3 .cont ul li sup{font-size:1.6vw;background:linear-gradient(to bottom,#ff6708,#fea030);-webkit-background-clip:text;color:transparent;font-weight:700;position:absolute}
.index3 .cont ul li p{font-size:.95vw;margin-top: 5px;}
@media screen and (max-width:1080px){
.index3{margin-top: 60px;}
.index3 .cont{padding: 40px;}
.index3 .cont .right .text{font-size: 16px;}
.index3 .cont ul{margin-top: 50px;margin-right: 5%;width: 88%;}
.index3 .cont ul li .icon img{width: 36px;}
.index3 .cont ul li span{font-size: 40px;}
.index3 .cont ul li p{font-size: 15px;}
}	
@media screen and (max-width:768px){
.index3 .cont:after{clip-path:none}
.index3 .cont .left{width: 100%;margin-bottom: 30px;}
.index3 .cont .right{width: 100%;}
.index3 .cont .right .text{font-size: 15px;}
.index3 .cont ul{width: auto;margin-right: 0;}
.index3 .cont ul li .icon img{width: 32px;}
.index3 .cont ul li span{font-size: 35px;}
.index3 .cont ul li p{font-size: 14px;}
}
@media screen and (max-width:520px){
.index3{margin-top: 20px;}
.index3 .cont{padding: 20px;}
.index3 .cont:after{border-radius: 10px;}
.index3 .cont .left{margin-bottom: 20px;}
.index3 .cont .right .text{font-size: 14px;line-height: 26px;}
.index3 .cont ul{margin-top: 10px;flex-wrap: wrap;}
.index3 .cont ul li{width: 50%;text-align: center;margin: 10px 0;}
.index3 .cont ul li .icon img{width: 28px;}
.index3 .cont ul li span{font-size: 30px;}
.index3 .cont ul li p{font-size: 14px;}
}


/* index4 */
.index4{margin: 6vw 0 1vw;}
.index4 .in_tit{text-align: center;}
.index4 .text{font-size:1.4vw;line-height:1.58;width:68%;margin:0 auto;text-align:center}
@media screen and (max-width:1080px){
.index4{margin: 60px 0 10px;}
.index4 .text{font-size: 18px;width: 88%;}
}
@media screen and (max-width:520px){
.index4{margin: 40px 0 10px;}
.index4 .text{font-size: 16px;width: auto;line-height: 26px;}
}


/* index5 */
.index5{padding: 6vw 0;background: url(../images/in5_bg.jpg);background-size: cover;}
.index5 .cont{display: flex;justify-content: space-between;align-items: center;}
.index5 .cont .hd{width:75%}
.index5 .cont .hd .item{display:flex;align-items:center;justify-content:space-between;overflow: hidden;}
.index5 .cont .hd .item .info{opacity: 0;}
.index5 .cont .hd .item .info .t1{font-size:2.507839vw;color:#fff;font-weight:700;text-transform: uppercase;}
.index5 .cont .hd .item .info .text{margin: 1vw 0 2vw;}
.index5 .cont .hd .item .info .text p{font-size:.85vw;color:#fff;line-height:2}
.index5 .cont .hd .item .info ul{display: flex;align-items: center;}
.index5 .cont .hd .item .info ul li{border-radius:30px;transition:.5s;background-size:200% auto;background-image:linear-gradient(to right,#fea030 0,#ff6708 51%,#fea030 100%);cursor:pointer;font-size:.85vw;color:#fff;width:9vw;text-align:center;padding:.68vw 0;position: relative;}
.index5 .cont .hd .item .info ul li:hover{background-position: right center;}
.index5 .cont .hd .item .info ul li:nth-child(1){margin-right: 1vw;background: #fff;overflow: hidden;color: #FF6708;}
.index5 .cont .hd .item .info ul li:nth-child(1):after{position: absolute;content: "";left: 0;top: 0;background-image:linear-gradient(to right,#fea030 0,#ff6708 51%,#fea030 100%);height: 100%;width: 0;;transition: .5s;}
.index5 .cont .hd .item .info ul li:nth-child(1):hover:after{width: 100%;}
.index5 .cont .hd .item .info ul li:nth-child(1) a{position: relative;z-index: 9;}
.index5 .cont .hd .item .info ul li:nth-child(1):hover{color: #fff;}
.index5 .cont .hd .item .img{width:50%;opacity: 0;}
.index5 .cont .rd{width: 23.5%;position: relative;padding-right: 1.5%;}
.index5 .cont .rd:after{position: absolute;content: "";right: 0;top: 2%;width: 1px;height: 95%;background: #D9DAD7;}
.index5 .cont .rd a{display:block;color:#fff;font-size: .95vw;text-align: right;height: 3.5vw;position: relative;}
.index5 .cont .rd a:after{position: absolute;content: "";right: -7%;top: .4vw;width: .314vw;height: .314vw;background: #FF6708;border-radius: 50%;z-index: 9;}
.index5 .cont .rd a:nth-last-child(2){height: auto;}
.index5 .cont .rd a.active{color: #FF6708;}
.index5 .cont .rd .navline{display:block;position:absolute;top: 2%;z-index: 1;right: 0;width:1px;height: 0%;background:#FF6708;transition:all .5s;}
.index5 .cont .hd .item.on .info{animation: bounceIn .5s ease both 0.4s;}
.index5 .cont .hd .item.on .img{animation: indbanDown .5s ease both 0.4s}
@keyframes indbanDown {0%{opacity: 0;transform: translateX(100%);}100%{opacity: 1;transform: translateX(0);}}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.005,1.005,1.005);transform:scale3d(1.005,1.005,1.005)}
80%{-webkit-transform:scale3d(.91,.91,.91);transform:scale3d(.91,.91,.91)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@media only screen and (max-width:1080px){
.index5 .cont .hd .item .info .t1{font-size: 28px;}
.index5 .cont .hd .item .info .text p{font-size: 14px;}
.index5 .cont .hd .item .info ul li{width: 145px;font-size: 15px;padding: 8px 0;}
.index5 .cont .rd{width: 30%;}
.index5 .cont .rd:after{right: 1px;}
.index5 .cont .rd a{font-size: 16px;height: 50px;}
.index5 .cont .rd a:after{width: 6px;height: 6px;}
}
@media only screen and (max-width:768px){
.index5 .cont{flex-wrap: wrap;}
.index5 .cont .hd{width: 100%;}
.index5 .cont .rd{width: auto;display: flex;flex-wrap: wrap;justify-content: center;padding-right: 0;}
.index5 .cont .rd:after{display: none;}
.index5 .cont .rd .navline{display: none;}
.index5 .cont .rd a{height: auto;margin: 10px 20px;}
.index5 .cont .rd a:after{right: -10%;top: 7px;}
}
@media only screen and (max-width:520px){
.index5 .cont .hd .item .info .t1{font-size: 20px;}
.index5 .cont .hd .item .info .text{margin: 15px 0;}
.index5 .cont .hd .item .info .text p{font-size: 14px;line-height: 26px;}
.index5 .cont .hd .item .info ul{flex-wrap: wrap;}
.index5 .cont .hd .item .info ul li{width: 130px;font-size: 14px;padding: 6px 0;margin: 5px 0;}
.index5 .cont .hd .item .img{width: 60%;}
.index5 .cont .rd{margin-top: 20px;}
.index5 .cont .rd:after{right: 1px;}
.index5 .cont .rd a{height: auto;margin: 6px 14px;font-size: 14px;}
.index5 .cont .rd a:after{right: -10%;top: 5px;}
}
@media only screen and (max-width:450px){
.index5 .cont .hd .item .info .text p{font-size: 13px;line-height: 24px;}
}




/* index6 */
.index6{padding: 5vw 0;position: relative;}
.index6 .bg img{transition:all .58s;}
.index6.on .bg img{border-radius:30px;}
.index6 .info{position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);z-index:9;text-align:center}
.index6 .info .t1{font-size:1.1vw;color:#fff}
.index6 .info .t2{font-size:2vw;color:#fff;margin:1vw auto;width:63%;line-height:1.4}
.index6 .info .bt img{width:.889vw;filter:brightness(0) invert(1)}
@media only screen and (max-width:1080px){
.index6{padding: 60px 0;}
.index6 .info .t1{font-size: 16px;}
.index6 .info .t2{font-size: 24px;width: 90%;margin: 20px auto;}
.index6 .info .bt img{width: 17px;}
}
@media only screen and (max-width:768px){
.index6 .info{width: 100%;}
.index6 .info .t2{font-size: 20px;width: 80%;}
}
@media only screen and (max-width:520px){
.index6{padding: 30px 0;}
.index6 .info .t1{font-size: 14px;}
.index6 .info .t2{font-size: 17px;width: 92%;margin: 15px auto;}
.index6 .info .bt img{width: 17px;}
}


/* index7 */
.index7{background: #FF6708;padding: 5vw 0;}
.index7 .top{display: flex;align-items: center;justify-content: space-between;}
.index7 .top .in_tit{margin-bottom: 0;}
.index7 .top .in_tit .title{color: #fff;}
.index7 .top .bt{border-radius:30px;transition:.5s;width:9vw;position: relative;background: #fff;overflow: hidden;}
.index7 .top .bt a{font-size:.85vw;color: #FF6708;text-align:center;position: relative;z-index: 9;display: block;padding: .68vw 0;}
.index7 .top .bt:after{position: absolute;content: "";left: 0;top: 0;background-image:linear-gradient(to right,#fea030 0,#ff6708 51%,#fea030 100%);height: 100%;width: 0;;transition: .5s;}
.index7 .top .bt:hover:after{width: 100%;}
.index7 .top .bt:hover a{color: #fff;}
.index7 .cont{display: flex;justify-content: space-between;margin-top: 3vw;}
.index7 .cont .left{width: 47%;}
.index7 .cont .left .img{padding-bottom: 60%;position:relative;overflow:hidden;border-radius: 20px;}
.index7 .cont .left .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index7 .cont .left:hover .img img{transform:scale(1.06)}
.index7 .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:#fff;margin:1vw 0;}
.index7 .cont .left .date{display:flex;align-items:center}
.index7 .cont .left .date img{width:.85vw}
.index7 .cont .left .date p{font-size:.85vw;color:#fff;margin-left:.5vw}
.index7 .cont .right{width: 42%;}
.index7 .cont .right li{margin-bottom: 2.4vw;}
.index7 .cont .right li:nth-last-child(1){margin-bottom: 0;}
.index7 .cont .right li a{display:flex;align-items:center;justify-content:space-between}
.index7 .cont .right li .info{width: 65%;}
.index7 .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:#fff;margin-bottom:2vw}
.index7 .cont .right li .info .date{display:flex;align-items:center}
.index7 .cont .right li .info .date img{width:.85vw}
.index7 .cont .right li .info .date p{font-size:.85vw;color:#fff;margin-left:.5vw}
.index7 .cont .right li .img{padding-bottom: 22.2%;position:relative;overflow:hidden;border-radius:20px;width: 25%;}
.index7 .cont .right li .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index7 .cont .right li:hover .img img{transform:scale(1.06)}
@media only screen and (max-width:1080px){
.index7{padding: 60px 0;}
.index7 .top .bt{width: auto;}
.index7 .top .bt a{padding: 10px 40px;font-size: 15px;}
.index7 .cont{margin-top: 40px;}
.index7 .cont .left .img{border-radius: 10px;}
.index7 .cont .left .t1{font-size: 20px;margin: 15px 0;}
.index7 .cont .left .date img{width: 18px;}
.index7 .cont .left .date p{font-size: 16px;}
.index7 .cont .right{width: 45%;}
.index7 .cont .right li .info .t1{font-size: 16px;margin-bottom: 30px;}
.index7 .cont .right li .info .date img{width: 18px;}
.index7 .cont .right li .info .date p{font-size: 16px;}
.index7 .cont .right li .img{width: 30%;border-radius: 10px;}
}
@media only screen and (max-width:768px){
.index7 .cont{flex-wrap: wrap;}
.index7 .cont .left{width: 100%;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dashed #ffffff80;}
.index7 .cont .right{width: 100%;}
}
@media only screen and (max-width:520px){
.index7{padding: 30px 0;}
.index7 .top .bt a{padding: 8px 30px;font-size: 14px;}
.index7 .cont{margin-top: 25px;}
.index7 .cont .left{margin-bottom: 20px;padding-bottom: 20px;}
.index7 .cont .left .img{border-radius: 6px;}
.index7 .cont .left .t1{font-size: 17px;}
.index7 .cont .left .date img{width: 15px;}
.index7 .cont .left .date p{font-size: 14px;margin-left: 5px;}
.index7 .cont .right li{margin-bottom: 15px;}
.index7 .cont .right li .info .t1{font-size: 14px;margin-bottom: 15px;-webkit-line-clamp: 1;}
.index7 .cont .right li .info .date img{width: 15px;}
.index7 .cont .right li .info .date p{font-size: 14px;margin-left: 5px;}
.index7 .cont .right li .img{width: 30%;border-radius: 6px;}
}



/* index8 */
.index8{background: #f4f4f4;padding: 5vw 0;}
.index8 .in_tit{text-align: center;}
.index8 .text{text-align:center;font-size:1.04493vw;line-height:1.68;width: 72%;margin:0 auto;margin-bottom:2.2vw;}
.index8 ul{display: flex;align-items: center;justify-content: space-between;}
.index8 ul li{text-align: center;}
.index8 ul li img{width: 6.688vw;}
.index8 .btn{margin: 0 auto;margin-top: 2.2vw;}
@media only screen and (max-width:1080px){
.index8{padding: 60px 0;}
.index8 .text{font-size: 17px;margin-bottom: 40px;width: 80%;}
.index8 ul li img{width: 120px;}
.index8 .btn{margin-top: 40px;}
}
@media only screen and (max-width:768px){
.index8 .text{font-size: 16px;width: 100%;}
.index8 ul li img{width: 100px;}
}
@media only screen and (max-width:520px){
.index8{padding: 30px 0;}
.index8 .text{font-size: 14px;margin-bottom: 25px;line-height: 26px;}
.index8 ul li img{width: 68px;}
.index8 .btn{margin-top: 25px;}
}