@charset "utf-8";
@font-face {
 font-family: "din";
 src: url("../fonts/DIN-REGULAR-2.woff") format("woff"), url("../fonts/DIN-REGULAR-2.ttf") format("truetype"), url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"), url("../fonts/DIN-REGULAR-2.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}
/* ===================首页样式========================== */
.banner .hasVideo .banner-img img.pc {
	animation: hasVideoImg 1s ease both;
}
@keyframes hasVideoImg {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
@media all and (max-width:1151px) {
.hasVideo .banner-img img.pc {
animation: none;
}
.hasVideo video {
display: none;
}
}
.banner .swiper-slide {
	overflow: hidden;
}
.banner-bg {
	position: relative;
}
.hasVideo .banner-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .25);
}
.banner-bg img {
	width: 100%;
	height: 100vh;
}
.banner-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner-con .contain {
	height: 100%;
	flex-direction: column;
}
.banner-con .title {/*font-family: 'H';*/
	font-weight: 600;
}
.banner-con .title {
	letter-spacing: 4px;
	text-shadow: 2px 2px 4px #555;
	opacity: 0;
	transition: all 1s ease 1s;
	opacity: 0;
	transform: translateY(0.4rem);
}
.banner-con .text {
	letter-spacing: 2px;
	text-shadow: 2px 2px 2px #555;
	opacity: 0;
	transition: all 1s ease 1.1s;
	opacity: 0;
	transform: translateY(0.4rem);
}
.banner-con .comMore-box {
	opacity: 0;
	transition: all 1s ease 1.2s;
	opacity: 0;
	transform: translateY(0.4rem);
}
.swiper-slide-active .banner-con .title, .swiper-slide-active .banner-con .text, .swiper-slide-active .banner-con .comMore-box {
	opacity: 1;
	transform: translateY(0);
}
.swiper-slide-active.first .banner-con .title {
	transition-delay: 0s;
}
.swiper-slide-active.first .banner-con .text {
transition-delay: .1s;
}
.swiper-slide-active.first .banner-con .comMore-box {
transition-delay: .2s;
}
.banner-pagination {
	user-select: none;
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: max(20px, 0.6rem);
	width: 100%;
}
.banner-pagination .swiper-pagination-bullet {
	width: max(40px, 1rem);
	height: max(2px, 0.03rem);
	border-radius: 0;
	opacity: 1;
	background: rgba(255, 255, 255, .5);
	position: relative;
	margin: 0 max(4px, 0.07rem);
}
.banner-pagination .swiper-pagination-bullet::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #e62129;
transition: all .4s ease;
}
.banner-pagination .swiper-pagination-bullet.active::after {
width: 100%;
transition: all 5s linear;
}
.banner-pagination .swiper-pagination-bullet.active.first::after {
transition: all 3.8s linear;
}
/*.banner .swiper-slide:nth-child(1) .banner-con .contain {
justify-content: normal!important;
}*/
.banner-prev, .banner-next {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.28);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.25s ease;
	user-select: none;
}
.banner-prev {
	left: 40px;
	background: rgba(0, 0, 0, 0.28) url(../images/jt-l2.png) 50% no-repeat;
}
.banner-next {
	right: 40px;
	background: rgba(0, 0, 0, 0.28) url(../images/jt-r2.png) 50% no-repeat;
}
.banner .swiper-slide:nth-child(1) .flex-center {
 display: flex;
 align-items: center;
 text-align: center;
 margin-top:-9%;
 padding-top: 0%;
}
.banner .swiper-slide:nth-child(2) .flex-center {
 display: flex;
 align-items: center;
 text-align: center;
 margin-top:-9%;
 padding-top: 0%;
}
 @media screen and (max-width: 768px) {
.banner .swiper-slide:nth-child(1) .flex-center {
 margin-top: -17%;
}
.banner .swiper-slide:nth-child(2) .flex-center {
 margin-top: -17%;
}
.banner-prev, .banner-next {
 display: none;
}
}
.flex-center-1 {
	display: flex;
	align-items: center;
	text-align: center;
	padding-top:12%;
}
/* .indAb{background: url('../images/indAb-bg.jpg') no-repeat center/cover;} */
.indAb-flex {
	justify-content: space-between;
	align-items: center;
}
.indAb-con {
	width: 41.5%;
	height: 100%;
	overflow: hidden;
}
.indAb-con .comMore-box {
	margin-bottom:24%;
}
.indAb-list {
	width: 52%;
	position: relative;
}
.indAb-list .img {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.indAb-list .btn {
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	user-select: none;
	cursor: pointer;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 10px;
	z-index:99;
}
.indAb-list .btn i {
	display: block;
	font-size: 30px;
	transform: scale(.8);
}
.indAb-list .btn:hover {
	background: #0067b6;
}
.number {
	position: absolute;
	z-index: 999;
	bottom: 6%;
	left: 0;
	width: 100%;
}
.number li {
	width: calc(100% / 4 - max(8px, 0.2rem));
}
.number .indAb-item {
	background: #fff; /*backdrop-filter: blur(15px);*/
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.08);/*height: max(150px,1.6rem);*/
	height: 1.5rem;
	padding: 0.42rem 0.42rem 0.36rem;
	gap: 50px;
	position: relative;
	justify-content: space-between;
}
.number .indAb-item::after {
content: '';
width: 1px;
height: 100%;
background: #e6e8ed;
position: absolute;
right: 0;
top: 0;
}
/*.number li:nth-child(1) .indAb-item{background: rgba(255, 255, 255, .6);}
.number li:nth-child(2) .indAb-item{background: rgba(255, 255, 255, .6);}*/
.number .ico {
	height: max(32px, 0.44rem);
}
.number .ico img {
	max-height: 100%;
}
.number .num {
	justify-content: flex-end;
	align-items: flex-end;
	height: 0.4rem;
}
.number .num span {
	display: block;
	margin-right: 5px;
	line-height: .8;
	font-weight: 600;
	font-family: din;
}
.number .num span img{ 
    max-height:0.5rem;
}
.number .text {
	text-align: right;
}
.indSol-head {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	pointer-events: none;
}
.indSol-bg {
	background: #666;
}
.indSol-bg .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all 1s linear;
}
.indSol-bg .img::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
}
.indSol-bg .img:nth-child(2)::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .15);
}
.indSol-bg .img img {
	transform: scale(1.1);
	transition: all 3s linear 1s;
	width: 100%;
	height: max(600px, 9.1rem);
}
.indSol-bg .img:first-child {
	position: relative;
}
.indSol-bg .img.active {
	opacity: 1;
	transition-delay: 0s;
	z-index: 2;
}
.indSol-bg .img.active img {
	transform: scale(1);
	transition-delay: 0s;
}
.indSol-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.indSol-item {
	width: 25%;
	height: 100%;
	flex-direction: column;
	justify-content: flex-start;
	padding: 4rem 0.35rem 0;
	border-left: 1px solid rgba(255, 255, 255, .2);
	position: relative;
}
.indSol-item:first-child {
	border-left: unset;
}
.indSol-item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(4, 79, 159, .6);
opacity: 0;
transition: all .5s ease;
}
.indSol-item>div {
	position: relative;
	z-index: 2;
}
.indSol-item .ico {
	height: max(34px, 0.6rem);
}
.indSol-item .ico img {
	max-height: 100%;
}
.indSol-item .text, .indSol-item .comMore-box {
	opacity: 0;
	transform: translateY(0.4rem);
transition: all .6s ease;
}
.indSol-item.active::after {
opacity: 1;
}
.indSol-item.active .text, .indSol-item.active .comMore-box {
	opacity: 1;
	transform: translateY(0);
}
.indSol-item.active .comMore-box {
transition-delay: .2s;
}
.indRD {
	background: url('../images/indRD-bg.jpg') no-repeat center/cover;
}
.indRD-slide {
	justify-content: space-between;
	align-items: center;
}
.indRD-img {
	width: 56%;
	height: 4.5rem;
}
.indRD-img img {
	max-width: 90%;
	max-height: 100%;
}
.indRD-con {
	width: 40%;
}
.indRD-con .title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: max(20px, 0.42rem);
height: max(2px, 0.04rem);
background: #044f9f;
}
.indRD-con .list li {
	width: max(80px, 1.2rem);
	margin-left: 0.2rem;
}
.indRD-con .list li:first-child {
	margin-left: 0;
}
.indRD-con .ico {
	height: max(24px, 0.32rem);
}
.indRD-con .ico img {
	max-height: 100%;
}
.indRD-con .text p {
	position: relative;
	padding-left: max(12px, 0.16rem);
}
.indRD-con .text p::after {
content: "";
position: absolute;
left: 0;
top: max(8px, 0.1rem);
width: max(4px, 0.05rem);
height: max(4px, 0.05rem);
border-radius: 50%;
background: #044f9f;
}
.indRD .abHonor-btn .btn {
	position: absolute;
	left: -80px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}
.indRD .abHonor-btn .btn.next {
	left: auto;
	right: -80px;
	transform: translateY(-50%) rotate(180deg);
}
.indRD-menu-item {
	flex: 1;
	user-select: none;
	cursor: pointer;
	background: #fff;
}
.indRD-menu-item .text {
	opacity: .4;
}
.indRD-menu-page {
	z-index: 5;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
transition: all .4s ease;
	line-height: .8;
}
.indRD-menu-page span {
	display: block;
}
.indRD-menu-page span:nth-child(1) {
transition: all .4s ease;
background: -webkit-linear-gradient(top, rgba(4, 79, 159, .05) 0%, rgba(4, 79, 159, .05) 20%, transparent 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.indRD-menu-page span:nth-child(2) {
transition: all .3s ease;
transform: translateY(60%);
opacity: 0;
position: absolute;
left: 0;
top: 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .1) 20%, transparent 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.indRD-menu-show {
transition: all .4s ease;
	border-left: 1px solid #f4f4f4;
	height: max(100px, 1.6rem);
	align-items: center;
	padding: 0 0.25rem 0 0.25rem;
}
.indRD-menu-item:first-child .indRD-menu-show {
	border-left: unset;
}
.indRD-menu-show .img {
	margin-right: max(12px, 0.25rem);
}
.indRD-menu-show .img img {
	max-width: max(80px, 1.14rem);
	height: max(30px, 0.54rem);
}
.indRD-menu-show .desc {
	flex: 1;
}
.indRD-menu-show .desc .title{
	font-size: max(17px, 0.18rem);
}
.indRD-menu-hide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	padding: 0 0.1rem 0 0.25rem;
	transform: translateY(101%);
}
.indRD-menu-hide .title {
	align-items: center;
}
.indRD-menu-hide .title i {
	display: block;
	transform: translateY(10px) rotate(45deg);
	opacity: 0;
transition: all .4s ease;
	margin-left: max(10px, 0.18rem);
	font-size: max(15px, 0.18rem);
}
.indRD-menu-item.active .indRD-menu-page span:nth-child(1) {
opacity: 0;
}
.indRD-menu-item.active .indRD-menu-page span:nth-child(2) {
transform: translateY(0);
transition-delay: .2s;
opacity: 1;
}
.indRD-menu-item.active .indRD-menu-show {
	opacity: 0;
transition: all .3s ease;
}
.indRD-menu-item.active .indRD-menu-hide {
	opacity: 1;
	transform: translateY(0);
}
.indNews {
	background: url('../images/indNews-bg.jpg') no-repeat center/cover;
}
.indNews-head {
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e6eaf0;
}
.indNews-menu {
	align-items: center;
	justify-content: space-between;
}
.indNews-page .line {
	margin: 0 3px;
}
.indNews-btn .btn {
	width: max(40px, 0.5rem);
	height: max(24px, 0.28rem);
	background: #fff;
	user-select: none;
	cursor: pointer;
}
.indNews-btn .btn:nth-child(2) {
margin-left: 8px;
transform: rotate(180deg);
}
.indNews-btn .btn:hover {
	background: #044f9f;
	color: #fff;
}
.indNews-swp {
	width: calc(100% + 0.3rem);
	margin-left: -0.15rem;
}
.indNews-swp .swiper-slide {
	padding: 0.05rem 0.15rem 0.25rem;
	height: auto;
}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
/* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indRD-con {
width: 41%;
}
.indRD-menu-show{
        padding: 0 0.1rem 0 0.1rem;
}
.indRD-menu-show .desc .title {
    font-size: max(16px, 0.16rem);
}
 .indRD .abHonor-btn .btn {
left: -40px;
}
 .indRD .abHonor-btn .btn.next {
right: -40px;
}
}
@media all and (max-width:1430px) {
/* 1360 */
}
@media all and (max-width:1350px) {
/* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indRD-menu-show {
padding: 0 0.2rem;
}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
/* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 移动终端 360 适配 */
    .banner-bg img {
height: 300px;
}
 .indAb-con {
width: 100%;
}
 .indAb-con .comMore-box {
margin-top: 30px;
}
 .indAb-con .comMore-box {
 margin-bottom: 0;
}
.number {
position:relative;
padding: 5px 0;
}
 .indAb-list {
width: 100%;
margin-top: 30px;
}
 .number .uli.ml20 {
margin: -10px 0 0 -10px;
}
 .number li {
margin: 10px 0 0 10px;
width: calc(100%/2 - 5px);
}
 .number li:nth-child(1) {
margin: 10px 0 0 0px;
}
 .number li:nth-child(3) {
margin: 10px 0 0 0px;
}
.number .indAb-item{ height:2.5rem;}
.number .num{height:0.8rem;}
 .indAb-item {
height: 140px;
padding: 15px;
flex-direction: column;
justify-content: space-between;
gap:0!important;
}
 .indAb-item .text {
font-size: 13px;
}
 .indAb-item .num span {
font-size: 30px;
}
.number li:nth-child(3) .num span{
 font-size: 25px;
}
.number li:nth-child(4) .text{
 margin-top: 8px;
}
 .indSol-bg .img img {
height: 400px;
}
 .indSol-list {
flex-wrap: nowrap;
overflow-x: auto;
}
 .indSol-item {
width: auto;
min-width: 300px;
padding: 150px 15px 0;
}
 .indSol-item .text, .indSol-item .comMore-box {
opacity: 1;
transform: translateY(0);
}
 .indSol-item .title {
margin-top: 15px;
}
 .indSol-item .comMore-box {
margin-top: 25px;
}
 .indRD-swp {
margin-top: 30px;
}
 .indRD-img {
width: 100%;
margin: 0 auto;
height: 200px;
}
 .indRD-con {
width: 100%;
margin-top: 20px;
}
 .indRD-con .ico {
height: 20px;
}
 .indRD-con .list {
margin-top: 15px;
}
 .indRD-con .list .text {
font-size: 13px;
}
 .indRD-menu {
margin-top: 50px;
}
 .indRD-menu {
flex-wrap: nowrap;
overflow-x: auto;
}
 .indRD-menu-item {
width: auto;
flex: unset;
min-width: 250px;
}
 .indRD-menu-item .text {
display:none;
}
 .indRD-menu-show {
padding: 0 15px;
flex-wrap: nowrap;
}
 .indNews-menu {
display: none;
}
 .indRD-btn {
display: none;
}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px) {
}