.top{width: 100%;position: relative;}
#banner{min-height: 200px;width: 100%;height: 36.5vw;background: url(../images/004.jpg) no-repeat;background-size:100% 100%;position: relative;}
#banner1{min-height: 200px;width: 100%;height: 36.5vw;background: url(../images/banner-1.jpg) no-repeat;background-size:100% 100%;position: relative;}
#banner2{min-height: 200px;width: 100%;height: 36.5vw;background: url(../images/banner-2.jpg) no-repeat;background-size:100% 100%;position: relative;}
#banner3{min-height: 200px;width: 100%;height: 36.5vw;background: url(../images/banner-3.jpg) no-repeat;background-size:100% 100%;position: relative;}
#banner4{min-height: 200px;width: 100%;height: 36.5vw;background: url(../images/banner-4.jpg) no-repeat;background-size:100% 100%;position: relative;}
.menu{display: none;z-index: 20;}
.logo{position: absolute;left: 40px;top: 20px;z-index: 20;}
.logo a{display: block;width: 9vw;height:9vw;background: url(../images/logo.png) no-repeat;background-size: 100% 100%;}
.nav_wrap p{margin: 0;}
.img_pop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;background: rgba(0,0,0,.4);}
p{margin: 0;}
.nav_wrap{z-index: 20;}
@media screen and (min-width: 900px) {
	.nav_wrap{position: absolute;right: 40px;top: 40px;background: rgba(0,0,0,0);}
	.nav{clear: both;}
	.nav_item{float: left;padding: 1vw 1vw 2vw 1vw;font-size: 2vw;}
	.nav_item.active{background: url(../images/nav_bg.png) no-repeat center bottom;background-size:2.6vw;}
	.nav_item a{color: #fff;text-decoration: none;font-family: "HY";}
}
.footer{width: 100%;margin-top: 10vw;position: relative;}
.footer img{width: 100%;height: auto;display: block;}
.footer p{position: absolute;font-family: "HY";font-size: 2vw;line-height: 2.2vw;color: #31654f;}
.footer .gr_email{left: 47vw;top: 13vw;width: 15vw;}
.footer .gr_phone{left: 67vw;top: 13vw;width: 30vw;}
.footer .gr_phone a{color: #31654f;text-decoration: none;}
.footer .gr_address{left: 47vw;top: 16vw;width: 36vw;}
/* home */
#home .sub_nav{width: 100%;text-align: center;font-size: 0.18rem;padding: 15px 0;}
#home .sub_nav li{display: inline-block;padding: 0 4vw;text-align: center;}
#home .sub_nav img{width: 6vw;min-width: 36px;margin: 0 auto;}
#home #purpose{}
#home .purpose_list{padding-top: 0.6rem;}
#home .purpose_list li{padding: 10px 0;line-height: 1;font-size: 0.30rem;text-align: center;}
#home .purpose_list p{display: inline-block;padding-left: 0.50rem;}
#home .purpose_list .A{background: url(../images/tab_1.png) no-repeat left center;background-size: 0.3rem;}
#home .purpose_list .A b{color: #eba606;}
#home .purpose_list .B{background: url(../images/tab_2.png) no-repeat left center;background-size: 0.3rem;}
#home .purpose_list .B b{color: #d75e2a;}
#home .purpose_list .C{background: url(../images/tab_3.png) no-repeat left center;background-size: 0.3rem;}
#home .purpose_list .C b{color: #5c9984;}
#home .purpose_bottom{display: block;}
#home .purpose_bottom img{width: 100%;height: auto;}
#home #edu {width: 100%;background:#5c9984 url(../images/home_edu_bg.png) no-repeat;background-size:100% 100%;border: 0;}
#home .edu_img{padding: 0.4rem;}
#home .edu_img img{width: 86%;height: auto;margin:0 auto;}
#home .edu_bottom img{width: 100%;height: auto;}
#home .edu_top{text-align: center;color: #fff;}
#home .edu_tit{font-size:0.5rem ;padding:0.2rem 0 0.4rem 0;}
#home .edu_txt{font-size: 0.2rem;width: 80%;margin: 0 auto;line-height: 1.5;}
#home #course{background: #f0bf54;}
#home .course_txt{text-align: center;color: #fff;position: relative;}
#home .course_tit{font-size: 0.5rem;padding: 0.4rem 0;}
#home .course_p{font-size: 0.2rem;width: 80%;margin: 0 auto;line-height: 1.5;}
#home .course_top_bg{width: 10.4vw;height: 11vw;position: absolute;right: 16vw;top: -0.8rem;background: url(../images/home_11.png) no-repeat;background-size:100% 100%;}
#home .course_img{padding: 0.8rem 0 1rem 0;}
#home .course_img img{width: 80vw;height: auto;margin: 0 auto;}
#major{position: relative;background: #fcfbf2;}
#major>img{width: 100%;height: auto;}
.major_title{color: #d45d32;font-size: 0.5rem;text-align: center;line-height: 1.5;}
#home .major_icon{position: absolute;right: 10vw;top: -0.3rem;width: 10vw;}
#home .major_icon img{width: 100%;height: auto;}
.major_wrap{padding:1vw;}
/* green */
#green {}
.green_nav{padding: 0.3rem 0;overflow: hidden;margin:0 auto;width: 80vw;height: 20vw;position: relative;z-index: 1;display: flex;}
.green_nav li{font-size: 0.24rem;text-align: center;flex: 1;}
.green_nav img{width: 10vw;height: 10vw;display: inline-block;position: relative;z-index: 2;}
.green_nav li a{color: #8a8a8c;position: relative;display: block;}
.green_content{position: relative;top: -11vw;z-index: 0;}
.green_tit_bg img{width: 100%;height: auto;}
.green_A_txt{background: #629986;color: #fff;padding-top: 6vw;position: relative;}
.green_A_txt p{font-size: 0.2rem;padding: 0 10vw;text-indent: 0.4rem;line-height: 1.5;}
.green_A_bottom{width: 40vw;height: auto;padding: 8vw 0;margin: 0 auto;}
.green_A_bottom img{width: 100%;height: auto;}
.green_B_txt{background: #f0bf54;font-size: 0.2rem;color: #fff;line-height: 1.5;position: relative;padding-bottom: 12vw;}
.green_ba_color{color: #f96d00;}
.green_bb_color{color: #faeb00;}
.green_Ba_box{text-align: center;padding: 4vw 10vw 5vw 10vw;}
.green_Bb_box{clear: both;overflow: hidden;width: 90vw;margin: 0 auto;}
.green_Bb_left{float: left;width: 35vw;}
.green_Bb_right{float: right;width: 30vw;}
.green_Bb_box dd{padding-bottom:3vw;}
.green_B_bottom{position: absolute;bottom: 0;width: 100%;left: 0;}
.green_B_bottom img{width: 100%;height: auto;}
.green_bl_a .green_bb_txt{padding-right: 1vw;}
.green_bl_b .green_bb_txt{padding-right: 4vw;}
.green_bl_c .green_bb_txt{padding-right: 6vw;}
.green_br_a .green_bb_txt{padding-left: 1.4vw;}
.green_br_b{padding-left: 3vw;}
.green_br_c{padding-left: 4.6vw;}
.green_br_c .green_bb_txt,.green_br_b .green_bb_txt{padding-left: 1vw;}
.green_C_txt{background: #d45d32;position: relative;padding-top:5vw;font-size: 0.2rem;}
.green_C_cont{overflow: hidden;color: #fff;}
.green_C_yz{float: left;width: 40vw;padding: 0 10vw 0 5vw;}
.green_C_th{float: left;width: 40vw;}
.green_C_yz_title{font-size: 0.3rem;line-height: 2;}
.green_C_yz_info{font-size: 0.2rem;line-height: 1.2;}
.green_C_bottom{width: 70%;margin: 0 auto;padding-top: 5vw;}
.green_C_bottom img{width: 100%;height: auto;}
.green_t_one{left: 10vw;bottom: 8.8vw;}
.green_t_two{left: 27vw;bottom: 8.8vw;}
.green_t_three{left: 43vw;bottom: 4vw;}
.green_t_four{left: 59vw;bottom: 6vw;}
.green_t_five{left: 79vw;bottom: 4vw;}

/* entrance */
#entrance{position: relative;font-size: 0.18rem;line-height: 1.2;}
#entrance>img{width: 100%;height: auto;}
#entrance>div{position: absolute;}
.entrance_A{left: 68vw;top: 20vw;width: 30vw;}
.entrance_B{right: 60vw;top: 33vw;width: 40vw;text-align: right;}
.entrance_C{left: 67vw;top: 45vw;width: 30vw;}
.entrance_D{right: 57vw;top: 57vw;width: 40vw;text-align: right;}
.entrance_E{left: 53vw;top: 80vw;}
.entrance_label{font-size: 0.22rem;padding-bottom: 1vw;}
.entrance_A .entrance_label{color: #f06f81;}
.entrance_B .entrance_label{color: #45bbe1;}
.entrance_C .entrance_label{color: #b9e129;}
.entrance_D .entrance_label{color: #f8c255;}
.entrance_E .entrance_label{color: #fff;}
.entrance_txt{color: #629986;}
.entrance_O{position: absolute;left: 0;top: 1vw;width: 100%;text-align: center;color: #fff;}
.entrance_name{font-size: 4vw;line-height: 1.2;}
.entrance_name_en{font-size: 2.6vw;}
/* join */
#join{font-size: 0.2rem;position: relative;background: url(../images/join/beijing.png) no-repeat;background-size:100% 100%;}
#join>.join_bg{width: 100%;height: auto;}
.join_content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.join_title{padding-top: 8.2vw;text-align: center;font-size: 0.34rem;color: #ff7800;}
.join_nav{padding:10vw 10vw 0 12vw;overflow: hidden;height: 10vw;}
.join_nav li{float: left;font-size: 0.26rem;padding: 0 2vw;}
.join_nav a{color: #c8d4d0;display: block;}
.join_nav li.active a{color: #ffb100;}
.join_nav li.active .join_icon{display: block;}
.join_nav li .join_icon{display: none;text-align: center;padding-top: 1vw;}
.join_icon img{width: 2.4vw;height: auto;display: inline-block;}
.join_box{padding: 1vw 14vw;display: none;}
.join_box.active{display: block;}
.join_label{color: #292823;line-height: 2;font-size: 0.22rem;}
.join_a_txt{color: #f87c08;line-height: 1.2;}
.join_b_txt{color: #5c998a;line-height: 1.2;}
.join_c_txt{color: #292823;line-height: 1.2;}
.join_item{padding-bottom: 4vw;}
/* painting */

#painting .container{display: none;}
#painting .container.active{display: block;}
/* detail */
#detail{font-size: 0.2rem;position: relative;background: url(../images/join/beijing.png) no-repeat;background-size:100% 100%;min-height: 46vh;}
.detail_title{text-align: center;font-size: 0.3rem;padding: 5vw 0  3vw 0;}
.detail_content{width: 60%;margin: 0 auto;}
/* mobile */
@media screen and (max-width: 899px) {
	.logo{left: 30px;top: 15px;}
	.logo a{width: 20vw;height: 20vw;}
	.nav_wrap{position: fixed;background: rgba(0,0,0,0.6);left: 0;top: 0;height: 100vh;width: 100%;z-index: 99;display: none;}
	.nav_item{padding: 3vw 10px;font-size: 8vw;}
	.nav{padding-top: 20vw;}
	.nav_item p{padding-bottom: 8vw;display: inline-block;}
	.nav_item.active p{background: url(../images/nav_bg.png) no-repeat center bottom;background-size:10vw;}
	.nav_item a{color: #fff;text-decoration: none;font-family: "HY";}
	.menu{display: block;position: absolute;right: 30px;top:20px;}
	.menu a{width: 10vw;height: 10vw;display: block;background:#aaa url(../images/menu_icon.png) no-repeat;background-size:100% 100%;border-radius: 50%;box-shadow: 0 0 3px #fff;}
	#home .edu_img img{width: 96%;height: auto;margin:0 auto;}
	.footer p{transform: scale(0.9);line-height: 1.2;}
	.footer .gr_email{top: 13.4vw;}
	.footer .gr_phone{top: 13.4vw;left: 66vw;}
	.footer .gr_address{left:45vw;}
	.detail_title{font-size: 0.5rem;}
}