@font-face {
    font-family: "OPPOSans";
    font-weight: 100;
    src: url(../fonts/OPPOSans-L-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 600;
    src: url(../fonts/OPPOSans-B-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 300;
    src: url(../fonts/OPPOSans-R-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 500;
    src: url(../fonts/OPPOSans-M-2.ttf);
}



.padd {
    padding: 98px 0;
}

.Tit.center {
    text-align: center;
}

.Tit span {
    font-size: 18px;
    color: #025bf1;
    text-transform: uppercase;
}

.Tit p {
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin: 15px 0 0;
}

.Tit.white span {
    color: #fff;
}

.Tit.white p {
    color: #fff;
}

.inBtn a {
    width: 220px;
    height: 56px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 20px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.48s;
}

.inBtn a::before {
    width: 100%;
    height: 0%;
    background: #025bf1;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    transition: all 0.48s;
}

.inBtn a:hover::before {
    height: 100%;
}

.inBtn a:hover {
    border: 1px solid #025bf1;
}

.inBtn span {
    font-size: 16px;
    color: #333;
    position: relative;
    z-index: 2;
}

.inBtn a:hover span {
    color: #fff;
}

.inBSvg {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #025bf1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.inBSvg svg {
    width: 50%;
    height: 50%;
}

.inBtn a:hover .inBSvg svg {
    animation: jt 1s infinite;
}

@keyframes jt {
    0% {
        transform: translateX(-30px)
    }

    100% {
        transform: translateX(30px);
    }
}

.inBSvg svg path {
    fill: #fff;
}

.inBtn.white a {
    background: #fff;
}

.inBtn.white span {
    color: #025bf1;
}

.inBtn.white .inBSvg {
    background: #fff;
    border: 1px solid rgb(2, 91, 241, .3);
}

.inBtn.white .inBSvg svg path {
    fill: #025bf1;
}

.inBtn a:hover .inBSvg {
    background: #fff;
}

.inBtn a:hover .inBSvg svg path {
    fill: #025bf1;
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    z-index: 999;
}

header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 90%;
}

.Hdlogo {
    width: 150px;
}

.Hdlogo img {
    width: 100%;
}

.Hdlogo .img2 {
    display: none;
}

.HdTbox {
    display: flex;
    align-items: center;
    height: 100%;
}

.HdTbox ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.HdTbox ul a {
    font-size: 16px;
    color: #fff;
    opacity: .8;
    padding: 0 30px;
    transition: all 0.48s;
}

.HdTbox ul a:hover {
    opacity: 1;
}

.HdTbox ul a.act {
    opacity: 1;
}

.HdCon {
    display: flex;
    align-items: center;
    background: #025bf1;
    padding: 15px 30px;
    border-radius: 50px;
}

.HdCon span {
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
    color: #fff;
    opacity: .8;
    transition: all 0.48s;
}

.HdCon:hover span, .HdCon:hover img {
    opacity: 1;
}

.HdCon img {
    width: 15px;
    opacity: .8;
    transition: all 0.48s;
}

.HdLan {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    border-radius: 50%;
    margin-left: 30px;
    text-transform: uppercase;
    opacity: .6;
}

.HdLan:hover {
    opacity: 1;
}

.header_bg, .header_del {
    background: #fff;
    border-bottom: 1px solid rgb(2, 91, 241, .1);
}

.header_bg .Hdlogo .img1, .header_del .Hdlogo .img1 {
    display: none;
}

.header_bg .Hdlogo .img2, .header_del .Hdlogo .img2 {
    display: block;
}

.header_bg .HdTbox ul a, .header_del .HdTbox ul a {
    color: #333;
}

.header_bg .HdLan, .header_del .HdLan {
    color: #333;
    border: 1px solid rgba(0, 0, 0, .8);
}

/* 900导航 */
.moHead_mlb {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    z-index: 9;
    width: 100%;
    height: calc(100vh - 80px);
    background: #fff;
    overflow: hidden;
}

.moHead_mlbXq {
   padding: 30px 30px;
   height: 80vh;
   overflow-y: auto;
}

.moHead_mlb li {
    width: 100%;
    max-width: none;
    border-bottom: 1px solid rgb(0, 0, 0,.07);
    position: relative;
}
.moHead_mlb li{
    border-top: none;
}
.moHead_mlb li svg{
    width: 20px;
    height: 20px;
    opacity: .5;
}
/* .moHead_mlb li svg path{
    fill: #025bf1;
} */
/* .moHead_mlb li:nth-child(4) {
    border-bottom: 1px solid rgb(2, 91, 241,.07);
} */

.moHead_mlb li a {
    font-size: 16px;
    color: #333;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.moHead_mlb li.open {
    border-bottom: none;
    
}

.moHead_mlb li.open>a {
    background: #025bf1;
    color: #fff;
}
.moHead_mlb li.open>.toggle>svg>path{
   fill: #fff;
}

.toggle {
    position: absolute;
    content: "";
    display: block;
    width: 51px;
    height: 52px;
    top: 0px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .48s;
}

.toggle svg {
    width: 15px;
}
.toggle path {
    fill: #025bf1;
}

.toggle.open {
    transform: rotate(180deg);
}

.mlb_zk {
    display: none;
}

.mlb_zk a {
    display: block;
    font-size: 16px !important;
    border-bottom: 1px solid rgb(2, 91, 241,.07);
    color: #333 !important;
    background: #f7f8f9;
    padding: 13px;
    padding-left: 30px !important;
}

.mlb_foot {
    width: 100%;
    background: #f7f8f9;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    z-index: 99;
}

.mlb_foot .mlb_footli {
    font-size: 16px;
    color: #025bf1;
    display: block;
    flex: 1;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.mlb_foot .mlb_footli::after {
    content: '';
    width: 1px;
    height: 80%;
    border-right: 1px solid rgb(45, 77, 224,.2);
    position: absolute;
    right: 0;
    top: 10%;
}

.mlb_foot .mlb_footli:last-child::after {
    display: none;
}



.headMenu {
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    right: 30px;
    display: none;
}

.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #025bf1;
    -webkit-transition: all 0.48s ease-in-out;
    -moz-transition: all 0.48s ease-in-out;
    -ms-transition: all 0.48s ease-in-out;
    -o-transition: all 0.48s ease-in-out;
    transition: all 0.48s ease-in-out;
}

.header_bg .headMenu span {
    background: #025bf1;
}

.headMenu.active span {
    background: #025bf1;
}

.headMenu.active span.headMenu_span1 {
    transform: rotate(45deg) translate(6px, 7px);
    -webkit-transform: rotate(45deg) translate(6px, 7px);
    -moz-transform: rotate(45deg) translate(6px, 7px);
    -ms-transform: rotate(45deg) translate(6px, 7px);
    -o-transform: rotate(45deg) translate(6px, 7px);
}

.headMenu.active span.headMenu_span2 {
    opacity: 0;
}

.headMenu.active span.headMenu_span3 {
    transform: rotate(-45deg) translate(4px, -6px);
}





footer {
    position: relative;
    background: #001021;
    overflow: hidden;
}

footer .inner {
    position: relative;
}

.FtTop {
    display: flex;
    padding: 50px 0 0;

    /* justify-content: space-between; */
}

.Ftlogo {
    width: 180px;
    padding: 50px 0;
}

.Ftlogo img {
    width: 100%;
}

.FtNav {
    padding: 50px 50px 80px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    position: relative;
}

.FtNav ul {
    display: flex;
    justify-content: space-between;
}

.FtNav ul li a:first-child {
    font-size: 16px;
    color: #fff;
    display: block;
    transition: all 0.48s;
    margin-bottom: 20px;
    position: relative;
    opacity: .9;
}

.FtNav ul li a:first-child::after {
    width: 20px;
    height: 1px;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    opacity: .8;
}

.FtNav ul li a {
    font-size: 14px;
    color: #fff;
    opacity: .8;
    display: block;
    padding: 5px 0;
}

.FtNav ul li a:hover {
    opacity: 1;
}

.ftcBot {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.ftcBot span {
    font-size: 14px;
    line-height: 1;
    color: #fff;
    opacity: .6;
}

.ftcBot a {
    font-size: 14px;
    line-height: 1;
    color: #fff;
}

.ftcBot img {
    width: 15px;
}

.FtBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    right: 0;
    bottom: 30px;
}

.FtBtn img {
    width: 30%;
    height: 30%;
    object-fit: contain;
}

.FtRig {
    width: 30%;
    display: flex;
    flex-direction: column;
    padding: 50px;
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.FtEwm {
    width: 120px;
    height: 160px;
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 10px;
}

.FtEwm img {
    width: 100%;
    height:100%
}

.FtEwm1 {
    width: 120px;
    height: 120px;
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 10px;
}

.FtEwm1 img {
    width: 100%;
    height:100%
}


.FtLeft {
    width: 46%;
}

.FtEwmList {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.FtEwmItem {
    margin-right: 20px;
}

.FtEwmItem span {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    opacity: .6;
    text-align: center;
}

.FtRItem p {
    font-size: 16px;
    color: #fff;
    opacity: .8;
    display: block;
    margin-bottom: 15px;
}

.FtRItem span {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}

.FtRItem b {
    font-size: 36px;
    color: #fff;
    display: block;
    line-height: 1;
    font-weight: 600;
}

.FtRItem img {
    width: 20px;
    margin-right: 5px;
}










.inNBox {
    position: relative;
    overflow: hidden;
}

.inNTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.inNList {
    overflow: hidden;
}

.InNItem {
    border-radius: 4px;
    padding: 50px 30px 0;
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.InNItem:hover .InNImg img {
    transform: scale(1.1);
}

.InNItem:hover .InNText {
    color: #025bf1;
}

.InNImg {
    width: 100%;
    padding-top: 65%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.InNImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.48s;
}

.InNTbox {
    width: 100%;
    padding: 30px 0;
}

.InNTit {
    font-size: 14px;
    opacity: .6;
}

.InNText {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.InNBtn {
    margin-top: 20px;
}

.InNBtn span {
    font-size: 16px;
}

.InNBtn a {
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.InNBtn svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.InNBtn svg path {
    fill: #666;
}

.InNItem.swiper-slide-next {
    border-right: none;
}






.pageList {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pageItem {
    font-size: 20px;
    line-height: 1;
    margin: 0 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.pageItem svg {
    width: 18px;
    height: 18px;
}

.pageItem:first-child svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pageItem:hover, .pageItem.act {
    color: #025bf1;
    border-bottom: 1px solid rgba(2, 91, 241, .8);
}

.pageItem:hover svg path {
    fill: #025bf1;
}







@keyframes scroll {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}






.byBox {
    width: 100%;
    position: relative;
    z-index: 2;
}

.byimg {
    width: 100%;
    height: 100%;
    height: 70vh;
    position: relative;
}

.byimg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    content: '';
}

.byimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: byfd 1s;
    -webkit-animation: byfd 1s;
}

@keyframes byfd {
    from {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

.byTit {
    position: absolute;
    left: 50%;
    bottom: 10%;
    z-index: 6;
    transform: translateX(-50%);
}

.byTit span {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}

.byimg::before {
    width: 1px;
    height: 8%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    content: '';
    background: #eee;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.byNav {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.byNav .inner {
    display: flex;
    justify-content: space-between;
    height: 80px;
}

.byNavLeft {
    display: flex;
    align-items: center;
}

.byNavLeft a {
    display: flex;
    align-items: self-end;
}

.byNavLeft span {
    font-size: 16px;
    line-height: 1;
    margin-left: 10px;
    opacity: .8;
}

.byNavLeft a:first-child img {
    width: 20px;
    opacity: .8;
}

.byNavM {
    display: flex;
    align-items: self-end;
}

.NavList {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    height: 100%;
}

.NavNItem {
    font-size: 16px;
    line-height: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 0 30px; */
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
    position: relative;
    margin-left: 8%;
    opacity: .8;
}

.NavNItem.act, .NavNItem:hover {
    color: #025bf1;
}

.NavNItem.act::after {
    width: 100%;
}

.NavNItem::after {
    content: '';
    background: #025bf1;
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}

.NavRig{
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: relative;
}
.NavRig span{
    font-size: 14px;
    margin-right: 10px;
}
.NavRig svg{
    width: 12px;
    height: 12px;
}
.NavRigBox{
    width: 100%;
    padding: 10px 0;
    background: #fff;
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    box-shadow: 0 0 10px rgb(0, 0, 0,.1);
    display: none;
}
.NavRig:hover .NavRigBox{
    display: block;
}
.NavRigBox a{
    font-size: 14px;
    line-height: 1;
    display: block;
    padding: 20px 0;
    opacity: .6;
    text-align: center;
    border-bottom: 1px solid rgb(0, 0, 0,.1);
}
.NavRigBox a:hover{
    opacity: 1;
}










/* 首页 */





.InPBox {
    position: relative;
    background: #f5f9fa;
    overflow: hidden;
}

.InPTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.InPxian {
    width: calc(100% - 500px);
    height: 1px;
    background: #025bf1;
    opacity: .2;
}

.InPBtnBox {
    display: flex;
}

.InPBtn {
    display: flex;
    align-items: center;
    padding: 6px 20px;
    border: 1px solid #025bf1;
    border-radius: 50px;
    margin-left: 10px;
}

.InPBtn.act {
    background: #025bf1;
}

.InPBtn span {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    width: 0;
    margin-right: 0;
    transition: all 0.48s;
    overflow: hidden;
}

.InPSwiper_prev svg {
    transform: rotate(180deg);
}

.InPBtn.act span {
    width: auto;
    margin: 0 10px;
}

.InPBtn svg {
    width: 20px;
    height: 20px;
}

.InPBtn svg path {
    fill: #025bf1;
}

.InPBtn.act svg path {
    fill: #fff;
}

.InPList {
    margin-top: 70px;
}

.InPItem {
    padding: 5% 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: all 0.48s;
    border: 1px solid rgba(0, 0, 0, .1);
}

.InPItem:hover {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}

.InPImg {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.InPImg img {
    width: 100%;
    height: 100%;
    transition: all 0.48s;
}

.InPTit {
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0 20px;
}

.InPText {
    text-align: center;
    font-size: 14px;
    color: #999;
}

.InPbtn {
    font-size: 14px;
    line-height: 1;
    color: #025bf1;
    border: 1px solid rgb(2, 91, 241, .3);
    display: block;
    border-radius: 50px;
    margin-top: 20px;
    padding: 10px 30px;
    transition: all 0.48s;
}

.InPItem:hover {
    box-shadow: 0 0 20px rgb(2, 91, 241, .1);
}

.InPItem:hover .InPbtn {
    background: #025bf1;
    color: #fff;
}

.InPItem:hover .InPImg img {
    transform: scale(1.1);
}

.InPItem:hover .InPTit {
    color: #025bf1;
}

.InPTText {
    margin-top: 30px;
    font-size: 18px;
    color: #999;
}


.InABox {
    position: relative;
    overflow: hidden;
    overflow: hidden;
}

.InABox img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.InATBox {
    width: 65%;
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.InATit {
    margin-top: 10px;
    font-size: 28px;
    display: block;
}

.InABox .inner {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.InAText {
    margin-top: 50px;
}

.InAText span {
    font-size: 16px;
    color: #999;
}

.InAText .inBtn {
    margin-top: 50px;
}

.InAList {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.InAItem {
    display: flex;
    flex-direction: column;
}

.InAItem b {
    font-size: 52px;
    line-height: 1;
    color: #025bf1;
    font-weight: 600;
}

.InAItem i {
    font-size: 36px;
    line-height: 1;
    color: #025bf1;
    font-weight: 500;
}

.InAItem span {
    font-size: 14px;
    margin-top: 10px;
}

.InAImg {
    width: 30%;
    position: relative;
    padding-top: 40%;
}

.InAImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}



.InBan {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.InBTBox {
    width: 50%;
    position: absolute;
    left: 10%;
    top: 55%;
    transform: translateY(-50%);
}

.InBYing span {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    transition: all 0.8s;
    text-transform: uppercase;
    display: block;
}

.InBYing,
.InBTit {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.48s;
}

.InBItem.ani-slide .InBYing,
.InBItem.ani-slide .InBTit {
    transform: translateY(0);
    opacity: 1;
}

.InBText,
.InBItem .inBtn {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.48s;
}

.InBItem.ani-slide .InBText,
.InBItem.ani-slide .inBtn {
    transform: translateY(0);
    opacity: 1;
}

.InBTit {
    margin: 20px 0 0;
}

.InBanImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s;
}

.InBItem.swiper-slide-active .InBanImg {
    transform: scale(1.1);
}

.InBTit span {
    display: block;
    font-size: 52px;
    color: #fff;
    transition: all 0.8s 0.2s;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 600;
}

.InBText {
    margin: 50px 0;
    width: 90%;
}

.InBText span {
    font-size: 18px;
    color: #fff;
    opacity: .7;
    transition: all 0.48s;
}

.InBSc {
    display: flex;
    position: absolute;
    left: 10%;
    bottom: 0;
    z-index: 9;
}

.InBS_x {
    width: 1px;
    height: 60px;
    background: rgba(255, 255, 255, .3);
    position: relative;
}

.InBS_x::after {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(255, 255, 255, .8);
    animation: scroll 2s infinite;
}

@keyframes scroll {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}


.InBSc span {
    transform: rotate(90deg) translate(-70px, -12px);
    font-size: 14px;
    color: #ddd;
    text-transform: uppercase;
}

.InBanT {
    position: absolute;
    top: 55%;
    transform: translateX(-50%);
    right: 5%;
    z-index: 5;
}

.swiper-pagination-bullet {
    background: #fff;
    margin: 60px 0;
    position: relative;
}

.swiper-pagination-bullet-active::after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
}

.InBanTItem p {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    background: #fff;
}

.InBanTItem p svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}

.swiper-slide-thumb-active.InBanTItem p svg {
    opacity: 1;
    animation: XZ 4s linear forwards;
}

@keyframes XZ {
    0% {
        stroke-dasharray: 0 190;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 190 0;
        stroke-dashoffset: 0;
    }
}

.swiper-slide-thumb-active.InBanTItem p::after {
    opacity: 1;
}

.InBanTItem p::after {
    opacity: 0;
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
}

.InBanISwiper {
    height: 200px;
}

.InBanSwiper {
    width: 100%;
    height: 100%;
}


.inYBox {
    position: relative;
    overflow: hidden;
}

.inYbgBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}

.inYbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    object-fit: cover;
    transition: all 0.48s;
}

.inYbg.act {
    opacity: 1;
}

.inYBox .inner {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.inYLeft {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 50px;
}

.inYList {
    width: 45%;
    /* min-height: 630px; */
}

.inYItem:first-child {
    border-top: 1px dashed rgba(255, 255, 255, .3);
}

.inYItem {
    padding: 30px 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, .3);
}

.inYTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inYTit {
    display: flex;
    align-items: center;
}

.inYNum {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
}

.inYItem.act .inYNum {
    background: #fff;
    color: #025bf1;
}

.inYTit p {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-left: 20px;
}

.inYIcon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .3);
}

.inYIshu {
    width: 2px;
    height: 12px;
    border: 10px;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    transition: all 0.48s;
}

.inYItem.act .inYIshu {
    width: 0;
}

.inYItem.act .inYIHang {
    /* background: #025bf1; */
}

.inYIHang {
    width: 12px;
    height: 2px;
    border: 10px;
    background: rgba(255, 255, 255, .8);
}

.inYText span {
    font-size: 16px;
    color: #fff;
    opacity: .7;
    display: block;
}

.inYBtn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    opacity: .8;
}

.inYBtn span {
    font-size: 16px;
    line-height: 1;
    color: #fff;
}

.inYBtn svg {
    width: 20px;
    height: 20px;
}

.inYBtn svg path {
    fill: #fff;
}

.inYTBox {
    display: none;
    padding: 20px 0 0;
}
.inYText{
    margin-bottom: 20px;
}

.inYItem:first-child .inYTBox {
    display: block;
}

.inYTit span {
    margin-left: 8px;
    font-size: 12px;
    color: #fff;
    opacity: .6;
    line-height: 1;
    text-transform: capitalize;
}





@media (min-width: 1920px) {
    .InBYing span {
        font-size: 20px;
    }

    .InBTit span {
        font-size: 66px;
    }

    .InBText {
        width: 95%;
    }

    .InBText span {
        font-size: 20px;
    }
}

@media (max-width: 1680px) {
    .InBText {
        width: 100%;
    }

    .InBTBox {
        width: 60%;
    }

    .InATit {
        font-size: 24px;
        margin-top: 10px;
    }

    .InAItem b {
        font-size: 48px;
    }

    .inYList {
        width: 55%;
    }
}

@media (max-width: 1468px) {
    .HdTbox ul a {
        padding: 0 25px;
    }
}

@media (max-width: 1368px) {
    .HdLan {
        font-size: 12px;
    }

    .InBText {
        margin: 30px 0 50px;
    }

    .InBanTItem p::after {
        width: 40px;
        height: 40px;
    }

    .InBanTItem p svg {
        transform: translate(-50%, -50%) scale(.8);
        -webkit-transform: translate(-50%, -50%) scale(.8);
        -moz-transform: translate(-50%, -50%) scale(.8);
        -ms-transform: translate(-50%, -50%) scale(.8);
        -o-transform: translate(-50%, -50%) scale(.8);
    }

    .InBTit span {
        font-size: 48px;
    }

    .InBText span {
        font-size: 16px;
    }

    .Tit p {
        font-size: 48px;
    }

    .InAItem b {
        font-size: 42px;
    }

    .InAItem span {
        font-size: 13px;
    }

    .InAText span {
        font-size: 15px;
    }

    .InPTText {
        font-size: 17px;
    }

    .InPItem {
        padding: 50px 30px;
    }

    .inBtn span {
        font-size: 14px;
    }

    .inBSvg {
        width: 30px;
        height: 30px;
    }

    .inBtn a {
        width: 180px;
        height: 48px;
        padding: 0 10px 0 20px;
    }
    .padd{
        padding: 78px 0;
    }
    .FtRItem b {
        font-size: 28px;
        margin-top: 10px;
    }
    .FtRItem span {
        font-size: 16px;
    }   
    .FtEwmItem span {
        margin-top: 8px;
        font-size: 13px;
    } 
    .FtEwmList {
        margin-top: 20px;
    }
    .inYBtn span {
        font-size: 14px;
    }
    .pageItem {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .inYTit p {
        font-size: 20px;
    }

    .inYNum {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .InPTText {
        font-size: 16px;
    }

    .InPTit {
        font-size: 20px;
    }

    .InPText {
        font-size: 13px;
    }

    .InPbtn {
        font-size: 13px;
    }

    .Tit p {
        font-size: 42px;
    }

    .Tit span {
        font-size: 16px;
    }

    .InAItem b {
        font-size: 36px;
    }

    .InAItem span {
        font-size: 12px;
    }

    .InAText span {
        font-size: 14px;
    }

    .InAText {
        margin-top: 30px;
    }

    .InAText .inBtn {
        margin-top: 30px;
    }

    .InATit {
        font-size: 20px;
    }

    header .inner {
        width: 100%;
        padding: 0 30px;
    }

    .HdTbox ul a {
        padding: 0 20px;
    }

    .HdLan {
        width: 35px;
        height: 35px;
        margin-left: 10px;
    }

    .HdCon {
        padding: 12px 20px;
    }

    .Hdlogo {
        width: 130px;
    }

    .InBTit span {
        font-size: 42px;
    }

    .inYText span {
        font-size: 14px;
    }
    .FtRig{
        display: none;
    }
    .Ftlogo {
        padding: 30px 0;
    }
    .FtLeft {
        width: 100%;
    }
    .FtNav{
        padding: 30px 0 80px;
    }
    .InAItem i {
        font-size: 32px;
    }
}

@media (max-width: 1024px) {
    .HdTbox ul a {
        padding: 0 12px;
        font-size: 15px;
    }

    .HdCon span {
        font-size: 15px;
    }

    .InBan {
        height: 650px;
    }

    .InBTit span {
        font-size: 36px;
    }

    .InBYing span {
        font-size: 14px;
    }

    .InBText {
        margin: 20px 0 30px;
    }

    .InBText span {
        font-size: 14px;
    }

    .InBSc {
        left: 6%;
        bottom: -30px;
    }

    .inBtn span {
        font-size: 13px;
    }

    .InBanTItem p::after {
        width: 34px;
        height: 34px;
    }

    .InBanTItem p svg {
        transform: translate(-50%, -50%) scale(.7);
        -webkit-transform: translate(-50%, -50%) scale(.7);
        -moz-transform: translate(-50%, -50%) scale(.7);
        -ms-transform: translate(-50%, -50%) scale(.7);
        -o-transform: translate(-50%, -50%) scale(.7);
    }

    .Tit p {
        font-size: 36px;
    }

    .Tit span {
        font-size: 14px;
    }

    .Tit span {
        font-size: 14px;
        margin-top: 15px;
    }
    .InATBox {
        width: 100%;
        padding-right: 0;
    }
    .InABox .inner {
        flex-direction: column;
    }
    .InAList {
        margin-top: 50px;
    }
    .InAImg {
        margin-top: 50px;
        width: 100%;
        position: relative;
        padding-top: 65%;
    }
    .padd {
        padding: 58px 0;
    }
    .InPImg {
        width: 130px;
        height: 130px;
    }
    .inYList {
        width: 65%;
    }
    .inYIHang {
        height: 1px;
    }
    .inYIshu{
        width: 1px;
    }
    .InPTText {
        font-size: 14px;
    }
    .pageItem {
        font-size: 16px;
        margin: 0 20px;
    }
}
@media (max-width: 900px){
    .byNav .inner {
        height: 70px;
    }
    .headMenu{
        display: block;
    }
    .HdTbox{
        display: none;
    }
    header{
        background: #fff;
    }
    .Hdlogo .img2{
        display: block;
    }
    .Hdlogo .img1{
        display: none;
    }
    .InBTit span {
        font-size: 32px;
    }
    .InBTBox {
        width: 70%;
    }
    .inYLeft {
        width: 100%;
        display: flex;
        flex-direction: row;
        padding-bottom: 50px;
    }
    .inYList {
        width: 100%;
    }
    .inYBox .inner{
        flex-direction: column;
    }
    .FtNav{
        display: none;
    }
    .FtRig {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 50px 0;
        border-top: 1px solid rgba(255, 255, 255, .1);
        border-left: 0;
    }
    .FtTop {
        flex-direction: column;
    }
    .Ftlogo {
        width: 150px;
    }
    .InNText {
        font-size: 18px;
    }
    .InNTit {
        font-size: 12px;
        opacity: .6;
        margin-bottom: 10px;
        line-height: 1;
    }
    .Tit p {
        font-size: 32px;
    }
    .InATit {
        font-size: 18px;
    }
    .Tit span {
        font-size: 12px;
        margin-top: 10px;
    }
    .InAItem b {
        font-size: 32px;
    }
    .InAItem i {
        font-size: 28px;
    }
    header .inner{
        border-bottom: 1px solid rgb(0, 0, 0, .1);
    }
}
@media (max-width: 768px){
    .inBtn a {
        width: 150px;
        height: 48px;
        padding: 0 10px 0 20px;
    }
    .InBTit span {
        font-size: 28px;
    }
    .InBSc {
        left: 3%;
        bottom: -30px;
    }
    .InBan {
        height: 600px;
    }
    .InBanTItem p::after {
        width: 28px;
        height: 28px;
    }
    .InBanTItem p svg {
        transform: translate(-50%, -50%) scale(.6);
    }
    .InPList {
        margin-top: 50px;
    }
    .ftcBot{
        flex-direction: column;
    }
    .ftcBot span {
        padding: 10px 0;
    }
    .ftcBot span, .ftcBot a{
        font-size: 13px;
    }
    .FtRItem span {
        font-size: 15px;
    }
    .InNBtn span {
        font-size: 14px;
    }
    .InNBtn svg {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 680px){
    .InAItem i {
        font-size: 24px;
    }
    .inYTit p,.InPTit,.InNText {
        font-size: 18px;
    }
    .Tit p {
        font-size: 28px;
        margin: 5px 0 0;
    }
    .inBtn a {
        height: 42px;
    }
    .InBTit span {
        font-size: 24px;
    }
    .InBTit {
        margin: 10px 0 0;
    }
    .InBTBox {
        width: 80%;
        left: 8%;
    }
    .InBSc{
        display: none;
    }
    .InBanISwiper{
        width: 100%;
        height: 100%;
    }
    .InBanT {
        width: 150px;
        position: absolute;
        top: auto;
        transform: translateX(-50%);
        right: auto;
        z-index: 5;
        left: 50%;
        bottom: 20px;
        height: 50px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
}
.InAList {
    margin-top: 20px;
    flex-wrap: wrap;
}
.InAItem {
    width: 50%;
    margin-top: 20px;
}
.headMenu span {
    display: block;
    width: 22px;
}
.Hdlogo {
    width: 110px;
}
.InNItem{
    border-right:none;
    padding: 30px 0 0;
}
.padd{
    padding: 48px 0;
}
}
@media (max-width: 500px){
    .InBText span {
        font-size: 12px;
    }
    .InBan {
        height: 550px;
    }
    .InBanT {
        height: 30px;
    }
    .InATit {
        font-size: 16px;
    }
    .InAText {
        margin-top: 15px;
    }
    .InAText span {
        font-size: 13px;
    }
    .InAItem b {
        font-size: 28px;
    }
    .InAItem i {
        font-size: 20px;
    }
    .InPTop {
        padding-bottom: 30px;
    }
    .InPTText {
        font-size: 13px;
    }
    .InPImg {
        width: 110px;
        height: 110px;
    }
    .inYText span {
        font-size: 13px;
    }
    .inYBtn span {
        font-size: 12px;
    }
    .inYBtn svg {
        width: 16px;
        height: 16px;
    }
    .pageItem {
        font-size: 14px;
        margin: 0 15px;
    }
    .ftcBot span, .ftcBot a {
        font-size: 12px;
    }
    .FtRig{
        padding: 30px 0;
    }
    .FtRItem span {
        font-size: 14px;
    }
    .FtRItem b {
        font-size: 24px;
    }
    .FtEwm {
        width: 100px;
        height: 100px;
    }
    .moHead_mlb li a {
        font-size: 15px;
        padding: 15px 0;
    }
    .moHead_mlb li svg {
        width: 16px;
        height: 16px;
    }
    .moHead_mlbXq{
        padding: 30px 20px;
    } 
    
}