/* CSS Document */
.top_banner {background: url(../Images/topbanner.gif) center no-repeat;width: 100%;height: 250px;}
/*-----banner------*/
.school-main{width:1200px;margin:0 auto;overflow: hidden;}
.main-center-image{overflow: hidden;margin-top:10px;background: #ffffff;}
.main-center-image ul{width: 100%;}
.main-center-image ul li{float:left;}
.marginrt0{margin-right: 0px;}
.brand-list li{float: left;padding: 120px 22px;cursor: pointer;position: relative;}
.overplay {display: block;position: absolute;z-index: 20;background: rgba(0, 0, 0, 0.8);overflow: hidden;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.brand-list li .overplay{top: 0;left: 0;right: 0;width: 100%;height: 0;}
.brand-img{width: 255px;height: 105px;margin: 0 auto;}
.brand-name{font-size: 14px;text-align: center;margin-top: 30px;line-height: 1em;}
/*---------菜单---------*/
#menu {position: absolute;top: 40px;width: 276px;height: 580px;background: #fff;border: 1px solid #f1f1f1;z-index: 9999999;}
.menu-class {overflow: hidden;}
.menu-class h4 {padding: 0 10px;margin: 20px 0 10px 0;}
.menu-class h4 a {font-size: 15px;font-weight: bold;color: #333;}
.more {height: 15px;float: right;width: 10px;background: url(../images/schoolmore.jpg) no-repeat 0 1px;}
.menu-class p {padding: 0 10px;}
.menu-class p a {display: block;float: left;margin-right: 12px;line-height: 30px;font-size: 13px;}
#code {position: absolute;top: 36px;right: 0;display: block;width: 156px;height: 287px;z-index: 99999;}

/*--------幻灯---------*/
.swh {width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 360px;background: #000;z-index: 0;}
.switchable {margin: 0 auto;position: relative;width: 1920px;height: 360px;}
.switchable>div {width: 1920px;height: 360px;position: relative;overflow: hidden;}
.switchable .panels {margin: 0;}
.switchable .panels li {float: left;width: 1920px;height: 360px;background: #b4b4b4;}
.switchable .panels li img {width: 100%;height: 100%;}

.trigger {position: absolute;bottom: 15px;width: 106%;text-align: center;}
.trigger a {display: inline-block;height: 5px;width: 20px;background: #fff;margin: 0 5px;text-decoration: none;overflow: hidden;line-height: 200px;}
.trigger a.active {background: #22af6b;}

.prev, .next {text-decoration: none;position: absolute;top: 125px;left: 0;font-size: 36px;color: #FFF;width: 30px;height: 80px;line-height: 80px;background-color: rgba(0,0,0,.2);}
.slide-opacity-btn {overflow: hidden;z-index: 3;position: absolute;cursor: pointer;top: 40%;width: 40px;height: 70px;display: none;}
.opacity-prev {left: 50%;margin-left: -315px;}
.next {left: auto;right: 0;}
.opacity-next {right: 50%;margin-right: -440px;}
.slide-opacity-btn .bg {width: 40px;height: 70px;z-index: 1;position: absolute;top: 0;left: 0;background: #000;opacity: .2;filter: Alpha(opacity=20);}
.slide-opacity-btn .arrow {z-index: 2;position: absolute;top: 25px;left: 16px;height: 19px;width: 10px;text-indent: -999em;
background-image: url(http://p1.qhimg.com/t01091c4d6600879f01.png);background-repeat: no-repeat;}
.opacity-prev .arrow {background-position: 0 0;}
.opacity-next .arrow {background-position: -26px 0;}

/*---------最新活动--------*/
.zhuanti {margin: 10px 0 0 288px;width: 910px;height: 210px;background: #fff;border: 1px solid #f1f1f1;}
.zhuanti h4 {padding: 0;margin: 15px 10px;line-height: 14px;color: #333;}
.zhuanti li {float: left;margin-left: 10px;width: 215px;overflow: hidden;text-align: center;}
.zhuanti li a {font-size: 13px;color: #686868;display: block;}
.zhuanti li a span {display: block;margin-top: 10px;}