.ys{width:100%;height:auto;clear:both;position:relative;}
.ys .text{background: rgba(0,0,0,0.6);position: absolute;top: 0px;right: 0%;width: 100%;height: 70vh;z-index: 9999;overflow:hidden;}
.ys .tit{width: 100%;height: auto;position: relative;padding: 80px 10px;}
.ys .tit h1{color:#fff;font-size:2.4rem;position:relative;text-align:center;}
.ys .tit h1 a{color:#fff;font-size:2.4rem;position:relative;text-align:center;font-weight:normal;}
.ys .tit h3 {font-size: 3.4rem; color: #fff;font-weight:normal;text-align:center;line-height:2;}
.ys .tit h3 a{font-size: 3.4rem; color: #fff;font-weight:bold;text-align:center;line-height:2;font-style:oblique}
.ys .tit .t1{display: block;width:12px;height: 12px;margin:0 auto;background:#d9000b;margin-top:2rem;}
.ys .t2{width:100%;height:auto;position:relative;clear:both;}
.ys .t2 h2{width:100%;text-align:center;}
.ys .t2 h2 a{color:#fff;font-size:2rem;text-align:center;line-height:2;font-weight:normal;}
.ys .t2 span{display: block;width:20px;height: 3px;margin:0 auto;background:#fff;}
.ys .t2 p{width:80%;clear:both;font-size:2rem;color:#fff;margin:0 auto;line-height:2.4;padding-top:2rem;text-align:center;}
.ys .t2 .more{width:85px;height:35px;line-height:35px;border-radius:30px;background:#d9000b;text-align:center;margin:0 auto;color:#fff;font-size:1.4rem;transition:all 0.6s;display:block;margin:0 auto;margin-top:4rem;}


.index_b_hero .mask-left .text{display:none;}


#test1 .text{display:block;}

.banner{position:relative;zoom:1;overflow:hidden;}
.index_b_hero{position:relative;margin:auto;width:70%;height:70vh;}
.index_b_hero img {width:100%;height:70vh;}
.index_b_hero .heros{width:100%;height:70vh;position:relative;}
.index_b_hero .hero-wrap{position:absolute;overflow:visible;}
.index_b_hero .page_btn{position:absolute;top:35vh;z-index:366;width:22px;height:40px;}
.index_b_hero .prev{left:-50px;background:url(../images/custom_left.png);}
.index_b_hero .next{right:-50px;background:url(../images/custom_right.png);}
.index_b_hero .hero {position:absolute;top:0;left:0;z-index:1;width:70vw;height:70vh;overflow:hidden;}
.index_b_hero .mask-left,#index_b_hero .mask-right{position:absolute;top:0;left:0;z-index:1;width:70%;height:70vh;overflow:hidden;background:#000;filter:alpha(Opacity=30);opacity:.3;}
.index_b_hero .mask-left{left:-70%;}
.index_b_hero .mask-right{left:70%;}
.little_img{position:absolute;bottom:0;z-index:50;width:100%;height:93px;background:url(../images/txtbg7.png);}
.small_list{margin:0 auto;padding:14px 0;width:70%;overflow:hidden;}
.small_list li{position:relative;float:left;margin-right:11px;width:162px;height:65px;cursor:pointer;}
.small_list li.last{margin-right:0;}
.small_list li img{width:162px;height:65px;}
.small_list li .bg{display:none;position:absolute;top:0;left:0;width:160px;height:63px;border:1px solid #fff;background:url(../images/txtbg7.png);}
.small_list li.on .bg{display:block;}





@media (max-width:468px){
.banner{position:relative;zoom:1;overflow:hidden;}
.index_b_hero{position:relative;margin:auto;width:70%;height:50vh;}
.index_b_hero img {width:100%;height:40vh;}
.index_b_hero .heros{width:100%;height:20vh;}
.index_b_hero .hero-wrap{position:absolute;overflow:visible;}
.index_b_hero .page_btn{position:absolute;top:210px;z-index:366;width:22px;height:40px;}
.index_b_hero .prev{left:-50px;background:url(../images/custom_left.png);}
.index_b_hero .next{right:-50px;background:url(../images/custom_right.png);}
.index_b_hero .hero {position:absolute;top:0;left:0;z-index:1;width:70vw;height:50vh;overflow:hidden;}
.index_b_hero .mask-left,#index_b_hero .mask-right{position:absolute;top:0;left:0;z-index:1;width:70%;height:50vh;overflow:hidden;background:#000;filter:alpha(Opacity=30);opacity:.3;}
.index_b_hero .mask-left{left:-70%;}
.index_b_hero .mask-right{left:70%;}
.little_img{position:absolute;bottom:0;z-index:50;width:100%;height:93px;background:url(../images/txtbg7.png);}
.small_list{margin:0 auto;padding:14px 0;width:70%;overflow:hidden;}
.small_list li{position:relative;float:left;margin-right:11px;width:162px;height:65px;cursor:pointer;}
.small_list li.last{margin-right:0;}
.small_list li img{width:162px;height:65px;}
.small_list li .bg{display:none;position:absolute;top:0;left:0;width:160px;height:63px;border:1px solid #fff;background:url(../images/txtbg7.png);}
.small_list li.on .bg{display:block;}
.ys .text{width:100%;height:50vh;}
.ys .t2 p{display:none;}
.ys .tit h3 a{font-size: 2.6rem;}
.ys .t2 h2 a{color:#fff;font-size:1.7rem;text-align:center;line-height:1;font-weight:normal;}
}


@media (min-width:469px) and (max-width:768px){
.banner{position:relative;zoom:1;overflow:hidden;}
.index_b_hero{position:relative;margin:auto;width:70%;height:50vh;}
.index_b_hero img {width:100%;height:50vh;}
.index_b_hero .heros{width:70%;height:20vh;}
.index_b_hero .hero-wrap{position:absolute;overflow:visible;}
.index_b_hero .page_btn{position:absolute;top:210px;z-index:366;width:22px;height:40px;}
.index_b_hero .prev{left:-50px;background:url(../images/custom_left.png);}
.index_b_hero .next{right:-50px;background:url(../images/custom_right.png);}
.index_b_hero .hero {position:absolute;top:0;left:0;z-index:1;width:70vw;height:50vh;overflow:hidden;}
.index_b_hero .mask-left,#index_b_hero .mask-right{position:absolute;top:0;left:0;z-index:1;width:70%;height:50vh;overflow:hidden;background:#000;filter:alpha(Opacity=30);opacity:.3;}
.index_b_hero .mask-left{left:-70%;}
.index_b_hero .mask-right{left:70%;}
.little_img{position:absolute;bottom:0;z-index:50;width:100%;height:93px;background:url(../images/txtbg7.png);}
.small_list{margin:0 auto;padding:14px 0;width:70%;overflow:hidden;}
.small_list li{position:relative;float:left;margin-right:11px;width:162px;height:65px;cursor:pointer;}
.small_list li.last{margin-right:0;}
.small_list li img{width:162px;height:65px;}
.small_list li .bg{display:none;position:absolute;top:0;left:0;width:160px;height:63px;border:1px solid #fff;background:url(../images/txtbg7.png);}
.small_list li.on .bg{display:block;}
.ys .text{width:100%;height:50vh;}
.ys .t2 p{display:none;}

}
@media (min-width:769px) and (max-width:990px){
.banner{position:relative;zoom:1;overflow:hidden;}
.index_b_hero{position:relative;margin:auto;width:70%;height:50vh;}
.index_b_hero img {width:100%;height:50vh;}
.index_b_hero .heros{width:70%;height:50vh;}
.index_b_hero .hero-wrap{position:absolute;overflow:visible;}
.index_b_hero .page_btn{position:absolute;top:210px;z-index:366;width:22px;height:40px;}
.index_b_hero .prev{left:-50px;background:url(../images/custom_left.png);}
.index_b_hero .next{right:-50px;background:url(../images/custom_right.png);}
.index_b_hero .hero {position:absolute;top:0;left:0;z-index:1;width:70vw;height:50vh;overflow:hidden;}
.index_b_hero .mask-left,#index_b_hero .mask-right{position:absolute;top:0;left:0;z-index:1;width:70%;height:50vh;overflow:hidden;background:#000;filter:alpha(Opacity=30);opacity:.3;}
.index_b_hero .mask-left{left:-70%;}
.index_b_hero .mask-right{left:70%;}
.little_img{position:absolute;bottom:0;z-index:50;width:100%;height:93px;background:url(../images/txtbg7.png);}
.small_list{margin:0 auto;padding:14px 0;width:70%;overflow:hidden;}
.small_list li{position:relative;float:left;margin-right:11px;width:162px;height:65px;cursor:pointer;}
.small_list li.last{margin-right:0;}
.small_list li img{width:162px;height:65px;}
.small_list li .bg{display:none;position:absolute;top:0;left:0;width:160px;height:63px;border:1px solid #fff;background:url(../images/txtbg7.png);}
.small_list li.on .bg{display:block;}
.ys .text{width:100%;height:50vh;}
.ys .t2 p{display:none;}
}
@media (min-width:991px) and (max-width:1080px){
.ys .text{width:100%;}

}
@media (min-width:1081px) and (max-width:1200px){
.ys .text{width:100%;}
}
@media (min-width:1201px) and (max-width:1320px){
.ys .text{width:100%;}
}
@media (min-width:1321px) and (max-width:1440px){
.ys .text{width:100%;}
}
@media (min-width:1401px) and (max-width:1800px){
.ys .text{width:100%;}
}