:root{--swiper-pagination-bullet-border-radius:0;--swiper-pagination-color:#fff;--swiper-pagination-bullet-height:0.02rem;--swiper-pagination-bullet-width:0.4rem}
#app{font-size:0.15rem}
#app img{border:none}
body{margin:0;padding:0;font-family:"Noto Sans SC"}
::-webkit-scrollbar{width:0.05rem;height:0.05rem;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{width:0.05rem;height:1.45rem;background-color:#104492}
@keyframes maindown{0%{top:3.6rem}50%{top:3.8rem}100%{top:3.6rem}}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both}
.hoverImg{transition-property:all;transition-duration:0.36s;transition-timing-function:ease;transition-delay:0s}
.hoverImg:hover{transform:scale(1.05)}
.NavBox{background:#fff;width:100%;height:1.45rem;border-bottom:0.01rem solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}
.NavBox a{text-decoration:none;color:#3a3d39}
.NavBox a:hover{color:#333}
.NavBox .logobox{margin-left:3rem}
.NavBox .logobox>img{width:2.5rem}
.NavBox .linkbox{flex:1;height:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:0.2rem;color:#3a3d39;padding:0 0.5rem 0 2.3rem;cursor:pointer}
.NavBox .linkbox>div{height:100%;display:flex;align-items:center;position:relative}
.NavBox .linkbox>div:hover>div{display:flex}
.NavBox .linkbox>div>img{width:1.67rem}
.NavBox .linkbox>div>div{display:none;position:absolute;z-index:9999999;left:50%;transform:translateX(-50%);top:1.45rem;width:13.4rem;height:4rem;background:rgba(255,254,254,0.75);padding:0.8rem 0.8rem 0.6rem 0.8rem}
.NavBox .linkbox>div>div .contentBox{width:100%;height:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}
.NavBox .linkbox>div>div .contentBox>div{width:4rem;height:100%;display:flex}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(1){width:40%;display:flex;align-items:center}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(1)>img{height:100%}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(2){flex:1;display:flex;flex-direction:column;justify-content:center;font-family:"思源黑体 CN"}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(2)>h1{margin:0;font-size:0.4rem;margin-bottom:0.8rem;font-weight:500}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(2)>h5{font-size:0.2rem;margin:0;font-weight:500;position:relative;padding-bottom:0.6rem;margin-bottom:0.25rem}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(2)>h5::after{content:"";position:absolute;bottom:0;left:0;width:0.01rem;height:0.43rem;background:#004390}
.NavBox .linkbox>div>div .contentBox>div>div:nth-child(2)>p{font-size:0.12rem;margin:0}
.NavBox .linkbox>div>div .contentBox .borderLeft{position:relative}
.NavBox .linkbox>div>div .contentBox .borderLeft::after{content:"";position:absolute;top:50%;left:-0.7rem;transform:translateY(-50%);width:0.01rem;height:3.32rem;background:#004390}
.NavBox .linkbox>div>div .contentBox .borderRight{position:relative}
.NavBox .linkbox>div>div .contentBox .borderRight::after{content:"";position:absolute;top:50%;right:0.1rem;transform:translateY(-19%);width:0.01rem;height:3.32rem;background:#004390}
.NavBox .mbox{font-size:0;width:3rem}
.NavBox .mbox img{border:0;width:0.47rem}
.NavBox .sanjiao{position:absolute;top:-0.5rem;left:50%;transform:translateX(-50%);width:0;height:0;border:0.25rem solid transparent;border-bottom-color:#104492}
.FooteryBox{background:#484848;padding:0.5rem 3rem;display:flex;justify-content:space-between;color:#fff;box-sizing:border-box}
.FooteryBox>div:nth-child(1)>img{width:3rem}
.FooteryBox>div:nth-child(1)>p{font-size:0.13rem;line-height:0.2rem;letter-spacing:0.01rem}
.FooteryBox>div:nth-child(2) img{width:0.2rem;height:0.2rem;margin-right:0.1rem}
.FooteryBox>div:nth-child(2) h1,
.FooteryBox>div:nth-child(2) h5{margin:0}
.FooteryBox>div:nth-child(2) h5{font-size:0.2rem;letter-spacing:0.02rem;display:flex;align-items:center}
.FooteryBox>div:nth-child(2) h1{font-size:0.4rem;letter-spacing:0.02rem;font-weight:500;margin-bottom:0.35rem}
.FooteryBox>div:nth-child(2)>p{font-size:0.13rem;line-height:0.2rem;letter-spacing:0.01rem}
.FooteryBox>div:nth-child(3) h4 a{font-size:0.2rem;letter-spacing:0.02rem;margin:0 0 0.2rem;cursor:pointer;font-weight:500;color:#fff;text-decoration:none}
.FooteryBox>div:nth-child(4) img{width:2.3rem}
.swiper-wrapper{width:100%;height:100%}
.swiper-wrapper .swiper-slide>img{display:block;width:100%;height:100%;object-fit:cover}
.autoform{position:relative}
.autoform .autoform-flash{pointer-events:none;position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center}
.alert{transition-property:all;transition-duration:700ms;background:#114492;border:1px solid #114492;border-radius:10px;pointer-events:all;font-size:0.15rem;width:5rem;z-index:33;padding-bottom:0.5rem}
.alert:before{content:'';position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.1);z-index:-1}
.alert h4{text-align:left;padding:0.2rem 0.8rem;font-size:0.16rem}
.alert ul{padding:0 0.8rem;text-align:left}
.alert li{list-style:none}
.alert p{padding:0.2rem 0.8rem 0 0.8rem}
.alert.alert-danger{color:#ff3e1d}
.alert.alert-success{color:#0f0}
.alert .close{float:right;border-radius:50%;background:none;font-size:36px;width:50px;height:50px;border:none;color:#fff;margin:0 !important;cursor:pointer}
.connectBox{background:#ededed;min-height:100vh}
.connectBox .swiperBox{position:relative}
.connectBox .swiperBox .swiperItemBox{position:relative;width:100%}
.connectBox .swiperBox .swiperItemBox>img{width:100%;height:100%;border:0}
.connectBox .swiperBox .swiperItemBox>div{width:9.6rem;height:1.86rem;padding-left:3rem;background:rgba(255,255,255,0.6);position:absolute;bottom:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.connectBox .swiperBox .swiperItemBox>div>h1{font-size:0.39rem;font-weight:500;color:#333;margin:0}
.connectBox .swiperBox .swiperItemBox>div>p{font-size:0.1521rem;color:#4a4a4b;letter-spacing:0.05rem}
.connectBox .swiperBox .swiperItemBox>div>div{width:0.83rem;height:0.02rem;background:#104492}
.connectBox .swiperBox>img{position:absolute;width:0.8rem;right:2.6rem;bottom:2.6rem;animation:flowdown 1s ease-in-out infinite;z-index:999999999999}
@keyframes flowdown{0%{bottom:2.6rem}50%{bottom:2.2rem}100%{bottom:2.6rem}}
.connectBox .inforBox{background:#fff;box-sizing:border-box;padding:1.2rem 1.8rem 1.8rem 2.2rem}
.connectBox .inforBox>div:nth-child(1){display:flex;justify-content:space-between;align-content:center}
.connectBox .inforBox>div:nth-child(1) .info{width:5.2rem;padding-right:0.45rem}
.connectBox .inforBox>div:nth-child(1) .info>span{color:#b5b5b6;font-size:0.18rem}
.connectBox .inforBox>div:nth-child(1) .info>h5{color:#000;font-size:0.4rem;position:relative;margin:0.2rem 0 0.3rem 0;padding-bottom:0.2rem;font-weight:500}
.connectBox .inforBox>div:nth-child(1) .info>h5::after{content:"";position:absolute;bottom:0;left:0;width:0.5rem;height:0.02rem;background-color:#004390}
.connectBox .inforBox>div:nth-child(1) .info>p{color:#707070;font-size:0.2rem;line-height:0.4rem;margin-bottom:1.4rem}
.connectBox .inforBox>div:nth-child(1) .info>div{position:relative;padding-left:1.4rem}
.connectBox .inforBox>div:nth-child(1) .info>div>img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:0.7rem;animation:flowright 1s ease-in-out infinite}
@keyframes flowright{0%{left:0rem}50%{left:0.3rem}100%{left:0rem}}
.connectBox .inforBox>div:nth-child(1) .info>div>span{font-size:0.15rem;color:#4c4c4c;cursor:pointer}
.connectBox .inforBox>div:nth-child(1) .imgOrvideo{width:9.57rem}
.connectBox .xilieBox{display:flex;height:11rem;padding:2.25rem;box-sizing:border-box;margin-bottom:1.34rem}
.connectBox .xilieBox .left{width:5.75rem;height:8.86rem;overflow:hidden;font-size:0;box-sizing:border-box}
.connectBox .xilieBox .left>div{width:100%;height:100%;font-size:0;transition:all 0.2s}
.connectBox .xilieBox .left>div>img{width:5.75rem;height:8.86rem}
.connectBox .xilieBox .center{width:40%;padding:0rem 0.8rem;box-sizing:border-box}
.connectBox .xilieBox .center>span{color:#b5b5b6;font-size:0.18rem}
.connectBox .xilieBox .center>h5{color:#000;font-size:0.4rem;position:relative;margin:0.1rem 0 0.5rem 0;padding-bottom:0.2rem;font-weight:500}
.connectBox .xilieBox .center>h5::after{content:"";position:absolute;bottom:0;left:0;width:0.5rem;height:0.02rem;background-color:#004390}
.connectBox .xilieBox .center>img{width:100%}
.connectBox .xilieBox .center>div>img{width:100%}
.connectBox .xilieBox .center>div>div{cursor:pointer;padding:0.3rem 0 0.4rem 0;color:#000;display:flex;align-items:center;justify-content:space-between}
.connectBox .xilieBox .center>div>div>div{min-width:1.7rem}
.connectBox .xilieBox .center>div>div>div>b{font-weight:500;font-size:0.38rem}
.connectBox .xilieBox .center>div>div>div>p{font-size:0.17rem;margin:0.1rem 0}
.connectBox .xilieBox .center>div>div>div>img{width:0.2rem}
.connectBox .xilieBox .center>div>div>div>span{font-size:0.17rem}
.connectBox .xilieBox .right{margin-top:3.4rem;overflow:hidden;width:3.58rem;height:5.56rem;font-size:0}
.connectBox .xilieBox .right>div{margin-top:1rem;width:100%;height:100%;font-size:0;transition:all 0.2s;text-align:right}
.connectBox .xilieBox .right>div>img{width:3.58rem;height:5.56rem}
.connectBox .reasonBox{padding:0.6rem 2.25rem 1.3rem 2.25rem}
.connectBox .reasonBox .title{position:relative;text-align:center;margin-bottom:0.55rem}
.connectBox .reasonBox .title>span{color:#b5b5b6;font-size:0.18rem}
.connectBox .reasonBox .title>p{font-size:0.4rem;margin:0;padding:0.3rem 0;color:#000}
.connectBox .reasonBox .title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0.5rem;height:0.02rem;background-color:#004390}
.connectBox .reasonBox .list{display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box}
.connectBox .reasonBox .list>div:nth-child(1)>div:nth-child(1)>img{width:60%}
.connectBox .reasonBox .list>div{width:19%;min-height:3rem;box-sizing:border-box;margin-bottom:0.2rem;text-align:center;background:white}
.connectBox .reasonBox .list>div:hover{box-shadow:0 0 0.2rem rgba(128,128,128,0.4)}
.connectBox .reasonBox .list>div:hover>div:nth-child(1)>img{transform:scale(1.2)}
.connectBox .reasonBox .list>div>div:nth-child(1){width:100%;height:1.9rem;overflow:hidden;display:flex;justify-content:center;align-items:center}
.connectBox .reasonBox .list>div>div:nth-child(1)>img{width:100%;transition-property:all;transition-duration:0.36s;transition-timing-function:ease;transition-delay:0s}
.connectBox .reasonBox .list>div>div:nth-child(2){padding:0.1rem 0.2rem 0.2rem 0.2rem}
.connectBox .reasonBox .list>div>div:nth-child(2)>b{color:#262626;font-size:0.2rem;margin:0}
.connectBox .reasonBox .list>div>div:nth-child(2)>p{font-size:0.15rem;color:#434343;text-align:justify}
.connectBox .inforBox2{box-sizing:border-box;background:#f2f2f2;padding:1.2rem 2.25rem 1.2rem 2.25rem}
.connectBox .inforBox2>div:nth-child(1){display:flex;justify-content:space-between;align-content:center}
.connectBox .inforBox2>div:nth-child(1) .info{width:4.2rem;padding-right:0.45rem;padding-top:0.44rem}
.connectBox .inforBox2>div:nth-child(1) .info>span{color:#b5b5b6;font-size:0.18rem}
.connectBox .inforBox2>div:nth-child(1) .info>h5{color:black;font-size:0.4rem;position:relative;margin:0.2rem 0 0.8rem 0;padding-bottom:0.2rem;font-weight:500}
.connectBox .inforBox2>div:nth-child(1) .info>h5::after{content:"";position:absolute;bottom:0;left:0;width:0.5rem;height:0.02rem;background-color:#004390}
.connectBox .inforBox2>div:nth-child(1) .info>p{color:#333;font-size:0.2rem;line-height:0.4rem}
.connectBox .inforBox2>div:nth-child(1) .imgOrvideo{width:9.35rem}
.connectBox .zXSwiperBox{margin:1rem 0 0.5rem 0;min-height:6.4rem;padding-left:2.25rem}
.connectBox .zXSwiperBox .swiper-slide{display:flex;justify-content:space-between;padding-right:2.25rem;box-sizing:border-box}
.connectBox .zXSwiperBox .swiper-slide>div>span{color:#b5b5b6;font-size:0.18rem}
.connectBox .zXSwiperBox .swiper-slide>div>h5{color:#000;font-size:0.4rem;position:relative;margin:0.1rem 0 0.8rem 0;padding-bottom:0.2rem;font-weight:500}
.connectBox .zXSwiperBox .swiper-slide>div>h5::after{content:"";position:absolute;bottom:0;left:0;width:0.5rem;height:0.02rem;background-color:#004390}
.connectBox .zXSwiperBox .swiper-slide>div>a{background:none;display:inline-block;border-radius:2rem;outline:none;border:0.01rem solid #0f4e96;color:#000;font-size:0.2rem;padding:0.1rem 0.25rem;margin:0.1rem 0.2rem 0 0;font-weight:bold;text-decoration:none}
.connectBox .zXSwiperBox .swiper-slide>div>b{font-weight:500;color:#000;font-size:0.3rem}
.connectBox .zXSwiperBox .swiper-slide>div>div{overflow:hidden}
.connectBox .zXSwiperBox .swiper-slide>div>div>img{width:100%;transition-property:all;transition-duration:0.36s;transition-timing-function:ease;transition-delay:0s}
.connectBox .zXSwiperBox .swiper-slide>div>div>img:hover{transform:scale(1.2)}
.connectBox .zXSwiperBox .swiper-slide .left{width:4.73rem}
.connectBox .zXSwiperBox .swiper-slide .right{width:7.8rem}