.index_banner{position: relative;}
/*banner*/
.inbanner{width: 100%;overflow: hidden;z-index:2; background:#fff;}
.inbanner img{width: 100%;}
.inbanner li{position: relative;overflow: hidden;}
.inbanner li a{display: block;width: 100%;height: 100%;}
.inbanner li video{position: absolute;top: 0; width: 100%; height:100%;background:#000;}
.inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;}
.inbanner .swiper-pagination{bottom:50rem;}
.inbanner .swiper-pagination-bullet{width:14rem; height:14rem; margin: 0 10rem!important; opacity: 1; background:#FFFFFF;}
.inbanner .swiper-pagination-bullet-active{ background: none;width: 17rem; height:17rem; position: relative; top:1.5rem; border: 3rem solid #fff;}
.inbanner li span.ico_btn{ cursor: pointer; position: absolute; right:50rem; top:50rem; width: 44rem; height: 44rem;z-index: 1000;background: url(../images/btn_pause.png) no-repeat; background-size: cover;}
.inbanner li span.ico_btn.muted{background: url(../images/btn_play.png) no-repeat; background-size: cover;}

.ie7 .inbanner ,.ie8 .inbanner{display: none;}
.ie7 .banner_ie ,.ie8 .banner_ie{display: block;}

.banner_ie{overflow: hidden; position: relative; display: none;}
.imgbox li{display: none; height: 100%; width: 100%;}
.imgbox li.on{display: block;}
.mask{position: absolute; width: 100%; bottom: 32px;z-index: 99;}
.mask .pages{text-align: center; width: 100%;}
.mask .pages a{border:3px solid #fff;background: url(../images/wite.png) repeat;width: 12px;height: 12px;vertical-align: middle;margin-top: 0px;opacity: 1;margin: 0 14px !important;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;display: inline-block; border-radius: 50%}
.mask .pages a.on{background: #db3149;border:3px solid #db3149;}


.ban_video .video_button{display: none;}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;width: 100%;height: auto;}
.video_appbox .video_t{
   z-index:2; background:#000;width: 1035px;max-width:94%;height: auto;
   transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
   transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
   visibility: hidden;opacity: 0;
}
.video_appbox.show .video_t{
   visibility: visible;opacity:1;
   top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:50px;font-weight: bold;}

@media only screen and (max-width: 1024px) {
   /*.ban_video video{display: none!important;}
   .ban_video .video_button{display: block;font-size: 50px;}*/
   .inbanner li span.ico_btn{right:10rem; top:10rem;}
   .inbanner .swiper-pagination{bottom:10rem;}
}

/*.bcon{width: 475px; height: auto; padding: 43px; padding-bottom: 80px !important; box-sizing: border-box; background: rgba(0,0,0,0.6); position: absolute; right: 27px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 2; color:#fff; transition: all 0.3s;}
.bcon.on{transform: translate(497px,-50%); -webkit-transform: translate(497px,-50%); cursor: pointer;}
.bcon a{color:#fff;}
.bcon h1{display: inline-block; border-bottom: #ff1300 solid 1px; padding-bottom: 10px;}
.bcon ul li{border-bottom: rgba(255,255,255,0.5) solid 1px; padding: 7px 0; margin-top: 30px;}
.bcon ul li span{margin-bottom: 10px; display: block;}
.bcon ul li p{line-height: 24px; max-height: 48px; overflow: hidden; }
.close_icon{width: 25px; height: 25px; background: url(../images/close_icon.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 20px; cursor: pointer;}
@media only screen and (max-width: 1440px) {
	.bcon{padding: 30px; width: 450px;  }
	.bcon.on{transform: translate(472px,-50%); -webkit-transform: translate(472px,-50%);}
	.bcon ul li{margin-top: 20px;}
}*/

.index-part01{background: #fff; }
.index-part01 .swiper-box{margin:45rem 86rem 20rem; height: 56rem; line-height: 56rem; position: relative;}
.index-part01 .swiper-box .swiper-container{ margin: 0 100rem; height: 100%;}
.index-part01 .swiper-box .swiper-slide{color: #000000; cursor: pointer; width: auto; padding: 0 20rem;}
.index-part01 .swiper-box .swiper-slide.on{ font-weight: bold; border-bottom: 3rem solid #E1001F;}
.index-part01 .swiper-box .swiper-button-prev,.index-part01 .swiper-box .swiper-button-next{color: #000; background: none; left:0; top:0; margin-top: 0; width: 80rem; text-align: left; height: 56rem; line-height: 56rem;}
.index-part01 .swiper-box .swiper-button-next{text-align: right; left:auto; right:0;}
.index-part01 .swiper-box .swiper-button-prev.swiper-button-disabled,.index-part01 .swiper-box .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.index-part01 .swiper-box .swiper-button-prev.disabled{ cursor: default; opacity: 0.35;}
.index-part01 .swiper-box .swiper-button-next.disabled{ cursor: default;opacity: 0.35;}

.index-part01 .imgshow{position: relative; padding: 140rem 0 85rem;}
.index-part01 .imgshow li.swiper-slide{ width: 1180rem;}
.index-part01 .imgshow dt{ float: left; width: 40%;}
.index-part01 .imgshow dd{ float: right; width: 56%; padding-top: 5%;}
.index-part01 .imgshow dd h2+em{ display: block; margin: 30rem 0 40rem; width:100rem; height: 2rem; background: #db3149;}
.index-part01 .imgshow dd h3{margin-bottom: 25rem;}
.index-part01 .imgshow dd p{margin-bottom: 45rem; line-height: 1.8;}
.index-part01 .imgshow dd p span{ display: block;}
.index-part01 .imgshow .swiper-button-prev,.index-part01 .imgshow .swiper-button-next{font-weight: bold;color: #000; background: none; lefT:10%; top:50%; margin-top: -40rem; width: 80rem; height: 80rem; line-height: 80rem; text-align: center; background: #fff; border-radius: 100%; box-shadow: 0 0 8rem 8rem rgba(0,0,0,0.05);}
.index-part01 .imgshow .swiper-button-next{left:auto; right:10%;}



.index-part01 .imgshow a:hover dd h3,.index-part01 .imgshow a:hover dd p{color: #000!important;}

.tit{ text-align: center; width: 100%;}
.tit span{ display: block; margin-bottom: 10rem;}
.index-part02{margin-top:100rem;}
.index-part02 .tt{position: relative; color: #fff;}
.index-part02 .tt .tit{top:22%;}
.index-part02 ul{position: relative; top:-160rem;}
.index-part02 li{ position: relative; float: left;width: 48.5%; margin-top: 60rem; border-radius: 55rem;box-shadow: 0 0 15rem 15rem rgba(0,0,0,0.1);  overflow: hidden;}
.index-part02 li:first-child{margin-top: 0;}
.index-part02 li:nth-of-type(2){ margin-top: 220rem;}
.index-part02 li:nth-child(2n){ float: right;}
.index-part02 li dd{width:100%; position: absolute; color: #fff; lefT:0; bottom:0; padding:0 60rem 60rem;   }
.index-part02 li dd h3{margin-bottom: 10rem;}
.index-part02 li dd p{line-height: 1.8;}
.index-part02 li:nth-of-type(2) dd p{padding-left: 0.5rem;}

.index-part03{position: relative; color: #fff;}
.index-part03 a{color: #fff!important;}


.xx{transition: all 0.5s;}
@media only screen and (min-width:1025px){
   .index-part01 .imgshow li.swiper-slide a:hover{color: #000!important;}
   .index-part01 .imgshow li.swiper-slide a:hover dd h2{color: #db3149!important;}
}

@media only screen and (max-width:1023px){
.index-part01 .swiper-box{margin-left: 0; margin-right: 0;}
.index-part01 .swiper-box .swiper-button-prev, .index-part01 .swiper-box .swiper-button-next{width: 40rem; text-align: center;}
.index-part01 .swiper-box .swiper-container{margin: 0 50rem;}
.index-part01 .imgshow{padding: 50rem 0;}
.index-part01 .imgshow .swiper-button-prev,.index-part01 .imgshow .swiper-button-next{left:10rem; /*width: 40rem; height: 40rem; line-height: 40rem; margin-top: -20rem;*/}
.index-part01 .imgshow .swiper-button-next{left:auto; right:10rem;}
.index-part01 .imgshow dd{margin-right: 3%;}
.index-part02 ul{top:0; margin-top: 50rem;}
.index-part02 li{ margin-top: 0!important; margin-bottom: 30rem;}
.index-part02 li dd{padding: 5% 8%;}
}
@media only screen and (max-width:767px){
   .inbanner .swiper-container,.inbanner li{ height:500rem!important;}
   .inbanner li img{/*display: none;*/        object-fit: cover;
        width: 100%;
        height: 100%;}
   .index-part01 .imgshow dt,.index-part01 .imgshow dd{width: 100%; margin: 0;}
   .index-part01 .imgshow dd{padding: 5% 5% 0;}
   .index-part01 .swiper-box .swiper-slide{width: 100%; text-align: center;}
   .index-part02 li{width: 100%;}
   .index-part02 .tt .tit{top:35%;}
   .index-part03,.index-part02 .tt{ height: 400rem;}
   .index-part03 img,.index-part02 .tt img{ display: none;}
}