@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;transform-style: preserve-3d;perspective: 100vw;overflow: hidden;height: 100vh;}
.banner{ overflow: hidden; }
.banner:before {content: "";display: block;position: absolute;left: 0;bottom: 0;right: 0;height: 2.02rem;background: url("../images/banner_b.png") center bottom repeat-x;background-size: auto 99%;z-index: 2;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1.2); transition: all 3.5s;}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img::before{ display: none;}
.banner .imgBox .img video{ opacity: .9;}
.banner li.swiper-slide-active .imgBox{ transform: scale(1);}

.banner-down{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 7.85vw);z-index: 2;width: 13.90625vw;height: 13.90625vw;cursor: pointer;}
.banner-down img{position: absolute;top: 37.5%;left: 50%;transform: translateX(-50%);animation: mousesroll 6s infinite ease-in-out;width: .1rem;}
@keyframes mousesroll{
    0%{ transform: translate(-50%, 0);}
    25%{ transform: translate(-50%, .04rem);}
    50%{ transform: translate(-50%, 0);}
    70%{ transform: translate(-50%, .04rem);}
    100%{ transform: translate(-50%, 0);}
}
.banner-down svg{ width: 100%; height: 100%}
#circle1{mask: linear-gradient(0deg, transparent, #fff 15%, #fff 100%);-webkit-mask: linear-gradient(0deg, transparent, transparent 60%, #fff 100%);}
.banner-down svg .g1{mask: linear-gradient(90deg, transparent, #fff, #fff, #fff, #fff, #fff, #fff, #fff);-webkit-mask: linear-gradient(90deg, transparent, #fff, #fff, #fff, #fff, #fff, #fff, #fff);}
#LOGO{mask: linear-gradient(-90deg, transparent, #fff, #fff, #fff, #fff, #fff, #fff, #fff);-webkit-mask: linear-gradient(-90deg, transparent, #fff, #fff, #fff, #fff, #fff, #fff, #fff);}

.banner .bottom{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;padding-bottom: .54rem}
.banner .bottom .wp{ align-items: flex-end;}
.banner .bottom .rr{align-items: center;transform: translateY(.1rem);}
.banner .bottom h3{font-size: .3rem;color: #fff;font-weight: bold;width: 35vw;}
.banner .dots span{width: .35rem;height: .44rem;display: flex;align-items: center;justify-content: center;border-radius: 0;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .12rem!important;transition: .5s;position: relative;}
.banner .dots span.active{margin: 0 .22rem 0 .6rem !important;}
.banner .dots span .line>div{ position: absolute; background: #fff}
.banner .dots span .line .line1{width: 0;height: 1px;left: -.7rem;transition: .2s .2s;}
.banner .dots span .line .line2{width: 1px;height: 0; right: 100%; bottom: 50%;}
.banner .dots span .line .line3{width: 0;height: 1px; left: 0; top:0; }
.banner .dots span .line .line4{width: 1px;height: 0; right: 0; top: 0; }
.banner .dots span .line .line5{width: 0;height: 1px;left: calc(100% - 1px);}

.banner .dots span.active .line .line1{width: .7rem; transition: .2s 0s;}
.banner .dots span.active .line .line2{height: .22rem; transition: .2s .2s;}
.banner .dots span.active .line .line3{width: .35rem; transition: .2s .4s;}
.banner .dots span.active .line .line4{height: .22rem; transition: .2s .6s;}
.banner .dots span.active .line .line5{width: .22rem; transition: .2s .8s;}

.more0{margin: -.06rem 0 0 .1rem !important;}

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

.tit1{align-items: flex-end;margin: 0 0 .6rem;}
.tit1 .ll{text-align: center;margin: 0 3.25vw 0 0;display: flex;flex-direction: column;align-items: center;}
.tit1 .rr{flex: 1;overflow: hidden;display: flex;justify-content: flex-end;position: relative;}
.tit1 .rr:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #dfdfdf}
.tit1 .ll .i{width: 1.13rem;position: relative;z-index: 1;height: .24rem;}
.tit1 .ll .i:before{content: "";position: absolute;top: 0;width: 100%;bottom: 0;left: 0;background: url(../images/tit1.svg) left center no-repeat;background-size: 1.13rem .22rem;transition: 1s;}
.tit1 .ll img{width: 100%;opacity: 0;}
.tit1 h3{font-size: .4rem;color: #133984;font-weight: normal;line-height: 1;margin: .06rem 0 0;}

.tit1 .ll .i:before{width: 0;}
.tit1.aos-animate .ll .i:before{width: 1.13rem;transition-delay: .5s;}

.miso_tab .hd{ display: flex; align-items: center}

.miso_tab1 .hd ul li{margin: 0 0 0 2.6vw;position: relative;z-index: 1;}
.miso_tab1 .hd ul li:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: .03rem; background: #133984; transition: .5s}
.miso_tab1 .hd ul li .a{font-size: .2rem;color: #333333;padding: 0 0 .18rem;display: block;transform-origin: bottom;transition: .5s;white-space: nowrap;}

.miso_tab1 .hd ul li.on a{color: #133984}
.miso_tab1 .hd ul li.on:before{ width: 100%}

.wl .a{align-items: center;display: flex !important;}
.wl .a:hover{ color: #133984 !important;}
.wl img{margin: 0 0 0 .18rem;height: .17rem;}

.home1 .box{ width: calc(50% - 2.4vw);}
.home1 .left{width: 50%;padding: 0 .3rem 0 0;position: relative;z-index: 1;}
.home1 .left:before{content: "";position: absolute;right: 0;top: 0;width: 1px;bottom: 0;background: #dfdfdf;}
.home1 .right{width: 50%;padding: 0;position: relative;z-index: 1;align-items: flex-start;}
.home1 .right:before{content: "";position: absolute;bottom: 0;left: .3rem;right: .3rem;background: #dfdfdf;height: 1px}

.list3Box .dots{position: absolute;bottom: 0;right: 0;z-index: 1;display: flex;justify-content: flex-end;padding: 0 .24rem .24rem;align-items: baseline;font-size: .24rem;color: #cfcfcf;}
.list3Box .dots span{font-size: .32rem;font-family: 'BarlowSemiCondensed-Medium';color: #cfcfcf;margin: 0 0 0 .06rem;font-weight: normal;}
.list3Box .dots span.swiper-pagination-current{font-size: .44rem;margin: 0 .12rem 0 0;color: #fff;}

.list3Box .arrow1{position: absolute;bottom: .24rem;left: .24rem;z-index: 2;}
.list3Box .arrow1 .arrow{width: .24rem;height: .24rem;cursor: pointer;}
.list3Box .arrow1 .arrow img{height: 100%;position: relative;}

.list1{margin: -.4rem 0 0;position: relative;z-index: 1;}
.list1::before{content: "";position: absolute;top: 0;bottom: 0;width: 1px;background: #cfcfcf;left: 50%;margin-left: -.5px;}
.list1 li{ border-bottom: #cfcfcf 1px solid;}
.list1 .a{height: 1.3rem;align-items: center;padding: 0 .1rem;position: relative;z-index: 1;}
.list1 .a:after{ content: ""; position: absolute; left: 0; width: 0; height: 1px; bottom: -1px; background: #133984; transition: .5s}
.list1 .time{ width: 1.26rem;}
.list1 .time h3{font-size: .48rem;color: #a8a8a8;font-family: 'BarlowSemiCondensed-Medium';font-weight: normal;line-height: 1.1; transition: .5s;}
.list1 .time h6{font-size: .2rem;color: #a8a8a8;font-family: 'BarlowSemiCondensed';font-weight: normal; transition: .5s;}
.list1 .time h6 i{width: 1px;height: .14rem;background: #ededed;display: inline-block;margin: 0 .08rem;transform: rotate(24deg); transition: .5s;}
.list1 .txt{ flex: 1; overflow: hidden;}
.list1 .txt h4{ min-height: .6rem;}

.tit2{ justify-content: center;}
.tit2 .ll{text-align: center;display: flex;flex-direction: column;align-items: center;}
.tit2 .ll img{ width: 1.13rem}
.tit2 h3{ font-size: .4rem; color: #133984; font-weight: normal;}

.tit2 .ll .i{width: 1.13rem; position: relative; z-index: 1}
.tit2 .ll .i:before{ content: ""; position: absolute; top: 0; width: 100%; bottom: 0; left: 0; background: url(../images/tit1.svg) left center no-repeat;background-size: 1.13rem .22rem; transition: .5s;}
.tit2 .ll img{width: 100%;opacity: 0;}

.tit2 .ll .i:before{width: 0;}
.tit2.aos-animate .ll .i:before{width: 1.13rem;transition: 1.5s;}

.home2{padding: 0 !important;position: relative;z-index: 1;}
.home2 .b1W{transform: translateY(0);}
/* .home2 .b1W{ mask: linear-gradient(0deg, transparent, #fff 15%, #fff 100%);-webkit-mask: linear-gradient(0deg, transparent, transparent 60%, #fff 100%); } */
.home2 .content{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 0 1rem;}
.home2 .wp{flex-direction: column;justify-content: space-between;height: 100%;flex-wrap: nowrap;}

.list3 li{position: relative; z-index: 1}
.list3 li:after{content: "";position: absolute;left: 0;width: 0;height: 2px;bottom: 0;background: #133984;transition: .5s}
.list3 .imgBox .img{padding-bottom: 60.69%;}
.list3 .imgBox .img:after{content:"";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list3_y.png) center 101% no-repeat;background-size: 100% auto}
.list3 .txt{padding: .3rem 0;border-bottom: #dfdfdf 1px solid}
.list3 h4{display:block;font-size: .22rem;line-height: .36rem;max-height: .72rem\0;margin-bottom: .15rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25;}
.list3 p{margin: .08rem 0 .25rem;display: none;}

.list4{padding: 0 0 0 .3rem;}
.list4 li{margin-bottom: .5rem;position: relative}
.list4 li:before{content: "";position: absolute;bottom: -.25rem;left: 0;right: 0;background: #dfdfdf;height: 1px}
.list4 .a{display: block;position: relative;z-index: 1;overflow: hidden;}
.list4 p{ margin: .1rem 0}
.list4 li:last-child{ margin: 0}

.list4 li:last-child:before{ display: none}

.list4s{width: calc(62% - .3rem);margin: 0 0 0 .3rem;}
.list4s li{ border-bottom: #dfdfdf 1px solid; position: relative; z-index: 1}
.list4s li:after{ content: ""; position: absolute; left: 0; width: 0; height: 2px; bottom: -1px; background: #133984; transition: .5s}
.list4s .a{display: block;padding: .29rem 0;position: relative;z-index: 1;}
.list4s .imgBox{ width: 2.3rem; order: 1}
.list4s .imgBox .img{padding-bottom: 65%;}
.list4s .txt{width: calc(100% - 2.3rem - 3.125vw);overflow: hidden;}
.list4s p{margin: 0;height: 0;transition: .5s;}
.list4s li:first-child .a{ padding-top: 0}

.list4s li:last-child{border: none;}
.list4s li:last-child:after{ display: none}

.list2Box{background: rgba(255,255,255,.3);width: 100%;padding: .2rem 0;backdrop-filter: blur(.1rem);background: rgba(47,108,229, .8);}
.list2{ height: auto}
.list2 ul{ padding: 0 .3rem 0 1.2rem;  margin: 0 -.1rem;}
.list2 li{width: 25%;padding: .15rem .1rem;}
.list2 .a{align-items: flex-end;flex-wrap: nowrap;}
.list2 h3{font-size: .8rem;color: #fff;font-family: 'BarlowSemiCondensed-Medium';font-weight: normal;}
.list2 h6{font-size: .15rem;color: rgba(255,255,255,.6);flex: 1;overflow: hidden;max-width: 1.2rem;margin: 0 0 0 .16rem;transform: translateY(-.12rem);}

.swi_kz1{padding: 0 1.1rem;position: relative;z-index: 1;align-items: center;margin: .2rem 0 0;}
.swi_kz1:before{ content: ""; position: absolute; left: 0; width: 1rem; height: 1px; background: rgba(255,255,255,.5);}
.swi_kz1:after{ content: ""; position: absolute; right: 0; width: 1rem; height: 1px; background: rgba(255,255,255,.5);}
.swi_kz1 .line{ flex: 1; overflow: hidden; height: 1px; background: rgba(255,255,255,.5);}
.dots1{ display: flex; align-items: center;}
.dots1 span{width: .2rem;height: .2rem;background: none;opacity: 1;position: relative; margin: 0 .05rem}
.dots1 span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: #fff 1px solid; transition: .5s; transform: scale(0)}
.dots1 span:after{ content: ""; position: absolute; width: .06rem; height: .06rem; background: #fff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.jianzhu1{margin: -.24rem .38rem 0;position: relative;width: .26rem;height: .26rem;}
.jianzhu1 span{position: absolute;right: 0;bottom: 0;left: 0}
.jianzhu1 span:nth-child(1){height: .08rem}
.jianzhu1 span:nth-child(2){height: .16rem}
.jianzhu1 span:nth-child(3){height: .30rem}
.jianzhu1 span:before{ content: ""; position: absolute; left: 0; width: 1px; height: 0}
.jianzhu1 span:after{ content: ""; position: absolute; right: 0; width: 1px; height: 0}

.jianzhu1 span:nth-child(1):before{height: 100%;background: rgba(255,255,255,.5);}
.jianzhu1 span:nth-child(1):after{height: 100%;background: rgba(255,255,255,.5);}

.jianzhu1 span:nth-child(2):before{height: 100%;background: rgba(255,255,255,.5); left: .06rem}
.jianzhu1 span:nth-child(2):after{height: 100%;background: rgba(255,255,255,.5); right: .06rem}

.jianzhu1 span:nth-child(3):before{height: 100%;background: rgba(255,255,255,1); left: 50%; margin: 0 0 0 -.5px}

.dots1 span.active:before{ transform: scale(1)}
.total1{align-items: center;margin: 0 .1rem;}
.total1 *{ font-size: .18rem;color: #fff;font-family: 'BarlowSemiCondensed-Medium';}
.total1 i{width: 2px;height: .13rem;background: #fff;transform: rotate(20deg);margin: 0 .04rem;}
.arrow1 svg{ width: .24rem; height: .24rem;}
.arrow1 .arrow{align-items: center;display: flex;cursor: pointer;}
.arrow1 .arrow.next, .arrow1 .arrow.next1{ margin: 0 0 0 .15rem}


.home3s .wp{ position: relative}
.home3s .wp::before{content: "";position: absolute;top: .7rem;bottom: 0;width: 1px;background: #e4e4e4;left: 50%;margin-left: -.5px;}
.home3s .left{width: calc(50% - 2.4vw);}
.home3s .right{width: calc(50% - 2.4vw);}
.home3s .more .a{font-size: .2rem;color: #333333;align-items: center;padding: 0 0 0.18rem;margin: 0 0 0 2.6vw;transition: .5s;}
.home3s .more img{margin: 0 0 0 .18rem;height: .17rem;}

.home3s .tit1 .ll .i:before{width: 0;}
.home3s .aos-animate .tit1 .ll .i:before{width: 1.13rem;transition: 1.5s;}

.home3{}
.miso_tab .more .a{font-size: .2rem;color: #333333;align-items: center;padding: 0 0 0.18rem;margin: 0 0 0 2.6vw;transition: .5s;}
.miso_tab .more img{margin: 0 0 0 .18rem;height: .17rem;}
.home3 .left{ width: 7.78rem;}
.home3 .right{width: calc(100% - 7.78rem - 4vw);}

.list5Box{ overflow: visible}
.list5 .imgBox .img{padding-bottom: 70.69%;}
.list5 .txt{background: #133984;height: 1.14rem;width: calc(100% - 5.2vw);margin: -.98rem 0 0;position: relative;align-items: center;padding: 0 .35rem;left: -.3rem;}
.list5 .txt h4{ flex: 1; font-size: .22rem; color: #fff}
.arrow1{ flex-wrap: nowrap}
.list5Box .dots{ display: flex;justify-content: flex-end;padding: 0 .24rem .1rem;align-items: baseline;font-size: .24rem;color: #cfcfcf;}
.list5Box .dots span{font-size: .34rem;font-family: 'BarlowSemiCondensed-Medium';color: rgba(207,207,207,.4);margin: 0 0 0 .06rem;font-weight: normal;}
.list5Box .dots span.swiper-pagination-current{font-size: .47rem;margin: 0 .12rem 0 0;color: #fff;}
.swi_kz2{margin: 0 0 0 .3rem;flex-wrap: nowrap;}


.home4{padding-top: 0 !important;position: relative;z-index: 1;padding-bottom: 2.5rem;}
.more2 .a{background: url(../images/more2.png) center no-repeat;width: 1.52rem;height: .47rem;align-items: center;justify-content: center;font-size: .18rem;color: #133984;position: relative;z-index: 1;background-size: 100% 100%;}
.more2 .a::before{content: "";position: absolute;width: .12rem;height: .03rem;background: #0078b4;top: -.01rem;right: .28rem; transition: .5s}
.more2 .a::after{content: "";position: absolute;width: .12rem;height: .03rem;background: #0078b4;bottom: -.01rem;left: .28rem; transition: .5s}
.more2 .a img{ height: .12rem; margin: 0 0 0 .1rem}

.list6 li{ border-bottom: #e4e4e4 1px solid}
.list6 .a{padding: .28rem 0; transition: .5s}
.list6 .time{ align-items: baseline; width: .98rem}
.list6 .time h3{font-size: .36rem;color: #a5a1a1;font-family: 'BarlowSemiCondensed-Medium';font-weight: normal;transition: .5s;}
.list6 .time h6{font-size: .2rem;color: #a5a1a1;font-family: 'BarlowSemiCondensed-Medium';transition: .5s;}
.list6 .time i{width: 1px;height: .13rem;background: #a5a1a1;transform: rotate(20deg);margin: 0 .1rem;opacity: .5;transition: .5s;}
.list6 .txt{flex: 1;overflow: hidden;display: flex;align-items: center;flex-direction: column;}
.list6 h4{ margin: .1rem 0}
.list6 p{ height: 0; overflow: hidden; transition: .5s}

.list6 li:first-child .a{padding-top: 0;padding-bottom: .15rem;}

.list7{align-items: flex-start;overflow: hidden;}
.list7 li{width: 1.7rem;transition: all 0.3s ease-out 0s;padding: 0;}
.list7 .a{height: 100%;flex-wrap: nowrap;position: relative;z-index: 1;display: block;overflow: hidden;background: #133984;padding-left: 1.5rem;}
.list7 .txt{position: absolute;top: 0;left: 1.5rem;bottom: 0;right: 0;z-index: 1;align-items: flex-end;padding: 0 .6rem .5rem;transition: all .5s;opacity: 0;visibility: hidden;background: url(../images/list7_y.png) center 101% no-repeat;background-size: 100% auto;}
.list7 .tit{/*! height: 100%; */display: flex;justify-content: center;padding: .38rem .1rem;align-items: center;position: absolute;top: 0;bottom: 0;left: 0;z-index: 1;transition: all .5s;flex-direction: column;width: 1.5rem;}
.list7 .tit .a1{ -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl;font-size: .14rem;color: rgba(255, 255, 255, 0.7);}
.list7 .tit .a1 img{ margin: .1rem 0 0}
.list7 .tit h4{ -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl;  font-size: .24rem; color: #fff;  line-height: .36rem; display: block;letter-spacing: .02rem; font-weight: normal; margin-bottom: .2rem}

.list7 .tit .more3{position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);transition: .5s;}
.more3{width: .3rem;height: .3rem;background: #fff url(../images/more3.svg) center no-repeat;background-size: .16rem .16rem;border-radius: 50%;}
.list7 .imgBox{width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: all .5s;}
.list7 .imgBox .img{padding-bottom: 62%;padding-bottom: 5.58rem;}
.list7 .con{ width: 6.86rem; max-width: 100%}
.list7 .txt h4{font-size: .3rem;color: #fff;line-height: 1.5;}
.list7 .txt p{ font-size: .18rem; color: #fff; line-height: .26rem;}
.list7 .txt .line{height: .12rem;position: relative;z-index: 1;display: flex;justify-content: flex-end;margin-bottom: .3rem;}
.list7 .txt .line:before{content:"";position: absolute;left: 0;right: .84rem;height: 1px;background: rgba(255,255,255,.5);bottom: 0;}
.list7 .txt .line img{ height: .12rem;}

.list7 li:nth-child(1) .a{ background: #09266a}
.list7 li:nth-child(2) .a{ background: #133984}
.list7 li:nth-child(3) .a{ background: #0068b7}
.list7 li:nth-child(4) .a{ background: #43c4ba}

canvas{width: 80vw;height: 80vw;position:absolute;right: -40vw;top: .5rem;border-radius: 50vw;border: rgba(234,242,251,.3) .03rem solid;}

.home5{position: relative;z-index: 1;margin: -1rem 0 0;}
.home5 .b1{position: absolute;top: .16rem;right: 0;left: 0;}
.home5 .b2{position: absolute;top: 0;right: 0;left: 0;}
.home5 .tit1{justify-content: center;margin-bottom: .4rem;}
.home5 .tit1 .ll{ margin: 0 auto;}
.home5 .tit1 h3{ color: #fff;}

.list8{ margin: 0 -.04rem;}
.list8 li{width: 27.3%;padding: 0 .04rem;margin-bottom: .08rem;}
.list8 .a{display: block;position: relative;z-index: 1;overflow: hidden;}
.list8 .txt{position: absolute;right: 0;bottom: 0;left: 0;align-items: center;padding: .2rem;transition: .5s;}
.list8 .txt .ico{width: .56rem;height: .56rem;border-radius: 50vw;display: flex;align-items: center;justify-content: center;margin: 0 .18rem 0 0; position: relative; z-index: 1}
.list8 .txt .ico:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(255,255,255,.5) 2px solid; border-radius: 50%}
.list8 h4{flex: 1;overflow: hidden;color: #fff !important;}
.list8 h4 img{ max-width: 50%}

.list8 li:nth-child(1) .imgBox .img::after, .list8 li:nth-child(2) .imgBox .img::after,
.list8 li:nth-child(5) .imgBox .img::after, .list8 li:nth-child(6) .imgBox .img::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list8_y.png) center 101% repeat-x;background-size: auto 2.75rem;}

.list8 li:nth-child(1) .imgBox .img{ padding-bottom: 94.77%;}

.list8 li:nth-child(2){width: 45.4%;}
.list8 li:nth-child(2) .imgBox .img{padding-bottom: 56.5%;}

.list8 li:nth-child(3) .imgBox .img, .list8 li:nth-child(4) .imgBox .img{ padding-bottom: 94.77%;}

.list8 li:nth-child(5) .imgBox .img{ padding-bottom: 94.77%;}

.list8 li:nth-child(6){width: 45.4%;}
.list8 li:nth-child(6) .imgBox .img{ padding-bottom: 56.5%;}

.list8 li:nth-child(3) .txt, .list8 li:nth-child(4) .txt{top: 0;flex-direction: column;justify-content: center;}
.list8 li:nth-child(3) .ico1 img, .list8 li:nth-child(4) .ico1 img{ width: .75rem}
.list8 li:nth-child(3) h4, .list8 li:nth-child(4) h4{flex: none;text-align: center;margin: .2rem 0 0;font-size: .3rem;font-weight: normal;}

.list8 .hot_info{position: absolute;flex-direction: column;justify-content: space-between;padding: .5rem .4rem;background: rgba(19,57,132,.9);transition: .5s;width: 100%;height: 100%;}
.list8 .hot_info .line{height: 1px;background: rgba(255,255,255,.3);position: relative;}
.list8 .hot_info .line:after{content: "";position: absolute;bottom: 0;left: 0;width: 1.26rem;height: 2px;background: #fff;}
.list8 .hot_info h4{color: #fff !important;margin: .18rem 0 0;}

.list8 li:nth-child(1) .a:hover .txt, .list8 li:nth-child(2) .a:hover .txt, .list8 li:nth-child(5) .a:hover .txt, .list8 li:nth-child(6) .a:hover .txt{ opacity: 0; visibility: hidden}

.list9{position: relative;z-index: 10;margin: .4rem 0 0;justify-content: center;}
.list9 li{margin: 0 .15rem;position: relative;z-index: 1;cursor: pointer;}
.list9 li .a{display: flex;font-size: .3rem;color: #09266a;transition: all .5s;font-family: swiper-icons;position: relative;z-index: 1;border: #e6e9f0 2px solid;width: .56rem;height: .56rem;border-radius: 50vw;align-items: center;justify-content: center;}
.list9 li .a:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: .8rem;height: .8rem;background: #09266a;border-radius: 50%;z-index: -1;transition: all .5s}
.list9 li .a img{width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s; }
.list9 li .a svg{ fill: #09266a; width: .28rem; height: 28rem; transition: all 0.5s; }
.list9 li .ewm{width: 1.4rem;background: #fff;border-radius: .06rem;position: absolute;padding: .05rem;bottom: 200%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);}
.list9 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);bottom: -.06rem;left: 50%;margin-left: -.06rem;}
.list9 li .ewm img{ width: 100%}
.list9 li:nth-child(9) .a svg{  width: .48rem; height: .48rem}

.list9 li:hover .a{ color: #fff}
.list9 li:hover .a:after{ transform: translate(-50%, -50%) scale(1);}
.list9 li:hover .a img{ opacity: 1}
.list9 li:hover .a svg{ fill: #fff;}
.list9 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}

.home6{padding-top: 0 !important;padding-bottom: .2rem !important;}
.home6 .left{ width: 55.25%;}
.home6 .right{ width: calc(100% - 55.25%);}

.list10 .a{ display: block; position: relative; z-index: 1;}
.list10 .imgBox .img{padding-bottom: 81%;}
.list10 .txt{background: rgba(19,57,132,.8);height: 2.2rem;width: calc(100% - 5.2vw);margin: -2.5rem 0 0;position: relative;align-items: center;padding: 0 .35rem;left: -.3rem;backdrop-filter: blur(0);transition: .5s;}
.list10 .txt .con{ width: 100%}
.list10 .txt .line{height: .12rem;position: relative;z-index: 1;display: flex;justify-content: flex-end;margin-bottom: .3rem;margin-top: .1rem;}
.list10 .txt .line:before{content:"";position: absolute;left: 0;right: .84rem;height: 1px;background: rgba(255,255,255,.5);bottom: 0;}
.list10 .txt .line:after{content:"";position: absolute;width: .65rem;left: 0;height: 3px;background: #2fbaff;bottom: -1px;}
.list10 .txt .line img{height: .12rem;transition: .5s;opacity: .5;}
.list10 h4{color: #fff !important;font-size: .3rem;font-weight: normal;}
.list10 p{ color: rgba(255,255,255,.75)}

.list11 li{ width: 50%;}
.list11 .a{display: block;position: relative;z-index: 1;overflow: hidden;}
.list11 .imgBox .img{padding-bottom: 100%;}
.list11 .txt{position: absolute;/* top: 0; *//* right: 0; *//* bottom: 0; *//* left: 0; */flex-direction: column;justify-content: space-between;padding: .5rem .4rem;background: rgba(19,57,132,.9);/* transform: translateY(101%); */transition: .5s;width: 100%;height: 100%;}
.list11 .txt .line{height: 1px;background: rgba(255,255,255,.3);position: relative;}
.list11 .txt .line:after{content: "";position: absolute;bottom: 0;left: 0;width: 1.26rem;height: 2px;background: #fff;}
.list11 h4{color: #fff !important;margin: .18rem 0 0;}
.more3w{ align-items: center; font-size: .18rem; color: #fff}
.more3w .more3{ margin: 0 .15rem 0 0; }

.home7{}
.home7 .tit1.ar_web{flex-direction: column;position: relative;z-index: 1;padding: .4rem 0;}
.home7 .tit1.ar_web .b1{position: absolute;top: -1.5rem;left: .3rem;width: 5.65rem;max-width: 29vw;z-index: -1;pointer-events: none;}
.home7 .tit1.ar_web .b1 img{ width: 100%;}
.home7 .tit1.ar_web .ll{ margin: 0;}
.home7 .tit1.ar_web .line{width: 1px;height: 2.7rem;background: #f5be7d;margin: .15rem 0;}
.home7 .tit1.ar_web h3{writing-mode: tb-rl; height: 1.75rem;}

.more4 .a{flex-direction: column;align-items: center;}
.more4 .a span{writing-mode: tb-rl;font-size: .18rem;color: #133984; font-weight: 600;}
.more4 .a i{width: .43rem;height: .43rem;display: flex;align-items: center;justify-content: center;margin: .22rem 0 0; position: relative; z-index: 1; }
.more4 .a i::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #133984 1px dashed;border-radius: 50%; animation: roted 10s infinite linear;}

.wz_svg .cls-1{ fill: rgba(19,57,132,.2);fill-rule: evenodd; }

.wz_svg{position: absolute;width: 2.94rem;left: .9rem;top: 2.5rem;max-width: 16vw;}
.wz_svg svg{ width: 100%}
.wz_svg svg path:nth-child(2n) {
    animation: animateShow 5s ease-in-out infinite;
    opacity: 1
}
.wz_svg svg path:nth-child(odd) {
    animation: animateShow2 5s ease-in-out infinite;
    opacity: .3
}
@keyframes animateShow {
    25% {
        opacity: .3
    }

    75% {
        opacity: .3
    }

    50%,to {
        opacity: 1
    }
}

@keyframes animateShow2 {
    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    50%,to {
        opacity: .3
    }
}

.home7 .right{width: 11.04rem;max-width: 90%;position: relative;z-index: 1;}

.list12{margin: 0 -.15rem;width: calc((100vw - 15.6rem)/2 + 100% + .3rem);}
.list12 li{ width: 25%; padding: 0 .15rem;}
.list12 .a{ display: block; position: relative; z-index: 1}
.list12 h4{position: absolute;top: 0;left: 0;padding: .48rem 0 0 .3rem;width: auto;writing-mode: tb-rl;font-size: .36rem;font-weight: normal;color: #fff !important;line-height: 1.35;letter-spacing: .03rem;}
.list12 .imgBox .img{padding-bottom: 221.78%;}

.list12 li:nth-child(2n-1){ transform: translateY(.5rem);}

.home8{ padding-top: 0 !important; position: relative; z-index: 1;}
.home8 .wp.flex{ align-items: flex-start}
.home8 .left{width: 4.54rem;margin: .55rem 0 0;position: relative;z-index: 1;padding: .6rem 2.1vw .6rem 3.90625vw;}
.home8 .left::before{content: "";position: absolute;top: 0;right: -2.5rem;bottom: 0;left: 0;background: #f0f3f7;z-index: -1;}
.home8 .right{ width: calc(100% - 4.54rem); position: relative; z-index: 2;}

.list13 li{ border-bottom: #c4cee0 1px solid;}
.list13 .a{height: .9rem;align-items: center;position: relative;z-index: 1;}
.list13 .a .ico img{width: .5rem;height: .5rem;transition: .5s;}
.list13 .a:after{ content: ""; position: absolute; left: 0; height: 1px; background: #133984; bottom: -1px; transition: .5s; width: 0}
.list13 h4{flex: 1;margin: 0 2vw;}
.list13 li:last-child{ border: none}
.list13 .a i img{ width: .31rem; }

.list14 .imgBox .img{ padding-bottom: 52.57%;}
.list14Box .dots{position: relative;bottom: 0;right: 0;z-index: 1;display: flex;justify-content: flex-end;padding: .05rem 0 0;align-items: baseline;font-size: .24rem;color: #cfcfcf;}
.list14Box .dots span{font-size: .34rem;font-family: 'BarlowSemiCondensed-Medium';color: #cfcfcf;margin: 0 0 0 .06rem;font-weight: normal;}
.list14Box .dots span.swiper-pagination-current{font-size: .47rem;margin: 0 .12rem 0 0;color: #133984;}

.home9{background: url(../images/home9_b.jpg) center bottom no-repeat;background-size: 100% auto;padding-top: 1.9rem;margin-top: -1.4rem;}
.home9 h3{font-size: .3rem;color: #123883;margin-bottom: .4rem;font-weight: normal;}

.list15{width: 14.6rem;margin-bottom: -.36rem;max-width: 100%;}
.list15 li{min-width: 12%;margin-bottom: .36rem;}
.list15 .a{font-size: .2rem;color: #4c4c4c;display: inline-block;line-height: .4rem;border-bottom: rgba(160,160,160,.4) 1px solid; position: relative; z-index: 1;}
.list15 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; transition: .5s; background: #123883;}

.g-right{overflow:hidden;position:fixed;top: 50%;right:0;z-index:10000;transform: translateY(-50%);}
.g-right .con{display:block;overflow:hidden;position:relative}
.g-right .con:after{content:"";position:absolute;bottom:0;left:0;right:25px;height:1px;background-color:rgba(255,255,25,.1);display: none;}
.g-right .con .icon{display:block;width:48px;height:48px;line-height:48px;font-size:0;text-align:center;margin-right:25px;float:left}
.g-right .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.g-right .con .icon .imgl2{display:none}
.g-right .con .tit{overflow:hidden;height:48px;line-height:48px;font-size:14px;color:#fff;width:0;font-weight:700;text-align:center;background-color: #133984;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.g-right.open .tit{width:110px}
.g-right.open .con .icon{margin-right:10px}
.g-right .con:hover .tit{color: #fff;}
.g-right .con:hover .icon .imgl2{display:inline-block}
.g-right .con:hover .icon .imgl1{display:none}
.g-right li:last-child .con:after{display:none}

@media(min-width: 1024px){
    .list1 .a:hover .time h3, .list1 .a:hover .time h6{ color: #133984}
    .list1 .a:hover .time h6 i{ background: #91a3c6;}

    .list1 .a:hover:after{ width: 100%} 

    .more2 .a:hover::before{ transform: translateX(-.8rem)}
    .more2 .a:hover::after{ transform: translateX(.8rem)}

    .list3 li:hover:after{ width: 100%}
    .list4 li:hover:after{ width: 100%}

    .list4s li.on .a p{ height: .6rem; margin: .12rem 0 0}
    .list4s li.on:after{ width: 100%}

    .list6 .a:hover .time h3, .list6 .a:hover .time h6{ color: #133984}
    .list6 .a:hover .time h6 i{ background: #91a3c6;}

    .list7 li.on{width: calc(100% - 1.7rem*3);}
    .list7 li.on .txt{ opacity: 1; visibility: visible}
    .list7 li.on .imgBox{ opacity: 1; visibility: visible}
    .list7 li.on .tit{/* opacity: 0; *//* visibility: hidden; */}
    .list7 li.on .tit .more3{transform: translateX(-50%) rotate(90deg);}

    .list7 .txt h4{/* display: none; */}

    .list11 .a:hover .txt{ transform: translateY(0); opacity: 1}

    .list13 .a:hover:after{ width: 100%}

    .list15 .a:hover{ color: #123883;}
    .list15 .a:hover::after{ width: 100%;}

    .miso_tab .more .a:hover{ color: #123883;}
    .home3s .more .a:hover{ color: #123883;}

    .list10 .a:hover .txt .line img{ transform: translateX(.1rem); opacity: 1}
    .list10 .a:hover .txt{ backdrop-filter: blur(.1rem);}

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

    .list6 li.on p{height: .6rem;}

    
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 54%;}
    .banner .bottom{padding-bottom: .3rem;}
    .banner .bottom h3{width: 100%;font-size: .18rem;margin-bottom: .12rem;text-align: center;}
    .banner .bottom .rr{width: 100%;justify-content: center;}
    .banner .dots span{ margin: 0 .03rem !important;}
    .banner .dots span.active{margin: 0 .22rem 0 .4rem !important;}
    .banner .dots span.active .line .line1{ width: .4rem;}
    .banner .dots span .line .line1{ left: -.4rem;}

    .banner_box{height: auto;}

    .tit1 .ll{width: 100%;margin: 0 auto .2rem;}
    .tit1 .rr{width: 100%;flex: auto;justify-content: center;margin: .2rem 0 0;}

    .list2 h3{ font-size: .5rem;}
    .list2 ul{ padding: 0 .3rem;}

    .home3 .left{ width: 100%;}
    .home3 .right{width: 100%;padding: .3rem 0 0;}

    .more2{position: absolute;right: 0;top: 62%;transform: translateY(-50%);}
    .list7 li{width: 25%;}
    .list7 .tit{ width: 100%}

    .tit2{ width: 100%;}
    .list2Box{ margin: .3rem 0 0;}
    .home2 .wp{ flex-wrap: wrap; flex-direction: row;}

    .home2 .content{position: relative;margin: -46vw 0 0;padding: 0;}
    .home2 .b1 img{transform: scale(3);transform-origin: top}
    .swi_kz1{ padding: 0 15px;}
    .swi_kz1:before, .swi_kz1:after{ width: 15px;}

    .tit1, .home5 .tit1{margin: 0 0 .3rem;position: relative;}

    .home4 .tit1 .ll, .tit1 .ll{ margin-bottom: 0;}

    .home5{margin: .1rem 0 0;}

    .list12{width: 100%;transform: translateX(15px);}

    #particles{width: 120vw;height: 120vw;display: none;}

    .home8 .left{width: 100%;margin: 0;padding: .3rem;order: 1;}
    .home8 .right{ width: 100%;}
    .home9{margin: 0;padding-top: 0 !important;}
    .home8 .left::before{ right: 0;}

    .list14Box .dots{ display: none}

    .list15 li{min-width: 25%;}

    .home1 .left{width: 100%;padding: 0;}
    .home1 .left:before{ display: none}
    .home1 .right{width: 100%;padding: .4rem 0 0;}

    .list4{ padding-left: 0}
    .list4s{margin-right: 0;width: calc(50% - .3rem);}

    .list4 .txt{position: relative;transform: translate(0px, 0px);transition: 0s;}
    .list4 h4{margin: 0 0 .1rem;}
    .list4 .txt .line{ display: none}
    .g-right{ display: none}
}
@media(max-width: 800px){
    .pad1{ padding: .4rem 0;}

    .home1 .left{width: 100%;padding: 0;}
    .home1 .left:before{ display: none}
    .home1 .right{width: 100%;padding: .2rem 0 0;}
    .home1 .right:before{ display: none}

    .list2 li{width: 100%;padding: .1rem;min-width: 50%;}
    .list2 h3{font-size: .24rem;}
    .list2 h6{transform: translateY(0);max-width: 100%;font-size: .14rem;margin: 0 0 0 0.12rem;}

    .list7 .imgBox .img{padding-bottom: 3.2rem;}
    .list7 .tit h4{font-size: .2rem;margin-bottom: .4rem;}
    .list7 .tit{padding: 0 .1rem;width: 100%;}
    .list7 .tit .more3{bottom: .15rem;transform: translateX(-50%) scale(.75);}

    .tit1 h3, .tit2 h3{ font-size: .28rem}
    .tit1 .ll img, .tit2 .ll img{width: .7rem;opacity: 1;}

    .more2 .a{width: 1rem;height: .32rem;font-size: .14rem;}
    .more2 .a img{width: .16rem;margin: 0 0 0 .05rem;}

    .list6 .a{ padding: .08rem 0}

    .miso_tab1 .hd ul li .a{ font-size: .16rem;}

    .list3Box .dots{ font-size: .16rem;}
    .list3Box .dots span{font-size: .16rem;}
    .list3Box .dots span.swiper-pagination-current{font-size: .3rem;}

    .home2{ padding-bottom: .4rem !important}

    .list2Box{ margin: .25rem 0 0;}
    .miso_tab .more .a{ font-size: .16rem}
    .home3s .more .a{ font-size: .16rem}

    .list5 .txt{padding: 0 .2rem;left: 0;height: .7rem;margin: -.5rem 0 0;width: 100%;}

    .list5Box .dots{ font-size: .16rem;}
    .list5Box .dots span{font-size: .16rem;}
    .list5Box .dots span.swiper-pagination-current{font-size: .3rem;}

    .list8 li{width: 50% !important;}
    .list8 li .imgBox .img{padding-bottom: 75% !important;}

    .list8 .txt .ico{width: .3rem;height: .3rem;margin: 0 .12rem 0 0;}
    .list8 .txt .ico:before{border: rgba(255,255,255,.5) 1px solid;}

    .list8 li:nth-child(3) .ico1 img, .list8 li:nth-child(4) .ico1 img{ width: .4rem; height: .4rem}

    .list8 li:nth-child(3) h4, .list8 li:nth-child(4) h4{ margin: .1rem 0 0}
    .list8 li:nth-child(1) .imgBox .img::after, .list8 li:nth-child(2) .imgBox .img::after, .list8 li:nth-child(5) .imgBox .img::after, .list8 li:nth-child(6) .imgBox .img::after{background-size: auto 50% !important;}
    .list8 .txt{ padding: .1rem .15rem}

    .list9{ margin: .2rem 0 0}
    .list9 li{padding: .1rem 0;margin: 0 .14rem;}
    .list9 li .a{width: .4rem;height: .4rem;font-size: .2rem;}
    .list9 li:nth-child(4) .a{font-size: .13rem !important;}

    .home6 .left{ width: 100%;}
    .home6 .right{width: 100%;margin: .3rem 0 0;}
    .list10 .txt{left: 0;right: 0;margin: -.6rem 0 0;height: 2rem;padding: 0 .25rem;width: 100%;backdrop-filter: blur(10px);}

    .home7 .tit1.ar_web{ display: none;}
    .home7 .tit1 .ll{ margin-bottom: 0}
    .home7 .tit1.ar_wap{display: flex;width: 100%;}
    .home7 .right{ width: 100%; max-width: 100%}

    .home7{padding-bottom: .4rem;}

    .list11{ flex-flow: nowrap; overflow: hidden}
    .list11 li{ width: 33.33%; min-width: 33.33%}

    .list12{margin: 0 -.05rem;transform: translateX(0);width: auto;overflow-x: scroll;/* flex-wrap: nowrap; */font-size: 0;white-space: nowrap;display: block;padding-bottom: .5rem;}
    .list12 li{width: 33.33%;padding: 0 .05rem;display: inline-block;}
    .list12 h4{ padding: .2rem .1rem;}
    .list12 li:last-child{/* display: none; */}

    .list15{ margin-bottom: .1rem;}
    .list15 li{width: 33.33%;margin-bottom: .1rem;text-align: center;}

    .list15 .a{font-size: .16rem;}

    .home9 h3{font-size: .28rem;margin-bottom: .2rem;text-align: center;}

    .list13 .a .ico img{ width: .32rem; height: .32rem}
    .list13 .a{ height: .6rem}
    .list13 h4{ margin: 0 .2rem;}

    .list13 .a i img{ width: .24rem}
    .list16 li:before{ display: none;}

    .list10 .txt .line{ height: .08rem;}
    .list10 .txt .line img{ height: .08rem;}
    .list10 .txt .line:before{ right: .5rem;}

    .home5 .b1, .home5 .b2{ transform-origin: top; transform: scale(1.5);}

    .list6 .time h3{font-size: .28rem;}
    .list6 .time h6{ font-size: .16rem; }
    .list6 .time{ width: .8rem;}
    .list6 .time i{ margin: 0 .06rem;}

    .list4{width: 100%;border: aquamarine;padding-right: 0;}
    .list4s{width: 100%;margin: .25rem 0 0;}

    .list4s .a{ padding: .15rem 0}

    .home3s{ padding-top: 0}
    .home3s .left{ width: 100%}
    .home3s .right{ width: 100%; margin-top: .4rem}

    .list9 li .a svg{ width: .2rem; height: .2rem}
} 
@media(max-width: 560px){
    .list4 li{margin-bottom: .3rem;}
    .list4 li:before{bottom: -.15rem;}
    .list4 .txt{width: 100%;}
    .list4 p{margin: .1rem 0 .2rem;display: none;}
    .list4 h6{margin: .1rem 0 0;}
    
    .list3 p{margin: .1rem 0 .15rem;}
    .h6s1{ font-size: .14rem;}
    .list7 .a {padding:0;}
} 

.home20{ padding-top: 0 !important;}
.home20 .tit2{ margin-bottom: .5rem;}

.list100Box{ overflow: visible}
.list100 .imgBox{ width: 9.25rem;}
.list100 .imgBox .img{ padding-bottom: 57.29%}
.list100 .txt{width: calc(100% - 9.25rem);background: #133984;display: flex;flex-direction: column;justify-content: center;padding: 0 .6rem 0 .9rem;position: relative;}
.list100 .txt:before{content: "";position: absolute;top: .7rem;bottom: .7rem;left: .6rem;width: 1px;background: #b9f4ff;opacity: .5;}
.list100 .txt:after{content: "";position: absolute;top: .7rem; height: .7rem;left: .6rem;width: 2px;background: #b9f4ff;opacity: 1;}
.list100 h4{ font-size: .3rem; color: #fff !important; line-height: .45rem; max-height: calc(.45rem * 2)}
.list100 p{font-size: .18rem;color: rgba(255,255,255,.6) !important;line-height: .27rem;max-height: calc(.27rem * 6);margin: .18rem 0 .8rem;}
.list100 .more{font-size: .2rem;color:#ffffff;align-items: baseline;}
.list100 .more .a{ align-items: center}
.list100 .more img{margin: 0 0 0 .1rem;width: .32rem;transition: .5s;}
.list100 .dots{ width: auto;}
.list100 .dots span{font-size: .32rem;font-family: 'BarlowSemiCondensed-Medium';color: #cfcfcf;margin: 0 0 0 .06rem;font-weight: normal;}
.list100 .dots span.swiper-pagination-current{font-size: .44rem;margin: 0 .12rem 0 0;color: #b9f4ff;}

.arrow4{position: absolute;top: 50%;right: -.35rem;width: .7rem;height: .7rem;background: #15c0ff;z-index: 2;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: swiper-icons;font-size: .22rem;color: #fff;cursor: pointer;transition: .5s;transform: translateY(-50%);}
.arrow4:hover{ background: #0078b4;}
.list100 .a:hover .more img{ transform: translateX(.1rem)}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list100 .imgBox{ width: 100%;}
    .list100 .txt{ width: 100%; padding: .4rem .25rem; order: 1;}
    .list100 p{font-size: .16rem;margin: .18rem 0 .3rem;}

    .arrow4{ display: none}
    .list100 .txt:before, .list100 .txt:after{ display: none}
}
@media(max-width: 800px){
    .list100Box .dots{ font-size: .16rem;}
    .list100Box .dots span{font-size: .16rem;}
    .list100Box .dots span.swiper-pagination-current{font-size: .3rem;}
    .list100 .more{font-size: .16rem;}

    .home20 .tit2{ margin-bottom: .25rem;}

    .home1 .box{ width: 100%}
    .list1::before{ display: none}
    .list1 .a{ height: 1rem}
    .list1 .time h3{ font-size: .36rem}
    .list1 .time{ width: 1rem}
    .home3s .wp::before{ display: none}
} 
@media(max-width: 560px){
} 
.list16 li p a {line-height:0 !important;}
.list100 .a{ background: #133984;}
.list100 .imgBox .img {background: #133984;}

.list8 .txt .ico2{width: 100%;text-align: center;margin-bottom: .25rem;}
.list8 .txt .ico2 img{ width: 50%;}
.lt500W{ width: 100%;}
.lt500Box{ width: 100%; height: 1.8rem; text-align: center}
.lt500 h5{ font-size: .16rem; color: #fff;}

.arr10{margin: .2rem auto 0;display: block;width: .24rem;height: .24rem;}
.arr10 svg{ width: 100%; height: 100%; fill: #fff;}