@charset "utf-8";
/* ===================首页样式========================== */
/*banner*/
.banner{width:100%;overflow:hidden;position:relative}
.banner .swiper-container,.banner-img{height:100%}
.banner a{display:block;width:100%}
.banner-img{width:100%}
.banner-img img{width:100%;object-fit:cover;height:100%}
.banner-imgpc{min-height:670px}
.banner .banner-imgmb{display:none}
.banner .swiper-pagination{display:flex;align-items:center;justify-content:center;bottom:38px;right:0}
.banner .swiper-slide{background-size:cover!important}
.banner .swiper-pagination-bullet{border:2px solid #fff;background:0 0!important;position:relative;margin-right:100px!important;width:26px;height:26px;opacity: 1}
.banner .swiper-pagination-bullet-active{opacity: 1;border:2px solid #4298bd;}
.banner .swiper-pagination-bullet i{content: '';display: block;width: 102px;height: 1px;border-top: 2px dashed #fff;position: absolute;left: 25px;top: 11px}
.banner .swiper-pagination-bullet:after{content:'';border-radius:50%;background: #fff;width:10px;height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.banner .swiper-pagination-bullet-active:after{content:'';border-radius:50%;background: #4298bd;width:10px;height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.banner .swiper-pagination-bullet:last-child{margin-right:0!important}
.banner .swiper-pagination-bullet:last-child i{display:none}
.banner .swiper-pagination-bullet:before{content:"";position:absolute;top:12px;left:25px;background:#fff;width:0;height:1px;z-index:1;transition:0s}
.banner .swiper-pagination-bullet:last-child:before{display:none}
.banner .swiper-slide{position:relative}
.banner .swiper-slide video{position:absolute;width:100%;left:0;top:0;height:100%;object-fit:cover}
.banner .main-slide{position:relative}
.banner-cont{width: 100%; position: absolute;left: 0;top:25%;}
.banner-cont h2{font-size: 55px;color: #fff;margin-bottom: 26px;font-weight: bold;}
.banner-cont p{width: 30%; font-size: 36px;color: #fff;line-height: 52px;margin-bottom: 54px;}
.banner-cont a{display: block;width: 170px;height: 40px;font-size: 14px;color: #fff;border: 1px solid #fff;line-height: 40px;text-align: center;transition: all .4s ease;}
.banner-cont a:hover{ background-color: #2775af;border: 1px solid #2775af;}

/* 页面标题公共部分 */
.index-pubtitle{width: 100%;text-align: center;position: relative;}
.index-pubtitle h2{font-size: 34px;color: #333333;padding-bottom: 20px;font-weight: bold;}
.index-pubtitle::after{content: "";width: 43px;height: 2px;background-color: #2775af;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
/* 产品中心 */
.product{width: 100%;padding: 110px 0 98px;background-repeat: no-repeat;background-position: left top;background-size: cover;}
.product-topitem{width: 100%;margin-top: 70px;}
.product-topcont{width: 100%;display: flex;justify-content:space-between;margin-bottom: 30px;}
.product-topcontlft{width:66%;height: 447px;position: relative;}
.product-top-bimg{width: 100%;height: 100%;}
.product-top-bimg img{width: 100%;height: 100%;object-fit: cover;}
.product-toplft-limg{width:116px;height: 116px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 2;background-color: #d0e4f3;text-align: center;line-height: 116px;}
.product-toplft-limg::before{content: ""; width: 156px;height: 156px;border-radius: 50%;background-color:transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;border: 22px solid rgba(72, 96, 116, .5);}
.product-toplft-limg::after{content: "";width: 214px;height: 214px;border-radius: 50%;background-color: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 30px solid rgba(238, 244, 252, .2);z-index: -2;}
.product-pubtit{position: absolute;left: 30px;bottom: 40px;}
.product-pubtit h2{font-size: 20px;color: #ffffff;margin-bottom: 14px;}
.product-pubtit p{font-size: 24px;color: #ffffff;font-weight: 800;line-height: 28px;}
.product-topcontrgt{width: 32%;height: 447px;position: relative;}
.product-toprgt-limg{width:116px;height: 116px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 2;background-color: #d0e4f3;text-align: center;line-height: 116px;}
.product-toprgt-limg::before{content: ""; width: 156px;height: 156px;border-radius: 50%;background-color:transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;border: 22px solid rgba(72, 96, 116, .5);}
.product-toprgt-limg::after{content: "";width: 214px;height: 214px;border-radius: 50%;background-color: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 30px solid rgba(238, 244, 252, .2);z-index: -2;}
.product-botitem{width: 100%;background-color: #1a222a;}
.product-botitem .incenter{display: flex;justify-content: space-between;align-items: center;height: 680px;overflow: hidden;}
.product-botlft{width: 22%;height: 100%;}
.product-botlft ul{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.product-botlft li{width: 100%;color: #d5dbe0;opacity: .5;transition: all .4s ease}
.product-botlft li:not(:last-child){margin-bottom: 122px}
.product-botlft .ontrue{color:#ffffff;opacity: 1}
.product-botlft-menu{display: block;width: 100%;transition: all .4s ease;}
.product-botlft-menu h2{font-size: 32px;font-weight: 800;margin-bottom: 14px;}
.product-botlft-menu span{ font-size: 32px;font-weight: 700;margin-left:0;vertical-align: middle;font-family: "\5B8B\4F53";opacity: 0;transition: all .4s ease}
.product-botlft .ontrue span{opacity: 1;margin-left: 18px}
.product-botlft-menu p{font-size: 18px;line-height: 22px;}

.product-topcontlft:hover .product-toplft-limg::after{box-shadow: 0 0 0 rgba(238, 244, 252, .2);animation: pulseAnim 2s infinite;border-radius: 50%}
.product-topcontrgt:hover .product-toprgt-limg::after{box-shadow: 0 0 0 rgba(238, 244, 252, .2);animation: pulseAnim 2s infinite;border-radius: 50%}
.product-topcontlft:hover .product-toprgt-limg::after{box-shadow: 0 0 0 rgba(238, 244, 252, .2);animation: pulseAnim 2s infinite;border-radius: 50%}
.product-topcontrgt:hover .product-toplft-limg::after{box-shadow: 0 0 0 rgba(238, 244, 252, .2);animation: pulseAnim 2s infinite;border-radius: 50%}
@keyframes pulseAnim{0%{box-shadow:0 0 0 0 rgba(238, 244, 252, .2)}70%{box-shadow:0 0 0 38px rgba(88,120,243,0)}100%{box-shadow:0 0 0 0 rgba(88,120,243,0)}}


.product-botrgt{width: 78%;height: 100%;}
.product-botrgt .ontrue{display: block;}
.product-botrgtitem{width: 100%;font-size: 0;display: none;}
.product-botrgtitem-info{width: 50%;height: 340px;position: relative;overflow: hidden;display: inline-block;}
.product-botlftimg{display: inline-block;width:100%;height: 100%;}
.product-botlftimg img{width: 100%;height: 100%;object-fit: cover;}

.product-botlftcont{width: 100%; position: absolute;left: 30px;bottom: -45px;z-index: 3;padding: 0 100px 0 50px;transition: bottom .5s ease;}
.product-botlftcont h2{font-size: 20px;color: #ffffff;font-weight: 500;line-height: 40px;height: 40px;text-align: left;}
.product-botlftcont p{font-size: 14px;opacity: .3;transition: opacity .5s ease; color: #ffffff;line-height: 24px;height: 48px;margin-top: 12px;text-align: left; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;}
.product-botrgtitem-info:hover .product-botlftcont{bottom: 45px;}
.product-botrgtitem-info:hover p{opacity: 1;}
/* 核心优势 */
.core{width:100%;padding-top: 110px;background: url('../images/index/ysBj.png')no-repeat;}
.core-wrapper{width: 100%;margin-top: 34px;}
.core-wrapper .swiper-container{padding-bottom: 94px !important;}
.core-contitem{float: left;width: 33.33%;height: 307px;display: flex;justify-content: center; flex-direction: column;align-items: center;transition: all .4s ease;position: relative}
.core-contitem img{width: 100%;height: 100%; position: absolute;left: 0;top: 0;z-index: -1;opacity: 0;transition: all .4s ease;}
.core-contitem i{display: block; width: 86px;height: 86px;border-radius: 50%; margin: 46px 0 20px}
.core-contitem h2{font-size: 24px;color: #333333;font-weight: 800;margin-bottom: 24px;}
.core-contitem .core-cont{padding: 0 98px;width: 100%;height: 78px;}
.core-contitem .core-cont p{font-size: 16px;color: #777777;line-height: 26px;text-align: center;}
/* .core-contitem:after{content: '';background: url(../images/index/kernel.jpg) no-repeat center;background-size: 100% 100%;padding: 96px 0;color: #ffffff;opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;transition: all .4s ease;visibility: hidden}
.core-contitem:hover:after{opacity: 1;visibility: visible} */
.core-contitem:hover img{opacity: 1;}
.core-contitem:hover i{display: none;}
.core-contitem:hover h2{color: #ffffff;}
.core-contitem:hover p{padding: 0;color: #ffffff}
.core .swiper-pagination-bullets{bottom: 40px !important;}

/* 新闻与活动 */
.new{width:100%;padding: 110px 0 136px;}
.new-listitem{width: 100%;display:flex;justify-content: space-between;margin-top: 32px;}
.new-contitem{width: 32%;height: 524px; display: block;}
.new-contitem img{transition: all .6s ease}
.new-contitem:hover img{transform: scale(1.1)}
.new-imgcont{width: 100%;position: relative;}
.new-img{width: 100%;height: 280px;overflow: hidden;}
.new-img img{width: 100%;height: 100%;object-fit: cover;}
.new-imgcont h2{font-size: 14px;color: #ffffff;position: absolute;left: 0;top: 0;width: 92px;height: 32px;background-color: rgba(0, 0, 0, .5);padding: 8px 16px;}
.new-pubcont{width:100%;padding: 40px 40px 70px;background-color: #f8f8f8;}
.new-pubcont h1{font-size: 18px;color: #333333;line-height: 22px; font-weight: 800;margin-bottom: 18px;}
.new-pubcont span i{width: 20px;height: 20px;background: url(../images/index/newli.png) no-repeat center;padding-right: 20px;margin-right: 12px;}
.new-pubcont span {display: block; font-size: 16px;color: #333333;margin-bottom: 32px;}
.new-pubcont p{font-size: 14px;color: #888888;line-height: 22px;height: 44px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new-contlist{width: 32%;background-color: #f8f8f8;position: relative;height: 544px; }
.new-contmenu{width: 100%;height: 554px;padding: 65px 42px;overflow: hidden;}
.new-contmenu li{width: 100%;margin-bottom: 20px;}
.new-contsubmenu{display: block; width: 100%;}
.new-contsubmenu p{font-size: 18px;color: #1b1f25;font-weight: 800;line-height: 22px;height: 44px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease}
.new-contsubmenu:hover p{color: #2877b1}
.new-contsubmenu span{display: block;font-size: 16px;color: #333333;margin-top: 12px;}
.new-contmenu .mCSB_scrollTools .mCSB_draggerRail{background: #efefef;}
.new-contmenu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #3fbaff;width: 2px;}
.new-contmenu .mCustomScrollBox>.mCSB_scrollTools{opacity: 1;width: 4px;z-index: 3;}
.new-contmenu .mCSB_container {margin-right: 40px;}

.new-more{width: 100%;text-align: center;margin-top: 30px;}
.new-more a{display:inline-block;width: 170px;height: 40px;line-height: 40px;font-size: 14px;color: #1b1f25; border: 2px solid #1b1f25;transition: all .4s ease}
.new-more a:hover{background: #1b1f25;color: #fff}

.apply{width: 100%;background: url(../images/index/newb.jpg) no-repeat;height: 244px;background-size: 100% 100%;}
.apply ul{width: 100%; display: flex;justify-content: space-around;padding: 70px 0;}
.apply li{float: left;width: 14%;}
.apply-menu{display: block;width: 100%;text-align: center;}
.apply-menu img{display: inline-block;object-fit: cover;}
.apply-menu h2{ font-size: 22px;color: #ffffff;margin-top: 30px;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .incontain{width: 92%;}
    .product-botrgtitem-info{height: 316px}
    .product-botitem .incenter {height: 632px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .core-contitem .core-cont{padding: 0 68px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .banner-cont p{width: 38%;}
    .product-botitem .incenter {height: 580px;}
    .product-botlft-menu h2,.product-botlft .ontrue span{font-size: 26px}
    .product-botlft-menu p{font-size: 16px}
    .product-botlft-menu span{margin-left: 18px;}
    .product-botrgtitem-info{height: 290px}
    .core-contitem .core-cont{padding: 0 52px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-cont p{width: 44%;}
    .product {padding: 80px 0 88px;}
    .product-botitem .incenter {height: 520px;}
    .product-botlftcont{padding: 0 48px 0 50px;}
    .core {padding-top: 80px;}
    .core-contitem .core-cont{padding: 0 38px;}
    .product-botrgtitem-info{height: 260px}
    .product-botlft li:not(:last-child){margin-bottom: 60px}
    .new {padding: 80px 0 108px;}
    .new-contsubmenu p {font-size: 16px;}
    .new-pubcont h1 {font-size: 16px;}
    .new-pubcont span {margin-bottom: 24px;}
    .new-pubcont {padding: 28px 28px 38px;}
    .new-contlist {height: 488px;}
    .new-contmenu {height: 492px;padding: 52px 42px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .banner-cont p{width: 48%;}
    .product-botitem .incenter {height: 468px;}
    .product-botlft-menu h2,.product-botlft .ontrue span{font-size: 20px}
    .core-contitem .core-cont{padding: 0 20px;}
    .product-botrgtitem-info{height: 234px}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-cont h2 {font-size: 34px;}
    .banner-cont p{font-size: 24px;line-height: 34px;}
    .product{padding: 60px 0 68px;}
    .product-toprgt-limg{width: 98px;height: 98px;line-height: 98px;}
    .product-toprgt-limg::before{width: 138px;height: 138px;}
    .product-pubtit h2 {font-size: 16px;margin-bottom: 10px;}
    .product-pubtit p{font-size: 20px;line-height: 24px;}
    .product-toprgt-limg::after{width: 198px;height: 198px;}
    .product-topitem {margin-top: 48px;}
    .product-botlft{padding-top: 98px;}
    .product-botlft li{margin-bottom: 88px;}
    .product-botlftcont h2{font-size: 16px;height: 28px;line-height: 28px;}
    .product-botlftcont{padding: 0 32px 0 0;}
    .product-botlft-menu h2{font-size: 18px;}
    .product-botlft-menu span{margin-left: 6px;}
    .product-botlft-menu p{font-size: 14px;}
    .core {padding: 60px 0 0;}
    .core-contitem i{margin: 20px 0 20px;}
    .core-contitem .core-cont{padding: 0;height: 72px;}
    .core-contitem h2{font-size: 18px}
    .core-contitem .core-cont p{font-size: 13px;line-height: 24px}
    .core-contitem {margin-bottom: 20px}
    .new {padding: 60px 0 80px;}
    .new-listitem{flex-wrap: wrap}
    .new-contitem {height: auto;width: 48.5%;margin-bottom: 20px;}
    .new-contlist{height: 478px;width: 100%;}
    .new-contmenu {height: 478px}
    .new-pubcont {padding: 40px 28px 40px;}
    .new-pubcont span{margin-bottom: 16px;}
    .new-contmenu {padding: 52px 18px;}
    .new-pubcont h1{font-size: 16px;}
    .new-contsubmenu p{font-size: 16px;}
    .index-pubtitle h2{font-size: 26px}
    .product-topcontlft{height: 400px;width: 58%}
    .product-topcontrgt{height: 400px;width: 40%}
    .banner .banner-imgpc{display: none}
    .banner .banner-imgmb{display: block;min-height: 500px}
    .product-botlft .ontrue span {margin-left: 8px;}
  
   
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-cont p{width: 58%;}
    .banner-cont h2 {font-size: 26px;}
    .banner-cont p{font-size: 18px;line-height: 30px;}
    .product { padding: 40px 0 40px;}
    .product-topcont{flex-direction: column;margin-bottom: 0;}
    .product-topcontrgt {width: 100%;margin-bottom: 20px;}
    .product-topcontlft {width: 100%;margin-bottom: 20px;}
    .product-botlft{width: 100%;padding-top: 40px}
    .product-botlft li{float: left;width: 33.33%;margin-bottom: 20px; }
    .product-botlft-menu span{display: none;}
    .product-botlftcont h2{height: 38px;line-height: 20px;}
    .product-botrgt{width: 100%;}
    .core {padding: 40px 0}
    .core-wrapper{margin-top:0}
    .core .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0 !important;}
    .core-contitem{width: 49.33%;margin-bottom: 30px;height: 240px}
    .core-contitem h2{font-size: 18px;margin-bottom: 10px}
    .core-contitem p{padding: 0 5px;font-size: 13px;}
    .core-contitem:hover p{padding: 0 8px;}
    .banner .swiper-pagination-bullet{margin-right: 50px!important;}
    .banner .swiper-pagination-bullet i{width: 52px}
    .product-botitem .incenter{flex-direction: column;height: auto;}
    .product-topitem{margin: 40px 0 0}
    .product-botitem{padding-bottom: 20px}
    .product-botrgtitem-info{width: 100%;margin-bottom: 20px;}
    .product-botlft-menu p{display: none}
    .product-botlft li:not(:last-child){margin-bottom: 0}
    .core-contitem i{width: 60px;height: 60px;background: #3b90ba url(../images/index/ker1.png) no-repeat center /50%;}
    .new-contitem{width: 100%}
    .new-contitem:not(:first-child){margin-top: 20px}
    .new-pubcont{padding: 30px}
    .new{padding: 40px 0}
    .apply{height: auto}
    .apply li{width: 48%;margin-bottom: 40px}
    .apply ul{flex-wrap: wrap;justify-content: flex-start;padding: 40px 0 0}
    .apply-menu h2{font-size: 18px;margin-top: 15px}
    .banner .banner-imgmb{min-height: 350px}
    .banner-cont{top: 12%}
    .product-botlft ul {flex-direction: unset; }
    .core-wrapper .swiper-container {padding-bottom: 0px !important;}
}