@import url(../fonts/iconfont.css);

/*  Fonts  */
@font-face {
	font-family: 'raleway-regular';
	src: url('../fonts/raleway-regular.eot');
	src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/raleway-regular.woff') format('woff'),
		url('../fonts/raleway-regular.ttf') format('truetype'),
		url('../fonts/raleway-regular.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'raleway-bold';
	src: url('../fonts/raleway-bold.eot');
	src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/raleway-bold.woff') format('woff'),
		url('../fonts/raleway-bold.ttf') format('truetype'),
		url('../fonts/raleway-bold.svg#ralewaybold') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'heliosextthinregular';
	src: url('../fonts/he_eth_-webfont.eot');
	src: url('../fonts/he_eth_-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/he_eth_-webfont.woff') format('woff'),
		url('../fonts/he_eth_-webfont.ttf') format('truetype'),
		url('../fonts/he_eth_-webfont.svg#heliosextthinregular') format('svg');
	font-weight: normal;
	font-style: normal;
}





/*  General CSS*/
body{font-family: "heliosextthinregular", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
h1{ font-size: 2em; margin: .67em 0 }
h2{ font-size: 1.5em; margin: .75em 0 }
h3{ font-size: 1.17em; margin: .83em 0 }
h5{ font-size: .83em; margin: 1.5em 0 }
h6{ font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,h5, h6{font-family: "raleway-regular", arial;letter-spacing: 1px;color: #4b4848; font-weight: bolder }




header{flex-direction:column; position: fixed;top: 0;right: 0;width: 15%; min-height: 100%;z-index: 99;background: #fff;
/*background: -moz-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, rgba(236, 22, 87, 0.7)));
background: -webkit-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);
background: -o-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);
background: -ms-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);
background: linear-gradient(to bottom, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);
background-size: 150% 150%;*/

}

.header_logo{position: absolute;height: 26%;left: 0;top: 0;width: 100%; text-align: center;font-size: 0;}
.header_logo .logo_minisize{display: none;}
.header_logo:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.header_logo a{display: inline-block;width: 100%;vertical-align: middle;}
.header_logo img{max-width: 200px;width: 80%;}

.header_logo #menu_icon{float: right;margin-right: 40px;width: 40px;height: 40px;cursor: pointer;background: url('../img/men_icons.png') no-repeat;}
.header_logo #menu_icon{background-position: 0 0;}
.header_logo #menu_icon.close_menu{background-position: -41px 0!important;}

.header_nav{position: absolute;top: 30%;bottom: 70px;left: 0;width: 100%;white-space: nowrap;font-size: 0; }
.header_nav:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.header_nav ul{display: inline-block;vertical-align: top; overflow: hidden;width: 100%; font-size: 12px;}
.header_nav li{list-style: none; position: relative;font-family: "raleway-regular", arial;color: #333;cursor: pointer;text-align: center;}
.header_nav li a{padding: 20px 0; display: block;position: relative;height: 40px; font-size: 14px;text-decoration: none;color: inherit;line-height: 20px;}
.header_nav li i{display: none; position: absolute;left: 0px;top: 20px; width: 26px;height: 20px; line-height: 20px; font-size: 18px;}
.header_nav li strong{font-weight: normal;font-size: 16px;font-family:'heliosextthinregular';}
.header_nav li span{display: block;font-size: 12px;color: #999;}
.header_nav li.active{color: #ff2741;opacity: 1;}
.header_nav li.active span{color: inherit;}
.header_nav.active{display: block;}


.header_subnav{position: absolute;max-width: 100px; right: 100%;top: 0;bottom: 0;width: 0;white-space: nowrap; line-height: 80px;background: #353332;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
-ms-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.header_subnav.active{width: 60%;}
.header_subnav ul{display: none; position: absolute;left: 0;width: 100%;top: 30%;white-space: nowrap;overflow: hidden; text-align: center;}
.header_subnav li{position: relative;list-style: none;line-height: 80px;}
.header_subnav li:before{content: '';position: absolute;left: 0;top: -1px;height: 1px;width: 100%;background: rgba(255,255,255,0.1);}
.header_subnav a{display: block;text-decoration: none; color: #8a8a8a;font-size: 14px;padding: 0 10px;background: transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.header_subnav a:hover {color: #fff;background: #ff2741;}


.header_social{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;}
.header_social ul{list-style: none;white-space: nowrap;}
.header_social li{display: inline-block;vertical-align:top; position: relative;margin: 0 3px;}
.header_social ul a{display: block;width: 30px;height: 30px;background-position: 0 0;cursor: pointer;text-decoration: none;color: rgba(0,0,0,0.5);line-height: 30px;text-align: center;border-radius: 3px;}
.header_social ul a:hover{background: rgba(255,255,255,0.1); color: rgba(0,0,0,1);}
.header_social p{margin-bottom: 20px; font-family: "raleway-regular", arial;font-size: 11px;letter-spacing: 1px;line-height: 18px;color: #999;}





/*主体*/
.main{margin-right: 15%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 55;clear: both;}

.title{padding: 50px 0; background:url('../img/title.svg') no-repeat 50% 50%; text-align:center; overflow:hidden; }
.title h4{margin: 0;font-weight: normal; text-align:center; font-size:38px; color:#777; display:block; line-height:40px;}
.title h5{margin: 0;font-weight: normal; color:#c5c4c4; font-size:18px; font-family:'heliosextthinregular'; height:34px; line-height:34px; display:block; }


/*内页幻灯片*/
.banner{height: 350px;overflow: hidden;display: block;position: relative;}
.banner_toback{position: absolute;left: 30px;top: 20px;height:50px;padding: 0 20px; background: rgba(255,255,255,0.6);font-size: 14px;color: #999;border-radius: 4px;white-space: nowrap;cursor: pointer;
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
}
.banner_toback img{vertical-align: middle;height: 16px;}
.banner_toback span{display: inline-block;vertical-align: middle; line-height: 50px;position: relative;width: 0;overflow: hidden;color: #ff2741;
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
}
.banner_toback:hover{padding: 0 30px;background: rgba(255,255,255,0.9);}
.banner_toback:hover span{width: 30px;margin-left:10px;}
.banner_bkg{position: absolute;left: -100%;top: 0;width: 300%;height: 100%;text-align: center;}
.banner_bkg img{height: 100%;min-width: 33.3%;max-width: inherit;}
.banner_header{position: absolute;bottom: 0;left: 30px;right: 30px;}
.banner_nav{display: block;width: 100%;text-align: right;}
.banner_nav ul{display: inline-block;text-align: left; list-style: none;}
.banner_nav ul li{display: block;float: left;margin: 0 0 1px 1px;position: relative;}
.banner_nav a{display: block;width: 40px;height: 40px;background: url('../img/p_navigation.png') no-repeat;background-position: 0 0;}
.banner_nav a.previous{background-position: 0 0;}
.banner_nav a.grid{background-position: -41px 0;}
.banner_nav a.next{background-position: -82px 0;}
.banner h1{display: block; color: #4b4848;font-family: "heliosextthinregular", arial;font-size: 16px;text-align: center;font-weight: normal;background: rgba(255, 255, 255, .7);padding: 20px;text-transform: uppercase;line-height: 30px;margin: 0!important;overflow: hidden;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}


/*文字内容*/
.content{color: #4b4848;font-family: "raleway-regular", arial;font-size: 15px;line-height: 22px;padding: 60px 30px;background: #fff;}
.content p{color: #4b4848;font-family: "raleway-regular", arial;font-size: 15px;line-height: 24px;margin-bottom: 60px;}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height: 28px;margin-bottom: 30px;}


/*提示*/
.tooltip{display: block;padding: 7px 10px;background: #454545;color: #fff;font-family: "raleway-regular", arial;font-size: 12px;position: absolute;white-space: nowrap;z-index: 999;opacity: 0;text-align: center;letter-spacing: .5px;z-index: 1;}
.tooltip:after{content: '';width: 0px;height: 0px;border-style: solid;border-width: 3px 3px 0 3px;border-color: #454545 transparent transparent transparent;display: block;text-align: center;position: absolute;bottom: -3px;left: 50%;margin-left: -3px;}

/*二维码弹窗*/
.scanbox{display: none; position:fixed;left: 0;top: 0;width: 100%;height: 100%;white-space: nowrap;text-align: center;background: rgba(0,0,0,0.5);z-index: 999;}
.scanbox:before{content: '';width: 1px;height: 100%;display: inline-block;vertical-align: middle;}
.scanbox cite{display: inline-block;vertical-align: middle; background: #fff;border-radius: 10px;font-style: normal;}
.scanbox cite strong{display: block;margin: 20px;height: 200px;width: 200px;border:1px solid #eee; padding: 10px;}
.scanbox cite p{margin: 0;line-height: 30px;padding-bottom: 20px;}




@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
  0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  
  20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}
}

.main_mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 999;white-space: nowrap;text-align: center;opacity: 1;}
.main_mask:before{content: '';width: 0;height: 100%;display: inline-block;vertical-align: middle;}
.main_mask cite{display: inline-block; vertical-align: middle;width: 200px;}
.main_mask cite img{display: block;}
.main_mask cite span {background-color: #ff2741;height: 30px;width: 3px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.main_mask .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.main_mask .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.main_mask .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.main_mask .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

.main_mask{
	-webkit-filter: blur(0px); 
	filter: blur(0px);
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .6s cubic-bezier(0.77, 0, 0.175, 1);
}
.main_mask.active{
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	opacity:0;
	/*visibility:hidden;*/
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	transform:scale(1.6);
}



.main_slider{position: relative;overflow: hidden;height: 100%;}
.vui-slider{position:absolute; left: 0;top: 0; overflow:hidden;background:#999}
.vui-slider .vui-items{overflow:hidden;width:100%;height:100%}
.vui-slider .vui-item{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
.vui-slider .vui-item a,.vui-slider .vui-item img{display:block;padding:0;margin:0;border:0;width: 100%;height: 100%;}
.vui-slider .vui-buttons{position:absolute;z-index:5;bottom:16px;left:50%;float:left;display:inline;filter:alpha(Opacity=80);-moz-opacity:.8;opacity:.8}
.vui-slider .vui-button{float:left;display:inline;overflow:hidden;height:12px;width:12px;margin:0 10px;padding:0;border:0;border-radius:6px;background:#fff;cursor:pointer}
.vui-slider .vui-button-cur{background-color:#c00}
.vui-slider .vui-transfer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}
.vui-slider .vui-prev{display: none;}
.vui-slider .vui-next{display: none;}
.vui-slider .vui-sidebutton-hover{filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;background-color:#000}


.main_slider_prev{position:absolute;top:50%;left:0;z-index:5;width:60px;height:150px;margin-top:-75px;border-radius:0 10px 10px 0;background:url(../img/prev.gif) no-repeat;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;transition:.5s ease;-o-transition:.5s ease;-webkit-transition:.5s ease}
.main_slider_next{position:absolute;top:50%;right:0;z-index:5;width:60px;height:150px;margin-top:-75px;border-radius:10px 0 0 10px;background:url(../img/next.gif) no-repeat;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;transition:.5s ease;-o-transition:.5s ease;-webkit-transition:.5s ease}
.main_slider_prev:hover,.main_slider_next:hover{filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;background-color:#000}


.student_slider{overflow: visible; height: 0;padding-bottom: 56.25%; white-space: nowrap;}
.student_slider .vui-slider .vui-prev{display: block; position:absolute;top:50%;left:0;z-index:5;width:60px;height:150px;margin-top:-75px;border-radius:0 10px 10px 0;background:url(../img/prev.gif) no-repeat;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;transition:.5s ease;-o-transition:.5s ease;-webkit-transition:.5s ease}
.student_slider .vui-slider .vui-next{display: block; position:absolute;top:50%;right:0;z-index:5;width:60px;height:150px;margin-top:-75px;border-radius:10px 0 0 10px;background:url(../img/next.gif) no-repeat;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;transition:.5s ease;-o-transition:.5s ease;-webkit-transition:.5s ease}
.student_slider .vui-slider .vui-prev:hover,.student_slider .vui-slider .vui-next:hover{filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;background-color:#000}



/*主页*/
.main_index{position: fixed;left: 0;top: 0;right: 0;height: 100%;}
.main_warp{position: relative;height: 100%;}
.main_warp.active{visibility: visible;z-index: 9;}


.main_banner{position: relative;overflow: hidden;padding-bottom: 56.7%;}
.main_banner .swiper-container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.main_banner ul{position: relative;height: 100%;width: 100%;}
.main_banner li{position: relative;height: 100%;overflow: hidden;}
/*.main_banner li:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../img/pattern.png);}*/

.main_banner li img{max-width: auto;width: auto; height: 100%;}
.main_banner li span{position: absolute;height: 100%;width: 200%;left: -50%; top: 0;text-align: center;}
.main_banner li cite{position: absolute;width: 480px;max-width: 90%; height: 180px;top: 50%;margin-top: -90px;left: 20px; z-index: 1;background: #fff;font-style: normal;}
.main_banner li h2{font-weight: normal;margin: 0;padding: 40px 20px 30px;font-size: 40px;}
.main_banner li p{padding: 0 20px;}
.main_banner li em{font-style: normal;color: #ff2741;}


.main_banner .swiper-pagination{}
.main_banner .swiper-pagination-bullet{vertical-align: bottom; width: 88px;height: 5px; border-radius: 0;}
.main_banner .swiper-pagination-bullet-active{height: 8px;background: #ff2741;}
.main_banner .swiper-button-next,.main_banner .swiper-button-prev{ width:50px; height:70px; cursor:pointer;margin-top: -45px; opacity:0.4;-moz-transition:all .3s ease-out;-webkit-transition: all .3s ease-out;transition:all .3s ease-out;}
.main_banner .swiper-button-prev{ left:10px; background:url('../img/team-prev.svg') no-repeat 50% 50%; }
.main_banner .swiper-button-next{ right:10px; background:url('../img/team-next.svg') no-repeat 50% 50%; }
.main_banner .swiper-button-next:hover,.main_banner .swiper-button-prev:hover{ opacity:1; }


.main_intro {text-align: center;padding-top: 80px;overflow: hidden;padding-bottom: 80px;}
.main_intro h2 {font-size: 36px;color: #000;font-weight: 600;}
.main_intro_content{margin: 30px 20px;text-align: center;color: #555;font-size: 16px;}
.main_intro_content p {position: relative; line-height: 32px;font-size: 14px;color: #888;}
.main_intro ul {margin: 40px 20px 0;font-size: 0;text-align: center;}
.main_intro li {display: inline-block;position: relative; vertical-align: top;width: 33.3%;padding-bottom: 30px;}
.main_intro ul img {position: relative;top: 0; width: 80px;height: 80px;margin-bottom: 10px;}
.main_intro ul h3 {position: relative;font-size: 20px;color: #333;margin: 10px 10px 0;font-weight: normal;}
.main_intro ul p {position: relative;font-size: 14px;color: #888;margin: 5px 10% 0;font-weight: normal;line-height: 26px;}

.main_intro .transform{-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;-webkit-transform:scale(1.6,0.3);-moz-transform:scale(1.6,0.3);-ms-transform:scale(1.6,0.3);transform:scale(1.6,0.3);}
.main_intro_content p:nth-child(1){left: -500px;}
.main_intro_content p:nth-child(3){left: 500px;}
.main_intro ul img{top: 50px;}
.main_intro ul h3{top: 50px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.main_intro ul p{top: 50px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}

.main_warp.active .main_intro .transform{-webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.main_warp.active .main_intro li img{top:0;}
.main_warp.active .main_intro li h3{top:0;}
.main_warp.active .main_intro li p{top:0;}

.main_warp.active .main_intro_content p{left:0;}
.main_warp.active .main_intro_content p{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}

.main_warp.active .main_intro li:nth-child(1) img{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.main_warp.active .main_intro li:nth-child(1) h3{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;}
.main_warp.active .main_intro li:nth-child(1) p{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}

.main_warp.active .main_intro li:nth-child(2) img{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;}
.main_warp.active .main_intro li:nth-child(2) h3{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.main_warp.active .main_intro li:nth-child(2) p{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;}

.main_warp.active .main_intro li:nth-child(3) img{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.main_warp.active .main_intro li:nth-child(3) h3{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;}
.main_warp.active .main_intro li:nth-child(3) p{-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.6s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.6s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.6s;}




.main_school {position: relative;margin: 40px 0; width: 100%;overflow: hidden;}
.main_school .swiper-pagination{bottom: -20px;}
.main_school .swiper-pagination-bullet-active{background: #ff2741;}

.main_school .swiper-container {width: 100%; margin: 0 auto;overflow: visible;}
.main_school .swiper-container .swiper-slide {padding: 15px 0;background-color: #fff;opacity: .7;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;}
.main_school .swiper-container .swiper-slide-active {transform: scale(1);opacity: 1;z-index: 10;}
.main_school .swiper-container .swiper-slide.swiper-slide-prev {transform: scale(0.8) translateX(500px);}
.main_school .swiper-container .swiper-slide.swiper-slide-next {transform: scale(0.8) translateX(-500px);}

.main_school cite{display: block; width: 100%;text-align: center;margin: 0 auto;box-shadow: rgba(50, 50, 50, 0.4) 0 0 20px;border-radius: 10px;}
.main_school cite span{display: block;position: relative;padding: 10px;}
.main_school cite img{border-radius: 5px;}
.main_school cite strong{display: block;font-size: 16px;line-height: 30px;padding-bottom: 20px;font-style: normal;font-weight: normal;white-space: nowrap;}
.main_school cite em{margin-right: 10px; font-style: normal;color: #ff2741;}

.main_school .swiper-button-next,.main_school .swiper-button-prev{ width:50px; height:70px; cursor:pointer;margin-top: -45px; opacity:0.4;-moz-transition:all .3s ease-out;-webkit-transition: all .3s ease-out;transition:all .3s ease-out;}
.main_school .swiper-button-prev{ left:10px; background:url('../img/team-prev.svg') no-repeat 50% 50%; }
.main_school .swiper-button-next{ right:10px; background:url('../img/team-next.svg') no-repeat 50% 50%; }
.main_school .swiper-button-next:hover,.main_school .swiper-button-prev:hover{ opacity:1; }

.nav_school .title{-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;-webkit-transform:scale(1.6,0.3);-moz-transform:scale(1.6,0.3);-ms-transform:scale(1.6,0.3);transform:scale(1.6,0.3);}
.nav_school.active .title{-webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}




.main_company {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 5px; text-align: center;overflow: hidden;background: #000;white-space: nowrap;font-size: 0;white-space: nowrap;}
.main_company:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.main_company video{width: 100%;height: 100%;-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;}
.main_warp.active .main_company video{-webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;-webkit-transition:all .5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition:all .5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}

.main_company .video-js{display: inline-block;vertical-align: middle; width: 100%;padding-bottom: 56.25%;height: 0;}
.main_company .vjs-big-play-button{position: absolute;left: 50%;top: 50%;margin-left: -1.5em;margin-top: -1em;}

/*
.main_company h2 {font-size: 36px;font-weight: 600;margin: 100px 0 50px 0;}
.main_company ul {margin: 20px;font-size: 0;}
.main_company li {list-style: none;}
.main_company li.pic-one {width: 61.57%;float: left;}
.main_company li.pic-two {width: 36.8%;float: right;}
.main_company li.pic-five {float: right;width: 36.8%;margin-top: 1.63%;}
.main_company li.pic-three {float: left;margin-top: 1.63%;width: 29.86%;}
.main_company li.pic-four {float: left;margin-left: 1.63%; margin-top: 1.63%;width: 29.86%;}
*/

.main_contactus{ padding-bottom: 100px;padding-top: 50px;  overflow:hidden; white-space: nowrap;text-align: center;}
.main_contactus_address{display: inline-block;vertical-align: top; text-align: left; padding:0 30px;font-size: 12px;color: #888;} 
.main_contactus_address p{position: relative;line-height: 28px;}
.main_contactus_address img{margin-top: 10px; border:1px solid #ddd;width: 100px;vertical-align: top;padding: 5px;background: #fff;}
.main_contactus_map{margin-left: 50px; display: inline-block;vertical-align: middle; width: 40%; }
.main_contactus_map img{width: 100%;}
.main_contactus .main_footer{position: absolute;bottom: 0;left: 0;width: 100%;right: 0;}


@-webkit-keyframes warn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-moz-keyframes warn{0%{-moz-transform:scale(0);transform:scale(0);opacity:1}100%{-moz-transform:scale(1);transform:scale(1);opacity:0}}
@-o-keyframes warn{0%{-o-transform:scale(0);transform:scale(0);opacity:1}100%{-o-transform:scale(1);transform:scale(1);opacity:0}}
@keyframes warn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}


.china-map{height: 0;padding-bottom: 82.62%;position:relative;}
.china-map img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.china-map ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.china-map li{position:absolute;left:0;top:0;list-style: none;margin: 0;padding: 0;}
.china-map .show-regin{position: absolute;width: 50px;text-align: center;left: -20px;top: 10px;font-size: 12px;color: #999;}
.china-map .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ccc;opacity:1;filter:alpha(opacity=100);z-index: 1;}
.china-map .pulse{position:absolute;top:-30px;left:-30px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;z-index: 2;}
.china-map .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.china-map .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.china-map .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.china-map .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.china-map .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.china-map .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.china-map .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.china-map .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.china-map .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.china-map .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.china-map .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}

.china-map li.active .area-box .dot{background:#ff2741}
.china-map li.active .area-box .pulse{border-color:#ff2741;top:-41px;left:-41px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #ff2741,0 0 20px #ff2741 inset;-moz-box-shadow:0 0 12px #ff2741,0 0 20px #ff2741 inset;box-shadow:0 0 12px #ff2741,0 0 20px #ff2741 inset}
.china-map li.active .show-regin {color: #ff2741;}



.china-map img{-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;-webkit-transform:scale(1.6,0.3);-moz-transform:scale(1.6,0.3);-ms-transform:scale(1.6,0.3);transform:scale(1.6,0.3);}
.china-map li{-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;-webkit-transform:scale(1.6,0.3);-moz-transform:scale(1.6,0.3);-ms-transform:scale(1.6,0.3);transform:scale(1.6,0.3);}
.main_warp.active .china-map img{-webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
.main_warp.active .china-map li{ -webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}

.main_warp.active .china-map li[type=北京]{left: 74.7326%; top: 37.055%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
.main_warp.active .china-map li[type=深圳]{left: 74.0642%; top: 87.2168%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;}
.main_warp.active .china-map li[type=湖北]{left: 70.3209%; top: 63.754%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;}
.main_warp.active .china-map li[type=惠州]{left: 76.3209%; top: 84.3333%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;}
.main_warp.active .china-map li[type=湖南]{left: 70.3209%; top: 73.754%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.main_warp.active .china-map li[type=河南]{left: 69.3209%; top: 53.754%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;}
.main_warp.active .china-map li[type=福建]{left: 82.3209%; top: 68.754%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;}
.main_warp.active .china-map li[type=东莞]{left: 73.0642%; top: 83.2168%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;}
.main_warp.active .china-map li[type=高州]{left: 68.0642%; top: 88.2168%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;}
.main_warp.active .china-map li[type=阳江]{left: 67.0642%; top: 91.2168%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;}
.main_warp.active .china-map li[type=河源]{left: 77.3209%; top: 82.3333%;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;}


.main_contactus .title{-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;-webkit-transform:scale(1.6,0.3);-moz-transform:scale(1.6,0.3);-ms-transform:scale(1.6,0.3);transform:scale(1.6,0.3);}
.main_warp.active .main_contactus .title{-webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}

.main_contactus_address p{left: 200px;-webkit-filter: blur(10px); filter: blur(10px);opacity:0;visibility:hidden;-webkit-transform:scale(1.6,0.3);-moz-transform:scale(1.6,0.3);-ms-transform:scale(1.6,0.3);transform:scale(1.6,0.3);}
.main_warp.active .main_contactus_address p{left: 0; -webkit-filter: blur(0px); filter: blur(0px);opacity:1;visibility:visible;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.main_warp.active .main_contactus_address p:nth-child(1){-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
.main_warp.active .main_contactus_address p:nth-child(2){-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;}
.main_warp.active .main_contactus_address p:nth-child(3){-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.0s;}
.main_warp.active .main_contactus_address p:nth-child(4){-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.1s;}
.main_warp.active .main_contactus_address p:nth-child(5){-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}


.main_footer{border-top:1px solid #eee;text-align: center;line-height: 80px;font-size: 12px;color: #999;}
.main_footer a{color: #fda8b2;}



.teacher_subnav{display: none; position: relative;background: #ff2741;line-height: 40px;font-size: 0;white-space: nowrap;overflow: hidden;}
.teacher_subnav a{display: inline-block;position: relative;width: 33.3%;font-size: 14px;text-align: center;color: #fff;text-decoration: none;}
.teacher_subnav a:before{content: '';position: absolute;left: -1px;top: 50%;margin-top: -5px;height: 10px;width: 1px;background: #fff;}


.teacher_warp{position: relative;overflow: hidden;max-width: 1260px;margin: 0 auto;}


.teacher_list{ position: relative;height: 0px; padding-bottom: 30%;}
.teacher_list>div{position: absolute;left: 0;top: 0;width: 30%;height: 100%;overflow: hidden;}
.teacher_list>div.teacher_center{left: 30%;width: 40%;}
.teacher_list>div.teacher_right{left: 70%;}
.teacher_list ul{position: relative;width: 100%;height: 100%;font-size: 0;white-space: nowrap;}
.teacher_list li{display: inline-block;position: relative;width: 100%;height: 100%;overflow: hidden;list-style: none;}
.teacher_list li cite{position: absolute;left: -100%;top: 0; width: 300%;height: 100%;text-align: center;cursor: pointer;}
.teacher_list li img{height: 100%;}
.teacher_list li p{ position:absolute; width:100%; height:100%;background: rgba(255,255,255,0.9);  top:0; left:0; overflow:hidden; cursor:pointer; text-align: center;}
.teacher_list li p strong{display: block; height:32px; line-height:32px; color:#42413c; font-size:18px; font-weight:500; font-family:'heliosextthinregular','微软雅黑','Arial'; text-align:center; }
.teacher_list li p em{ color:#999999; height:20px; line-height:20px; text-align:center; font-size:14px;font-style: normal; }
.teacher_list li p:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.teacher_list li p span{display: inline-block;vertical-align: middle;}

.teacher_list>div.teacher_center p{display: none;}

.teacher_list li p span{ position:relative;
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(1.6,0.3);
	-moz-transform:scale(1.6,0.3);
	-ms-transform:scale(1.6,0.3);
	transform:scale(1.6,0.3);
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
 }
 
.teacher_list li.active p span{
	-webkit-filter: blur(0px); 
	filter: blur(0px);
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
	-webkit-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
	transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
}



.teacher_intro {display: block;margin: 20px auto 0; width: 40%;height: 210px;}
.teacher_intro ul{display:block;height: 100%; position:relative;white-space: nowrap; }
.teacher_intro li{position: absolute;  width: 100%;  height: 100%; text-align:center;list-style: none;opacity:0; }
.teacher_intro li h4{ display:block; font-weight:normal; color:#666; font-family:'heliosextthinregular','Arial'; height:40px; line-height:40px; font-size:24px; margin:0 auto; }
.teacher_intro li h5{ display:block; color:#999; font-weight:normal; font-size:16px; height:20px; line-height:20px; margin:0 auto; margin-bottom:30px; }
.teacher_intro li p{ color:#888; line-height:22px; font-size:13px;margin: 0 20px;height: 66px;overflow: hidden; white-space: normal;  }

.teacher_intro li{
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	visibility:hidden;
	-webkit-transform:scale(1.6,1);
	-moz-transform:scale(1.6,1);
	-ms-transform:scale(1.6,1);
	transform:scale(1.6,1);
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
}


.teacher_intro li.active {
	opacity:1;
	left:0%;
	-webkit-filter: blur(0px); 
	filter: blur(0px);
	visibility:visible;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
}




.teacher_mask{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;}

.teacher_detail{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 1000;}
.teacher_detail .team-detail{padding: 0 5%; position:relative;height:100%;}
.teacher_detail .team-bg{position:absolute;width: 30%;left: 0;height: 100%;top: 0;white-space: nowrap;font-size: 0;}
.teacher_detail .team-bg:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.teacher_detail .team-bg img{width: 100%;vertical-align: middle;}
.teacher_detail .team-ct{left: 30%;padding: 0 30px; position: absolute;right: 0;top:50%;margin-top:-150px;bottom: 0;overflow: auto;}
.teacher_detail .team-ct h4{height:35px;line-height:35px;font-size:24px;color:#666;}
.teacher_detail .team-ct h5{display:block;height:20px;line-height:20px;font-size:14px;color:#999;padding-bottom:30px;margin-bottom:30px;background: url(../img/team-detail.svg) no-repeat 0% 100%;}
.teacher_detail .team-content{font-size:12px;line-height:24px;color:#999;}


.teacher_detail #close{width: 31px;height: 31px;background: url(../img/close.svg) no-repeat 50% 50%;position: absolute;top: 50px;right: 50px;cursor: pointer;-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);}

.teacher_detail{
	position:fixed; top:0; left:0; visibility:hidden;
	-webkit-transform:translateY(100%) scale(.5,.5);
	-moz-transform:translateY(100%) scale(.5,.5);
	-ms-transform:translateY(100%) scale(.5,.5);
	transform:translateY(100%) scale(.5,.5);
	-moz-transition:all 1.6s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: all 1.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition:all 1.6s cubic-bezier(0.23, 1, 0.32, 1);
	background:#fff;
 }
.teacher_detail.on{ visibility:visible;
	-webkit-transform:translateY(0%) scale(.5,.5);
	-moz-transform:translateY(0%) scale(.5,.5);
	-ms-transform:translateY(0%) scale(.5,.5);
	transform:translateY(0%) scale(.5,.5);
	-moz-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
	transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);
 }
.teacher_detail.s{
	-moz-transition:all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	transition:all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform:translateY(0%) scale(1,1);
	-moz-transform:translateY(0%) scale(1,1);
	-ms-transform:translateY(0%) scale(1,1);
	transform:translateY(0%) scale(1,1);
}



.teacher dl{font-size: 0; padding: 30px 20px;}
.teacher dt{display: inline-block;vertical-align: middle; width: 50%;margin-bottom: 20px;}
.teacher dt span{display: block; font-size: 14px;line-height: 20px; color: #ff2741;font-weight: 500;margin: 0 10px;}
.teacher dt strong{display: block;position: relative; color: #000;font-size: 30px;line-height: 40px;font-weight: 500;padding: 20px 10px 20px;}
.teacher dt strong:after{content: '';position: absolute;left: 10px;bottom: 0;height: 1px;background: #ff2741;width: 30px;}
.teacher dd{display: inline-block;vertical-align: top;width: 25%;margin-bottom: 20px;}
.teacher dd cite{display: block;font-style: normal;padding: 0 10px;box-sizing: border-box;}
.teacher dd strong{display: block;margin: 0 10px;}
.teacher dd strong img{width: 100%;}
.teacher dd h3{font-size: 14px;margin: 0;line-height: 40px;border-bottom: 1px solid #ff2741;font-weight: normal;}
.teacher dd p{font-size: 12px;margin: 10px 0; line-height: 20px;color: #888;}
.teacher dd.teacher_intro{width: 50%; font-size: 12px;line-height: 24px;color: #888;}




.student_sort{max-width:900px; width:96%; overflow:hidden; margin: 50px auto 20px;padding-left: 10px;}
.student_sort h6{font-size:14px;color:#ff2741;font-weight:500;margin:0;font-family:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.student_sort h2{color:#000;font-size:26px;font-weight:500;margin: 20px 0;font-family:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.student_sort span{display: inline-block; width:30px;height:1px;background:#ff2741;}


.student_dialog .team-bg{width: 50%;left: 20%;}
.student_dialog .team-ct{left: 70%;}


@-webkit-keyframes arraw{0%{left: -5px;}100%{left: 5px;}}
@-moz-keyframes arraw{0%{left: -5px;}100%{left: 5px;}}
@-o-keyframes arraw{0%{left: -5px;}100%{left: 5px;}}
@keyframes arraw{0%{left: -5px;}100%{left: 5px;}}

.recruitment-prev,.recruitment-next{
	height:70px; cursor:pointer;
	-moz-transition:all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition:all .3s ease-out;
 }
.recruitment-prev{ background:url('../img/awards-prev.svg') no-repeat 50% 50%; }
.recruitment-next{ background:url('../img/awards-next.svg') no-repeat 50% 50%; }
.recruitment-prev.na,.recruitment-next.na{ opacity:.2; cursor:default; }

.recruitment{ margin:20px auto; max-width:1200px; width:96%; overflow:hidden; }
.recruitment ul{font-size: 0;}
.recruitment li{display: inline-block; position: relative;box-sizing: border-box;padding: 10px 10px 40px;  vertical-align:top; min-width: 20%;white-space: nowrap;font-size: 12px;text-align: center;cursor: pointer;}
.recruitment li:before{content: '';position: absolute;left: 10px;top: 10px;bottom: 10px;right: 10px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.recruitment strong{display: block;margin-top: 20px;font-weight: normal; height:40px; line-height:40px;color: #ff2741;  font-size:20px; visibility:visible;}
.recruitment span{display: block;overflow: hidden;position: relative;margin: 10px; padding-bottom: 70%;border-radius: 5px;}
.recruitment span em{position: absolute;width: 500px;left: 50%;top: 0;margin-left: -250px;height: 100%;text-align: center;}
.recruitment span img{height: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.recruitment p{margin: 0 10px;font-size: 12px;line-height: 22px;}
.recruitment a{ display: block;position: relative;top: 0; line-height: 30px; position: relative;text-decoration: none;cursor: pointer;color:#777;}
.recruitment a img{display: none;}
.recruitment a em{display: inline-block;vertical-align: 1px; font-style: normal;position: relative;left: 0;}

.recruitment li a,.recruitment li p,.recruitment li strong,.recruitment li:before,.recruitment span img{
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.recruitment li:hover a{top: -30px; color: #ff2741;-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);}
.recruitment li:hover a em{-webkit-animation:arraw 2s ease-out both;-moz-animation:arraw 2s ease-out both;-o-animation:arraw 2s ease-out both;animation:arraw 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.recruitment li:hover strong,.recruitment li:hover p{
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(1.6,0.3);
	-moz-transform:scale(1.6,0.3);
	-ms-transform:scale(1.6,0.3);
	transform:scale(1.6,0.3);
}
.recruitment li:hover:before{box-shadow:0 0 10px rgba(234, 69, 91, 0.45);}
.recruitment li:hover span img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}


/*

.student_picture{position: relative;font-size: 0;}
.student_picture li{display: inline-block;width: 11.111%;}
.student_picture a{display: block;height: 0;position: relative; padding:0 0 133.3%;}
.student_picture a:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.student_picture img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.student_picture a:hover{-webkit-filter: none;-moz-filter: none;-ms-filter: none;filter: none; }
.student_picture a:hover:after{background: rgba(0,0,0,0.1);}


.student_list{overflow:hidden;padding-bottom: 30px; }
.student_list ul{margin: 0 20px; position: relative;overflow: hidden; font-size: 0;white-space: normal;}
.student_list li{display: inline-block;position: relative; vertical-align:top; padding: 20px 0; min-width: 25%;white-space: nowrap;}
.student_list li:before{content: '';position: absolute;left: -1px;top: 25%;height: 50%;width: 1px;}
.student_list strong{display: block;margin: 0 10px;font-weight: normal; height:40px; line-height:40px; color:#777; font-size:20px; }
.student_list span{display: block;margin-left: 30%; line-height:20px; color:#afaeae; font-family: 'heliosextthinregular'; font-size:16px; margin-bottom:10px; }
.student_list p{margin: 0 10px;font-size: 12px;line-height: 22px;}
.student_list a{display: inline-block; position: relative;text-decoration: none;color: #ff2741;cursor: pointer;}
.student_list a img{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.student_sort{padding:50px 50px 0;overflow:hidden;}
.student_sort h6{font-size:14px;color:#ff2741;font-weight:500;margin:0;font-family:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.student_sort h2{color:#000;font-size:26px;font-weight:500;margin:10px 0 12px 0;font-family:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.student_sort span{width:30px;height:1px;display:block;background:#ff2741;margin:0 0 50px 0;}

.student_sort{padding:50px 30px 0;}
.student_sort h6{font-size:14px;color:#ff2741;font-weight:500;margin:0;font-family:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.student_sort h2{color:#000;font-size:26px;font-weight:500;margin: 20px 0;font-family:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.student_sort span{width:30px;height:1px;display:block;background:#ff2741;margin:0 0 50px 0;}
*/

/*
.team-description{ width:500px; height:210px; position:absolute; left:50%; margin-left:-250px; bottom:0; overflow:hidden; z-index:0; }

.team-description ul{ width:9999%; display:block; position:relative; }
.team-description li{ display:block; width:500px; height:210px; text-align:center; background:#fff; float:left; }
.team-description li h4{ display:block; font-weight:500; color:#666; font-family:'heliosextthinregular','微软雅黑','Arial'; height:40px; line-height:40px; font-size:24px; margin:0 auto; }
.team-description li h5{ display:block; color:#999; font-weight:500; font-size:16px; height:20px; line-height:20px; margin:0 auto; margin-bottom:30px; }
.team-description li p{ color:#888; line-height:22px; font-size:13px; margin:0 auto; display:block; }
*/





.radio ul{padding: 30px 20px;font-size: 0;}
.radio li{display: inline-block;position: relative;width: 25%; vertical-align:top;overflow: hidden;padding: 10px 0; }
.radio p{margin: 0 10px;position: relative;line-height: 20px; border-radius: 5px;box-shadow: 0 0 6px rgba(0,0,0,.15);overflow: hidden;padding-bottom: 20px;}
.radio strong{display: block;position: relative;overflow: hidden;font-weight: normal;cursor: pointer;}
.radio strong img{width: 100%;}
.radio strong i{position: absolute;font-size: 74px;text-align: center;width: 80px;height: 80px;line-height: 80px; top: 50%;margin-top: -40px; left: 50%;margin-left: -40px;color: #999;}
.radio strong:hover i{color: #ff2741;}
.radio em{display: block; position: relative;padding: 15px 15px 5px;font-size: 16px;font-style: normal; text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.radio em i{margin-right: 10px;}
.radio span{display: block; padding: 0 15px; font-size:12px;color:#A5A4A9;}


.radio .active strong i{color: #ff2741;}

.radio_music{display:none;position:fixed;left: 0;top: 0;width: 100%;height: 100%;white-space: nowrap;text-align: center;background: rgba(0,0,0,0.5);z-index: 999;}
.radio_music:before{content: '';width: 1px;height: 100%;display: inline-block;vertical-align: middle;}



.radio_player {position: fixed!important;left: 0;bottom: 0px;right: 0px; z-index: 99;}
#amazingaudioplayer-7 {display: block; height: 70px; position: relative;background-color: #333;background-color: rgba(0,0,0,0.8);}

#amazingaudioplayer-7 div {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;   }
#amazingaudioplayer-7 .amazingaudioplayer-audios{display: none;}
#amazingaudioplayer-7 .amazingaudioplayer-image {display: block;position: absolute;left: 170px;top: 10px; border-radius: 4px;overflow: hidden;}
#amazingaudioplayer-7 .amazingaudioplayer-image-clear {}
#amazingaudioplayer-7 .amazingaudioplayer-text {display: block;position: absolute;top: 10px;left: 220px;padding: 0 10px; overflow: hidden;height: 50px;}
#amazingaudioplayer-7 .amazingaudioplayer-text-clear {}
#amazingaudioplayer-7 .amazingaudioplayer-title {display: block;color: #fff;font-family: "Noto Sans",Arial,sans-serif;font-size: 14px;font-weight: bold;line-height: 16px;}
#amazingaudioplayer-7 .amazingaudioplayer-title-clear {}
#amazingaudioplayer-7 .amazingaudioplayer-info {display: block;display: block;color: #ddd;font-family: Arial, sans-serif;font-size: 11px;line-height: 14px; font-style: italic;}
#amazingaudioplayer-7 .amazingaudioplayer-info-clear {}
#amazingaudioplayer-7 .amazingaudioplayer-bar {}
#amazingaudioplayer-7 .amazingaudioplayer-bar-buttons-clear {}
#amazingaudioplayer-7 .amazingaudioplayer-bar-clear {clear: both;}
#amazingaudioplayer-7 .amazingaudioplayer-bar-title {}
#amazingaudioplayer-7 .amazingaudioplayer-playpause {position: absolute;left: 65px;top: 12px;}
#amazingaudioplayer-7 .amazingaudioplayer-play {position: relative;}
#amazingaudioplayer-7 .amazingaudioplayer-pause {position: relative;}
#amazingaudioplayer-7 .amazingaudioplayer-stop {position: relative;float: left;}
#amazingaudioplayer-7 .amazingaudioplayer-prev {position: absolute;left: 30px;top: 12px;}
#amazingaudioplayer-7 .amazingaudioplayer-next {position: absolute;left: 100px;top: 12px;}
#amazingaudioplayer-7 .amazingaudioplayer-loop {position: absolute;top: 84px;left: 252px;}
#amazingaudioplayer-7 .amazingaudioplayer-progress {position: absolute;left: 230px;top: 50px;right: 150px; background-color: #222;border-radius: 4px;}
#amazingaudioplayer-7 .amazingaudioplayer-progress-loaded {background-color: #444;border-radius: 4px;}
#amazingaudioplayer-7 .amazingaudioplayer-progress-played {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fcc500;background-image: -ms-linear-gradient(top, #fede00 0%, #fcc500 100%);background-image: -moz-linear-gradient(top, #fede00 0%, #fcc500 100%);background-image: -o-linear-gradient(top, #fede00 0%, #fcc500 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fede00), color-stop(1, #fcc500));background-image: -webkit-linear-gradient(top, #fede00 0%, #fcc500 100%); background-image: linear-gradient(to bottom, #fede00 0%, #fcc500 100%);}
#amazingaudioplayer-7 .amazingaudioplayer-time {position: absolute;right: 60px; top: 42px;color: #a0a0a0;font-family: 'Open Sans', sans-serif;font-size: 12px;line-height: 24px;margin: 0 4px;}
#amazingaudioplayer-7 .amazingaudioplayer-volume {position: absolute;top: 42px;right: 30px;}
#amazingaudioplayer-7 .amazingaudioplayer-volume-bar {background-color: #333;border: 1px solid #222;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );background-image: -ms-linear-gradient(top, #444444 0%, #111111 100%);background-image: -moz-linear-gradient(top, #444444 0%, #111111 100%);background-image: -o-linear-gradient(top, #444444 0%, #111111 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111));background-image: -webkit-linear-gradient(top, #444444 0%, #111111 100%);background-image: linear-gradient(to bottom, #444444 0%, #111111 100%);}
#amazingaudioplayer-7 .amazingaudioplayer-volume-bar-adjust {background-color: #222;-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 );-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 );box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 );}
#amazingaudioplayer-7 .amazingaudioplayer-volume-bar-adjust-active {background-color: #fcc500;-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 );-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 );box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 );}
#amazingaudioplayer-7 .amazingaudioplayer-tracklist {display: block;position: absolute;top: 168px;left: 0;}
#amazingaudioplayer-7 .amazingaudioplayer-tracklist-container {display: block;position: relative;background-color: #333;border: 1px solid #222;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin: 0px;padding: 24px 12px 12px;-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );background-image: -ms-linear-gradient(top, #444444 0%, #111111 100%);background-image: -moz-linear-gradient(top, #444444 0%, #111111 100%);background-image: -o-linear-gradient(top, #444444 0%, #111111 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111));background-image: -webkit-linear-gradient(top, #444444 0%, #111111 100%);background-image: linear-gradient(to bottom, #444444 0%, #111111 100%);}
#amazingaudioplayer-7 .amazingaudioplayer-tracks-wrapper {position: relative;}
#amazingaudioplayer-7 .amazingaudioplayer-tracks {position: relative;list-style-type: none;margin: 0;padding: 0;}
#amazingaudioplayer-7 .amazingaudioplayer-track-item {position: relative;cursor: pointer;white-space: nowrap;color: #999;font-family: 'Open Sans', Arial, sans-serif;font-size: 12px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);line-height: 20px;}
#amazingaudioplayer-7 .amazingaudioplayer-track-item-active {cursor: pointer;color: #fff;}
#amazingaudioplayer-7 .amazingaudioplayer-track-item-duration {position: absolute;top: 0;right: 0;}
#amazingaudioplayer-7 .amazingaudioplayer-tracklist-arrow-prev {position: absolute;top: 2px;right: 24px;}
#amazingaudioplayer-7 .amazingaudioplayer-tracklist-arrow-next {position: absolute;top: 2px;right: 6px;}
#amazingaudioplayer-7 .amazingaudioplayer-tracklist-clear {clear: both;}






.video ul{padding: 30px 15px;font-size: 0;}
.video li{display: inline-block;position: relative;width: 50%; vertical-align:top;padding: 10px 0;overflow: hidden; }
.video cite{display: block; margin: 0 15px;position: relative;border-radius: 5px;box-shadow: 0 0 6px rgba(0,0,0,.15);overflow: hidden;font-style: normal;}
.video cite figure{display: block;position: relative; padding-bottom: 56.5%;}
.video cite iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.video cite h5{margin: 0; font-size: 16px;line-height: 60px;padding: 0 20px;}
.video cite p{font-size: 14px;color: #999; padding: 0 20px;line-height: 20px;font-weight:normal;margin:0;margin-bottom:1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.drama{color: #666;line-height: 24px;}

.drama p{margin: 20px 30px;font-size: 14px;text-align: center;}
.drama p img{width: 100%;}
.drama p span{display: block;}


#map{height: 500px;}
.contact_map h4{font-weight: normal;}
.contact_map p{font-size: 12px;margin-top: 20px;color: #999;line-height: 22px;}



.project-list{position: absolute;left: 0;top: 0;right: 15%; height: 100%; overflow:hidden; }
.project-list ul{ display:block;  height:100%; }


.project{ width: 33.3%; position:relative; overflow:hidden; float:left; display:block; height:100%; background:#777; }
.project img{ width: 100%;opacity:.4;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);}
.project a{ display:block; }
.project-description{width: 100%; border-left:1px solid #f1f1f1;  height:35%; overflow:hidden; background:#fff ; position:absolute; bottom:0; left:0; text-align:center;
	-moz-transition:.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition:.6s cubic-bezier(0.075, 0.82, 0.165, 1);transition:.6s cubic-bezier(0.075, 0.82, 0.165, 1);transition-property:background-color,height;-moz-transition-property: background-color,height;-webkit-transition-property:background-color,height;}
.project-description h3{ height:50px; line-height:50px; font-weight:500; color:#a3a3a3; font-size:30px; font-family:'heliosextthinregular'; margin-top:17%; display:block;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);}
.project-description h4{ height:30px; line-height:30px; display:block; font-weight:500; font-size:22px;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);}
.project-description h5{ font-size:14px; font-weight:500; color:#a3a3a3; height:30px; line-height:30px;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);}
.project-description p{ text-align:left; display:block; width:260px; margin:0 auto; color:#f9c9b9; line-height:24px; visibility:hidden; opacity:0; margin-top:50px; font-size:12px;-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);}
.is-desktop .project-description p{-webkit-filter: blur(10px); filter: blur(10px);}
.project-description-up,.project-description-down{ width:1px; background:#ededed; height:24px; position:absolute; left:50%; margin-left:-0.5px; }
.project-description-up{ top:12%;
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .1s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .1s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .1s;
 }
.project-description-down{ top: 18%;margin-top: 50px; }
.project-description-c1{ width:1px; height:27px; position:absolute; background:#fff; bottom:-30px;left: 50%; 
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
 }
.project-description-c2{ height:1px; width:27px; position:absolute; background:#fff; bottom:73.5px; left: -30px;margin-left: -13px; 
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
 }

.project.hover .project-description{ height:500px; background:#e4671c;border-left:1px solid transparent; }
.project.hover .project-description h3{ color:#fff; font-size:34px; margin-top:80px; }
.project.hover .project-description h4{ height:50px; line-height:50px; color:#fff; font-size:22px; }
.project.hover .project-description-up{ top:-30px }
.project.hover .project-description-down{ bottom:-30px }
.project.hover .project-description h5{ color:rgba(255,255,255,.5); font-size:14px; }
.project.hover img{ opacity:1;}
.project.hover .project-description p{ opacity:1; visibility:visible;
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .2s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .2s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .2s;
 }
.is-desktop .project.hover .project-description p{
	-webkit-filter: blur(0px); 
	filter: blur(0px);
}
.project.hover .project-description-c1{ bottom:60px; left: 50%;
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .3s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .3s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .3s;
 }
.project.hover .project-description-c2{ bottom:73.5px; left: 50%;
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .4s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .4s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .4s;
}
/*2n*/
.project:nth-child(2){
	-moz-transition:-moz-transform .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	-webkit-transition: -webkit-transform .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	transition:transform .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
}
.project:nth-child(3){
	-moz-transition:-moz-transform .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	transition:transform .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
}
.project:nth-child(4){
	-moz-transition:-moz-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	transition:transform 1.2s cubic-bezier(0.23, 1, 0.32, 1) .65s;
}
.project:nth-child(5){
	-moz-transition:-moz-transform .7s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	transition:transform .7s cubic-bezier(0.23, 1, 0.32, 1) .65s;
}
/*5n*/
.project:nth-child(6){
	-moz-transition:-moz-transform .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	-webkit-transition: -webkit-transform .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	transition:transform .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
}
.project:nth-child(7){
	-moz-transition:-moz-transform .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	transition:transform .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
}





.team{ position:relative; height:520px; }
.team-list{ width:1260px; position:absolute; left:50%;margin-left:-630px;height:287px; z-index:2; }
.team-item{text-align:center;}

.team-show{height:100%;}
.team-show img{height:100%;}
.team-show-detail{position:absolute;width:100%; height:100%; background:url('../img/team-mask.png') repeat; top:0; left:0; overflow:hidden; cursor:pointer;z-index:1;display:flex;flex-direction:column;align-items: center;justify-content: center;}
.team-show-detail h4{ height:32px; line-height:32px; color:#42413c; font-size:20px; font-weight:500; font-family:'heliosextthinregular','微软雅黑','Arial'; text-align:center; }
.team-show-detail p{ color:#999999; height:20px; line-height:20px; text-align:center; font-size:14px; }
.team-show .swiper-slide-active .team-show-detail{display:none !important;}

.team-list ul{ display:block; position:relative; width:9999%; left:0; top:0; height: 100%; }
.team-left,.team-right{ height:287px; float:left; position:relative; width:30%; overflow:hidden; }
.team-center{ height: 100%; float:left; position:relative; width:40%; overflow:hidden; }
.team-center a{ display:block; height:100%; }

.team-center li{ display:block; width:500px; height:287px; float:left; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; }

.team-left li,.team-right li{ display:block; width:380px; height:287px; float:left; background-position:50% 50%; background-repeat:no-repeat; position:relative; opacity:.8; }
.team-left ul,.team-right ul{ background:#333; }
.team-mask{ position:absolute; width:100%; height:101%; background:url('../img/team-mask.png') repeat; top:0; left:0; overflow:hidden; cursor:pointer;z-index:1;}
.team-mask h4{ height:32px; line-height:32px; color:#42413c; font-size:20px; font-weight:500; font-family:'heliosextthinregular','微软雅黑','Arial'; text-align:center; }
.team-mask p{ color:#999999; height:20px; line-height:20px; text-align:center; font-size:14px; }


.team-mask-detail{ height:52px; position:absolute; top:50%; margin-top:-26px; width:100%;
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(1.6,0.3);
	-moz-transform:scale(1.6,0.3);
	-ms-transform:scale(1.6,0.3);
	transform:scale(1.6,0.3);
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
 }
.team-list.next .team-right .team-mask-detail.visible{ -webkit-transition-delay:1.5s; }
.team-list.prev .team-left .team-mask-detail.visible{ -webkit-transition-delay:1.5s; }
 
.team-list .team-mask-detail.visible{
	-webkit-filter: blur(0px); 
	filter: blur(0px);
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
	-webkit-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
	transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;
	left:0;
}
.team-mask.left .team-mask-detail{  }
.team-prev,.team-next{ width:50px; height:70px; cursor:pointer; position:absolute; top:113.5px; opacity:0.4;
	-moz-transition:all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition:all .3s ease-out;
 }
.team-prev{ left:5%; background:url('../img/team-prev.svg') no-repeat 50% 50%; }
.team-next{ right:5%; background:url('../img/team-next.svg') no-repeat 50% 50%; }
.team-next:hover,.team-prev:hover{ opacity:1; }
.team-prev svg{ display:block; }

.team-description{ width:500px; height:210px; position:absolute; left:50%; margin-left:-250px; bottom:0; overflow:hidden; z-index:0; }

.team-description ul{ width:9999%; display:block; position:relative; }
.team-description li{ display:none; width:500px; height:210px; text-align:center;  float:left; }
.team-description li.active{display:block;}
.team-description li h4{ display:block; font-weight:500; color:#666; font-family:'heliosextthinregular','微软雅黑','Arial'; height:40px; line-height:40px; font-size:24px; margin:0 auto; }
.team-description li h5{ display:block; color:#999; font-weight:500; font-size:16px; height:20px; line-height:20px; margin:0 auto; margin-bottom:30px; }
.team-description li p{ color:#888; line-height:22px; font-size:13px; margin:0 auto; display:block; }
.team-description.active{ 
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(1.6,1);
	-moz-transform:scale(1.6,1);
	-ms-transform:scale(1.6,1);
	transform:scale(1.6,1);
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);
 }

.team-description{
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .1s;
	-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .1s;
	transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .1s;
}

#team .title{
	-moz-transition:all .9s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	-webkit-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	transition:all .9s cubic-bezier(0.23, 1, 0.32, 1) .65s;
 }
 
.team-left{ 
	-moz-transition:all .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	-webkit-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
	transition:all .9s cubic-bezier(0.23, 1, 0.32, 1) .6s;
 }
.team-center{ 
	-moz-transition:all .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	-webkit-transition: all .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
	transition:all .7s cubic-bezier(0.23, 1, 0.32, 1) .5s;
 }
.team-right{ 
	-moz-transition:all 1.2s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	-webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1) .65s;
	transition:all 1.2s cubic-bezier(0.23, 1, 0.32, 1) .65s;
 }





 
.rise .team-left,.rise .team-center,.rise .team-right{
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-moz-transition:all 0s ease 0s;
	-webkit-transition:all 0s ease 0s;
	transition:all 0s ease 0s;
 }
.fall .team-left,.fall .team-center,.fall .team-right{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity:0;
	-moz-transition:all 0s ease 0s;
	-webkit-transition:all 0s ease 0s;
	transition:all 0s ease 0s;
 }
.rise #team .title,.fall #team .title,.fall .team-description,.rise .team-description{
	-webkit-filter: blur(10px); 
	filter: blur(10px);
	opacity:0;
	-moz-transition:all 0s ease 0s;
	-webkit-transition:all 0s ease 0s;
	transition:all 0s ease 0s;
 }


.team-prev,.team-next{ width:50px; height:70px; cursor:pointer; position:absolute; top: 150px; opacity:0.4;
	-moz-transition:all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition:all .3s ease-out;
 }
.team-prev{ left:5%; background:url('../img/team-prev.svg') no-repeat 50% 50%; }
.team-next{ right:5%; background:url('../img/team-next.svg') no-repeat 50% 50%; }
.team-next:hover,.team-prev:hover{ opacity:1; }
.team-prev svg{ display:block; }


/*  Header  */
@media (min-width:960px){

	.header_logo #menu_icon{display: none;}


}


/*  Responsive code  */
@media (max-width:960px){

	header{display: block;width: 100%;min-height: 100px;padding: 0;position: relative;}
	.main{position: relative;margin: 0; padding: 0;}

	.header_logo {position: fixed;top: 0;left: 0;width: 100%; overflow: hidden;height: 100px;z-index: 999;background: #fff;}
	.header_logo:before{display: none;}
	.header_logo a{float: left;width: auto; margin: 30px 0 0 30px;}
	.header_logo .logo_normal{display: none;}
	.header_logo .logo_minisize{display: block;width: auto; height: 40px;}
	.header_logo #menu_icon{display: block; position: absolute;right: 0;top: 0; margin: 30px 30px 0 0;}
	.header_nav{display: none; position: fixed;left: 0;bottom: 0;right: 0; top: 100px;bottom: 0;background: rgba(0,0,0,0.5); }
	.header_nav ul{display: inline-block;background: #fff;}
	.header_nav li{border-top:1px solid #f7f5f5;text-align: center;}
	.header_social{display: none;}

	.teacher_warp{margin-left: 15px;margin-right: 20px;}
	.teacher_list{padding-bottom: 71.92%;}
	.teacher_list>div.teacher_left{display: none;}
	.teacher_list>div.teacher_center{width: 100%;left: 0;}
	.teacher_list>div.teacher_right{display: none;}

	.teacher_intro{width: 80%;}


	.student_picture ul{margin: 0 10px;}
	.student_picture li{width: 16.6666%;}
	.student_list li{min-width: 33.3%;}

	.recruitment li{min-width: 25%;}

	.project-list{right: 0;}


}

@media (max-width:550px){

	.title {padding: 50px 0;}
	.title h4{font-size: 20px;}

	.main_intro ul{padding-bottom: 50px;}
	.main_intro li{width: 100%;}
	.main_intro ul p{margin: 5px 0 0;}
	.main_company li{margin: 10px 0 0!important; width: 100%!important;}

	.main_contactus{padding-bottom: 0;}
	.main_contactus .main_footer{position: relative;margin-top: 100px;}
	.main_contactus_address{display: block;}
	.main_contactus_address img{display: block;margin: 0 auto;}
	.main_contactus_map{display: block;width: 90%;margin: 30px auto 0;text-align: center;}

	.main_index{position: relative;left: auto;top: auto;right: auto;height: auto;}
	.main_warp{position: relative;left: 0;top: 0;width: auto;height:auto; background: #fff;visibility: visible;}
	.main_warp.active{visibility: visible;z-index: 9;}

	.main_school{padding-bottom: 150px;}
	.main_school cite strong{font-size: 0;}
	.main_school cite strong em{font-size: 14px;}
	.main_school .swiper-button-next,.main_school .swiper-button-prev{display: none;}
	

	.student_picture li{width: 25%;}
	.student_list li{min-width: 50%;}
	.recruitment li{width: 50%;padding-bottom: 20px;}
	.recruitment strong{margin: 0;}

	.video li{width: 100%;}
	.drama p{margin: 20px 10px;}

	.teacher_subnav{display: block;}
	.teacher dl{padding: 30px 10px;}
	.teacher dt{width: 100%;}
	.teacher dd{width: 50%;}
	.teacher dd.teacher_intro{width: 100%;}
	.radio li{width: 50%;}
	.radio li em{padding: 10px;}
	.radio li span{padding: 0 10px;}

	.project-list{position: relative;height: auto;}
	.project-list .project{width: 100%;}
	.project .project-description{ height:500px; background:#e4671c;border-left:1px solid transparent; }
	.project .project-description h3{ color:#fff; font-size:34px; margin-top:80px; }
	.project .project-description h4{ height:50px; line-height:50px; color:#fff; font-size:22px; }
	.project .project-description-up{ top:-30px }
	.project .project-description-down{ bottom:-30px }
	.project .project-description h5{ color:rgba(255,255,255,.5); font-size:14px; }
	.project img{ opacity:1;}
	.project .project-description p{ opacity:1; visibility:visible;
		-moz-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .2s;
		-webkit-transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .2s;
		transition:all .3s cubic-bezier(0.77, 0, 0.175, 1) .2s;
	 }

	 .team-prev,.team-next{z-index: 999;background-color: #ddd;top: 100px;}
	 .team-prev{left: 0;}
	 .team-next{right: 0;}

	.teacher_detail #close{right: 20px;top: 20px;}
	.teacher_detail .team-bg{position: relative;width: 100%;left: 0; height: auto;margin-top: 70px;}
	.teacher_detail .team-ct{position: relative;left: 0;top: 0;margin: 0;padding: 20px 0;}
	.slimScrollBar{width: 0!important;}

	.banner{height: auto;}
	.banner_bkg{position: relative;left: 0;width: 100%;height: 0;padding-bottom: 40%;}
	.banner_bkg img{position: absolute;left: -44.674%;top: 0;}
	.banner h1{padding: 5px;font-size: 14px;line-height: 20px;}
}