.jssorb01 {position: absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);right:auto!important;width:auto!important;}
.jssorb01 div{width: 8px;height:2px;overflow: hidden; cursor: pointer; display:inline-block; margin:0 3px;background:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;vertical-align:middle;position:static!important; }
.jssorb01 .av {width:20px;}
 .caption{max-width:29%;top:0%;left:50%;margin-top:9%;margin-left:-600px;position:absolute;}
 .jssorb01 .dn, .jssorb01 .dn:hover {background-color: #ce2828; }
.jssora05l, .jssora05r {display: block;position: absolute;width:20px;height:40px;z-index:20;cursor: pointer;top:50%!important;margin-top:-20px!important;}
.jssora05l {background: url(../img/lef.png) no-repeat center center;left:10% }
.jssora05r { background: url(../img/rig.png) no-repeat center center;right:10% }
.jssora05l:hover{ background: url(../img/lef2.png) no-repeat center center;}
.jssora05r:hover{ background: url(../img/rig2.png) no-repeat center center;}
 .about{width:412px;padding-left:2%}
 .say{font-size:18px;line-height:32px;color:#505050;padding-top:10%;padding-bottom:12%} 
 .abz{font-size:18px;color:#505050;padding-bottom:3%}
 .video{padding-bottom:56%;background:#333;position:relative}
  .video video{position:absolute;left:0;width:100%;;height:100%;top:0}
 .pro{font-size:0;letter-spacing:-5px;white-space:nowrap}
 .pro li{width:12%;display:inline-block;margin-left:0.5%;vertical-align:top;position:relative;padding-bottom:650px;-webkit-transition:all 0.5s linear ease;transition:all 0.5s linear ease;overflow:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
 .pro li:first-child{margin-left:0}
 .pro li.ac{width:62.5%}
  .pro li:after{width:100%;height:10px;content:"";background:#f7f7f7;position:absolute;left:0;bottom:0;z-index:20;-webkit-transition:all 0.5s linear ease;transition:all 0.5s linear ease;}
  .pro li.ac:after{background:#324945}
  .pro li .vr{font-size:26px;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.5);bottom:40px;padding-left:5%;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;z-index:20;letter-spacing:normal;}
#skill{width:1140px;margin:0 auto}
#skill  .owl-prev{left:-20px;}
#skill  .owl-next{right:-20px;}
.bimg{padding:0 40px;position:relative;}
.bimg img{width:100%;}
.word{width:20px;font-size:16px;line-height:18px;position:absolute;left:10px;top:0}
.plays{-webkit-box-lines:multiple;flex-wrap:wrap}
#play{margin-bottom:5%}
#play .owl-stage-outer{overflow:hidden;}
.play li{float:left;width:32%;margin-bottom:1%;padding-bottom:20%;position:relative;overflow:hidden;}
.play li:first-child{width:67%;padding-bottom:41%;margin-right:1%}
.name{font-size:16px;line-height:34px;color:#fff;background:#324945;padding:0 4%;position:absolute;bottom:0;right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92%}
#play .owl-dots{bottom:0;margin-bottom:-5%}
.plays{font-size:18px;margin-bottom:3%;text-align:center;}
.plays  a{margin-bottom:1%}
.plays  a.ac{color:#324945;font-weight:bold;}
.plays span{color:#aaaaaa;padding:0 2%;font-weight:200}
.team li{width:25%;padding-bottom:16.77%;position:relative;float:left;filter:grayscale(100%);-webkit-transition:all 1s ease;transition:all 1s ease;overflow:hidden;background:#324945}
.team li:hover{filter:grayscale(0)}
.team li .box:hover{-webkit-transform:none;transform:none;}
.band{text-align:center;background:#324945;text-align:center;font-size:0;letter-spacing:-5px;padding:1.5% 0}
.band li{width:25%;text-align:center;letter-spacing:normal;display:inline-block;padding:1.5% 0}
.band li a{display:block;font-size:22px;color:#fff;}
.band li a span{font-size:12px;display:block;padding-top:4px;color:#bebebe}
.band li.ac a,.band li:hover  a{color:#cabe92} 
.band li.ac a span,.band li:hover a span{color:#cabe92} 
.news{width:57%;float:left;}
.hot{width:36.2%;float:right;}
.news li{padding-left:41.8%;position:relative;}
.news li:first-child{margin-bottom:6%}
.cover{position:absolute;top:0;left:0;width:38%;height:100%;overflow:hidden;}
.cove{position:relative;overflow:hidden;margin-bottom:22px;padding-bottom:250px}
.text{line-height:25px;height:75px;overflow:hidden;color:#666666}
.text2{line-height:25px;height:50px;overflow:hidden;color:#666666}
.info h3,.hot h3{font-size:20px;line-height:1.2;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tim{font-size:14px;color:#666666;margin-bottom:15px;line-height:1.2}
.hot .tim{padding:4px 0}
.more{padding-top:12px;text-align:right}
.more a{color:#666666;line-height:26px;width:94px;border:1px solid #324945;display:inline-block;vertical-align:top;text-align:center;}
.more a:hover{background:#324945;color:#fff}
.gpss{position:relative;}
.exp{font-size:16px;color:#666666;padding-top:2.5%;text-align:center;}
.gps li{position:absolute;width:102px;height:124px;left:-51px;top:0;z-index:20;text-align:center;font-size:18px;line-height:22px;color:#333;float:left;}
.gps li h3{font-size:20px;font-family:impact;line-height:1.5;margin-top:15px}
 .dds{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/ok.png) no-repeat center center;}
.gps li:hover .dds{background:url(../img/ok2.png) no-repeat center center;color:#fff;-webkit-transform:scale(1.2)!important; transform:scale(1.2)!important; }




 @media screen and (max-width: 1400px) {
#skill{width:80%}
 }

 @media screen and (max-width: 1200px) {

 }


 @media screen and (max-width: 1000px) {

 }


 @media screen and (max-width: 800px) {
.about,#video{display:block;width:100%;text-align:center}
.say{padding:3% 0;font-size:14px;line-height:24px}
.suz{padding-bottom:5%}
.adt{font-size:16px;padding-bottom:2%}
.pro li .vr{font-size:20px}
.bimg{padding:0 2%}
.word{left:0%;margin-left:2%;width:16px;padding:4px;background:rgba(0,0,0,.5);color:#fff;z-index:300;text-align:center;font-size:14px}
.plays span{display:none}
.plays{-webkit-box-pack:center;justify-content:center}
.plays a{font-size:15px;margin:1% 2%}
.band li a{font-size:17px}
.gps{text-align:center}
.gps li{position:static;display:inline-block;float:none;margin:1%}

 }
 
 
 @media screen and (max-width: 640px) {
 #about,#video, #about.active,#video.active{-webkit-animation:none!important;animation:none!important;}
 .pro li .vr{font-size:14px;bottom:20px;white-space:normal;line-height:1.3}
 .name{font-size:12px;line-height:24px}
 .band li{width:50%}
 .band li a{font-size:15px}
 .team li{width:50%;padding-bottom:33%}
.news{float:none;width:100%;}
.hot{float:none;width:100%;}
.news li{margin-bottom:3%!important}
.info h3, .hot h3{font-size:16px}
.tim{display:none;}
.text,.text2{line-height:20px;height:60px}
.cove{padding-bottom:50%;margin-bottom:3%}
.exp{font-size:12px}
 }