@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.none-mb{height: 100vh;}
.banner-img img.none-pc-pad{min-height: 400px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;text-align: center;top: 0;left: 0;display: flex;align-items: center;justify-content: center;color: #fff;}
.banner-cont .name{font-weight: 700;line-height: 1.1;}
.banner-cont .name span{color: #059fff;}
.banner-cont .link{margin-top: 28px;display: flex;justify-content: center;line-height: 1.1;}
.banner-cont .link a{padding-right: 20px;background: url('../fonts/arrrw.svg') no-repeat right -4px top calc(50% + 1px)/20px auto;position: relative;}
.banner-cont .link a::after{content: "";position: absolute;width: 0;opacity: 0;height: 1px;background: #fff;bottom: -4px;right: 0;transition: width .4s ease, opacity .2s ease .3s;}
.banner-cont .link a:hover::after{right: auto;left: 0;width: 100%;opacity: 1;transition: width .4s ease .2s, opacity .2s ease;}
/* 效果 */
.banner-cont .name, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .name{animation: bannerDown 1s ease both 1s;}
.swiper-slide-active .banner-cont .link{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .banner-cont .name{animation: bannerDown 1s ease both .4s;}
.oneSlide .banner-cont .link{animation: bannerUp 1s ease both .5s;}
@keyframes bannerDown{0%{opacity: 0;transform: translateY(-60px);}100%{opacity: 1;transform: translateY(0);}}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}

.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255, 255, 255, .4);opacity: 1;margin: 0 10px !important;position: relative;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #fff;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}

.indTitle{width: 100%;}
.indTitle .name{color: #333;line-height: 1.1;font-weight: 700;}
.indTitle .text{color: #777;line-height: 1.1;margin-top: 18px;}
.indTitle.white .name, .indTitle.white .text{color: #fff;}

.indMore{display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;border-radius: 25px;overflow: hidden;color: #fff;background: #1374b8 url('../images/indsign.png') no-repeat right -16px bottom -2px;transition: all .4s ease;}
.indMore span{padding-right: 18px;background: url('../images/indarr.png') no-repeat right center;}
.indMore:hover{background-position-y: center;box-shadow: 0 4px 16px 4px rgba(19, 116, 184, .4);}

.indgy{width: 100%;position: relative;padding-bottom: 24px;overflow: hidden;}
.indgy .contain{justify-content: space-between;}
.indgy-wrap{width: calc(100% - 775px);padding-right: 160px;}
.indgy-num{width: 100%;font-size: 0;}
.indgy-num ul{display: inline-block;white-space: nowrap;padding: 34px 0;position: relative;}
.indgy-num ul::before, .indgy-num ul::after{content: "";position: absolute;width: 100%;height: 5px;background: #f2f2f2;left: 0;}
.indgy-num ul::before{top: 0;}
.indgy-num ul::after{bottom: 0;}
.indgy-num li{display: inline-block;vertical-align: middle;position: relative;padding: 0 40px;}
.indgy-num li::after{content: "";position: absolute;width: 1px;height: 100%;background: #ddd;right: 0;top: 0;}
.indgy-num li:last-child::after{display: none;}
.indgy-num li:first-child{padding-left: 0;}
.indgy-num li:last-child{padding-right: 0;}
.indgy-num li .num{color: #1374b8;font-weight: 700;line-height: 1.1;}
.indgy-num li .text{color: #444;}
.indgy-cont{width: 100%;color: #555;line-height: 30px;}
.indgy-cont p{line-height: inherit;position: relative;padding-left: 20px;}
.indgy-cont p span{font-weight: 700;}
.indgy-cont p::before{content: "";position: absolute;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #b7b7b7;left: 0;top: 9px;}
.indgy-more{width: 100%;}
.indgy-video{width: 775px;position: relative;}
.indgy-video img{width: 100%;object-fit: cover;}
.indgy-video i{display: none;}
.indgy-video video{position: absolute;z-index: 4;top: 0;left: 0;width: calc(100% - 16px);top: 8px;left: 8px;border-radius: 12px;}

.indcp{width: 100%;position: relative;overflow: hidden;}
.indcp-bg{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
.indcp-head{width: 100%;position: relative;z-index: 4;}
.indcp-head .contain{justify-content: space-between;}
.indcp-head .indTitle{width: auto;}
.indcp-wrap{width: 100%;position: relative;z-index: 4;margin-top: 16px;}
.indcp-wrap .contain{width: 1560px;padding-left: 20px;}
/* ---- */
.indcp-btn{width: 70px;padding-top: 62px;}
.indcp-btn .prev, .indcp-btn .next{position: relative;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-top: 12px;}
.indcp-btn .prev svg, .indcp-btn .next svg{stroke-dasharray:170,170;stroke-dashoffset:170;position: absolute;width: 100%;height: 100%;transition: all .8s ease;}
.indcp-btn .prev i, .indcp-btn .next i{width: 18px;height: 15px;background: url('../images/indcpic.png') no-repeat;transition: all .4s ease;}
.indcp-btn .prev{margin-top: 0;}
.indcp-btn .prev i{transform: rotate(180deg);}
.indcp-btn .prev svg{stroke-dashoffset:0;}
.indcp-btn .prev i{background-image: url('../images/indcpich.png');}
.indcp-btn .prev:hover svg, .indcp-btn .next:hover svg{stroke-dashoffset:0;}
.indcp-btn .prev:hover i, .indcp-btn .next:hover i{background-image: url('../images/indcpich.png');}
/* ---- */
.indcp-btn .line{width: 100%;height: 2px;background: #fff;margin-top: 140px;position: relative;}
.indcp-btn .line i{position: absolute;width: 0%;height: 100%;background: #1374b8;left: 0;top: 0;transition: all .4s linear;}
.indcp-loop{width: calc(100% - 70px);padding-left: 90px;}
.indcp-loop .swiper-pagination{display: none;}
.indcp-loop .swiper-container{padding: 20px;}
.indcp-loop-mix{display: block;border-radius: 5px;padding: 44px 0 44px 44px;transition: all .6s ease;background-repeat: no-repeat;background-position: right bottom;background-size: 309px auto;}
.indcp-loop-mix .icon{width: 100%;height: 90px;position: relative;}
.indcp-loop-mix .icon img{position: absolute;top: 0;left: 0;max-height: 100%;transition: all .4s ease;}
.indcp-loop-mix .icon img.s{opacity: 1;}
.indcp-loop-mix .icon img.h{opacity: 0;}
.indcp-loop-mix .name{color: #000;line-height: 1.1;margin: 32px 0 20px;display: block;transition: all .4s ease;}
.indcp-loop-mix .link{width: 100%;height: 140px;overflow-y: hidden;}
.indcp-loop-mix .link::-webkit-scrollbar {width: 4px;}
.indcp-loop-mix .link::-webkit-scrollbar-thumb {background: #48b68c;}
.indcp-loop-mix .link::-webkit-scrollbar-track {background: #fff;}
.indcp-loop-mix .link{scrollbar-color:#48b68c #fff;scrollbar-width:thin;}
.indcp-loop-mix .link{scrollbar-face-color: #48b68c;scrollbar-shadow-color: #48b68c;scrollbar-arrow-color: #000;scrollbar-track-color: #fff;}
.indcp-loop-mix .link a{display: block;width: 100%;padding-left: 18px;position: relative;height: 28px;line-height: 28px;color: #888;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indcp-loop-mix .link a::before{content: "";position: absolute;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #b5b5b5;left: 0;top: 50%;margin-top: -5px;transition: all .4s ease;}
.indcp-loop-mix .link a:hover{color: #48b68c;}
.indcp-loop-mix .link a:hover::before{border: 2px solid #48b68c;}
.indcp-loop-mix:hover{background-image: url('../images/indcpicon.png');background-color: #fff;box-shadow: 0 0 16px 4px rgba(153, 189, 206, .58);}
.indcp-loop-mix:hover .icon img.s{opacity: 0;}
.indcp-loop-mix:hover .icon img.h{opacity: 1;}
.indcp-loop-mix:hover .name{color: #48b68c;}
.indcp-loop-mix:hover .link{overflow-y: auto;}

.indkj{width: 100%;position: relative;background: #00154f;overflow: hidden;}
.indkj-menu{position: absolute;z-index: 4;width: 100%;left: 0;top: 0;}
.indkj-menu a{display: flex;color: #fff;position: relative;flex-direction: column;justify-content: center;align-items: center;width: 105px;height: 135px;border-radius: 10px;background: rgba(255, 255, 255, .1);transition: all .4s ease;margin-right: 60px;}
.indkj-menu a .icon{display: flex;align-items: center;height: 35px;}
.indkj-menu a .icon img{max-height: 100%;}
.indkj-menu a .name{margin-top: 6px;}
.indkj-menu a:last-child{margin-right: 0;}
.indkj-menu a:last-child::after{display: none;}
.indkj-menu a::after{content: "";position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #fff;right: -34px;pointer-events: none;}
.indkj-menu a.active{background: #2cb17e;}
.indkj-loop{width: 100%;}
.indkj-loop img{width: 100%;object-fit: cover;}
.indkj-loop .cont{position: absolute;width: 100%;top: 0;top: 0;text-align: right;}

.indxw{width: 100%;position: relative;overflow: hidden;}
.indxw-wrap{width: 270px;}
.indxw-menu{width: 100px;}
.indxw-menu a{display: flex;width: 100%;align-items: center;height: 50px;color: #555;position: relative;transition: all .4s ease;}
.indxw-menu a::after{content: "";opacity: 0;transition: all .4s ease;position: absolute;width: 18px;height: 18px;right: 0;top: 50%;margin-top: -9px;background: url('../images/arrrg.svg') no-repeat center/18px auto;}
.indxw-menu a.active{color: #48b68c;}
.indxw-menu a.active::after{opacity: 1;}
.indxw-more{width: 100%;}
.indxw-list{width: calc(100% - 270px);position: relative;}
.indxw-items{width: 100%;display: none;}
.indxw-items.active{display: block;}
.indxw-link{width: auto;flex: 1;padding-left: 50px;padding-right: 50px;position: relative;}
.indxw-link:last-child{padding-right: 0;}
.indxw-link::before{content: "";width: 1px;height: 100%;position: absolute;background: #e6e6e6;left: 0;top: 0;}
.indxw-link-title{width: 100%;position: relative;}
.indxw-link-title::before{content: "";width: 1px;height: 0;position: absolute;background: #1374b8;left: -50px;bottom: 0;margin: auto 0;top: 0;transition: all .6s ease;}
.indxw-link-title .name{line-height: 30px;color: #666;font-weight: 700;transition: all .4s ease;height: 60px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link-title .time{color: #777;margin: 12px 0;transition: all .4s ease;}
.indxw-link-title .text{color: #777;line-height: 25px;transition: all .4s ease;height: 50px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link-title .link{display: flex;line-height: 1.1;}
.indxw-link-title .link span{color: #666;padding-right: 50px;background: url('../images/indxwarr.png') no-repeat right bottom 2px;transition: all .4s ease;}
.indxw-link-img{width: 100%;overflow: hidden;}
.indxw-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-link:hover .indxw-link-title::before{height: 100%;}
.indxw-link:hover .indxw-link-title .name{color: #1374b8;}
.indxw-link:hover .indxw-link-title .time{color: #1374b8;}
.indxw-link:hover .indxw-link-title .text{color: #1374b8;}
.indxw-link:hover .indxw-link-title .link span{color: #1374b8;background-image: url('../images/indxwarrh.png');}
.indxw-link:hover .indxw-link-img img{transform: scale(1.06);}

.indry{width: 100%;position: relative;overflow: hidden;}
.indry-bg{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
.indry .contain{position: relative;z-index: 4;}
.indry-head{width: 100%;justify-content: space-between;}
.indry-head .indTitle{width: auto;}
.indry-head-wrap{width: auto;align-items: center;}
/* ---- */
.indry-btn{margin-right: 20px;}
.indry-btn .prev, .indry-btn .next{position: relative;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-left: 12px;}
.indry-btn .prev svg, .indry-btn .next svg{stroke-dasharray:170,170;stroke-dashoffset:170;position: absolute;width: 100%;height: 100%;transition: all .8s ease;}
.indry-btn .prev i, .indry-btn .next i{width: 18px;height: 15px;background: url('../images/indcpic.png') no-repeat;transition: all .4s ease;}
.indry-btn .prev{margin-left: 0;}
.indry-btn .prev i{transform: rotate(180deg);}
.indry-btn .prev svg{stroke-dashoffset:0;}
.indry-btn .prev i{background-image: url('../images/indcpich.png');}
.indry-btn .prev:hover svg, .indry-btn .next:hover svg{stroke-dashoffset:0;}
.indry-btn .prev:hover i, .indry-btn .next:hover i{background-image: url('../images/indcpich.png');}
/* ---- */
.indry-loop{width: 100%;overflow: hidden;}
.indry-loop-link{display: block;width: 100%;}
.indry-loop-img{width: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.indry-loop-img .bg{width: 100%;object-fit: cover;}
.indry-loop-img .img{position: absolute;z-index: 2;max-width: calc(100% - 40px);max-height: calc(100% - 40px);border: 4px solid #d9d9d9;}
.indry-loop-img .icon{width: 60px;height: 60px;background: #48b68c url('../images/indryicon.png') no-repeat center;position: absolute;z-index: 4;top: 50%;left: 50%;margin: -30px 0 0 -30px;border-radius: 50%;transform: scale(0);opacity: 0;transition: all .4s ease;}
.indry-loop-cont{width: 100%;padding: 14px 0;text-align: center;border-bottom: 2px solid #1374b8;color: #1374b8;transform: scaleY(.4);opacity: 0;transition: all .4s ease;transform-origin: left top;}
.indry-loop-link:hover .indry-loop-img .icon{transform: scale(1);opacity: 1;}
.indry-loop-link:hover .indry-loop-cont{transform: scaleY(1);opacity: 1;}
.indry-loop .swiper-pagination{display: none;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indcp-wrap .contain {width: 1440px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indcp-wrap .contain {width: 1240px;}
    .indTitle .text {margin-top: 12px;}
    .indgy-video {width: 640px;}
    .indgy-video video{top: 7px;}
    .indgy-wrap {width: calc(100% - 640px);padding-right: 50px;}
    .indgy-num li .text{font-size: 16px;}
    .indgy-num li {padding: 0 28px;}
    .indcp-loop {padding-left: 60px;}
    .indcp-loop-mix {padding: 32px 0 32px 32px;background-size: 260px auto;}
    .indcp-btn {padding-top: 52px;}
    .indcp-loop-mix .name {margin: 28px 0 18px;}
    .indxw-link {padding-left: 36px;padding-right: 36px;}
    .indxw-link-title::before{left: -36px;}
    .indcp-btn .line {margin-top: 130px;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indgy-num ul {width: 100%;}
    .indgy-num li {padding: 0 10%;}
    .indgy-wrap{width: 100%;padding-right: 0;}
    .indgy-video{margin: 50px auto 0;}
    .indcp-wrap .contain {width: 1000px;}
    .indcp-loop {padding-left: 40px;}
    .indcp-loop-mix .icon {height: 70px;}
    .indcp-btn .line {margin-top: 110px;}
    .indcp-loop-mix {padding: 26px 0 26px 26px;background-size: 220px auto;}
    .indkj-menu a {width: 90px;height: 105px;margin-right: 40px;}
    .indkj-menu a::after {right: -24px;}
    .indkj-loop img{min-height: 420px;}
    .indxw-wrap {width: 230px;}
    .indxw-list {width: calc(100% - 230px);}
    .indxw-link {padding-left: 24px;padding-right: 24px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-mb {height: auto;min-height: 600px;}
    .indcp-loop .swiper-container {padding: 20px 10px;}
    .indcp-loop-mix{background-image: url('../images/indcpicon.png');background-color: #fff;box-shadow: 0 0 6px 2px rgba(153, 189, 206, .58) !important;}
    .indcp-wrap .contain {width: 980px;padding-left: 10px;}
    .indry-loop-cont {transform: scaleY(1);opacity: 1;}
    .indcp-loop-mix .link{overflow-y: auto;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indcp-head .indTitle{width: 100%;margin-bottom: 20px;}
    .indcp-btn{display: none;}
    .indcp-loop{width: 100%;padding: 0;}
    .indcp-wrap .contain{width: calc(92% + 20px);padding: 0;}
    .indkj-menu {height: 100%;padding: 0 0 36px;display: flex;align-items: flex-end;}
    .indkj-loop .cont{text-align: left;padding: 36px 0 0;}
    .indxw{padding: 60px 0;}
    .indxw-wrap{width: 100%;position: relative;padding: 0;}
    .indxw-more{position: absolute;width: auto;right: 0;top: 0;margin: 0;}
    .indxw-menu{display: flex;flex-wrap: wrap;width: 100%;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
    .indxw-menu a{width: 33.3333%;justify-content: center;}
    .indxw-menu a::after{display: none;}
    .indxw-list{width: 100%;margin-top: 40px;}
    .indxw-link {padding: 0 20px;}
    .indxw-link:first-child:before{display: none;}
    .indxw-link:first-child{padding-left: 0;}
    .indcp-loop .swiper-pagination{display: block;bottom: 0;}
    .indcp-loop .swiper-wrapper{padding-bottom: 24px;}
    .indcp-loop .swiper-pagination-bullet {margin: 0 8px !important;}
    .indcp-loop .swiper-pagination-bullet-active {background: #1374b8;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-cont .name{line-height: 1.28;}
    .banner-cont .link {margin-top: 20px;}
    .banner .swiper-pagination {bottom: 20px;}
    .banner .swiper-pagination-bullet {width: 32px;margin: 0 6px !important;}
    .indgy-num li{width: 100%;padding: 16px 0;}
    .indgy-num ul{white-space: normal;padding: 0;}
    .indgy-num li::after {width: 100%;height: 1px;top: auto;bottom: 0;}
    .indgy-num ul::before, .indgy-num ul::after{height: 3px;}
    .indgy-video {margin: 30px auto 0;width: 100%;}
    .indgy-video video {width: calc(100% - 10px);top: 4px;left: 5px;border-radius: 5px;}
    .indMore {width: 130px;height: 42px;border-radius: 21px;}
    .indcp-loop-mix {padding: 24px 0 24px 24px;background-size: 309px auto;}
    .indcp-loop-mix .name {margin: 24px 0 14px;}
    .indkj-menu a .name{font-size: 16px;margin-top: 2px;}
    .indkj-menu a {width: 68px;height: 76px;margin-right: 24px;border-radius: 6px;}
    .indkj-menu a::after {width: 6px;height: 6px;right: -15px;}
    .indcp-loop .swiper-wrapper {padding-bottom: 16px;}
    .indcp-loop .swiper-pagination-bullet {margin: 0 5px !important;}
    .indTitle .text{font-size: 16px;}
    .indkj-loop img {min-height: 300px;}
    .indxw {padding: 42px 0;}
    .indry-loop .swiper-pagination{display: block;bottom: 0;}
    .indry-loop .swiper-wrapper{padding-bottom: 36px;}
    .indry-loop .swiper-pagination-bullet {margin: 0 5px !important;}
    .indry-loop .swiper-pagination-bullet-active {background: #1374b8;}
    .indkj-menu {padding: 0 0 20px;}
    .indxw .indTitle .text{font-size: 15px;}
    .indxw-link{flex: auto;width: 100%;padding: 24px 0;display: flex;flex-direction: column-reverse;}
    .indxw-link:first-child{padding-top: 0;}
    .indxw-link:last-child{padding-bottom: 0;}
    .indxw-list {margin-top: 24px;}
    .indxw-link-title .name {line-height: 26px;max-height: 52px;height: auto;}
    .indxw-link-title .time {margin: 10px 0;}
    .indxw-link::before {width: 100%;height: 1px;}
    .indxw-link-img{margin-top: 0;}
    .indxw-link-title{margin-top: 20px;}
    .indry-head .indTitle{width: 100%;margin-bottom: 20px;}
    .indry-btn{display: none;}
    .indry-loop-img .img {max-width: calc(100% - 30px);max-height: calc(100% - 30px);border: 2px solid #d9d9d9;}
    .indry-loop-cont {padding: 10px 0;line-height: 20px;}
    .indry-loop{margin-top: 28px;}
    .indgy-cont p{line-height: 26px;}
    .indgy-cont p::before{top: 7px;}
    .indxw-menu{margin-top: 28px;}
}