@charset "utf-8";
body.ibg{ background: #253A93;}
.section, #fullpage{ overflow: hidden;}
.section .wp{transform: translateX(5vh);z-index: 2;position: relative;}

.header{opacity: 0;visibility: hidden;}

.ftop{position: fixed;top: 0;bottom: 0;left: 0;z-index: 10000000;transition: all .5s;height: 100vh;width: 10.66vh;}
.ftop.on{ transform: translateX(-101%)}
.ftop ul{transition: all .5s;height: 100%;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);display: flex;flex-direction: column;/* justify-content: center; */padding: 7vh 0;}
.ftop ul img{position: fixed;top: 0;bottom: 0;left: 0;height: 100vh;z-index: 1000;object-fit: cover;width: 10.66vh;max-width: initial;max-height: initial;opacity: 0;visibility: hidden;transition: .5s;pointer-events: none;}
.ftop li{height: 9.48vh;}
.ftop li:nth-child(1), .ftop li:nth-child(3){height: 0;}
.ftop .a{ display: block; height: 100%;}

.ftop li.active{height: calc(100vh - 9.48vh*8);}
.ftop li.active img{opacity: 1; visibility: visible;}

.section .fp-bg{display: flex;align-items: center;justify-content: center;position: absolute;height: 100%;width: 100%;top: 0;background-size: cover;background-position: center;z-index: 1; pointer-events: none;}
.section .fp-bg{ background: #F8FBFF;}

.home4 .fp-bg{ background: url(/images/home4_b.jpg) center no-repeat; background-size: cover;}
.home5 .fp-bg{ background: url(/images/home5_b.jpg) center no-repeat; background-size: cover;}

.banner_box{ position: relative;z-index: 1;width: 100vw; height: 100vh;}
.banner{padding: 0px;position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner ul li{overflow: hidden;}
.banner ul li .img {overflow: hidden;width: 100%; }
.banner ul li .img .imgLi {padding-bottom: 100vh;transition: 0s;}
.banner ul li .img video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.banner .btn{ position: absolute; left: 5.2vw; bottom: 5vh;align-items: center;z-index: 2;}
.banner .dots {position: absolute;display: flex;margin: 0;width: 100%;bottom: .3rem;color: #fff;z-index: 1;justify-content: center;}
.banner .dots span { background: none;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;margin: 0 .05rem !important;opacity: 1 !important;width: .28rem;height: .28rem;position: relative;z-index: 1;}
.banner .dots span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,.72); border-radius: 50vw; transform: scale(.3);transition: all .5s;}
.banner .dots span:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/b_dot.svg) center no-repeat; background-size: 100% 100%; transition: all .5s; opacity: 0}
.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

.banner .mouse{ position: absolute; right: 5.2vw; bottom: 5vh;align-items: center;z-index: 2; width: 1.5rem; height: .5rem; align-items: center; justify-content: center; background: #a51c30;border-radius: .2rem;font-size: .16rem;color: #fff;font-family: 'Times New Roman';text-transform: uppercase;}
.banner .mouse span{ display: inline-block; width: .16rem; height: .24rem; border: #fff .02rem solid; border-radius: 50vw; margin: 0 0 0 .12rem;position: relative;}
.banner .mouse span:after{ content: ""; position: absolute; -webkit-animation: scrolling 2s ease-in infinite; animation: scrolling 2s ease-in infinite; width: 2px; height: .05rem; background: #fff; top: 50%; left: 50%; margin: -.05rem 0 0 -1px;}

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

.tit1{ position: relative; z-index: 1; margin-bottom: .5rem;}
.tit1 .ll{ align-items: center;}
.tit1 .ll img{ height: .54rem;margin: .04rem .24rem 0 0;}
.tit1 h3{ font-size: .4rem; color: #00033A; font-family: Microsoft YaHei;}
.tit1 h6{ font-size: .16rem; color: #253A93;margin: .08rem 0 0;}
.tit1 .more1{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.tit1c{ justify-content: center;}
.tit1c .ll{ margin-left: -.5rem;}

.tit1w h3, .tit1w h6{ color: #fff}
.tit1w .ll img{ height: .61rem}

.more1{ width: 1.42rem; height: .42rem; border: 1px solid #BFBFC6;align-items: center;justify-content: center;border-radius: 50vw;z-index: 1;/*! background: #f8fbff; */transition: 1s; overflow: hidden;position: relative;color: #757582;backdrop-filter: blur(3px);}
.more1 .b1{ position: absolute; top: 0; right: 0; left: 0; z-index: -1; background: #253A93; height: 220%; transform: translateY(50%);transition: 1s;}
.more1 .b1 svg{ width: calc(100% + 2px); fill: #f8fbff;margin: -1px; transition: .5s}

.home2 .fp-overflow{overflow:hidden}
.home2 .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(/images/blww.png) center bottom repeat-x; background-size: 100vw auto; transform: translateY(8vw); }
.home2 .hm{ position: absolute; right: -1vw; bottom: 0;  z-index: -1; width: 6.5rem; max-width: 34vw; -webkit-animation: ball 1.5s ease-in-out; animation: ball 1.5s ease-in-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;-webkit-animation-direction: alternate;animation-direction: alternate; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
@-webkit-keyframes ball {
    to {transform: translateY(2%);}
}
@keyframes ball {
    to {transform: translateY(2%);}
}
.list1{ width: 43.73%;}
.list1 .img{ padding-bottom: 65.24%;}
.list1 .txt{ padding: .26rem 0 0;}
.list1 h4{ margin: .1rem 0 .15rem;}

.list2{ width: 53.5%;}
.list2 li{ margin-bottom: .38rem;}
.list2 .a{ align-items: center; position: relative; z-index: 1;}
.list2 .a::before{ content: ""; position: absolute; left: 0; background: #F3F3F9;top: 0;height: 100%;width: 0;z-index: -1; transition: .5s}
.list2 .a::after{ content: ""; position: absolute; left: 0; opacity: 0.2; background: #00033A;bottom: 0;height: 1px;width: 100%;z-index: -1; transition: .5s}
.list2 .imgBox{ width: 2.45rem; margin: 0 .35rem 0 0 }
.list2 .img{ padding-bottom: 70.61%;}
.list2 .txt{ flex: 1; overflow: hidden;}
.list2 h4{ margin: .1rem 0 .15rem;}
.list2 p{ height: 0; opacity: 0; transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.list2 li:nth-child(2), .list2 li:nth-child(3){ max-width: 82%;}
.list2 li:last-child{ margin-bottom: 0;}

.home3 .left{ width: calc(100% - 61.3% - 6%);}
.home3 .left .more1{ margin: .3rem 0 0; position: relative;}
.home3 .right{ width: 61.3%;}
.home3 .right .more1{ float: right;z-index: 2;margin-top: -.56rem;}

.list3 li{ border-bottom: rgba(37,58,147,.2) 1px solid;}
.list3 .a{ padding: .28rem 0; align-items: center;position: relative;z-index: 1;}
.list3 .a:after{ content: ""; position: absolute; bottom: -1px; height: 1px; background: #1E4185; width: 0; transition: .5s}
.list3 .time{ width: .84rem; text-align: center; margin: 0 .28rem 0 0; position: relative; z-index: 1;overflow: hidden;border-radius: .08rem;}
.list3 .b1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: .5s}
.list3 .b1::before{ content: ""; height: .53rem; position: absolute; right: 0; top: 0; left: 0;}
.list3 .b1::after{ content: ""; height: .3rem; position: absolute; right: 0; bottom: 0; left: 0; background: #253A93;}
.list3 .b2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: all .5s; transform: translateY(100%);}
.list3 .b2::before{ content: ""; height: .53rem; position: absolute; right: 0; top: 0; left: 0; background: #253A93;}
.list3 .b2::after{ content: ""; height: .3rem; position: absolute; right: 0; bottom: 0; left: 0; background: #016CB3;}
.list3 .time h3{ font-size: .36rem; color: #253A93; line-height: .52rem; border: 1px solid #253A93; border-radius: .08rem .08rem 0 0;font-weight: normal; transition: all .5s;}
.list3 .time h6{ font-size: .18rem; color: #fff; line-height: .29rem; border-radius: 0 0 .08rem .08rem;}
.list3 .txt{ flex: 1; overflow: hidden}
.list3 li:first-child .a{ padding-top: .2rem;}

.list4Box{ overflow: visible;}
.list4 .swiper-slide{ justify-content: space-between}
/* .list4 .swiper-slide li:nth-child(1){ transform: translateY(.3rem);}
.list4 .swiper-slide li:nth-child(2){ transform: translateY(.5rem); transition-delay: .2s;} */
.list4 li{ width: calc(50% - 1.5vw); opacity: 0; transition: 1s;}
.list4 .a{ display: block}
.list4 .txt{ background: #1E4185; padding: .36rem; }
.list4 h6{ color: #00DEFF;}
.list4 h6 big{ font-size: .18rem; margin: 0 .06rem 0 0;}
.list4 h4{ color: #fff !important; margin: .2rem 0 .2rem;}
.list4 p{ color: rgba(255, 255, 255, 0.7);}
.list4 .imgBox .img{ padding-bottom: 74.41%;}

.list4 li:nth-child(2) .a{ transform: translateY(-1.2rem)}
.list4 li:nth-child(2) .txt{ background: #016CB3;}

.list4 .swiper-slide.swiper-slide-active li{ opacity: 1; }

.arrow1{ position: relative; z-index: 2;left: 55%;margin: -.7rem 0 0;}
.arrow1 .arrow{position: relative;z-index: 2;cursor: pointer;overflow: hidden;width: .56rem;height: .56rem;}
.arrow1 .arrow.next{ transform: rotate(180deg);margin: 0 0 0 .18rem;}
.arrow1 .arrow::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;border: 1px solid #1E4185;border-radius: 50vw; transition: all .5s;}
.arrow1 .arrow::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: transparent 1px solid; border-radius: 50%; background: #1E4185; z-index: -1; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all .5s;}
.arrow1 *{ transition: all .5s;}
.arrow1 .ico svg{width: .24rem;height: .24rem;fill: #1E4185;}
.arrow1 .ico .ico1:last-child svg{fill: #fff;}
.arrow1 .ico{position: relative;z-index: 1;overflow: hidden;width: 100%;height: 100%;}
.arrow1 .ico .ico1{  position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}

.arrow1 .ico .ico1n{ transform: translateX(.2rem); opacity: 0;}

.arrow1 svg{ width: .25rem; height: .15rem; fill: #1E4185}

.tit2 h3{ font-size: .36rem; color: #F3F3F9; font-weight: bold; font-family: Microsoft YaHei;-webkit-writing-mode: tb-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;}
.tit2 h6{ font-size: .16rem; color: #F3F3F9; margin: 0 0 0 .1rem;-webkit-writing-mode: tb-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;}

.home4 .wp{min-height: 26.04vw;align-items: center;position: sticky;}
.home4 .tit2{ margin-left: -7vw; position: relative; z-index: 1;flex-wrap: nowrap;width: .7rem;}
.home4 .tit2 .b1{ position: absolute; top: 50%; right: -7vw; transform: translate(0, -50%);width: 26.04vw; z-index: -1}
.home4 .tit2 .b1 img{ -webkit-animation: cd 30s infinite ease-in-out; animation: cd 30s infinite ease-in-out;}
@-webkit-keyframes cd{
    0%{ transform: rotate(0);}

    6.25%{ transform: rotate(45deg);}
    12.5%{ transform: rotate(45deg);}

    18.75%{ transform: rotate(90deg);}
    25%{ transform: rotate(90deg);}

    31.25%{ transform: rotate(135deg);}
    37.5%{ transform: rotate(135deg);}

    43.75%{ transform: rotate(180deg);}
    50%{ transform: rotate(180deg);}

    56.25%{ transform: rotate(225deg);}
    68.75%{ transform: rotate(225deg);}

    75%{ transform: rotate(270deg);}
    81.25%{ transform: rotate(270deg);}

    87.5%{ transform: rotate(315deg);}
    93.75%{ transform: rotate(315deg);}

    100%{ transform: rotate(360deg);}
}
@keyframes cd{
    0%{ transform: rotate(0);}

    6.25%{ transform: rotate(45deg);}
    12.5%{ transform: rotate(45deg);}

    18.75%{ transform: rotate(90deg);}
    25%{ transform: rotate(90deg);}

    31.25%{ transform: rotate(135deg);}
    37.5%{ transform: rotate(135deg);}

    43.75%{ transform: rotate(180deg);}
    50%{ transform: rotate(180deg);}

    56.25%{ transform: rotate(225deg);}
    68.75%{ transform: rotate(225deg);}

    75%{ transform: rotate(270deg);}
    81.25%{ transform: rotate(270deg);}

    87.5%{ transform: rotate(315deg);}
    93.75%{ transform: rotate(315deg);}

    100%{ transform: rotate(360deg);}
}

.home4 .left{width: 40%;/*! height: 6.9rem; */padding: 0 .4rem 0 7.5%; /*! display: flex; */ /*! flex-direction: column *//*! overflow: hidden; */}
.home4 .left .svg{height: 1.02rem;margin-bottom: .4rem;padding-left: .2rem;}
.list5s{overflow: visible;margin: 0 0 0 -.04rem;padding-left: .03rem;position: relative;border-left: 1px solid rgba(216, 216, 216, 0.15);}
.list5Box{ flex: 1; overflow: hidden;}
.list5w{ height: auto !important;}
.list5Box .swiper-slide{ height: auto !important; }
.list5{ /*! flex: 1; *//*! overflow: hidden; *//*! overflow-y: scroll; */margin-left: .46rem;padding-top: .3rem;}
.list5s::-webkit-scrollbar{width:4px !important;height:0}
.list5s::-webkit-scrollbar-track{background:transparent !important;border-radius: 0}
.list5s::-webkit-scrollbar-thumb{background:transparent;border-radius: 0}

.list5s:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.4)}

.home4 .right{ width: calc(100% - 40% - 1rem);}
.home4 .right .bd{ position: relative; z-index: 1}
.home4 .right .bd .bd_li{ position: absolute; top: 0; right: 0; bottom: 0;  left: 0;opacity: 0;visibility: hidden; transition: .5s}
.home4 .right .bd .bd_li:first-child{ position: relative !important; }
.home4 .right .bd .bd_li.on{ opacity: 1; visibility: visible}

.list5 li{/* margin-bottom: .3rem; */}
.list5 h3{position: relative;z-index: 1;font-size: .36rem;color: #fff !important;font-weight: bold;padding: 0 .15rem;font-family: Microsoft YaHei;color: rgba(255, 255, 255, 0.3);transition: all .5s;}
.list5 h3:before{content: "";position: absolute;left: -.52rem;width: .05rem;height: .4rem;background: #3655D9;border-radius: 50vw;top: 50%;transition: .1s;transform: translateY(-50%);}
.list5 p{ font-size: .16rem; color: rgba(255, 255, 255, 0.6); line-height: .3rem; max-height: .6rem\0;padding: 0 .3rem 0 .15rem;margin: .3rem 0 0;}
.list5 dl{border-top: 1px solid rgba(216, 216, 216, 0.15);padding: .4rem .15rem .5rem;margin: .5rem 0 0;display: flex;flex-wrap: wrap;}
.list5 dl dd{ min-width: 50%}
.list5 dl .a {font-size: .18rem;color: #fff;line-height: .42rem;transition: all .5s;}

.list5 li.on h3{ /*! font-size: .45rem; */ color: #fff}
.list5 li.on h3::before{ background: #00D4FF; box-shadow: 0px 0px 15px 0px #00D4FF; height: .4rem;}

.list7Box{ margin: 0 0 .3rem;overflow: visible;}

.list6{ margin: 0 -.08rem -.18rem;}
.list6 li{ width: 20%; padding: 0 .08rem; margin-bottom: .18rem;}
.list6 .a{ display: flex; height: .48rem; border: 1px solid #455EC9; border-radius: 50vw;align-items: center;justify-content: center;transition: all .5s; position: relative}
.list6 .a:before{ content: ""; position: absolute; top: -.02rem; left: 20%; width: .13rem; height: .03rem; background: #00D4FF; box-shadow: 0px 0px 5px 0px #00D4FF; border-radius: 50vw; transform: translateX(.5rem); opacity: 0; transition: all .5s;}
.list6 .a:after{ content: ""; position: absolute; bottom: -.02rem; right: 20%; width: .13rem; height: .03rem; background: #00D4FF; box-shadow: 0px 0px 5px 0px #00D4FF; border-radius: 50vw; transform: translateX(-.5rem); opacity: 0; transition: all .5s;}
.list6 h3{ font-size: .17rem; color: rgba(255,255,255,.4); transition: all .5s;font-weight: normal;}

.list6 li.on .a{ border: 1px solid #6B87FF; background: #253A93;}
.list6 li.on .a h3{ color: #fff; font-weight: bold;}
.list6 li.on .a:before{ transform: translateX(0); opacity: 1;}
.list6 li.on .a:after{ transform: translateX(0); opacity: 1;}

.list7 .imgBox{ border-radius: .1rem;}
.list7 .imgBox .img{ padding-bottom: 59.54%;background: #1E4185;}
.list7 .imgBox .img img{ opacity: .5}
.list7 .a{ display: block;position: relative;z-index: 1;transition: all .5s;}
.list7 .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.53) -1%, rgba(165, 165, 165, 0) 72%);border-radius: .1rem;display: none;}
.list7 li.swiper-slide-next{ opacity: 1 !important;}
.list7 li .a{ transform: translateX(30%) scale(.8);}
.list7 li.swiper-slide-active .a{ transform: translateX(0) scale(1); opacity: 1}
.list7 li.swiper-slide-active .imgBox .img img{ opacity: 1}

.list7Box .arrow{ position: absolute;cursor: pointer;overflow: hidden;width: .56rem;height: .56rem;right: -.28rem;top: 50%;z-index: 10;}
.list7Box .arrow.next{ margin: -.28rem 0 0 .18rem;}
.list7Box .arrow::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;border-radius: 50vw; transition: all .5s;background: #F3F3F9;}
.list7Box .arrow::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: transparent 1px solid; border-radius: 50%; background: #1E4185; z-index: -1; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all .5s;}
.list7Box *{ transition: all .5s;}
.list7Box .ico svg{width: .28rem;height: .28rem; fill: #243A96;}
.list7Box .ico svg path{ fill: #243A96;}
.list7Box .ico .ico1:last-child svg path{fill: #243A96;}
.list7Box .ico{position: relative;z-index: 1;overflow: hidden;width: 100%;height: 100%;}
.list7Box .ico .ico1{  position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}

.list7Box .ico .ico1n{ transform: translateX(.2rem); opacity: 0;}

.home5 .fl1{/* align-items: center; */}
.home5 .left{ width: calc(100% - 35.625vw); padding: 0 .7rem 0 0;}
.home5 .arc-con{ font-size: .16rem; color: #EBEBEB; line-height: .32rem}
.home5 .arc-con p{ font-size: .16rem}
.home5 .right{width: 34vw;position: relative;margin: -.6rem 0 0;}
.home5 .right .imgBox{ border-radius: 50%;opacity: 0;visibility: hidden;}
.home5 .right .imgBox .img{ padding-bottom: 100%;}

#mVideoPlay {height: 100%;width: 100%;z-index: 1;position: absolute;left: 0;top: 0;}
#mVideoPlay.playing{ z-index: 1000}
#mVideoPlay .videoWrapper{position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-clip-path: circle(3.07rem at calc(39vw + 7rem) 57%);clip-path: circle(3.07rem at calc(39vw + 7rem) 57%);transition: all 1.2s cubic-bezier(.17,.67,.49,.93);}
#mVideoPlay.playing .videoWrapper{-webkit-clip-path: circle(60vw at 50% 50%);clip-path: circle(60vw at 50% 50%);z-index: 21;}
#mVideoPlay .videoWrapper::before {content: "";position: absolute;pointer-events: none;width: 100%;height: 100%;background: transparent;z-index: 2;transition: all .4s ease;}
#mVideoPlay.playing .videoWrapper::before {background: rgba(0,0,0,.2);pointer-events: inherit;}
#mVideoPlay .videoWrapper video {width: 100%;height: 100%;-webkit-object-fit: cover;-o-object-fit: cover;object-fit: cover;position: absolute;}
#mVideoPlay .closeBtn {border-radius: 50%;background-color: #0e327c;width: .8rem;height: .8rem;position: absolute;left: 50%;bottom: .3rem;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 3;transition: all .4s ease;transform: translateX(-50%) translateY(-120px);opacity: 0;}
#mVideoPlay.playing .closeBtn {transform: translateX(-50%) translateY(0);opacity: 1;}
#mVideoPlay .closeBtn div {width: .3rem;height: .3rem;position: relative;}
#mVideoPlay .closeBtn div::after, #mVideoPlay .closeBtn div::before {position: absolute;content: "";width: 2px;height: 100%;left: 50%;top: 0;background: #fff;}
#mVideoPlay .closeBtn div::before {transform: rotate(45deg);}
#mVideoPlay .closeBtn div::after {transform: rotate(-45deg);}

#mVideoPlay .ico{ position: absolute; bottom: 16%; left: 62%; z-index: 10;width: .78rem;height: .78rem;cursor: pointer;}
#mVideoPlay .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #FFB400; border-radius: 50vw;/*! border: #fff 2px solid; */}
#mVideoPlay .ico img{ position: absolute; z-index: 1;width: .36rem;height: .36rem;left: 50%;top: 50%;transform: translate(-40%, -50%) !important;}
#mVideoPlay .circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;border: rgba(255,180,0) 1px solid;transform: scale(1);-webkit-animation: circleScale 3s linear infinite;animation: circleScale 3s linear infinite;transition: all 0.5s;z-index: -1;}

#mVideoPlay .circle span:nth-of-type(2) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
#mVideoPlay .circle span:nth-of-type(3) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

.home5 .tit1 .ll, .home5 .fl1{ transition: all 1.2s cubic-bezier(.17,.67,.49,.93); transform: translateX(0);}
.home5.vis .tit1 .ll, .home5.vis .fl1{ transform: translateX(-100vw); opacity: 0;} 

.list8Box{margin: .3rem 0 0 0;}
.list8{margin: 0;}
.list8 li{ width: 33.33%; text-align: center;padding: .35rem 0;}
.list8 h3{ display: flex; align-items:flex-start; justify-content: center;}
.list8 h3 big{ /*! font-family: HarmonyOS Sans SC; */ /*! font-weight: 500; */ font-size: .5rem; color: #00D4FF;font-family: 'roboto m';font-weight: normal;}
.list8 h3 small{ margin: 0 0 0 .15rem; font-size: .24rem; color: rgba(255, 255, 255, 0.74); font-weight: normal; transform: translateY(.08rem)}
.list8 h4{ font-size: .18rem; color: #fff !important;line-height: 1.5;margin: .04rem 0 0;}

.arrow3{position: relative;z-index: 2;margin: .3rem 0 0;}
.arrow3 .arrow{position: relative;z-index: 2;cursor: pointer;overflow: hidden;width: .56rem;height: .56rem;}
.arrow3 .arrow.next{ transform: rotate(180deg);margin: 0 0 0 .18rem;}
.arrow3 .arrow::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;background: #F3F3F9;border-radius: 50vw; transition: all .5s;}
.arrow3 .arrow::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: transparent 1px solid; border-radius: 50%; background: #FFB400; z-index: -1; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all .5s;}
.arrow3 *{ transition: all .5s;}
.arrow3 .ico svg{width: .26rem;height: .26rem;fill: #243A96;}
.arrow3 .ico .ico1:last-child svg{fill: #fff;}
.arrow3 .ico{position: relative;z-index: 1;overflow: hidden;width: 100%;height: 100%;}
.arrow3 .ico .ico1{  position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}

.arrow3 .ico .ico1n{ transform: translateX(.2rem); opacity: 0;}

.arrow3 svg{ width: .25rem; height: .15rem; fill: #1E4185}

.home5 .right .ico{position: absolute;bottom: 7%;left: 3%;z-index: 10;width: .78rem;height: .78rem;cursor: pointer;transform: translateY(-.6rem);}
.home5 .right .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #FFB400; border-radius: 50vw;/*! border: #fff 2px solid; */}
.home5 .right .ico img{ position: absolute; z-index: 1;width: .36rem;height: .36rem;left: 50%;top: 50%;transform: translate(-40%, -50%) !important;}
.home5 .right .circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;border: rgba(255,180,0) 1px solid;transform: scale(1);-webkit-animation: circleScale 3s linear infinite;animation: circleScale 3s linear infinite;transition: all 0.5s;z-index: -1;}

.home5 .right .circle span:nth-of-type(2) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.home5 .right .circle span:nth-of-type(3) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
@-webkit-keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2, 2);
    }
}
@keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2, 2);
    }
}

.list8Box .zs{ position: absolute; top: 50%; left: 50%; width: .24rem; height: .24rem;display: flex;flex-direction: column;justify-content: space-between;align-items: center; transform: translate(-50%, -50%); z-index: 1;}
.list8Box .swiper-slide{ overflow: hidden;}
.list8Box .zs .i1{ align-self: flex-start}
.list8Box .zs .i2{ align-self: flex-end}
.list8Box .zs1{ left: 33.33%}
.list8Box .zs1::before{ content: ""; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.18); width: 100vw; height: 1px; transform: translate(-50%, -50%);}
.list8Box .zs2{ left: 66.66%}
.list8Box .zs1::after{ content: ""; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.18); width: 1px; height: 2.9rem; transform: translate(-50%, -50%);}
.list8Box .zs2{ left: 66.66%}
.list8Box .zs2::after{ content: ""; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.18); width: 1px; height: 2.9rem; transform: translate(-50%, -50%);}

.home6 p{ font-size: .2rem; color: #00033A; line-height: .4rem; width: 11.5rem; max-width: 100%; margin: .35rem auto 0; text-align: center;}

.home6 .fp-bg{ background: url(/images/home6_b1.jpg) center no-repeat; background-size: cover;}
.section .fp-bg1{display: flex;align-items: center;justify-content: center;position: absolute;height: 100%;width: 100%;top: 0;background-size: cover;background-position: center;z-index: 1; pointer-events: none;}

.home6 .fp-bg1{ background: url(/images/home6_b2.png) center bottom no-repeat; background-size: 100% auto; }

.list9{ position: relative; z-index: 1; height: 40vh; margin: 3vh 0 15vh;}
.list9 li{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 1;}
.list9 .a{display: flex;border-radius: .1rem;border: 1px solid rgba(39, 129, 191, 0.25);box-shadow: 0px 10px 10px 0px rgba(196, 221, 246, 0.149);position: relative;z-index: 1;width: 12vw;height: .85rem;background: #ffff;align-items: center;justify-content: center;padding: 0 1vw;}
.list9 .a img{ border-radius: .1rem;}
.list9 .a:before{ content: ""; position: absolute; top: 100%; left: 50%; width: 1px; background: linear-gradient(180deg, #016CB3 0%, rgba(1, 108, 179, 0) 100%);height: 20vh;}

.list9 li:nth-child(1){ transform: translate(-323%, -178%); -webkit-animation-delay: 0s; animation-delay: 0s;}
.list9 li:nth-child(2){ transform: translate(-258%, -50%); -webkit-animation-delay: 1s; animation-delay: 1s;}
.list9 li:nth-child(3){ transform: translate(-181%, 84%); -webkit-animation-delay: 0s; animation-delay: 0s;}
.list9 li:nth-child(4){transform: translate(-124%, -160%);-webkit-animation-delay: 3s;animation-delay: 3s;}
.list9 li:nth-child(5){transform: translate(-42%, -30%);-webkit-animation-delay: 4s;animation-delay: 4s;}
.list9 li:nth-child(6){ transform: translate(36%, 118%); -webkit-animation-delay: 5s; animation-delay: 5s;}
.list9 li:nth-child(7){transform: translate(110%, -98%);-webkit-animation-delay: 3s;animation-delay: 3s;}
.list9 li:nth-child(8){ transform: translate(216%, -218%); -webkit-animation-delay: 7s; animation-delay: 7s;}

.list9 li:nth-child(2n-1) .a{ -webkit-animation: ball 1.5s infinite ease-in-out; animation: ball 1.5s infinite ease-in-out; -webkit-animation-direction: alternate;animation-direction: alternate}
.list9 li:nth-child(3n-1) .a{ -webkit-animation: ball2 1.5s infinite ease-in-out; animation: ball2 1.5s infinite ease-in-out; -webkit-animation-direction: alternate;animation-direction: alternate}
.list9 li:nth-child(2n) .a{-webkit-animation: ball1 1.5s infinite ease-in-out;animation: ball1 1.5s infinite ease-in-out;-webkit-animation-direction: alternate;animation-direction: alternate;width: 12vw;}

@-webkit-keyframes ball {
    to {transform: translateY(.1rem);}
}
@keyframes ball {
    to {transform: translateY(.1rem);}
}
@-webkit-keyframes ball2 {
    to {transform: translateY(.16rem);}
}
@keyframes ball2 {
    to {transform: translateY(.16rem);}
}
@-webkit-keyframes ball1 {
    to {transform: translateY(-.1rem);}
}
@keyframes ball1 {
    to {transform: translateY(-.1rem);}
}

.list9 li{ animation:star 8s infinite; -webkit-animation:star 8s infinite;}
@keyframes star
{
	0{ opacity: 1; }
	20%{ opacity: .7;}
	40%{ opacity: 1; }
	100%{ opacity: 1; }
}

@-webkit-keyframes star /*Safari and Chrome*/
{
	0{ opacity: 1; }
	20%{ opacity: .7;}
	40%{ opacity: 1; }
	100%{ opacity: 1; }
}

@keyframes aspin-reverse{
    0% {
        transform: 0
    }

    50% {
        transform: translateX(30px) translateY(50px)
    }

    100% {
        transform: 0
    }
}

.home7 .fp-bg{ background: url(/images/home7_b.jpg) center bottom no-repeat; background-size: cover; }

.list10W0{position: relative;z-index: 1;padding: 0 0 0 10vh;/* overflow: hidden; */margin: -.2rem 0;}

.list10Box{overflow: visible;padding: .2rem 0;}
.list10 .a{ display: block; position: relative; transition: .5s}
.list10 .a .tt{ position: absolute; top: .2rem; left: .2rem; z-index: 1; background: rgba(38, 59, 148, 0.8); border-radius: 50vw; height: .42rem;font-size: .22rem;color: #fff;align-items: center;padding: 0 .2rem;display: flex;}
.list10 .a .t2{ background: rgba(237, 146, 10, 0.8);}
.list10 .img{ overflow: hidden; border-radius: .1rem;}
.list10 .img img{width: 100%;transition: all .5s;/* max-height: 5rem; */object-fit: cover;}
.list10 h4{ margin: .2rem 0 0;}

.arrow4 .arrow{position: absolute;z-index: 2;cursor: pointer;overflow: hidden;width: .56rem;height: .56rem;top: 1.75rem;z-index: 10;}
.arrow4 .arrow.next{ transform: rotate(180deg);margin: 0 0 0 .18rem;}
.arrow4 .arrow::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;background: #F3F3F9;border-radius: 50vw; transition: all .5s;}
.arrow4 .arrow::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: transparent 1px solid; border-radius: 50%; background: #FFB400; z-index: -1; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all .5s;}
.arrow4 *{ transition: all .5s;}
.arrow4 .ico svg{width: .26rem;height: .26rem;fill: #243A96;}
.arrow4 .ico .ico1:last-child svg{fill: #fff;}
.arrow4 .ico{position: relative;z-index: 1;overflow: hidden;width: 100%;height: 100%;}
.arrow4 .ico .ico1{  position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.arrow4 .ico .ico1n{ transform: translateX(.2rem); opacity: 0;}

.arrow4 .arrow.prev{ left: calc(10vh + 6.5vw);}
.arrow4 .arrow.next{ right: 6.5vw;}
.arrow4 svg{ width: .25rem; height: .15rem; fill: #1E4185}

.home8 .fp-bg{ background: url(/images/home8_b.jpg) center bottom no-repeat; background-size: cover; }
.home8 .fp-bg:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/home8.png) right center no-repeat; background-size: auto 100%;}
.home8 .tit1 .ll{ justify-content: center; text-align: center;}

.list11.left{ width: 28.06%;}
.list11.center{ width: 26.93%;}
.home8 .right{ width: 40.66%;}

.list11 .a{ display: block; position: relative; z-index: 1; border-radius: .1rem; overflow: hidden;}
.list11 .ico{ position: absolute; top: 0; left: 0; width: auto; height: .34rem; align-items: center; justify-content: center; padding: 0 .1rem; min-width: .9rem; background: #06A315;font-size: .16rem;color: #fff;border-radius: 0px 0px .2rem 0px;}
.list11 .ico img{ margin: 0 .06rem 0 0; width: .21rem;}
.list11 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 .25rem .2rem;background: linear-gradient(180deg, rgba(37, 58, 147, 0) 23%, rgba(0,12,64,.8) 100%);}
.list11 h6, .list11 h4{ color: #fff}
.list11 h4{ font-size: .2rem; color: #fff !important; margin: .05rem 0 0}

.list11 .ico.wx{ background: #06A315;}
.list11 .ico.dy{ background: #1DABE9;}
.list11 .ico.sph{ background: #ECA150;}
.list11 .ico.sq{ background: #253A93;}

.list11.left li:nth-child(1){ margin-bottom: 9.5%;}
.list11.left .imgBox .img{ padding-bottom: 68.95%;}
.list11.center .imgBox .img{ padding-bottom: 153.33%}
.home8 .right .imgBox .img{ padding-bottom: 74.42%}

.list12{position: relative;z-index: 10; justify-content: center;margin: .5rem 0 0;}
.list12 li{margin: 0 .12rem;position: relative;z-index: 1;cursor: pointer;}
.list12 li .a{display: flex;font-size: 13px;color: #fff;align-items: center;text-transform: uppercase;width: .69rem;transition: all 0.5s; justify-content: center; }
.list12 li .a img{width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s; }
.list12 li .ewm{width: 1.4rem;background: #fff;border-radius: .06rem;position: absolute;padding: .05rem;bottom: 135%;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);}
.list12 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);bottom: -.06rem;left: 50%;margin-left: -.06rem;}
.list12 li .ewm img{ width: 100%}

.list12 li:hover .a img{ opacity: 1}
.list12 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}

.home9 .fp-bg{ background: url(/images/home9_b.jpg) center bottom no-repeat; background-size: cover; }
.home10 .fp-bg{ background: url(/images/home10_b.jpg) center bottom no-repeat; background-size: cover; }

.ztzl1{ align-items: flex-start;overflow: hidden;margin: 0 -.1rem 5vh;}
.ztzl1 li{ width: 1.7rem;transition: all 0.3s ease-out 0s;padding: 0 .1rem;}
.ztzl1 .a{ height: 100%;flex-wrap: nowrap;position: relative;z-index: 1;display: block;border-radius: .1rem;overflow: hidden;}
.ztzl1 .tit{ width: .7rem; background: rgba(133,21,17,.4);/*! height: 100%; */display: flex;justify-content: space-between;padding: .38rem .1rem; height: 4.6rem;align-items: center;position: absolute;top: 0;bottom: 0;left: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all .5s;}
.ztzl1 .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);}
.ztzl1 .tit .a1 img{ margin: .1rem 0 0}
.ztzl1 .tit h4{ -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl;  font-size: .18rem; color: #fff;  line-height: .3rem; display: block;letter-spacing: .02rem;}
.ztzl1 .imgBox{ width: 100%;height: 100%;}
.ztzl1 .imgBox .img{ padding-bottom: 62%;padding-bottom: 4.6rem;}
.ztzl1 .imgBox .tits{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;display: flex;justify-content: center; padding: .35rem 0 0; transition: all .5s;}
.ztzl1 .imgBox .tits h4{ font-size: .24rem; color: #fff; font-family: 'sys'; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl}



.fp-viewing-page1 .header{ opacity: 1; visibility: visible;}

@media screen and (min-width:2000px)and (max-width:3000px){
    .home4 .tit2{position: fixed;margin-left: calc((100vw - 15.8rem)/2*-1 + 1rem);}
    .home4 .left{ margin: 0;}
}

@media(min-width: 1024px){
    .more1:hover{ border: #253A93 1px solid; color: #fff}
    .more1:hover .b1{ transform: translateY(-50%)}

    .list2 .a:hover p{ height: .28rem; opacity: 1;}
    .list2 .a:hover::before, .list2 .a:hover::after{ width: 60vw}

    .arrow1 .arrow:hover::before{ opacity: 0; visibility: hidden; transform: scale(.7); -webkit-transform: scale(.7);}
	.arrow1 .arrow:hover::after{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
	.arrow1 .arrow:hover .ico .ico1p{ transform: translateX(-.2rem); opacity: 0;}
	.arrow1 .arrow:hover .ico .ico1n{ transform: translateX(0); opacity: 1;}

    .list3 .a:hover .b1{ transform: translateY(-100%);}
    .list3 .a:hover .b2{ transform: translateY(0);}
    .list3 .a:hover .time h3{ color: #fff;}
    .list3 .a:hover:after{ width: 100%}
    
    .list5 dl .a:hover{ color: #00D4FF}

    .arrow3 .arrow:hover::before{ opacity: 0; visibility: hidden; transform: scale(.7); -webkit-transform: scale(.7);}
	.arrow3 .arrow:hover::after{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
	.arrow3 .arrow:hover .ico .ico1p{ transform: translateX(-.2rem); opacity: 0;}
	.arrow3 .arrow:hover .ico .ico1n{ transform: translateX(0); opacity: 1;}
    .arrow3 .arrow:hover svg{ fill: #fff;}

    .list10 .a:hover{ transform: scale(1.08);}

    .ztzl1 li.on{ width: calc(100% - 1.7rem*5);}
    .ztzl1 li.on .tit{ opacity: 1; visibility: visible}
    .ztzl1 li.on .imgBox .tits{ opacity: 0; visibility: hidden}
    
    .list10W1{ mask: linear-gradient(90deg, transparent, #fff 24%, #fff 100%); -webkit-mask: linear-gradient(90deg, transparent, #fff 24%, #fff 100%);position: relative;z-index: 1;}
    .list10W2{mask: linear-gradient(-90deg, transparent, #fff 24%, #fff 100%);-webkit-mask: linear-gradient(-90deg, transparent, #fff 24%, #fff 100%);transform: translateY(5vh);}
    .list10W3{ mask: linear-gradient(90deg, transparent, #fff 15%, #fff 100%); -webkit-mask: linear-gradient(90deg, transparent, #fff 15%, #fff 100%);position: relative;z-index: 1;}
    .list10Box{ mask: linear-gradient(-90deg, transparent, #fff 15%, #fff 100%); -webkit-mask: linear-gradient(-90deg, transparent, #fff 15%, #fff 100%);}

}
@media(max-width: 1800px){
	.home4 .tit2{margin-left: -3vw;}
    .home5 .right .ico{position: absolute;bottom: 0%;left: 0%;}
}
@media(max-width: 1600px){
    .list9{ transform: scale(.7) !important; margin: 0;}
}
@media(max-width: 1400px){
    .home4 .tit2{ margin-left: 0;}
    .list6 h3{ font-size: .16rem;}a
}
@media(max-width: 1024px){
    .banner ul li .img .imgLi{ padding-bottom: 50%;}
    .banner_box{ height: auto;}
    .ftop{ display: none !important;}

    .section, .fp-tableCell {height: auto !important;}
    .section .wp{transform: translateX(0) !important;}

    .home2{ padding: .4rem 0;}

    .list6 li{ width: 33.33%;margin-bottom: .1rem;}

    .home4{ padding: .4rem 0;}

    .header{ opacity: 1; visibility: visible}

    #mVideoPlay .videoWrapper{ position: relative;-webkit-clip-path: initial;clip-path: initial;width: 40vw;height: 40vw;margin: 0 auto;border-radius: 50vw;}
    #mVideoPlay{ position: relative;display: none;}
    .home5 .left{ width: calc(100% - 35.625vw);}
    #mVideoPlay .videoWrapper video{ border-radius: 50vw}
    .home5 .right .imgBox{ opacity: 1; visibility: visible}
    .home5 .right{ margin: 0 auto;}
    
    .home5{ padding: .4rem 0}
    .home6{ padding: .4rem 0}
    .home7{ padding: .4rem 0}
    
    .list8 h3 big{ font-size: .3rem}
    .list8 h3 small{ font-size: .18rem;margin: 0 0 0 .05rem;}
    .list8{ margin: 0;}

    .list8Box .zs1::before{ width: 200vw;}
    
    .list9{ transform: scale(.5); margin: -6% 0}
    
    .home8{ padding: .4rem 0}
    .home9{ padding: .5rem 0 .7rem}
    
    .list12 li .a{ width: .4rem}
    .list12 li .a img{ width: .4rem; height: .4rem}

    .list10W0{ margin: 0 15px;padding: 0;}

    .arrow4 .arrow{ top: 30vw;width: .4rem;height: .4rem;}
    .arrow4 .arrow.prev{ left: 15px;}
    .arrow4 .arrow.next{ right: 15px;}
    .arrow4 .arrow svg{ width: .18rem; height: .18rem}
    
    .list10 .img img{ height: 70vw; object-fit: cover}
    
    .ztzl1 li{ width: 33.33%;margin-bottom: .2rem;}
    .ztzl1 .imgBox .img{ padding-bottom: 62%;}
    .ztzl1 .imgBox .tits{ display: none}

	.list9 .a{ width: 20vw !important; height: .75rem}
}
@media(max-width: 800px){
    .tit1c{ justify-content: flex-start}
    .home8 .tit1c{ justify-content: center}
    .tit1c .ll{ margin: 0}
    .tit1 .ll img{ height: .3rem;margin: .04rem .14rem 0 0;}
    .tit1 h3{ font-size: .28rem;}
    .tit1 h6{ font-size: .14rem; margin: .04rem 0 0}
    .more1{ width: 1.1rem; height: .4rem;font-size: .14rem;}

    .list1{ width: 100%;}
    .list2{ width: 100%; margin: .4rem 0}
    
    .list2 li{ width: 100% !important;max-width: 100% !important;margin-bottom: .25rem;}
    
    .home3 .left{ width: 100%;}
    .home3 .right{ width: 100%;margin: .4rem 0 0;}
    .list4 li{ width: 49%;}
    .list4 li:nth-child(2) .a{ transform: translateY(0)}
    .list4 li:nth-child(2){ margin-top: 0; }
    
    .list4 .txt{ padding: .2rem}
    
    .arrow1{ margin: .3rem 0 0;left: 0;}
    .home3 .right .more1{ margin: -.45rem 0 0}
    .list6 li{ width: 50%;}
    .arrow1 .arrow{ width: .4rem; height: .4rem}
    .arrow1 .ico svg{ width: .18rem; height: .18rem}
    .arrow1 .arrow.next{ margin-left: .15rem}

    .arrow3 .arrow{ width: .4rem; height: .4rem}
    .arrow3 .ico svg{ width: .18rem; height: .18rem}
    .arrow3 .arrow.next{ margin-left: .15rem}

    .home4 .left{width: 100%;flex: auto;margin: 0 0 .2rem;/*! order: 1; */padding: 0;/* display: none; */}
    .home4 .right{width: 100%;display: flex;flex-direction: column;}
	.home4 .right .bd{ order: 1}
	.list7Box{ margin: .4rem 0 0}
	.home4 .right .hd{ margin: .4rem 0 0}
    
    .home4 .tit2{ width: 100%;flex-direction: column;align-items: center;text-align: center;margin-bottom: .3rem;}
    .home4 .tit2 .b1{ left: 50%; transform: translate(-50%, -50%);}
    .home4 .tit2 h3{ width: 100%; writing-mode: initial;font-size: .28rem;}
    .home4 .tit2 h6{ width: 100%; writing-mode: initial;margin: .05rem 0 0;font-size: .14rem;}

    .list2 .imgBox{ width: 1.5rem;margin: 0 .2rem 0 0;}
    
    .tit1{ margin-bottom: .3rem}
    .home2 .tit1{ margin-bottom: .2rem}
    
    .list3 .a{ padding: .15rem 0}
    .list3 li:first-child .a{ padding-top: .1rem;}
    .list3 .time{ margin: 0 .2rem 0 0; width: .75rem}
    .list3 .time h3{ font-size: .26rem; line-height: .36rem}
    .list3 .time h6{ font-size: .14rem; }

    .home3 .left .more1{ margin: .3rem auto 0;}

    .home4 .left .svg{height: .6rem;padding-left: .2rem;}
    .list4 h4{ margin: .1rem 0 ;}
    
    .list5 h3{ font-size: .24rem}
    .list5 p{ margin: .15rem 0}
    .list5 dl .a{ font-size: .16rem; line-height: 1.75}
    
    .list5 dl{margin: .1rem 0 0;padding: .2rem .15rem .2rem;display: flex;flex-wrap: wrap;}
    .list5 dl dd{ min-width: 50%}
    .list7Box .arrow.next{ margin: -.28rem 0 0 .18rem;right: 15px;}
    .list5s{/* height: 2.5rem; */}

    .home5 .left{ width: 100%;padding: .4rem 0 0;order: 1;}
    .arrow3{ justify-content: center;margin: .3rem 0 0;}

    .home5 .right .ico{ transform: scale(.7); bottom: 4%; left: 0;}
    
    .list9{transform: scale(.5);margin: -6% 0;}
    
    .list9 li:nth-child(1){ transform: translate(-200%, -216%); }
    .list9 li:nth-child(2){ transform: translate(-160%, -50%); }
    .list9 li:nth-child(3){ transform: translate(-155%, 84%); }
    .list9 li:nth-child(4){ transform: translate(-56%, -222%); }
    .list9 li:nth-child(5){ transform: translate(-42%, -12%); ;}
    .list9 li:nth-child(6){ transform: translate(36%, 118%); }
    .list9 li:nth-child(7){ transform: translate(44%, -98%); }
    .list9 li:nth-child(8){ transform: translate(89%, -218%);}
    
    .list5{ padding-left: .2rem}
    .list5 h3::before{ left: -.2rem}
    
    .list8 h4{ font-size: .14rem}
    .list8 li{ padding: .2rem 0}
    .home5 .right{ margin: 0 auto;width: 62vw;}
    .list8Box{ margin: .2rem 0 0 0;}
    
    .home6 p{ font-size: .15rem; line-height: 1.75}
    
    .home8 .right{ width: 100%;padding: .2rem 0 0;}
    .list11.left, .list11.center{ width: 48%;}
    
    .list11.center .imgBox .img{ padding-bottom: 147%}
    
    .list12{ margin: .3rem 0 0}
    
    .list12 li{ margin: 0 .06rem}
    .list12 li .a{ width: .45rem}
    .list12 li .a img{ width: .45rem; height: .45rem}
    
    .ztzl1{ margin: 0 -7px}
    .ztzl1 li{ width: 50%; margin-bottom: .2rem;padding: 0 7px;}
    
    
    .list4 h6{ font-size: .14rem}
    .list4 h6 big{ margin-bottom: .05rem}

	.list9 .a{ width: 32vw !important; height: .65rem}
	.list9 .a:before{ height: 10vh}
} 
@media(max-width: 640px){
    .list4 h6 big{ display: block; width: 100%;}
    .list6 .a{ height: .4rem}
}