@charset "utf-8";
/* ===================首页样式========================== */
.indhead{width: 100%;position: relative;overflow: hidden;}
.banner{width: 100%;position: fixed;height: 100vh;overflow: hidden;}
.banner img{width: 100%;object-fit: cover;}
.banner img.none-pad-mb{height: 100vh;}
.banner img.none-pc{height: 400px;}
/* banner视频 */
/*.banner .swiper-slide-active.hasVideo .banner-img img.none-pad-mb{animation: hasVideoImg 1s ease both 1s;}*/
/*@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}*/
.banner .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
.banner-cont li:first-child{opacity: 0;}
@media all and (max-width:1151px) {.banner .hasVideo .banner-img img.none-pad-mb{animation: none;}.banner .hasVideo video{display: none !important;}.banner-cont li:first-child{opacity: 1;}}
/* ---- */
.banner .swiper-pagination{bottom: 70px;text-align: left;width: 100%;}
.banner .swiper-pagination-bullet {width: 40px;height: 2px;border-radius: 0;background: #fff;opacity: .5;margin: 0 0 0 18px !important;}
.banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #306ce5;}

.banner-cont{width: 100%;height: 100vh;position: relative;z-index: 4;pointer-events: none;}
.banner-cont .contain{height: 100%;position: relative;}
.banner-cont li{width: 100%;color: #fff;position: absolute;left: 0;top: 44%;transition: opacity .4s ease;}
.banner-cont li .title{line-height: 1.1;font-weight: 700;}
.banner-cont li .text{margin-top: 12px;}
.banner-cont li .title, .banner-cont li .text{opacity: 0;}
.banner-cont li.active .title{animation: bannerContRun 1s ease both 1s;}
.banner-cont li.active .text{animation: bannerContRun 1s ease both 1.2s;}
@keyframes bannerContRun{0%{opacity: 0;transform: translateX(100px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}

.indwrap{width: 100%;position: relative;z-index: 4;background: #fff;}
.indTitle{width: auto;font-weight: 700;}
.indTitle .name, .indTitle .text{color: #fff;}
.indTitle .name{line-height: 1.1;padding-left: 62px;position: relative;}
.indTitle .text{line-height: 1.28;}
.indTitle .name::before{content: "";position: absolute;width: 50px;height: 3px;background: #306ce5;left: 0;top: 50%;margin-top: -1px;}
.indTitle.color .name{color: #333;}
.indTitle.color .text{color: #222;}

.indMore{align-items: center;background: #306ce5;width: 154px;height: 50px;border-radius: 25px;justify-content: center;transition: all .4s ease;}
.indMore span{/* padding-right: 28px; */line-height: 1;color: #fff;/* background: url('../images/arrRight.png') no-repeat right center; */transition: all .4s ease;}
.indMore:hover{box-shadow: 0 4px 12px 4px rgba(48, 108, 229, 0.4);}
.indMore:hover span{/* padding-right: 34px; */}
.indMore.color{background: transparent;border: 1px solid #ccc;}
.indMore.color span{/* background-image: url('../images/arrRightH.png'); */color: #333;}
.indMore.color:hover{background: #306ce5;border: 1px solid #306ce5;}
.indMore.color:hover span{/* background-image: url('../images/arrRight.png'); */color: #fff;}

.indfa{width: 100%;position: relative;/* background: #03447e; */}
.indfa::after{display: none;content: "";position: absolute;width: 100%;height: 3px;background: #03447e;left: 0;z-index: 5;}
.indfa::after{bottom: -2px;}
.indfa .indTitle{max-width: 80%;}
.indfa-hint{width: 100%;color: #fff;margin-top: 12px;opacity: 0.6;}
.indfa-mix{width: 100%;}
.indfa-box{width: 1337px;margin: 0 auto;position: relative;}
.indfa-box .bg{width: 100%;object-fit: cover;}
.indfa-box .bg.c1{display: block;}
.indfa-box .bg.c2{display: none;}
.indfa-info{position: absolute;width: 100%;height: 100%;z-index: 8;top: 0;left: 0;}
.indfa-info-dot{position: absolute;width: 250px;height: 112px;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;background: rgba(3, 54, 99, 0.5);color: #fff;padding: 0 20px}
.indfa-info-dot .tit{font-size: 22px;line-height: 1;}
.indfa-info-dot .text{margin-top: 10px;font-size: 14px;line-height: 20px;font-weight: 300;}
.indfa-info-dot::after{content: "";position: absolute;border-left: 20px solid transparent;border-right: 0 solid transparent;border-top: 48px solid rgba(3, 54, 99, 0.5);width: 0;height: 0;top: 100%;left: 50%;margin-left: 30px;}
.indfa-info-dot.left::after{border-left: 0 solid transparent;border-right: 20px solid transparent;margin-left: -30px;}
.indfa-info-dot.dot1{top: 2%;left: -8%;}
.indfa-info-dot.dot2{top: -9%;left: 13.5%;}
.indfa-info-dot.dot3{top: -4%;left: 37%;}
.indfa-info-dot.dot4{top: 7%;left: 65%;}
.indfa-info-dot.dot5{top: -13%;left: 78%;}
.indfa-info-dot.dot6{top: 38%;left: 6%;}
.indfa-info-dot.dot7{top: 29%;left: 39%;}
.indfa-info-dot.dot8{top: 34%;left: 62%;}
.indfa-info-dot.dot9{top: 47%;left: 83%;}
.indfa-info-dot.dot10{top: 63%;left: 40%;}
.indfa-cartoon{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;}
.indfa-cartoon .ct{position: absolute;opacity: 0;}
.indfa-cartoon .ct.ct1{top: 17%;left: 9%;animation: indfaRun1 4s ease infinite;width: 84px;}
.indfa-cartoon .ct.ct2{top: 12%;left: 48%;animation: indfaRun2 4s ease infinite 2s;width: 49px;}
.indfa-cartoon .ct.ct3{top: 57%;left: 39%;animation: indfaRun3 8s ease infinite 3.5s;width: 68px;opacity:1;z-index:2}
.indfa-cartoon .ct.ct4{top: 80%;left: 51%;animation: indfaRun4 4s ease infinite 2s;width: 78px;}
.indfa-cartoon .ct.ct5{top: 5%;left: 80%;animation: indfaRun5 4s ease infinite 2s;width: 12px;}
.indfa-cartoon .ct.ct6{top: 42%;left: 55%;animation: indfaRun6 8s infinite;width: 32px;}
.indfa-cartoon .ct.ct7{top: 56%;left: 68%;animation: indfaRun7 4s infinite;width: 35px;}
@keyframes indfaRun1 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    90%{transform: translate(64px,40px);opacity: 1;}
    100%{transform: translate(64px,40px);opacity: 0;}
}
@keyframes indfaRun2 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    90%{transform: translate(-55px,44px);opacity: 1;}
    100%{transform: translate(-55px,44px);opacity: 0;}
}
@keyframes indfaRun3 {
    0%{transform: translate(0px,0px);opacity: 1;}
    10%{transform: translate(0px,0px);opacity: 1;}
    50%{transform: translate(-96px,-58px);opacity: 1;}
    60%{transform: translate(-96px,-58px);opacity: 0;}
    61%{transform: translate(0px,0px);opacity: 0}
    62%{transform: translate(0px,0px);opacity: 1}
    100%{transform: translate(0px,0px);opacity: 1;}
}
@keyframes indfaRun4 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    90%{transform: translate(76px,54px);opacity: 1;}
    100%{transform: translate(76px,54px);opacity: 0;}
}
@keyframes indfaRun5 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    90%{transform: translate(17px,14px);opacity: 1;}
    100%{transform: translate(17px,14px);opacity: 0;}
}
@keyframes indfaRun6 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    50%{transform: translate(-175px,115px);opacity: 1;}
    60%{transform: translate(-175px,115px);opacity: 0;}
    100%{transform: translate(-175px,115px);opacity: 0;}
}
@keyframes indfaRun7 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    90%{transform: translate(44px,25px);opacity: 1;}
    100%{transform: translate(44px,25px);opacity: 0;}
}

.indfa {
	overflow: hidden;
	position: relative;
	/* background: radial-gradient(200% 100% at bottom center, #0070aa, #0b2570, #000035, #000);
	background: radial-gradient(220% 105% at top center, #000 10%, #000035 40%, #0b2570 65%, #0070aa); */
	background: linear-gradient(to bottom, #0070aa 0%, #000035 100%);
	/* background-attachment: fixed; */
}
@keyframes rotate {
	0% {
	transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
	}
	100% {
	transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
	}
}
.stars {
	transform: perspective(500px);
	transform-style: preserve-3d;
	position: absolute;
	bottom: 0;
	perspective-origin: 50% 100%;
	left: 50%;
	animation: rotate 90s infinite linear;
}
.star {
	width: 2px;
	height: 2px;
	background: #F7F7B6;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0 -300px;
	transform: translate3d(0, 0, -300px);
	backface-visibility: hidden;
}

.indys{width: 100%;position: relative;background: url('../images/index/indysBg.jpg') no-repeat left bottom/cover;/* overflow: hidden; */}
.indys::after{content: "";position: absolute;left: 0;top: -2px;border-right: 3600px solid transparent;border-top: 320px solid #000035;width: 0;height: 0;}
.indys .contain{position: relative;z-index: 4;justify-content: space-between;}
.indys-mix{width: 540px;margin-top: 72px;}
.indys-num{width: 100%;}
.indys-num ul{max-width: 424px;}
.indys-num li{width: auto;position: relative;color: #03447e}
.indys-num li:nth-child(2n+1){padding-right: 54px;}
.indys-num li:nth-child(2n){padding-left: 54px;}
.indys-num li .number{display: flex;align-items: baseline;line-height: 1;}
.indys-num li .number span{font-weight: 700;font-family:'Swis721';margin-right: 4px;}
.indys-num li .text{margin-top: 2px;}
.indys-num li:nth-child(n+3){margin-top: 68px;}
.indys-num li:nth-child(2n)::before{content: "";position: absolute;width: 0;height: 100%;border: 1px dashed #e1e1e1;top: 0;left: 0;}
.indys-num li:nth-child(n+3)::after{content: "";position: absolute;width: 100%;height: 0%;border: 1px dashed #e1e1e1;top: -32px;left: 0;}
.indys-list{width: 824px;position: relative;justify-content: space-between;}
.indys-list li{width: calc(31% - 15px);/* height: calc(100% - 65px); */padding: 80px 62px;background: rgba(255, 255, 255, 0.95);border-radius: 10px;box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.05);}
.indys-list li:first-child{margin-top: 72px;}
.indys-list-items{display: flex;width: 100%;margin-top: 56px;color: #222;}
.indys-list-items:first-child{margin-top: 0;}
.indys-list-items .number{display: flex;align-items: center;margin: 0 auto;/* align-items: baseline; */line-height: 1;font-weight: 700;font-family: Arial;}
.indys-list-items .number span{font-family:'Swis721';margin-right: 8px;}
.indys-list-items .number i{width: 20px;height: 30px;background: url('../images/indysArr.png') no-repeat center center; background-size: auto 100%; /* margin-left: 10px; */}
.indys-list-items.down .number i{transform: rotate(180deg);background-position: center bottom;}
.indys-list-items .text{line-height: 1.1;}
.indys-list-items .line{width: 100%;height: 5px;border-radius: 3px;background: #f0f0f0;margin: 10px 0 16px;overflow: hidden;position: relative;}
.indys-list-items .line i{position: absolute;width: 0;height: 100%;background: #ea5703;left: 0;top: 0;border-radius: 3px;transition: all 2.5s linear .5s;}

.indcp{width: 100%;position: relative;overflow: hidden;}
.indcp-loop{width: 100%;}
.indcp-loop ul{margin-left: -12px;flex-wrap: nowrap;}
.indcp-loop li{width: 386px;height: 645px;margin-left: 12px;position: relative;overflow: hidden;background-repeat:no-repeat;background-size:auto 100%}
.indcp-loop li::after{content: "";position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.7));}
.indcp-loop li.active{width: calc(100% - 386px*3 - 12px*4);background-size:cover}
.indcp-loop li img.bg{height: 645px;position: absolute;max-width: none;object-fit: fill;top: 0;left: 0;width:100%}
.indcp-loop-head, .indcp-loop-link{position: absolute;z-index: 2;top: 0;left: 0;padding: 50px 48px;color: #fff;width: 100%;transition: all .6s ease;}
.indcp-loop-head .icon{height: 50px;}
.indcp-loop-head .icon img{max-height: 100%;}
.indcp-loop-head .name{line-height: 1.1;font-weight: 700;/*text-transform: uppercase;*/margin: 12px 0 10px;}
.indcp-loop-head .text{line-height: 1.1;font-weight: 500;opacity: 0.5;}
.indcp-loop-link{top: auto;bottom: 0;transition: all .2s ease;}
.indcp-loop-link span{display: none; /* padding-right: 28px;background: url('../images/arrRight.png') no-repeat right center; */}
.indcp-loop-info{position: absolute;z-index: 4;width: 100%;left: 0;bottom: 0;padding: 36px 48px;background: rgba(255, 255, 255, 0.9);transform: translateY(250px);opacity: 0;transition: all .6s ease 0s;}
.indcp-loop-info .name{font-weight: 700;color: #222;align-items: center;}
.indcp-loop-info .name i{height: 50px;}
.indcp-loop-info .name i img{max-height: 100%;}
.indcp-loop-info .name p{padding-left: 12px;max-width: calc(100% - 74px);/*text-transform: uppercase;*/}
.indcp-loop-info .text{color: #262626;max-width: 82%;margin: 10px 0 16px;}
.indcp-loop li.active .indcp-loop-head{transform: translateY(-230px);opacity: 0;}
.indcp-loop li.active .indcp-loop-link{opacity: 0;}
.indcp-loop li.active .indcp-loop-info{transform: translateY(0);opacity: 1;transition: all .6s ease .4s;}

.indjj{width: 100%;position: relative;overflow: hidden;}
.indjj-head{width: 100%;}
.indjj-menu{width: 100%;justify-content: space-between;}
.indjj-menu-items{display: block;width:25%;text-align: center}
.indjj-menu-items .icon{display: flex;align-items: flex-end;width: 60px;height: 58px;margin: 0 auto;position: relative;justify-content: center;}
.indjj-menu-items .icon img{position: absolute;bottom: 0;max-width: 100%;max-height: 100%;transition: all .4s ease;}
.indjj-menu-items .icon img.s{opacity: 1;}
.indjj-menu-items .icon img.h{opacity: 0;}
.indjj-menu-items .text {color: #333;position: relative;padding-top: 14px;transition: all .4s ease;display: flex;justify-content: center;font-size: 18px}
.indjj-menu-items .text p {height: 42px;position: relative;padding: 0 54px}
.indjj-menu-items .text p::after{content: "";position: absolute;width: 0;height: 3px;background: #306ce5;left: 0;right: 0;margin: 0 auto;bottom: 0;opacity: 0;transition: opacity .2s ease .2s, width .4s ease;}
.indjj-menu-items:hover .text, .indjj-menu-items.active .text{color: #306ce5;}
.indjj-menu-items.active .text p::after{width: 100%;opacity: 1;transition: opacity .2s ease, width .4s ease .2s;}
.indjj-loop{width: 100%;background: #f5f6f7;}
.indjj-loop-wrap{width: 100%;background: #fff;flex-direction: row-reverse;}
.indjj-loop-img{width: 788px;display: block;overflow: hidden;}
.indjj-loop-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indjj-loop-info{width: calc(100% - 788px);padding: 66px 120px 0 66px;}
.indjj-loop-info .english{font-family: Arial;line-height: 1.1;color: #333;font-weight: 700;opacity: 0.2;text-transform: uppercase;}
.indjj-loop-info .title{line-height: 1.1;color: #333;font-weight: 700;margin-top: 10px;}
.indjj-loop-info .text{color: #666;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;/*text-align: justify;*/text-justify: inter-word;}
.indjj-loop-info .link{width: 100%;}
.indjj-loop-img:hover img{transform: scale(1.04);}

.indxw{width: 100%;position: relative;overflow: hidden;}
.indxw-head{width: 100%;align-items: flex-end;justify-content: space-between;}
.indxw-head .link{padding-bottom: 8px;}
.indxw-mix{width: 100%;}
.indxw-xinwen{width: 794px;overflow: hidden;position: relative;border-radius: 10px;display: block;}
.indxw-xinwen img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-mix .tags{align-items: center;}
.indxw-mix .tags span{color: #fff;display: flex;align-items: center;justify-content: center;transition: all .4s ease;width: 104px;height: 36px;border-radius: 4px;background: rgba(255, 255, 255, 0.25);font-weight: 700;margin-right: 10px;}
.indxw-mix .tags p{color: #fff;transition: all .4s ease;}
.indxw-xinwen-info{position: absolute;z-index: 4;width: 100%;top: 0;left: 0;padding: 44px 34px; transition: .5s all ease;}
.indxw-xinwen-info .title{max-width: 80%;color: #fff;font-weight: 700;line-height: 1.1;transition: all .4s ease;}
.indxw-xinwen:hover img{transform: scale(1.04);}
.indxw-xinwen:hover .indxw-xinwen-info {background: rgba(0, 0, 0, 0.4);}
.indxw-xinwen:hover .indxw-xinwen-info .title{/* color: #306ce5; */}
.indxw-xinwen:hover .indxw-xinwen-info .tags span{background: rgba(48, 108, 229, 0.7);/* color: #306ce5; */}
.indxw-xinwen:hover .indxw-xinwen-info .tags p{/* color: #306ce5; */}
.indxw-more{width: calc(100% - 794px);padding-left: 15px;flex-direction: column;justify-content: space-between;}
.indxw-hangye{width: 100%;background: #fff;overflow: hidden;border-radius: 10px;box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.04);align-items: center;transition: all .4s ease;}
.indxw-hangye .image{width: 350px;overflow: hidden;}
.indxw-hangye .image img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-hangye .cont{width: calc(100% - 350px);padding: 20px 30px;}
.indxw-hangye .cont .tags p{color: #a8a8a8;}
.indxw-hangye .cont .tags span{color: #306ce5;background: rgba(48, 108, 229, 0.2);}
.indxw-hangye .cont .title{color: #333;font-weight: 700;margin: 16px 0 8px;transition: all .4s ease;}
.indxw-hangye .cont .text{color: #777;}
.indxw-hangye:hover .image img{transform: scale(1.04);}
.indxw-hangye:hover .cont .tags p{color: #306ce5;}
.indxw-hangye:hover .cont .title{color: #306ce5;}
.indxw-zhuanti{width: 100%;border-radius: 10px;color: #fff;padding: 44px 36px;display: block;height: 244px;position: relative;z-index: 2;overflow: hidden;transition: background-color .4s ease;background: rgba(48,108,229,0.7);}
/* .indxw-zhuanti:after{content:'';width:100%;height:100%;position:absolute;background:url(../images/indxw-zhuanti-bg.png) no-repeat center/cover;left:0;top:0;z-index:-1;transform: scale(1.1);transition: all .4s ease} */
.indxw-zhuanti::before {content: '';
    position: absolute;
    right: -350px;
    bottom: -80px;
    width: 500px;
    height: 300px;
    background: rgba(48,108,229,0.5);
    transform: rotate(-45deg);
	transition: .4s all ease;
}
.indxw-zhuanti:after {content: '';
    position: absolute;
    right: -450px;
    bottom: -80px;
    width: 500px;
    height: 300px;
    background: rgba(48,108,229,0.4);
    transform: rotate(-45deg);
	transition: .4s all ease;
}
.indxw-zhuanti:hover:before {right: -300px;}
.indxw-zhuanti:hover::after {right: -250px;}
/* .indxw-zhuanti:hover:after{transform: scale(1)} */
.indxw-zhuanti .tags span{background: rgba(255, 255, 255, 0.12);}
.indxw-zhuanti .title{font-weight: 700;max-width: 80%;margin: 24px 0 12px;transition: all .4s ease;}
.indxw-zhuanti .text{max-width: 80%;transition: all .4s ease;}

.indkh{width: 100%;position: relative;overflow: hidden;background: #f5f6f7;}
.indkh-list{width: 100%;background: #fff;padding: 70px 50px;box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.02);}
.indkh-items{width: 100%;align-items: center;margin-top: 34px;}
.indkh-items:first-child{margin-top: 0;}
.indkh-items-img{display: block;overflow: hidden;position: relative;width: 619px;border-radius: 10px;}
.indkh-items-img .image{width: 100%;object-fit: cover;transition: all .6s ease;}
.indkh-items-img .logo{position: absolute;display: flex;align-items: center;justify-content: center;padding: 20px;width: 42%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.55);transition: all .6s ease;z-index: 4;}
.indkh-items-img .logo img{max-width: 100%;max-height: 100%;}
.indkh-items-img:hover .image{transform: scale(1.04);}
.indkh-items:hover .indkh-items-img .logo{width: 100%;transition: all .6s ease .2s}
.indkh-items-cont{width: calc(100% - 619px);padding-left: 40px;}
.indkh-items-cont .head{align-items: center;width: 100%;justify-content: space-between;}
.indkh-items-cont .head .name{line-height: 1.1;color: #222;max-width: calc(100% - 160px);}
.indkh-items-cont .head .name a{transition: all .4s ease;}
.indkh-items-cont .head .link a{width: 122px;height: 38px;border-radius: 19px;}
.indkh-items-cont .text{color: #666;}
.indkh-items:hover .indkh-items-cont .head .name a{color: #306ce5;}

.indal{width: 100%;position: relative;overflow: hidden;background: #f5f6f7;}
.indal-head{width: 100%;}
.indal-head .contain{align-items: flex-end;justify-content: space-between;}
.indal-head .link{padding-bottom: 8px;}
.indal-loop{width: 100%;}
.indal-loop .contain{width: calc(1500px + 12px*2);}
.indal-list{width: 100%;}
.indal-logo{width: 20%;padding: 12px;transition: all .4s ease;}
.indal-logo a{width: 100%;display: flex;padding: 14px;align-items: center;justify-content: center;background: #fff;border-radius: 10px;height: 108px;box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.02);transition: all .4s ease;}
.indal-logo a img{max-width: 100%;max-height: 100%;transition: all .4s ease;}
.indal-logo a:hover{box-shadow: 0 0 10px 4px rgba(48, 137, 190, 0.2);transform: translateY(-2px);}
.indal-logo a:hover img{transform: translateY(-2px);}
.indal-loop .swiper-pagination{bottom: 0;}
.indal-loop .swiper-wrapper{padding-bottom: 36px;}
.indal-loop .swiper-pagination-bullet {width: 42px;height: 2px;border-radius: 0;background: #e8e9e9;opacity: 1;margin: 0 0 0 18px !important;}
.indal-loop .swiper-pagination-bullet:first-child{margin-left: 0;}
.indal-loop .swiper-pagination-bullet-active {background: #306ce5;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indys-list {width: 780px;}
    .indcp-loop li, .indcp-loop li img.bg {height: 550px;}
    .indcp-loop li {width: 320px;}
    .indcp-loop li.active {width: calc(100% - 320px*3 - 12px*4);}
    .indcp-loop-head, .indcp-loop-link {padding: 40px 32px;}
    .indcp-loop-info {padding: 28px 32px;}
    .indjj-loop-img {width: 720px;}
    .indjj-loop-info {width: calc(100% - 720px);padding: 60px 100px 0 66px;}
    .indxw-xinwen {width: 720px;}
    .indxw-more {width: calc(100% - 720px);}
    .indxw-hangye .image {width: 310px;}
    .indxw-hangye .cont {width: calc(100% - 310px);}
    .indxw-zhuanti {padding: 36px 36px;height: 224px;}
    .indys-list li {padding: 54px 54px;}
    .indal-loop .contain {width: calc(1400px + 12px*2);}
}

@media all and (max-width:1599px) {
	.ball_con {height: 800px !important; margin-top: -70px !important;}
	.ball_con .con {transform: translateX(-48%) scale(0.9) !important;}
    /* 1440 × (700)  */
    .banner .swiper-pagination {bottom: 40px;}
    .indfa .indTitle {max-width: 75%;}
    .indfa-box {width: 1100px;}
    .indfa-info-dot .tit{font-size: 18px}
    .indfa-info-dot .text{font-size: 13px;margin-top: 5px}
    .indfa-info-dot{width: 220px;height: 100px}
    .indfa-info-dot::after{border-top: 30px solid rgba(3, 54, 99, 0.5)}
    .indys-mix {width: 400px;margin-top: 50px;}
    .indys-num li:nth-child(2n+1){padding-right: 40px;}
    .indys-num li:nth-child(2n){padding-left: 40px;}
    .indys-num li:nth-child(n+3) {margin-top: 58px;}
    .indys-num li:nth-child(n+3)::after {top: -30px;}
    .indys-list {width: 684px;}
    .indys-list li {/* width: calc(50% - 10px);height: calc(100% - 50px); */padding: 44px 40px;}
    .indys-list li:first-child {margin-top: 50px;}
	.indys-list li:nth-child(2) {margin-top: 25px !important;}
    .indys-list-items {margin-top: 30px;}
    .indcp-loop li, .indcp-loop li img.bg {height: 500px;}
    .indcp-loop li {width: 280px;}
    .indcp-loop li.active {width: calc(100% - 280px*3 - 12px*4);}
    .indMore {width: 146px;height: 44px;border-radius: 22px;}
    .indcp-loop-head, .indcp-loop-link {padding: 34px 32px;}
    .indjj-loop-img {width: 620px;}
    .indjj-loop-info {width: calc(100% - 620px);padding: 44px 58px 0 50px;}
    .indxw-xinwen-info {padding: 34px 32px;}
    .indxw-xinwen {width: 630px;}
    .indxw-more {width: calc(100% - 630px);}
    .indxw-hangye .image {width: 280px;}
    .indxw-hangye .cont {width: calc(100% - 280px);padding: 20px;}
    .indxw-zhuanti .title {margin: 14px 0 4px;max-width: 90%;}
    .indxw-zhuanti {padding: 30px 32px;height: 188px;}
    .indxw-hangye .cont .title {margin: 12px 0 4px;}
    .indxw-head .link, .indal-head .link{padding-bottom: 5px;}
    .indTitle .text{margin-top: 14px;}
    .indkh-items-img {width: 530px;}
    .indkh-items-cont {width: calc(100% - 530px);padding-left: 28px;}
    .indkh-items-cont .text{-webkit-line-clamp: 2;line-height: 28px;height: 56px;}
    .indal-loop .contain {width: calc(1200px + 12px*2);}
    .indys::after {border-right: 2880px solid transparent;border-top: 290px solid #000035;}
    .indxw-zhuanti .text {max-width: 90%;}
    .indjj-menu-items .text{font-size: 16px}

    .indfa-cartoon .ct.ct1{width: 58px;}
    .indfa-cartoon .ct.ct2{width: 36px;}
    .indfa-cartoon .ct.ct3{width: 60px;}
    .indfa-cartoon .ct.ct4{width: 60px;}
    .indfa-cartoon .ct.ct5{width:9px}
    .indfa-cartoon .ct.ct6{width:28px}
    .indfa-cartoon .ct.ct7{width:28px}
    @keyframes indfaRun6 {
    0%{transform: translate(0px,0px);opacity: 0;}
    10%{transform: translate(0px,0px);opacity: 1;}
    50%{transform: translate(-140px,93px);opacity: 1;}
    60%{transform: translate(-140px,93px);opacity: 0;}
    100%{transform: translate(-140px,93px);opacity: 0;}
}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indcp-loop li, .indcp-loop li img.bg {height: 434px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indcp-loop li {width: 260px;}
    .indcp-loop li.active {width: calc(100% - 260px*3 - 12px*4);}
    .indcp-loop li, .indcp-loop li img.bg {height: 410px;}
    .indcp-loop-info .text {max-width: 100%;}
}

@media all and (max-width:1279px) {
	.ball_con {height: 700px !important;}
	.ball_con .con {transform: translateX(-48%) scale(0.8) !important;}
    /* 1152 × (700) */
    .indfa-box {width: 900px;}
    .indfa-info-dot {padding: 0 10px;width: 200px;height: 80px}
    .indfa-info-dot::after{border-top: 16px solid rgba(3, 54, 99, 0.5)}
    .indfa-info-dot.left::after{border-right: 14px solid transparent}
    .indfa-info-dot .tit{font-size: 16px}
    .indfa-info-dot .text{font-size: 12px;line-height: 18px}
    .indys-list {width: 540px;}
    .indys-num li:nth-child(2n+1){padding-right: 30px;}
    .indys-num li:nth-child(2n){padding-left: 30px;}
    .indys-num li:nth-child(n+3) {margin-top: 48px;}
    .indys-num li:nth-child(n+3)::after {top: -25px;}
    .indys-mix {width: 368px;margin-top: 50px;}
	.indys-list {margin-top: 90px;}
    .indys-list li {padding: 24px 26px; box-shadow: 0 4px 20px 4px rgb(0 0 0 / 10%);}
    .indys-list-items .line {margin: 8px 0 12px;}
    .indys-list-items {margin-top: 24px;}
    .indcp-loop-head .name {margin: 8px 0 6px;}
    .indcp-loop-head, .indcp-loop-link {padding: 22px 22px;}
    .indcp-loop-info {padding: 22px 22px;}
    .indMore {width: 136px;height: 38px;border-radius: 19px;}
    .indcp-loop-info .text {max-width: 100%;margin: 6px 0 12px;}
    .indcp-loop ul {margin-left: -8px;}
    .indcp-loop li {width: 230px;margin-left: 8px;}
    .indcp-loop li.active {width: calc(100% - 230px*3 - 8px*4);}
    .indcp-loop li, .indcp-loop li img.bg {height: 390px;}
    .indjj-loop-img {width: 500px;}
    .indjj-loop-info {width: calc(100% - 500px);padding: 30px 40px;}
    .indjj-loop-info .text {-webkit-line-clamp: 4;line-height: 28px;height:112px;margin-top: 20px;}
    .indxw-xinwen {width: 460px;}
    .indxw-xinwen-info {padding: 26px 24px;}
    .indxw-more {width: calc(100% - 460px);padding-left: 8px;}
    .indxw-hangye .image {width: 230px;}
    .indxw-hangye .cont {width: calc(100% - 230px);padding: 16px;}
    .indxw-mix .tags span {width: 90px;height: 32px;}
    .indxw-hangye .cont .title {margin: 8px 0 4px;font-size: 16px;line-height: 20px;max-height: 40px;}
    .indxw-zhuanti {padding: 16px 20px;height: 122px;}
    .indxw-zhuanti .title {margin: 8px 0 2px;max-width: 100%;}
    .indxw-zhuanti .text {max-width: 100%;-webkit-line-clamp: 1;height: 22px;}
    .indkh-list {padding: 42px 38px;}
    .indkh-items-img {width: 460px;}
    .indkh-items-cont {width: calc(100% - 460px);padding-left: 24px;}
    .indal-loop .contain {width: calc(960px + 8px*2);}
    .indal-logo {padding: 8px;}
    .indal-logo a {box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.02);}
    .indal-logo a:hover {box-shadow: 0 0 6px 2px rgba(48, 137, 190, 0.2);}
    .indys::after {border-right: 2700px solid transparent;border-top: 240px solid #000035;}

	.indys-list-items .number i {width: 15px; height: 25px;}
	.indys-list-items .number .fs22 {font-size: 16px;}

    .indfa-box .bg.c1{display: none;}
    .indfa-box .bg.c2{display: block;}
    .indfa-cartoon{display: none;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner, .banner img.none-pad-mb, .banner-cont {height: 50vh;}
    .indcp-loop{width: 960px;margin: 36px auto 0;}
    .indcp-loop ul {margin-top: -8px;flex-wrap: wrap;}
    .indcp-loop li{width: calc(50% - 8px);margin-top: 8px;background-size:cover}
    .indcp-loop li.active {width: calc(50% - 8px);}
    .indcp-loop li img.bg{position: relative;width: 100%;height: auto;}
    .indcp-loop-head{transform: translateY(0) !important;opacity: 1 !important;}
    .indcp-loop-info .name, .indcp-loop-info .text, .indcp-loop-link{display: none;}
    .indcp-loop-info {transform: translateY(0);opacity: 1;background: transparent;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	.indfa {padding-bottom: 100px;}
	.ball_con {height: 550px !important; margin-top: -50px !important;}
	.ball_con .con {transform: translateX(-48%) scale(0.6) !important;}
    /* 平板设备 720 适配 */
    .banner, .banner img.none-pad-mb, .banner-cont {height: 400px;}
    .banner .swiper-pagination {bottom: 24px;}
    .indfa-box {width: 800px;}
    .indfa-info-dot {border-radius: 6px;width: 150px;padding: 0 8px;height:84px}
    .indfa-info-dot.dot1{left: 0;top: 8%;}
    .indfa-info-dot.dot2{top: -11%}
    .indfa-info-dot .tit{font-size: 14px}
    .indys-mix {width: 100%;margin-top: 0}
    .indfa-info-dot .text{margin-top: 4px;line-height: 15px;}
    .indys-num ul {max-width: 100%;}
    .indys-num li{width: 50%;text-align: center;padding: 0 24px !important;}
    .indys-num li .number{justify-content: center;}
    .indys-list li:first-child {margin-top: 0;}
    .indys-list{width: 100%;margin-top: 60px;}
    .indys-list li {padding: 36px 24px;height: auto;}
    .indys::after {display: none;border-top: 164px solid #000035;}
	.indys-num {padding-top: 40px;}
	.indTitle .name {color: #333;}
	.indTitle .text {color: #222;}
	.indfa .indTitle .name {color: #fff;}
	.indfa .indTitle .text {color: #fff;}
	.indys-list li:nth-child(2) {margin-top: 0 !important;}
    .indjj-menu-items .text p {height: auto;max-width: 100px;text-align: center;line-height: 20px;padding: 0;padding-bottom: 15px}
    .indjj-menu-items .icon{height: 40px}
    .indjj-loop-img {width: 380px;}
    .indjj-loop-info {width: calc(100% - 380px);padding: 22px 24px;}
    .indjj-loop-info .text {-webkit-line-clamp: 3;line-height: 24px;height: 72px;margin-top: 10px;}
    .indxw-xinwen{width: 100%;}
    .indxw-more {width: 100%;padding-left: 0;margin-top: 12px;}
    .indxw-zhuanti {padding: 32px 24px;height: auto;margin-top: 12px;}
    .indxw-zhuanti .text {-webkit-line-clamp: 2;height: 44px;}
    .indkh-list {padding: 36px 24px;}
    .indkh-items-img{width: 100%;}
    .indkh-items-cont {width: 100%;padding: 20px 0 0;}
    .indal-logo {width: 50%;}
    .indal-loop .contain {width: calc(92% + 8px*2);}
    .indxw-hangye .image {width: 300px;}
    .indxw-hangye .cont {width: calc(100% - 300px);padding: 20px;}
    .indcp-loop{width: 92%;}
    .indkh-items-img .image{min-height: 200px;}
}
@media all and (max-width:800px) {
	.ball_con {height: 420px !important; margin-top: -30px !important;}
	.ball_con .con {transform: translateX(-48%) scale(0.5) !important;}
}
@media all and (max-width:640px) {
	.ball_con {height: 340px !important;}
	.ball_con .con {transform: translateX(-48%) scale(0.5) !important;}
    /* 移动终端以上 360 适配 */
    .banner .swiper-pagination-bullet {width: 24px;margin: 0 0 0 10px !important;}
    .banner-cont li .title{font-size: 24px;}
    .banner-cont li .text{margin-top: 8px;}
    .indTitle .name::before {width: 30px;}
    .indTitle .name {padding-left: 40px;font-size: 16px;}
    .indfa .indTitle {max-width: 100%;}
    .indTitle .text {margin-top: 10px;font-size: 20px;}
    .indfa-mix {overflow-y: auto;margin-top: 0;padding-top: 60px;width: calc(108%);margin-left: -4%}
	.indys-num {padding-top: 20px;}
    .indys-num li {padding: 0 16px !important;}
    .indys-num li:nth-child(n+3) {margin-top: 41px;}
    .indys-num li:nth-child(n+3)::after {top: -21px;}
    .indys-num li .number span {font-size: 28px;}
    .indys-num li .text {margin-top: 6px;line-height: 18px;}
    .indys-list {margin-top: 32px;}
    .indys::after {border-top: 124px solid #03447e;}
    .indys-list li {padding: 15px; width: calc(34% - 15px);}
    .indys-list-items .number i {width: 12px;height: 22px;}
	.indys-list-items .number .fs22 {font-size: 13px;}
    .indys-list-items .text{font-size: 15px;}
    .indys-list-items {margin-top: 12px;}
    .indys-list-items .line {height: 4px;border-radius: 2px;margin: 6px 0 10px;}
    .indcp-loop {margin: 24px auto 0;}
    .indcp-loop ul{margin-left: 0;}
    .indcp-loop li, .indcp-loop li.active {width: 100%;margin-left: 0;margin-top: 12px;}
    .indMore:hover span {padding-right: 28px;}
    .indMore {width: 118px;height: 34px;border-radius: 17px;font-size: 14px;}
    .indcp-loop-info {padding: 24px 15px;}
    .indcp-loop-head, .indcp-loop-link {padding: 36px 15px;}
    .indcp-loop li::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,rgba(0,0,0,.4) 60%,transparent);}
    .indjj-menu {justify-content: center;margin-top: 12px;}
    .indjj-menu-items{margin-top: 16px;}
    .indjj-menu-items .text{font-size: 14px}
    .indjj-menu-items .text p {height: auto;max-width: 92px;text-align: center;line-height: 18px;padding-bottom:10px}
    .indjj-menu-items .icon{height: 30px}
    .indjj-loop-img {width: 100%;}
    .indjj-loop-info {width: 100%;padding: 28px 15px;}
    .indjj-loop-info .title {margin-top: 4px;}
    .indjj-loop-info .link{margin-top: 18px;}
    .indxw-head .link, .indal-head .link{width: 100%;padding-bottom: 0;margin-top: 12px;}
    .indxw-hangye .image {width: 100%;}
    .indxw-hangye .cont {width: 100%;;padding: 24px 15px;}
    .indxw-hangye .cont .title {margin: 12px 0 6px;}
    .indxw-zhuanti .title {margin: 10px 0 4px;}
    .indxw-zhuanti {padding: 24px 15px;}
    .indkh-list {padding: 24px 15px}
    .indkh-items-img .image {min-height: 140px;}
    .indkh-items-cont .head .link a {width: 118px;height: 34px;border-radius: 17px;font-size: 14px;}
    .indkh-items-cont .text {line-height: 24px;height: 48px;margin-top: 10px;}
    .indkh-items-cont {padding: 16px 0 0;}
    .indkh-items {margin-top: 22px;}
    .indal-loop .contain {width: calc(92% + 6px*2);}
    .indal-logo {padding: 4px;}
    .indal-logo a {box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.02);}
    .indal-logo a:hover {box-shadow: 0 0 4px 2px rgba(48, 137, 190, 0.2);transform: translateY(0);}
    .indal-logo a{height: 80px;padding: 12px;}
    .indal-loop .swiper-pagination-bullet {width: 24px;margin: 0 0 0 10px !important;}
    .indal-loop .swiper-wrapper {padding-bottom: 30px;}
    .indxw-xinwen-info {padding: 22px 15px;}
    .indxw-xinwen-info .title {max-width: 100%;margin-top: 12px;}
    .indcp-loop li{height:290px}
}
@media all and (max-width:460px) {
	.ball_con {height: 280px !important;}
	.ball_con .con {transform: translateX(-48%) scale(0.35) !important;}
}