@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; overflow: hidden;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; transform: scale(1); transition: .2s;}
.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 .swiper-slide-active .a{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}

.banner .dots{ position: absolute;z-index: 10;bottom: .4rem;max-width: 15rem;left: 50%;transform: translateX(-50%);justify-content: flex-end;display: flex;}
.banner .dots span{ position: relative; z-index: 1; width: .43rem; height: .43rem;opacity: 1;background: none;}
.banner .dots span::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/fjq.png) center no-repeat; background-size: cover; animation: roted1 20s linear infinite; opacity: 0; transition: .5s;}
@keyframes roted1{
    0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}
}
.banner .dots span::after{ content: ""; position: absolute; top: 50%; left: 50%; width: .06rem; height: .06rem; background: #fff; border-radius: 50vw; transform: translate(-50%, -50%); transition: .5s;}

.banner .dots span.active{ background: url(../images/dq.svg) center no-repeat; background-size: .25rem .25rem;}
.banner .dots span.active::before{ opacity: 1;}
.banner .dots span.active::after{ opacity: 0;}

.mouse{ position: absolute; bottom: .25rem; left: 50%; transform: translateX(-50%); background: url(../images/mouse_b.svg) center no-repeat; width: 1.5rem; height: 1.59rem;z-index: 10;display: flex;justify-content: center;align-items: center;padding: .35rem 0 0;background-size: 100% auto;} 
.mouse i{ background: url(../images/mouse.svg) center no-repeat; background-size: .31rem .3rem;display: inline-block;width: .31rem;height: .3rem;}

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

.tit1{ margin: 0 0 .35rem; text-align: center; position: relative; z-index: 1;}
.tit1 h4{ font-size: .36rem; color: #fff; font-family: 'SF-Pro-Text-Bold'; background: linear-gradient(180deg, #CDE0F8 0%, rgba(205, 224, 248, 0) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #CDE0F8\0;text-transform: uppercase;transition: .5s; background: transparent\0;  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#CDE0F8, endColorstr=#FFFFFFFF)";}
.tit1 h3{ font-size: .36rem; color: #2C2C2C; font-family:'sys';margin: -.28rem 0 .1rem;transition: .5s; margin: 0 0 .1rem \0;}
.tit1 i{ position: relative; z-index: 1;transition: .5s;}
.tit1 i:before{ content: ""; position: absolute; width: .88rem; height: 2px; background: #CEDCEB; left: 120%; top: 50%}
.tit1 i:after{ content: ""; position: absolute; width: .88rem; height: 2px; background: #CEDCEB; right: 120%; top: 50%}
.tit1 i img{ height: .3rem}

.more1{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: .18rem; color: #0151A9; padding: .06rem 0; width: .95rem; display: block; transition: .5s;}
.more1:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; opacity: 1; background: linear-gradient(270deg, #0151A9 0%, rgba(1, 81, 169, 0) 100%); background: #0151A9\0;}
.more1:after{ content: ""; position: absolute; bottom: -.07rem; right: 0;  background: url(../images/fj1.svg); height: .15rem;width: .14rem;background-size: 100% 100%; transform: translateX(-1rem);transition: 1.2s;}

[data-aos="fj1"].tit1.aos-animate .more1:after{ transform: translateX(0); }

.home1{ background: url(../images/home1_b.png) center no-repeat; background-size: 100% auto;position: relative;z-index: 1;}
.home1::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/home1_b1.png) center no-repeat; background-size: 100% auto;left: 0;transition: .5s;transform: translateY(.5rem);}
.home1 .left{ width: 7.44rem;}
.home1 .right{ width: calc(100% - 7.44rem - .58rem);}
.home1.on::before{ transform: translateY(0)}

.list4 .imgBox .img{ padding-bottom: 65.86%;}
.list4 .txt{ height: 1.4rem; background: linear-gradient(282deg, #013B98 0%, #0282CD 100%); padding: 0 .4rem; margin: -.45rem .3rem 0; position: relative; z-index: 1; align-items: center;background: #0282CD\0;}
.list4 .time{ width: .62rem; text-align: center; margin: 0 .3rem 0 0;}
.list4 .time h3{ font-size: .38rem; color: #fff; font-family: 'sys'; line-height: 1.25;}
.list4 .time h6{ font-size: .16rem; color: #fff; font-family: 'sys'; white-space: nowrap; margin-bottom: .1rem;}
.list4 .con{ flex: 1; overflow: hidden;}
.list4 h4{ font-size: .2rem; color: #fff !important;}
.list4 p{ font-size: .16rem; color: #D4D4D4; margin: .14rem 0 0;}

.list4Box .dots{ bottom: 1.56rem; display: flex; justify-content: flex-end;position: absolute;z-index: 1;right: .3rem;width: auto;}
.list4Box .dots span{ width: .22rem; opacity: 1; background: none; position: relative; margin: 0 0 0 .12rem !important;height: .18rem;}
.list4Box .dots span:before{ content: ""; position: absolute; top: 50%; left: 0; right: 0; background: #fff; height: 2px;margin: -1px 0 0; transition: .5s;}
.list4Box .dots span:after{ content: ""; position: absolute; top: 50%; left: 50%;  background: url(../images/fj1.svg); height: .18rem;width: .17rem;transform: translate(-50%, -50%);opacity: 0;transition: .5s; background-size: 100% 100%;}

.list4Box .dots span.active:before{ opacity: 0;}
.list4Box .dots span.active:after{ opacity: 1;}

.list5{ height: 5.84rem;flex-wrap: wrap;flex-direction: column; position: relative; z-index: 1;}
.list5::before{ content: ""; position: absolute; background: url(../images/list5_l.png) center .15rem repeat-y;width: .12rem;height: 100%;left: .22rem;z-index: -1;}
.list5 li{ flex: 1; transition: .5s; position: relative; z-index: 1;width: 100%;}
.list5 .a{ align-items: center; height: 100%; position: relative; z-index: 1;border: 1px solid transparent; border: transparent 1px solid\0;padding: 0 .3rem 0 .24rem;}
.list5 .a:before{ content: ""; position: absolute; right: 0; bottom: -1px; left: .5rem; height: 1px; background: #C1D1DE; transition: .5s;opacity: .5;}
.list5 .con{ width: 100%;align-items: center;}
.list5 .time{ width: 1.06rem;transition: .5s; position: relative; z-index: 1; text-align: center;margin: 0 0.2rem 0 0;}
.list5 .time h3{ font-size: .36rem; color: #0153AA; font-family: 'sys';line-height: 1; opacity: 0; height: 0; transition: .5s;}
.list5 .time h6{transition: .5s; font-size: .16rem; font-family: 'sys'; opacity: 0; height: 0; background: linear-gradient(90deg, #01ADA7 0%, #013C99 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;margin: .04rem 0 0; background: transparent\0;}  
.list5 .time h4{transition: .5s; font-size: .2rem; color: #0153AA; font-family: 'sys';  margin-bottom: .04rem;}
.list5 .txt{ flex: 1; overflow: hidden}
.list5 p{ width: 100%; height: 0; margin-top: 0;}

.home2{ background: url(../images/home2_b.png) center bottom no-repeat; background-size: 100% auto; }
.list6Box li{width: 480px;background: #fff;box-shadow: 0px 10px 20px 0px rgba(1, 60, 153, 0.29);}
.list6Box{ overflow: visible;}
.list6 .a{ display: flex; padding: 0 .4rem; position: relative; z-index: 1; height: 2.28rem;flex-direction: column;justify-content: center;}
.list6 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list6_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.list6 .b1{ position: absolute; bottom: -.4rem; left: 50%;transform: translateX(-50%) scale(0);width: 3.8rem; z-index: 1;display: flex;align-items: center;justify-content: center;opacity: 0;transition: .5s;}
.list6 .b1:before{ content: ""; position: absolute; width: 3.8rem; height: 3.8rem; transform: translateY(-50%);top: 100%;left: 0;right: 0;z-index: -1; background: url(../images/list6_y.png) center no-repeat; background-size: 100% auto;}
.list6 .b1 img{ width: 3.04rem; max-width: 100%}
.list6 h6{ font-size: .16rem; color: #0151A9; font-family: 'sys'; transition: .5s;display: inline-block;position: relative;z-index: 1;width: min-content;padding-bottom: .04rem;}
.list6 h6:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0151A9; transition: .5s;}
.list6 h4{  margin: .2rem 0 .1rem;}
.list6 p{  margin: 0 0 .2rem}
.list6 li.swiper-slide-prev{ transform-origin: -36% center;}
.list6 li.swiper-slide-next{ transform-origin: 136% center;}
.list6Box.swiper-container-3d .swiper-slide-shadow-left, .list6Box.swiper-container-3d .swiper-slide-shadow-right{ display: none;}

.dots2{ display: flex; justify-content: center; margin: .5rem 0 0;width: 15rem !important;max-width: 100%;left: 50% !important;transform: translateX(-50%);position: relative;z-index: 1;justify-content: space-between;padding: 0 5vw;}
.dots2:before{ content: ""; position: absolute; width: 100%; left: 0; top: 50%; height: .16rem; background: #D8E5F9; z-index: -1; transform: translateY(-50%); transition: .5s;pointer-events: none;}
.dots2:after{ content: ""; position: absolute; width: 100%; left: 0; top: 50%; height: 0; border: 1.5px dashed #9FBDEA; z-index: -1; opacity: .5; margin-top: .5px;pointer-events: none;}
.dots2 span{ background: url(../images/dots2_i.png) center no-repeat; width: .8rem; height: .8rem; background-size: .2rem .2rem; opacity: 1;}
.dots2 span.active{ background: url(../images/dots2_i_on.png) center no-repeat; background-size: 100% 100%; animation: scale2 linear 3s infinite}
@-webkit-keyframes scale2{
    0%{transform: scale(1);}
    50%{transform: scale(.7);}
    100%{transform: scale(1);}
}
@-moz-keyframes scale2{
    0%{transform: scale(1);}
    50%{transform: scale(.7);}
    100%{transform: scale(1);}
}
@keyframes scale2{
    0%{transform: scale(1);}
    50%{transform: scale(.7);}
    100%{transform: scale(1);}
}

.home3{ padding: 0;}
.home3 .fl1{ height: 1.7rem; background: url(../images/home3_b1.jpg) center bottom no-repeat; background-size: 100% 100% !important;}
.home3 .fl1 .wp{ height: 100%; align-items: center; display: flex; justify-content: center}
.home3 .tit1{ margin-bottom: 0;width: 100%;}

.tit1w h3{ color: #fff;}
.tit1w .more1{ color: #ffffff;}
.tit1w .more1:before{ background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 98%); background: #ffffff\0;}
.tit1w .more1:after{ background: url(../images/fj1w.svg);background-size: 100% 100%;}

.home3 .fl2{ background: url(../images/home3_b2.jpg) center bottom no-repeat; background-size: 100% 100% !important; padding: .75rem 0 .3rem;}
.home3 .fl2 .content{ margin: 0 -1.7vw;}
.home3 .fl2 .box{ padding: 0 1.7vw;}
.home3 .fl2 .box1{ width: 66.66%;}
.home3 .fl2 .box2{ width: 33.33%;}

.list7{ margin: 0 -1.7vw;}
.list7 li{ width: 50%; padding: 0 1.7vw;}
.list7 .imgBox .img{ padding-bottom: 62%;}
.list7 .txt{ padding: 0 .05rem}
.list7 h6{ margin: .2rem 0 0;}
.list7 h4{ font-size: .2rem; line-height: .3rem; max-height: .6rem\0;margin: .1rem 0;}

.more2{ display: inline-block;   margin: .14rem 0 0; position: relative; float: right;z-index: 1;overflow: hidden;}
.more2:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;background: url(../images/more1.svg) center no-repeat;transition: .5s;transform: translateX(-110%);}
.more2 img{ height: .09rem; vertical-align: top; float: right;transition: .5s;}

.list8 li{ border-bottom: 2px solid rgba(193,209,222,.5);padding: 0 0 .22rem;margin-bottom: .22rem;}
.list8 li:last-child{ border: none}
.list8 .ico{ width: .9rem; height: .45rem; position: relative;margin: 0 .25rem 0 0;padding: .06rem;background: #fff;}
.list8 .ico::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #f0f0f0 1px solid;pointer-events: none;}
.list8 .ico img{ width: 100%; height: 100%; object-fit: cover;mix-blend-mode: darken;}
.list8 .a{ align-items: center;}
.list8 h4{ flex: 1; overflow: hidden;}

.home4{ background: url(../images/home4_b1.jpg) center top no-repeat; background-size: 100% 100% !important; padding: .75rem 0 0;}
.home4 .wp{ position: relative; z-index: 1}
.home4 .tit1{ margin: 0 0 .2rem;}
.home4 .content{ align-items: center;position: relative;z-index: 10;}
.home4 .left{ width: calc(100% - 4.6rem);padding: 0 4vw 0 5.2vw;}
.home4 .left p{ font-size: .16rem; color: #868686; line-height: .28rem; margin-bottom: .3rem;  max-height: calc(.28rem*3)\0;}
.home4 .right{ width: 4.6rem; background: url(../images/list9_b.png) center no-repeat; background-size: 100% 100%;position: absolute;right: 0;top: -56%;}
.home4 .right .a{ display: block; margin: 2.3vw;}
.home4 .right .a .imgBox{ border-radius: 50vw;}
.home4 .right .a .imgBox .img{ padding-bottom: 149%;}

.tit2{ position: relative; z-index: 1;padding: 0 0 0 .3rem; margin-bottom: .3rem}
.tit2:before{ content: ""; position: absolute; top: .08rem; left: 0; bottom: .04rem; width: .04rem; background: linear-gradient(180deg, #0D429A 0%, #0156AD 40%, #0D9BAB 71%, #7EC34E 100%);}
.tit2 h3{ font-size: .34rem; color: #333; font-family: 'sys';}
.tit2 h4{ font-size: .2rem; color: #333; margin: .06rem 0 0;}

.more3{ display: flex; align-items: center;justify-content: flex-end;}
.more3 font{ background: linear-gradient(270deg, #01ADA7 0%, #0D429B 53%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;color: #0D429B\0;font-family: 'sys';font-size: .2rem;justify-content: flex-end; background: transparent\0;}
.more3 img{ margin: 0 0 0 .14rem}

.list9W{ margin: .65rem 0 0; position: relative; z-index: 1;}
.list9W::before{ content: "";position: absolute;left: calc(100% - 24vw);bottom: 0;width: calc((100vw - 100%)/2 + 24vw);height: 7rem;background: linear-gradient(180deg, #0E4099 0%, #027DCA 100%);transform: skewX(-15deg);transform-origin: bottom left; background: #027DCA\0;}
.list9W::after{ content: "";position: absolute;left: calc(100% - 24vw);bottom: 0;width: calc((100vw - 100%)/2 + 10.5vw);height: 7rem;background: linear-gradient(135deg, #0E4099 8%, #3065C4 42%, #01ADA7 68%, #01ADA7 81%, #8EC742 102%);transform: skewX(-15deg);transform-origin: bottom left; background: #01ADA7\0;}
.list9Box{ width: calc(100% - 24vw);margin: 0;transform: skewX(-15deg);transform-origin: left bottom;}
.list9 .imgBox img{ transform: skewX(15deg) scale(1.3);}
.list9 .imgBox .img{ padding-bottom: 114%;background: #000;}
.list9 li.swiper-slide-active .imgBox img{ opacity: .5}
.list9 .data-t1, .list9 .data-p{ display: none;}

.arrow2{ background: #fff; position: absolute;bottom: .7rem;transform: translateY(-50%);width: .8rem;height: .8rem;display: flex;align-items: center;justify-content: center;z-index: 11;border-radius: 50vw;transition: .5s;cursor: pointer;}
.arrow2 svg{ width: .33rem; fill: #0151A9; transition: .5s}
.arrow2.next{ left: auto; right: -.3rem; transform: translateY(-50%) rotate(180deg);box-shadow: 0px 10px 20px 0px rgba(1, 65, 157, 0.3);}

.arrow2:hover{ background: #7DBE22; }
.arrow2:hover svg{ fill: #fff}

.miso_tab1 .hd ul{ justify-content: center;}
.miso_tab1 .hd ul li{ padding: 0 2.5vw;}
.miso_tab1 .more1{ opacity: 0; visibility: hidden}

.home5{ padding: .7rem 0 0; overflow: hidden}
.home5 .tit1 li{ cursor: pointer;}
.home5 .tit1 h4, .home5 .tit1 i{ opacity: 0}
.home5 .tit1 h3{ color: #A5A5A5}
.home5 .tit1 .on h4, .home5 .tit1 .on i{ opacity: 1}
.home5 .tit1 .on h3{ color: #2C2C2C}
.home5 .tit1 .on .more1{ opacity: 1; visibility: visible}
.list10 .imgBox .img{ padding-bottom: inherit;}
.list10 .imgBox .img img{ height: calc(3.15rem * 2 + 2px);position: relative;}
.home5 .content .box{ width: 50%;}

.home5 .bd_li{ position: relative; z-index: 1;}
.home5 .bd_li:nth-child(2)::before{ content: ""; top: 0; right: 0; left: 0; height: 1px; background: #C6D5E2; z-index: -1;position: absolute;}
.home5 .bd_li:nth-child(2)::after{ content: ""; top: 50%; right: 0; left: 0; height: 1px; background: #C6D5E2; z-index: -1;position: absolute;}

.list11{ position: relative; z-index: 1; height: 100%; border: #C6D5E2 1px solid}
.list11:before{ content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #C6D5E2; margin: -.5px 0 0;z-index: -1;}
.list11:after{ content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #C6D5E2; margin: 0 0 0 -.5px}
.list11 li{ width: 50%;}
.list11 .a{ height: 3.15rem;flex-direction: column;padding: 0 .46rem;position: relative;z-index: 1; transition: .5s;}
.list11 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/fj2.svg) -35% bottom no-repeat;opacity: 0;transition: .5s;z-index: -1;}
.list11 .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;border: 1px solid;border-image: linear-gradient(123deg, #65C060 0%, #01A0AA 33%, #016FB0 67%, #0045A0 100%) 1;border: #01A0AA 1px solid�;opacity: 0;transition: .5s;z-index: -1;}
.list11 .imgBox .img{ padding-bottom: 66.66%;}
.list11 span{ font-size: .16rem; color: #0151A9;}
.list11 h6{ font-size: .16rem; color: #0151A9; font-family: 'sys'; transition: .5s;display: inline-block;position: relative;z-index: 1;width: min-content;padding-bottom: .04rem;overflow: hidden;}
.list11 h6:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0151A9; transition: .5s;}
.list11 h4{font-size: .2rem;color: #333;line-height: .3rem;margin: .06rem 0 0;max-height: calc(.3rem*2)\0;}
.list11 p{ font-size: .16rem; margin: .1rem 0 .4rem; height: .24rem}

.list11 li.on .a{position: relative;z-index: 1;box-shadow: 10px 15px 30px 0px rgba(1, 68, 159, 0.3);}
.list11 li.on .a:before, .list11 li.on .a:after{ opacity: 1;}

.list11s1 li{ width: 33.33%;}
.list11s1::after{ width: 33.33%; background: none; border-left: #C6D5E2 1px solid; border-right: #C6D5E2 1px solid;left: 33.33%;}

@media(min-width: 1024px){
    .list5 li.on{ flex-grow: 2; }
    .list5 li.on .a{ border: 1px solid; border-image: linear-gradient(78deg, #76C353 -1%, #01ADA7 29%, #015FB3 64%, #01429E 100%) 1; box-shadow: 0px 5px 20px 0px rgba(1, 70, 160, 0.3); border: #0153AA 1px solid\0;background: #fff;}
    .list5 li.on .a:before{ opacity: 0}
    .list5 li.on .time h3{ opacity: 1; height: auto}
    .list5 li.on .time h4{ opacity: 0; height: 0;}
    .list5 li.on .time h6{ opacity: 1; height: auto}
    .list5 li.on p{ height: .48rem; opacity: 1; margin-top: .12rem;}
    .list5 li.on::before, .list5 li.on::after{ opacity: 1;}

    .list6 li:hover .b1{ opacity: 1; transform: translateX(-50%) scale(1);}
    .list6 li:hover .a::before{ opacity: 1;}
    .list6 li:hover .a *{ color: #fff;}
    .list6 li:hover .a p{ opacity: .6}
    .list6 li:hover h6:before{ background: #fff;}

    .list9 .a:hover .imgBox img{ transform: skewX(15deg) scale(1.35)}
    
    .list11 li:hover .a{position: relative;z-index: 1;box-shadow: 10px 15px 30px 0px rgba(1, 68, 159, 0.3);}
    .list11 li:hover .a:before, .list11 li:hover .a:after{ opacity: 1;}
    .a:hover .more2:before{ transform: translateX(0%);}
    .a:hover .more2 img{ transform: translateX(110%);}

    .more1:hover{ letter-spacing: .03rem;}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 54%;}

    .home1 .left{ width: 100%;}
    .home1 .right{ width: 100%;margin: .4rem 0 0;}

    .home3 .fl2{ background: url(../images/home3_b2s.jpg) center bottom no-repeat;}
    .list8 li{ padding: 0 0 .1rem;margin-bottom: .1rem;}
    .arrow2.next{ right: .3rem;}
    .home4 .right{ top: -45%;}

    .more1{ opacity: 1; visibility: visible}
    
    .more1::after{ transform: translateX(0)}

    .list11 p{ margin-bottom: .15rem;}
    .home5 .content .box{ width: 100%}
    .list11 .a{ padding: .3rem .2rem;}

    
}
@media(max-width: 800px){
    .home3 .fl2 .box1{ width: 100%;}
    .home3 .fl2 .box2{ width: 100%; margin: .4rem 0 0;}

    .list6Box{ margin: 0 0;padding: 0 15px;}
    .mouse{ transform: scale(.5) translateX(-100%);transform-origin: bottom;bottom: .15rem;}
    .banner .dots span{ width: .3rem; height: .3rem; background-size: .15rem .15rem !important}
    .banner .dots{ padding: 0 15px; bottom: .25rem}

    .tit1{ margin: 0 0 .25rem; }
    .tit1 h4{ font-size: .26rem;}
    .tit1 h3{ font-size: .26rem;margin: -.2rem 0 .05rem;}
    .tit1 i img{ height: .16rem;}

    .list4 .txt{ padding: 0 .2rem;  margin: -.3rem .2rem 0;height: 1.1rem;}
    .list4 .time h3{ font-size: .28rem}
    .list4 .time h6{ font-size: .14rem}
    .list4 p{ margin: .06rem 0 0}
    .list4 .time{ margin: 0 .15rem 0 0;}
    .list5{ height: 4rem;}
    .list5 .a{ padding: 0;}
    .list5::before{ left: 0;}
    .list5 .a::before{ left: .25rem;}
    .list5 .time{ margin: 0 0 0 0;width: 1rem;}
    
    .home2{ padding-top: 0}
    .dots2 span{ width: .2rem; height: .2rem;}
    .list6 .a{ height: 2rem;}

    .home3 .fl1{ height: 1.2rem;}
    .more2 img{ height: .1rem;}
    .list8 .ico{ /*! width: .5rem; */ /*! height: .25rem; */}
    
    .home4 .left{ width: calc(100% - 33vw);}
    .home4 .right{ width: 33vw;}
    .tit2 h3{ font-size: .26rem;}9
    .tit2 h4{ font-size: .16rem;}

    .arrow2{ bottom: .25rem; width: .36rem; height: .36rem;}
    .arrow2 svg{ width: .18rem; height: .18rem}

    .home4{ padding: .2rem 0 0;}
    .more3 font{ font-size: .14rem;}
    .more3 img{ height: .06rem;}
    .tit1 i:before, .tit1 i:after{ width: .4rem}
    .more1{ font-size: .14rem;width: .7rem;}
    .home5 .tit1 h4{ font-size: .2rem}
    .home5 .tit1 h3{ font-size: .24rem;margin: -.15rem 0 .05rem;}
    
    .home5 .content .box{ width: 100%}
    .home5 .content .box:nth-child(1){ order: 1;}
    .list11 .a{ padding: .2rem .2rem;height: auto;}
    .list10 .imgBox .img img{height: 60vw}
    
    .list11 .a::before{ background-size: 100% auto !important;}
    
    .home3 .fl2{ padding: .4rem 0 0}
    .tit2{ padding: 0 0 0 .2rem;}

    .list11s1 li{ width: 50%;}
    .list11s1::after{ left: 50%; width: 0;border-left: none;}
    .home5 .bd_li:nth-child(2)::after{ top: 33.33%; height: 33.33%; background: none; border-top: #C6D5E2 1px solid; border-bottom: #C6D5E2 1px solid}
    .list11s1::before{ display: none;}
} 
@media(max-width: 560px){
}