.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;}
.banner .bannerbtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerbtn.leftbtn{left:-100px;}
.banner .bannerbtn.rightbtn{right:-100px;}
.banner .contents{position:absolute;top:0px;left:0px;width:100%;height:100%;}

.banner .content{
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: 20;}
/*.banner .content .bg{background-size:100% 100%;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;}*/
.banner .contentinfo{position:absolute;top:50%;left:0px;width:100%;height:300px;margin-top:-150px;z-index:1;}
.banner .content .title1{padding-top: 46px;opacity:0;width:100%;font-size:44px;color:#fff;text-align:center;margin-top:0px;}
.banner .content .title2{ opacity:0;width:100%;font-size:60px;margin-bottom:20px;font-weight:100;color:#fff;text-align:center;}
.banner .content .title3{opacity:0;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}
.banner .bannernav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannernav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;}
.banner .bannerbg{width:100%;height:800px;vertical-align:middle; visibility: hidden;}

@media  (max-width: 479px) {
.banner{margin-top:0px;}
.banner .bannerbtn{height:38px;margin-top:-19px;}
.banner .bannerbtn.leftbtn{left:5px !important;}
.banner .bannerbtn.rightbtn{right:5px !important;}
.banner .contentinfo{height:100px;margin-top:-80px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannernav{bottom:10px;}
.banner .bannernav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerbg{width:100%;height:auto;}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;}
.banner .bannerbtn{height:38px;margin-top:-19px;}
.banner .bannerbtn.leftbtn{left:5px !important;}
.banner .bannerbtn.rightbtn{right:5px !important;}
.banner .contentinfo{height:100px;margin-top:-80px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannernav{bottom:10px;}
.banner .bannernav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerbg{width:100%;height:auto;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:74px;}
.banner .bannerbtn{height:74px;margin-top:-37px;}
.banner .bannerbtn.leftbtn{left:10px !important;}
.banner .bannerbtn.rightbtn{right:10px !important;}
.banner .contentinfo{height:100px;margin-top:-80px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:6px 24px 8px 24px;font-size:18px;}
.banner .bannernav{bottom:10px;}
.banner .bannernav img{width:80px;height:4px;margin:0px 3px;}
.banner .bannerbg{width:100%;height:auto;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner .contentinfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentinfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:68px;}
.banner .bannerbtn{height:90px;margin-top:-45px;}
.banner .bannerbtn.leftbtn{left:-100px;}
.banner .bannerbtn.rightbtn{right:-100px;}

.banner .contentinfo{height:180px;margin-top:-90px;}
.banner .content .title1{font-size:30px;padding-top:22px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannernav{bottom:23px;}
.banner .bannernav img{width:100px;height:3px;margin:0px 3px;}
.banner .bannerbg{width:100%;height:auto;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner .contentinfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentinfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:68px;}
.banner .bannerbtn{height:90px;margin-top:-45px;}
.banner .bannerbtn.leftbtn{left:-100px;}
.banner .bannerbtn.rightbtn{right:-100px;}

.banner .contentinfo{height:180px;margin-top:-90px;}
.banner .content .title1{font-size:30px;padding-top: 28px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannernav{bottom:23px;}
.banner .bannernav img{width:60px;height:3px;margin:0px 3px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {

.banner{margin-top:82px;}
.banner .bannerbtn{height:112px;margin-top:-56px;}
.banner .bannerbtn.leftbtn{left:-100px;}
.banner .bannerbtn.rightbtn{right:-100px;}

.banner .contentinfo{height:220px;margin-top:-110px;}
.banner .content .title1{font-size:36px;padding-top:36px;}
.banner .content .title2{ font-size:50px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}
.banner .bannernav{bottom:23px;}
.banner .bannernav img{width:80px;height:4px;margin:0px 3px;}
}