@charset "UTF-8";
img{-webkit-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .2s;transition: all .2s;}



.banner{overflow: hidden;position: relative;height:100vh;}
.banner li{overflow: hidden;position: relative;}
.banner .bx-wrapper img{max-width: none;width: 100%;position: relative;}
.banner video{width: 100%;}
.banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto{bottom:auto;top:90%;padding-top: 0;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;border:0px solid #fff;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager .active a {background: #f60;}
/*banner文字*/
.banner li div.more.other{margin-left:auto;margin-right:auto;}
.banner li .p{position: absolute;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color: #fff;opacity: 0;left: -50px;right:0px;text-align: center;}
.banner li .p h3{margin-bottom: 15px;overflow: hidden;line-height: 1;}
.banner li .p h4{margin-bottom: 15px;overflow: hidden;letter-spacing:9px;line-height: 1;}
.banner li .p p{margin-bottom: 5px;min-height: 1.5em;overflow: hidden;line-height: 1;}
.banner li .p q{position: relative;top:100px;display: block;}
.banner li.li_left .p{text-align: left;top:auto;bottom:20%;-webkit-transform:translateY(0%);transform:translateY(0%);}
.banner li.li_left .p>span{display: block;position: relative;padding-bottom: 25px;margin-bottom: 30px;}
.banner li.li_left .p>span:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 95px;height:3px;background: #f60;}
.banner li.li_left div.more.other{margin-left:0;}

/*移动端banner*/
.touch_body .banner .bx-controls{position: static;}
.touch_body .banner .bx-wrapper .bx-pager,.touch_body .banner .bx-wrapper .bx-controls-auto{bottom: 10px;}
.touch_body .banner .shu{display: none;}

@media only screen and (max-width: 1366px){
  .banner li .p{padding:20px 30px 30px 90px;}
  .banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto{top:80%;}
  .banner li.li_left .p>span:after{width: 60px;}
  .banner li .p h3{left: 0;}
}
@media only screen and (max-width: 1024px){
  .banner li .p h3{font-size: 30px;line-height: 1.2;}
  .banner li .p h4{font-size: 30px;line-height: 1.2;}
  .banner li .p p{font-size: 12px;}
  .banner li .p{padding:20px 30px 30px 80px;}
  .banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto{top:90%;}
  .banner li.li_left .p>span{padding-bottom: 10px;margin-bottom: 15px;}
}
.banner_text02{display: none;}
@media only screen and (max-width: 767px){
  .banner{margin-top:70px;height:0!important;padding-bottom: 78%;}
  .banner li .p h3{font-size: 24px;margin-bottom: 5px;}
  .banner li .p h4{font-size: 24px;letter-spacing: 2px;margin-bottom: 5px;}
  .banner li .p p{font-size: 12px;margin-bottom: 5px;}
  .banner li .p{top: 52%;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 20px 20px 15px;background:transparent;}
  .touch_body .banner .bx-wrapper .bx-pager,.touch_body .banner .bx-wrapper .bx-controls-auto{bottom: 10px;top:auto;}
  .touch_body .banner .bx-wrapper .bx-pager.bx-default-pager a{margin:0 7px;}

  .banner li.li_left .p{bottom:10%;-webkit-transform:translateY(0%);transform:translateY(0%);}
  .banner li.li_left .p>span{display: block;position: relative;padding-bottom: 10px;margin-bottom: 15px;}
  .banner li.li_left .p>span:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 95px;height:3px;background: #f60;}  

  .banner li.li_left .p>span:after{width: 60px;}
  .banner li.li_left a{padding-right:15px;}
  .banner_text02{display: block;z-index: 99;}
  .banner_text02 p{margin:10px 0 20px;}
  .banner_text02 p a{color: #fff;}

  .banner li .p{left: 0;}
}
@media only screen and (max-width: 320px){
  .banner li .p h3{font-size: 18px;}
  .banner li .p h4{font-size: 18px;}
}
/*文字右边*/
.banner li.li_right img{width: 100%;}
.banner li.li_right .p{text-align: left;right:auto;left: 52.5%;top:35%;}
.banner li.li_right .p h4 q{letter-spacing:3px;}
.banner li.li_right .p p{text-indent: 60px;}
@media only screen and (max-width: 1800px){
  .banner li.li_right .p{top:35%;}
  .banner li.li_right .p h4{font-size: 52px;}
  .banner li.li_right .p p{font-size: 45px;}
}
@media only screen and (max-width: 1600px){
  .banner li.li_right .p{top:40%;}
  .banner li.li_right .p h4{font-size: 44px;}
  .banner li.li_right .p p{font-size: 38px;text-indent: 45px;}
}
@media only screen and (max-width: 1380px){
  .banner li.li_right .p{top:35%;left:45%;}
  .banner li.li_right .p h4{font-size: 40px;}
  .banner li.li_right .p p{font-size: 32px;text-indent: 45px;}
}
@media only screen and (max-width: 1320px){
  .banner li.li_right .p h4{font-size: 34px;}
  .banner li.li_right .p p{font-size: 28px;text-indent: 35px;}
}
@media only screen and (max-width: 1180px){
  .banner li.li_right .p{top:40%;}
  .banner li.li_right .p h4{font-size: 28px;}
  .banner li.li_right .p p{font-size: 24px;}
}
@media only screen and (max-width: 1000px){
  .banner li.li_right .p{top:40%;left:40%;}
  .banner li.li_right .p h4{font-size: 22px;}
  .banner li.li_right .p p{font-size: 18px;text-indent: 20px;}
}
@media only screen and (max-width: 767px){
  .banner li.li_right .p{display: none;}
}
/*文字左边*/
.banner li.li_01{display: block;z-index: 99;}
.banner li.li_01 .p{text-align: left;left:50%;right:auto;-webkit-transform:translate(-50%,-50%);transform:translateX(-50%,-50%);}
.banner li.li_01 .p p:first-child{margin-bottom: 10px;}
.banner li.li_01 p{margin:10px 0 20px;}
.banner li.li_01 p a{color: #fff;font-family: aril;display: inline-block;height: 25px;padding-left: 35px;margin-right: 40px;line-height: 25px;}
.banner li.li_01 p a:first-child{background: url(../img2/bbbbb.png) no-repeat;}
.banner li.li_01 p a:first-child+a{background: url(../img2/aaaaa.png) no-repeat;}
.banner li.li_01 h3+p{margin-top: 20px;position: relative;}
.banner li.li_01 h3+p:after{content: "";position: absolute;bottom: -20px;left: 0px;height:3px;width: 120px;background: #f60;}
@media only screen and (max-width: 1024px){
  .banner li.li_01 .p p:first-child{margin-bottom: 0px;}
  .banner li.li_01 .p{top:55%;}
  .banner li.li_01 h3+p{margin-top: 10px;}
  .banner li.li_01 p a{margin-right: 20px;padding-left: 30px;}
}
/*局部居中上调*/
.banner li.li_top .p{top: 35%;}
.banner li.li_top .p h4{letter-spacing: 2px;}
@media only screen and (max-width: 1366px){
  .banner li.li_top .p{top: 30%;}
}
@media only screen and (max-width: 1024px){
  .banner li.li_top .p{top: 35%;}
  .banner li.li_top .p p{font-size: 24px;}
}
@media only screen and (max-width: 767px){
  .banner li.li_top .p{display: none;}
}

