﻿/*!
 * HLWOS.com (http://www.hlwos.com)
 * Copyright 2012-2018 HLWOS, Inc.
 * Author：Lastkite, QQ：1026811
*/ 
/* slide */
.slide-cont{ height: 850px; position: absolute; top:0px; left:0; right:0; width:100%; z-index:88; }
.slide-main{ height: 850px; position: relative; width:100%; }
.prev,.next{ display: block; width: 46px; top:45%;  height: 70px; color:#fff; line-height:70px; position: absolute; z-index: 222; overflow: hidden; cursor: pointer; opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity=35); _border: 1px solid none; }
.prev{ left:10%; font-size:44px; }
.next{ right: 10%; font-size:44px; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ color:#fff; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top:800px; left: 0; text-align: center; }
.item a{ border-radius: 20px; display: inline-block; width: 13px; height: 13px; margin-right: 8px; background: #999; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.item a.cur{ background: #fff; }

.slide-box,.slide{ display: block; width: 100%; height: 850px; overflow: hidden; }
.slide-box{ position: relative; }
.slide { display: none; height: 850px; background: #ff6900; position: relative; position: absolute; z-index: 8; }
.slide a { display:block; height:850px; width:1190px; margin:0 auto; }

.slide .beijing img { width:300px; }

#bgstylea {
	background-color:#eee;
	background-image: url("../images/banner2.jpg");
	background-repeat: no-repeat center top;
	background-position: center top;
}
#bgstyleb {
	background-color:#eee;
	background-image: url("../images/banner1.jpg");
	background-repeat: no-repeat center top;
	background-position: center top;
}
#bgstylec {
	background-color:#eee;
	background-image: url("../images/banner3.jpg");
	background-repeat: no-repeat center top;
	background-position: center top;
}
#bgstyled {
	background-color:#eee;
	background-image: url("../images/banner4.jpg");
	background-repeat: no-repeat center top;
	background-position: center top;
}

/* campus 过期请删除 ------------------------------------------------------------------------------- */
#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: 850px; 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-bglogo,.obj-txt1{ position: absolute; z-index: 9; left: 50%; }
.obj-a,.obj-b,.obj-bglogo{ width: 952px; margin-left: -476px; text-align: center; }
.obj-a{ display: block; height: 352px; top: 40px; }
.obj-b{ top: 390px; height: 100px; }

.obj-banner1 { top: 310px; height: 100px; }

.obj-bglogo { top:50%; height: 100px; }
.obj-txt1 { top:50%; left:0; width:100%; height: 100px; letter-spacing: 0.8em; font-size:16px; }
.obj-txt1 p { text-align:center; }


.obj-c{ display: block; height: 850px; 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-bglogo { display: block; animation-name: saAni; -webkit-animation: saAni 0.8s linear 0s normal none; -moz-animation: saAni 0.8s linear 0s normal none; animation: saAni 0.8s linear 0s normal none; }
.banAnimate .obj-txt1 { display: block; animation-name: saAni; -webkit-animation: saAni 0.8s linear 0s normal none; -moz-animation: saAni 0.8s linear 0s normal none; animation: saAni 0.8s 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%; } }

.slide-height { height:850px; }


@media(max-width:800px){
.prev{ left:0; font-size:34px; }
.next{ right: 0; font-size:34px; text-align:right; }
#bgstylea {	background-size:auto 120%; }
#bgstyleb {	background-size:auto 120%; }
#bgstylec {	background-size:auto 120%; }
#bgstyled {	background-size:auto 120%; }
.slide-main, .slide-box, .slide, .bus-bgimg { height: 380px; }
.slide-height { height:380px; }
.slide-cont{ height: 380px; position: absolute; top:0px; left:0; right:0; width:100%; z-index:88; }

.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top:350px; left: 0; text-align: center; }
.item a{ border-radius: 10px; display: inline-block; width: 20px; height: 3px; margin-right: 8px; background: #999; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.item a.cur{ background: #fff; }
.obj-bglogo { top:50%; }
.obj-bglogo img { width:400px; }
.obj-txt1 { top:235px; left:0; width:100%; height: 100px; letter-spacing: 0.6em; font-size:15px; }
.obj-banner1 { top: 155px; height: 100px; }
.obj-banner1 img { width:100px; }
.slide .beijing img { width:200px; }
}

@media(max-width:550px){
.slide-cont{ height: 450px; position: absolute; top:0px; left:0; right:0; width:100%; z-index:88; }
.prev{ left:0; font-size:34px; }
.next{ right: 0; font-size:34px; text-align:right; }
#bgstylea {	background-size:auto 100%; }
#bgstyleb {	background-size:auto 100%; }
#bgstylec {	background-size:auto 100%; }
#bgstyled {	background-size:auto 100%; }
.slide-main, .slide-box, .slide, .bus-bgimg { height: 450px; }
.slide-height { height:450px; }

.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top:420px; left: 0; text-align: center; }
.item a{ border-radius: 10px; display: inline-block; width: 20px; height: 3px; margin-right: 8px; background: #999; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.item a.cur{ background: #fff; }
.obj-bglogo { top:50%; }
.obj-bglogo img { width:400px; }
.obj-txt1 { top:260px; left:0; width:100%; height: 100px; letter-spacing: 0.4em; font-size:14px; }
.obj-banner1 { top: 180px; height: 100px; }
.obj-banner1 img { width:100px; }
.slide .beijing img { width:200px; }
}



