/*产品*/
.index-bt{text-align: center;/*font-size: .44rem;*/font-size: 22px;color: #707070;padding: 1.1rem .5rem 1.06rem;}
.index-bt h1{font-size: 48px;color: #111111;margin: 0 0 .6rem;}
.index-1{text-align: center;font-size: .3rem;cursor: pointer;white-space: nowrap;}
.index-1-icon{width: 2rem;margin: 0 auto .2rem;transition: all .3s;
border-radius: 50%;overflow: hidden;position: relative;}
.index-1-icon img{transition: all .3s;}
.index-1-icon>span{position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0;transition:all .3s;}
.index-cp{}
.index-cp #index-cp{overflow: hidden;margin: 0 4%;}
.ms-prev,.ms-next{width:24px;height:24px;background: url(../images/ms-prev.gif) no-repeat center top;margin: 0;background-size: 100% auto; cursor: pointer; bottom:0px;}
.ms-next{background-image: url(../images/ms-next.gif);}
.ms-prev:hover,.ms-next:hover{background-position-y: bottom;}
.ms-next.swiper-button-disabled, .ms-prev.swiper-button-disabled{opacity: 1;pointer-events:auto;}
.ms-next.ms-disabled, .ms-prev.ms-disabled{cursor: auto;}
.ms-next.ms-disabled:hover, .ms-prev.ms-disabled:hover{background-position-y: top;}
.swiper-button-disabled{display: none;}
/*.index-1.m-active,.index-1:hover{color: #fff;}*/
.index-1.m-active{color: #fff;}
.index-1.m-active>.index-1-icon,.index-1:hover>.index-1-icon{border:none;}
/*opacity: 0，表示完全透明，opacity: 1表示完全不透明*/
/*.index-1.m-active>.index-1-icon>img,.index-1:hover>.index-1-icon>img{
	opacity: 0;}
.index-1.m-active>.index-1-icon>span,.index-1:hover>.index-1-icon>span{
	opacity: 1;}*/
.index-1.m-active>.index-1-icon>img{
	opacity: 0;}
.index-1.m-active>.index-1-icon>span{
	opacity: 1;}

.index-2{
	/*padding-top: .8rem;*/
	overflow: visible;}
}
.ms-btn{position: absolute;left: 50%;bottom:100%; height: 24px;transform: translateX(-50%);}
.index-2:after,.img-box.index-11:after{content: '';position: absolute;width: 28px; height:10px;transform: translateX(-50%);
background: url(../images/sj.png) no-repeat center;top:0;left: 50%;z-index: 2;}
.index-3{height: 540px;position: relative;}
.index-3>.a-background{height: 100%;}
.index-3>.text{position: absolute; height: 100%;z-index: 1;top:0;
left: 0;display: flex;align-items:left;justify-content: center;flex-direction: column;transition: all .5s;
opacity: 1;padding:1rem ;left: 50%;
    transform: translateX(-50%);}
.index-3>.text>h1{font-size: .6rem;color:#111111;line-height: 1.1rem;margin: 0 0 .6rem;text-align:left; width:50%;}


.index-bt1 .btn-ljgd{margin-top: .9rem;}
.index-5{overflow: hidden;height: 100%;}
.index-5 .width-50{float: left;}
.index-6{padding-bottom:70.8%;}
.index-6>.a-background{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.index-6.img-box:hover>.a-background,.index-11.img-box:hover>img{transform: scale(1.05);}
.index-8{position: absolute;background: #303030;color: #cfcfcf;width: 100%;height: 100%;
display: flex;justify-content: center;flex-direction: column;font-size: .44rem;padding: 5% 10% 5% 5%;line-height: .72rem;}
.index-9{max-width: 330px;margin: 0 auto;}
.index-9>h1{font-size:/* .8rem*/40px;color: #fff;margin: 0 0 .36rem;}
.index-9 .btn-ljgd{margin-top: .9rem;}
.index-5.swiper-slide-active .wo,.index-10.swiper-slide-active .wo{animation: fadeInUpa 1s backwards;}







.index-4{overflow: hidden;}
.index-page{width: 24px !important;right: 1rem;left: auto !important;bottom: auto !important;
top: 50%;transform: translateY(-50%);}
.index-page .swiper-pagination-bullet{width: 24px; height: 24px;border-radius: 50%;
opacity: 1;background: none;margin:.4rem 0 !important;position: relative;
border: 1px solid rgba(0,0,0,0);}
.index-page .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #FFF;
position: absolute;left: 9px;top:9px;border-radius: 50%;}
.index-page .swiper-pagination-bullet:hover,.index-page .swiper-pagination-bullet-active{
	border: 1px solid #FFF;}
.index-10{background: #fff;}
.index-11{padding-bottom:72.131%;}
.index-14{border: 1px solid #dcdcdc;border-left: none;background: url(../images/index-4.jpg) no-repeat right top;}
.img-box.index-11:after{top:50%;left: auto;right:0;transform:translateY(-50%);width: 10px;height: 28px;
background-image: url(../images/sj-2.png); }
.index-12{position: absolute;color: #969696;width: 100%;height: 100%;
padding: 1.4rem 3.6rem 1.4rem 1.4rem;line-height: 1.8;}
.index-12>.h3{line-height: 1.5;margin: 0;}
.index-12>.rq{font-size: 16px; color: #707070;font-weight: 600;margin: .3rem 0 .5rem;}

.index-13{font-size: 16px;color: #fff;background: #e72427;display: inline-block;
position: absolute;right: .8rem;bottom: 1.26rem;line-height: 30px;padding: 0 .2rem;}

.index-page2{width: 50% !important;left: 50% !important;text-align: left;padding-left: 1.4rem;
bottom: 1rem !important;}

.index-page2 .swiper-pagination-bullet{font-size: 18px;opacity: 1;width: auto;height: auto;color: #dcdcdc;
margin: 0 .7rem 0 0 !important;border-radius: 0;line-height: 1;padding-bottom: .34rem;
border-bottom: 3px solid rgba(0,0,0,0);background: none;}
.index-page2 .swiper-pagination-bullet-active{border-color: #e72427;color: #000;}
.index-15{margin: 1.06rem auto;border-top: 1px solid #ededed;}
.index-16{border-bottom: 1px solid #ededed;padding: .48rem .2rem;display: flex;font-size: 16px;transition: all .3s;
color: #969696;background: url(../images/icon-6.png)no-repeat 98% center;align-items: flex-start;line-height:30px;}
.index-17{width: 6em;text-align: center;background: #707070;padding: 0;flex-shrink: 0;
color: #fff;transition: all .3s;}
.index-18{width: 3.6rem;flex-shrink: 0;text-align: center;font-weight: 600;}
.index-19{width: 50%;flex-grow: 1;padding-right: 3.6rem;font-size: 18px;}
.index-19>.m-dhslh{display:block;text-overflow:ellipsis;white-space: nowrap;}
.index-16:hover{background-image: url(../images/icon-7.png);}
.index-16:hover,.index-16:hover a{color: #e72427;}
.index-16:hover>.index-17{background: #e72427;}
.index-hzhb{padding: 2rem 0 1rem;font-size: /*.44rem*/22px;color: #707070;line-height: /*.76rem*/1.72;}
.index-20{float: left;width: 66.4%;padding-top: .24rem;overflow: hidden;}
.index-21{width: 27.16%;margin-right:6.17%;margin-bottom:6.17%;background: #fff;float: left;
cursor: pointer;transition: all .5s;}
.index-21>.img-box{padding-bottom: 100%;}
.index-21>.img-box>.m-center{position: absolute;width: 100%;height: 100%;padding: 5%;    cursor: default;}
.index-21:hover{transform: translateY(-6px);/*box-shadow: 0 2px 5px rgba(0,0,0,.2);*/}
.index-22{float: right;width: 20.5%;}
.index-22>h1{font-size: 50px;line-height: 1.4;margin: 0 0 .6rem;color: #111111;padding-top:55px;}
.index-22 .btn-ljgd{margin-top: 1rem;}
.index-1-icon img{width:30px;}

/*banner*/
.visible-a{opacity: 1;display:block;}
.visible-b{opacity: 0;display:none;}
.banner{overflow: hidden;/*margin-top: -68px;*/}
.banner-box{height: 100%;}
.banner-1{height: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 4%;}
.banner-left{width: 55%;padding-left: 4%;color: #fff;}
.banner-left>h1{font-size: 0.92rem;line-height: 1.4rem;margin: 0;}
.banner-left>h2{font-size: .56rem;margin: .8rem 0 1.14rem;}
.banner-right{width: 46.7%;}
.banner-img1{margin: 38px 0 58px;}



.banner_inro{
	width:70%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	z-index: 1;
	position: absolute;
	left:15%;
}
/*.banner-playbnt{margin-top:1rem;background-image: url(../images/play-btn.png); background-repeat:no-repeat;height:50px;width:50PX;}
.banner-playbnt:hover{cursor: pointer;background-image: url(../images/play-btn2.png);}*/

.banner-playbnt{margin-top:1rem;background-image: url(../images/playButton.png); background-repeat:no-repeat;height:87px;width:87PX;}
.banner-playbnt:hover{cursor: pointer;background-image: url(../images/playButton.png);}


.swiper-pagination-bullet{opacity: .3;transition: all .3s;background-color:#ffffff;}
.swiper-pagination-bullet-active{
	background-color:#1730ED;
	width:.8rem;
	border-radius: .4rem;
	transition: all .3s;
	opacity:1;
}

.index_about_info{
	width: 779px;
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
	}
.index_about_info h1{color:#414147;}
.index_about_info p{
	line-height: 38px;
	font-size:22px;
}
.index_about_info a{
	margin-top:45px;
}

.index_block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow:hidden;
}

.index_block_box {
	text-align:left;
	width: 31.2%;
	background-color:#f8f8f8;
}

.index_block_top {
	height:200px;
	overflow:hidden;
}
.index_block_img{
	transition: all 0.3s;
}
.index_block_img:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}

.index_block_box .class_name {
	font-size:32px;
	color:#fff;
	position: absolute;
	margin-top:.8rem;
	margin-left:.8rem;
	z-index: 10;
}

.index_block_box .class_info {
	font-size:22px;
	color:#dcdcdc;
}

.index_block_box .class_Arrow {
	width: 120px;
	height: 20px;
	position: absolute;
	margin-top: 2.85rem;
	margin-left: .8rem;
	z-index: 10;
	transition: all 0.3s;
	color: #fff;
}
.index_block_box .class_Arrow img{
	margin-top: -0.08rem;
	margin-left:6px;
}
.class_Arrow:hover{
	transform: translateX(10px);
	transition: all 0.3s;
}

.index_block_bottom {
	padding:.76rem;
	font-size:18px;
	color:#111111;
	line-height:30px;
	padding-top: .2rem;
	padding-bottom: 0.1rem;
}
.index_block_bottom li{
	list-style: none;
	border-bottom:#dcdcdc 1px solid;
	overflow:hidden;
	padding-top:25px;
	padding-bottom:28px;
}
.index_block_bottom li:hover{
	color:#e72427;
}
.index_block_bottom li:hover .index_block_data{
	color:#e72427;
}
.index_block_bottom li:last-child{
	border-bottom:#dcdcdc 1px none;
}
.index_block_bottom .news_title{
	display: -webkit-box;
	white-space:normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 100%;
	height: 60px;
}
.index_block_bottom .index_block_data{
	font-size:14px;
	line-height: 100%;
	margin-top:20px;
	color:#969696;
}
.swiper-pagination{bottom:22px;}


@media only screen and (max-width:1600px) {
.m-prev{left: 2%;}
.m-next{right: 2%;}
}

/*响应式去掉 小于768px*/
/*@media only screen and (max-width:768px) {
	.index-bt h1 {
		font-size: 25px;
	}

	.index-bt {
		font-size: 11px
	}

	.index_block_box {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1rem;
	}

	.visible-a {
		opacity: 0;
		display: none;
	}

	.visible-b {
		opacity: 1;
		display: block;
	}

	#banner .swiper-button-prev, .swiper-button-next {
		display: none;
	}

	#banner .swiper-button-disabled {
		display: none;
	}

	.index_block_box .class_Arrow {
		margin-top: 5rem;
		font-size: .48rem;
		margin-left: 1.2rem;
	}

	.index_block_bottom {
		padding: 0 1.2rem .76rem;
		font-size: .52rem;
		line-height: 1.77;
		margin-top: -.36rem;
	}

	.index_block_bottom li {
		padding: .76rem 0;
	}

	.index_block_bottom .index_block_data {
		font-size: .44rem;
		font-weight: 600;
		margin-top: .4rem;
	}

	.index_about_info {
		width: 95%;
		line-height: 1rem;
		font-size: .7rem;
	}

	.index_about_info h1 {
		font-size: 1rem;
	}

	.index_about_info p {
		line-height: 1.72;
		font-size: .51rem;
	}

	.index_about_info a {
		margin-top: 25px;
	}

	.index_block_box .class_name {
		font-size: .8rem;
		margin: 1.1rem 0 0 1.2rem;
	}

	.banner {
		height: 12rem;
		margin-top: 0px;
	}

	.swiper-pagination-bullet-active {
		width: 1.2rem;
	}


	.index_about_info h1 {
		font-weight: bold;
	}

	.index-bt h1 {
		font-weight: bold;
		margin: .4rem 0 .8rem;
		font-size: 1.12rem;
		line-height: 1.4285714286;
	}

	.index-22 > h1 {
		font-weight: bold;
		font-size: 25px;
	}

	.index-hzhb {
		font-size: 11px;
	}

	.banner .swiper-wrapper {
		display: flex;
	}

	.banner-box {
		height: auto;
	}

	.banner-1 {
		flex-wrap: wrap;
		flex-direction: column-reverse; !*padding: 19.6% 10% 30%;*!
		padding: 15% 10% 20%;
		align-items: flex-start;
		justify-content: center;
	}

	.banner-left {
		width: 100%;
		padding: 20% 0 0 0;
	}

	.banner-right {
		width: 100%;
		text-align: center;
	}

	.banner-img1 {
		margin: .8rem 0 1.2rem;
	}

	.index-cp #index-cp {
		margin: 0 10%;
	}

	.index-3 {
		height: auto;
	}

	.index-3 > .a-background {
		height: 0;
		padding-bottom: 59.67%;
	}

	.index-3 > .text > h1 {
		width: 100%;
		font-size: !*.8rem*! 18px;
	}


	.index-3 > .text {
		opacity: 1;
	}

	.index-3.swiper-slide-active .wo {
		animation: fadeInUp 1s backwards .5s;
	}

	.index-7 > .index-6 {
		padding: 0;
	}

	.index-8 {
		position: relative;
		padding: 10% 20%;
		height: 10rem;
	}

	.index-9 {
		width: 100%;
	}

	.index-9 > h1 {
		font-size: 20px;
	}

	.p-img {
		width: 100%;
	}

	.index-12 > .h3 {
		font-size: .7rem;
		height: 3em;
	}

	.index-12 > div.m-dhslh:last-child {
		height: 5.4em;
	}

	.index-12 {
		position: relative;
		padding-bottom: 3.6rem;
	}

	.index-14 {
		padding: 0;
		background-size: 19.6% auto;
		border: 1px solid #dcdcdc;
		border-top: none;
	}

	.index-page2 {
		width: 100% !important;
		left: 0 !important;
		text-align: left;
	}

	.img-box.index-11:after {
		top: auto;
		left: 50%;
		right: auto;
		bottom: 0;
		transform: rotate(180deg) translateX(50%);
		width: 28px;
		height: 10px;
		background-image: url(../images/sj.png);
	}

	.index-new {
		margin: 0 5%;
		width: 90%;
	}

	.index-16 {
		font-size: .45rem;
		padding: .3rem 0;
		background: none;
		align-items: center;
	}

	.index-16:hover {
		background: none;
	}

	.index-19 {
		font-size: .5rem;
		padding: 0;
		line-height: 1.5;
	}

	.index-19 > .m-dhslh {
		display: -webkit-box;
		text-overflow: clip;
		white-space: normal;
	}

	.index-20, .index-22 {
		width: 100%;
		float: none;
	}

	.index-20 {
		padding: 0 3%;
	}

	.index-22 {
		padding: 1rem 10%;
		text-align: center;
	}

	.index-21 {
		margin: 3.085%;
	}


}*/