@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner_box:before{content: "";position: absolute;width: 50%;height: 8vh;background: #e8f4ff;z-index: 10;left: 0;bottom: -1px;transform-origin: right bottom;transform: skewX(45deg);}
.banner{ overflow: hidden; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);z-index: 1;height: 23vh;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
.banner.on ul li.swiper-slide-active .a .imgBox, 
.banner.on ul li.swiper-slide-duplicate-active .a .imgBox, 
.banner.on ul li.swiper-slide-prev .a .imgBox{ /*animation: sca 7s linear 0s normal both;*/ }
/* @keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
} */

.banner .dots{z-index: 10;display: flex;justify-content: center;align-items: center;margin: -.15rem .2rem 0;position: absolute;bottom: 14vh;}
.banner .dots span{width: .57rem;height: .57rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .1rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 50%;left: 50%;width: .12rem;height: .12rem;background: #fff;transition: .5s;transform: translate(-50%,-50%);border-radius: 50%;}
.banner .dots span:after{content: "";position: absolute;right: 76%;width: .41rem;height: 2px;transition: .5s;background: url(../images/banner_d1.png) center no-repeat;top: 50%;margin: -1px 0 0;background-size: cover;}

.banner .dots span.active{ background: url(../images/banner_d.png) center no-repeat; background-size: 100% 100%;}
.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{opacity: 0;}

.tit1{align-items: baseline; margin-bottom: .7rem;}
.tit1 .ll{ position: relative; z-index: 1}
.tit1 .ll h4{font-size: 1rem;line-height: 1;margin: 0 0 0 .3rem;text-transform: uppercase;color: transparent;color: rgba(217,233,255,.6)\0;background-image: url(../images/tit1.png);background-clip: text;background-size: .4rem .4rem;font-family: "思源宋体 Heavy";font-weight: 900;position: absolute;top: 0;left: 0;z-index: -1;transition: .5s;}
.tit1 .ll h3{font-size: .4rem;color: #1d5cb5;font-weight: bold;padding: .6rem 0 0;transition: .5s;letter-spacing: .01rem;font-family: "Microsoft Yahei";}
.tit1 svg{width: .2rem;height: .2rem;fill: #004a9e;margin: 0 0 0 .1rem;position: relative;z-index: 1;transition: .5s;}

.more1{ align-items: center;}
.more1 span{display: inline-block;line-height: .3rem;font-size: .16rem;color: #fff;padding: 0 .1rem;position: relative;z-index: 1;transition: .5s;}
.more1 span:before{ content: ""; position: absolute; top: 0; width: 100%; bottom: 0; left: 0; clip-path: polygon(0 .05rem,.05rem 0,100% 0, 100% 0,100% calc(100% - .05rem),calc(100% - .05rem) 100%,.05rem 100%,0 calc(100% - .05rem)); background: #004a9e; z-index: -1; transition: .5s}

.pad1{padding: .7rem 0;overflow: hidden;}

.home1{padding-top: .3rem;padding-bottom: .3rem;}
.home1 .content{ height: 5.8rem;}
.home1 .left{ width: 8.38rem;}
.home1 .right{ width: calc(100% - 8.38rem - .66rem);}
.list1Box{ overflow: visible; position: relative; z-index: 1;}
.list1Box::before{ content: ""; position: absolute; top: .33rem; right: 1.34rem; bottom: 0; left: calc((100vw - 16rem)/2 * -1); background: url(../images/list1_b.jpg) center no-repeat; background-size: cover;}
.list1 .time{position: absolute;top: -.36rem;left: .28rem;width: .95rem;height: .89rem;z-index: 1;flex-direction: column;align-items: center;justify-content: center;}
.list1 .time::before{content: "";position: absolute;background: url(../images/time1_bs.svg) center no-repeat;background-size: cover;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transform: translate(-.04rem, .04rem);}
.list1 .time::after{ content: ""; position: absolute; background: url(../images/time1_b.svg) center no-repeat; background-size: cover; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
.list1 .time h3{font-size: .5rem;color: #fff;font-family: Arboria-Medium;line-height: 1;margin: -.08rem 0 0;padding: 0 0 0 .1rem;font-weight: normal;}
.list1 .time h6{ font-size: .14rem; color: #fff; font-family: Arboria-Medium;}

.list1Box .imgBox{clip-path: polygon(0 0,0 0,calc(100% - .54rem) 0, calc(100% - .54rem) 0,100% 0.54rem, 100% 100%,.54rem 100%,0 calc(100% - 0.54rem));}
.list1Box .imgBox .img{ padding-bottom: 57.39%;}
.list1Box .txt{padding: .2rem .3rem;width: calc(100% - 1.5rem);}
.list1Box h4{font-size: .22rem;color: #fff !important;line-height: .35rem;max-height: .7rem\0 !important;height: .7rem;}

.arrow1{position: absolute;bottom: .2rem;right: 0;text-align: center;width: 1.34rem;z-index: 1;}
.arrow1 .dots{width: 100%;font-size: .14rem;color: #fff;margin: 0;display: flex;align-items: baseline;background: #004a9e;height: .65rem;clip-path: polygon(0 0, 0 0, calc(100% - 0.1rem) 0, calc(100% - 0.1rem) 0, 100% 0.1rem, 100% 100%, 0.1rem 100%, 0 calc(100% - 0.1rem));justify-content: center;line-height: 1;padding: .1rem 0 0;}
.arrow1 .dots span{ font-size: .18rem;}
.arrow1 .dots span.swiper-pagination-current{margin-right: .06rem;font-size: .45rem;}
.arrow1 .dots span.swiper-pagination-total{margin-left: .03rem;}

.arrow1 .bottom{margin: .36rem auto 0;width: .86rem;}
.arrow1 .arrow{font-size: .4rem;color: #004a9e;font-family: 'lib';cursor: pointer;font-weight: bold;}

.list2{flex-direction: column;height: 6rem;position: relative;z-index: 1;}
.list2:before{ content: ""; position: absolute; top: .6rem; bottom: .6rem; left: .44rem; width: 2px; background: #7e8388; z-index: -1}
.list2 li{width: 100%;flex: 1;display: flex;align-items: center;position: relative; transition: .5s}
.list2 .a{align-items: center;height: 100%;position: relative; transition: .5s;}
.list2 .a1{opacity: 0;visibility: hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.list2 .a2{position: absolute;left: 0;bottom: 0;}
.list2 .a2:before{content: "";position: absolute;right:0;top: 0;left: 1.14rem;background: url(../images/list2.png) center repeat-x;background-size: auto 2px;height: 2px;}
.list2 .time{width: .9rem;text-align: center;background: #e9f5ff;padding: .1rem 0;}
.list2 .time h3{font-size: .36rem;color: #888;font-weight: 500;font-family: Arboria-Medium;}
.list2 .time h6{font-size: .16rem;color: #666;font-family: Arboria-Medium;}
.list2 .txt{width: calc(100% - .9rem);padding: 0;position: relative;z-index: 1;}
.list2 .a1 .txt1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(45deg, #004a9e 0, #1d7eea 100%);z-index: -1;}
.list2 .imgBox{width: 2.06rem;clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - 0.22rem), calc(100% - 0.22rem) 100%, 0 100%, 0 100%);}
.list2 .imgBox .img{padding-bottom: 84%;}
.list2 .con{flex: 1;overflow: hidden;display: flex;flex-direction: column;justify-content: center;padding: 0 .25rem;}
.list2 .a2 .txt{padding: 0 8vw 0 .2rem;}
.list2 .a1 .con h4{ color: #fff}
.list2 .a1 .con p{ color: #fff; margin: .12rem 0 0}
.list2 .a1 .txt{filter: drop-shadow(0px .04rem .12rem rgba(0, 74, 158, 0.21));}
.list2 .a1 .txt:before{content: "";position: absolute;width: .16rem;height: .16rem;background: #004a9e;bottom: -.03rem;right: -.03rem;}
.list2 .a1 .txt1{clip-path: polygon(0 .22rem, .22rem 0, calc(100% - 0.22rem) 0, calc(100% - 0.22rem) 0, 100% 0.22rem, 100% 100%, 0 100%, 0 100%);position: relative;z-index: 1;}
.list2 .a1 .time .ico{margin: .16rem auto 0;width: .28rem;}
.list2 .a1 .time *{ color: #004a9e}

.list2 li:first-child .a2:before{ display: none;}

.lt2{margin: -.4rem -.15rem -.2rem;}
.lt2 li{ width: 33.33%; padding: .27rem .15rem;}
.lt2 .a{ position: relative; z-index: 1; padding: .35rem 0;}
.lt2 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: .24rem;background: #fff;background-image: linear-gradient( 0deg, rgb(0,74,158) 0%, rgb(29,125,234) 99%);z-index: -1;transition: .5s;}
.lt2 .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: .24rem; background: #fff; box-shadow: 0px 3px .24rem 0px rgba(0, 74, 158, 0.15); z-index: -1;}
.lt2 .time{width: .72rem;height: .75rem;background-image: linear-gradient( 90deg, rgb(0,74,158) 0%, rgb(29,125,234) 99%);flex-direction: column;align-items: center;justify-content: center;clip-path: polygon(0 0.1rem, 0.1rem 0, calc(100% - 0.1rem) 0, calc(100% - 0.1rem) 0, 100% 0.1rem, 100% 100%, 0 100%, 0 100%);}
.lt2 .time h6{ font-size: .12rem; color: #fff; width: .44rem;}
.lt2 .time .h5{width: .5rem;height: .4rem;flex-direction: column;justify-content: center; position: relative; z-index: 1; margin: .03rem 0 0}
.lt2 .time .h5:before{ content: ""; position: absolute; width: 1px; height: .3rem; background: #fff; transform: rotate(42deg); left: 50%}
.lt2 .time .h5 span{font-size: .2rem;color: #fff;line-height: 1;}
.lt2 .time .h5 span:nth-child(2){ text-align: right}
.lt2 .txt{ flex: 1; overflow: hidden; padding: 0 .3rem;}
.lt2 h4{font-weight: bold;padding: 0 0 0 0;}
.lt2 .line{ width: .9rem; height: .04rem; background: #004a9e; margin: .15rem 0 .2rem}
.lt2 p{color: #7f7f7f;min-height: 0.7rem;}

.home2{padding-top: .3rem;padding-bottom: 1.4rem;}

.miso_tab .hd{ align-items: baseline;}

.miso_tab1 .hd{position: relative;z-index: 1;padding-bottom: .3rem;}
.miso_tab1 .hd::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 4.65rem; height: 2px; background: #004a9e;}
.miso_tab1 .hd::after{content: "";position: absolute;left: 0;bottom: 0;width: 2.08rem;height: .12rem;background: #004a9e;clip-path: polygon(0 0, 0 0, calc(100% - 0.06rem) 0, calc(100% - 0.06rem) 0, 100% 0.06rem, 100% 100%, 0 100%, 0 100%);}
.miso_tab1 .hd ul li{margin: 0 .54rem 0 0;cursor: pointer;}
.miso_tab1 .hd ul li .ll h3{ color: #9eaab4}
.miso_tab1 .hd ul li .ll h4{ opacity: 0; visibility: hidden}
.miso_tab1 .hd ul li.on .ll h3{ color: #004a9e}
.miso_tab1 .hd ul li.on .ll h4{ opacity: 1; visibility: visible}

.list3W{ position: relative; z-index: 1;}
.list3W:before{content: "";position: absolute;background: url(../images/list3_b.jpg) center no-repeat;background-size: cover;top: 1.8rem;right: -.9rem;bottom: 0;left: -.9rem;}
.list3W:after{content: "";position: absolute;width: 50%;height: .8rem;background: #eaf4ff;z-index: 10;right: -.9rem;bottom: 0;transform-origin: right bottom;transform: skewX(-45deg);pointer-events: none;}
.list3Box{padding: .86rem .26rem;margin: -.7rem -.26rem;}
.list3 .a{position: relative;z-index: 1;padding: .35rem .35rem;filter: drop-shadow(0px .04rem .12rem rgba(0, 74, 158, 0.27)); transition: .5s;}
.list3 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: linear-gradient(45deg, #004a9e 0, #1d7eea 100%);clip-path: polygon(0 0.18rem, 0.18rem 0, calc(100% - 0.18rem) 0, 100% .18rem, 100% calc(100% - 0.18rem), calc(100% - 0.18rem) 100%, 0.18rem 100%, 0 calc(100% - 0.18rem));transition: .5s;opacity: 0;}
.list3 .a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #fff;clip-path: polygon(0 0.18rem, 0.18rem 0, calc(100% - 0.18rem) 0, 100% .18rem, 100% calc(100% - 0.18rem), calc(100% - 0.18rem) 100%, 0.18rem 100%, 0 calc(100% - 0.18rem));}
.list3 h4{font-size: .22rem;min-height: .9rem;}
.list3 p{margin: .3rem 0 .4rem;}
.list3 h6{font-size: .2rem;color: #3a3f44;font-family: 'Century Gothic';}

.list3Box .dots{ margin: .7rem 0 0;}
.dots2 span{width: .24rem;height: .07rem;border: #fff 1px solid;clip-path: polygon(0 0, 0 0, 100% 0, calc(100% - 0.03rem) 0, 100% .03rem, 100% 100%, 0 100%, 0 100%);background: none;opacity: 1;border-radius: 0;transition: .5s;position: relative;margin: 0 .16rem 0 0 !important;}
.dots2 span.active{width: .45rem;height: .07rem;border: #fff 1px solid;/* clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%); */background: none;opacity: 1;border-radius: 0;transition: .5s;background: #fff}
.dots2 span:after{content: "";position: absolute;top: 0;right: -2px;width: .05rem;height: 1px;background: #fff;transform: rotate(45deg);}

.home1-6{background: #eef7ff url(../images/bg.jpg) center top no-repeat;background-size: cover;position: relative;z-index: 2;}

.home3 .tit1{margin-bottom: .15rem;}
.home3 .fl1{background: url(../images/home3_b.jpg) center no-repeat;background-size: cover;height: 5.5rem;position: relative;z-index: 1;}
.home3 .fl1::before{content: "";position: absolute;width: 30%;height: 0.8rem;background: #edf5ff;z-index: 10;left: 0;top: 0;transform-origin: left top;transform: skewX(-45deg);pointer-events: none;}
.home3 .fl1 .left{width: calc(100% - 50.9375%);padding: 0 0 0 0;height: 4.2rem;display: flex;align-items: center;transform: translateY(1rem);overflow: hidden;}
.home3 .fl1 .right{width: 50.9375%;position: relative;z-index: 1;overflow: hidden;}
.home3 .tit1 .ll{transform: translateY(.2rem);}

.list4Box{height: 3.5rem;margin: 0 auto;overflow: hidden;overflow-y: scroll;}

.list4{ width: 100%;}
.list4Box::-webkit-scrollbar{width:2px;height:4px}
.list4Box::-webkit-scrollbar-track{background:#ffffff;border-radius: 5px}
.list4Box::-webkit-scrollbar-thumb{background:#004a9e;border-radius: 5px}
.list4 .a{position: relative;padding: .035rem .5rem;height: 100%;align-items: center;}
.list4 .a:before{content: "";position: absolute;background: url(../images/list4.png) center no-repeat;background-size: cover;width: .28rem;height: .28rem;left: 0;top: 50%;opacity: 0;visibility: hidden;transition: .5s;transform: translateY(-50%);}
.list4 h4{font-size: .22rem;margin: .1rem 0;position: relative;z-index: 2;}
.list4 p{height: 0;transition: 0s;font-size: .16rem;line-height: .26rem;color: #fff;max-height: .52rem \0;}
.list4 .p{position: relative;z-index: 1;filter: drop-shadow(0px 0.04rem 0.12rem rgba(0, 74, 158, 0.27));display: none;}
.list4 .p::before{content: "";position: absolute;background: url(../images/list4_b.jpg) center no-repeat;background-size: cover;top: 50%;right: 0;left: 0;z-index: -1;clip-path: polygon(0 0.16rem, 0.16rem 0, 100% 0, 100% 0, 100% calc(100% - .16rem), calc(100% - .16rem) 100%, 0 100%, 0 100%);height: 100%;transform: translateY(-50%);opacity: 0;visibility: hidden;/* transition: .5s; */}

.list4 li.on .a:before{ opacity: 1; visibility: visible}

.mx{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; animation: spin-reverse1 5s infinite linear;}
.mx:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;backdrop-filter: blur(12px);transform: scale(0.5);border-radius: 50vw;}
.mx img{width: 5.19rem;max-width: 53%;position: relative;z-index: 1;}
.mx_b{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.mx_b img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}

.mx_b img:nth-child(1){ animation: spin-reverses1 9s infinite linear; opacity: 0; transition: .5s; transform-origin: right bottom;}
.mx_b2 img:nth-child(1){ animation-delay: 4.5s;}

.mx_b img:nth-child(2){ animation: spin-reverses2 5s infinite linear; opacity: 0; transition: .5s; transform-origin: right bottom;}
.mx_b2 img:nth-child(2){ animation-delay: 2.5s;}

.mx_b img:nth-child(3){ animation: spin-reverses3 9s infinite linear; opacity: 0; transition: .5s; transform-origin: right top;}
.mx_b2 img:nth-child(3){ animation-delay: 4.5s;}

.mx_b img:nth-child(4){ animation: spin-reverses4 5s infinite linear; opacity: 0; transition: .5s; transform-origin: right top;}
.mx_b2 img:nth-child(4){ animation-delay: 2.5s;}

.mx_b img:nth-child(5){ animation: spin-reverses5 9s infinite linear; opacity: 0; transition: .5s; transform-origin: right top;}
.mx_b2 img:nth-child(5){ animation-delay: 4.5s;}

.mx_b img:nth-child(6){ animation: spin-reverses6 5s infinite linear; opacity: 0; transition: .5s; transform-origin: right top;}
.mx_b2 img:nth-child(6){ animation-delay: 2.5s;}

.mx_b img:nth-child(7){ animation: spin-reverses7 9s infinite linear; opacity: 0; transition: .5s; transform-origin: left top;}
.mx_b2 img:nth-child(7){ animation-delay: 4.5s;}

.mx_b img:nth-child(8){ animation: spin-reverses8 5s infinite linear; opacity: 0; transition: .5s; transform-origin: left top;}
.mx_b2 img:nth-child(8){ animation-delay: 2.5s;}

.mx_b img:nth-child(9){ animation: spin-reverses9 9s infinite linear; opacity: 0; transition: .5s; transform-origin: left top;}
.mx_b2 img:nth-child(9){ animation-delay: 4.5s;}

.mx_b img:nth-child(10){ animation: spin-reverses10 5s infinite linear; opacity: 0; transition: .5s; transform-origin: left top;}
.mx_b2 img:nth-child(10){ animation-delay: 2.5s;}

.mx_b img:nth-child(11){ animation: spin-reverses11 9s infinite linear; opacity: 0; transition: .5s; transform-origin: left bottom}
.mx_b2 img:nth-child(11){ animation-delay: 4.5s;}

.mx_b img:nth-child(12){ animation: spin-reverses12 5s infinite linear; opacity: 0; transition: .5s; transform-origin: left bottom;}
.mx_b2 img:nth-child(12){ animation-delay: 2.5s;}

/* .mx_b1 img:nth-child(2){ animation: spin-reverses2 5s infinite linear;}
.mx_b1 img:nth-child(3){ animation: spin-reverses3 5s infinite linear;}
.mx_b1 img:nth-child(4){ animation: spin-reverses4 5s infinite linear;}
.mx_b1 img:nth-child(5){ animation: spin-reverses5 5s infinite linear;}
.mx_b1 img:nth-child(6){ animation: spin-reverses6 5s infinite linear;} */

@keyframes spin-reverse1 {
    0% {
        transform: 0
    }
    25% {
        transform: translateY(-.1rem)
    }
    75% {
        transform: translateY(.1rem)
    }
    100% {
        transform: 0
    }
}

@keyframes spin-reverses1{
    0% {transform: translateX(25%) translateY(10%); opacity: 0;}
    1% {transform: translateX(25%) translateY(10%); opacity: 1;}
    100% {transform: translateX(-50%) translateY(-10%); opacity: 1;}
}
@keyframes spin-reverses2{
    0% {transform: translateX(25%) translateY(5%); opacity: 0;}
    1% {transform: translateX(25%) translateY(5%); opacity: 1;}
    100% {transform: translateX(-50%) translateY(-5%); opacity: 1;}
}
@keyframes spin-reverses3{
    0% {transform: translateX(25%) translateY(-5%); opacity: 0;}
    1% {transform: translateX(25%) translateY(-5%); opacity: 1;}
    100% {transform: translateX(-50%) translateY(5%); opacity: 1;}
}
@keyframes spin-reverses4{
    0% {transform: translateX(25%) translateY(-10%); opacity: 0;}
    1% {transform: translateX(25%) translateY(-10%); opacity: 1;}
    100% {transform: translateX(-50%) translateY(15%); opacity: 1;}
}
@keyframes spin-reverses5{
    0% {transform: translateX(20%) translateY(-25%); opacity: 0;}
    1% {transform: translateX(20%) translateY(-25%); opacity: 1;}
    100% {transform: translateX(-38%) translateY(50%); opacity: 1;}
}
@keyframes spin-reverses6{
    0% {transform: translateX(10%) translateY(-25%); opacity: 0;}
    1% {transform: translateX(10%) translateY(-25%); opacity: 1;}
    100% {transform: translateX(-10%) translateY(50%); opacity: 1;}
}
@keyframes spin-reverses7{
    0% {transform: translateX(-10%) translateY(-25%); opacity: 0;}
    1% {transform: translateX(-10%) translateY(-25%); opacity: 1;}
    100% {transform: translateX(10%) translateY(50%); opacity: 1;}
}
@keyframes spin-reverses8{
    0% {transform: translateX(-20%) translateY(-25%); opacity: 0;}
    1% {transform: translateX(-20%) translateY(-25%); opacity: 1;}
    100% {transform: translateX(38%) translateY(50%); opacity: 1;}
}
@keyframes spin-reverses9{
    0% {transform: translateX(-25%) translateY(-10%); opacity: 0;}
    1% {transform: translateX(-25%) translateY(-10%); opacity: 1;}
    100% {transform: translateX(50%) translateY(15%); opacity: 1;}
}
@keyframes spin-reverses10{
    0% {transform: translateX(-25%) translateY(-5%); opacity: 0;}
    1% {transform: translateX(-25%) translateY(-5%); opacity: 1;}
    100% {transform: translateX(50%) translateY(5%); opacity: 1;}
}
@keyframes spin-reverses11{
    0% {transform: translateX(-25%) translateY(5%); opacity: 0;}
    1% {transform: translateX(-25%) translateY(5%); opacity: 1;}
    100% {transform: translateX(50%) translateY(-5%); opacity: 1;}
}
@keyframes spin-reverses12{
    0% {transform: translateX(-25%) translateY(10%); opacity: 0;}
    1% {transform: translateX(-25%) translateY(10%); opacity: 1;}
    100% {transform: translateX(50%) translateY(-10%); opacity: 1;}
}

/* @keyframes spin-reverses1 {
    0% {transform: 0}
    50% {transform: translateX(-.4rem) translateY(-.4rem)}
    100% {transform: 0}
}
@keyframes spin-reverses2 {
    0% {transform: translateX(-.4rem) translateY(-.2rem)}
    50% {transform: translateX(0) translateY(0)}
    100% {transform: translateX(-.4rem) translateY(-.2rem)}
}

@keyframes spin-reverses3 {
    0% {transform: 0}
    50% {transform: translateX(-.4rem) translateY(.2rem)}
    100% {transform: 0}
}
@keyframes spin-reverses4 {
    0% {transform: translateX(-.4rem) translateY(.4rem)}
    50% {transform: translateX(0) translateY(0)}
    100% {transform: translateX(-.4rem) translateY(.4rem)}
}

@keyframes spin-reverses5 {
    0% {transform: 0}
    50% {transform: translateX(-.4rem) translateY(.4rem)}
    100% {transform: 0}
}
@keyframes spin-reverses6 {
    0% {transform: translateX(-.2rem) translateY(.4rem)}
    50% {transform: translateX(0) translateY(0)}
    100% {transform: translateX(-.2rem) translateY(.4rem)}
} */

.home3 .fl1 .dots3 img{position: absolute;top: -7%;left: 61%;animation: spin1 9s infinite linear;width: 1.41rem;}
.home3 .fl2 .dots3 img{position: absolute;top: -25%;left: 0%;animation: spin2 5s infinite linear;width: 1.36rem;}

.home3 .fl2{ position: relative; z-index: 1; margin: -.22rem;}
.home3 .fl2 .left{width: calc(100% - 1.6rem - .16rem);height: 2.48rem;display: flex;align-items: center;}
.home3 .fl2 .left::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: -30vw;background: #eef7ff;z-index: -1;transform: skewX(-30deg);transform-origin: right top; box-shadow: 0px 15px 15px 0px rgba(22, 55, 102, 0.06);}
.home3 .fl2 .right{width: 1.6rem;height: 2.48rem;position: relative;z-index: 1;padding: .2rem 0 0;}
.home3 .fl2 .right::before{content: "";position: absolute;top: 0;right: -30vw;bottom: 0;left: 0;background: linear-gradient(45deg, #004a9e 0, #1d7eea 100%);z-index: -1;transform: skewX(-30deg);transform-origin: right top; box-shadow: 0px 15px 15px 0px rgba(22, 55, 102, 0.06);}
.home3 .fl2 .tit1 .ll h4{opacity: .1;margin: 0;}
.home3 .fl2 .tit1 .ll h3{ color: #fff}

@keyframes spin1 {
    0% {transform: 0}
    50% {transform: translateX(-.2rem) translateY(-.2rem)}
    100% {transform: 0}
}
@keyframes spin2 {
    0% {transform: 0}
    50% {transform: translateX(.12rem) translateY(-.12rem)}
    100% {transform: 0}
}

.list5W{width: 86%;margin: 0;position: relative;}
.list5 .a{height: 2rem;position: relative;z-index: 1;padding: 0 .3rem;flex-direction: column;justify-content: center;}
.list5 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #d7e6ff;pointer-events: none;transition: .5s;opacity: 0;}
.list5 .a:after{content: "";position: absolute;top: 0;right: 0;width: 45%;height: 0.24rem;background: #edf5ff;z-index: 10;transform-origin: right top;transform: skewX(45deg);pointer-events: none;transition: .5s;}
.list5 h3{ font-size: .48rem; color: #333333; font-family: Roboto; font-weight: normal; transition: .5s}
.list5 p{ font-size: .16rem; color: #272727; margin: .12rem 0 0; transition: .5s}

.arrow3{width: .41rem;height: .41rem;border: #02469c 1px solid;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);font-size: .24rem;color: #02469c;font-family: 'lib';display: flex;align-items: center;justify-content: center;font-weight: bold; transition: .5s; cursor: pointer;}
.arrow3.prev{ left: -.75rem}
.arrow3.next{ right: -.75rem}

.home4{background: url(../images/home4_b.png) center top no-repeat;background-size: 100% auto;padding-top: .3rem;}

.home4 .left{width: 5.6rem;}
.home4 .right{width: calc(100% - 5.5rem - 1.5rem);padding: 0 .8rem 0 0;}

.list6{ position: relative;}
.list6 li{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: .5s;}
.list6 li:first-child{ position: relative;} 
.list6 .imgBox .img{padding-bottom: 128.21%;-webkit-mask: url(../images/list6_b.png);mask: url(../images/list6_b.png);-webkit-mask-size: cover;mask-size: cover;mask: none \0;}

.list6 li.on{ opacity: 1; visibility: visible;}

.list7{position: relative;margin: 0 .66rem;}
.list7 li{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: .5s;}
.list7 li:first-child{ position: relative;}
.list7 h3{position: relative;z-index: 1;padding-bottom: .25rem;}
.list7 h3::before{content: "";position: absolute;width: .9rem;height: .03rem;background: #00499d;bottom: 0;}
.list7 h3 big{font-size: .4rem;color: #00499d;}
.list7 h3 small{font-size: .4rem;color: #00499d;margin: 0 0 0 .15rem;text-transform: uppercase;font-family: Roboto;}
.list7 h3 big+span{
    margin-left: .2rem;
    color: #00499d;
    font-size: .22rem;
}
.list7 h4{font-size: .24rem;color: #00499d;margin: .4rem 0 .1rem;clip-path: polygon(0 0.24rem, 0.24rem 0, 100% 0, 100% 0, 100% calc(100% - .24rem), calc(100% - .24rem) 100%, 0 100%, 0 100%);background: #dbecff;padding: .18rem .25rem;}
.list7 p{font-size: .2rem;color: #888;line-height: .35rem;max-height: calc(.35rem* 4) \0;height: calc(.35rem* 2);/* display: none; */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /* 定义文本的行数 */overflow: hidden;text-overflow: ellipsis;}

.more2{ align-items: center; margin: .4rem 0 0; align-items: center}
.more2 .ll{ font-size: .2rem; color: #00499d;}
.more2 .line{ margin: 0 .1rem; flex: 1; overflow: hidden; height: 2px; background: #00499d;}
.more2 .ico{ font-size: .28rem; color: #00499d; font-family: 'lib';}

.list7 li.on{ opacity: 1; visibility: visible;}

.list8W{margin: .2rem 0 0;padding: 0 .66rem;position: relative;}
.list8Box{ padding: 0 .1rem; margin: 0 -.1rem}
.list8 .a{display: block;position: relative;z-index: 1;margin-bottom: .06rem;}
.list8 .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient(-45deg, #004a9e 0, #1d7eea 100%); clip-path: polygon(0 0.24rem, 0.24rem 0, 100% 0, 100% 0, 100% calc(100% - 0.24rem), calc(100% - 0.24rem) 100%, 0 100%, 0 100%);}
.list8 .a:before{content: "";position: absolute;height: .58rem;right: -.05rem;bottom: -.05rem;left: 0;z-index: -1;background: #00ddd4;clip-path: polygon(0 0.24rem, 0.24rem 0, 100% 0, 100% 0, 100% calc(100% - 0.24rem), calc(100% - 0.24rem) 100%, 0 100%, 0 100%);}
.list8 .imgBox{clip-path: polygon(0 0.24rem, 0.24rem 0, 100% 0, 100% 0, 100% calc(100% - 0.24rem), calc(100% - 0.24rem) 100%, 0 100%, 0 100%);}
.list8 .imgBox .img{padding-bottom: 130%;}
.list8 .txt{ height: 1rem; display: flex; flex-direction: column; justify-content: center; padding: 0 .2rem;}
.list8 h4{font-size: .24rem;color: #fff !important;}
.list8 p{ font-size: .16rem; color: #fff; font-weight: 300; margin-bottom: .04rem;}

.arrow4{font-size: .45rem;color: #004a9e;font-family: 'lib';cursor: pointer;font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%);}
.arrow4.prev{ left: 0;}
.arrow4.next{ right: 0;}

.home5 .wp{ align-items: center}
.home5 .left{width: 6.8rem;background: url(../images/home5_b.jpg) center no-repeat;background-size: cover;height: 3.54rem;position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;padding: 0 9vw 0 5vw;clip-path: polygon(0 .44rem, .44rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}
.home5 .left h4{font-size: .4rem;color: #fff;font-family: "Microsoft Yahei";font-weight: 600;}
.home5 .left p{font-size: .2rem;color: #fff;line-height: 1.75;margin: .24rem 0 .36rem;}
.home5 .left .anniu{
    display: flex;
    justify-content: flex-start;
}
.home5 .left .anniu a:nth-child(1){
        margin-right: 30px;
}
.home5 .right{ width: calc(100% - 6.8rem);}
.lt14Box{width: calc((100vw - 16rem)/2 + 100% + .75rem);margin-left: -.75rem;}
.home5 .right .imgBox .img{ padding-bottom: 44.80%;}
.home5 .right .imgBox:after{content: "";position: absolute;top: 50%;right: 0;bottom: 0;left: 0;background-image: linear-gradient( -180deg, rgb(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);}

.home5 .tit1 .ll h4{ background-image: url(../images/tit1s.png);}

.more3{ align-items: center;}
.more3 span{display: inline-block;line-height: .34rem;font-size: .16rem;color: #0c4da5;padding: 0 .1rem;position: relative;z-index: 1;transition: .5s;min-width: 1.12rem;text-align: center;}
.more3 span:before{ content: ""; position: absolute; top: 0; width: 100%; bottom: 0; left: 0; clip-path: polygon(0 .05rem,.05rem 0,100% 0, 100% 0,100% calc(100% - .05rem),calc(100% - .05rem) 100%,.05rem 100%,0 calc(100% - .05rem)); background: #fff; z-index: -1; transition: .5s; }

.home5{ position: relative; z-index: 1; padding-bottom: 1.65rem}
.home5::before{content: "";position: absolute;top: 3.15rem;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/home5-6_b.jpg) center no-repeat;background-size: cover;}
.home5:after{content: "";position: absolute;width: 50%;height: .88rem;background: #f0f8ff;z-index: 10;left: 0;bottom: 0;transform-origin: right bottom;transform: skewX(45deg);/* mix-blend-mode: soft-light; */}

.list10{justify-content: flex-end;margin: 0 -.1rem;position: relative;z-index: 10;}
.list10 li {padding: 0 .1rem;position: relative;z-index: 1;cursor: pointer}
.list10 li .a {display: flex;transition: .5s;position: relative;z-index: 1;width: .56rem;height: .56rem;border-radius: 50vw;align-items: center;justify-content: center;font-family: 'lib';color: #fff;font-size: .32rem;background: #1b4284;}
.list10 li .a img {width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s }
.list10 li .ewm {width: 1.04rem;background: #fff;border-radius: .06rem;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.502rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2) }
.list10 li .ewm:before {content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }
.list10 li .ewm img {width: 100% }
.list10 li:hover .a {color: #fff;}
.list10 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.list10 li:hover .a img {opacity: 1 }
.list10 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0) }

.home5 .content{ position: relative; }
.home5 .content .box{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .5s; opacity: 0;}
.home5 .content .box:nth-child(1){ position: relative;}

.home5 .content .box.on{ opacity: 1; visibility: visible;}

.home5 .tit1{margin-top: 1rem;position: relative;z-index: 2;}
.home5 .tit1 .rr{ align-items: center;}

.list9W{width: 6.2rem;position: relative;padding: 0 .7rem;margin: 0 6vw 0 0;}
.list9 li{text-align: center;position: relative;}
.list9 li:before{ content: ""; position: absolute; left: 0; top: 50%; width: .25rem; height: 2px; background: #00499d; opacity: .5}
.list9 li:after{ content: ""; position: absolute; right: 0; top: 50%; width: .25rem; height: 2px; background: #00499d; opacity: .5}
.list9 .a{font-size: .3rem;color: rgba(28,89,181,.56);font-family: Roboto;display: block;transition: .5s;font-family: "Roboto Light";}

.list9 li.swiper-slide-active:before, .list9 li.swiper-slide-active + li + li:after{ display: none;}
.list9 .swiper-slide-active .a{ font-family: 'Roboto BOld'; color: #00499d; transform: scale(1.25);}

.arrow5{font-size: .24rem;color: #004a9e;font-family: 'lib';cursor: pointer;font-weight: bold;position: absolute;top: 50%;transform: translateY(-50%);width: .4rem;height: .4rem;border: #004a9e 1px solid;border-radius: 50vw;justify-content: center;align-items: center;display: flex; transition: .5s;}
.arrow5.prev{ left: 0;}
.arrow5.next{ right: 0;}

.list11W{ position: relative;}
.list11Box{ width: calc((100vw - 16rem)/2 + 100%); padding: .3rem 0; margin: -.3rem 0;}

.list11 .a{display: block;position: relative;box-shadow: 0px .08rem .2rem 0px rgba(3, 20, 74, 0.45);}
.list11 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);height: 58%;}
.list11 .imgBox .img{ padding-bottom: 135.47%;}
.list11 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: .25rem .5rem;}
.list11 h4{font-size: .3rem;color: #fff !important;position: relative;padding-bottom: .03rem;margin-bottom: .15rem;}
.list11 h4:before{ content: ""; position: absolute; bottom: 0; left: 0; width: .9rem; height: 2px;; background: #ffff}
.list11 p{ font-size: .2rem; color: #fff}

.arrow6{font-size: .36rem;color: #fff;font-family: 'lib';cursor: pointer;font-weight: bold;position: absolute;top: 50%;transform: translateY(-50%);width: .74rem;height: .74rem; background: #00ddd4;border-radius: 50vw;justify-content: center;align-items: center;display: flex; transition: .5s; z-index: 10;}
.arrow6.next{right: -.74rem;}

.list12 li{ flex: 1; overflow: hidden; text-align: center;}
.list12 .ico{ width: 1.21rem; margin: 0 auto;}
.list12 .ico img{width: 100%;transition: .5s;}
.list12 h4{font-size: .2rem;line-height: 1.5;margin: .3rem 0 0;}

.home6W{position: relative;z-index: 1;overflow: hidden;padding: .3rem 0;}
.home6W::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f1f8ff;background-size: cover;z-index: -1;}

.home5-7{background: url(../images/home5-7.png) center top no-repeat;background-size: 100% auto;}
.home7{padding-top: 0 !important;}
.lt13W{padding: 0 4vw;position: relative; margin-bottom: 4vw;}
.lt13 .a{display: block;position: relative;text-align: center;background: url(../images/lt13_b.png) center bottom no-repeat;padding-bottom: .65rem;}
.lt13 .ico{background: url(../images/lt13_i.png) center no-repeat;background-size: cover;width: 1.41rem;height: 1.42rem;align-items: center;justify-content: center;margin: 0 auto; transition: .5s}
.lt13 h3 big{ font-size: .5rem; color: #333333; font-family: "思源宋体 Heavy";}
.lt13 h3 small{ font-size: .2rem; color: #333333; margin: 0 0 0 .04rem}
.lt13 h4{ font-size: .2rem; color: #666666; line-height: 1.5; margin: .15rem 0 0}

.lt14 .a{ display: block; position: relative;}
.lt14 .ico{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: .88rem; transition: .5s}
.lt14 .ico img{ width: 100%}
.lt14Box .dots{ position: absolute; right: 0; bottom: .24rem; left: 0; z-index: 2; justify-content: center; align-items: center;}
.lt14Box .dots span{position: relative;width: .57rem;height: .56rem;opacity: 1;background: none;border-radius: 0; transition: .5s}
.lt14Box .dots span::before{content: "";position: absolute;background: #fff;width: .12rem;height: .12rem;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%); transition: .5s}
.lt14Box .dots span::after{content: "";position: absolute;background: url(../images/lt14_s.svg) center no-repeat;background-size: cover;width: .42rem;height: .02rem;border-radius: 50%;top: 50%;right: .42rem;transform: translate(0, -50%);transition: .5s}

.lt14Box .dots span.active{ background: url(../images/lt14_d.png) center no-repeat;background-size: cover;}
.lt14Box .dots span.active:before{ opacity: 0}
.lt14Box .dots span:first-child::after{ display: none}
.lt14Box .dots span.active{ margin: 0 .3rem}
.lt14Box .dots span.active::after{ right: .64rem;}

.wawa{ position: fixed; top: 50%; left: .1rem; z-index: 10000; width: 1.32rem;}

@media(min-width: 1024px){
    .list3 .a:hover{ transform: translateY(-.3rem)}
    .list3 .a:hover:before{transform: translateY(-.22rem);opacity: 1;}
    .list3 .a:hover p{ color: #00499d}

    .more1:hover span{padding-left: .2rem;}
    .more1:hover span:before{ width: calc(100% + .3rem)}
    .more1:hover svg{fill: #fff;transform: scale(.7) translateX(-.15rem);}

    .list2 li.on{ flex: 1.25;}
    .list2 li.on .a2{ opacity: 0; visibility: hidden;}
    .list2 li.on .a1{ opacity: 1; visibility: visible;}
    .list2 li.on + li .a2:before{ display: none;}

    .list3 .a:hover::after{ background: #fff url(../images/list3.jpg) center no-repeat; background-size: cover;}

    .list4 li.on{padding: 0;}
    .list4 li.on p{height: .52rem;margin: .14rem 0;padding: 0 .2rem;}
    .list4 li.on h4{color: #1c59b5;}
    .list4 li.on .p::before{ opacity: 1; visibility: visible}

    .list5 .a:hover::before{ opacity: 1}
    .list5 .a:hover h3{ font-weight: bold}
    .list5 .a:hover h3, .list5 .a:hover p{ color: #1c59b5;}

    .arrow3:hover{ background: #0e53cc; color: #fff;}

    .more3:hover span{ letter-spacing: 1px;}

    .arrow5:hover{ background: #0e53cc; color: #fff; border: #0e53cc 1px solid;}

    .list12 .a:hover .ico img{ transform: rotateY(360deg)}

    .lt2 .a:hover::before{ transform: translate(.1rem, -.1rem)}

    .lt13 .a:hover .ico{ background: url(../images/lt13_is.png) center no-repeat;background-size: cover;}
    .lt13 .a:hover .ico h3 *{ color: #fff}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 64%;}
}
@media(max-width: 769px){
    .banner_box:before{ height: .3rem;}
    .banner .dots{bottom: .2rem;right: 0;}
    .banner .dots span{width: .3rem;height: .3rem;}
    .banner .dots span:after{ width: .2rem}
    .banner:after{height: 1rem;}

    .tit1 .ll h4{font-size: .32rem;margin: 0 0 0 .1rem;}
    .tit1 .ll h3{font-size: .24rem;padding: .2rem 0 0;line-height: 1.25;}
    .tit1 svg{ width: .16rem; height: .16rem}

    .home1 .left{width: 100%;order: 1;}
    .home1 .right{width: 100%;padding: 0 0 .6rem;}

    .list1Box::before{left: -15px;right: 1.1rem;}
    .arrow1{/* bottom: 0; */width: 1.1rem;}

    .pad1{ padding: .4rem 0;}
    .tit1{ margin-bottom: .3rem;}
    .home1 .tit1{margin-bottom: .15rem;}
    .home1{ padding-bottom: 0}

    .list1Box h4{ height: .6rem;}
    .list1Box .txt{padding: .15rem 0;width: calc(100% - 1.25rem);}
    .list1Box .imgBox{clip-path: polygon(0 0,0 0,calc(100% - .2rem) 0, calc(100% - .2rem) 0,100% 0.2rem, 100% 100%,.2rem 100%,0 calc(100% - 0.2rem));}

    .list1 .time h3{ font-size: .36rem}
    .arrow1 .arrow{ font-size: .3rem;}
    .arrow1 .dots span.swiper-pagination-current{ font-size: .3rem;}
    .arrow1 .dots{ height: .5rem;}
    .arrow1 .bottom{width: .7rem;margin: 0.3rem auto 0;}

    .list2{height: 4rem;}
    .list2 .a2 .txt{padding: .1rem 0 0 .2rem;width: calc(100% - 0.7rem);}
    .list2 .time h3{ line-height: 1;}
    .list1 .time h6{margin: 0;}
    .list2 .time{padding: .1rem 0;width: .7rem;background: none;backdrop-filter: blur(100px);} 
    .list1 .time{width: .8rem;height: .74rem;left: .2rem;}

    .home1 .content{ height: auto;}

    .home2{ padding-top: 0;}

    .list2:before{left: .34rem;width: 1px;}
    .list2 .a2:before{left: .9rem;height: 1px;}

    .miso_tab1 .hd ul li{margin: 0 .05rem 0 0;}
    .miso_tab1 .hd ul li .ll h3{font-size: .2rem;}
    .miso_tab1 .hd ul li:last-child{ margin-right: 0}

    .miso_tab1 .hd{padding-bottom: .2rem;}
    .miso_tab1 .hd .more{margin: .1rem 0 0;/* width: 100%; */display: flex;justify-content: flex-end;}

    .more1 span{ font-size: .14rem}

    .miso_tab1 .hd::after{ width: 1rem; height: .06rem}

    .list3 h4{ min-height: .6rem;}
    .list3 p{ margin: .1rem 0 .15rem;}
    .list3 h6{ font-size: .16rem;}

    .list3Box .dots{ margin: .25rem 0 0;}

    .dots2 span{ width: .2rem; margin: 0 .1rem 0 0 !important;}
    .dots2 span.active{ width: .3rem;}

    .list3Box{padding: .4rem .26rem;margin: -.3rem -.26rem;}
    .list3W:after{ height: .3rem;}

    .list3 .a:before{clip-path: polygon(0 0.1rem, 0.1rem 0, calc(100% - 0.1rem) 0, 100% 0.1rem, 100% calc(100% - 0.1rem), calc(100% - 0.1rem) 100%, 0.1rem 100%, 0 calc(100% - 0.1rem));}
    .list3 .a:after{clip-path: polygon(0 0.1rem, 0.1rem 0, calc(100% - 0.1rem) 0, 100% 0.1rem, 100% calc(100% - 0.1rem), calc(100% - 0.1rem) 100%, 0.1rem 100%, 0 calc(100% - 0.1rem));}

    .list4Box{height: 2.4rem;}
    .home3 .fl1 .left{width: 100%;height: auto;padding: 0 15px;transform: translateY(.6rem);}
    .home3 .fl1 .right{max-width: 100%;margin: 0 auto;width: 100%;height: 74vw;margin: .3rem 0 0;}
    .home3 .fl1::before{height: .3rem;width: 50%;}

    .home3 .fl1 .dots3 img{width: .5rem;top: auto;/* display: none; */bottom: 53vw;left: auto;right: 15px;z-index: 100;}

    .list4 h4{margin: .05rem 0;padding: 0;}
    .list4 .a:before{width: .3rem;height: .3rem;top: .04rem;display: none;}
    .list4 .a{padding: 0;}

    .home3 .fl2 .dots3 img{width: .6rem;left: 10%;}

    .home3 .fl2 .left{height: 1.5rem;width: calc(100% - .8rem - 15px);padding: 0 15px 0 0;}
    .list5W{width: 100%;padding: 0 .3rem;}
    .list5 .a{height: 1.5rem;padding: 0 10px;}
    .list5 h3{ font-size: .3rem;}

    .home3 .fl2 .right{height: 1.5rem;width: .8rem;padding: .1rem 0 0;}
    .home3 .fl2 .right::before{ transform: skewX(-10deg);}

    .arrow3{ width: .26rem; height: .26rem; font-size: .16rem}
    .arrow3.prev{ left: 0}
    .arrow3.next{ right: 0}
    .list5 p{ margin: .05rem 0 0;}
    .home3 .fl2{ margin: 0;}

    .home4{/* padding-top: 0 !important; */}

    .home4 .left{width: 100%;max-width: 44%;margin: 0 auto;}
    .home4 .right{width: 100%;margin: .3rem 0 0;padding: 0;}
    .list7{ margin: 0;}
    .list7 h3{ padding-bottom: .15rem;}
    .list7 h3 big, .list7 h3 small{ font-size: .24rem;}

    .list7 h3::before{ width: .7rem; height: .02rem;}
    .list7 p{ height: auto;}
    .list7 h4{font-size: .18rem;color: #00499d;margin: .25rem 0 .4rem;clip-path: polygon(0 0.16rem, 0.16rem 0, 100% 0, 100% 0, 100% calc(100% - .16rem), calc(100% - .16rem) 100%, 0 100%, 0 100%);background: #dbecff;padding: .18rem .25rem;}

    .more2 .ll{ font-size: .16rem;}
    .more2 .line{ height: 1px;}
    .list8W{padding: 0 .2rem;margin: .4rem 0 0;}
    .arrow4{font-size: .3rem;}
    .arrow4.prev{ left: -10px}
    .arrow4.next{ right: -10px}

    .list8 h4{ font-size: .2rem;}
    .list8 .txt{ height: .8rem;}

    .home5 .left{width: 100%;height: 2.5rem;clip-path: polygon(0 0.2rem, 0.2rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}
    .home5 .left h4{ font-size: .24rem;}
    .home5 .right{ width: 100%;}
    .home5 .right .imgBox{ width: 100%; margin: 0;}
    .home5 .right .imgBox .img{ padding-bottom: 50%;}
    
    .home5 .tit1{margin-top: .5rem;margin-bottom: .5rem;}
    .home5 .tit1 .ll{ width: 100%;}
    .home5 .tit1 .rr{width: 100%;justify-content: space-between;margin: .2rem 0 0;}
    .list9W{max-width: 100%;width: 100%;padding: 0 .4rem;}
    .home5:after{ height: .3rem}

    .arrow5{ width: .3rem; height: .3rem; font-size: .16rem;}

    .list9 .a{ font-size: .18rem;}
    .list9 li:before, .list9 li:after{ width: .1rem;}

    .list10{ display: none}
    .list10 li .a{width: .36rem;height: .36rem;font-size: .2rem;}

    .list12{margin-bottom: -.2rem;justify-content: center;}
    .list12 li{flex: none;width: 33.33%;margin-bottom: .2rem}
    .list12 .ico{ width: .7rem}
    .list12 h4{margin: .15rem 0 0;font-size: .16rem;padding: 0 4px;}

    .home5{padding-top: 0;padding-bottom: .8rem;}

    .list8 .imgBox{clip-path: polygon(0 0.12rem, 0.12rem 0, 100% 0, 100% 0, 100% calc(100% - 0.12rem), calc(100% - 0.12rem) 100%, 0 100%, 0 100%);}
    .list8 .a:after{ clip-path: polygon(0 0.12rem, 0.12rem 0, 100% 0, 100% 0, 100% calc(100% - 0.12rem), calc(100% - 0.12rem) 100%, 0 100%, 0 100%);}
    .list8 .a:before{ clip-path: polygon(0 0.12rem, 0.12rem 0, 100% 0, 100% 0, 100% calc(100% - 0.12rem), calc(100% - 0.12rem) 100%, 0 100%, 0 100%);}
    .list11Box{ width: 100%;}

    .list11 .txt{ padding: 0 .15rem .15rem;}
    .list11 h4{ font-size: .2rem;}
    .list11 p{ font-size: .14rem;}

    .lt2{margin: -.1rem -.15rem -.1rem;}
    .lt2 li{width: 100%;padding: 0.1rem 0.15rem;}
    .lt2 .a:after{box-shadow: 0px 3px 0.24rem 0px rgba(0, 74, 158, .05);}
    .lt2 .time .h5 span{ font-size: .18rem}
    .lt2 .txt{ padding: 0 .25rem}
    .lt2 p{ -webkit-line-clamp: 2;}

    .home3{ padding-top: 0 !important;}

    .lt13 .a{background-size: 100% auto;padding-bottom: 8vw;}
    .lt13 h4{ font-size: .16rem; line-height: .24rem; height: .48rem;}

    .lt13 .ico{width: 1rem;height: 1rem;}
    .lt13 h3 big{ font-size: .36rem; }
    .lt13 h3 small{ font-size: .16rem; }
    .lt13W{ padding: 0 6vw}
    .home5::before{ top: 1.15rem;}
    .home6W{ padding: .1rem 0;}

    .lt2 .a{ padding: .2rem 0}
    .lt2 .line{width: .45rem;height: .03rem;margin: .1rem 0 .15rem;}
    .home3 .fl1{ height: auto}
}   
@media(max-width: 560px){
} 

.piaofu{position: fixed;width: .94rem;right: 0;top: 50%;background-size: 100% 100%;padding: .28rem 0;text-align: center;transform: translateY(-50%);z-index: 10000;transition: .5s;filter: drop-shadow(0px 0.04rem 0.12rem rgba(0, 74, 158, 0.27));}
.piaofu:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient( -90deg, rgb(0,87,230) 0%, rgb(0,93,229) 100%);clip-path: polygon(0 0.18rem, 0.18rem 0, calc(100% - 0.18rem) 0, 100% 0.18rem, 100% calc(100% - 0.18rem), calc(100% - 0.18rem) 100%, 0.18rem 100%, 0 calc(100% - 0.18rem));z-index: -1;}
.piaofu.hide{transform: translate(.94rem, -50%);/* opacity: 0; *//* visibility: hidden; */}
.piaofu ul{ width: .98rem; margin: 0 auto; }
.piaofu ul .a{padding: .1rem 0;}
.piaofu ul .a{ display: inline-block; width: 100%; transition: .5s;}
.piaofu ul .a img{ width: .34rem}
.piaofu ul .a h6{font-size: .15rem;color: #fff;margin: .04rem 0.01rem 0;padding: 0 .06rem;}
.piaofu .kai{position: absolute;right: 100%;top: 50%;margin: -.6rem 0 0;width: .94rem;height: .94rem;opacity: 0;visibility: hidden;transition: .5s;filter: drop-shadow(0px 0.04rem 0.12rem rgba(0, 74, 158, 0.27));z-index: 1;display: flex;justify-content: center;align-items: center;}
.piaofu .kai:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient( -90deg, rgb(0,87,230) 0%, rgb(0,93,229) 100%);clip-path: polygon(0 0.18rem, 0.18rem 0, calc(100% - 0.18rem) 0, 100% 0.18rem, 100% calc(100% - 0.18rem), calc(100% - 0.18rem) 100%, 0.18rem 100%, 0 calc(100% - 0.18rem));z-index: -1;}
.piaofu .kai i{width: .32rem;height: .32rem;background: #fff;cursor: pointer;border-radius: .134rem;margin: 0;font-size: .22rem;color: #2756e4;font-family: 'lib';font-weight: bold;display: flex;align-items: center;justify-content: center;}

.piaofu.hide .kai{ opacity: 1; visibility: visible}

.piaofu .guan{width: .32rem;height: .32rem;background: #fff;cursor: pointer;border-radius: .134rem;margin: .2rem auto 0;font-size: .22rem;color: #2756e4;font-family: 'lib';font-weight: bold;display: flex;align-items: center;justify-content: center;}

@media(min-width: 1024px){
    .piaofu ul .a:hover{background-image: linear-gradient( 90deg, rgb(0,87,230) 0%, rgba(0,242,254,.3) 100%);}
}
@media(max-width: 1024px){
    .piaofu, .wawa{ display: none !important}
} 
@media(max-width: 1600px){
    .piaofu{ transform: translateY(-50%) scale(.7); transform-origin: right;}
}
@media(max-width: 800px){
    
} 
@media(max-width: 560px){
}