.slide-main { height: 580px; position: relative; }
.prev, .next { display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 267px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev { left: 70px; }
.next { right: 70px; }
.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 550px; left: 0; text-align: center; }
.item a { display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }
.item a.cur { background: #fff; }
.slide-box, .slide { display: block; width: 100%; height: 580px; overflow: hidden; }
.slide-box { position: relative; }
.slide { display: none; height: 580px; background: #FFF; position: relative; position: absolute; z-index: 8; }
#bgstylea { background: #FFF; }
#bgstyleb { background: #FFF; }
#bgstylec { background: #FFF url("../images/2017bg.jpg") no-repeat center top; }
#bgstyled { background: #FFF url(../images/qp-bg.jpg) no-repeat center top; }
#newLbQp { background: #d01933; }
.newlbqp-max-img, .newlbqp-back-img, .newlbqp-btn { position: absolute; z-index: 11; left: 50%; cursor: pointer; }
.newlbqp-max-img { display: none; width: 668px; height: 356px; z-index: 13; top: 112px; margin-left: -334px; }
.newlbqp-back-img { display: none; width: 583px; height: 114px; top: 333px; margin-left: -292px; }
.newlbqp-max-img img, .newlbqp-back-img img { width: 100%; vertical-align: top; }
.newlbqp-btn { display: block; width: 160px; height: 43px; line-height: 43px; margin-left: -80px; top: 490px; background: url(../images/2015-lb-qp-btn.png) no-repeat left top; cursor: pointer; font-size: 20px; color: #fff; text-align: center; }
.newlbqp-btn:hover { opacity: .8; filter: alpha(opacity=80); }
.banAnimate .newlbqp-max-img { display: block; animation-name: campus; -webkit-animation: campus 0.4s linear 0s normal none; -moz-animation: campus 0.4s linear 0s normal none; animation: campus 0.4s linear 0s normal none; }
@-webkit-keyframes campus { from {
opacity:0;
-webkit-transform:scale(0, 0);
}
to { opacity: 1; -webkit-transform: scale(1, 1); }
}
@-moz-keyframes campus { from {
opacity:0;
-moz-transform:scale(0, 0);
}
to { opacity: 1; -moz-transform: scale(1, 1); }
}
@keyframes campus { from {
opacity:0;
transform:scale(0, 0);
}
to { opacity: 1; transform: scale(1, 1); }
}
.banAnimate .newlbqp-back-img { display: block; animation-name: campusa; -webkit-animation: campusa 0.6s linear 0s normal none; -moz-animation: campusa 0.6s linear 0s normal none; animation: campusa 0.6s linear 0s normal none; }
@-webkit-keyframes campusa { from {
opacity:0;
-webkit-transform:scale(0, 0);
}
to { opacity: 1; -webkit-transform: scale(1, 1); }
}
@-moz-keyframes campusa { from {
opacity:0;
-moz-transform:scale(0, 0);
}
to { opacity: 1; -moz-transform: scale(1, 1); }
}
@keyframes campusa { from {
opacity:0;
transform:scale(0, 0);
}
to { opacity: 1; transform: scale(1, 1); }
}
.bus-bgimg { display: block; width: 100%; height: 580px; position: absolute; top: 0; left: 0; background: url(../images/lbbus-bgimg.png) no-repeat center top; }
#bgbus { background: #ffc600 url(../images/lbbus-bgimg-footer.png) repeat-x left bottom; }
.slide a { border: none; outline: none; }
.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f, .obj-j, .obj-k, .obj-jia, .obj-k, .obj-bus, .obj-busbao, .obj-2017 { position: absolute; z-index: 9; left: 50%; }
.obj-a, .obj-b, .obj-2017 { width: 952px; margin-left: -476px; text-align: center; }
.obj-a { display: block; height: 352px; top: 40px; }
.obj-b { top: 390px; height: 100px; }
.obj-2017 { top: 200px; }
.obj-c { display: block; height: 580px; top: 60px; margin-left: -680px; }
.obj-d { top: 228px; height: 124px; }
.obj-d p { display: block; padding-top: 20px; font-size: 16px; color: #fff; clear: both; }
.obj-e { width: 288px; height: 204px; margin-left: -460px; top: 293px; z-index: 12; }
.obj-f { width: 960px; height: 550px; bottom: 0; margin-left: -400px; }
.obj-j { width: 596px; height: 321px; margin-left: -500px; top: 140px; }
.obj-k { width: 239px; height: 275px; margin-left: 140px; top: 180px; }
.obj-bus { width: 504px; height: 309px; margin-left: -550px; top: 210px; }
.obj-jia { width: 548px; height: 343px; margin-left: -20px; top: 128px; }
.obj-busbao { width: 112px; height: 137px; margin-left: -350px; bottom: 40px; }
.banAnimate .obj-a { display: block; animation-name: baoAni; -webkit-animation: baoAni 0.4s linear 0s normal none; -moz-animation: baoAni 0.4s linear 0s normal none; animation: baoAni 0.4s linear 0s normal none; }
@-webkit-keyframes baoAni { from {
opacity:0;
left:60%;
}
to { opacity: 1; left: 50%; }
}
@-moz-keyframes baoAni { from {
opacity:0;
left:60%;
}
to { opacity: 1; left: 50%; }
}
@keyframes baoAni { from {
opacity:0;
left:60%;
}
to { opacity: 1; left: 50%; }
}
.banAnimate .obj-2017 { display: block; animation-name: saAni; -webkit-animation: saAni 0.4s linear 0s normal none; -moz-animation: saAni 0.4s linear 0s normal none; animation: saAni 0.4s linear 0s normal none; }
.banAnimate .obj-b, .banAnimate .obj-busbao { display: block; animation-name: saAni; -webkit-animation: saAni 0.4s linear 0s normal none; -moz-animation: saAni 0.4s linear 0s normal none; animation: saAni 0.4s linear 0s normal none; }
@-webkit-keyframes saAni { from {
opacity:0;
-webkit-transform:scale(0, 0);
}
to { opacity: 1; -webkit-transform: scale(1, 1); }
}
@-moz-keyframes saAni { from {
opacity:0;
-moz-transform:scale(0, 0);
}
to { opacity: 1; -moz-transform: scale(1, 1); }
}
@keyframes saAni { from {
opacity:0;
transform:scale(0, 0);
}
to { opacity: 1; transform: scale(1, 1); }
}
.watch-code.code-show { display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }
@-webkit-keyframes scode { from {
opacity:0;
-webkit-transform:scale(1, 0);
transform-origin:left bottom;
}
to { opacity: 1; -webkit-transform: scale(1, 1); transform-origin: left bottom; }
}
@-moz-keyframes scode { from {
opacity:0;
-moz-transform:scale(1, 0);
transform-origin:left bottom;
}
to { opacity: 1; -moz-transform: scale(1, 1); transform-origin: bottom bottom; }
}
@keyframes scode { from {
opacity:0;
transform:scale(1, 0);
transform-origin:left bottom;
}
to { opacity: 1; transform: scale(1, 1); transform-origin: left bottom; }
}
.banAnimate .obj-c, .banAnimate .obj-e, .banAnimate .obj-j { display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s linear 0s normal none; }
@-webkit-keyframes saAnic { from {
opacity:0;
left:47%;
}
to { opacity: 1; left: 50%; }
}
@-moz-keyframes saAnic { from {
opacity:0;
left:47%;
}
to { opacity: 1; left: 50%; }
}
@keyframes saAnic { from {
opacity:0;
left:47%;
}
to { opacity: 1; left: 50%; }
}
.banAnimate .obj-bus { animation-name: busAnia; -webkit-animation: busAnia 0.5s linear 0s normal none; -moz-animation: busAnia 0.5s linear 0s normal none; animation: busAnia 0.5s linear 0s normal none; }
@-webkit-keyframes busAnia { from {
left:45%;
top:190px;
-webkit-transform:scale(0.4, 0.4);
}
to { left: 50%; top: 210px; -webkit-transform: scale(1, 1); }
}
@-moz-keyframes busAnia { from {
left:45%;
top:190px;
-moz-transform:scale(0.4, 0.4);
}
to { left: 50%; top: 210px; ; -moz-transform: scale(1, 1); }
}
@keyframes busAnia { from {
left:45%;
top:190px;
transform:scale(0.4, 0.4);
}
to { left: 50%; top: 210px; transform: scale(1, 1); }
}
.banAnimate .obj-d, .banAnimate .obj-f, .banAnimate .obj-k, .banAnimate .obj-jia { display: block; animation-name: saAnid; -webkit-animation: saAnid 0.3s linear 0s normal none; -moz-animation: saAnid 0.3s linear 0s normal none; animation: saAnid 0.3s linear 0s normal none; }
@-webkit-keyframes saAnid { from {
opacity:0;
left:53%;
}
to { opacity: 1; left: 50%; }
}
@-moz-keyframes saAnid { from {
opacity:0;
left:53%;
}
to { opacity: 1; left: 50%; }
}
@keyframes saAnid { from {
opacity:0;
left:53%;
}
to { opacity: 1; left: 50%; }
}
@media(max-width:760px) {
.prev, .next, .watch {
 display: none;
}
.slide-main, .slide-box, .slide, .bus-bgimg {
 height: 280px;
}
.item {
 top: 254px;
}
.obj-a, .obj-b, .obj-2017 {
 width: 80%;
 height: 150px;
 top: 30px;
 margin-left: -40%;
}
.obj-b {
 height: 50px;
 top: 190px;
}
.obj-2017 {
 top: 100px;
}
#bgstylec {
 background: url("../images/2017bg.jpg") #FE5D40 center top;
 background-size: auto 100%;
 background-repeat: no-repeat center top;
}
.obj-a img, .obj-b img, .obj-d img, .obj-e img, .obj-j img, .obj-k img, .obj-bus img, .obj-jia img, .obj-busbao {
 height: 100%;
}
.obj-c {
 top: 0;
 height: 240px;
 line-height: 280px;
 margin-left: -290px;
}
.obj-c img {
 height: 90%;
 vertical-align: bottom;
}
.obj-d {
 height: 60px;
 top: 140px;
 margin-left: -30px;
}
.obj-e {
 height: 100px;
 top: 154px;
 margin-left: -200px;
 text-align: center;
}
.obj-j {
 width: 80%;
 height: 90px;
 top: 100px;
 margin-left: -44%;
}
.obj-k {
 height: 100px;
 margin-left: 40px;
 top: 100px;
}
.obj-f {
width: 100%%;
 height: 200px;
 text-align: center;
 top: 47px;
 left: 0;
 margin-left: 0;
 text-align: left;
}
.obj-f img {
 width: 80%;
}
.obj-bus {
 width: 100%;
 height: 89px;
 margin-left: -46%;
 top: 150px;
}
.obj-jia {
 width: 50%;
 height: 110px;
 margin-left: -3%;
 top: 118px;
}
.obj-busbao {
 width: 56px;
 height: 69px;
 margin-left: -350px;
 bottom: 30px;
}
.banAnimate .obj-f {
 display: block;
 animation-name: saAnif;
 -webkit-animation: saAnif 0.3s linear 0s normal none;
 -moz-animation: saAnif 0.3s linear 0s normal none;
 animation: saAnif 0.3s linear 0s normal none;
}
 @-webkit-keyframes saAnif {
from {
opacity: 0;
left: 20%;
}
to {
 opacity: 1;
 left: 0px;
}
}
 @-moz-keyframes saAnif {
from {
opacity: 0;
left: 20%;
}
to {
 opacity: 1;
 left: 0px;
}
}
 @keyframes saAnif {
from {
opacity: 0;
left: 20%;
}
to {
 opacity: 1;
 left: 0px;
}
}
.banAnimate .obj-bus {
 animation-name: busAnia;
 -webkit-animation: busAnia 0.5s linear 0s normal none;
 -moz-animation: busAnia 0.5s linear 0s normal none;
 animation: busAnia 0.5s linear 0s normal none;
}
 @-webkit-keyframes busAnia {
from {
left: 25%;
top: 140px;
-webkit-transform:scale(0.4, 0.4);
}
to {
 left: 50%;
 top: 150px;
 -webkit-transform: scale(1, 1);
}
}
 @-moz-keyframes busAnia {
from {
left: 25%;
top: 140px;
-moz-transform:scale(0.4, 0.4);
}
to {
 left: 50%;
 top: 150px;;
 -moz-transform: scale(1, 1);
}
}
 @keyframes busAnia {
from {
left: 25%;
top: 140px;
transform:scale(0.4, 0.4);
}
to {
 left: 50%;
 top: 150px;
 transform: scale(1, 1);
}
}
}