@charset "utf-8";

p{margin:0; padding:0;}
a,a:not([class]){text-decoration:none;}



.indTitle{width: 100%;text-align: center;position: relative;padding-top: 24px;}
.indTitle .text{line-height: 1;position: absolute;width: 100%;text-align: center;font-family: "MB";color: #f5f7f9;text-transform: uppercase;left: 0;top: 0;}
.indTitle .title{line-height: 1;color: #333;position: relative;z-index: 2;text-align: left;}
.indTitle.white .text{color: #fff;opacity: 0.1;}
.indTitle.white .title .section-title{color: #fff;}

.indfa{width: 100%;position: relative;overflow: hidden;}
.indfa-list{width: 100%;}
.indfa-ul.mb{display: none;}
.indfa-main{width: 700px;height: 680px;}
.indfa-link{display: block;overflow: hidden;position: relative;}
.indfa-link img{width: 100%;transition: all .6s ease;height: 100%;}
.indfa-link .title{position: absolute;width: 100%;padding: 30px;left: 0;bottom: 0;z-index: 2;color: #fff;line-height: 1;transition: all .4s ease;}
.indfa-link .title p{position: relative;padding-bottom: 14px;}
.indfa-link .title p::after{content: "";position: absolute;width: 40px;height: 2px;background: #fff;left: 0;bottom: 0;transition: all .4s ease;}
.indfa-link:hover img{transform: scale(1.04);}
.indfa-link:hover .title{color: #0056b8;}
.indfa-link:hover .title p::after{width: 100%;background: #0056b8;}
.indfa-more{width: calc(100% - 700px);padding-left: 20px;display: flex;flex-direction: column;justify-content: space-between;}
.indfa-top{width: 100%;height: 340px;}
.indfa-bottom{width: 100%;justify-content: space-between;}
.indfa-bottom .indfa-link{width: calc(50% - 10px);height: 320px;}

.indmh{width: 100%;position: relative;height: 100vh;}
.indmh-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indmh-bg{width: 100%;height: 100vh;object-fit: cover;}
.indmh-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.indmh-logo img{width: 100%;height: 100%;object-fit: cover;}
.indmh-text{width: 100%;position: absolute;z-index: 3;justify-content: center;left: 0;top: 86vh;color: #333;transition: all .4s ease;}
.indmh-text span{position: relative;margin-left: 24px;}
.indmh-text span:first-child{margin-left: 0;}
.indmh-text.active{opacity: 0;}
.indmh-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.1);opacity: 0;}
.indmh-content{position: absolute;width: 100%;z-index: 4;height: 100vh;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
.indmh-desc{max-width: 510px;color: #fff;}
.indmh-desc h4{color: #fff;}
.indmh-num{width: 100%;color: #fff;}
.indmh-num li{width: 25%;text-align: center;}
.indmh-num li .num{font-family: "MB";line-height: 1;font-weight: 700;}
.indmh-num li .simg img{height:46px;margin-right:5px;vertical-align: bottom;}
.indmh-num li .indTimer {margin-right:8px;}
.indmh-num li .stext {position:absolute;top:-8px;font-weight: bold;}
.indmh-num li .title{line-height: 1.1;}
.indmh-more{width: 100%;justify-content: center;}
.indmh-more a{display: flex;align-items: center;position: relative;justify-content: center;width: 230px;height: 52px;padding-top: 2px;border: 1px solid #fff;border-radius: 26px;line-height: 1;font-size: 14px;color: #fff;transition: all .4s ease;}
.indmh-more a::after{content: "";width: 24px;height: 12px;position: absolute;top: 50%;margin-top: -4px;right: 22px;background: url('../images/index/indArr.png') no-repeat center;transition: all .4s ease;}
.indmh-more a:hover{background: #0056b8;border-color: #0056b8;}
.indmh-more a:hover::after{transform: translateX(-26px);}
/* -- */
.indmh-content{opacity: 0;pointer-events: none;}
.indmh-content .contain{padding-top:60px;}
.indmh-content.active{opacity: 1;pointer-events: auto;}
.indmh-content.active .indTitle{animation: indmhRun 1s ease both;}
.indmh-content.active .indmh-desc{animation: indmhRun 1s ease both .2s;}
.indmh-content.active .indmh-num{animation: indmhRun 1s ease both .4s;}
.indmh-content.active .indmh-link{animation: indmhRun 1s ease both .6s;}
.indmh-content.active .indmh-more{animation: indmhRun 1s ease both .8s;}
@keyframes indmhRun {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */

.indjs{width: 100%;position: relative;overflow: hidden;background: #d5e4f4;}
.indjs .indTitle .text{opacity: 0.3;color: #fff;}
.indjs .contain{position: relative;z-index: 4;}
.indjs-list{width: 100%;}
.indjs-list ul{margin: -40px 0 0 -40px;}
.indjs-list li{width: calc(25% - 40px);margin: 40px 0 0 40px;background: #0056b8;text-align: center;color: #fff;transition: all .4s ease;}
.indjs-list li a{display: block;width: 100%;height: 100%;padding: 70px 20px;}
.indjs-list li .icon{width: 118px;height: 118px;display: flex;align-items: center;justify-content: center;margin: 0 auto;transition: all .4s ease;}
.indjs-list li .icon img{max-width: 100%;max-height: 100%;}
.indjs-list li .title{line-height: 1.1;}
.indjs-list li .text{width: 100%;}
.indjs-list li:hover{box-shadow: 0 4px 16px 2px rgba(0, 86, 184, 0.3);transform: translateY(-4px);}
.indjs-list li:hover .icon{transform: translateY(-6px);}
.indjs-bird{width: 1790px;position: absolute;top: 20px;left: 50%;margin-left: -895px;animation: indjsBirdRun 10s linear infinite;}
.indjs-bird img{width: 100%;object-fit: cover;}
/* @keyframes indjsBirdRun {0%{transform: translate(0,0);}12.5%{transform: translate(-30px,-15px);}25%{transform: translate(-30px,30px);}37.5%{transform: translate(-15px,30px);}50%{transform: translate(0,0);}62.5%{transform: translate(-30px,-15px);}75%{transform: translate(-30px,-30px);}87.5%{transform: translate(-15px,-30px);}100%{transform: translate(0,0);}} */

.indxw{width: 100%;position: relative;overflow: hidden;}
.indxw-mix{width: 100%;border-radius: 10px;overflow: hidden;position: relative;}
.indxw-left{width: 842px;position: relative;height: 682px;}
.indxw-left .bg{width: 100%;height: 100%;object-fit: cover;}
.indxw-main{position: absolute;right: 0;bottom: 0;padding: 50px 40px 30px;height: 50%;z-index: 2;width: 560px;overflow: hidden;}
.indxw-main::after{content: "";animation: indxwRun 10s linear infinite;position: absolute;width: 396px;height: 360px;background: url('../images/index/indwxIcon.png') no-repeat center/100% auto;right: -80px;bottom: -50px;}
/* @keyframes indxwRun {0%{transform: translate(0,0);}12.5%{transform: translate(-20px,-10px);}25%{transform: translate(-20px,20px);}37.5%{transform: translate(-10px,20px);}50%{transform: translate(0,0);}62.5%{transform: translate(-20px,-10px);}75%{transform: translate(-20px,-20px);}87.5%{transform: translate(-10px,-20px);}100%{transform: translate(0,0);}} */
.indxw-link{background: #f5f7f9;}
.indxw-link *{position: relative;z-index: 2;}
.indxw-link .hint{width: 100%;}
.indxw-link .time{color: #666;font-family: "MB";position: relative;height: 32px;}
.indxw-link .time::after{content: "";position: absolute;width: 46px;height: 2px;background: #0056b8;left: 0;bottom: 0;}
.indxw-link .tags{margin-left: 24px;height: 24px;display: flex;align-items: center;background: #0056b8;color: #fff;padding: 0 10px;border-radius: 5px;line-height: 1;}
.indxw-link .title{color: #333;transition: all .4s ease;}
.indxw-link .title:hover{color: #0056b8;}
.indxw-link .more{width: 100%;}
.indxw-link .more a{display: flex;color: #666;padding-right: 18px;background: url('../images/common/arrR.svg') no-repeat right -2px center/18px auto;transition: all .4s ease;position: relative;}
.indxw-link .more a:hover{color: #0056b8;background-image: url('../images/common/arrRH.svg');}
.indxw-link .more a::after{content: '';position: absolute;width: 0;height: 1px;background: #0056b8;right: 0;bottom: 0;transition: all .4s ease;}
.indxw-link .more a:hover::after{width: 100%;right: auto;left: 0;}
.indxw-right{width: calc(100% - 842px);position: relative;z-index: 2;}
.indxw-items{width: 100%;height: 50%;position: relative;flex-direction: row-reverse;}
.indxw-items-cont, .indxw-items-image{width: 50%;}
.indxw-items-image{display: block;overflow: hidden;height: 341px;width: 50%;}
.indxw-items-image img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-items-image:hover img{transform: scale(1.04);}
.indxw-items-cont{position: relative;background: #0056b8;padding: 50px 20px 20px;}
.indxw-items-cont.indxw-link .time{color: #fff;}
.indxw-items-cont.indxw-link .time::after{background: #fff;}
.indxw-items-cont.indxw-link .title{color: #fff;}
.indxw-items-cont.indxw-link .tags{background: #fff;color: #0056b8;}
.indxw-items-cont.indxw-link .more a{background-image: url('../images/common/arrRW.svg');color: #fff;}
.indxw-items-cont.indxw-link .more a::after{background: #fff;}
.indxw-items:first-of-type{left: -50%;background: #0056b8;}
.indxw-small{position: absolute;width: 50%;height: 50%;right: 0;top: 0;padding: 50px 20px 20px;}
.indxw-loop{width: 100%;display: none;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-cont-one .contain{padding: 0 0 20px 180px;}
    .banner-cont-one .banner-cont-dot {width: 420px;}
    .banner-cont-one .banner-cont-wrap {width: calc(100% - 420px);}
    .banner-scroll i {margin-top: 20px;height: 38px;}
    .indfa-main {width: 560px;height: 544px;}
    .indfa-more {width: calc(100% - 560px);padding-left: 16px;}
    .indfa-bottom .indfa-link {width: calc(50% - 8px);}
    .indfa-link .title {padding: 24px;}
    .indjs-list ul {margin: -28px 0 0 -28px;}
    .indjs-list li {width: calc(25% - 28px);margin: 28px 0 0 28px;}
    .indjs-list li a{padding: 50px 20px;}
    .indjs-bird {width: 1360px;margin-left: -680px;}
    .indxw-left {width: 670px;}
    .indxw-right {width: calc(100% - 670px);}
    .indxw-main {padding: 34px 32px 30px;width: 450px;}
    .indxw-items-cont, .indxw-small{padding: 40px 18px 20px;}
    .indxw-items-cont.indxw-link .more, .indxw-small.indxw-link .more{margin-top: 40px;}
    .indmh-text {top: 88vh;}
    .indfa-top{height: 272px;}
    .indfa-bottom .indfa-link{height: 256px;}
    .indxw-left{height: 546px;}
    .indxw-items-image{height: 272px;}
    .indxw-main.indxw-link .more {margin-top: 24px;}
    .indxw-main::after {width: 300px;height: 280px;right: -60px;bottom: -40px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indjs-bird {width: 1200px;margin-left: -600px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .banner-cont-one .banner-cont-dot {width: 380px;}
    .banner-cont-one .banner-cont-wrap {width: calc(100% - 380px);}
    .indfa-main {width: 450px;height: 436px;}
    .indfa-more {width: calc(100% - 450px);}
    .indfa-link .title{font-size: 18px;padding: 18px;}
    .indfa-link .title p {padding-bottom: 12px;}
    .indmh-text span {margin-left: 18px;}
    .indjs-list ul {margin: -16px 0 0 -16px;}
    .indjs-list li {width: calc(25% - 16px);margin: 16px 0 0 16px;}
    .indjs-list li a{padding: 36px 16px;}
    .indjs-bird {width: 1000px;margin-left: -500px;}
    .indxw-left {width: 500px;}
    .indxw-right {width: calc(100% - 500px);}
    .indxw-items-cont, .indxw-small {padding: 30px 18px 20px;}
    .indxw-items-cont.indxw-link .more, .indxw-small.indxw-link .more {margin-top: 30px;}
    .indxw-main {padding: 28px 24px;width: 400px;}
    .indxw-main.indxw-link .more{margin-top: 10px;}
    .indfa-top{height: 218px;}
    .indfa-bottom .indfa-link{height: 202px;}
    .indxw-left{height: 486px;}
    .indxw-items-image{height: 242px;}
    .indxw-main::after {width: 240px;height: 240px;right: -50px;bottom: -40px;}
    .indTitle {padding-top: 18px;}
    .banner-cont-one .contain{padding: 0 0 20px 40px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-pad-mb{height: 50vh;}
    .indjs-bird {width: 900px;margin-left: -450px;}
    .indfa{padding-bottom: 60px;}
    .indmh {height: auto;padding: 70px 0;}
    .indmh-sticky{position: static;}
    .indmh-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .indmh-logo{display: none;}
    .indmh-text{display: none;}
    .indmh-shade{opacity: 1;height: 100%;background: rgba(0, 0, 0, 0.3);}
    .indmh-content{position: relative;height: auto;opacity: 1;pointer-events: auto;}
    .banner-cont-one .banner-cont-dot{display: none;}
    .banner-cont-one .banner-cont-wrap{width: 100%;}
    .banner-dot{display: none;}
    .banner-mix-one .banner-img{opacity: 1;}
    .banner-shade{display: none;}
    .indmh-num li .text{font-size: 16px;}
    .banner-cont-one .contain {padding: 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    @keyframes bannerDown{0%{opacity: 0;transform: translateY(-60px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    @keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .indfa-main{width: 100%;height: auto;}
    .indfa-more {width: 100%;margin-top: 16px;padding-left: 0;}
    .indfa-top{height: auto;}
    .indfa-bottom{margin-top: 16px;}
    .indfa-bottom .indfa-link{height: auto;}
    .indjs-list li {width: calc(50% - 16px);}
    .indjs-bird {width: 680px;margin-left: -340px;}
    .indxw-left{width: 100%;height: auto;}
    .indxw-main {width: calc(100% - 24px);height: auto;left: 0;right: 0;margin: 0 auto;bottom: 12px;}
    .indxw-main::after {right: -40px;bottom: -20px;}
    .indxw-right{width: 100%;margin-top: 12px;}
    .indxw-items{height: auto;margin-top: 12px;}
    .indxw-items:first-of-type {left: 0;background: #fff;flex-direction: row;}
    .indxw-items:first-child{margin-top: 0;}
    .indxw-small{position: static;width: 100%;height: auto;margin-top: 12px;}
    .indxw-mix {border-radius: 0;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-img img.none-pc{min-height: 400px;}
    .banner-cont .image {max-width: 160px;}
    .banner-cont .title{font-size: 24px;}
    .banner-cont .text{font-size: 16px;}
    .banner-scroll, .banner-play{display: none;}
    @keyframes bannerDown{0%{opacity: 0;transform: translateY(-40px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    @keyframes bannerUp{0%{opacity: 0;transform: translateY(40px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .indTitle {padding-top: 14px;}
    .indfa-bottom .indfa-link{width: 100%;margin-top: 12px;}
    .indfa-bottom .indfa-link:first-child{margin-top: 0;}
    .indfa-more {margin-top: 12px;}
    .indfa-bottom {margin-top: 12px;}
    .indfa-link .title {padding: 10px 8px;font-size: 14px;}
    .indfa {padding-bottom: 38px;}
    .indfa-ul.pc{display: none;}
    .indfa-ul.mb{display: flex;margin: -4px 0 0 -4px;}
    .indfa-ul.mb a{width: calc(50% - 4px);margin: 4px 0 0 4px;}
    .indfa-link img{height: 160px;}
    .indmh .indTitle .text{font-size: 22px;}
    .indmh .indTitle .title{font-size: 20px;}
    .indmh .indTitle {padding-top: 10px;}
    .indmh-desc{font-size: 15px;}
    .indmh {padding: 48px 0;}
    .indmh-num{margin-top: 28px;}
    .indmh-num ul{margin-top: -14px;}
    .indmh-num li{width: 50%;margin-top: 14px;}
    .indmh-num li .num{font-size: 28px;}
    .indmh-num li .text{margin-top: 4px;font-size: 14px;}
    .indmh-more{margin-top: 30px;}
    .indmh-more a::after{display: none;}
    .indmh-more a span{padding-right: 32px;background: url('../images/index/indArr.png') no-repeat right center;}
    .indmh-more a {width: 132px;height: 38px;border-radius: 19px;}
    .indjs-list ul {margin: -4px 0 0 -4px;}
    .indjs-list li {width: calc(50% - 4px);margin: 4px 0 0 4px;transform: translateY(0) !important;}
    .indjs-list li a{padding: 28px 15px;}
    .indjs-bird {width: 300px;margin-left: -150px;}
    .indjs-list li .icon {width: 88px;height: 88px;}
    .indjs-list{margin-top: 32px;}
    .indjs-list li .text{display: none;}
    .indxw-main::after{display: none;}
    .indxw-main {padding: 20px 15px;position: static;width: 100%;margin-top: 12px;}
    .indxw-link .title{font-size: 18px;line-height: 26px;height: 52px;-webkit-line-clamp: 2;}
    .indxw-main.indxw-link .more {margin-top: 12px;}
    .indxw-items{flex-direction: row;}
    .indxw-items-image{width: 100%;display: none;}
    .indxw-items-cont{width: 100%;padding: 20px 15px;}
    .indxw-items-cont.indxw-link .more, .indxw-small.indxw-link .more {margin-top: 12px;}
    .indxw-items-cont.indxw-link .title, .indxw-small.indxw-link .title{font-size: 16px;line-height: 24px;height: 48px;}
    .indxw-left .bg{height: 242px;}
    .indxw-items-cont {background: #f5f7f9;}
    .indxw-items-cont.indxw-link .time{color: #666;}
    .indxw-items-cont.indxw-link .time::after{background: #0056b8;}
    .indxw-items-cont.indxw-link .title{color: #333;}
    .indxw-items-cont.indxw-link .tags{background: #0056b8;color: #fff;}
    .indxw-items-cont.indxw-link .more a{background-image: url('../images/common/arrR.svg');color: #666;}
    .indxw-items-cont.indxw-link .more a::after{background: #0056b8;}
    .indxw-items-cont.indxw-link .title:hover{color: #0056b8;}
    .indxw-items-cont.indxw-link .more a:hover {color: #0056b8;background-image: url('../images/common/arrRH.svg');}
    .banner-control {bottom: 24px;}
    .banner-page p {margin: 0 10px !important;}
    .banner-page p span{width: 12px;height: 12px;}
    .banner-page p span::before {width: 6px;height: 6px;margin: -3px 0 0 -3px;}
    .indxw-right, .indxw-left .indxw-main{display: none;}
    .indxw-loop{display: block;margin-top: 16px;}
    .indxw-loop .swiper-pagination{bottom: 0;}
    .indxw-loop .swiper-pagination-bullet {background: #000;margin: 0 6px !important;}
    .indxw-loop .swiper-pagination-bullet-active {background: #0056b8;}
    .indxw-loop .swiper-container{padding-bottom: 28px;}
    .indxw-loop .indxw-main {margin: 0;transform: translate3d(0,0,0);}
    .banner-one-bg{display:none;}
}

 

.main-ser {height:auto; background:url(../images/abo/serbg.png); margin:50px 0; padding:100px 0; background-size:100% 100%;overflow: hidden;margin-top: 0; }


.main-ser .ser-title {padding-left: 6.6rem; }
.main-ser .ser-title .section-title {color:#fff;margin-bottom: 25px;font-size: 58px;}
.main-ser .ser-title p{color:#fff;max-width:900px;}


.main-news {height:auto; background:#F5F6FA; margin:50px 0; padding:60px 0; background-size:100% 100%;overflow: hidden; margin-bottom: 0;}

.main-news .ser-title {text-align:center; margin-bottom:60px;}  

.main-news .container{ width: 100%;
			 max-width:1400px; margin:0 auto; }
			 
			 
.main-news .text-overlay {text-align:left; padding:30px;}
.main-news .text-overlay p{line-height:1.5}
.main-news .text-overlay p:first-child{
    visibility: visible;
    opacity: 1;
}
.main-news .swiper-slide .text-overlay p:first-child{

    transform: translateY(0);
}
.main-news .swiper-slide .text-overlay p{
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}
.main-notify .link-title{
    margin-bottom: 0;
}
.main-notify{
    padding-bottom: 30px;
}
.container1{
    width: 92%;
    max-width: 1600px;
    margin: auto;
}	
#carouselContainer:hover .carousel-track{
    cursor: url('../images/14174.png'), auto;
}		 
.main-ser p{
    font-size: 14px;
}
				 
.msc-footer__social-links ul>li{
    transition: all 0.3s ease;
}
.msc-footer__social-links ul>li:hover {
    transform: translateY(-5px);
}
 .link-title:hover{
    color: #fff;
    background-color: #5F1985;
 }
 .indmh-content .contain .link-title{
    margin: 0;
    margin-top: 20px;
    color: #fff;
    border-color: #fff;
 }
 .indmh-content .contain .link-title:hover{
    border-color: #5F1985;
 }
 .indmh-num li{
    position: relative;

 }
 .indmh-num ul>li:after{
    position: absolute;
    top: 0;
    right: 0;
    content:'';
    height:45px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.29);
    transform: rotate(30deg);
 }
 .indmh-num ul>li:last-child:after{
    display: none;
 }
 .storehouse{
    background-image: url('../images/14105.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
 }
 .msc-header button img:first-child{
    display: block;
 }
 .msc-header button img:last-child{
    display: none;
 }
 .msc-header--sticky button img:first-child{
    display: none;
 }
 .msc-header--sticky button img:last-child{
    display: block;
 }
 
.zhibo{
    position: fixed;
    right: 0;
    top: 30%;
    width: 180px;
    padding: 10px;
    background: rgba(255,255,255,0.72);
    box-shadow: 0px 5px 6px 1px rgba(20,62,135,0.26);
    border-radius: 6px 0px 0px 6px;
    z-index: 9001;
  }
  .zhibo .zhibo_header{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    gap: 10px;
  }
  .zhibo .zhibo_content{
    width: 100%;
    margin-top: 10px;
  }
  .zhibo .zhibo_content video{
    width: 100%;
    height: auto;
  }
  .zhibo .zhibo_content h3{
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #E61414;
    margin-top: 10px;
    text-align: center;
  }