/*产品*/
.index-bt{text-align: center;/*font-size: .44rem;*/font-size: 22px;color: #707070;padding: 1.1rem .5rem 1.06rem;}
h1{font-size: 36px;color: #111111;margin: 0 0 .6rem;}
h2{
	font-size: 24px;
	color: #747474;
}
.index-bt h1{font-size: 36px;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: #f49d00;}
.index-1.m-active>.index-1-icon,.index-1:hover>.index-1-icon{border:none;}
.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-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;line-height: .72rem;							padding-top: 2%;
	padding-right: 6%;
	padding-bottom: 2%;
	padding-left: 2%;
	background-color: #b22330;
}
.index-9{
	max-width: 330px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.index-9 p{
	max-width: 330px;
	font-size: 18px;
	color: #FFF;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 0;
}
.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: #f49d00;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: #f49d00;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: #f49d00;}
.index-16:hover>.index-17{background: #f49d00;}

.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:57px;}










.index_about_info{
	width: 779px;
	font-weight: 400;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	}
.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;
	margin-bottom: 100px;
}

.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:#f49d00;
}
.news_title li:hover .news_title{
	color:#f49d00;
}
.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%;}
}


@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;}
.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;}
.swiper-pagination-bullet-active {
    width: 1.2rem;
}

.index_about_info h1 {
    font-weight: bold;
}
.index-bt h1 {
    font-weight: bold;
    margin: .4rem 0 .8rem;
}
.index-22>h1 {
    font-weight: bold;
    font-size: 25px;
}
.index-hzhb{font-size: 11px;}
.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%;}


	｝
