@charset "utf-8";

/* ===================首页样式========================== */
.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;
	justify-content: center;
}

.banner-con .title {
	opacity: 0;
	transform: translateY(100px);
	transition: all 1s .1s ease;
	line-height: 1.3;
}

.banner-con .comMore-box {
	opacity: 0;
	transform: translateY(100px);
	transition: all 1s ease;
}

.swiper-slide-active .banner-con .title {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .8s;
}

.swiper-slide-active .banner-con .comMore-box {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .9s;
}

.swiper-slide-active.first .banner-con .title {
	transition-delay: 0s;
}

.swiper-slide-active.first .banner-con .comMore-box {
	transition-delay: .1s;
}

.banner-pagination-box {
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	z-index: 2;
}

.banner-pagination .swiper-pagination-bullet {
	margin-left: 3px;
	width: 36px;
	height: 36px;
	position: relative;
	background: transparent;
	opacity: 1;
	border-radius: 0;
}

.banner-pagination .swiper-pagination-bullet:first-child {
	margin-left: 0;
}

.banner-pagination .swiper-pagination-bullet::before {
	transition: all .4s ease;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .5);
}

.banner-pagination .swiper-pagination-bullet::after {
	content: "";
	opacity: 0;
	transition: all .6s ease;
	animation: banPage 2s linear infinite;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/banner-pagination.png') no-repeat center/100% auto;
}

.banner-pagination .swiper-pagination-bullet-active::before {
	background: #fff;
	width: 8px;
	height: 8px;
}

.banner-pagination .swiper-pagination-bullet-active::after {
	opacity: 1;
}

@keyframes banPage {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.indPro-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

/* .indPro-bg::after{content: "";z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,.5);} */
.indPro-bg .swiper-container {
	width: 100%;
	height: 100%;
}

.indPro-bg img {
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	transition: all 1s linear 2s;
}

.indPro-bg .swiper-slide-active img {
	transition: 6s linear;
	transform: scale(1);
}

.indPro-con {
	position: relative;
	z-index: 2;
}

.indPro-con .contian {
	justify-content: space-between;
}

.indPro-left {
	width: 28%;
}

.indPro-menu .item {
	width: 322px;
	height: 48px;
	border-radius: 40px;
	border: 2px solid rgba(255, 255, 255, .5);
	padding: 0 26px;
	user-select: none;
	cursor: pointer;
	justify-content: space-between;
	align-items: center;
}

.indPro-menu .item i {
	font-size: 14px;
	display: block;
	transform: rotate(180deg);
}

.indPro-menu .item.active {
	background: #0080ae;
	border-color: #0080ae;
}

.indPro-right {
	width: 72%;
}

.indPro-right-item {
	display: none;
	height: 100%;
}

.indPro-right-item:first-child {
	display: block;
}

.indPro-swp {
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.indPro-swp .swiper-container {
	width: 100%;
}

.indPro-slide-img img {
	max-width: 80%;
	max-height: 80%;
}

.indPro-slide-img {
	background: #f4f3f3;
	height: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.indPro-slide-con {
	padding: 35px;
	background: rgba(255, 255, 255, .9);
	transition: all .4s ease;
}

.indPro-slide-con .more {
	align-items: center;
}

.indPro-slide-con .more i {
	display: flex;
	align-items: center;
	font-size: 11px;
	transform: rotate(180deg);
	margin-left: 7px;
	transition: all .4s ease;
}

.indPro-slide:hover .indPro-slide-img img {
	transform: scale(1.08);
}

.indPro-slide:hover .indPro-slide-con {
	background: #fff;
}

.indPro-slide:hover .indPro-slide-con .more i {
	margin-left: 15px;
}

.indPro-switch {
	align-items: center;
	justify-content: space-between;
}

.indPro-btn .btn {
	width: 50px;
	height: 50px;
	transition: all .4s ease;
	border-radius: 50%;
	user-select: none;
	cursor: pointer;
	font-size: 13px;
	margin-right: 12px;
	background: rgba(255, 255, 255, .5);
}

.indPro-btn .btn.next {
	transform: rotate(180deg);
}

.indPro-btn .btn:hover {
	background: #fff;
	color: #0080ae;
}

.indPro-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	top: -1px;
	height: 3px;
	background: #0080ae;
	border-radius: 5px;
}

.indPro-pagination {
	position: relative;
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, .2);
}

.indRD {
	background: url('../images/indrd-bg.jpg') no-repeat center/cover;
}

.indRD-swp {
	width: 92%;
	margin: 0 auto;
}

.indRD-swp .swiper-container {
	overflow: visible;
}

.indRD-img {
	position: relative;
}

.indRD-img img {
	width: 100%;
	height: 590px;
}

.indRD-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	padding: 0 56px;
}

.indRD-desc {
	opacity: 0;
	transform: translateX(50%);
	transition: all 1.5s ease;
}

.swiper-slide-active .indRD-desc {
	opacity: 1;
	transform: translateX(0);
	transition-delay: .4s;
}

.indRD-desc::after {
	content: "";
	position: absolute;
	right: calc(100% - 10px);
	transition: all .4s ease;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 95%;
	background: #c7161d;
	border-radius: 20px 0 0 20px;
}

.indRD-desc .box {
	transition: all .4s ease;
	position: relative;
	z-index: 2;
	width: 400px;
	height: 310px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .9);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 40px;
}

.indRD-desc .more {
	align-items: center;
}

.indRD-desc .more i {
	display: flex;
	align-items: center;
	transform: rotate(180deg);
	margin-left: 7px;
	font-size: 11px;
	transition: all .4s ease;
}

.indRD-desc:hover .box {
	background: #fff;
	transform: translateX(4px);
}

.indRD-desc:hover .more i {
	margin-left: 15px;
}

.indRD-desc:hover::after {
	width: 24px;
}

.indRD-btn {
	z-index: 2;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	user-select: none;
	cursor: pointer;
	font-size: 20px;
}

.indRD-btn.next {
	left: auto;
	right: -50px;
	transform: translateY(-50%) rotate(180deg);
}

.indRD-btn:hover {
	color: #0080ae;
}

.indNews {
	background: url('../images/indnews-bg.jpg') no-repeat center/cover;
}

.indNews-show {
	margin-left: -20px;
}

.indNews-show-item {
	margin-left: 20px;
}

.indNews-show-item:nth-child(1) {
	width: calc((100% / 3) * 2 - 20px);
}

.indNews-show-item:nth-child(2) {
	width: calc((100% / 3) - 20px);
}

.indNews-show-bg {
	position: relative;
	overflow: hidden;
}

.indNews-show-bg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
}

.indNews-show-bg img {
	width: 100%;
	height: 480px;
	transition: all 2s linear;
}

.indNews-show-item:hover .indNews-show-bg img {
	transform: scale(1.1);
}

.indNews-show-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.indNews-show-item:nth-child(1) .indNews-show-con {
	padding: 60px 50px;
}

.indNews-show-item:nth-child(2) .indNews-show-con {
	padding: 60px 40px;
}

.indNews-show-item:nth-child(1) .indNews-show-con .title {
	width: 50%;
}

.indNews-show-con .btn {
	width: 135px;
	height: 45px;
	border-radius: 40px;
	border: 2px solid #fff;
}

.indNews-show-con .btn:hover {
	background: #0080ae;
	border-color: #0080ae;
}

.indNews-show-con .title:hover {
	color: #0080ae;
}

.indNews-list {
	margin-left: -20px;
}

.indNews-item {
	margin: 20px 0 0 20px;
	width: calc((100% / 3) - 20px);
	background: #fff;
	padding: 50px;
	transition: all .4s ease;
}

.indNews-item .btm {
	justify-content: space-between;
	align-items: center;
}

.indNews-item .date {
	transition: all .4s ease;
}

.indNews-item .label {
	padding: 4px 8px;
	border-radius: 20px;
	border: 1px solid #4c5664;
	transition: all .4s ease;
}

.indNews-item:hover {
	background: #0080ae;
}

.indNews-item:hover .title,
.indNews-item:hover .date {
	color: #fff;
}

.indNews-item:hover .label {
	border-color: #fff;
	color: #054586;
	background: #fff;
}

.indAb {
	height: 400vh;
}

.indAb-sticky {
	position: sticky;
	left: 0;
	top: 100px;
	width: 100%;
	overflow: hidden;
}

.indAb-bg {
	overflow: hidden;
}

.indAb-bg .img img {
	width: 100%;
	height: calc(100vh - 100px);
}

.indAb-bg .img img.h {
	transition: all 1s ease;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% + 1px);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.indAb-bg .marsk {
	display: none;
	position: absolute;
	transition: all .8s ease;
	right: -10%;
	top: 50%;
	transform: translateY(-50%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	width: 120%;
	height: 120%;
	background: linear-gradient(to right, transparent 20%, rgba(255, 255, 255, .8) 80%);
	backdrop-filter: blur(5px);
}

.indAb-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.indAb-con .contain {
	height: 100%;
}

.indAb-desc {
	width: 46%;
}

.indAb-num {
	position: absolute;
	right: 11%;
	top: 0%;
	transition: opacity .5s linear, transform .1s linear;
}

.indAb-num li {
	opacity: 0;
	transform: translateY(100px);
	transition: all .3s ease;
}

.indAb-num .num {
	align-items: flex-end;
}

.indAb-num .num span {
	line-height: 1;
	display: block;
	margin-right: 10px;
}

/* .indAb.active .indAb-bg .marsk{width: 120%;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} */
.indAb.active .indAb-bg img.h {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.indAb-desc .title,
.indAb-desc .text {
	transition: all .6s ease;
}

/* .indAb.active .indAb-num{opacity: 1;transition: opacity .5s .3s linear,transform .1s linear;} */
.indAb.active .indAb-num li {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .6s;
}

.indAb.show .indAb-num {
	top: 20%;
}

/* .indAb.active .indAb-desc .title{color: #000;transition-delay: .3s;}
.indAb.active .indAb-desc .text{color: #4c5664;transition-delay: .3s;} */
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900) */
}

@media all and (max-width:1590px) {

	/* 1440 × (700)  */
	.indPro-menu .item {
		width: 164px;
		height: 44px;
		padding: 0 22px;
	}

	.indPro-slide-img img {
		height: 180px;
	}

	.indPro-slide-con {
		padding: 25px;
	}

	.indPro-btn .btn {
		width: 46px;
		height: 46px;
	}

	.indRD-img img {
		height: 490px;
	}

	.indRD-desc .box {
		width: 360px;
		height: 290px;
	}

	.indNews-show-item:nth-child(1) .indNews-show-con {
		padding: 40px;
	}

	.indNews-show-item:nth-child(2) .indNews-show-con {
		padding: 40px 35px;
	}

	.indNews-show-item:nth-child(1) .indNews-show-con .title {
		width: 55%;
	}

	.indNews-show-bg img {
		height: 400px;
	}

	.indNews-show-con .btn {
		width: 125px;
		height: 42px;
	}

	.indNews-item {
		padding: 35px;
	}

	.indRD-btn {
		left: -40px;
	}

	.indRD-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) */
	.indPro-menu .item {
		width: 150px;
		height: 40px;
		padding: 0 18px;
		margin-top: 10px;
	}

	.indPro-menu .item i {
		font-size: 12px;
	}

	.indPro-slide-img img {
		height: 145px;
	}

	.indPro-slide-con {
		padding: 20px;
	}

	.indRD-img img {
		height: 390px;
	}

	.indRD-desc .box {
		width: 340px;
		height: 280px;
		padding: 0 30px;
	}

	.indAb-desc {
		width: 50%;
	}

	.indNews-show-bg img {
		height: 325px;
	}

	.indNews-show-item:nth-child(1) .indNews-show-con {
		padding: 30px;
	}

	.indNews-show-item:nth-child(2) .indNews-show-con {
		padding: 30px 25px;
	}

	.indNews-show-con .btn {
		width: 115px;
		height: 40px;
	}

	.indNews-item {
		padding: 25px;
	}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
	/* 1024 横屏 */
}

@media all and (max-width:1000px) {

	/* 720 竖屏 */
	.banner-bg img {
		height: calc(100vh - 60px);
	}

	.banner-con .nobr br {
		display: none;
	}

	.banner-pagination-box {
		bottom: 15px;
	}

	.banner-pagination .swiper-pagination-bullet {
		width: 24px;
		height: 24px;
		margin-left: 6px;
	}

	.banner-pagination .swiper-pagination-bullet-active::before {
		width: 6px;
		height: 6px;
	}

	.indPro-bg {
		display: none;
	}

	.indPro .comTitle .title {
		color: #000;
	}

	.indPro .comTitle .title br {
		display: none;
	}

	.indPro-left {
		width: 100%;
	}

	.indPro-menu {
		display: flex;
		white-space: nowrap;
		overflow-x: auto;
	}

	.indPro-menu .item {
		margin: 0 0 0 11px;
		flex-wrap: nowrap;
		width: auto;
		height: auto;
		padding: 8px 18px;
		color: #777;
		border-color: #777;
	}

	.indPro-menu .item.active {
		color: #fff;
		border-color: #fff;
	}

	.indPro-menu .item:first-child {
		margin-left: 0;
	}

	.indPro-menu .item i {
		font-size: 8px;
		margin-left: 8px;
		font-weight: 700;
	}

	.indPro-slide-con {
		background: #eee;
	}

	.indPro-pagination {
		background: rgba(0, 0, 0, .2);
	}

	.indPro-right {
		width: 100%;
		margin-top: 30px;
	}

	.indPro-slide-img img {
		height: 225px;
	}

	.indPro-btn .btn {
		width: 36px;
		height: 36px;
		font-size: 12px;
		margin-right: 10px;
		background: rgba(0, 0, 0, .2);
	}

	.indPro-switch {
		margin-top: 40px;
	}

	.indRD-img {
		border-radius: 8px 8px 0 0;
	}

	.indRD-img img {
		height: 140px;
	}

	/* .indRD-swp .swiper-container{overflow: hidden;} */

	.indRD-con {
		position: relative;
		padding: 0;
	}

	.indRD-desc {
		opacity: 1;
		transform: none;
	}

	.indRD-desc::after {
		display: none;
	}

	.indRD-desc .box {
		width: 100%;
		height: 200px;
		border-radius: 0 0 8px 8px;
		background: #fff;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
	}

	.indRD-desc .more {
		margin-top: 25px;
	}

	.indRD-btn {
		display: none;
	}

	.indRD-pagination {
		margin-top: 30px;
	}

	.indRD-pagination .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 4px;
	}

	.indRD-pagination .swiper-pagination-bullet-active {
		background: #0080ae;
	}

	.swiper-slide-active .indRD-desc {
		transition-delay: .2s;
	}

	.indAb {
		height: auto;
	}

	.indAb-sticky {
		position: relative;
		top: 0;
	}

	.indAb-desc {
		width: 100%;
	}

	.indAb-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.indAb-bg .img {
		position: relative;
	}

	.indAb-bg .img::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .2);
	}

	.indAb-bg .marsk {
		top: auto;
		bottom: -12px;
		width: 120%;
		height: 120%;
		transform: none;
		background: rgba(255, 255, 255, .2);
		backdrop-filter: blur(4px);
	}

	.indAb-bg .img {
		height: 100%;
	}

	.indAb-bg .img img {
		height: 100%;
	}

	.indAb-con {
		position: relative;
		z-index: 2;
	}

	.indAb-con .contain {
		padding: 40px 0;
	}

	.indAb-num {
		position: relative;
		right: auto;
		top: auto;
	}

	.indAb-num-list {
		display: flex;
		flex-wrap: wrap;
	}

	.indAb-num-list li {
		margin-top: 40px !important;
		width: calc(100% / 3);
		opacity: 1;
		transform: none;
	}

	.indAb-num-list .text {
		margin-top: 2px;
		font-size: 13px;
		color: #fff;
	}

	.indAb-num .num {
		color: #fff;
	}

	.indAb-num .num span {
		line-height: 1.1;
		margin-right: 5px;
	}

	.indNews-show {
		margin-left: 0;
	}

	.indNews-show-item {
		margin: 20px 0 0;
		width: 100% !important;
	}

	.indNews-show-con {
		padding: 25px 15px !important;
	}

	.indNews-show-item:nth-child(1) .indNews-show-con .title {
		width: 100%;
	}

	.indNews-show-bg img {
		height: 300px;
	}

	.indNews-show-con .btn {
		width: 100px;
		height: 36px;
	}

	.indNews-list {
		margin-left: 0;
	}

	.indNews-item {
		margin: 20px 0 0;
		width: 100%;
		padding: 25px 15px;
	}

	.indNews-item .btm {
		margin-top: 12px;
	}

	.indNews-item .label {
		padding: 2px 6px;
	}

	.indRD-desc::after {
		width: 18px;
	}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
	/* 移动终端 360 适配 */
}