/* banner-bg */
.banner-bg{width: 100%;display: block;overflow: hidden;position: relative;height: 400px;}
.banner-bg ul{width: 100%;height: 400px;position: relative;top: 0; left: 0;display: flex;}
.banner-bg ul li{height: 400px;float: left;position: absolute;top: 0;left: 0;width: 100%;transition: all .2s;}
.banner-bg ul li:nth-child(1){background: url(../himg/img/bannerbg.jpg) no-repeat center;background-size: 1920px 400px;z-index: 1;}
.banner-bg ul li:nth-child(2){background: url(../himg/img/bannerbg-2.jpg) no-repeat center;background-size: 1920px 400px;z-index: 2;}
.banner-bg ul li:nth-child(3){background: url(../himg/img/bannerbg-3.jpg) no-repeat center;background-size: 1920px 400px;z-index: 3;}
.zindex{z-index: 7 !important;}
.banner-bg span{cursor: pointer; width: 40px;height: 40px;border: 4px solid transparent;
 background-color: transparent;transform: rotateZ(45deg);z-index: 9999;position: absolute;top: 180px;
 opacity: 0;display: block;transition: all 1s;}
.banner-bg .banner-l{border-left: 4px solid #000000;border-bottom: 4px solid #000000;left: 5%;}
.banner-bg .banner-r{border-right: 4px solid #000000;border-top: 4px solid #000000;right: 5%;}
.banner-bg:hover .banner-l,.banner-bg:hover .banner-r{opacity: 1;}
.banner-bg ul li a{display: block;width: 100%;height: 400px;color: transparent;}
/* 课程列表-机构推荐 */
.kc-jgtj-box{padding: 30px 0;background-color: #f5f5f5;}
.kc-jgtj-l{background: url(../himg/img/floor_1.jpg) no-repeat;background-size: 216px 440px;height: 405px;display: flex;justify-content: center;align-items: center;}
.kc-jgtj-l ul{width: 216px;display: flex;flex-wrap: wrap;margin-top: 115px;justify-content: space-around;}
.kc-jgtj-l ul li{width: 30%;border-bottom: 1px solid transparent;margin: 0 15px;}
.kc-jgtj-l ul li:hover{border-bottom: 1px solid #fff;}
.kc-jgtj-l ul li a{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #fff;}
.kc-jgtj-r{width: 960px;height: 412px;}
.wrap h2{text-align: left;height: 27px;line-height: 27px;}
.kc-jgtj-box .tetle{text-align: center;}
.kc-jgtj-box .tetle h2{height: 50px;line-height: 50px; display: inline-block;padding: 0 15px;letter-spacing: 5px; font-size: 24px;position: relative;background-color: #f5f5f5;z-index: 3;}
.kc-jgtj-box .tetle{position: relative;}
.kc-jgtj-box .tetle span{display: block;width: 300px;height: 1px;background-color: #999;position: absolute;top: 25px;left: calc(50% - 150px);z-index: 2;}
.kc-jgtj-r ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;height: 412px;}
.kc-jgtj-r ul li{width: 23%;height: 180px;background-color: #fff;cursor: pointer;margin-top: 15px;transition: all 0.5s;}
.kc-jgtj-r ul li div.img{width: 100%;height: 144px;}
.kc-jgtj-r ul li div.img img{width: 100%;height: 100%;}
.kc-jgtj-r ul li div.jgname{text-align: center;font-size: 16px;color: #282828;}
.kc-jgtj-r ul li:hover div.jgname{color: #0072be;}
.kc-jgtj-r ul li:hover {transform: translate3d(0px, -8px, 0px);box-shadow: 0 3px 10px rgb(222, 222, 222);}
/* 资讯信息 */
.information-box{padding: 30px 0;}
.information-l{width: 546px;height: 402px;overflow: hidden;position: relative;}
.information-l ul{width: 410%;position: absolute;left: 0;}
.information-l ul li{float: left;}
.information-l img{width: 546px;height: 402px;}
.information-r{width: 634px;height: 402px;display: flex;flex-direction: column;justify-content: space-between;}
.information-r ul{width: 100%;height: 200px; display: flex;flex-wrap: wrap;justify-content: space-between;}
.information-r ul li{width: 46%;margin: 5px 0;height: 30px;padding-left: 15px;position: relative;border-bottom: 1px dashed #e2e2e2;}
.information-r ul li span{float: right;}
.information-r ul li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 80%;}
.information-zt{height: 130px;width: 100%;margin: 15px 0;}
.information-zt a{display: flex;width: 100%;height: 100%;justify-content: space-between;}
.information-zt a div.img{width: 200px;height: 100%;}
.information-zt a div.img img{width: 100%;height: auto;}
.information-zt .zt-r{width: 414px;}
.information-zt .zt-r .zt-bt{font-size: 20px;font-weight: 600;}
.information-zt .zt-r .zt-jianjie{line-height: 1.8;color: #5e5d5d;}
.information-r ul li::before{content: "";display: block;width: 3px;height: 3px;background-color: #0072be;border-radius: 50%;position: absolute;top: 13px;left: 5px;}
/* 学校动态 */
.wzhj-box{padding: 30px 0;background-color: #f5f5f5;}
.dynamic{width: 560px;background-color: #fff;padding: 15px;}
.dynamic ul{width: 100%;height: 200px; display: flex;flex-wrap: wrap;justify-content: space-between;}
.dynamic ul li{width: 46%;margin: 5px 0;height: 30px;padding-left: 15px;position: relative;border-bottom: 1px dashed #e2e2e2;}
.dynamic ul li span{float: right;}
.dynamic ul li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 80%;}
.dynamic-zt{height: 130px;width: 100%;margin: 15px 0;}
.dynamic-zt a{display: flex;width: 100%;height: 100%;justify-content: space-between;}
.dynamic-zt a div.img{width: 200px;height: 100%;}
.dynamic-zt a div.img img{width: 100%;height: auto;}
.dynamic-zt .zt-r{width: 340px;}
.dynamic-zt .zt-r .zt-bt{font-size: 20px;font-weight: 600;}
.dynamic-zt .zt-r .zt-jianjie{line-height: 1.8;color: #5e5d5d;overflow: hidden;text-overflow: ellipsis;
height: 100px;}
.wzhj{display: flex;justify-content: space-between;}
.dynamic ul li::before{content: "";display: block;width: 3px;height: 3px;background-color: #0072be;border-radius: 50%;position: absolute;top: 13px;left: 5px;}
/* 友情链接 */
.main5,.zsfw-box{background-color: rgb(37, 37, 37);}
.m5_title {
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
	color: #d7d8d9;
}
.link_cont a{
    color: #9b9ea0;
	margin-right: 5px;
	border-bottom: 1px solid transparent;
}
/* 招生范围 */
.zsfw-box{border-bottom: 1px solid #4b5054;}
.zsfw-box ul{display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.zsfw-box ul li{overflow: initial; cursor: pointer;width: 28px;margin: 0 10px; height: 30px;text-align: center;line-height: 30px;
color: #9b9ea0;position: relative;}
.zsfw-box ul li::after{content: "/";display: block;color: #9b9ea0;position: absolute;top: 0;right: -12px;height: 30px;line-height: 30px;}
/* 首页追加模块 */
.xzzky{padding: 30px 0;}
.xzzky .wrap{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-direction: column;justify-content: center;}
.xzzky .xzzky-title h2{height: 50px;line-height: 50px; display: inline-block;padding: 0 15px;letter-spacing: 5px; font-size: 24px;position: relative;background-color: #ffffff;z-index: 3;}
.xzzky .xzzky-title{position: relative;text-align: center;}
.xzzky .xzzky-title span{display: block;width: 300px;height: 1px;background-color: #999;position: absolute;top: 25px;left: calc(50% - 150px);z-index: 2;}
.xzzky .xzzky-gsyy{margin: 40px 0;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;}
.xzzky .xzzky-gsyy-img{margin-right: 50px;}
.xzzky .xzzky-gsyy-right h3{font-size: 20px;color: #0072be;margin-bottom: 10px;}
.xzzky .xzzky-gsyy-right p{font-size: 16px;line-height: 26px;margin-top: 10px;}
.xzzky .xzzky-gsyy-right p span{display: inline-block;padding: 0 5px; border: 1px solid #0072be; margin-right: 10px;}
.xzzky ul{padding: 15px;overflow: initial; background-color: #f5f5f5;border-radius: 5px;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;}
.xzzky ul li{flex: 1;border-radius: 5px;overflow: initial;background-color: #fff;padding: 20px;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center; flex-direction: column;}
.xzzky ul li:nth-child(2){margin: 0 15px;}
.xzzky ul li h3{font-size: 24px;text-align: center;position: relative;}
.xzzky ul li h3 img{width: 40px; height: 40px;position: absolute; left: calc(50% - 20px); top: -5px;}
.xzzky ul li:nth-child(2) h3 img{top: 5px;}
.xzzky ul li .xzzky-zq{margin-top: 20px; display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;}
.xzzky ul li .xzzky-zq img{margin-right: 20px;}
.xzzky ul li .xzzky-zq p span{margin-right: 5px;}
.zxxke{padding: 30px 0;background-color: #f5f5f5;}
.zxxke .zxxke-title{text-align: center;position: relative;}
.zxxke .zxxke-title h2{height: 50px;line-height: 50px; display: inline-block;padding: 0 15px;letter-spacing: 5px; font-size: 24px;position: relative;background-color: #f5f5f5;z-index: 3;}
.zxxke .zxxke-title span{display: block;width: 300px;height: 1px;background-color: #999;position: absolute;top: 25px;left: calc(50% - 150px);z-index: 2;}
.zxxke ul{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.zxxke ul li{width: 23%;transition: all 0.5s;cursor: pointer; margin-top: 30px; box-sizing: border-box;padding: 30px;background-color: #fff;text-align: center;}
.zxxke ul li img{width: 50px;height: 50px;}
.zxxke ul li span{font-size: 16px; color: #0072be;margin: 15px 0;display: block;font-weight: bold;}
.zxxke ul li p{font-size: 13px;line-height: 25px;}
.zxxke ul li:hover{transform: translate3d(0px, -8px, 0px);box-shadow: 0 3px 10px rgb(222, 222, 222);}

@media screen and (max-width:767px) {
.banner-bg{width: 100%;display: block;overflow: hidden;position: relative;height: 240px;}
.banner-bg ul{width: 100%;height: 240px;position: relative;top: 0; left: 0;display: flex;}
.banner-bg ul li{height: 240px;float: left;position: absolute;top: 0;left: 0;width: 100%;transition: all .2s;}
.banner-bg ul li:nth-child(1){background: url(../himg/img/bannerbg.jpg) no-repeat center;background-size: 767px 240px;z-index: 1;}
.banner-bg ul li:nth-child(2){background: url(../himg/img/bannerbg-2.jpg) no-repeat center;background-size: 767px 240px;z-index: 2;}
.banner-bg ul li:nth-child(3){background: url(../himg/img/bannerbg-3.jpg) no-repeat center;background-size: 767px 240px;z-index: 3;}
.banner-bg span{display: none;}
.banner-bg ul li a{display: block;width: 100%;height: 240px;color: transparent;}
.kc-jgtj-l{display: none;}
.kc-jgtj-box{background-color: #fff;padding-bottom: 0;}
.kc-jgtj-r{width: calc(100% - 30px);padding: 0 15px;height: auto;}
.kc-jgtj-r ul{height: auto;}
.kc-jgtj-r ul li{width: 48%;height: auto;display: flex;flex-direction: column;}
.kc-jgtj-r ul li div.img{flex: 1;height: auto;}
.kc-jgtj-r ul li div.img img{width: 100%;height: 100%;}
.kc-jgtj-r ul li:nth-child(n+5){display: none;}
.information-l{display: none;}
.information-r{width: calc(100% - 30px);padding: 0 15px;height: auto;}
.information-zt{height: auto;}
.information-zt a{display: block;}
.information-zt a div.img{width: 45%;height: fit-content;margin-right: 10px;float: left;}
.information-zt a div.img img{vertical-align: top;}
.information-zt .zt-r{width: auto;}
.information-r ul{height: auto;}
.information-r ul li{width: 100%;}
.information-box{padding-bottom: 0;}
.wzhj-box{background-color: #fff;padding-top: 0;}
.wzhj{flex-wrap: wrap;}
.dynamic{width: calc(100% - 30px);padding: 0 15px;height: auto;}
.dynamic-zt{height: auto;}
.dynamic a{display: block;}
.dynamic a div.img{width: 45%;height: fit-content;margin-right: 10px;float: left;}
.dynamic a div.img img{vertical-align: top;max-width: 245px;max-height: 152px;}
.dynamic .zt-r{width: auto;}
.dynamic ul{height: auto;}
.dynamic ul li{width: 100%;}
.dynamic h2{margin: 20px 0;}
.zsfw-box{display: none;}
.wapzsfw,.zsfw-box ul{width: calc(100% - 30px);padding: 0 15px;}
.dynamic-zt .zt-r .zt-jianjie{height: auto;overflow: initial;}
/* 首页追加模块 */
.xzzky{padding-bottom: 0;}
.xzzky .xzzky-gsyy-img{display: none;}
.xzzky ul{flex-direction: column;}
.xzzky ul li:nth-child(2){margin: 15px 0;}
.zxxke{padding: 0 0 15px;}
.zxxke ul{padding: 0 15px;}
.zxxke ul li{width: 48%;padding: 20px 10px 10px;margin-top: 10px;}
.zxxke ul li span{margin: 0;}
}