@import 'common.less';
/*banner*/
.ind-banner{
	width: 100%;
	overflow: hidden;
	position: relative;
	.swiper-slide {
		position: relative; 
		height: 100%;
		.img{
			img{
				width: 100%;
			}
		}
	}
	.onebox{
		.flex4();
		position: absolute;
		top: 0;
		height: 100%;
		color: #fff;
		left: 50%;
		margin-left: -7.2rem;
		z-index: 2;
		.en{
			font-size: var(--fs48);
			line-height: 0.6rem;
			font-family: 'SG-B';
			
		}
		.msg{
			margin-top: 0.2rem;
			width: 7.4rem;
			font-size: var(--fs28);
			line-height: 0.36rem;
			font-family: 'SG-M';
		}
		.more{
			margin-top: 0.2rem;
			width: 2.55rem;
			a{
				.flex1();
				font-size: var(--fs20);
				color: #fff;
				position: relative;
				overflow: hidden;
				border-radius: 0.1rem;
				overflow: hidden;
				width: 100%;
				height: 0.56rem;
				font-family: 'SG-B';
				background: @color;
				transition:All 0.5s ease;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;
				&:hover{
					background: @color2;
				}
			}
		}
	}
	.se{
		position: absolute;
		top: 50%;
		margin-top: -0.35rem;
		z-index: 2;
		width: 0.7rem;
		height: 0.7rem;
		border-radius: 0.1rem;
		background: rgba(233, 233, 233, 0.3);
		&::before{
			content: '';
			position: absolute;
			top: 50%;
			width: 0.19rem;
			height: 0.3rem;
			margin-top: -0.15rem;
			transition:All 0.5s ease;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;	
		}
		&:hover{
			background: @color;
		}
	}
	.prev{
		left: 24px;
		&::before{			
			left: 50%;		
			margin-left: -0.1rem;
			background: url(../img/nimg19_left.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_lefton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
	.next{
		right: 24px;
		&::before{
			right: 50%;
			margin-right: -0.1rem;
			background: url(../img/nimg19_right.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_righton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
}

@media @min1004 {	
}
@media @max1600 {
	
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
	.ind-banner{
		.onebox{
			left: 0.3rem;
			margin-left: 0;
			.en{
				font-size: var(--fs18);
				line-height: 0.48rem;				
			}
			.msg{
				margin-top: 0.1rem;
				width: 80%;
				font-size: var(--fs14);
				line-height: 0.42rem;
			}
			.more{
				margin-top: 0.1rem;
				width: 3.6rem;
				a{
					font-size: var(--fs14);
					height: 0.76rem;
				}
			}
		}
		.se{
			display: none;
			position: absolute;
			top: 50%;
			margin-top: -0.35rem;
			z-index: 2;
			width: 0.7rem;
			height: 0.7rem;
			border-radius: 0.1rem;
			background: rgba(233, 233, 233, 0.3);
			&::before{
				content: '';
				position: absolute;
				top: 50%;
				width: 0.19rem;
				height: 0.3rem;
				margin-top: -0.15rem;
				transition:All 0.5s ease;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;	
			}
			&:hover{
				background: @color;
			}
		}
		.prev{
			left: 24px;
			&::before{			
				left: 50%;		
				margin-left: -0.1rem;
				background: url(../img/nimg19_left.png) center no-repeat;
				background-size: 0.19rem;
			}
			&:hover{
				&::before{
					background: url(../img/nimg19_lefton.png) center no-repeat;
					background-size: 0.19rem;
				}
			}
		}
		.next{
			right: 24px;
			&::before{
				right: 50%;
				margin-right: -0.1rem;
				background: url(../img/nimg19_right.png) center no-repeat;
				background-size: 0.19rem;
			}
			&:hover{
				&::before{
					background: url(../img/nimg19_righton.png) center no-repeat;
					background-size: 0.19rem;
				}
			}
		}
	}
}

.indTitle{
	font-size: var(--fs40);
	line-height: 0.5rem;
	color: #000;
	font-family: 'SG-M';
}

.indexP1{
	overflow: hidden;
	padding: 0.8rem 0 0.4rem;
	.indTitle{
		margin-bottom: 0.8rem;
	}
}
.indSolu{
	position: relative;
	padding-bottom: 1.5rem;
	.imgList{
		width: 24.2rem; 
		position: relative; 
		left: 50%; 
		margin-left: -12.1rem;
	}
	.swiper-slide { 
		position: relative; 
		overflow: hidden; 
		.img{
			width: 8.0rem; 
			height: 4.5rem; 
			position: relative; 
			margin: 0 auto; 
			border-radius: 0.1rem; 
			overflow: hidden;
			transform:scale(0.82);
			-webkit-transform:scale(0.82);
			transition:All 0.5s ease;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;
			img{ 
				width: 100%; 
				height: 100%; 
				object-fit: cover; 
			}
		}
		.name{
			.txt();
			margin-top: 0.1rem;
			line-height: 0.36rem;
			text-align: center;
			font-size: var(--fs28);
			font-family: 'SG-M';
			color: #000;
		}
	}
	.swiper-slide-active{
		.img{
			transform:scale(1.0);
			-webkit-transform:scale(1.0);
		}
	}
	.se{
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 0.7rem;
		height: 0.7rem;
		border-radius: 0.1rem;
		background: rgba(233, 233, 233, 0.3);
		&::before{
			content: '';
			position: absolute;
			top: 50%;
			width: 0.19rem;
			height: 0.3rem;
			margin-top: -0.15rem;
			transition:All 0.5s ease;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;	
		}
		&:hover{
			background: @color;
		}
	}
	.prev{
		left: 50%;
		margin-left: -4rem;	
		&::before{			
			left: 50%;	
			margin-left: -0.1rem;
			background: url(../img/nimg19_left.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_lefton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
	.next{
		right: 50%;
		margin-right: -4rem;	
		&::before{
			right: 50%;
			margin-right: -0.1rem;
			background: url(../img/nimg19_right.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_righton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
}
.indexP2{
	overflow: hidden;
	padding: 0.4rem 0;
	.indTitle{
		margin-bottom: 0.4rem;
	}
}
.live-action{
	position: relative;
	padding-bottom: 1.1rem;
	overflow: hidden;
	.box{
		border-radius: 0.1rem;
		overflow: hidden;
		border: #eee solid 3px;
		background: #f4f4f4;
		transition:All 0.5s ease;
		-webkit-transition:All 0.5s ease;
		-moz-transition:All 0.5s ease;
		-o-transition:All 0.5s ease;
		.img{
			.flex1();
			height: 3.2rem;
			background: #fff;
			border-radius: 0.1rem;
			overflow: hidden;
			img{
				max-width: 100%;
				max-height: 100%;
			}
		}
		.botDiv{
			padding: 0.1rem 0.1rem 0;
			height: 1.4rem;
			.name{
				.txt();
				font-size: var(--fs24);
				line-height: 0.32rem;
				color: #000;
				font-family: 'SG-B';
				transition:All 0.5s ease;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;
			}
			.msg{
				.txt-over(2);
				margin-top: 0.1rem;
				font-size: var(--fs24);
				line-height: 0.32rem;
				height: 0.64rem;
				font-family: 'SG-B';
				color: rgba(0, 0, 0, 0.5);
				transition:All 0.5s ease;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;	
			}
		}
		&:hover{
			border: @color solid 3px;
			background: @color;
			.name, .msg{
				color: #fff;
			}
		}
	}
	.se{
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 0.7rem;
		height: 0.7rem;
		border-radius: 0.1rem;
		background: rgba(233, 233, 233, 0.3);
		&::before{
			content: '';
			position: absolute;
			top: 50%;
			width: 0.19rem;
			height: 0.3rem;
			margin-top: -0.15rem;
			transition:All 0.5s ease;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;	
		}
		&:hover{
			background: @color;
		}
	}
	.prev{
		left: 0;
		&::before{			
			left: 50%;	
			margin-left: -0.1rem;
			background: url(../img/nimg19_left.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_lefton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
	.next{
		right: 0;
		&::before{
			right: 50%;
			margin-right: -0.1rem;
			background: url(../img/nimg19_right.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_righton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
}
.indexP3{
	padding: 0.4rem 0;
	.mxfDiv{
		.flex2();
	}
	.leftImg{
		width: 6.8rem;
		border-radius: 0.1rem;
		img{
			width: 100%;
		}
	}
	.conDiv{
		.flex7();
		padding: 0.32rem 0;
		width: 6.8rem;
	}
	.content{
		font-size: var(--fs20);
		line-height: 0.26rem;
		color: #000;
	}
	.btnDiv{
		a{
			.flex1();
			border-radius: 0.1rem;
			width: 1.48rem;
			height: 0.56rem;
			font-size: var(--fs20);
			color: #fff;
			font-family: 'SG-B';
			background: @color;
			&:hover{
				background: @color2;
			}
		}
	}
}
.indexP4{
	padding: 0.4rem 0 0.8rem;
	.indTitle{
		margin-bottom: 0.4rem;
	}
}
.indNews{
	position: relative;
	padding-bottom: 1.1rem;
	overflow: hidden;
	.box{
		border-radius: 0.1rem;
		overflow: hidden;
		border: #eee solid 3px;
		background: #f4f4f4;
		transition:All 0.5s ease;
		-webkit-transition:All 0.5s ease;
		-moz-transition:All 0.5s ease;
		-o-transition:All 0.5s ease;
		.img{
			height: 1.8rem;
			background: #fff;
			border-radius: 0.1rem;
			overflow: hidden;
			img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.botDiv{
			padding: 0.1rem 0.1rem 0;
			height: 1.8rem;
			.name{
				.txt-over(3);
				font-size: var(--fs24);
				line-height: 0.32rem;
				max-height: 0.96rem;
				color: #000;
				font-family: 'SG-B';
				transition:All 0.5s ease;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;
			}
			.time{
				margin-top: 0.1rem;
				font-size: var(--fs24);
				line-height: 0.32rem;
				font-family: 'SG-L';
				color: #000;
				transition:All 0.5s ease;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;	
			}
		}
		&:hover{
			border: @color solid 3px;
			background: @color;
			.name, .time{
				color: #fff;
			}
		}
	}
	.se{
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 0.7rem;
		height: 0.7rem;
		border-radius: 0.1rem;
		background: rgba(233, 233, 233, 0.3);
		&::before{
			content: '';
			position: absolute;
			top: 50%;
			width: 0.19rem;
			height: 0.3rem;
			margin-top: -0.15rem;
			transition:All 0.5s ease;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;	
		}
		&:hover{
			background: @color;
		}
	}
	.prev{
		left: 0;
		&::before{			
			left: 50%;	
			margin-left: -0.1rem;
			background: url(../img/nimg19_left.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_lefton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
	.next{
		right: 0;
		&::before{
			right: 50%;
			margin-right: -0.1rem;
			background: url(../img/nimg19_right.png) center no-repeat;
			background-size: 0.19rem;
		}
		&:hover{
			&::before{
				background: url(../img/nimg19_righton.png) center no-repeat;
				background-size: 0.19rem;
			}
		}
	}
}


@media @min1004 {	
}
@media @max1600 {
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
	.indTitle{
		font-size: var(--fs22);
		line-height: 0.64rem;
	}

	.indexP1{
		padding: 0.8rem 0 0.4rem;
		.indTitle{
			margin-bottom: 0.4rem;
		}
	}
	.indSolu{
		padding: 0 var(--offset) 1.2rem;
		.imgList{
			width: 100%; 
			left: 0; 
			margin-left: 0;
			overflow: hidden;
		}
		.swiper-slide { 
			.img{
				width: 100%; 
				height: 3.4rem; 
				transform:scale(1);
				-webkit-transform:scale(1);
			}
			.name{
				margin-top: 0.2rem;
				line-height: 0.56rem;
				font-size: var(--fs16);
			}
		}
		.se{
			width: 0.9rem;
			height: 0.9rem;
		}
		.prev{
			left: var(--offset);
			margin-left: 0;	
		}
		.next{
			right: var(--offset);
			margin-right: 0;	
		}
	}
	.live-action{
		padding-bottom: 1.2rem;
		.box{
			border: #eee solid 2px;
			.img{
				height: 3.0rem;
			}
			.botDiv{
				padding: 0.1rem 0.1rem 0;
				height: 1.65rem;
				.name{
					.txt();
					font-size: var(--fs16);
					line-height: 0.48rem;
				}
				.msg{
					font-size: var(--fs13);
					line-height: 0.42rem;
					height: 0.84rem;
				}
			}
			&:hover{
				border: @color solid 2px;
			}
		}
		.se{
			width: 0.9rem;
			height: 0.9rem;
		}
	}
	.indexP3{
		.mxfDiv{
			display: block;
		}
		.leftImg{
			width: auto;
		}
		.conDiv{
			display: block;
			padding: 0.5rem 0 0;
			width: auto;
		}
		.content{
			font-size: var(--fs15);
			line-height: 0.52rem;
		}
		.btnDiv{
			margin-top: 0.4rem;
			a{
				width: 2.2rem;
				height: 0.8rem;
				font-size: var(--fs15);
			}
		}
	}
	.indexP4{
		padding: 0.4rem 0 0.8rem;
		.indTitle{
			margin-bottom: 0.4rem;
		}
	}
	.indNews{
		padding-bottom: 1.2rem;
		.box{
			border: #eee solid 2px;
			.img{
				height: 3.8rem;
			}
			.botDiv{
				.name{
					.txt-over(2);
					font-size: var(--fs16);
					line-height: 0.48rem;
				}
				.time{
					font-size: var(--fs13);
					line-height: 0.48rem;
				}
			}
			&:hover{
				border: @color solid 2px;
			}
		}
		.se{
			width: 0.9rem;
			height: 0.9rem;
		}
	}
}




.pageCon{
	padding: 1.2rem 0;
	.title{
		text-align: center;
		font-size: var(--fs48);
		color: #333;
		font-weight: bold;
		line-height: 0.48rem;
		margin-bottom: 0.45rem;
	}
	.content{
		font-size: var(--fs18);
		line-height: 0.36rem;
	}
}

@media @min1004 {	
}
@media @max1600 {
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
	.pageCon{
		padding: 1.0rem 0;
		.title{
			font-size: var(--fs22);
			line-height: 0.56rem;
		}
		.content{
			font-size: var(--fs15);
			line-height: 0.52rem;
		}
	}
}

