@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.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 6s 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;flex-direction: column;left: auto;right: 4%;top: 1rem;width: auto;bottom: 0;}
.banner .dots span{width: .28rem;height: .28rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: .175rem 0 !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1.png) center no-repeat;background-size: 100% 100%;transition: .5s;bottom: 0;}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1s.png) center no-repeat;background-size: 100% 100%;opacity: 0;transition: .5s;bottom: 0;}

.banner .dots span:nth-child(1):before{ transform: rotate(-90deg)}
.banner .dots span:nth-child(3):before{ transform: rotate(90deg)}
.banner .dots span:nth-child(1):after{ transform: rotate(-90deg)}
.banner .dots span:nth-child(3):after{ transform: rotate(90deg)}

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

.pad1{padding: 1rem 0;overflow: hidden;position: relative;z-index: 1;}

.banner .bg1s{position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;/* background: url(../images/wz.png) repeat-x; */animation: bgfubuki 100s linear infinite forwards;z-index: 10;background-size: auto 100%;transform: translateY(0%);height: 100%;}
.banner .bg1s img.i1{ opacity: 0;}
.banner .bg1s img.i2{margin: 0% 0 0;height: 100%;object-fit: cover;}
@keyframes bgfubuki {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: -1000px 0;
    }
    20% {
      background-position: -2000px 0;
    }
    30% {
      background-position: -3000px 0;
    }
    40% {
      background-position: -4000px 0;
    }
    50% {
      background-position: -5000px 0;
    }
    60% {
      background-position: -6000px 0;
    }
    70% {
      background-position: -7000px 0;
    }
    80% {
      background-position: -8000px 0;
    }
    90% {
      background-position: -9000px 0;
    }
    100% {
      background-position: -10000px 0;
    }
}

.notice{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;}
.ar_wap{ display: none}
.list1W{background: rgba(1,10,9,.4);padding: 0;align-items: center;}
.list1W .left{width: 1.2rem;height: 1.2rem;background: #1950c4;display: flex;align-items: center;justify-content: center;}
.list1W .left h3{font-size: .3rem;line-height: 1.2;color: #fff;font-weight: bold;font-family: "微软雅黑"}
.list1W .left h3 a{color: #fff;}
.list1W .right{ flex: 1; overflow: hidden}
.list1Box{transform: translateY(.05rem);}
.list1 dl dd{ width: 50%; padding: 0 .5rem; position: relative;}
.list1 dl dd:before{content: "";position: absolute;right: 0;top: 0;bottom: -.1rem;width: 1px;background: rgba(255,255,255,.6)}
.list1 .a{align-items: flex-start;}
.list1 .time{margin: 0 .3rem 0 0;width: .54rem;position: relative;}
.list1 .time:before{content: "";position: absolute;width: 1px;height: .5rem;background: #fff;transform: rotate(45deg);left: 50%;top: 22%;}
.list1 .time h3{ font-size: .28rem; color: #fff; font-weight: normal;}
.list1 .time h6{font-size: .18rem;color: #fff;margin: .1rem 0 0;text-align: right;}
.list1 .txt{ flex: 1; overflow: hidden;}
.list1 h6{ font-size: .14rem; color: rgba(255,255,255,.6);}
.list1 h4{color: #fff !important;font-size: .16rem; margin-top: .04rem}
.list1 p{color: #fff !important;font-size: .14rem;margin: .1rem 0 0;display: none;}

.list1 dl dd:last-child:before{ display: none}

.list1Box .dots{width: 2px;top: 50%;right: .16rem;position: absolute;z-index: 2;left: auto;transform: translateY(-50%);display: none;}
.list1Box .dots span{width: 100%;height: .08rem;background: #fff;opacity: 1;transition: .5s;margin: .04rem 0 !important;}
.list1Box .dots span.active{ height: .24rem}

.tit1{align-items: center;margin-bottom: .32rem;}
.tit1 h3{ font-weight: normal;}
.tit1 h3 big{ font-size: .4rem; color: #2f3943;}
.tit1 h3 small{ font-size: .26rem; color: #d3252b; margin: 0 0 0 .1rem;}
.more1{align-items: center;font-size: .16rem;color: rgba(29,37,45,.6);transition: .5s;}
.more1 img{ width: .1rem; margin: 0 0 0 .14rem;}

.home1{ background: url(../images/home1_b.jpg) center no-repeat; background-size: cover;}
.home1 .fl1 .left{ width: 7.58rem;}
.home1 .fl1 .right{ width: calc(100% - 7.58rem - .66rem);}

.list2 .txt{height: 1.88rem;background: url(../images/list2_b.jpg) center no-repeat;background-size: cover;position: relative;display: flex;align-items: center;padding: 0 .3rem;}
.list2 .time{position: absolute;width: 1.02rem;height: .88rem;background: #265ee1;bottom: calc(100% - .44rem);display: flex;flex-direction: column;justify-content: center;align-items: center;left: 0;}
.list2 .time h6{ font-size: .12rem; color: #fff}
.list2 .time h3{font-size: .4rem;color: #fff;font-weight: normal;line-height: 1;}
.list2 h4{ color: #fff !important;}

.list2Box .dots{height: 3px;bottom: .38rem;right: .3rem;position: absolute;z-index: 1;left: auto;width: auto;display: flex;align-items: center;}
.list2Box .dots span{width: .1rem;height: 100%;background: #fff;opacity: 1;transition: .5s;margin: 0 .03rem !important;border-radius: 50vw;}
.list2Box .dots span.active{ width: .36rem}

.m_tab1 .hd ul{ margin: 0 -.05rem;}
.m_tab1 .hd ul li{ width: 50%; padding: 0 .05rem;}
.m_tab1 .hd ul .a{display: flex;justify-content: center;align-items: center;height: .44rem;border: #265ee1 1px solid;background: #fff;border-radius: .04rem;font-size: .18rem;color: #265ee1;position: relative;z-index: 1;}
.m_tab1 .hd ul .a::before{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: #265ee1;z-index: -1;transition: .5s;height: 0;background: linear-gradient(90deg, #40e2a7, #265fe1);border-radius: 0.04rem;}

.m_tab1 .hd ul li.on .a{color: #fff !important;border: transparent 1px solid;}
.m_tab1 .hd ul li.on .a::before{ height: 100%}

.list3 li{border-bottom: #b9b9b9 1px dotted;padding: .39rem 0 .2rem;}
.list3 .a{ align-items: center; transition: .5s;}
.list3 .time{margin: 0 .35rem 0 0;}
.list3 .time h6{ font-size: .12rem; color: #363a3f; transition: .5s;}
.list3 .time h3{font-size: .4rem;color: #363a3f;font-weight: normal;line-height: 1; transition: .5s;}
.list3 .txt{ flex: 1; overflow: hidden;}

.list4{ margin: .33rem -.1rem 0;}
.list4 li{ width: 33.33%; padding: 0 .1rem;}
.list4 .a{height: 1.96rem;background: #fff;box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.09);flex-direction: column;justify-content: center;padding: 0 .26rem;position: relative;}
.list4 h5{font-size: .18rem;color: #265ee1;align-items: center;}
.list4 img{ width: .1rem;}
.list4 h4{margin: .18rem 0 .2rem;height: .6rem;}
.list4 .line1::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: .04rem;background: #04d392;transition: .5s;background: linear-gradient(90deg, #40e2a7, #265fe1);}
.list4 .line1::after{ content: ""; position: absolute; top: 0; left: 0; width: .04rem; height: 0; background: #04d392; transition: .5s;}
.list4 .line2::before{content: "";position: absolute;bottom: 0;right: 0;width: 0;height: .04rem;background: #04d392;transition: .5s;background: linear-gradient(90deg, #40e2a7, #265fe1);}
.list4 .line2::after{content: "";position: absolute;bottom: 0;right: 0;width: .04rem;height: 0;background: #385fdf;transition: .5s;}

.home2{/*background: url(../images/home2_b.jpg) center no-repeat;background-size: cover;background-attachment: fixed;*/padding-bottom: 0;position: relative;z-index: 1;}

.tit2{ align-items: center;}
.tit2 .ll h3{ font-size: .4rem; color: #fff;}
.tit2 .ll h6{ font-size: .26rem; color: #d3252b;}

.home2 .rr{ margin: 0 -1rem 0 0;}
.list5{width: 7.5rem;}
.list5 li{width: 33.33%;padding: 0 .065rem;}
.list5 .a{position: relative;z-index: 1;height: .7rem;align-items: center;justify-content: center;}
.list5 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list5_b1.png) center no-repeat;background-size: 100% 100%;transform: skewX(-35deg);z-index: -1;}
.list5 .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list5_bs1.png) center no-repeat;background-size: 100% 100%;transform: skewX(-35deg);z-index: -1; opacity: 0; transition: .5s}
.list5 .a span{font-size: .3rem;font-family: "Microsoft YaHei";font-weight: bold; /* Chrome, Safari */background: linear-gradient(0deg, #72c8ff, #fff, #fff); /* Standard syntax */ /* Chrome, Safari */background-clip: text; /* Chrome, Safari */color: transparent;color: #fff\0;-webkit-background-clip: text;background: none\0;}
.list5 .a span.span1{text-shadow: 1.286px 1.532px 21px rgba(0,48,152, 80%);background: none;}
.list5 .a span.span2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);white-space: nowrap;}
.tit2{ margin-bottom: 1.2rem;}

.home2 .content{ margin: 0 -1rem 0 0;}
.home2 .left{width: 42.4%;position: relative;z-index: 2;}
.home2 .right{ width: calc(100% - 42.4%); position: relative;}

.home2 .bd{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.home2 .bd .bd_li{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;visibility: hidden;transition: .5s;}

.home2.on1 .bd .bd_li:nth-child(1){opacity: 1;visibility: visible;transform: translate(-26.8%, 3.2rem);width: calc(100% + 36.8%);}
.home2.on2 .bd .bd_li:nth-child(2){ opacity: 1; visibility: visible;}
.home2.on3 .bd .bd_li:nth-child(3){ opacity: 1; visibility: visible; transform: translate(-26.8%, 3.2rem); width: calc(100% + 36.8%);}
.home2.on4 .bd .bd_li:nth-child(4){ opacity: 1; visibility: visible; transform: translate(-26.8%, 3.2rem); width: calc(100% + 36.8%);}

.home2.on1 .right, .home2.on2 .right, .home2.on3 .right, .home2.on4 .right{ z-index: 3;}

.list6{ margin: -.5px;}
.list6 li{ width: 50%; padding: .5px; transition: .5s;}
.list6 li .cls-1{fill:none;stroke:#ffffff;stroke-width:1px;}

.list6 .a{flex-direction: column;justify-content: center;align-items: center;height: 3.2rem;background: rgba(0, 0, 0, 0.2);position: relative;z-index: 1;overflow: hidden;text-align: center;backdrop-filter: blur(.3rem);}
.list6 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transition: .5s;opacity: 0;background: url(../images/list6_b.jpg) center no-repeat;background-size: cover;transform: translateY(101%);}
.list6 .ico{ width: .9rem; height: .9rem;}
.list6 .ico img, .list6 .ico svg{ width: 100%; height: 100%;}
.list6 .ico .cls-1{ fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2.5px;}
.list6 .ico .cls-2{font-size:58.03px;fill:#fff;font-family:SourceHanSansCN-ExtraLight-GBpc-EUC-H, Source Han Sans CN;}
.list6 h4{ font-size: .24rem; color: #fff !important; margin: .12rem 0 .04rem;}
.list6 h6{ font-size: .14rem; color: rgba(255,255,255,.6);}

.list6 li:nth-child(2){ transform: translateX(100%);}
.list6 li:nth-child(3){ transform: translateX(100%);}
.list6 li:nth-child(4){ transform: translateX(200%);}

.list6 li.on .a::before{opacity: 1;transform: translateY(0);}

.home2.on1 .list6 li:nth-child(2){ transform: translate(0, -100%);}
.home2.on1 .list6 li:nth-child(3){ transform: translate(0, 0);}
.home2.on1 .list6 li:nth-child(4){ transform: translate(0, -100%);}

.home2.on2 .list6 li:nth-child(2){ transform: translate(0, 0);}
.home2.on2 .list6 li:nth-child(3){ transform: translate(0, 0);}
.home2.on2 .list6 li:nth-child(4){ transform: translate(0, 0);}

.home2.on3 .list6 li:nth-child(2){ transform: translate(0, -100%);}
.home2.on3 .list6 li:nth-child(3){ transform: translate(0, 0);}
.home2.on3 .list6 li:nth-child(4){ transform: translate(0, -100%);}

.home2.on4 .list6 li:nth-child(2){ transform: translate(0, -100%);}
.home2.on4 .list6 li:nth-child(3){ transform: translate(0, 0);}
.home2.on4 .list6 li:nth-child(4){ transform: translate(0, -100%);}

.list7W{ height: 3.2rem; position: relative; z-index: 1; display: flex; align-items: center; padding: 0 .24rem}
.list7W::before{content: "";position: absolute;top: 0;right: calc((100vw - 14rem)/2*-1);bottom: 0;left: 0;background: linear-gradient(30deg,#265fe1,#3ac7af);z-index: -1;pointer-events: none; opacity: .9;}
.list7Box{ width: 100%}
.list7 .a{ display: block; position: relative}
.list7 .imgBox .img{ padding-bottom: 52.5%}
.list7 .imgBox:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list7_t1.png) left center no-repeat; background-size: auto 100%}
.list7 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;padding: 0 .32rem;}
.list7 h4{font-size: .18rem;color: #fff !important; margin: .2rem 0 0;}
.list7 h6{ font-size: .14rem; color: rgba(255,255,255,.6); margin: .02rem 0 .2rem}
.list7 i{ font-size: .18rem; color: #fff; font-family: 'lib'}

.list7 li:nth-child(2n) .imgBox:after{ background: url(../images/list7_t2.png) left center no-repeat; background-size: auto 100%}

.list8W{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
.list8Box{ height: 100%}
.list8 li:nth-child(1) .a{ background: url(../images/list8_b1.jpg) center no-repeat; background-size: cover; background-attachment: fixed}
.list8 li:nth-child(2) .a{ background: url(../images/list8_b2.jpg) center no-repeat; background-size: cover; background-attachment: fixed}
.list8 li:nth-child(3) .a{ background: url(../images/list8_b3.jpg) center no-repeat; background-size: cover; background-attachment: fixed}
.list8 li:nth-child(4) .a{background: url(../images/list8_b4.jpg) center no-repeat;background-size: cover;}
.list8 .a{ width: 100%; height: 100%; }

.list9W{height: 3.2rem;position: relative;z-index: 1;display: flex;align-items: center;padding: .6rem 0;}
.list9W::before{content: "";position: absolute;top: 0;right: calc((100vw - 14rem)/2*-1);bottom: 0;left: 0;background: linear-gradient(30deg,#265fe1,rgba(30,120,232,.5));background: linear-gradient(30deg, #265fe1, #3ac7af);z-index: -1;pointer-events: none;opacity: .9;}
.list9{ width: 100%; height: 100%}
.list9 li{width: 33.33%;height: 50%;}
.list9 .a{height: 100%;align-items: center;justify-content: space-between;padding: 0 .15rem 0 .25rem;position: relative;overflow: hidden}
.list9 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list9_b.png) center no-repeat; background-size: cover; z-index: -1;pointer-events: none;opacity: .9; transform: translateX(-101%); transition: .5s}
.list9 .a .ll{align-items: center;flex: 1;}
.list9 .ico{width: .4rem;height: .4rem;margin: 0 .16rem 0 0}
.list9 .ico img{ width: 100%; height: 100%}
.list9 .con{ flex: 1; overflow: hidden}
.list9 h4{ font-size: .16rem; color: #fff !important}
.list9 h6{ font-size: .12rem; color: rgba(255,255,255,.6); margin: .03rem 0 0}
.list9 i{ font-size: .14rem; color: #fff; font-family: 'lib'; opacity: 0; transition: .5s; transform: translateX(-.1rem)}
.home2.on4 .bd .bd_li:nth-child(4) .list9 li:nth-child(1){ width: 100%}

.home3-4-5-6{position: relative;z-index: 1;padding: 0 !important;}
.home3-4-5-6 .b1{ position: absolute; top: 0; right: 0; left: 0; z-index: -1;}
.home3-4-5-6 .b1 img{ width: 100%;}
.home3-4-5-6 .b2{ position: absolute; bottom: 0; right: 0; left: 0; z-index: -1;}
.home3-4-5-6 .b2 img{ width: 100%;}
.home3-4-5-6 .b3{position: absolute;bottom: -8%;right: 0;left: 0;z-index: 2;pointer-events: none;}
.home3-4-5-6 .b3 img{ width: 100%;}

.home3{padding-bottom: 1.5rem;overflow: visible;}
.home3 .left{width: 19.42%;position: relative;z-index: 3;}
.home3 .center{width: 39.57%;position: relative;}
.home3 .center1{ position: relative;}
.home3 .right{width: 28.57%;position: relative;z-index: 3;}
.home3 .center .dots{ z-index: 4}

.list10 .a{ display: block; padding: .45rem 0;}
.list10 h3{ display: flex; align-items: baseline;}
.list10 h3 big{font-size: .5rem;color: #1d252d;font-family: 'Montserrat bold';transition: .5s;}
.list10 h3 sup{font-size: .2rem;color: #1d252d;align-self: flex-start;}
.list10 h3 small{font-size: .2rem;color: #1d252d;transition: .5s;}
.list10 h6{ font-size: .16rem; color: #1d252d; line-height: 1.35}

.home3 .left .dots, .home3 .center .dots{height: .04rem;display: flex;align-items: center;position: absolute;bottom: 0;z-index: 4;}
.home3 .left .dots span, .home3 .center .dots span{width: .1rem;height: 100%;background: #1584f5;opacity: 1;transition: .5s;margin: 0 .03rem !important;border-radius: 50vw;}
.home3 .left .dots  span.active, .home3 .center .dots  span.active{ width: .36rem}

.list11 .a{ display: block}
.list11 .imgBox .img{padding-bottom: 99.277978%;background: none;}
.list11 .ico{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.2rem; height: 1.2rem; }
.list11 .ico img{ width: 100%; height: 100%; transition: .5s}
.list11 .ico img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0}

.list12 .a{ display: block; position: relative;}
.list12 .imgBox .img{ padding-bottom: 100%;}
.list12 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list12_b.png) center 101% no-repeat; background-size: 100% auto;}
.list12 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: .22rem .25rem;}
.list12 h4 big{font-size: .24rem;color: #fff;font-family: "Microsoft YaHei";font-weight: bold;}
.list12 h4 small{font-size: .16rem;color: rgba(255,255,255,.6);margin: 0 0 0 .12rem;}
.list12 p{font-size: .16rem;color: #fff;margin: .08rem 0 0;}

.list12Box .dots{width: .04rem;top: .16rem;right: .18rem;position: absolute;z-index: 2;left: auto;display: flex;flex-direction: column;}
.list12Box .dots span{width: 100%;height: .08rem;background: #fff;opacity: 1;transition: .5s;margin: .04rem 0 !important;border-radius: 50vw;}
.list12Box .dots span.active{ height: .24rem}

.list13{ margin: .08rem 0 0; background: url(../images/list13_b.jpg) center no-repeat; background-size: cover;}
.list13 .a{ height: 1rem; align-items: center; padding: 0 .34rem; position: relative; z-index: 1; overflow: hidden;}
.list13 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list13_b1.png) center no-repeat; background-size: cover; z-index: -1;pointer-events: none;opacity: .9; transform: translateX(-101%); transition: .5s}

.list13 .ico{ width: .43rem; height: .43rem; margin: 0 .26rem 0 0;}
.list13 .ico img{ width: 100%; height: 100%;}
.list13 .txt{ flex: 1; overflow: hidden;}
.list13 h4{ font-size: .2rem; color: #fff !important;}
.list13 h6{ font-size: .16rem; color: rgba(255,255,255,.8);}

.home4{ padding-top: 0;}

.list14W{ position: relative;}

.list14Box{ padding: .1rem 0;}
.list14 dl{ margin: -.1rem;}
.list14 dd{ width: 50%; padding: .1rem;}
.list14 .imgBox .img{ padding-bottom: 31.88%;}

.arrow1{ width: .54rem; height: .54rem; border: #d3252b 1px solid; border-radius: 50vw; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; transition: .5s; font-size: .22rem; color: #d3252b; font-family: 'lib';}
.arrow1.prev{ left: -.76rem;}
.arrow1.next{ right: -.76rem;}

.home5{ padding-top: .5rem;}

.list15{ margin: 0 -.1rem}
.list15 li{ width: 33.33%; padding: 0 .1rem; margin-bottom: .15rem}
.list15 .a{height: 1rem;align-items: center;justify-content: space-between;padding: 0 .3rem;position: relative;overflow: hidden;background: url(../images/list15_b.png) center no-repeat;background-size: cover !important; box-shadow: 2.828px 2.828px .3rem 0px rgba(184, 194, 213, 0.58);}
.list15 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #fff 1px solid;pointer-events: none;transition: .5s;z-index: -1;}
.list15 .a .ll{align-items: center;position: relative;z-index: 2;flex: 1;overflow: hidden;}
.list15 .ico{width: .14rem;height: .24rem;margin: 0 .14rem 0 0;position: relative;}
.list15 .ico img{ width: 100%; height: 100%; transition: .5s}
.list15 .ico img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: .5s}
.list15 .con{ flex: 1; overflow: hidden}
.list15 h4{ font-size: .18rem; color: #2f3943; transition: .5s}
.list15 i{font-size: .14rem;color: #fff;font-family: 'lib';opacity: 0;transition: .5s;transform: translateX(-.1rem);z-index: 2;position: relative;}

.list15 .a .b1s{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;opacity: 0;transition: .5s;}

.home6{padding: 0 0 .3rem !important;}
.home6 .content{ background: url(../images/home6.png) center no-repeat; background-size: cover; padding: .5rem .7rem; align-items: center;}
.home6 .left{ flex: 1; overflow: hidden;}
.home6 .right{ width: 3.2rem; margin: 0 0 0 7vw;}
.home6 .right h4{ font-size: .3rem; color: #fff}
.home6 .right p{ font-size: .16rem; color: #fff; margin: .12rem 0 0}

.list16{ margin: 0 -.22rem;}
.list16 li{ width: 50%; padding: 0 .22rem;}
.list16 .a{height: 1rem;align-items: center;justify-content: space-between;padding: 0 .3rem 0 .2rem;position: relative;overflow: hidden;border-bottom: #fff 1px solid;z-index: 1}
.list16 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0; background: url(../images/list16.png) center no-repeat; background-size: cover;pointer-events: none;transition: .5s; transform: translateX(-101%); z-index: -1}
.list16 h4{font-size: .2rem;color: #fff !important;font-family: "Microsoft YaHei";font-weight: bold;flex: 1;overflow: hidden;}
.list16 i{display: flex;width: .4rem;height: .4rem;border: #fff 1px solid;border-radius: .02rem;justify-content: center;align-items: center;font-size: .16rem;color: #fff;font-family: 'lib';margin: 0 0 0 .1rem;transition: .5s;}


@media(min-width: 1024px){
    .list3 .a:hover{ transform: translateY(-.1rem);}
    .list3 .a:hover .time h6, .list3 .a:hover .time h3{ color: #d3252b;}

    .list4 .a:hover .line1::before{ width: 100%;}
    .list4 .a:hover .line1::after{ height: 100%;}
    .list4 .a:hover .line2::before{ width: 100%;}
    .list4 .a:hover .line2::after{ height: 100%;}

    .list10 .a:hover h3 big, .list10 .a:hover h3 sup, .list10 .a:hover h3 small{ color: #d3252b;}

    .list5 .a:hover::after{ opacity: 1}

    .list16 .a:hover i{ background: #fff; color: #d3252b}

    .list9 .a:hover i{ transform: translateX(0); opacity: 1}
    .list9 .a:hover::before{ transform: translateX(0)}

    .list11 .a:hover .ico img{ transform: rotate(360deg)}
    .list11 .a:hover .ico img.i2{  opacity: 1}

    .list13 .a:hover::before{ transform: translateX(0); opacity: 1}

    .list6 .a:hover::before{transform: translateY(0);opacity: 1;}

    .arrow1:hover{ background: #d3252b; color: #fff;}

    .list15 .a:hover h4{ color: #fff}
    .list15 .a:hover:after{ opacity: 1; visibility: visible}
    .list15 .a:hover .ico img.i2{ opacity: 0}
    .list15 .a:hover .ico img.i2{ opacity: 1}

    .list16 .a:hover::before{ transform: translateX(0);}

    .list15 .a:hover i{ transform: translateX(0); opacity: 1}
    .list15 .a:hover .b1s{ opacity: 1}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 50%}
}
@media(max-width: 800px){
} 
@media(max-width: 769px){
    .notice{ position: relative; margin:0 -15px}
    .banner .imgBox .img{padding-bottom: 50%;}
    .banner .bg1s{animation: bgfubuki 300s linear infinite forwards;bottom: 0;}
    .banner .bg1s img.i2{}
    .banner .dots{right: 5px;width: 100%;flex-direction: row;margin: 0 auto;top: auto;bottom: .2rem;}
    .banner .dots span{width: .2rem;height: .2rem;margin: 0 .06rem !important;}
    .banner:after{ height: 20vw}

    .list1Box{height: .7rem;}
    .list1 dl dd{width: 100%;padding: 0 .15rem;margin: 0;}
    .list1 dl dd:before{ display: none;}

    .list1 .txt{ display: flex; align-items:center}
    .list1 h6{ margin: 0 .1rem 0 0}
    .list1 h4{margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
    .list1 .time{margin: 0 .2rem 0 0;width: .44rem;}
    .list1 .time h3{ font-size: .22rem}
    .list1 .time h6{font-size: .15rem;margin: .05rem 0 0;}
    .list1W{padding: 0;background: linear-gradient(to left, #265fe1, #3ac6af);}
    .list1 .time:before{height: .25rem;left: 55%;top: 40%;}
    .list1Box .dots{right: .1rem;display: none;}

    .pad1{ padding: .4rem 0;}

    .tit1{ margin-bottom: .25rem;}
    .tit1 h3 big{ font-size: .26rem; }
    .tit1 h3 small{ font-size: .18rem;}
    .more1 img{ width: .07rem;}

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

    .list2 .time{width: .8rem;height: .7rem;bottom: calc(100% - 0.35rem);}
    .list2 .time h3{ font-size: .32rem; margin: .03rem 0 0}

    .list2 .txt{ height: 1.5rem; padding: .1rem .2rem 0}
    .list2Box .dots{ bottom: .2rem}

    .list3 .time h3{ font-size: .32rem;}
    .list3 .time{ margin: 0 .2rem 0 0;}
    .list3 li{ padding: .2rem 0 .15rem;}
    .list3 li:nth-child(4), .list3 li:nth-child(5){ display: none}

    .list4 li{ width: 100%; margin-bottom: .2rem;}
    .list4 img{ width: .08rem;}
    .list4 .a{height: 1.7rem;}
    .list4 h4{ margin: .1rem 0;}
    .list4 li:last-child{ margin-bottom: 0}

    .tit2 .ll h3{ font-size: .26rem; }
    .tit2 .ll h6{ font-size: .18rem; }

    .list5 .a span{ font-size: .18rem;}
    .list5{width: 100%;}
    .home2 .tit2 .ll{width: 100%;text-align: center;flex: auto;overflow: hidden;}
    .home2 .rr{width: 100%;padding: .2rem 0 0;margin: 0;}
    .list5 .a{ height: .44rem}

    .tit2{ margin-bottom: .5rem}

    .list6 li{ transform: translateX(0) !important}

    .home2 .left{ width: 100%}
    .home2 .content{ margin: 0}

    .list6 .a{height: 1.8rem;padding: 0 .2rem;}
    .list6 .ico{ width: .5rem; height: .5rem;}
    .list6 h4{font-size: .18rem;}
    .list6 h6{font-size: .12rem;height: .3rem;}

    .home2 .right{ width: 100%}
    .home2 .bd .bd_li{transform: translate(0, 0) !important;width: 100% !important;}
    .home2 .bd .bd_li:nth-child(1){ position: relative !important}

    .list9 .a{ padding: 0 .15rem;}
    .home2 .bd .bd_li:nth-child(1){ opacity: 1; visibility: visible;}
    .home2.on2 .bd .bd_li:nth-child(2){ opacity: 1; visibility: visible;}
    .home2.on3 .bd .bd_li:nth-child(3){ opacity: 1; visibility: visible;}
    .home2.on4 .bd .bd_li:nth-child(4){ opacity: 1; visibility: visible;}
    .home2.on2 .bd .bd_li:nth-child(1), .home2.on3 .bd .bd_li:nth-child(1), .home2.on4 .bd .bd_li:nth-child(1){ opacity: 0; visibility: hidden}

    .list9 .ico{width: .3rem;height: .3rem;margin: 0 .1rem 0 0;}
    .list9 .con{ flex: 1; overflow: hidden}
    .home2 .bd{ position: relative}
    .list9W{height: 2.5rem;padding: 0;}
    .list7W{height: 2.2rem;padding: 0 .15rem;}
    .list7W::before, .list9W::before{ right: 0}

    .home3 .left{width: 100%;order: 2;padding: .4rem 0 0;}
    .home3 .center{width: 3rem;margin: .4rem auto;max-width: 62%;padding-bottom: .2rem;}
    .home3 .right{width: 100%;/* order: -1; */}

    .list10 li{display: flex;text-align: center;}
    .list10 h3 big{ font-size: .3rem;}
    .list10 h3{ justify-content: center}
    .list10 .a{padding: 0 .1rem .3rem;}

    .list10 h3 small{ font-size: .16rem}

    .home3 .left .dots, .home3 .center .dots{justify-content: center;left: 50%;transform: translateX(-50%);}

    .list11 .ico{ width: .7rem; height: .7rem;}

    .list13 .ico{ width: .3rem; height: .3rem;}

    .list13 .a{height: .8rem;padding: 0 .25rem;}
    .list13 li:nth-child(1) .a::before{ transform: translateX(0)}

    .arrow1.prev{ left: 50%; margin-left: -.4rem;}
    .arrow1.next{ right: 50%; margin-right: -.4rem;}
    .arrow1{width: .32rem;height: .32rem;font-size: .13rem;top: auto;bottom: 0;}
    .list14W{padding-bottom: .7rem;}

    .list15 li{ width: 50%}
    .list15 .a{padding: 0 .15rem;height: .8rem;}
    .list15 i{ display: none}

    .home5{ padding-top: 0}

    .home6 .content{ padding: .25rem .15rem;}
    .home6 .left{flex: auto;width: 100%;order: 1;}
    .home6 .right{width: 100%;margin: 0 0 .1rem;text-align: center;}
    .list16 .a{padding: .15rem 0;height: auto;}

    .list16 i{ width: .28rem; height: .28rem; font-size: .13rem}

    .home6 .right h4{ font-size: .24rem}
    .home6 .right p{ font-size: .14rem}

    .home4{ padding-top: .1rem;}

    .home2.on4 .bd .bd_li:nth-child(4) .list9 li:nth-child(1){ width: 100%}

    .ar_web{ display: none}
    .ar_wap{ display: block}

    .list9 li{width: 50%;height: 33.33%;}

    .list7 .txt{ padding: 0 .15rem;}
    .list7 .imgBox .img{ padding-bottom: 80%;}
    .list7 i{ font-size: .14rem;}

    .list14 dd{ width: 100%}

    .list1W .left{width: .9rem;height: .9rem;background: #1950c4;}
    .list1W .left h3{font-size: .2rem;line-height: 1.2;}
    .list1W .right{ flex: 1; overflow: hidden}
} 
@media(max-width: 560px){
    .list10 h6{ font-size: .14rem}

    .list15 li{width: 50%;padding: 0 7px;}
    .list15 h4{ font-size: .16rem}
    .list15 .ico{ width: .1rem; height: .18rem}

    .list16 li{ width: 100%}
}