/*产品*/
.index-bt{text-align: center;/*font-size: .44rem;*/font-size: 16px;color: #707070;padding: 50px 0 50px 0;}
.index-jjbt{text-align: center;/*font-size: .44rem;*/font-size: 22px;color: #707070;padding: 5% .5rem 0;}
.index-jjbt>h1{font-size: 38px;
    color: #FFF;
    margin: 0 0 .3rem;
    font-weight: bold;}
.index-jjbt>h1:after{
	   background: #D92C1C;
    display: block;
    margin: 20px auto;
    content: '';
    width: 150px;
    height: 1px;
}


.dot2 {height:60px;overflow:hidden;line-height:20px;}


.index-jjbt>p{   display:block; margin: 0; font-size: 16px; color:#FFF; text-align: center;} 
.index-bt h1{font-size: 24px;color: #111111;margin: 0 0 10px;     font-weight: bold;;}
.index-bt p{display:block; margin: 0; font-size: 16px; color:#777; text-align: center;}
 
.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/b793c28571c14df386930b6fe140aed5.gif) no-repeat center top;margin: 0;background-size: 100% auto; cursor: pointer; bottom:0px;}
.ms-next{background-image: url(../images/9f5bd69ec40f4ee59052a716f990f546.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: #e72427;}
.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/0e2f94ef5cca4a11a0bc50de6c49dd8c.gif) 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;height: 500px;}
.index-5 .width-40{float: left;height: 260px;
    margin-bottom: 5%;}
.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;    text-align: center;}
.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/ab5201a8bddd4997bbef0a9d62c12668.gif) 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/98be16dd439a4bbfac85ca8f6400419d.gif); }
.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/cc08134b1c454d748adf96a8c09f991a.gif)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: 16px; color:#777;line-height: 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: 30%;}
.index-22>h1{font-size: 50px;line-height: 1.4;margin: 0 0 .6rem;color: #111111;padding-top:55px;font-weight: bold;}
 
.index-22>h1:after{
background:#D92C1C; display: block; margin: 20px auto; content: '';width: 100%;height: 1px;
}

.index-22 .btn-ljgd{margin-top: 1rem;}
.index-1-icon img{width:57px;}









/*banner*/
#banner .swiper-button-prev{left:1.2rem;opacity: .4;cursor: pointer;}
#banner .swiper-button-next{right:1.2rem;opacity: .4;cursor: pointer;}
#banner .swiper-button-prev:hover{opacity: .7;}
#banner .swiper-button-next:hover{opacity: .7;}
#banner .swiper-button-disabled{display: block;opacity: .4;}
.visible-a{opacity: 1;display:block;}
.visible-b{opacity: 0;display:none;}
.banner{height: 724px;overflow: hidden;margin-top: -95px;}
.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-box.swiper-slide-active .banner-left .wo{animation: fadeInUpa 1s .5s backwards;}
.banner-box.swiper-slide-active .banner-right .wo{animation: fadeInRight 1s .5s backwards;}


.banner_index video {
	height: 600px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.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/7b961f4dc4b84bcf99fa3ef4ca27bc16.gif); background-repeat:no-repeat;height:50px;width:50PX;}
.banner-playbnt:hover{cursor: pointer;background-image: url(../images/6709f052beea43e0aa9159a02682fc0e.gif);}
.swiper-pagination-bullet{opacity: .3;transition: all .3s;background-color:#ffffff;}
.swiper-pagination-bullet-active{
	background-color:#e72427;
	width:.8rem;
	border-radius: .4rem;
	transition: all .3s;
	opacity:1;
}

.banner_index .swiper-slide {
	position: relative;
	height:724px;
	overflow: hidden;
}

.banner_index .swiper-slide .bannerbg{
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.index_about_info{
	/* width: 779px; */
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
	}
.index_about_info h1{color:#111111;}

 
.index_about_info p{
display:block; margin: 0; font-size: 16px; color:#777; text-align: center;
}
.index_about_info a{
	margin-top:45px;
}

.index_block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow:hidden;
 
}
.index_block dd{ position: relative; float: left; width: 32.2%; margin-right: 1.5%; margin-bottom: 1.5%; padding-bottom: 18%; background: #fff; overflow: hidden;}

 

.index_block dd:nth-child(3n){ margin-right: 0; }
.index_block dd a{position: absolute; width: 100%; height: 100%; transition: 0.3s;z-index: 2 }
.index_block dd .Ispic{position: absolute; width: 100%; height: 100%; transition: 0.5s;  background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;}
.index_block dd:hover .Ispic{ transform: scale3d(1.05,1.05,1.05); }
.index_block dd h2{ position: absolute; left: 6%; bottom: 7%; margin: 0; font-size: 22px; color: #fff; font-weight: normal; transition: 0.3s; }
  
.index_block li{
padding: 0;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 20px;
    list-style-type: none;
}
 
.index_block_box {
	text-align: left;
    width: 29.9%;
    /* margin: 0 1em 0 0; 
    /* background-color: #f8f8f8;*/
}
.index_block_al {
	text-align:left;
	width: 32%;
	/* margin: 0 1em 0 0; */
	/* background-color:#f8f8f8; */
}
.index_blockcp {
	text-align:left;
	width: 32%;
	/* margin: 0 1em 0 0; */
	/* background-color:#f8f8f8; */
}
.zzblockcp {
	text-align:left;
	width: 28%;
	margin: 0 1.8em 2em 1.8em; 
	/* background-color:#f8f8f8; */
}
.hzblockcp {
	text-align: left;
    width: 25%;
    margin: 0 2.5em 3em 2.5em;
	border: 1px solid #efefef;
}
.index_block_boxxw {
	text-align:left;
	width: 100%;
	padding-bottom: 28px;
	margin: 2em 0 0 0;
	border-bottom: 1px solid #ececec; 
}
.index_block_box1 {
	text-align: right;
	width: 69.5%;
	height: 500px;
	/* background-color:#f8f8f8; */
}
.iconfont-flash {
	font-weight: bold !important;
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #bbb;
}
.bg-252526 a {
	color: #bbb !important;
	font-size: 14px;
    transition: all .4s;
}
.iconfont-yq {
/* 	font-weight: bold !important; */
	font-size: 16px;
    font-weight: bold;
   /*  margin-bottom: 20px; */
    color: #bbb;
	float:left;
	margin-top: 2%;
    width: 100%;
}
.iconfont-yq span{
 
	float:left;
	font-size: 16px;
   
}
.l_j{
	font-size: 1em;
    font-weight: lighter;
/* 	margin: 0.2em 0; */
}
.l_j a{
	color: #333;
    transition: all .4s;
    margin: 0 0.5em;
 
}
.footer-nav {
	text-align:left;
	 border-bottom: 1px solid #bbb!important;
}
.footer-nav yqlj {
	  color: #282828;
}
.footer-nav yqlj yqlj {
	  color: #282828;
}
.footer-nav yqlj yqlj clearfix{
	  color: #282828;
}
.footerx {
	background: #333;
	padding-top: 5%;
	padding-bottom: 5%;
}
.bg-252526 footer-nav h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #282828;
}



.footer{ background:#1b1b1b; padding:40px 0 40px 0; color:#999; font-size:14px; border-bottom: 1px #282a32 solid;}
.footer .f_logo{ width:200px; text-align:center; line-height:28px; margin-right:25px;}
.footer .f_logo img{ padding:25px 0 5px;}
.footer .f_logo h3{ color:#fff; font-size:20px; font-weight:normal}
.footer .f_logo h4{ font-size:12px; text-transform:uppercase; font-weight:normal}
.footer .f_nav{ width:380px;height: 230px; border-left:1px solid #2D2D2D; border-right:1px solid #2D2D2D; padding:0 30px 0 70px;}
.footer .f_nav h3{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:15px;}
.footer .f_nav a{ display:block; float:left; width:120px; height:35px; line-height:35px; color:#999;}
.footer .f_nav a:hover{ text-decoration:underline;}
.footer .f_lx { width:380px; line-height:35px; border-right:1px solid #2D2D2D; padding:0 50px;}
.footer .f_lx h3{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:15px;}
.footer .f_lx h4{ font-size:16px; color:#ccc; font-weight:normal;}
.footer .f_ewm{ width:200px; text-align:center; line-height:28px;}
.footer .f_ewm img{ width:120px; padding:20px 0 5px;}
.bottom{ background:#1B1B1B; height:50px; line-height:50px;  color:#999; text-align:center; font-size:14px;}
.bottom a{ color:#999;}
.container {margin: 0 auto;	width: 1280px;}
#clear, .clear {clear: both;overflow: hidden}
.fl, .l, #l {float: left}
.fr, .r, #r {float: right}

.index_block_top {
	height:500px;
	overflow:hidden;
}
.index_block_top1 {
	height:300px;
	overflow:hidden;
}
.index_block_topal {
	height:320px;
	overflow:hidden;
}
.index_block_ttop {
	height:220px;
	overflow:hidden;
}
.index_block_zttop {
	height:450px;
	overflow:hidden;
}
.index_block_hzttop {
	height: 140px;
	overflow:hidden;
}
.zz_title {
	text-align: center;
    font-size: 16px;
}
 
  
 
  .pagess {
    clear: both;
    height: 30px;
    margin: 3% 0;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
}
.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
}
/*第几页样�?/
.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #E4392A;
    padding: 2px 9px;
    margin: 0 3px;
    background: #E4392A;
    color: #fff;
}  
.pagess_ctitle{
	text-align: center;
  /*   margin-bottom: 3em; */
    font-size: 2em;
    font-weight: bold;
}  

.sytopxw {
	position: relative;
	overflow:hidden;
	float: left;
    width: 40%;
}
.index_block_top2 {
	 
	overflow:hidden;
	float:left;
	 
	 
    /* 
	/* margin: 0 1em 0 0; */
}
.gsjj{
	font-style: normal;
    color: #000;
    font-size: 16px;
	text-align:left;
}
.gsjj p{
	/* margin:1.5em; */
	line-height: 30px;
	/* text-indent: 2em; */
	text-align: justify;
}
.index_block_top3 {
	height:49%;
	overflow:hidden;
	/* float: right;
	width: 38%; */
}
.index_block_top4 {
	height: 49.2%;
    overflow: hidden;
    Float: left;
    width: 45%;
    margin: 1% 1% 0 0;
}
.index_block_top5 {
	height: 49.2%;
    overflow: hidden;
    Float: right;
    width: 54%;
    margin: 1% 0 0;
}
.index_block_2img{
	transition: all 0.3s;
	height: 500px;
	width: 100%;
	/* border-radius: 5px; */
}
.index_block_img{
	transition: all 0.3s;
	height: 100%;
	width: 100%;
	/* border-radius: 5px; */
}
.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_box1 .class_Arrow {
	width: 120px;
	height: 20px;
/* 	position: absolute; */
	/* margin-top: 2.85rem; */
/* 	margin-right: 1.5em; */
	z-index: 10;
	transition: all 0.3s;
	color: #000;
	float:right;
}
.index_block_box1 .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_bottomal {
	/* padding:.76rem; */
	font-size:18px;
	color:#111111;
	line-height:30px;
	padding-top: .2rem;
	padding-bottom: 0.1rem;
}
.index_block_bottomxw {
	/* padding:.76rem; */
	font-size:18px;
	color:#111111;
	line-height:30px;
	padding-top: .2rem;
	padding-bottom: 0.1rem;
	float: right;
    width: 55%;
	/* border-left: 1px solid #000; */
}
.index_block_bottomxw li a{
 
	font-size: 26px;
	font-weight: bolder;
	white-space: normal;
	line-height: 1.2em;
}
.xwdata{
 font-size: 1.1em;
    margin-top: 1em;
}
.index_block_bottom li{
	list-style: none;
/* 	border-bottom:#dcdcdc 1px solid; */
	overflow:hidden;
	padding-top:25px;
	padding-bottom:28px;
}
.index_block_bottomal li{
	list-style: none;
/* 	border-bottom:#dcdcdc 1px solid; */
	overflow:hidden;
	/* padding-top:25px; */
	padding-bottom:40px;
}
.index_block_bottomal li p{
	font-size: 0.9em;
    margin-top: 1em;
    color: #969696;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_block_bottomal li:hover p{
	font-size: 0.9em;
    margin-top: 1em;
    color: #e72427;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
 
 
.index_block_ttop2 li{
	    text-align: center;
	list-style: none;
/* 	border-bottom:#dcdcdc 1px solid; */
	overflow:hidden;
	padding-top:10px;
	padding-bottom:30px;
    font-size: 1.5em;	
}

 
.index_block_bottomxw li{
	list-style: none;
/* 	border-bottom:#dcdcdc 1px solid; */
	overflow:hidden;
	/* padding-top:25px; */
	padding-bottom:40px;
}
.xwnrbt{
 
	padding-bottom:20px;
}
.index_block_bottom li:hover{
	color:#e72427;
}
.index_block_bottom li:hover .index_block_data{
	color:#e72427;
}
.index_block_bottomal 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_bottomal .news_title{
	display: -webkit-box;
	white-space:normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #ececec;
}
.index_block_bottom .index_block_data{
	font-size:14px;
	line-height: 100%;
	margin-top:20px;
	color:#969696;
}
.index_block_bottomal .index_block_data{
	font-size:14px;
	line-height: 100%;
	margin-top:20px;
	color:#969696;
}
.swiper-pagination{bottom:22px;}


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


@media only screen and (max-width:1px) {
	.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_block_bottomal .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;
}

.banner_index .swiper-slide {
  height: 12rem;
}
.swiper-pagination-bullet-active {
    width: 1.2rem;
}
.banner_index video {
  display: none;
}
.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/0e2f94ef5cca4a11a0bc50de6c49dd8c.gif); }
.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%;}


	�?
	
	
	
.poster-main{
		position: relative;
		margin: 50px auto;
	}
	.poster-main .poster-list .poster-item{
		position: absolute;
		left: 0;
		top: 0;
	}
	.poster-main .poster-btn{
		position: absolute;
		top: 0;
		cursor: pointer;
	}
	.poster-main .poster-prev-btn{
		left: 0;
		background: url("../images/btn_l.png") no-repeat center center;
	}
	.poster-main .poster-next-btn{
		right: 0;
		background: url("../images/btn_r.png") no-repeat center center;
	}

*, *:after, *:before {border-box;box-sizing: border-box;}
 .grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;
	height: 400px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure h2 {
	word-spacing: -0.15em;
	
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
.grid figure h2,
.grid figure p {
	margin: 0;
}
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}