@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.none-pad-mb{height: 100vh;}
.banner-img img.none-pc{min-height: 400px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.banner-cont .contain{padding-left: 110px;}
.banner-cont.banner3 .contain{padding-left: 0;}
.banner-cont .title{color: #fff;font-family: Arial;font-size: 132px;font-weight: 700;}
.banner-cont.banner2 .title,.banner-cont.banner3 .title{font-size: 75px;}
.banner-cont.banner2 .title{background:linear-gradient(to right,#1895ff 0%,#1ce7d3 20%);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.banner-cont.banner3 .title{color: #222;}
.banner-cont.banner3 .text{color: #444;margin-top: 0px;font-weight: 700;}
.banner-cont .text{color: #fff;line-height: 1.32;margin-top: 38px;}
.banner-cont .image{width: 440px;margin-top: 28px;}
.banner-cont.banner3 .image{margin-top: 60px;}
.banner-cont .image img{max-width: 100%;}
.banner-cont .title, .banner-cont .text, .banner-cont .image{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRight 1s ease both 1s;}
.swiper-slide-active .banner-cont .image{animation: bannerRight 1s ease both 1.1s;}
.swiper-slide-active .banner-cont .text{animation: bannerRight 1s ease both 1.2s;}
.oneSlide .banner-cont .title{animation: bannerRight 1s ease both .4s;}
.oneSlide .banner-cont .image{animation: bannerRight 1s ease both .5s;}
.oneSlide .banner-cont .text{animation: bannerRight 1s ease both .6s;}
@keyframes bannerRight{0%{opacity: 0;transform: translateX(240px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
.banner .swiper-pagination{width: 100%;bottom: 68px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background: #fff;opacity: .2;margin: 0 0 0 16px !important;}
.banner .swiper-pagination-bullet:first-child{margin: 0 !important;}
.banner .swiper-pagination-bullet-active {background: #fff;opacity: 1;}
.banner-next,.banner-prev{transition: all .4s ease; cursor: pointer; position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;border: 2px solid #222;z-index: 2;}
.banner-next{right: 70px;background: url('../images/common/arrRW.svg') no-repeat center/20px auto;}
.banner-prev{left: 70px;background: url('../images/common/arrLW.svg') no-repeat center  center /20px auto;}
.banner-next:hover,.banner-prev:hover{transform: scale(.9) translateY(-50%);}

.section{width: 100%;position: relative;overflow: hidden;}

.indTitle{width: 100%;text-align: center;}
.indTitle *{line-height: 1.1;font-weight: 700;color: #333;}
.indTitle .text{font-weight:normal;color:#797a7c;}
.indTitle.white *{color: #fff;}
.indTitle.white .text{color: #fff;}

.indcp{background: #fff;}
.indcp-list{width: 100%;padding: 0 44px;}
.indcp-box{width: 100%;}
.indcp-box ul{margin: -18px 0 0 -18px;}
.indcp-box li{margin: 18px 0 0 18px;position: relative;justify-content: center;background: #eff2f7;transition: all .4s ease;display:flex;align-items:center;}
.indcp-box li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.indcp-box.big li{width: calc(33.3333% - 18px);height: 436px;}
.indcp-box.big li a{padding: 36px 38px;}
.indcp-box.small{margin-top: 18px;}
.indcp-box.small li{width: calc(25% - 18px);height: 322px;}
.indcp-box.small li a{padding: 36px 30px;}
.indcp-box .indcp-img{display:flex;justify-content:center}
.indcp-box.big .indcp-img{width:250px;}
.indcp-box.small .indcp-img{width: 210px;}
.indcp-img img{transition: all .4s ease;max-width:100%;}
.indcp-cont{position: relative;z-index: 4;margin-left:20px;}
.indcp-cont .title{line-height: 1.1;color: #222;font-weight: 500;}
.indcp-cont .text{line-height: 1.1;color: #222;font-family: Arial;margin-top: 8px;}
.indcp-cont .link{display: flex;margin-top: 20px;}
.indcp-cont .link a, .indcp-cont .link span{font-size: 15px;color: #1c4a98;padding-right: 14px;background: url('../images/common/arrRB.svg') no-repeat right -2px top 2px/16px auto;position: relative;}
.indcp-cont .link a::after, .indcp-cont .link span:after{content: "";position: absolute;width: 0%;height: 1px;left: 0;bottom: 0;background: #1c4a98;transition: all .4s ease;}
.indcp-cont .link a:hover::after, .indcp-cont .link span:hover::after{width: 100%;}
.indcp-box li:hover{transform: translateY(-2px);box-shadow: 0 4px 16px 0 rgba(0,0,0,.16);}
.indcp-box li:hover .indcp-img img{transform: translateY(-4px);}

.indxz{background: #fff;}
.indxz-bg{position: absolute;width: 100%;object-fit: cover;height: 100%;top: 0;left: 0;}
.indxz .contain{position: relative;z-index: 4;max-width: 1180px;}
.indxz-number{width: 100%;}
.indxz-number ul{justify-content: center;}
.indxz-number li{padding: 0 70px;text-align: center;color: #fff;position: relative;}
.indxz-number li::before{width: 1px;height: 92%;content: "";position: absolute;background: rgba(255, 255, 255, .3);left: 0;top: 0;bottom: 0;margin: auto 0;}
.indxz-number li:first-child:before{display: none;}
.indxz-number li .num{align-items: baseline;line-height: 1;}
.indxz-number li .num span{font-weight: 700;font-family:'Swis721';margin-right: 8px;}
.indxz-number li .text{margin-top: 10px;}
.indxz-number li:first-child{padding-left: 0;}
.indxz-number li:last-child{padding-right: 0;}
.indxz-text{width: 100%;color: #fff;text-align: center;}
.indxz-link{width: 100%;}
.indMore{display: flex;align-items: center;justify-content: center;width: 170px;height: 50px;border: 1px solid #fff;margin: 0 auto;transition: all .4s ease;}
.indMore span{color: #fff;padding-right: 20px;background: url('../images/index/indxzArr.png') no-repeat right center;transition: all .4s ease;}
.indMore:hover{background: #fff;}
.indMore:hover span{color: #1c4a98;background-image: url('../images/index/indxzArrH.png');}
/* -- */
.indxz-loop{width: 100%;justify-content: center;align-items: center;}
.indxz-loop img{box-shadow: 0 0 27px 0 rgba(0,58,155,.41);}
/* .indxz-loop img{box-shadow: 0 0 27px 0 rgba(0,58,155,.41);z-index: 4;width: 192px;}
.indxz-loop img:nth-child(1), .indxz-loop img:nth-last-child(1){transform: scale(.7);z-index: 2;}
.indxz-loop img:nth-child(2), .indxz-loop img:nth-last-child(2){transform: scale(.85);z-index: 3;}
.indxz-loop img:nth-child(2){margin-right: -60px;}
.indxz-loop img:nth-last-child(2){margin-left: -60px;}
.indxz-loop img:nth-child(1){margin-right: -70px;}
.indxz-loop img:nth-last-child(1){margin-left: -70px;} */
/* -- */

.indfa{background: #fff;}
.indfa-list{width: 100%;}
.indfa-items{width: 25%;display: flex;position: relative;align-items: flex-end;transition: all .4s ease;}
.indfa-items .image{width: 100%;object-fit: cover;height: calc(100% - 40px);transition: all .4s ease;}
.indfa-items .icon{position: absolute;z-index: 6;top: 36px;transform: translateY(40px);transition: all .4s ease;right: 36px;width: 72px;height: 72px;background: #fff;display: flex;align-items: center;justify-content: center;padding: 10px;}
.indfa-items .icon img{max-width: 100%;max-height: 100%;}
.indfa-cont{position: absolute;left: 0;bottom: 50px;z-index: 6;width: 100%;padding: 0 44px;color: #fff;overflow: hidden;transition: all .4s ease;}
.indfa-cont .title{font-weight: 700;line-height: 1.1;}
.indfa-cont .text{margin-top: 14px;transition: all .4s ease;}
.indfa-cont, .indfa-cont .text{transform: translateY(62px);}
.indfa-items::before, .indfa-items::after{content: "";position: absolute;width: 100%;height: calc(100% - 40px);bottom: 0;left: 0;transition: all .4s ease;}
.indfa-items::before{background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));}
.indfa-items::after{background: url('../images/index/indfaSd.png') repeat-x left bottom;opacity: 0;}
.indfa-items:hover{box-shadow: 11px 11px 13px 0 rgba(0,0,0,.32);z-index: 4;}
.indfa-items:hover .image{height: 100%;}
.indfa-items:hover .icon{transform: translateY(0);}
.indfa-items:hover .indfa-cont, .indfa-items:hover .indfa-cont .text{transform: translateY(0);}
.indfa-items:hover::after{opacity: 1;}

.indhz{background: #fff;}
.indhz-loop{width: 100%;}
.indhz-list{width: 100%;}
.indhz-ul{margin: 1px 0 0 1px;}
.indhz-items{width: 20%;display: flex;margin: -1px 0 0 -1px;align-items: center;justify-content: center;height: 168px;padding: 10px;border: 1px solid #eaeaea;position: relative;transition: all .4s ease;}
.indhz-items img{max-width: 100%;max-height: 100%;transition: all .4s ease;}
.indhz-items:hover img{transform: translateY(-6px);}
.indhz-loop .swiper-wrapper{padding-bottom: 44px;}
.indhz-loop .swiper-pagination{bottom: 0;}
.indhz-loop .swiper-pagination-bullet{width: 36px;height: 5px;border-radius: 0;background: #e2e2e2;opacity: 1;margin: 0 0 0 10px !important;}
.indhz-loop .swiper-pagination-bullet:first-child{margin: 0 !important;}
.indhz-loop .swiper-pagination-bullet-active{background: #1c4a98;}

.indsf{background: #fff;padding: 230px 0 170px;}
.indsf-bg{position: absolute;width: 100%;object-fit: cover;height: 100%;top: 0;left: 0;}
.indsf .contain{position: relative;z-index: 4;}
.indsf-cont{width: 100%;text-align: center;color: #fff;}
.indsf-cont .title{font-weight: 700;line-height: 1.1;}
.indsf-cont .text{width: 100%;display: flex;justify-content: center;margin-top: 22px;}
.indsf-cont .text p{position: relative;letter-spacing: 6px;}
.indsf-cont .text p::before, .indsf-cont .text p::after{content: "";position: absolute;width: 18px;height: 2px;background: #fff;top: 50%;margin-top: -1px;}
.indsf-cont .text p::before{left: -32px;}
.indsf-cont .text p::after{right: -32px;}
.indsf-cont .link{margin-top: 42px;}

.indxw{background: #fff;}
.indxw-menu{width: 100%;justify-content: center;}
.indxw-menu a{height: 28px;position: relative;color: #333;margin-left: 30px;transition: all .4s ease;}
.indxw-menu a::after{content: "";position: absolute;width: 0;height: 2px;left: 0;right: 0;bottom: 0;margin: 0 auto;transition: all .4s ease;background: #1c4a98;}
.indxw-menu a:first-child{margin-left: 0;}
.indxw-menu a:hover{color: #1c4a98;}
.indxw-menu a.active{font-weight: 500;color: #1c4a98;}
.indxw-menu a.active::after{width: 100%;}
.indxw-mix{width: 100%;}
.indxw-main{display: block;width: 740px;overflow: hidden;position: relative;}
.indxw-main img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-main-cont{position: absolute;z-index: 2;background: rgba(0,0,0,.55);padding: 16px 30px;bottom: 0;left: 0;width: 100%;color: #fff;transition: all .4s ease;}
.indxw-main-cont .time{line-height: 1.1;font-family: Arial;}
.indxw-main-cont .title{line-height: 1.1;margin-top: 6px;}
.indxw-main:hover img{transform: scale(1.04);}
.indxw-main:hover .indxw-main-cont{background: rgba(28,74,152,.8);}
.indxw-list{width: calc(100% - 740px);padding-left: 28px;}
.indxw-list-items{align-items: center;width: 100%;height: 33.3333%;padding: 16px 0;border-bottom: 1px solid #f0f0f0;transition: all .4s ease;}
.indxw-list-items:first-child{border-top: 1px solid #f0f0f0;}
.indxw-list-items .time{width: 98px;height: 90px;background: #f5f5f5;flex-direction: column;align-items: center;justify-content: center;transition: all .4s ease;}
.indxw-list-items .time *{font-family: Arial;line-height: 1;transition: all .4s ease;color: #767676;}
.indxw-list-items .time p{font-weight: 700;}
.indxw-list-items .time span{opacity: 0.6;margin-top: 6px;}
.indxw-list-items .cont{width: calc(100% - 98px);padding-left: 26px;}
.indxw-list-items .cont .title{line-height: 1.1;color: #333;transition: all .4s ease;}
.indxw-list-items .cont .text{color: #999;margin-top: 10px;transition: all .4s ease;}
.indxw-list-items:hover{background: #1c4a98;}
.indxw-list-items:hover *{color: #fff !important;}
.indxw-list-items:hover .time span{opacity: 1;}
.indxw-list-items:hover .time{background: #1c4a98;}

/* 3d lunbo */
#certify{position: relative;width:680px;margin: 0 auto}
#certify .swiper-container{padding-bottom: 60px;}
#certify .swiper-slide{width: 192px;height: 275px;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p{line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination{width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev{left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%}
.banner-next, .banner-prev{display: none;}

#certify .swiper-pagination{display: none;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indcp-box.big li a{padding: 32px 34px;}
    .indcp-box.small li a{padding: 32px 28px;}
    .indxw-main {width: 700px;}
    .indxw-list {width: calc(100% - 700px);}
    .indsf {padding: 200px 0 160px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner .swiper-pagination {bottom: 42px;}
    .banner-cont .title {font-size: 114px;}
    .indcp-box.big li{height: 330px;}
    .indcp-box.small li{height: 260px;}
    .indcp-box.big li a{padding: 24px 26px;}
    .indcp-box.small li a{padding: 24px 24px;}
    .indcp-box.small .indcp-img {width: 140px;}
    .indcp-box.big .indcp-img {width: 190px;}
    .indcp-cont .title{font-size:20px}
    .indcp-cont {margin-left: 16px;}
    .indfa-cont {bottom: 40px;padding: 0 32px;}
    .indfa-items .icon{top: 30px;right: 30px;}
    .indhz-items{height: 136px;}
    .indsf {padding: 180px 0 140px;}
    .indsf-cont .text {margin-top: 16px;}
    .indsf-cont .link {margin-top: 32px;}
    .indxw-main {width: 610px;}
    .indxw-list {width: calc(100% - 610px);}
    .indxw-list-items .cont .text{line-height: 24px;height: 48px;margin-top: 8px;}
    .indxw-list-items .time{height: 80px;}
    .banner-prev{left: 40px;}
    .banner-next{right: 40px;}
    #certify {width: 650px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indxz-number li {padding: 0 80px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .banner-cont .title {font-size: 100px;}
    .banner-cont .image {width: 350px;margin-top: 20px;}
    .banner-cont .text {margin-top: 26px;max-width: 376px;}
    .indcp-box.big li {height: 260px;}
    .indcp-box.small li {height: 200px;}
    .indcp-box.big li a{padding: 20px 22px;}
    .indcp-box.small li a{padding: 20px 20px;}
    .indcp-cont .title {font-size: 18px;}
    .indcp-box.small .indcp-img {width: 104px;}
    .indcp-box.big .indcp-img {width: 130px;}
    .indxz-number li {padding: 0 60px;}
    .indhz-items {height: 124px;}
    .indsf {padding: 140px 0 120px;}
    .indxw-main {width: 520px;}
    .indxw-list {width: calc(100% - 520px);padding-left: 20px;}
    .indxw-list-items .time {width: 82px;height: 72px;}
    .indxw-list-items .cont {width: calc(100% - 82px);padding-left: 20px;}
    .indxw-list-items .cont .title{font-size: 19px;}
    .indxw-list-items .cont .text {line-height: 22px;height: 44px;margin-top: 7px;}
    .banner-next, .banner-prev{width: 50px;height: 50px;}
    .banner-cont .contain{padding-left: 80px;}
    .banner-cont.banner2 .title, .banner-cont.banner3 .title{font-size: 60px;}
    .banner-cont.banner3 .contain{padding-left: 30px;}
    #certify{width:100%}
    #certify .swiper-container{padding-bottom:0px;}

}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-pad-mb {height: 50vh;}
    .indfa-items .image {height: auto;}
    .indfa-items .icon {transform: translateY(0);}
    .indfa-cont, .indfa-cont .text {transform: translateY(0);}
    .indfa-cont .text{display: none;}
    .indcp-box.small .indcp-img {width: 90px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-cont .title {font-size: 80px;}
    .banner-cont .image {width: 280px;margin-top: 20px;}
    .banner-cont .text {margin-top: 26px;max-width: 300px;}
    .banner .swiper-pagination {bottom: 32px;}
    @keyframes bannerRight{0%{opacity: 0;transform: translateX(120px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    .indcp-list {padding: 0 4%;}
    .indcp-box.big ul {margin: -18px 0 0;}
    .indcp-box.big li {width: 100%;margin: 18px 0 0;height: 240px;}
    .indcp-box.small li{width: calc(50% - 18px);height: 200px;}
    .indcp-box.big .indcp-cont{min-width:128px;}
    .indcp-box.small .indcp-cont{min-width:110px;}
    .indxz-number li {padding: 0 34px;}
    .indMore {width: 154px;height: 46px;}
    .indfa-items{width: 50%;}
    .indhz-items {height: 100px;}
    .indsf {padding: 100px 0 80px;}
    .indxw-main{width: 100%;}
    .indxw-list{width: 100%;padding-left: 0;margin-top: 30px;}
    .banner-prev{left: 30px;}
    .banner-next{right: 30px;}
    .banner-cont.banner3 .contain{padding-left: 70px;}
    .banner-cont.banner2 .title, .banner-cont.banner3 .title{font-size: 45px;}
    .banner-cont.banner3 .image{margin-top: 40px;}
    .banner-cont.banner3 .text{margin-top: 10px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner .swiper-pagination {bottom: 20px;}
    .banner .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 0 0 10px !important;}
    .banner-cont .title {font-size: 40px;}
    .banner-cont .image {width: 180px;margin-top:12px;display: none;}
    .banner-cont .text {margin-top: 16px;max-width: 250px;}
    .banner-cont .contain{padding-left: 30px;}
    .banner-next, .banner-prev{width: 30px;height: 30px;background-size: 15px;}
    .banner-prev{left: 10px;}
    .banner-next{right: 10px;}
    .indcp-box ul {margin: -15px 0 0;}
    .indcp-box li {height: 160px !important;width:100% !important;margin: 15px 0 0 !important;}
    .indcp-box li a{padding: 18px !important;}
    .indcp-cont .link {margin-top: 8px;}
    .indcp-box .indcp-img{width:100px !important}
    .indcp-box .indcp-cont{min-width:auto !important;width: calc(100% - 100px);margin: 0;padding-left: 24px;}
    .indcp-cont .title {font-size: 16px;}
    .indxz-number li{width: 50%;padding: 0;}
    .indxz-number li .num{justify-content: center;}
    .indxz-number li::before{display: none;}
    .indxz-number li:nth-child(n+3){margin-top: 14px;}
    .indxz-loop img{width: 118px;margin:0 auto;}
    .indxz-number li .text {margin-top: 4px;}
    .indMore {width: 116px;height: 38px;}
    .indfa-cont {bottom: 20px;padding: 0 16px;}
    .indfa-items .icon {top: 12px;right: 12px;width: 62px;height: 62px;}
    .indfa-cont .title{font-size: 18px;}
    .indhz-items{width: 50%;}
    .indhz-loop .swiper-pagination-bullet {width: 24px;height: 2px;margin: 0 0 0 8px !important;}
    .indhz-loop .swiper-wrapper {padding-bottom: 28px;}
    .indhz-items {height: 90px;}
    .indsf-cont .text p {letter-spacing: 4px;}
    .indsf-cont .text {margin-top: 10px;font-size: 16px;}
    .indsf-cont .text p::before{left: -28px;}
    .indsf-cont .text p::after{right: -28px;}
    .indsf-cont .link {margin-top: 18px;}
    .indsf {padding: 60px 0 50px;}
    .indxw-menu a {margin-left: 20px;}
    .indxw-loop{margin-top: 20px;}
    .indxw-main-cont {padding: 12px 16px;}
    .indxw-list {margin-top: 20px;}
    .indxw-list-items .cont {padding-left: 16px;}
    .indxw-list-items .cont .title {font-size: 16px;}
    .indxw-list-items .cont .text {line-height: 20px;height: 40px;margin-top: 6px;}
    .indTitle .text{margin-top: 8px;font-size: 16px;}
    .banner-cont.banner2 .title, .banner-cont.banner3 .title {font-size: 35px;}
    .banner-cont.banner3 .contain{padding-left: 30px;}
    #certify .swiper-slide {height: 188px;}
}