.banner{position:relative;width:100%;height:auto;}
#videoallIndex{display:block;width:100%;}
.bannermosk{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);}
body.ie6 #videoallIndex,body.ie7 #videoallIndex,body.ie8 #videoallIndex{display:none;}
body.ie6 .bannerImg,body.ie7 .bannerImg,body.ie8 .bannerImg{display:block;}
.banner{position:relative;overflow:hidden;width:100%;background:#f5f5f5;}
#videoallIndex{position:absolute;}
@media screen and (max-width:768px){#videoallIndex{display:none;}
.bannerImg{display:none;}
.banner{height:auto;padding-top: 60px;}
}
.banner img{float:left;width:100%;}
.bannerInnerBox{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
.bannerInner{margin:0 auto;padding:0 16px;width:100%;height:auto;max-width:1232px;min-width:320px;}
.bannerInnerH2{margin:70px 0 27px;color:#fff;text-shadow:0 5px 5px rgba(0,0,0,.2);font-size:60px;line-height:90px;text-align: left;}
.bannerInnerText{position:relative;color:#fff;font-size:16px;}
.redBlank{position:absolute;top:5px;left:0;width:4px;height:94%;background:#e60012;}
.bannerInnerText p{margin-bottom:10px;text-shadow:0 3px 5px rgba(0,0,0,.4);letter-spacing:1px;font-size:20px;line-height:1.5;}
.bannerInnerBtn{float:left;margin-top:8px;padding:0 28px;width:auto;height:40px;border-radius:30px;background:#e60010;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);color:#fff;font-size:18px;line-height:40px;cursor:pointer;-ms-box-shadow:0 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 2px 2px rgba(0,0,0,.2);}
.bannerInnerBtn:hover{background:#d7171f;}
.banner .bannerBtnArrow{float:right;margin-top:13px;margin-left:10px;width:17px;vertical-align:middle;}
.bannerInnerBtnPc{display:block;}
.bannerInnerBtnMbl{display:none;}
.video-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;display:none;background-color:rgba(0,0,0,.8);}
.video-popup #video-container{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);}
.video-popup .video-close{position:absolute;top:5%;right:5%;width:auto;width:30px;}
.bannerInnerBtnVideo{display:inline-block;margin-top:8px;margin-left:15px;padding:0 35px 0 15px;height:30px;border:1px solid #e60010;border-radius:30px;background:0 0;background:url(/cn/tres/images/icon-video-play_red.png) 90% center no-repeat;background-size:17px 17px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);color:#e60010;font-size:14px;line-height:28px;-ms-box-shadow:0 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 2px 2px rgba(0,0,0,.2);}
.bannerInnerH2.df-txt{margin:200px 0 0px;text-align:left;text-shadow:none;}
@media screen and (min-width:767px){.bannerInnerBtnVideo{display:none;}
}
@media screen and (max-width:1282px){.bannerInnerH2{margin:65px 0 27px;font-size:28px;text-align: left;}
.bannerInnerText{padding-left:24px;color:#fff;font-size:16px;}
.bannerInnerText p{margin-bottom:10px;text-shadow:0 5px 5px rgba(0,0,0,.2);}
.bannerInnerBtn{margin-top:8px;padding:0 28px;width:auto;height:40px;border-radius:30px;line-height:40px;}
}
@media screen and (max-width:1080px){.bannerInnerH2{margin:55px 0 27px;font-size:38px;text-align: left;}
.bannerInnerText{padding-left:24px;color:#fff;font-size:16px;}
.bannerInnerText p{margin-bottom:10px;text-shadow:0 5px 5px rgba(0,0,0,.2);}
.bannerInnerBtn{margin-top:8px;padding:0 28px;width:auto;height:40px;border-radius:30px;line-height:40px;}
}
@media screen and (max-width:1000px){.bannerInnerH2{margin:40px 0 27px;font-size:38px;text-align: left;}
.bannerInnerText{padding-left:24px;color:#fff;font-size:14px;}
.bannerInnerText p{margin-bottom:10px;text-shadow:0 5px 5px rgba(0,0,0,.2);}
.bannerInnerBtn{margin-top:8px;padding:0 28px;width:auto;height:35px;border-radius:30px;line-height:35px;}
}
@media screen and (max-width:414px){.bannerInner{padding:0 55px;}
.bannerInnerH2{margin-top:50px!important;font-size:24px;line-height:1.25em;text-align: center;}
.bannerInnerText p{font-size:14px;}
.bannerInnerBtn{padding:0 15px;height:30px;font-size:14px;line-height:30px;}
.bannerInnerBtn .bannerBtnArrow{margin-top:10px;}
}
@media screen and (max-width:413px){.bannerInnerH2{margin-top:50px!important;font-size:24px;line-height:1.25em;text-align: center;}
}
@media screen and (max-width:400px){.bannerInnerH2{margin-top:50px!important;font-size:24px;line-height:1.25em;text-align: center;}
}
@media screen and (max-width:375px){.bannerInner{padding:0 40px;}
.bannerInnerH2{margin-top:200px!important;font-size:24px;line-height:1.25em;text-align: center;}
.bannerInnerText p{font-size:13px;}
}
@media screen and (max-width:350px){.bannerInner{padding:0 30px;}
.bannerInnerH2{font-size:24px;text-align: center;}
.bannerInnerText p{font-size:12px;}
.bannerInnerBtn{padding:0 15px;height:25px;font-size:12px;line-height:25px;}
}
@media screen and (max-width:320px){.bannerInner{padding:0 30px;}
.bannerInnerH2{font-size:24px;text-align: center;}
.bannerInnerText p{font-size:12px;}
.bannerInnerBtn{padding:0 15px;height:25px;font-size:12px;line-height:25px;}
.bannerInnerBtn .bannerBtnArrow{margin-top:7px;}
}
@media screen and (max-width:768px){.bannerInnerBtnPc{display:none;}
.bannerInnerBtnMbl{display:block;}
.bannerInnerText{padding-left:12px;width:100%;}
.bannerInnerH2{margin:30px 0 0px;}
.bannerInnerText p{letter-spacing:0;font-size:14px;}
}
@media(max-width:770px){.bannerInnerH2.df-txt{margin:30px 0 0px;width:100%;text-align:center;}
}
.bannerInnerText.f-right{float:left;margin:0 auto;padding-left:0;border:none;}
.bannerInnerText.f-right>a{float:right;}
.bannerInnerText.f-right>a>.bannerInnerBtn{padding:0 23px;}