/* 初始化代码引用 */
@import url('../base.css');
body{
    text-align: center;
}
.box{width: 1200px;margin: 0 auto;}

/* 轮播的样式 */
#banner{width:100%; margin: 0 auto;position: relative;}
#banner .dots{ position: absolute; left: 0; right: 0; bottom: 20px;}
#banner .dots li{ display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 10px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;margin: 0 7px;}
#banner .dots li.active{background: #fff; opacity: 1;}
#banner ul li{float: left;}
#banner ul li:first-child{background: url("../../img/index/banner/banner1.png") repeat;}
#banner ul li:nth-child(2){background: url("../../img/index/banner/banner2.png") repeat;}
#banner ul li:nth-child(3){background: url("../../img/index/banner/banner3.png") repeat;}
#banner ul li:nth-child(4){background: url("../../img/index/banner/banner4.png") repeat;}
#banner ul li:nth-child(5){background: url("../../img/index/banner/banner5.png") repeat;}

.mainTop{width: 1200px;min-height: 130px;margin: 60px auto 0;}
.mainTop .types{display: flex; overflow: hidden;justify-content: space-around;margin: 40px auto;}
.mainTop .types li{width:33%;height: 130px;}
.mainTop .types li a{display: inline-block;text-decoration: none;width: 150px;text-align: center;}
.mainTop .types li span{display: block;width: 80px;height: 80px;margin: auto;}
.mainTop .types li b{display: block;width: 30px;height: 2px;background: #999;margin: 12px auto 12px;visibility: hidden;}
.mainTop .types li strong{width: 100px;height: 22px;line-height: 22px;font-size: 18px;color: #999999;}
.mainTop .types li:first-child span{background: url("../../img/index/h1.png") no-repeat;background-size: 100% 100%;}
.mainTop .types li:nth-child(2) span{background: url("../../img/index/h2.png") no-repeat;background-size: 100% 100%;}
.mainTop .types li:nth-child(3) span{background: url("../../img/index/h3.png") no-repeat;background-size: 100% 100%;}
.mainTop .types li:nth-child(4) span{background: url("../../img/index/h4.png") no-repeat;background-size: 100% 100%;}

.moduleLsBox{background-color:rgb(246,246,246,0);}
.moduleLsBox .moduleLs{margin-right: -10px;}
.moduleLsBox .moduleLs h1.myh1 {height: 40px;line-height: 40px;padding: 0 0 0 10px;font-weight: 700;position: relative;font-size: 16px;color: #333;margin-bottom: 10px;}
.moduleLsBox .moduleLs h1.myh1 span.x {display: inline-block;width: 100%;height: 2px;background: url("../../img/index/x.jpg") no-repeat;background-size: 100% 100%;position: absolute;bottom: 0;left: 0;}
.moduleLsBox .moduleLs .everLs{position: relative;background-color: #fff;margin: 0 10px 10px 0;text-align: left;display: inline-block;width: 30%;overflow: hidden; cursor: pointer;height: 400px;}
.moduleLsBox .moduleLs .everLs img{width: 100%;height: 65%;}
.moduleLsBox .moduleLs .everLs p{height: 24px;line-height: 24px;font-size: 14px;width: 40%;display: inline-block;float: left;margin-left: 10px;}
.moduleLsBox .moduleLs .everLs a.more{height: 24px;line-height: 24px;font-size: 14px;float: right;color: #333;font-weight: 700;position: absolute;right: 10px;bottom: 10px;}


/* 全球移动课堂 */
.allPro{width: 100%;height: 1100px;margin: 0 auto;text-align: center;background: url("../../img/index/allPro/starBg.jpg?v=1.0.0") no-repeat center top;border:1px solid transparent;box-sizing: border-box;}
.allPro>h4{margin: 40px auto 30px;height: 24px;line-height: 24px;font-size: 20px;color:#fff;}
.allPro .allProCont{width: 900px;height: 900px;margin: 0 auto;}
.allPro .allProCont div{float: left;}
.allPro .allProCont div a{display: inline-block;width: 300px;height: 300px;text-decoration: none;text-align: center;}
.allPro .allProCont div a span{display: inline-block;margin: 50px 0 20px 0;}
.allPro .allProCont div a b{display: block;width: 25px;height: 1px;background: #fff;margin: 0 auto;}
.allPro .allProCont div a h4{height: 24px;line-height: 24px;font-size: 18px;color: #fff;font-weight: bold;margin: 110px auto 10px;}
.allPro .allProCont div a p{height: 20px;line-height: 20px;font-size: 14px;text-align: center;color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;height: 40px;padding: 0 20px;}
.allPro .bgIcon1{background: url("../../img/index/allPro/1.png") no-repeat center center;}
.allPro .bgIcon1:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon2{background: url("../../img/index/allPro/2.png") no-repeat center center;}
.allPro .bgIcon2:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon3{background: url("../../img/index/allPro/3.png") no-repeat center center;}
.allPro .bgIcon3:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon4{background: url("../../img/index/allPro/4.png") no-repeat center center;}
.allPro .bgIcon4:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon5{background: url("../../img/index/allPro/5.png") no-repeat center center;}
.allPro .bgIcon5:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon6{background: url("../../img/index/allPro/6.png") no-repeat center center;}
.allPro .bgIcon6:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon7{background: url("../../img/index/allPro/7.png") no-repeat center center;}
.allPro .bgIcon7:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon8{background: url("../../img/index/allPro/8.png") no-repeat center center;}
.allPro .bgIcon8:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon9{background: url("../../img/index/allPro/9.png") no-repeat center center;}
.allPro .bgIcon9:hover{background: rgba(255,255,255,.1);}
.allPro .bgIcon1 span{width: 80px;height: 64px;background: url("../../img/index/qizi/1.png") no-repeat center center;}
.allPro .bgIcon2 span{width: 80px;height: 64px;background: url("../../img/index/qizi/2.png") no-repeat center center;}
.allPro .bgIcon3 span{width: 80px;height: 64px;background: url("../../img/index/qizi/3.png") no-repeat center center;}
.allPro .bgIcon4 span{width: 80px;height: 64px;background: url("../../img/index/qizi/4.png") no-repeat center center;}
.allPro .bgIcon5 span{width: 80px;height: 64px;background: url("../../img/index/qizi/5.png") no-repeat center center;}
.allPro .bgIcon6 span{width: 80px;height: 64px;background: url("../../img/index/qizi/6.png") no-repeat center center;}
.allPro .bgIcon7 span{width: 80px;height: 64px;background: url("../../img/index/qizi/7.png") no-repeat center center;}
.allPro .bgIcon8 span{width: 80px;height: 64px;background: url("../../img/index/qizi/8.png") no-repeat center center;}
.allProCont .bgIcon p{color: #666}
.allProCont .bgIcon h4{color: #666}

/* 学院活动 */
.activityCase{ width: 1200px;height: 172px;margin: 40px auto 50px;background: url("../../img/index/bg2.jpg") no-repeat;border-radius:5px;}
.activityCase .left{width: 300px; float: left;text-align: center;padding-top:20px;}
.activityCase .left h2{ height: 125px; line-height: 125px;text-align: center; font-size:36px; font-weight: bold; color:#fff;}
.activityCase .left span{width: 60px;height:0px;display:inline-block; overflow: hidden;border-top:2px solid #fff;margin-bottom:15px;}
.activityCase .proContent { float: left;padding-left:42px;}
.activityCase .proContent div{float: left;margin-top: 30px;margin-right: 50px;}
.activityCase .proContent div a{text-align: left;width:160px;height:60px;transition: .5s; float: left;background:#fff; border-radius:10px;text-decoration: none;padding:15px;box-sizing:content-box;}
.activityCase .proContent div a:hover{box-shadow:0px 0px 20px #fff;margin-top:-10px;background:rgba(255,255,255,.90);}
.activityCase .proContent div h4{text-align: center;height: 40px;line-height: 30px;font-size: 24px;color:#e1b456;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.activityCase .proContent div span{overflow: hidden;display:inline-block; width: 75px; height: 2px; background-color: #c9c9c9;margin-bottom:5px;}
.activityCase .proContent div p{float: right;line-height: 38px;font-size: 14px;color:#999; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 54px;}


/* 悬浮吉祥物 */
.suspension{}
.suspension .suspension_pic{position: fixed;width: 80px;height: 150px;background: url("../../img/index/suspension.png") no-repeat center center;bottom: 50px;right: 50px;cursor: pointer;}
.suspension .suspension_code {display: none;z-index: 999;width: 120px;height: 120px;bottom: 60px;right: 135px;position: fixed;padding: 5px;background: url("../../img/index/wx_code.png") no-repeat center center;position-size:100% 100%;border: 1px solid rgb(196,22,24);border-radius: 4px;}
.suspension:hover .suspension_code{display: block;}