@charset "utf-8";


.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}

#body_layout *{box-sizing:border-box;}
#body_layout{height:870px;overflow: hidden;z-index: 0;}
#body_layout .body_wrap{width:100%;height: 100%;background:url(/images/generaledu/main/main_bg.jpg) no-repeat;background-size:cover;}

#bg_img{position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 870px;}
#bg_img > div{position: absolute;top: 0;left: 0;z-index: 0;}
#bg_img .n1{opacity:0;display:block;width:100%;height:100%;background:url(/images/op/main/main_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n2{opacity:0;display:block;width:100%;height:100%;background:url(/images/liberalarts/main/main_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n3{opacity:0;display:block;width:100%;height:100%;background:url(/images/english/main/main_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n4{opacity:0;display:block;width:100%;height:100%;background:url(/images/chinaculture/main/main_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n5{opacity:0;display:block;width:100%;height:100%;background:url(/images/chinese/main/main_bg.jpg) 50% 50% no-repeat;background-size:cover;}


#icon_wrap{position: relative; width: 100%; height: 100%;text-align: center;padding-top:55px;padding-right:-100%;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
#icon_wrap.right{padding-right:40%;}
#icon_wrap h2{display:block;font-size:31px;font-weight:700;color:#fff;}
#icon_wrap h2:before{content: "";display:block;width:58px;height:43px;background:url(/images/generaledu/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}
#icon_wrap .entit{font-size:16px;color:#fff;letter-spacing:0;margin-bottom:45px;}
#icon_wrap .iconbox{display:inline-block;width:560px;margin-right:0;}
.iconbox li{float:left;display: table;width:115px;height:115px;margin:0 0 30px 25px;}
.iconbox li:nth-child(4+n){margin-left:0;}
.iconbox li .mj_open{display:table-cell;vertical-align:middle;color:#fff;font-size:15px;}
.iconbox li .mj_open:before{content:"";display:block;height:48px;background:url(/images/generaledu/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}
.iconbox li.icon1 .mj_open:before{width:47px;background-position: -64px 0;}
.iconbox li.icon2 .mj_open:before{width:35px;background-position: -124px 0;}
.iconbox li.icon3 .mj_open:before{width:50px;background-position: -180px 0;}
.iconbox li.icon4 .mj_open:before{width:40px;background-position: -241px 0;}
.iconbox li.icon5 .mj_open:before{width:42px;background-position: -297px 0;}
.iconbox li.icon6 .mj_open:before{width:40px;background-position: -354px 0;}
.iconbox li.icon7 .mj_open:before{width:40px;background-position: -406px 0;}
.iconbox li.icon8 .mj_open:before{width:37px;background-position: 0 -56px;}
.iconbox li.icon9 .mj_open:before{width:49px;background-position: -64px -56px;}
.iconbox li.icon10 .mj_open:before{width:41px;background-position: -124px -56px;margin-bottom:5px;}
.iconbox li.icon11 .mj_open:before{width:31px;background-position: -180px -56px;margin-bottom:5px;}
.iconbox li.icon12 .mj_open:before{width:40px;background-position: -241px -59px;margin-bottom:5px;}
.iconbox li.icon13 .mj_open:before{width:34px;background-position: -300px -60px;margin-bottom:5px;}
.iconbox li.icon14 .mj_open:before{width:38px;background-position: -353px -60px;margin-bottom:5px;}
.iconbox li .mj_open:hover,
.iconbox li .mj_open:focus,
.iconbox li .mj_open.on{background:url(/images/generaledu/main/type05_gradient_bg.png) no-repeat;background-size:cover;}

.iconbox li .mj_cont{display:none;position: absolute; top: 0; right: -100%; z-index: 9; width: 50%; height: 100%; background-color: rgba(116, 116, 116, 0.9); text-align: center;}
.iconbox li .mj_cont:before{position: absolute;top: 46%;left: -17px;content:"";display:inline-block;width:17px;height:35px;background:url(/images/generaledu/main/mj_text_bg_arr.png) no-repeat;vertical-align: middle;}
.iconbox li .mj_cont .inner{position:relative;display:inline-block;width:600px;padding:115px 60px 0 60px;}
.iconbox li .mj_cont div{font-size: 20px; color: #fff; text-align: center; display: none;}
.iconbox li .mj_cont div:first-child{display: block;}
.iconbox li .mj_cont .close{position:absolute;top:0;right:0;display:inline-block;width:81px;height: 81px;background-color:#212121;padding:28px 0;}
.iconbox li .mj_cont .close span{display:inline-block;width:26px;height:26px;vertical-align:middle;background:url(/images/generaledu/main/type05_common-ir.png) -280px -236px no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;}
.iconbox li .mj_cont .mj_tit:before{content: "";display:block;height:36px;background:url(/images/generaledu/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}
.iconbox li.icon1 .mj_cont .mj_tit:before{width:36px;background-position: -64px -118px;}
.iconbox li.icon2 .mj_cont .mj_tit:before{width:27px;background-position: -124px -118px;}
.iconbox li.icon3 .mj_cont .mj_tit:before{width:39px;background-position: -180px -118px;}
.iconbox li.icon4 .mj_cont .mj_tit:before{width:31px;background-position: -241px -118px;}
.iconbox li.icon5 .mj_cont .mj_tit:before{width:33px;background-position: -297px -118px;}
.iconbox li.icon6 .mj_cont .mj_tit:before{width:31px;background-position: -354px -118px;}
.iconbox li.icon7 .mj_cont .mj_tit:before{width:30px;background-position: -406px -118px;}
.iconbox li.icon8 .mj_cont .mj_tit:before{width:28px;background-position: 0 -174px;}
.iconbox li.icon9 .mj_cont .mj_tit:before{width:37px;background-position: -64px -174px;}
.iconbox li.icon10 .mj_cont .mj_tit:before{width:32px;background-position: -124px -174px;}
.iconbox li.icon11 .mj_cont .mj_tit:before{width:24px;background-position: -180px -174px;}
.iconbox li.icon12 .mj_cont .mj_tit:before{width:30px;background-position: -241px -176px;}
.iconbox li.icon13 .mj_cont .mj_tit:before{width:27px;background-position: -300px -177px;}
.iconbox li.icon14 .mj_cont .mj_tit:before{width:30px;background-position: -354px -177px;}
.iconbox li .mj_cont .mj_tit{display:block;font-size:31px;font-weight:700;color:#fff;}
.iconbox li .mj_cont .mj_entit{display:block;font-size:16px;color:#fff;letter-spacing:0;word-break: keep-all;}
.iconbox li .mj_cont .mj_entit:after{content: "";display:block;width:38px;height:2px;background-color:#fff;margin:45px auto 45px;}
.iconbox li .mj_cont .mj_txt{font-size:16px;color:#fff;line-height:1.8;margin-bottom:35px;word-break: keep-all;}
.iconbox li .mj_cont .call{font-size: 17px;color: #fff;letter-spacing: 0;text-decoration: underline;vertical-align:middle;margin-bottom:38px;}
.iconbox li .mj_cont .call:before{content:"";display:inline-block;width:24px;height: 24px;background:url(/images/generaledu/main/type05_common-ir.png) -241px -236px no-repeat;vertical-align:middle;margin-right:10px;}
.iconbox li .mj_cont .mj_btn{display:inline-block;width:auto;}
.iconbox li .mj_cont .mj_btn a{display:inline-block;width:115px;height:115px;background-color:#fff;margin-left:10px;padding:22px 0 0 0;}
.iconbox li .mj_cont .mj_btn a:first-child{margin-left: 0;}
.iconbox li .mj_cont .mj_btn a:hover,
.iconbox li .mj_cont .mj_btn a:focus{background:url(/images/generaledu/main/type05_gradient_bg.png) no-repeat;background-size:cover;}
.iconbox li .mj_cont .mj_btn a span{display: inline-block;color:#333;font-size:15px;}
.iconbox li .mj_cont .mj_btn a:hover span,
.iconbox li .mj_cont .mj_btn a:focus span{color:#fff;}
.iconbox li .mj_cont .mj_btn a span:before{content:"";display: block;width:31px;height: 41px;background:url(/images/generaledu/main/type05_common-ir.png) 0 -237px no-repeat;vertical-align:middle;margin:0 auto 15px;}
.iconbox li .mj_cont .mj_btn a.mbtn1:hover span:before,
.iconbox li .mj_cont .mj_btn a.mbtn1:focus span:before{background-position: -63px -237px}
.iconbox li .mj_cont .mj_btn a.mbtn2 span:before{width:20px;background-position: -124px -237px}
.iconbox li .mj_cont .mj_btn a.mbtn2:hover span:before,
.iconbox li .mj_cont .mj_btn a.mbtn2:focus span:before{background-position: -180px -237px}


@media (max-width: 1279px){
	.iconbox li .mj_cont,
	.iconbox li .mj_cont .inner{width:100%;}
	.iconbox li .mj_cont:before{display:none;}
	#icon_wrap.right{padding-right:0;}
}

@media (max-width: 767px){
	#body_layout,
	#bg_img{height:1000px}
	#icon_wrap{padding-top:10px;}
	#icon_wrap .iconbox{width:280px;}
	.iconbox li{margin-bottom:0;}
	#icon_wrap h2{font-size:25px;}
	#icon_wrap .entit{font-size:15px;word-break: keep-all;margin-bottom:20px}
	.iconbox li .mj_cont .inner{padding:50px 20px 0 20px;}
	.iconbox li .mj_cont .mj_tit{font-size:25px;}
	.iconbox li .mj_cont .mj_entit{font-size:15px;}
	.iconbox li .mj_cont .mj_entit:after{margin:20px auto 20px;}
}