/* common S */
body{ font-size: 12px; font-family: '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53', sans-serif; }
p{
	margin: 0;
}
a{
	color: inherit;
}
a:active{
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
}
.wrapper{
	position: relative; width: 100%; overflow: hidden;
}
.container{
	position: relative; z-index: 1; max-width: 10rem; margin: 0 auto; overflow: hidden;
}
.spr{
	background: url('../images/sprites.png') no-repeat; background-size: 2.4rem;
}
.flex-ss{
	display: flex;
}
.flex-cc{
	display: flex; justify-content: center; align-items: center;
}
.flex-sc{
	display: flex; justify-content: flex-start; align-items: center;
}
.flex-cs{
	display: flex; justify-content: center; align-items: flex-start;
}
.flex-bs{
	display: flex; justify-content: space-between; align-items: flex-start;
}
.flex-se{
	display: flex; justify-content: flex-start; align-items: flex-end;
}
.flex-1{
	flex: 1; overflow: hidden;
}
.flex-1 .p
{
    margin-left: 64px;
    margin-top: -19px;
    font-weight: bold;
    margin-bottom: 1px;
}
.flex-wrap{
	flex-wrap: wrap;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.ht{
	display: block; height: 0; padding: 0; margin: 0; line-height: 0; text-indent: -9999em; opacity: 0; overflow: hidden;
}
.ellipsis-1{
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.ellipsis-2{
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bg-white{
	background-color: #fff;
}
.swiper-container{
	position: relative;
}
.hover:active{
	opacity: 0.9;
}

@font-face {
	font-family: 'custom-font-1';
	src: url('../fonts/HelveticaLTStd-Blk.otf') format('opentype'),
		 url('../fonts/HelveticaLTStd-Blk.woff') format('woff'),
		 url('../fonts/HelveticaLTStd-Blk.ttf') format('truetype');
}
.custom-font-1{
	font-family: 'custom-font-1';margin-top:10px;
}
@font-face {
	font-family: 'custom-font-2';
	src: url('../fonts/HelveticaLTStd-LightCond.otf') format('opentype'),
		 url('../fonts/HelveticaLTStd-LightCond.woff') format('woff'),
		 url('../fonts/HelveticaLTStd-LightCond.ttf') format('truetype');
}
.custom-font-2{
	font-family: 'custom-font-2';
}
@font-face {
	font-family: 'custom-font-3';
	src: url('../fonts/HelveticaLTStd-UltraComp.otf') format('opentype'),
		 url('../fonts/HelveticaLTStd-UltraComp.woff') format('woff'),
		 url('../fonts/HelveticaLTStd-UltraComp.ttf') format('truetype');
}
.custom-font-3{
	font-family: 'custom-font-3';
}

.cont-tit{
	margin: 0; font-size: .426667rem; font-weight: 700; color: #404040;
}
.cont-tit strong{
	margin-right: .04rem; font-size: .853333rem;
}
.cont-tit span{
	position: relative; top: .04rem; margin-left: .2rem; font-size: .48rem; font-weight: normal; color: #b2b2b2; text-transform: uppercase;
}
.cont-tit-white{
	color: #fff;
}
.cont-tit-white span{
	opacity: 0.5;
}
.content-head{
	position: relative;
}
.content-head .more{
	position: absolute; right: .4rem; bottom: 0; height: .48rem; padding: 0 .24rem; font-size: .266667rem; line-height: 1.8em; color: #fff; text-transform: uppercase; background-color: #18d8b6; border-radius: 1.8em;
}
/* common E */

/* nav S */
.nav-wrap{
    position: fixed; top: 0; left: 0; z-index: 97; width: 100%; height: 1.6rem; background-color: rgba(0, 0, 0, 0.85);
}
.nav-wrap.istop{
	background-color: rgba(0, 0, 0, 1);
}
.nav-wrap .nav{
    width: 100%; height: 100%;
}
.nav-wrap .logo{
    position: absolute; top: 0; left: .666667rem; z-index: 5; height: 100%;
}
.nav-wrap .logo img{
    display: block; width: auto; height: 1.066667rem;
}
.nav-wrap .menu{
	position: absolute; top: .4rem; right: .4rem; z-index: 5; width: .8rem; height: .8rem;
}
.nav-wrap .menu i{
	position: absolute; top: 50%; left: 50%; display: block; width: .4rem; height: 2px; margin-left: -.2rem; background-color: #fff; border-radius: 2px; transition: all 0.5s ease;
}
.nav-wrap .menu i:nth-child(1){
	margin-top: -0.16rem;
}
.nav-wrap .menu i:nth-child(3){
	margin-top: 0.16rem;
}
.nav-wrap .menu.active i:nth-child(1){
	margin-top: 0; transform: rotate(45deg); transform-origin: center center;
}
.nav-wrap .menu.active i:nth-child(2){
	opacity: 0;
}
.nav-wrap .menu.active i:nth-child(3){
	margin-top: 0; transform: rotate(-45deg); transform-origin: center center;
}
.nav-wrap .nav-cont{
    position: fixed; top: 0; left: 0; z-index: 3; display: none; box-sizing: border-box; width: 100%; height: 100%; padding-top: 1.6rem; overflow-x: hidden;
}
.nav-wrap .nav-cont .mask{
	position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);
}
.nav-wrap .nav-cont-item{
    display: block; height: 1.173333rem; font-size: .373333rem; line-height: 1.173333rem; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.9); border-top: 1px solid #333;
}
.wrapper-home .nav-wrap .nav-cont-item--home,
.wrapper-2d .nav-wrap .nav-cont-item--2d,
.wrapper-3d .nav-wrap .nav-cont-item--3d,
.wrapper-student .nav-wrap .nav-cont-item--student,
.wrapper-teacher .nav-wrap .nav-cont-item--teacher,
.wrapper-share .nav-wrap .nav-cont-item--share,
.wrapper-contact .nav-wrap .nav-cont-item--contact{
    color: #18d8b6;
}
/* nav E */

/* footer S */
.footer-wrap{
	position: relative; z-index: 3; background-color: #262626;
}
.footer-wrap .footer{
	padding: .32rem 0 .533333rem .4rem;
}
.footer-wrap .list .row{
	box-sizing: border-box; width: 100%; height: 1.36rem; padding-right: .4rem; font-size: .266667rem; color: #b2b2b2; border-bottom: 1px solid #404040;
}
.footer-wrap .list .row{
	margin-top: .2rem;
}
.footer-wrap .list strong{
	width: 2.08rem; font-size: .426667rem; font-weight: normal; color: #fff;
}
.footer-wrap .list i{
	width: .213333rem; height: .373333rem; background-position: 0 -0.24rem;
}
.footer-wrap .list img{
	display: none;
}
.footer-wrap .company{
	padding-top: .36rem; font-size: .266667rem; line-height: 2em; color: #b2b2b2;
}
.footer-wrap .dialog-qrcode{
	position: fixed; top: 0; left: 0; z-index: 101; display: none; width: 100%; height: 100%;
}
.footer-wrap .dialog-qrcode .mask{
	position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);
}
.footer-wrap .dialog-qrcode img{
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; width: 5.4rem; height: 5.4rem; margin: auto;
}
/* footer E */