*{
	padding: 0;
	margin: 0;
}
img{
	padding: 0;
	margin: 0;
	border: none;
}
html{
	overflow-x: hidden;
	height: 100%
}
body{
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei", arial;
	font-size: 12px;
	color: #333333;
	background: #f8f8f8;
	font-weight: normal;
}
textarea,
input{
	padding: 0;
	margin: 0;
	outline: none;
	font-family: "Microsoft YaHei", arial;
	color: #333333;
}
input:focus,
textarea:focus{
	outline: none;
}
ul,
li{
	list-style: none;
	padding: 0;
	margin: 0;
}
a{
	font-family: "Microsoft YaHei", arial;
	color: #333333;
	font-size: 12px;
}
a:active{
	outline: none
}
a{
	outline: none;
}
a:link{
	text-decoration: none;
	color: #333333;
}
a:visited{
	text-decoration: none;
	color: #333333;
}
a:active{
	text-decoration: none;
	color: #333333
}
a:hover{
	text-decoration: none;
	color: #5bb5c7;
}
.wrapper .errorPage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .errorPage .pic{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 15%;
}
.wrapper .errorPage .text{
	width: 100%;
	height: auto;
	line-height: 22px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #616773;
	margin: 15px 0;
}
.wrapper .errorPage .btnRow{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .errorPage .btnRow .btn{
	width: auto;
	display: inline-block;   
}
.wrapper .errorPage .btnRow a{
	width: 114px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #616773;
	float: left;
	font-size: 14px;
	color: #fff;
	margin: 0 10px;
	border-radius: 30px;
}
.wrapper .errorPage .btnRow a:hover{
	background: #79bac8;	
}
.wrapper{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .header{
	width: 100%;
	height: 87px;
	float: left;
	background: #fff;
	position: relative;
	z-index: 999;
}
.wrapper .header .logo{
	width: 380px;
	height: auto;
	float: left;
	margin: 20px 0 0 27px;
}
.wrapper .header .logo img{
	max-width: 100%;
}
.wrapper .header .contact{
	width: auto;
	height: auto;
	float: right;
	margin: 40px 72px 0 0;
}
.wrapper .header .contact .method{
	width: auto;
	height: 14px;
	line-height: 14px;
	float: left;
	margin: 0 0 10px 26px;
	position: relative;
}
.wrapper .header .contact .method .icon{
	width: 12px;
	height: 14px;
	float: left;
	text-align: right;
}
.wrapper .header .contact .method .text{
	width: auto;
	height: 14px;
	line-height: 14px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	color: #a3a3a3;
	margin-left: 4px;
}
.wrapper .header .contact .method .text a{
	font-family: Arial;
	font-size: 14px;
	color: #a3a3a3;
}
.wrapper .header .contact .method.qrcodeBtn{
	cursor: pointer;
}
.wrapper .header .contact .method .qrcode{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 15px;
	left: -20px;
	z-index: 9999;
	background: red;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
	display: none;
}
.wrapper .header .contact .method .qrcode img{
	width: 100%;
	height: auto;
}
.wrapper .header .menu{
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -47px;
	left: 0;
	z-index: 999;
	background: url(../images/header_menu_bg.png);
	text-align: center;
}
.wrapper .header .menu ul{
	display: inline-block;
}
.wrapper .header .menu li{
	width: auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 5px 6px 0 6px;
	float: left;
}
.wrapper .header .menu li:hover,
.wrapper .header .menu li.now{
	border-bottom: solid 2px #e684a7;
}
.wrapper .header .menu li a{
	width: auto;
	height: 40px;
	float: left;
	text-align: center;
	padding: 0 22px;
	font-size: 14px;
	color: #fff;
}
.wrapper .header .menu li a:hover{
	color: #e684a7;	
}
.wrapper .footer{
	width: 100%;
	height: 670px;
	height: auto;
	float: left;
	background: url(../images/footer_bg.png) no-repeat right 0 #ecebec;
}
.wrapper .footer .footer1{
	width: 1156px;
	height: auto;
	margin: 0 auto;
}
.wrapper .footer .title{
	width: 100%;
	height: 115px;
	float: left;
	text-align: center;
}
.wrapper .footer .centent{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 32px;
}
.wrapper .footer .centent .sitemap{
	width: 825px;
	height: 198px;
	float: left;
	border-left: solid 1px #dfdfe0;
}
.wrapper .footer .centent .sitemap .sitemapList{
	width: 164px;
	height: 198px;
	float: left;
	border-right: solid 1px #dfdfe0;
}
.wrapper .footer .centent .sitemap .sitemapList .tit{
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center;
	font-size: 40px;
	color: #45484b;
}
.wrapper .footer .centent .sitemap .sitemapList .tit img{
	margin: 0 2px;
}
.wrapper .footer .centent .sitemap .sitemapList .list{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 13px;
}
.wrapper .footer .centent .sitemap .sitemapList .list li{
	width: 100%;
	height: 24px;
	float: left;
	margin-bottom: 6px;
}
.wrapper .footer .centent .sitemap .sitemapList .list li a{
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	float: left;
	font-size: 12px;
	color: #0c1319;
}
.wrapper .footer .centent .sitemap .sitemapList .list li a:hover,
.wrapper .footer .centent .sitemap .sitemapList .list li.now a{
	background: url(../images/footer_sitemapList.jpg) no-repeat 0 0;
	background-size: 100% 24px;
	color: #fff;
}
.wrapper .footer .centent .sitemap .sitemapList.special{
	width: 124px;
	padding: 0 20px;
}
.wrapper .footer .centent .sitemap .sitemapList.special .list li{
	width: 50%;
}
.wrapper .footer .centent .contact{
	width: 274px;
	height: 198px;
	float: right;
	border-right: solid 1px #dfdfe0;
	padding-right: 20px;
}
.wrapper .footer .centent .contact .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 26px;
	font-size: 12px;
	color: #0c1319;
}
.wrapper .footer .centent .contact .qrcodebox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 16px;
}
.wrapper .footer .centent .contact .qrcodebox .qrcode{
	width: 124px;
	height: 99px;
	float: left;
	background: #fff;
	margin-left: 12px;
}
.wrapper .footer .centent .contact .qrcodebox .qrcode .pic{
	width: 87px;
	height: 87px;
	float: left;
	padding: 6px;
	text-align: center;
}
.wrapper .footer .centent .contact .qrcodebox .qrcode .pic img{
	width: 100%;
	height: auto;
}
.wrapper .footer .centent .contact .qrcodebox .qrcode .txt{
	width: 20px;
	height: 99px;
	line-height: 14.5px;
	float: left;
	padding: 6px 0;
	text-align: center;
	font-size: 12px;
	color: #0c1319;
}
.wrapper .footer .linkList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 42px;
}
.wrapper .footer .linkList .tit{
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	float: left;
	font-size: 16px;
	color: #0c1319;
	background: url(../images/footer_linkList_line.gif) repeat-x 0 center;
}
.wrapper .footer .linkList .tit span{
	background: #ecebec;
	padding: 0 4px;
}
.wrapper .footer .linkList .list{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 18px;
}
.wrapper .footer .linkList .list li{
	width: 133px;
	height: 42px;
	float: left;
	border: solid 1px #dcdcdc;
	background: #fff;
	text-align: center;
	overflow: hidden;
	margin: 0 0 12px 10.8px;
}
.wrapper .footer .linkList .list li a{
	width: 100%;
	height: 42px;
	float: left;
}
.wrapper .footer .linkList .list li img{
	max-width: 100%;
	width: 100%\9;
	height: auto;
	filter: brightness(95%);
    -webkit-filter: brightness(95%);
    -moz-filter: brightness(95%);
    -ms-filter: brightness(95%);
    -o-filter: brightness(95%);
}
.wrapper .footer .linkList .list li a:hover img{
	filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
}
.wrapper .footer .copyright{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-bottom: 86px;
}
.wrapper .footer .copyright .text{
	width: 980px;
	height: auto;
	float: left;
	line-height: 20px;
	font-size: 14px;
	color: #0c1319;
}
.wrapper .footer .copyright .text a{
	font-size: 14px;
	color: #0c1319;	
}
.wrapper .footer .copyright .helloin{
	width: 95px;
	height: auto;
	float: right;
	text-align: right;
}
.wrapper .customerService{
	width: 130px;
	height: auto;
	border: solid 1px #e7e7e7;
	box-shadow: 0px 0px 1px 1px #e7e7e7;
	background: #fff;
	position: fixed;
	top: 50%;
	right: -1px;
	z-index: 1001;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -210px\9;
}
.wrapper .customerService .title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #343434;
	background: #f6f6f6;
	border-bottom: solid 1px #e7e7e7;
}
.wrapper .customerService .title .title1{
	padding-left:14px;
	width:auto;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #343434;
	float:left;
}
.wrapper .customerService .title .qqclose{
	padding-right:14px;
	padding-top:12px;
	width:auto;
	height: 10px;
	float:right;
	cursor:pointer;
}
.wrapper .customerService .time{
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-family: "SimSun", Arial;
	font-size: 12px;
	color: #999999;
	float: left;
}
.wrapper .customerService .servicelist{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .customerService .tit2{
	width: 100%;
	height: 22px;
	line-height: 22px;
	text-align: center;
	float: left;
	font-family: "SimSun", Arial;
	font-weight: bold;
	font-size: 12px;
	color: #696969;
}
.wrapper .customerService .list{
	width: 100%;
	height: 23px;
	float: left;
	margin-bottom: 6px;
	overflow: hidden;
	text-align: center;
}
.wrapper .customerService .phone{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .customerService .weChat .txt,
.wrapper .customerService .phone .txt{
	width: 100%;
	height: auto;
	float: left;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	line-height: 15px;
}
.wrapper .customerService .weChat{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 14px;
}
.wrapper .customerService .weChat .pic{
	width: 96px;
	height: 96px;
	text-align: center;
	overflow: hidden;
	margin-left: 17px;
	display: inline;
	float: left;
}
.wrapper .customerService .weChat .pic img{
	width: 100%;
	height: auto;
}
.wrapper .customerService .weChat .text{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 13px;
	color: #696969;
	line-height: 18px;
}
.wrapper .customerService .bottom{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .customerService .bottom .topBtn,
.wrapper .customerService .bottom .contactBtn{
	width: 64px;
	height: 28px;
	float: left;
	background: url(../images/customerService_btn1.gif) no-repeat center center #e684a7;
	cursor: pointer;
	border-radius: 0 0 2px 2px;
	position: relative;
}
.wrapper .customerService .bottom .contactBtn{
	border-left: solid 1px #fff; 
	background: url(../images/customerService_btn2.gif) no-repeat center center #5bb5c7;
}
.wrapper .customerService .bottom .topBtn .txt,
.wrapper .customerService .bottom .contactBtn .txt{
	width: 100%;
	height: 22px;
	position: absolute;
	bottom: -22px;
	left: 0;
	background: #e684a7;
	line-height: 22px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	display: none;
}
.wrapper .customerService .bottom .contactBtn .txt{
	background: #5bb5c7;	
}
.wrapper .customerService .bottom .topBtn:hover .txt,
.wrapper .customerService .bottom .contactBtn:hover .txt{
	display: block;
}
.wrapper .customerService .bottom .topBtn a,
.wrapper .customerService .bottom .contactBtn a{
	width: 100%;
	height: 100%;
	float: left;
}	
.wrapper .main{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .menuOccupied{
	width: 100%;
	height: 47px;
	float: left;
	background: #79bac8;
}
.wrapper .main .newsPage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .newsPage .newsDetailed{
	width: 1156px;
	height: auto;
	margin: 0 auto;
}
.wrapper .main .breadcrumbNav{
	width: 100%;
	height: 54px;
	float: left;
	margin-top: 4px;
	border-bottom: solid 1px #ebebeb;
}
.wrapper .main .breadcrumbNav li{
	width: auto;
	height: 54px;
	line-height: 54px;
	float: left;
	background: url(../images/breadcrumbNav.gif) no-repeat 0 center;
	padding-left: 17px;
	padding-right: 2px;
	margin-left: 11px;
	font-size: 14px;
	color: #333333;
}
.wrapper .main .breadcrumbNav li.special{
	padding-left: 0;
	margin-left: 0;
	background: none;
	border-bottom: solid 1px #d6d6d6;
}
.wrapper .main .breadcrumbNav li a{
	font-size: 14px;
	color: #474747;	
}
.wrapper .main .breadcrumbNav li a:hover{
	color: #5bb5c7;
}
.wrapper .newsPage .newsDetailed .detailed{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .newsPage .newsDetailed .detailed .title{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #ebebeb;
	padding: 20px 0;
}
.wrapper .newsPage .newsDetailed .detailed .title .tit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 46px;
	font-size: 36px;
	color: #333333;
	margin-top: 10px;
}
.wrapper .newsPage .newsDetailed .detailed .title .info{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}
.wrapper .newsPage .newsDetailed .detailed .title .see,
.wrapper .newsPage .newsDetailed .detailed .title .info .time{
	width: auto;
	height: 16px;
	line-height: 16px;
	float: left;
	padding-left: 15px;
	background: url(../images/time.gif) no-repeat 0 center;
	font-size: 14px;
	color: #797979;
}
.wrapper .newsPage .newsDetailed .detailed .title .see{
	padding-left: 17px;
	background: url(../images/see.gif) no-repeat 0 center;
	margin-left: 23px;
}
.wrapper .newsPage .newsDetailed .detailed .centen{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 24px;
}
.wrapper .newsPage .newsDetailed .detailed .centen .article{
	width: 794px;
	height: auto;
	float: left;
}
.wrapper .newsPage .newsDetailed .detailed .centen .article .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 34px;
	font-size: 16px;
	color: #333333;
	padding-bottom: 65px;
}
.wrapper .newsPage .newsDetailed .detailed .centen .article .sharebox{
	width: 100%;
	height: auto;
	float: left;
	text-align: right;
}
.wrapper .newsPage .newsDetailed .detailed .centen .bdsharebuttonbox{
	width: auto;
	height: 16px;
	float: right;
	padding-bottom: 50px;
	border-bottom: solid 1px #ebebeb;
}
.wrapper .newsPage .newsDetailed .detailed .centen .bdsharebuttonbox a{
	margin: 0 3px;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 52px;
	margin-bottom: 90px;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next,
.wrapper .newsPage .newsDetailed .detailed .aroundbox .previous{
	width: 50%;
	height: 35px;
	float: left;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next .btn,
.wrapper .newsPage .newsDetailed .detailed .aroundbox .previous .btn{
	width: 35px;
	height: 35px;
	float: left;
	background: url(../images/aroundbox_previous.png) no-repeat center center #79bac8;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next .txt,
.wrapper .newsPage .newsDetailed .detailed .aroundbox .previous .txt{
	width: 220px;
	height: 35px;
	float: left;
	line-height: 18px;
	font-size: 16px;
	color: #333333;
	padding-left: 12px;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next{
	float: right;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next .btn{
	float: right;
	background: url(../images/aroundbox_next.png) no-repeat center center #79bac8;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next .txt{
	float: right;
	text-align: right;
	padding-right: 12px;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next a:hover .btn,
.wrapper .newsPage .newsDetailed .detailed .aroundbox .previous a:hover .btn{
	background-color: #259bb5;
}
.wrapper .newsPage .newsDetailed .detailed .aroundbox .next a:hover .txt,
.wrapper .newsPage .newsDetailed .detailed .aroundbox .previous a:hover .txt{
	color: #259bb5;	
}
.wrapper .newsPage .newsDetailed .detailed .sidebar{
	width: 258px;
	height: auto;
	float: right;
	background: #fff;
	padding: 0 20px 0 24px;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .title{
	width: 100%;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	margin-top: 20px;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .title .tit{
	width: auto;
	height: 24px;
	line-height: 24px;
	float: left;
	font-size: 22px;
	color: #0c1319;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .title .egtit{
	width: auto;
	height: 24px;
	line-height: 12px;
	float: left;
	font-size: 8px;
	color: #d5d5d6;
	margin-top: 10px;
	margin-left: 5px;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #eeefef;
	padding: 18px 0;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li .tit{
	width: 100%;
	height: auto;
	max-height: 40px;
	height: 40px\9;
	float: left;
	line-height: 20px;
	font-size: 14px;
	color: #0c1319;
	overflow:hidden;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li .tit a{
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;         
	word-break:break-all;
	font-size: 14px;
	color: #0c1319;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li .tit a:hover{
	color: #5BB5C7;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li .info{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li .info .date{
	width: auto;
	height: 14px;
	float: left;
	padding-left: 15px;
	background: url(../images/time.gif) no-repeat 0 center;
	line-height: 14px;
	font-size: 13px;
	color: #797979;
}
.wrapper .newsPage .newsDetailed .detailed .sidebar .newsList li .info .see{
	width: auto;
	height: 14px;
	line-height: 14px;
	float: left;
	margin-left: 23px;
	padding-left: 17px;
	background: url(../images/see.gif) no-repeat 0 center;
	font-size: 13px;
	color: #797979;
}
.wrapper .studentPage .banner,
.wrapper .newsPage .banner{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.wrapper .studentPage .banner .fullSlide,
.wrapper .newsPage .banner .fullSlide{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	background: #000;
}
.wrapper .studentPage .banner .fullSlide .bd,
.wrapper .newsPage .banner .fullSlide .bd{
	position: relative;
	z-index: 0;
}
.wrapper .studentPage .banner .fullSlide .bd li{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.wrapper .studentPage .banner .fullSlide .bd li img,
.wrapper .newsPage .banner .fullSlide .bd li img{
	width: 100%;
	vertical-align: top;
}
.wrapper .studentPage .banner .fullSlide .hd,
.wrapper .newsPage .banner .fullSlide .hd{
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: 47px;
	left: 0;
	z-index: 5;	
	text-align: center;
}
.wrapper .studentPage .banner .fullSlide .hd ul,
.wrapper .newsPage .banner .fullSlide .hd ul{
	display: inline-block;
}
.wrapper .studentPage .banner .fullSlide .hd li,
.wrapper .newsPage .banner .fullSlide .hd li{
	width: 6px;
	height: 6px;
	float: left;
	border: solid 3px #fff;
	margin: 0 5px;
	font-size: 0;
	cursor: pointer;
	position: relative;
}
.wrapper .studentPage .banner .fullSlide .hd li.on,
.wrapper .newsPage .banner .fullSlide .hd li.on{
	border: solid 4px #ffe401;
	background: #ffe401;
	margin-top: -1px;
	margin: -1px 4px 0 4px;
}
.wrapper .studentPage .banner .fullSlide .bd li .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/banner_filter.png);
}
.wrapper .newsPage .newsListPage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .columnTitle{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .columnTitle .egtit{

	width: 100%;
	height: auto;
	line-height: 24px;
	float: left;
	font-family: Arial;
	font-size: 20px;
	color: #5bb5c7;
	letter-spacing: 12px;
	text-align: center;
}
.wrapper .columnTitle .tit{
	width: 100%;
	height: auto;
	line-height: 48px;
	float: left;
	font-family: "SimSun";
	font-size: 40px;
	color: #171b25;
	letter-spacing: 10px;
	text-align: center;
}
.wrapper .columnTitle .tit a{
	font-family: "SimSun";
	font-size: 40px;
	color: #171b25;
}
.wrapper .newsPage .newsListPage .columnTitle{	
	margin: 38px 0 30px 0;
}
.wrapper .newsMenu{
	width: 100%;
	height: 56px;
	border-top: solid 1px #e5e5e6;
	border-bottom: solid 1px #e5e5e6;
	float: left;
	text-align: center;
}
.wrapper .newsMenu ul{
	display: inline-block;
}
.wrapper .newsMenu li{
	width: auto;
	height: 56px;
	float: left;
	margin: 0 10px;
}
.wrapper .newsMenu li span,
.wrapper .newsMenu li a{
	width: auto;
	height: 56px;
	line-height: 56px;
	float: left;
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	color: #404248;
	cursor: pointer;
}
.wrapper .newsMenu li.now span,
.wrapper .newsMenu li span:hover,
.wrapper .newsMenu li.now a,
.wrapper .newsMenu li a:hover{
	color: #e684a7;
}
.wrapper .newsMenu li.now span,
.wrapper .newsMenu li.now a{
	border-bottom: solid 2px #e684a7;
}
.wrapper .newsListbox{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 168px;
}
.wrapper .newsListbox .newsListbox1{
	width: 1290px;
	height: auto;
	margin: 0 auto;
}
.wrapper .newsListbox .nopicList{
	width: 100%;
	height: auto;
	float: left;
	margin: 68px 0;
}
.wrapper .newsListbox .nopicList li{
	width: 383px;
	height: 211px;
	float: left;
	margin-left: 55.5px;
	margin-bottom: 27px;
}
.wrapper .newsListbox .nopicList li a{
	width: 333px;
	height: 161px;
	padding: 25px 30px;
	float: left;
}
.wrapper .newsListbox .nopicList li a .newsdetail1{
	width: 333px;
	height: 124px;
	float: left;
	overflow:hidden;
}
.wrapper .newsListbox .nopicList li a:hover{
	background: url(../images/nopicList_bg.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.wrapper .newsListbox .nopicList li a:hover{
	background: 
}
.wrapper .newsListbox .nopicList li .top{
	width: 100%;
	height: 38px;
	float: left;
}
.wrapper .newsListbox .nopicList li .top .date{
	width: 50%;
	height: 35px;
	line-height: 35px;
	float: left;
	font-size: 38px;
	color: #797979;
}
.wrapper .newsListbox .nopicList li a:hover .top .date{
	color: #fff;
}
.wrapper .newsListbox .nopicList li .top .date span{
	width: 25px;
	height: 35px;
	float: left;
	background: url(../images/number0.png) no-repeat center center;
	margin: 0 1px;
}
.wrapper .newsListbox .nopicList li .top .date span.bar{
	background-image: url(../images/number_bar.gif);
}
.wrapper .newsListbox .nopicList li .top .date span.num0{
	background-image: url(../images/number0.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num1{
	background-image: url(../images/number1.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num2{
	background-image: url(../images/number2.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num3{
	background-image: url(../images/number3.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num4{
	background-image: url(../images/number4.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num5{
	background-image: url(../images/number5.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num6{
	background-image: url(../images/number6.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num7{
	background-image: url(../images/number7.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num8{
	background-image: url(../images/number8.png);
}
.wrapper .newsListbox .nopicList li .top .date span.num9{
	background-image: url(../images/number9.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.bar{
	background-image: url(../images/number_bar2.gif);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num0{
	background-image: url(../images/number01.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num1{
	background-image: url(../images/number11.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num2{
	background-image: url(../images/number21.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num3{
	background-image: url(../images/number31.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num4{
	background-image: url(../images/number41.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num5{
	background-image: url(../images/number51.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num6{
	background-image: url(../images/number61.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num7{
	background-image: url(../images/number71.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num8{
	background-image: url(../images/number81.png);
}
.wrapper .newsListbox .nopicList li a:hover .top .date span.num9{
	background-image: url(../images/number91.png);
}
.wrapper .newsListbox .nopicList li .top .see{
	width: auto;
	height: 28px;
	line-height: 28px;
	float: right;
	padding-left: 16px;
	background: url(../images/see.gif) no-repeat 0 center;
	font-size: 14px;
	color: #797979;
	margin-top: 10px;
}
.wrapper .newsListbox .nopicList li a:hover .top .see{
	background: url(../images/seefff.png) no-repeat 0 center;
	color: #fff;
}
.wrapper .newsListbox .nopicList li .tit{
	width: 100%;
	height:auto;
	line-height: 26px;
	float: left;
	font-size: 18px;
	color: #0c1319;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;         
	word-break:break-all;
	margin-top: 12px;
}
.wrapper .newsListbox .nopicList li a:hover .tit{
	color: #fff;
}
.wrapper .newsListbox .nopicList li .text{
	width: 100%;
	height:auto;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #797979;
	margin-top: 10px;
	overflow:hidden;
}
.wrapper .newsListbox .nopicList li a:hover .text{
	color: #fff;
}
@media only screen and (max-width: 1490px){   
	.wrapper .newsListbox .newsListbox1{
		width: 1117px;	
	}
	.wrapper .newsListbox .nopicList li{
		width: 359px;
		height: 171px;
		margin-left: 20px;
		margin-bottom: 15px;
	}
	.wrapper .newsListbox .nopicList li a{
		width: 323px;
		height: 151px;
		padding: 10px 18px;
	}
}
@media only screen and (max-width: 1490px){
	.wrapper .newsListbox .newsListbox1{
		width: 1250px;	
	}
}
.wrapper .pagingbox{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .pagingbox ul{
	display: inline-block;
}
.wrapper .pagingbox li{
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 5px;
}
.wrapper .pagingbox li a{
	width: 60px;
	height: 60px;
	line-height: 60px;
	float: left;
	text-align: center;
	background: #414349;
	font-size: 14px;
	color: #fff;
}
.wrapper .pagingbox li.now a,
.wrapper .pagingbox li a:hover{
	background: #c1c1c1;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList{
	width: 100%;
	height: auto;
	float: left;
	margin: 95px 0 0 0;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li{
	width: 372px;
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 85px;
	margin-left: 87px;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li a{
	width: 100%;
	height: 100%;
	float: left;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .date{
	width: 72px;
	height: 72px;
	position: absolute;
	z-index: 8;
	top: -37px;
	left: 20px;
	border: solid 3px #414349;
	text-align: center;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li a:hover .date{
	background: #79bac8;
	border: solid 3px #79bac8;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .date .month{
	width: 100%;
	height: 12px;
	line-height: 12px;
	float: left;	
	font-size: 12px;
	font-weight: bold;
	color: #414349;
	margin-top: 22px;
}.wrapper .newsPage .newsListPage .newsListbox .newsList li a:hover .date .month{
	color: #f8f8f8;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .date .day{
	width: 100%;
	height: 16px;
	line-height: 16px;
	float: left;	
	font-size: 16px;
	font-weight: bold;
	color: #414349;
}.wrapper .newsPage .newsListPage .newsListbox .newsList li a:hover .date .day{
	color: #f8f8f8;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .pic{
	width: 100%;
	height: 210px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(../images/newsList_filter.png);
	display: none;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li a:hover .pic .filter{
	display: block;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .tit{
	width: 100%;
	height: 56px;
	line-height: 56px;
	float: left;
	font-size: 18px;
	color: #414349;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;         
	word-break:break-all; 
	background: url(../images/newsListbox_tit.gif) no-repeat 0 bottom;
}
.wrapper .newsPage .newsListPage .newsListbox .newsList li .text{
	width: 100%;
	height: 96px;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #8e8f92;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:4;                   
	-webkit-box-orient:vertical;         
	word-break:break-all; 
	margin-top: 30px;
}
@media only screen and (max-width: 1570px){
	.wrapper .newsPage .newsListPage .newsListbox .newsList li{
		margin-bottom: 60px;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 1340px){
	.wrapper .newsPage .newsListPage .newsListbox .newsList li{
		width: 350px;
	}
}
.wrapper .newsPage .newsListPage .trainingList{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .newsPage .newsListPage .trainingList .trainingList1{
	width: 1156px;
	height: auto;
	margin: 0 auto;
}
.wrapper .newsPage .newsListPage .trainingList .list{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 43px;
	margin-bottom: 75px;
}
.wrapper .newsPage .newsListPage .trainingList .list li{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 38px;
}
.wrapper .newsPage .newsListPage .trainingList .list li a{
	width: 100%;
	height: 100%;
	float: left;
}
.wrapper .newsPage .newsListPage .trainingList .list li .pic{
	width: 578px;
	height: 326px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .newsPage .newsListPage .trainingList .list li.reverse .pic{
	float: right;
}
.wrapper .newsPage .newsListPage .trainingList .list li .pic img{
	width: 100%;
	height: auto;
	filter: brightness(90%);
    -webkit-filter: brightness(90%);
    -moz-filter: brightness(90%);
    -ms-filter: brightness(90%);
    -o-filter: brightness(90%);
}
.wrapper .newsPage .newsListPage .trainingList .list li a:hover .pic img{
	filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
}
.wrapper .newsPage .newsListPage .trainingList .list li .pic .txt{
	width: auto;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #5bb5c7;
	padding: 0 35px;
	font-size: 16px;
	color: #fff;
}
.wrapper .newsPage .newsListPage .trainingList .list li .article{
	width: 490px;
	height: auto;
	min-height: 326px;
	float: right;
	padding: 0 44px;
	background: #fff;
}
.wrapper .newsPage .newsListPage .trainingList .list li.reverse .article{
	float: left;
}
.wrapper .newsPage .newsListPage .trainingList .list li .article .tit{
	width: 100%;
	height: 26px;
	line-height: 26px;
	float: left;
	font-size: 24px;
	color: #414349;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;         
	word-break:break-all; 
	margin-top: 40px;
}
.wrapper .newsPage .newsListPage .trainingList .list li a:hover .article .tit{
	color: #5bb5c7;
}
.wrapper .newsPage .newsListPage .trainingList .list li .article .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #929395;
	margin-top: 32px;
}
.wrapper .newsPage .newsListPage .trainingList .list li .article .text .txt{
	width: 100%;
	height: auto;
	max-height: 96px;
	height: 96px\9;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:4;                   
	-webkit-box-orient:vertical;         
	word-break:break-all; 
}
.wrapper .newsPage .newsListPage .trainingList .list li .article .text .info{
	width: 100%;
	height: 72px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;                   
	-webkit-box-orient:vertical;         
	word-break:break-all; 
	margin-top: 24px;
}
.wrapper .main .newsPage .trainingDetailed{
	width: 1156px;
	height: auto;
	margin: 0 auto;
}
.wrapper .newsPage .trainingDetailed .detailed{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 33px;
}
.wrapper .newsPage .trainingDetailed .detailed .detailedTop{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
}
.wrapper .newsPage .trainingDetailed .detailedTop .pic{
	width: 578px;
	height: 326px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .newsPage .trainingDetailed .detailedTop .pic img{
	width: 100%;
	height: auto;
}
.wrapper .newsPage .trainingDetailed .detailedTop .pic .txt{
	width: auto;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #5bb5c7;
	padding: 0 35px;
	font-size: 16px;
	color: #fff;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info{
	width: 470px;
	height: auto;
	float: right;
	margin-right: 58px;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .tit{
	width: 100%;
	height: auto;
	line-height: 28px;
	font-size: 24px;
	color: #414349;
	float: left;
	margin-top: 46px;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .infoList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 25px;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .infoList li{
	width: 100%;
	height: auto;
	float: left;
	line-height: 32px;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .infoList li .tit1{
	font-size: 14px;
	color: #929395;
	float: left;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .infoList li .txt1{
	font-size: 14px;
	color: #171b25;
	float: left;
	margin-left: 16px;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .btn{
	width: 174px;
	height: 40px;
	float: left;
	background: #79bac8;
	margin-top: 25px;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .btn:hover{
	background: #2cb0cc;
}
.wrapper .newsPage .trainingDetailed .detailedTop .info .btn input,
.wrapper .newsPage .trainingDetailed .detailedTop .info .btn a{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
}
.wrapper .newsPage .trainingDetailed .detailedCenten{
	width: 1040px;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 28px;
	padding: 0 58px;
	margin-bottom: 80px;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .article{
	width: 100%;
	height: auto;
	float: left;
	line-height: 34px;
	font-size: 16px;
	color: #333333;
	padding: 46px 0;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .article .tit{
	width: 100%;
	height: 46px;
	line-height: 46px;
	float: left;
	border-bottom: solid 1px #f0f0f0;
	padding: 0;
	margin: 10px 0;
	background: none;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .article .tit span{
	width: auto;
	height: 46px;
	line-height: 46px;
	float: left;
	border-bottom: solid 1px #79bac8;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .columnTitle{
	margin: 38px 0 30px 0;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 58px;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li{
	width: 331px;
	height: auto;
	float: left;
	margin: 0 0 22px 22px;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li a{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li .pic{
	width: 100%;
	height: 188px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li .pic .txt{
	width: auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 0 18px;
	background: #5bb5c7;
	font-size: 16px;
	color: #fff;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li .tit{
	width: 100%;
	height: 22px;
	line-height: 22px;
	float: left;
	font-size: 20px;
	color: #414349;
	margin-top: 16px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li a:hover .tit{	
	color: #5bb5c7;
}
.wrapper .newsPage .trainingDetailed .detailedCenten .recentCourse .list li .info{
	width: 100%;
	height: 72px;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #929395;
	margin-top: 15px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .professionalPage{
	width: 100%;
	height: auto;
	float: left;
} 
.wrapper .professionalPage .banner{
	width: 100%;
	height: 513px;
	float: left;
	background: no-repeat center 0;
}
.wrapper .professionalPage .banner .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 205px;
}
.wrapper .professionalPage .banner .title .egtit{
	width: 100%;
	height: auto;
	line-height: 20px;
	float: left;
	font-size: 17px;
	font-family: Arial;
	color: #5bb5c7;
	letter-spacing: 8px;
	padding-right: 32px;
	box-sizing: border-box;
}
.wrapper .professionalPage .banner .title .tit{
	width: 100%;
	height: auto;
	line-height: 60px;
	float: left;
	font-family: "SimSun";
	font-size: 55px;
	color: #fff;
	letter-spacing: 34px;
	margin-top: 8px;
}
.wrapper .professionalPage .banner .courseMenu{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 34px;
}
.wrapper .professionalPage .banner .courseMenu ul{
	display: inline-block;
}
.wrapper .professionalPage .banner .courseMenu li{
	width: auto;
	height: auto;
	float: left;
	padding: 0 9px 0 22px;
	background: url(../images/courseMenu.png) no-repeat 0 4px;
}
.wrapper .professionalPage .banner .courseMenu li a{
	width: auto;
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 18px;
	color: #fff;
	padding: 0 1px 7px 1px;
}
.wrapper .professionalPage .banner .courseMenu li a:hover{
	color: #e684a7;
}
.wrapper .professionalPage .banner .courseMenu li.now a{
	color: #e684a7;
	border-bottom: solid 4px #e684a7;
}
.wrapper .professionalPage .introduction{
	width: 100%;
	height: 705px;
	float: left;
	border-top: solid 1px #c3baba;
}
.wrapper .professionalPage .introduction .bigdiv{
	max-width: 804px;
	width: 40%;
	height: 705px;
	background: #5bb5c7;
	float: left;
	text-align: center;
	position: relative;
}
.wrapper .professionalPage .introduction .bigdiv .text{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;                        
	transform: translate(0, -50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	margin-top: -72px\9;
}
.wrapper .professionalPage .introduction .bigdiv .text .txt{
	width: 100%;
	height: auto;
	float: left;
	font-size: 46px;
	font-family: "SimSun";
	color: #fff;
}
.wrapper .professionalPage .introduction .bigdiv .text .txt span{
	font-size: 110px;
}
.wrapper .professionalPage .introduction .bigdiv .text .egtxt{
	width: 100%;
	height: auto;
	float: left;
	font-family: Arial;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	letter-spacing: 8px;
}




.wrapper .professionalPage .introduction .bigdiv img{
	max-width: 100%;	
	vertical-align: middle;
}
.wrapper .professionalPage .introduction .article{	
	width: 60%;
	height: 705px;
	background: url(../images/professionalPage_article.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	float: right;
	/*padding: 148px 148px 120px 148px; */
	padding: 7% 148px 5% 7%; 
	box-sizing: border-box;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
.wrapper .professionalPage .examAdvice{
	width: 100%;
	height: 707px;
	height: auto;
	float: left;
	background: #f1f0f1;
}
.wrapper .professionalPage .examAdvice .examAdviceList{
	width: 62%;
	height: 707px;
	height: auto;
	float: left;
	padding: 0 10%;
	box-sizing: border-box;
}
.wrapper .professionalPage .examAdvice .examAdviceList .columnTitle{	
	margin-top: 15%;
}
.wrapper .professionalPage .examAdvice .examAdviceList .columnTitle .egtit{
	letter-spacing: 1px;
}
.wrapper .professionalPage .examAdvice .examAdviceList .list{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 70px;
}
@media only screen and (max-width: 1290px){    
	.wrapper .professionalPage .examAdvice .examAdviceList .list{
		margin-top: 40px;               		
	}
}
.wrapper .professionalPage .examAdvice .examAdviceList .list li{
	width: 50%;
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 13px;
	box-sizing: border-box;
	background: url(../images/examAdviceList.gif) no-repeat 0 center;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .professionalPage .examAdvice .examAdviceList .list li a{
	font-size: 14px;
	color: #414349;
}
.wrapper .professionalPage .examAdvice .examAdviceList .list li a:hover{
	color: #5bb5c7;
}
.wrapper .professionalPage .examAdvice .bigdiv{
	width: 38%;
	height: 707px;
	height: auto;
	float: right;
	text-align: center;
	overflow: hidden;
}
.wrapper .professionalPage .examAdvice .bigdiv img{
	width: 100%;
	height: auto;
}
.wrapper .recentCourses{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	z-index: 9;
}
.wrapper .recentCourses .columnTitle{
	margin-top: 68px;
}
.wrapper .recentCourses .columnTitle .egtit{
	letter-spacing: 16px;
}
.wrapper .recentCourses .list{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 74px;
	margin-bottom: 60px;
	padding: 0 110px;
	box-sizing: border-box;
}
.wrapper .recentCourses .list ul{
	display: inline-block;
}
.wrapper .recentCourses .list li{
	width: 480px;
	height: auto;
	float: left;
	margin-bottom: 30px;
	padding: 12px;
	box-sizing: border-box;
}
@media only screen and (max-width: 1678px){
	.wrapper .recentCourses .list li{width: 400px;}
}
@media only screen and (max-width: 1438px){
	.wrapper .recentCourses .list li{width: 344px;}
}

.wrapper .recentCourses .list li a{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .recentCourses .list li .pic{
	width: 100%;
	max-height: 277px;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .recentCourses .list li .pic img{
	width: 100%;
	height: auto;
	filter: brightness(80%);
    -webkit-filter: brightness(80%);
    -moz-filter: brightness(80%);
    -ms-filter: brightness(80%);
    -o-filter: brightness(80%);
}
.wrapper .recentCourses .list li a:hover .pic img{
	filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
}
.wrapper .recentCourses .list li .pic .txt{
	width: auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: #5bb5c7;
	font-size: 16px;
	color: #fff;
	padding: 0 35px;
}
.wrapper .recentCourses .list li .tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	font-size: 20px;
	color: #414349;
	padding: 0 52px 0 16px;
	box-sizing: border-box;
	text-align: left;
	background: url(../images/recentCoursesListArrow.gif) no-repeat 440px center\9; 
	background: url(../images/recentCoursesListArrow.gif) no-repeat right 25px center; 
	margin-top: 24px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .recentCourses .list li a:hover .tit{
	color: #5bb5c7;
}
.wrapper .recentCourses .list li .info{
	width: 100%;
	height: 72px;
	float: left;
	padding: 0 16px;
	box-sizing: border-box;
	line-height: 24px;
	font-size: 14px;
	color: #929395;
	text-align: left;
	margin-top: 18px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .recentCourses .floatingLetter{
	width: 100%;
	height: 344px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.wrapper .recentCourses .floatingLetter div{
	position: absolute;
	z-index: 2;
	background: no-repeat 0 0;
}
.wrapper .recentCourses .floatingLetter div.Letter1{
	width: 223px;
	height: 295px;
	background-image: url(../images/floatingLetterC.png);
	/*top: 49px;*/
	top: -51px;
	left: 50%;
	margin-left: -862px;
}
.wrapper .recentCourses .floatingLetter div.Letter2{
	width: 61px;
	height: 70px;
	background-image: url(../images/floatingLetterO.png);
	/*top: 135px;*/
	top: 270px;
	left: 50%;
	margin-left: -432px;
}
.wrapper .recentCourses .floatingLetter div.Letter3{
	width: 84px;
	height: 88px;
	background-image: url(../images/floatingLetterU.png);
	/*top: 234px;*/
	top: 50px;
	left: 50%;
	margin-left: -191px;
}
.wrapper .recentCourses .floatingLetter div.Letter4{
	width: 86px;
	height: 89px;
	background-image: url(../images/floatingLetterR.png);
	/*top: 149px;*/
	top: 300px;
	right: 50%;
	margin-right: -450px;
}
.wrapper .recentCourses .floatingLetter div.Letter5{
	width: 43px;
	height: 68px;
	background-image: url(../images/floatingLetterS.png);
	/*top: 96px;*/
	top: 20px;
	right: 50%;
	margin-right: -493px;
}
.wrapper .recentCourses .floatingLetter div.Letter6{
	width: 91px;
	height: 110px;
	background-image: url(../images/floatingLetterE.png);
	/*top: 0px;*/
	top: 250px;
	right: 50%;
	margin-right: -695px;
}
.wrapper .contactPage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .contactPage .banner{
	width: 100%;
	height: 834px;
	float: left;
	background: no-repeat center 0;
	background-size: auto 100%;
	position: relative;
}
.wrapper .contactPage .banner .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 150px;
	background: url(../images/contactPage_banner_title.gif) no-repeat center bottom;
	padding-bottom: 50px;
}
.wrapper .contactPage .banner .title .tit{
	width: 100%;
	height: auto;
	float: left;
	font-family: "SimSun";
	font-size: 80px;
	color: #fff;
}
.wrapper .contactPage .banner .title .txt{
	width: 100%;
	height: auto;
	float: left;
	line-height: 28px;
	font-family: "SimSun";
	font-size: 16px;
	color: #fff;
	margin-top: 5px;
}
.wrapper .contactPage .banner .contact{
	width: 100%;
	height: 277px;
	position: absolute;
	bottom: 85px;
	left: 0;
	z-index: 2;
	background: url(../images/contact_bg.png) repeat-y 0 0;
}
.wrapper .contactPage .banner .contact .contact1{
	width: 1156px;
	height: auto;
	margin: 0 auto;
}
.wrapper .contactPage .banner .contact .contactList{
	width: 838px;
	height: auto;
	float: left;
	margin-top: 85px;
}
.wrapper .contactPage .banner .contact .contactList li{
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.wrapper .contactPage .banner .contact .contactList li .icon{
	width: 41px;
	height: 41px;
	float: left;
	text-align: center;
	overflow: hidden;
}
.wrapper .contactPage .banner .contact .contactList li .icon img{
	width: 100%;
	height: auto;
}
.wrapper .contactPage .banner .contact .contactList li .text{
	width: 365px;
	height: auto;
	float: right;
	line-height: 26px;
	font-size: 16px;
	color: #fff;
	margin-top: 7px;
	margin-right: 4px;
}
.wrapper .contactPage .banner .contact .contactList li .text span{
	font-weight: bold;
}
.wrapper .contactPage .banner .contact .qrcodeList{
	width: auto;
	height: auto;
	float: right;
	margin-top: 72px;
}
.wrapper .contactPage .banner .contact .qrcodeList .qrcodebox{
	width: 122px;
	height: auto;
	float: left;
	margin-left: 30px;
}
.wrapper .contactPage .banner .contact .qrcodeList .qrcodebox .pic{
	width: 110px;
	height: 110px;
	float: left;
	padding: 6px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}
.wrapper .contactPage .banner .contact .qrcodeList .qrcodebox .pic img{
	width: 100%;
	height: auto;
}
.wrapper .contactPage .banner .contact .qrcodeList .qrcodebox .text{
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #fff;
	letter-spacing: 6px;
}
.wrapper .contactPage .map{
	width: 100%;
	height: 660px;
	float: left;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
}
.wrapper .contactPage .map #dituContent{
	width: 100%;
	height: 660px;
}
.iw_poi_title {
	color:#CC5522;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	padding-right:13px;
	white-space:nowrap;
}
.iw_poi_content {
	font:12px arial,sans-serif;
	overflow:visible;
	padding-top:4px;
	white-space:-moz-pre-wrap;
	word-wrap:break-word;
}
.BMapLabel{
	margin-left: -60px;
}
.wrapper .advantagePage{
	width: 100%;
	height: 50px;
	float: left;
}
.wrapper .advantagePage .teacherTeam{
	width: 100%;
	height: 100%;
	float: left;
	background: url(../images/advantagePage_bg1.jpg) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.wrapper .advantagePage .teacherTeam .columnTitle{
	margin-top: 200px;
}
.wrapper .advantagePage .teacherTeam .columnTitle .egtit{
	color: #fff;
	font-size: 12px;
	letter-spacing: 8px;
}
.wrapper .advantagePage .teacherTeam .columnTitle .tit{
	color: #fff;
}
.wrapper .advantagePage .teacherTeam .teacherList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 46px;
}
.wrapper .advantagePage .teacherTeam .picScroll-left{
	width: 1600px;	
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding: 0 114px;
	text-align: center;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .prev,
.wrapper .advantagePage .teacherTeam .picScroll-left .next{
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	top: 137px;
	left: 30px;
	z-index: 999;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/teacherList_prev.png) no-repeat 0 0;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .next{
	left: auto;
	right: 30px;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .prev:hover{
	background: url(../images/teacherList_prev2.png) no-repeat 0 0;	
}
.wrapper .advantagePage .teacherTeam .picScroll-left .next:hover{
	background: url(../images/teacherList_next2.png) no-repeat 0 0;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd ul{
	display: inline-block;
	overflow: hidden;
	zoom: 1;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li{
	width: 296px;
	height: auto;
	margin: 0 12px;
	float: left;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li a{
	width: 100%;
	height: auto;
	float: left;	
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .pic{
	width: 100%;
	height: 295px;
	float: left;
	text-align: center;
	position: relative;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .pic span{
	width: 100%;
	height: 295px;
	float: left;
	overflow: hidden;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .pic span img{
	width: 100%;
	height: auto;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/teacherTeam_filter.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li a:hover .pic .filter{
	display: block;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .pic .add{
	/*width: 57px;*/
	/*height: 57px;*/
	/*bottom: -29px;*/
	/*right: 21px;*/
	position: absolute;
	width: 0px;
	height: 0px;
	right: 44px;
	bottom: 0px;
	z-index: 3;
	background: url(../images/teacherTeam_add.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .text{
	width: 228px;
	height: auto;
	float: right;
	margin-right: 38px;
	text-align: left;
	position: relative;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .text .tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #fff;
	margin-top: 23px;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .text .tit span{
	font-weight: bold;
	font-size: 24px;
	margin-right: 5px;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .text .txt{
	width: 100%;
	height: 120px;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .text .line{
	width: 2px;
	height: 61px;
	position: absolute;
	background: #fff;
	top: -14px;
	left: -10px;
	z-index: 2;
}
.wrapper .advantagePage .teacherTeam .picScroll-left .bd li .text .line .line2{
	width: 2px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #e684a7;
}
@media only screen and (max-height: 850px){   
	.wrapper .advantagePage .teacherTeam .columnTitle{
		margin-top: 140px;
	}
	.wrapper .advantagePage .teacherTeam .teacherList{	
		margin-top: 20px;
	}
}
.wrapper .advantagePage .teacherTeam .returnBtn{
	width: 100%;
	height: 44px;
	float: left;
	margin-top: 56px;
}
.wrapper .advantagePage .teacherTeam .returnBtn .btn{
	width: 204px;
	height: 44px;
	margin: 0 auto;
}
.wrapper .advantagePage .teacherTeam .returnBtn .btn a{
	width: 202px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	border: solid 1px #ffffff;
	font-family: "SimSun";
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
}
.wrapper .advantagePage .teacherTeam .returnBtn .btn a:hover{
	background: #fff;
	color: #4e9ab3;
}
.wrapper .advantagePage .advantagebox{
	width: 100%;
	height: 100%;
	float: left;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}
.wrapper .advantagePage .advantagebox .advantageList{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.wrapper .advantagePage .advantagebox .advantageList li{
	width: 25%;
	height: 100%;
	float: left;
	border-left: solid 1px #c3baba;
	position: relative;
	padding-top: 87px;
	box-sizing: border-box;
}
.wrapper .advantagePage .advantagebox .advantageList li a{
	width: 100%;
	height: 100%;
	float: left;
}
.wrapper .advantagePage .advantagebox .advantageList li .pic{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.wrapper .advantagePage .advantagebox .advantageList li .pic img{
	width: auto;
	min-width: 100%;
	height: 100%;
}
.wrapper .advantagePage .advantagebox .advantageList li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/advantageList_filter.png);
}
.wrapper .advantagePage .advantagebox .advantageList li a:hover .pic .filter{
	background: url(../images/advantageList_filter2.png);
}
.wrapper .advantagePage .advantagebox .advantageList li .listbox{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 3;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -80px\9;
}
.wrapper .advantagePage .advantagebox .advantageList li .listbox .tit{
	width: 100%;
	height: auto;
	line-height: 48px;
	text-align: center;
	float: left;
	font-family: "SimSun";
	font-size: 40px;
	color: #fff;
}
.wrapper .advantagePage .advantagebox .advantageList li .listbox .egtit{
	width: 100%;
	height: auto;
	line-height: 18px;
	text-align: center;
	float: left;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	letter-spacing: 8px;
	margin-top: 5px;
}
.wrapper .advantagePage .advantagebox .advantageList li .listbox .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 18px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.wrapper .advantagePage .advantagebox .advantageList li .listbox .advantageBtn{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
}
.wrapper .advantagePage .advantagebox .advantageList li .listbox .advantageBtn .btn{
	width: 45px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
}
.wrapper .advantagePage .advantagebox .advantageList li a:hover .listbox .advantageBtn .btn{
	background: url(../images/advantageList_bg.png) no-repeat 0 0;	
}
.wrapper .advantagePage .philosophy{
	width: 100%;
	height: 100%;
	float: left;
	background: no-repeat center 0; 
	background-size: auto auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	padding: 0 86px;
	box-sizing: border-box;
}
.wrapper .advantagePage .philosophy .columnTitle{
	margin-top: 190px;
}
.wrapper .advantagePage .philosophy .columnTitle .egtit{
	color: #fff;
	font-size: 12px;
}
.wrapper .advantagePage .philosophy .columnTitle .tit{
	color: #fff;
}
.wrapper .advantagePage .philosophy .ListTop{
	width: 100%;
	height: auto;
	float: left;
	background: url(../images/philosophy_line.png) repeat-x 0 bottom;
	margin-top: 60px;
}
.wrapper .advantagePage .philosophy .ListBottom li,
.wrapper .advantagePage .philosophy .ListTop li{
	width: 269px;
	height: 220px;
	float: left;
	margin-bottom: 23px;
	background: url(../images/philosophy_line.png) repeat-y 0 0;
	padding: 0 38px;
}
.wrapper .advantagePage .philosophy .ListBottom li .tit,
.wrapper .advantagePage .philosophy .ListTop li .tit{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
}
.wrapper .advantagePage .philosophy .ListBottom li .text,
.wrapper .advantagePage .philosophy .ListTop li .text{
	width: 100%;
	height: 168px;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	margin-top: 14px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:7;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .advantagePage .philosophy .ListBottom{
	width: auto;
	height: auto;
	float: right;
	margin-top: 20px;
}
.wrapper .advantagePage .philosophy .ListBottom li{
	margin-bottom: 0;
}
.wrapper .advantagePage .philosophy .returnBtn{
	width: 100%;
	height: 44px;
	float: left;
	margin-top: 50px;
}
.wrapper .advantagePage .philosophy .returnBtn .btn{
	width: 204px;
	height: 44px;
	margin: 0 auto;
}
.wrapper .advantagePage .philosophy .returnBtn .btn a{
	width: 202px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	border: solid 1px #ffffff;
	font-family: "SimSun";
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
}
.wrapper .advantagePage .philosophy .returnBtn .btn a:hover{
	background: #fff;
	color: #241d20;
}
@media only screen and (max-width: 1552px){   
	.wrapper .advantagePage .philosophy .ListBottom li,
	.wrapper .advantagePage .philosophy .ListTop li{
		width: 25%;
		box-sizing: border-box;
	}
}
@media only screen and (max-height: 1024px){	
	.wrapper .advantagePage .philosophy .columnTitle{
		margin-top: 170px;
	}
	.wrapper .advantagePage .philosophy .ListTop{
		margin-top: 50px;
	}
}
@media only screen and (max-height: 900px){
	.wrapper .advantagePage .philosophy{
		padding: 0 30px;
	}
	.wrapper .advantagePage .philosophy .columnTitle{
		margin-top: 150px;
	}
	.wrapper .advantagePage .philosophy .ListTop{
		margin-top: 20px;
	}
	.wrapper .advantagePage .philosophy .ListBottom li,
	.wrapper .advantagePage .philosophy .ListTop li{
		width: 269px;
		height: 200px;
		float: left;
		margin-bottom: 10px;
		background: url(../images/philosophy_line.png) repeat-y 0 0;
		padding: 0 38px;
	}
	.wrapper .advantagePage .philosophy .ListBottom{
		margin-top: 10px;
	}
	.wrapper .advantagePage .philosophy .ListBottom li .text,
	.wrapper .advantagePage .philosophy .ListTop li .text{
		width: 100%;
		height: 126px;
		float: left;
		line-height: 18px;
		font-size: 14px;
		color: #fff;
		margin-top: 12px;
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:7;
		-webkit-box-orient:vertical;
		word-break:break-all;
	}
}
.wrapper .advantagePage .environment{
	width: 100%;
	height: 100%;
	float: left;
	/*background: no-repeat center 0; 
	background-size: auto auto;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;	
}
.wrapper .advantagePage .environment .ad-gallery{
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 87px;
	box-sizing: border-box;
	position: relative;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper{
	width: auto;
	min-width: 820px;
	height: 100%;
	margin-right: 458px;
	position: relative;
	overflow: hidden;
	background: #131413 url(../images/ad-gallery_bg1.gif) no-repeat right 0;
}
.preloads{
	display: none !important;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-loader{
	position: absolute;
	z-index: 10;	
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
	background: #000;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-prev,
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-next{
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-prev{
	right: auto;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, 
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{
	width: 45px;
	height: 45px;
	display: none;
	position: absolute;
	top: 47%;
	left: 43px;
	z-index: 101;
	background: url(../images/teacherList_prev.png) no-repeat 0 0;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{
	left: auto;
	right: 43px;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-image{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
	background: #000;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{
	width: 100%;
	height: auto;
	line-height: 48px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 2;	
	font-size: 40px;
	color: #fff;
	padding: 0 0 30px 30px; 
	box-sizing: border-box;
}
.wrapper .advantagePage .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{
	display: block;
}
.wrapper .advantagePage .ad-gallery .ad-controls{
	width: auto;
	height: 66px;
	position: absolute;
	bottom: 10px;
	right: 40px;
	z-index: 101;
	margin-right: 458px;
}
.wrapper .advantagePage .ad-gallery .ad-info{
	float: left;
	font-family: Arial;
	font-weight: bold;
	font-size: 50px;
	color: #fff;
}
.wrapper .advantagePage .ad-gallery .ad-slideshow-controls{
	float: right;
}
.wrapper .advantagePage .ad-gallery .ad-slideshow-controls .ad-slideshow-start, 
.wrapper .advantagePage .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{
	display: none;
}
.wrapper .advantagePage .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{
	padding-left: 5px;
	font-size: 0.9em;
}
.wrapper .advantagePage .ad-gallery .ad-slideshow-running .ad-slideshow-start{
	cursor: default;
	font-style: italic;
}
.wrapper .advantagePage .ad-gallery .ad-nav{
	width: 100%;
	position: relative;
}
.wrapper .advantagePage .ad-gallery .ad-forward, 
.wrapper .advantagePage .ad-gallery .ad-back{
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}
.wrapper .advantagePage .ad-gallery .ad-back{
	cursor: pointer;
	left: -20px;
	width: 13px;
	display: block;
}
.wrapper .advantagePage .ad-gallery .ad-forward{
	cursor: pointer;
	display: block;
	right: -20px;
	width: 13px;
}
.wrapper .advantagePage .ad-gallery .ad-nav .ad-thumbs{
	width: 458px !important;
	height: 100% !important;
	overflow: hidden !important;
	padding: 196px 46px 0 29px;
	padding: 196px 35px 0 29px\9;
	box-sizing: border-box;
	float: none;
	position: fixed;
	right: 0;
	top: ;
	z-index: 10;
	background: url(../images/ad-gallery_bg2.jpg) no-repeat 0 0 #0d0e0d;
}
.wrapper .advantagePage .ad-gallery .ad-thumbs .ad-thumb-list{
	width: 100% !important;
	height: 80% !important;
	float: left !important;
	list-style: none !important;
	overflow: auto !important;
}
.wrapper .advantagePage .ad-gallery .ad-thumbs .ad-thumb-list::-webkit-scrollbar{
	width: 4px;
	background: #6E6057;
}
.wrapper .advantagePage .ad-gallery .ad-thumbs .ad-thumb-list::-webkit-scrollbar-thumb{
	background: #161716;
}
.wrapper .advantagePage .ad-gallery .ad-thumbs li{
	width: 71px;
	height: 71px;
	float: left;
	overflow: hidden;
	margin-left: 23px;
	margin-bottom: 23px;
}
.wrapper .advantagePage .ad-gallery .ad-thumbs li a{
	display: block;
	overflow: hidden;
}
.wrapper .advantagePage .ad-gallery .ad-thumbs li a img{
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;	
	filter: brightness(90%);
    -webkit-filter: brightness(90%);
    -moz-filter: brightness(90%);
    -ms-filter: brightness(90%);
    -o-filter: brightness(90%);
}
.wrapper .advantagePage .ad-gallery .ad-thumbs li a.ad-active{
	height: 68px;
	border: 3px solid #e684a7;
	box-sizing: border-box;	
}
.wrapper .advantagePage .ad-gallery .ad-thumbs li a.ad-active img{
	filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);	
}
.wrapper .advantagePage .ad-gallery .columnTitle{
	width: 456px;
	height: auto;
	position: absolute;
	right: 52px;
	top: 178px;
	z-index: 200;
	text-align: right;
}
.wrapper .advantagePage .ad-gallery .columnTitle .egtit{
	font-size: 12px;
	text-align: right;
	letter-spacing: 3px;
}
.wrapper .advantagePage .ad-gallery .columnTitle .tit{
	font-size: 40px;
	text-align: right;
	color: #fff;
	letter-spacing: 13px;

}
.wrapper .studentPage .ourStudents,
.wrapper .studentPage .videoArea,
.wrapper .advantagePage .schoolHonor{
	width: 100%;
	height: auto;
	float: left;
	background: url(../images/schoolHonor_bg1.jpg) repeat-y 0 0;
	background-size: 100%;
}
.wrapper .studentPage .ourStudents .ourStudents1,
.wrapper .studentPage .videoArea .videoArea1,
.wrapper .advantagePage .schoolHonor .schoolHonor1{
	width: 100%;
	height: auto;
	min-height: 890px;
	float: left;
	background: url(../images/schoolHonor_bg2.png) no-repeat right top;
	background-attachment: fixed;
}
.wrapper .advantagePage .schoolHonor .schoolHonor2{
	width: 1190px;
	height: auto;
	margin: 0 auto;
}
.wrapper .advantagePage .schoolHonor .columnTitle{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 114px;
}
.wrapper .advantagePage .schoolHonor .columnTitle .egtit{
	font-size: 12px;
	color: #fff;
	letter-spacing: 10px;
}
.wrapper .advantagePage .schoolHonor .columnTitle .tit{
	font-size: 40px;
	color: #fff;
}
.wrapper .main .yearList{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 16px;
	display: none;
}
.wrapper .main .yearList ul{
	display: inline-block;
}
.wrapper .main .yearList li{
	width: 88px;
	height: auto;
	float: left;
	cursor: pointer;
}
.wrapper .main .yearList li .icon{
	width: 100%;
	height: 17px;
	float: left;
	position: relative;
}
.wrapper .main .yearList li .icon .right,
.wrapper .main .yearList li .icon .left{
	width: 50%;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/schoolHonor_yearList_line.png) repeat-x 0 center;
}
.wrapper .main .yearList li .icon .right{
	left: auto;
	right: 0;
}
.wrapper .main .yearList li .icon .pic{
	width: 17px;
	height: 17px;
	margin: 0 auto;
	background: url(../images/yearList_icon1.png) no-repeat center center;
}
.wrapper .main .yearList li.now .icon .pic{
	background: url(../images/yearList_icon2.png) no-repeat center center;
}
.wrapper .main .yearList li .text{
	width: 100%;
	height: 22px;
	line-height: 22px;
	float: left;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	color: #fff;
	margin-top: 2px;
}
.wrapper .main .yearList li a:hover .text,
.wrapper .main .yearList li.now .text{
	color: #ffe401;
}
.wrapper .advantagePage .schoolHonor .timeList{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin: 90px 0;
	display: none;
}
.wrapper .advantagePage .schoolHonor .timeList .linebox{
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 2;
	background: url(../images/schoolHonor_yearList_line.png) repeat-y 0 0;
}
.wrapper .advantagePage .schoolHonor .timeList li{
	width: 100%;
	height: auto;
	float: left;
	margin-top: -32px;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen{
	width: 531px;
	height: auto;
	float: left;
	background: url(../images/timeList_icon.png) no-repeat right 23px;
	padding-right: 78px;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .centen1{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	position: relative;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen1 .triangle{
	width: 15px;
	height: 29px;
	position: absolute;
	top: 22px;
	right: -15px;
	z-index: 2;
	background: url(../images/timeList_triangle.png) no-repeat 0 0;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .logo{
	width: 511px;
	height: 88px;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 10px;
	border-bottom: solid 1px #f1f1f1;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .logo img{
	max-height: 100%;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .list{
	width: 431px;
	height: auto;
	float: left;
	padding: 26px 50px;
	font-size: 14px;
	color: #1e2732;
	text-align: right;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .list li{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #1e2732;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .list li .tit{
	float: right;
	font-weight: bold;
	margin-left: 18px;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .list li .txt{
	float: right;
}
.wrapper .advantagePage .schoolHonor .timeList li .centen .list li:hover .tit,
.wrapper .advantagePage .schoolHonor .timeList li .centen .list li:hover .txt{

	color: #0393b2;
}
.wrapper .advantagePage .schoolHonor .timeList li.right{
	margin-top: -148px;
}
.wrapper .advantagePage .schoolHonor .timeList li.right .centen{
	float: right;
	background: url(../images/timeList_icon.png) no-repeat 0 23px;
	padding-right: 0px;
	padding-left: 78px;
}
.wrapper .advantagePage .schoolHonor .timeList li.right .centen1 .triangle{
	left: -15px;
	right: auto;
	background: url(../images/timeList_triangle2.png) no-repeat 0 0;
}
.wrapper .advantagePage .schoolHonor .timeList li.right .centen .list li{
	text-align: left;
}
.wrapper .advantagePage .schoolHonor .timeList li.right .centen .list li .tit{
	float: right;
	font-weight: bold;
	margin-left: 18px;
}
.wrapper .advantagePage .schoolHonor .timeList li.right .centen .list li .tit,
.wrapper .advantagePage .schoolHonor .timeList li.right .centen .list li .txt{
	float: left;
}
.wrapper .advantagePage .schoolHonor .timeList li.right .centen .list li .tit{
	margin-right: 18px;
	margin-left: 0;
}
.wrapper .studentPage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .studentPage .banner .studentFloat{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	text-align: center;
	margin-top: -145px\9;
}
.wrapper .studentPage .banner .studentFloat a{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .studentPage .banner .studentFloat .pic{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .studentPage .banner .studentFloat .tit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 46px;
	font-size: 40px;
	font-family: "SimSun";
	letter-spacing: 12px;
	color: #fff;
	text-align: center;
	margin-top: 5px;
}
.wrapper .studentPage .banner .studentFloat .egtit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 18px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	letter-spacing: 7px;
}
.wrapper .studentPage .banner .studentFloat .btn{
	width: 100%;
	height: 45px;
	float: left;
	margin-top: 26px;
}
.wrapper .studentPage .banner .studentFloat .btn .btn1{
	width: 45px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
}
.wrapper .studentPage .banner:hover .studentFloat .btn .btn1{
	background: url(../images/teacherList_next2.png) no-repeat 0 0;
}
.wrapper .studentPage .studentArea{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .studentPage .studentArea .centent{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .studentPage .studentArea .centent .sloganbox{
	width: 100%;
	height: 146px;
	float: left;
	background: #fff;
	position: relative;
}
.wrapper .studentPage .studentArea .centent .sloganbox .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 34px;
	font-size: 30px;
	font-family: "SimSun";
	color: #171b25;
	text-align: center;
	letter-spacing: 14px;
	margin-top: 40px;
}
.wrapper .studentPage .studentArea .centent .sloganbox .egtext{
	width: 100%;
	height: auto;
	float: left;
	line-height: 22px;
	font-size: 20px;
	color: #5bb5c7;
	text-align: center;
	margin-top: 5px;
}
.wrapper .studentPage .studentArea .centent .sloganbox .quotesLeft{
	width: 101px;
	height: 76px;
	position: absolute;
	bottom: -10px;
	left: 67px;
	z-index: 2;
	background: url(../images/slogan_quotes1.png) no-repeat 0 0;
}
.wrapper .studentPage .studentArea .centent .sloganbox .quotesRight{
	width: 102px;
	height: 77px;
	position: absolute;

	top: -12px;
	right: 79px;
	background: url(../images/slogan_quotes2.png) no-repeat 0 0;
}
.wrapper .studentPage .studentArea .centent .columnList{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .studentPage .studentArea .centent .columnList li{
	width: 50%;
	height: auto;
	float: left;
	padding-left: 1px;
	margin-bottom: 2px;
	overflow: hidden;
	box-sizing: border-box;
}
.wrapper .studentPage .studentArea .centent .columnList li.special{
	padding-left: 0px;
	padding-right: 1px;
}
*html .wrapper .studentPage .studentArea .centent .columnList li.special,
*html .wrapper .studentPage .studentArea .centent .columnList li{
	padding: 0;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent img{
	width: 100%;
	height: auto;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/banner_filter.png);
	overflow: hidden;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent .filter .box{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	ransform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -70px\9;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent .text{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 42px;
	font-family: "SimSun";
	font-size: 40px;
	color: #fff;
	letter-spacing: 10px;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent .egtxt{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 16px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	letter-spacing: 9px;
	margin-top: 10px;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent .btn{
	width: 100%;
	height: 45px;
	float: left;
	text-align: center;
	margin-top: 26px;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent .btn .btn1{
	width: 45px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
	overflow: hidden;
}
.wrapper .studentPage .studentArea .centent .columnList li .cent a:hover .btn .btn1{
	background: url(../images/teacherList_next2.png) no-repeat 0 0;
}
.wrapper .studentPage .videoArea .columnTitle{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 114px;
}
.wrapper .studentPage .videoArea .columnTitle .egtit{
	font-size: 12px;
	color: #fff;
	letter-spacing: 10px;
}
.wrapper .studentPage .videoArea .columnTitle .tit{
	font-size: 40px;
	color: #fff;
}
.wrapper .studentPage .videoArea .yearList li{
	width: 94px;
}
.wrapper .studentPage .videoArea .yearList li .text{
	font-size: 16px;
	font-weight: normal;
}
.wrapper .studentPage .videoArea .videoListbox{
	width: 100%;
	height: auto;
	float: left;
	margin: 40px 0;
}
.wrapper .studentPage .videoArea .videoList{
	width: 1840px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
@media only screen and (max-width: 1840px){    
	.wrapper .studentPage .videoArea .videoList{width: 1472px;}
}
@media only screen and (max-width: 1472px){    
	.wrapper .studentPage .videoArea .videoList{width: 1104px;}
}
.wrapper .studentPage .videoArea .videoList li{
	width: 316px;
	height: auto;
	float: left;
	margin: 0 26px 42px 26px;
}
.wrapper .studentPage .videoArea .videoList li a{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .studentPage .videoArea .videoList li .pic{
	width: 100%;
	height: 213px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .studentPage .videoArea .videoList li .pic img{
	filter: brightness(80%);
	-webkit-filter: brightness(80%);
	-moz-filter: brightness(80%);
	-ms-filter: brightness(80%);
	-o-filter: brightness(80%);
}
.wrapper .studentPage .videoArea .videoList li a:hover .pic img{
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-ms-filter: brightness(100%);
	-o-filter: brightness(100%);
}
.wrapper .studentPage .videoArea .videoList li .pic .icon{
	width: 54px;
	height: 54px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -27px;
	z-index: 2;
	background: url(../images/videoList_icon.png) no-repeat 0 0;
}
.wrapper .studentPage .videoArea .videoList li .tit{
	width: 240px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin-top: 4px;
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding-bottom: 3px;
	background: url(../images/videoList_line.gif) no-repeat 0 bottom;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .studentPage .videoArea .videoList li .date{
	width: 45px;
	height: 45px;
	float: right;
	border: solid 3px #fff;
	margin-right: 15px;
	margin-top: -11px;
	position: relative;
	z-index: 5;
}
.wrapper .studentPage .videoArea .videoList li .date span.jan{
	width: 100%;
	height: 14px;
	line-height: 14px;
	text-align: center;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin-top: 8px;
}
.wrapper .studentPage .videoArea .videoList li .date span.num{
	width: 100%;
	height: 16px;
	line-height: 16px;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 3px;
}
.wrapper .studentPage .videoArea .videoList li a:hover .date{
	background: #79bac8;
	border: solid 3px #79bac8;
}
.wrapper .studentPage .videoArea .videoList li .text{
	width: 100%;
	height: 72px;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #eeeeee;
	text-align: left;
	margin: 20px 0;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
body.none{overflow-x:hidden;overflow-y:hidden}
.LookPicture :after,.LookPicture :before{position:absolute;display:inline-block;background-repeat:no-repeat;content:""}
.LookPicture{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.LookPicture *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.LookPicture_Background{position:fixed;top:0;left:0;z-index:19960924;width:100%;height:100%;background-color:#000;display:none!important}
.LookPicture{position:fixed;top:0;left:0;z-index:19960925;width:100%;height:100%;display:none}
.LookPicture .Look_Close{width:40px;height:40px;position:absolute;right:20px;top:20px;display:inline-block;background-repeat:no-repeat;cursor:pointer;z-index:19960925;background: url(../images/Look_Close.png) no-repeat 0 0;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.LookPicture .Look_Close:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.LookPicture .Look_img{display:none;position:absolute;max-width:85%;max-height:85%;top:50%;left:50%;z-index:19960924;box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;border:0;border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.LookPicture .Look_img:hover{box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000}
.LookPicture .Look_img.Look_Show{display:block}
.LookPicture .Look_before{position:absolute;display:inline-block;background-repeat:no-repeat;width:60px;height:70px;z-index:19960926;left:50px;top:50%;margin-top:-35px;cursor:pointer;background: url(../images/teacherList_prev.png) no-repeat center center;}
.LookPicture .Look_before:hover{background: url(../images/teacherList_prev2.png) no-repeat center center;}
.LookPicture .Look_before:hover:after,.LookPicture .Look_before:hover:before{box-shadow:0 0 20px #6cf;-moz-box-shadow:0 0 20px #6cf;-webkit-box-shadow:0 0 20px #6cf}
.LookPicture .Look_next{position:absolute;display:inline-block;background-repeat:no-repeat;width: 60px;height:70px;z-index:19960926;right:50px;top:50%;margin-top:-35px;cursor:pointer;background: url(../images/teacherList_next.png) no-repeat center center;}
.LookPicture .Look_next:hover{background: url(../images/teacherList_next2.png) no-repeat center center;}
.Look_Open{display:block!important}
.wrapper .studentPage .ourStudents .columnTitle{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 114px;
}
.wrapper .studentPage .ourStudents .columnTitle .egtit{
	font-size: 12px;
	color: #fff;
	letter-spacing: 10px;
}
.wrapper .studentPage .ourStudents .columnTitle .tit{
	font-size: 40px;
	color: #fff;
}
.wrapper .studentPage .ourStudents .teacherList{
	width: 100%;
	height: auto;
	float: left;
	margin: 42px 0;
	text-align: center;
	display: none;
}
.wrapper .studentPage .ourStudents .teacherList ul{
	width: 1870px;
	margin: 0 auto;
	display: inline-block;
}
@media only screen and (max-width: 1870px){
	.wrapper .studentPage .ourStudents .teacherList ul{width: 1496px;}	
}
@media only screen and (max-width: 1496px){
	.wrapper .studentPage .ourStudents .teacherList ul{width: 1122px}	
}
.wrapper .studentPage .ourStudents .teacherList li{
	width: 296px;
	height: auto;
	margin: 0 39px 20px 39px;
	float: left;
}
.wrapper .studentPage .ourStudents .teacherList li a{
	width: 100%;
	height: auto;
	float: left;	
}
.wrapper .studentPage .ourStudents .teacherList li .pic{
	width: 100%;
	height: 295px;

	float: left;
	text-align: center;
	position: relative;
}
.wrapper .studentPage .ourStudents .teacherList li .pic span{
	width: 100%;
	height: 295px;
	float: left;
	overflow: hidden;
}
.wrapper .studentPage .ourStudents .teacherList li .pic span img{
	width: 100%;
	height: auto;
}
.wrapper .studentPage .ourStudents .teacherList li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/teacherTeam_filter.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}
.wrapper .studentPage .ourStudents .teacherList li a:hover .pic .filter{
	display: block;
}
.wrapper .studentPage .ourStudents .teacherList li .pic .add{
	position: absolute;
	width: 0px;
	height: 0px;
	right: 44px;
	bottom: 0px;
	z-index: 3;
	background: url(../images/teacherTeam_add.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.wrapper .studentPage .ourStudents .teacherList li .text{
	width: 238px;
	height: auto;
	float: right;
	margin-right: 28px;
	text-align: left;
	position: relative;
}
.wrapper .studentPage .ourStudents .teacherList li .text .tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #fff;
	margin-top: 23px;
}
.wrapper .studentPage .ourStudents .teacherList li .text .tit span{
	font-weight: bold;
	font-size: 24px;
	margin-right: 5px;
}
.wrapper .studentPage .ourStudents .teacherList li .text .txt{
	width: 100%;
	height: 120px;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .studentPage .ourStudents .teacherList li .text .line{
	width: 2px;
	height: 61px;
	position: absolute;
	background: #fff;
	top: -14px;
	left: -10px;
	z-index: 2;
}
.wrapper .studentPage .ourStudents .teacherList li .text .line .line2{
	width: 2px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #E684A7;
}
.wrapper .homePage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .banner{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.wrapper .ballFloating{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	overflow: hidden;
}
.wrapper .ballFloating .ball1,
.wrapper .ballFloating .ball2,
.wrapper .ballFloating .ball3,
.wrapper .ballFloating .ball4,
.wrapper .ballFloating .ball5,
.wrapper .ballFloating .ball6{
	position: absolute;
	z-index: 2;
}
.wrapper .ballFloating .ball1{
	width: 302px;
	height: 189px;
	background: url(../images/ball1.png) no-repeat 0 0;
	top: 0px;
	left: 14px;
}
.wrapper .ballFloating .ball2{
	width: 91px;
	height: 74px;
	background: url(../images/ball2.png) no-repeat 0 0;
	bottom: 88px;
	left: 105px;
}
.wrapper .ballFloating .ball3{
	width: 40px;
	height: 46px;
	background: url(../images/ball3.png) no-repeat 0 0;
	bottom: 127px;
	left: 174px;
}
.wrapper .ballFloating .ball4{
	width: 462px;
	height: 284px;
	background: url(../images/ball4.png) no-repeat 0 0;
	top: 20px;
	right: 210px;
}
.wrapper .ballFloating .ball5{
	width: 163px;
	height: 155px;
	background: url(../images/ball5.png) no-repeat 0 0;
	top: 40px;
	right: 82px;
}
.wrapper .ballFloating .ball6{
	width: 38px;
	height: 38px;
	background: url(../images/ball6.png) no-repeat 0 0;
	bottom: 80px;
	right: 184px;
}
.wrapper .polygonbox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	overflow: hidden;
}
.wrapper .polygonbox .polygon7,
.wrapper .polygonbox .polygon6,
.wrapper .polygonbox .polygon5,
.wrapper .polygonbox .polygon4,
.wrapper .polygonbox .polygon3,
.wrapper .polygonbox .polygon2,
.wrapper .polygonbox .polygon1{
	position: absolute;
	z-index: 2;	
}
.wrapper .polygonbox .polygon1{
	width: 29px;
	height: 29px;
	background: url(../images/polygon1.png) no-repeat 0 0;
	bottom: 38px;
	left: 70px;
}
.wrapper .polygonbox .polygon2{
	width: 27px;
	height: 31px;
	background: url(../images/polygon2.png) no-repeat 0 0;
	top: 56px;
	left: 232px;
}
.wrapper .polygonbox .polygon3{
	width: 56px;
	height: 53px;
	background: url(../images/polygon3.png) no-repeat 0 0;
	top: 374px;
	left: 443px;
}
.wrapper .polygonbox .polygon4{
	width: 34px;
	height: 31px;
	background: url(../images/polygon4.png) no-repeat 0 0;
	bottom: 72px;
	left: 565px;
}
.wrapper .polygonbox .polygon5{
	width: 58px;
	height: 31px;
	background: url(../images/polygon5.png) no-repeat 0 0;
	top: 208px;
	left: 740px;
}
.wrapper .polygonbox .polygon6{
	width: 30px;
	height: 30px;
	background: url(../images/polygon6.png) no-repeat 0 0;
	top: 440px;
	right: 618px;
}
.wrapper .polygonbox .polygon7{
	width: 60px;
	height: 56px;
	background: url(../images/polygon7.png) no-repeat 0 0;
	top: 152px;
	right: 119px;
}
.wrapper .rainsbox{
	width: 100%;
	height: 100%;
	min-height: 550px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	overflow: hidden;
}
.wrapper .rainsbox .rainsicon8,
.wrapper .rainsbox .rainsicon7,
.wrapper .rainsbox .rainsicon6,
.wrapper .rainsbox .rainsicon5,
.wrapper .rainsbox .rainsicon4,
.wrapper .rainsbox .rainsicon3,
.wrapper .rainsbox .rainsicon2,
.wrapper .rainsbox .rainsicon1{
	width: 9px;
	height: 160px;
	background: url(../images/rainsicon.png) no-repeat 0 0;
	position: absolute;
	z-index: 2;
}
.wrapper .rainsbox .rainsicon1{
	top: 394px;
	left: 94px;
}
.wrapper .rainsbox .rainsicon2{
	top: 201px;
	left: 321px;
}
.wrapper .rainsbox .rainsicon3{
	top: 447px;
	left: 506px;
}
.wrapper .rainsbox .rainsicon4{
	top: 208px;
	left: 599px;
}
.wrapper .rainsbox .rainsicon5{
	top: 450px;
	right: 562px;
}
.wrapper .rainsbox .rainsicon6{
	top: 200px;
	right: 507px;
}
.wrapper .rainsbox .rainsicon7{
	top: 48px;
	right: 400px;
}
.wrapper .rainsbox .rainsicon8{
	top: 455px;
	right: 234px;
}
.wrapper .rainsbox .rainstext10,
.wrapper .rainsbox .rainstext9,
.wrapper .rainsbox .rainstext8,
.wrapper .rainsbox .rainstext7,
.wrapper .rainsbox .rainstext6,
.wrapper .rainsbox .rainstext5,
.wrapper .rainsbox .rainstext4,
.wrapper .rainsbox .rainstext3,
.wrapper .rainsbox .rainstext2,
.wrapper .rainsbox .rainstext1{
	position: absolute;
	z-index: 2;
	font-family: "SimSun";
	color: #fff;
	height: auto;
}
.wrapper .rainsbox .rainstext1{
	width: 16px;
	line-height: 18px;
	top: 50px;
	left: 66px;
	font-size: 16px;
}
.wrapper .rainsbox .rainstext2{
	width: 16px;
	line-height: 18px;
	top: 296px;
	left: 343px;
	font-size: 16px;
}
.wrapper .rainsbox .rainstext3{
	width: 24px;
	line-height: 26px;
	top: 525px;
	left: 462px;
	font-size: 24px;
}
.wrapper .rainsbox .rainstext4{
	width: 36px;
	line-height: 38px;
	top: 6px;
	left: 552px;
	font-size: 36px;
}
.wrapper .rainsbox .rainstext5{
	width: 16px;
	line-height: 18px;
	top: 390px;
	left: 582px;
	font-size: 16px;
}
.wrapper .rainsbox .rainstext6{
	width: 16px;
	line-height: 18px;
	top: 58px;
	right: 647px;
	font-size: 16px;
}
.wrapper .rainsbox .rainstext7{
	width: 22px;
	line-height: 24px;
	top: 607px;
	right: 540px;
	font-size: 22px;
}
.wrapper .rainsbox .rainstext8{
	width: 32px;
	line-height: 34px;
	top: 2px;
	right: 480px;
	font-size: 32px;
}
.wrapper .rainsbox .rainstext9{
	width: 16px;
	line-height: 18px;
	top: 392px;
	right: 263px;
	font-size: 16px;
}
.wrapper .rainsbox .rainstext10{
	width: 30px;
	line-height: 32px;
	top: 255px;
	right: 212px;
	font-size: 30px;
}
@media only screen and (max-width: 1390px){
	.wrapper .rainsbox .rainsicon1{left: 84px;}
	.wrapper .rainsbox .rainsicon2{left: 241px;}
	.wrapper .rainsbox .rainsicon3{left: 406px;}
	.wrapper .rainsbox .rainsicon4{left: 529px;}
	.wrapper .rainsbox .rainsicon5{right: 502px;}
	.wrapper .rainsbox .rainsicon6{right: 427px;}
	.wrapper .rainsbox .rainsicon7{right: 320px;}
	.wrapper .rainsbox .rainsicon8{right: 224px;}
	.wrapper .rainsbox .rainstext1{left: 46px;}
	.wrapper .rainsbox .rainstext2{left: 273px;}
	.wrapper .rainsbox .rainstext3{left: 362px;}
	.wrapper .rainsbox .rainstext4{left: 462px;}
	.wrapper .rainsbox .rainstext5{left: 502px;}
	.wrapper .rainsbox .rainstext6{right: 457px;}
	.wrapper .rainsbox .rainstext7{right: 480px;}
	.wrapper .rainsbox .rainstext8{right: 380px;}
	.wrapper .rainsbox .rainstext9{right: 243px;}
	.wrapper .rainsbox .rainstext10{right: 192px;}
}
.wrapper .homePage .banner .pic{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .homePage .banner .pic img{
	width: 100%;
	height: auto;
	opacity: 0;
}
.wrapper .homePage .banner .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/home_banner_filter.png) repeat-y 0 0;
	background-size: 100% auto;
}
.wrapper .homePage .banner .slogan{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 15;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -234px\9;
	opacity: 0;
}
.wrapper .homePage .banner .slogan .years{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
}
.wrapper .homePage .banner .slogan .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 34px;
	font-family: "SimSun";
	font-size: 22px;
	color: #fff;
	/*margin-top: 14px;*/
	margin-top: 220px;
}
.wrapper .homePage .banner .slogan .btn{
	width: 100%;
	height: 44px;
	float: left;
	text-align: center;
	margin-top: 40px;
}
.wrapper .homePage .banner .slogan .btn .btn1{
	width: auto;
	height: 44px;
	text-align: center;
	display: inline-block;
}
.wrapper .homePage .banner .slogan .btn a{
	width: auto;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	border: solid 1px #fff;
	padding: 0 52px 0 38px;
	font-size: 20px;
	color: #fff;
	background: url(../images/home_banner_btn.png) no-repeat right 20px center;
	background: url(../images/home_banner_btn.png) no-repeat 184px center\9;
}
.wrapper .homePage .banner .slogan .btn a:hover{
	background: url(../images/home_banner_btn.png) no-repeat right 20px center #5bb5c7;
	background: url(../images/home_banner_btn.png) no-repeat 184px center #5bb5c7\9;	
}
.wrapper .homePage .recentCourses .list{
	margin-bottom: 0px;
}
.wrapper .homePage .recentCourses .columnTitle{
	/*margin-top: 64px;*/
	margin-top: 0;
	opacity: 0;
	position: relative;
	z-index: 1000;
}
.wrapper .columnTitle .txt{
	width: 100%;
	height: auto;
	float: left;
	line-height: 16px;
	font-size: 14px;
	color: #929395;
	margin-top: 8px;
	text-align: center;
	letter-spacing: 2px;
}
.wrapper .homePage .recentCourses .floatingLetter{
	margin-top: -82px;
}
.wrapper .homePage .recentCourses .floatingLetter .Letter6,
.wrapper .homePage .recentCourses .floatingLetter .Letter5,
.wrapper .homePage .recentCourses .floatingLetter .Letter4,
.wrapper .homePage .recentCourses .floatingLetter .Letter3,
.wrapper .homePage .recentCourses .floatingLetter .Letter2,
.wrapper .homePage .recentCourses .floatingLetter .Letter1{
	opacity: 0;
}
.wrapper .homePage .recentCourses .list{
	/*margin-top: 42px;*/
	margin-top: 150px;
	opacity: 0;
}
.wrapper .homePage .professional{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .professional .list{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .professional .list li{
	width: 16.666%;
	height: auto;
	float: left;
	background: url(../images/professional_line.gif) repeat-y 0 0;
	margin-top: 40px;
	opacity: 0;
}
.wrapper .homePage .professional .list li:nth-child(even){
	margin-top: -40px;
}
.wrapper .homePage .professional .list li .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.wrapper .homePage .professional .list li:hover .title{
	margin-top: -3px;
}
.wrapper .homePage .professional .list li .title img{
	width: 100%;
	height: auto;
}
.wrapper .homePage .professional .list li:hover .title a{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .professional .list li .title .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/professional_title.png);
}
.wrapper .homePage .professional .list li .title a:hover .filter{
	background: url(../images/professional_title2.png);
}
.wrapper .homePage .professional .list li .title .text{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
	text-align: center;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -37px\9;
}
.wrapper .homePage .professional .list li .title .text .tit{
	width: 100%;
	height: auto;
	line-height: 56px;
	float: left;
	font-family: "SimSun";
	font-size: 24px;
	color: #fff;
}
.wrapper .homePage .professional .list li .title .text .tit span{
	font-size: 56px;
}
.wrapper .homePage .professional .list li .title .text .txt{
	width: 100%;
	height: auto;
	line-height: 12px;
	float: left;
	font-family: Arial;
	font-size: 10px;
	color: #e684a7;
	letter-spacing: 3px;
}
.wrapper .homePage .professional .list li .linkList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 16px;
}
.wrapper .homePage .professional .list li:hover .linkList{
	margin-top: 19px;
}
.wrapper .homePage .professional .list li .linkList li{
	width: 100%;
	height: 34px;
	line-height: 34px;
	float: left;
	background: url(../images/professional_linkList.gif) no-repeat 20px center;
	padding: 0 20px 0 33px;
	box-sizing: border-box;
	font-size: 14px;
	color: #414349;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
	margin: 0;
}
.wrapper .homePage .professional .list li .linkList li a{
	font-size: 14px;
	color: #414349;
}
.wrapper .homePage .professional .list li .linkList li a:hover{
	color: #4995ab;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .homePage .professional .morebox{
	width: 100%;
	height: 44px;
	float: left;
	margin: 62px 0;
	text-align: center;
}
.wrapper .homePage .professional .morebox .morebtn{
	display: inline-block;
}
.wrapper .homePage .professional .morebox .morebtn a{
	width: auto;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	padding: 0 44px;
	border: solid 1px #8d8e92;
	font-family: "SimSun";
	font-size: 20px;
	color: #8d8e92;
}
.wrapper .homePage .professional .morebox .morebtn a:hover{
	background: #5bb5c7;
	border: solid 1px #5bb5c7;
	color: #fff;
}
.wrapper .homePage .characteristics{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .traitTitle{
	width: 100%;
	height: 200px;
	float: left;
	text-align: center;
	background: url(../images/characteristics_title_bg.jpg) no-repeat center 0;
	position: relative;
}
.wrapper .homePage .traitTitle .tit{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	margin-top: 56px;
}
.wrapper .homePage .traitTitle .txt{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 24px;
	color: #fff;
	margin-top: 10px;
}
.wrapper .homePage .traitTitle .camera{
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	/*margin-left: 320px;*/
	margin-left: 500px;
	opacity: 0;
}
.wrapper .homePage .characteristics .centent{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1px;
}
.wrapper .homePage .characteristics .centent .pic{
	width: 100%;
	height: 629px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
	background: no-repeat center 0;
	background-attachment: fixed;

}
.wrapper .homePage .characteristics .centent .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/professional_title.png);
}
.wrapper .homePage .characteristics .centent .pic .about{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	/*top: 129px;*/
	top: 300px;
	left: 0;
	z-index: 3;
	opacity: 0;
}
.wrapper .homePage .characteristics .centent .pic .about .icon{
	width: 100%;
	height: auto;
	text-align: center;
	float: left;
}
.wrapper .homePage .characteristics .centent .pic .about .icon img{
	width: auto;
}
.wrapper .homePage .characteristics .centent .pic .about .tit{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 60px;
	font-size: 57px;
	font-family: "SimSun";
	color: #fff;
	margin-top: 26px;
}
.wrapper .homePage .characteristics .centent .pic .about .tit a{
	font-size: 57px;
	font-family: "SimSun";
	color: #fff;
}
.wrapper .homePage .characteristics .centent .pic .about .egtit{
	width: 100%;
	height: auto;
	float: left;
	font-size: 26px;
	color: #5bb5c7;
	font-family: Arial;
	margin-top: 10px;
	letter-spacing: 4px;
}
.wrapper .homePage .characteristics .centent .pic .about .txt{
	width: 100%;
	height: auto;
	line-height: 16px;
	float: left;
	font-size: 14px;
	color: #929395;
	margin-top: 8px;
	letter-spacing: 22px;
}
.wrapper .homePage .characteristics .centent .bottom{
	width: 100%;
	height: auto;
	min-height: 642px;
	float: left;
	background: url(../images/characteristics_bottom.png) no-repeat center 0;
	margin-top: -216px;
	position: relative;
	z-index: 5;
	padding-bottom: 20px;
}
.wrapper .homePage .characteristics .centent .bottom .bottom1{
	width: 1156px;
	height: auto;
	margin: 136px auto 0 auto;
}
.wrapper .homePage .characteristics .centent .bottom .text{
	width: 540px;
	height: auto;
	float: left;
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	margin-top: 94px;
	margin-left: -150px;
	opacity: 0;
}
.wrapper .homePage .characteristics .centent .bottom .pic{
	width: 533px;
	height: 551px;
	float: right;
	position: relative;
	overflow: visible;
	margin-right: -150px;
	opacity: 0;
}
.wrapper .homePage .characteristics .centent .bottom .pic img{
	width: 100%;
	height: auto;
}
.wrapper .homePage .characteristics .centent .bottom .pic .line{
	width: 525px;
	height: 550px;
	border: solid 5px #f6d1d1;
	position: absolute;
	left: -17px;
	top: 12px;
	z-index: 2;
}
.wrapper .homePage .teacherTeam{
	width: 100%;
	height: auto;
	float: left;
	display: none;
}
.wrapper .homePage .teacherTeam .columnTitle{
	margin-top: 52px;
}
.wrapper .homePage .teacherTeam .columnTitle .tit{
	letter-spacing: 15px;
}
.wrapper .homePage .teacherTeam .columnTitle .txt{
	letter-spacing: 1.5px;
}
.wrapper .homePage .teacherTeam .teacherList{
	width: 100%;
	float: left;
	overflow:hidden;
	text-align: center;
	margin: 48px 0;
}
.wrapper .homePage .teacherTeam .teacherList ul{
	margin: 0 auto;
	display: inline-block;
}
.wrapper .homePage .teacherTeam .teacherList li{
	/*width: 296px;*/
	/*max-width: 316px;
	min-width: 296px;*/
	width: 16.666%;
	height: auto;
	/*margin: 0 10px 20px 10px;*/
	padding: 0 10px 20px 10px;
	box-sizing: border-box;
	float: left;
	margin-top: 100px;
	opacity: 0;
}
.wrapper .homePage .teacherTeam .teacherList li:nth-child(even){
	margin-top: -50px;
}  
.wrapper .homePage .teacherTeam .teacherList li a{
	width: 100%;
	height: auto;
	float: left;	
}
.wrapper .homePage .teacherTeam .teacherList li .pic{
	width: 100%;
	/*height: 295px;*/
	height: auto;
	float: left;
	text-align: center;
	position: relative;
}
.wrapper .homePage .teacherTeam .teacherList li .pic span{
	width: 100%;
	/*height: 295px;*/
	height: 100%;
	float: left;
	overflow: hidden;
}
.wrapper .homePage .teacherTeam .teacherList li .pic span img{
	width: 100%;
	height: auto;
}
.wrapper .homePage .teacherTeam .teacherList li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/teacherTeam_filter.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}
.wrapper .homePage .teacherTeam .teacherList li a:hover .pic .filter{
	display: block;
}
.wrapper .homePage .teacherTeam .teacherList li .pic .add{
	position: absolute;
	width: 0px;
	height: 0px;
	right: 44px;
	bottom: 0px;
	z-index: 3;
	background: url(../images/teacherTeam_add2.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.wrapper .homePage .teacherTeam .teacherList li .text{
	/*width: 228px;*/
	width: 100%;
	height: auto;
	float: right;
	/*margin-right: 38px;*/
	padding-right: 20px;
	padding-left: 30px;
	box-sizing: border-box;
	text-align: left;
	position: relative;
}
.wrapper .homePage .teacherTeam .teacherList li .text .tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #1d1e21;
	margin-top: 23px;
	overflow:hidden;
}
.wrapper .homePage .teacherTeam .teacherList li a:hover .text .tit{
	color: #5bb5c7;
}
.wrapper .homePage .teacherTeam .teacherList li .text .tit span{
	font-weight: bold;
	font-size: 24px;
	margin-right: 5px;
}
.wrapper .homePage .teacherTeam .teacherList li .text .txt{
	width: 100%;
	height: 120px;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #8e8f92;
	margin-top: 8px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.wrapper .homePage .teacherTeam .teacherList li .text .line{
	width: 2px;
	height: 61px;
	position: absolute;
	background: #1d1e21;
	top: -14px;
	/*left: -10px;*/
	left: 20px;
	z-index: 2;
}
.wrapper .homePage .teacherTeam .teacherList li .text .line .line2{
	width: 2px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #5bb5c7;
}
.wrapper .homePage .schoolLife{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 20px;
}
.wrapper .homePage .schoolLife .largerVersion{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1px;
	position: relative;
	opacity: 0;
}
.wrapper .homePage .schoolLife .largerVersion img{
	width: 100%;
	height: auto;
}
.wrapper .homePage .schoolLife .largerVersion .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/professional_title.png);
}
.wrapper .homePage .schoolLife .largerVersion .text{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 3;                                         
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -102px\9;
	opacity: 0;
}
.wrapper .homePage .schoolLife .largerVersion .text .tit{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .homePage .schoolLife .largerVersion .text img{
	width: auto;
}
.wrapper .homePage .schoolLife .largerVersion .text .txt{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 32px;
	font-size: 28px;
	color: #fff;
}
.wrapper .homePage .schoolLife .picList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
	padding: 0 5px;
	box-sizing: border-box;
}
.wrapper .homePage .schoolLife .picList li{
	width: 20%;
	height: auto;
	float: left;
	padding: 0 5px;
	box-sizing: border-box;
	margin-bottom: 45px;
	opacity: 0;
	margin-top: 50px;
}
.wrapper .homePage .schoolLife .picList li:nth-child(even){
	margin-top: -50px;
}
.wrapper .homePage .schoolLife .picList li a{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .schoolLife .picList li .pic{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	position: relative;
}
.wrapper .homePage .schoolLife .picList li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .homePage .schoolLife .picList li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/schoolLife_filter.png);
	line-height: 26px;
	font-size: 18px;
	color: #fff;	
	display: none;
}
.wrapper .homePage .schoolLife .picList li .pic .text{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 3;
	line-height: 26px;
	font-size: 18px;
	color: #fff;	
	padding: 0 95px;
	box-sizing: border-box;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -26px\9;
	display: none;
}
.wrapper .homePage .schoolLife .picList li .pic a:hover .text,
.wrapper .homePage .schoolLife .picList li .pic a:hover .filter{
	display: block;
}
.wrapper .homePage .schoolLife .picList li .pic .add{
	width: 0px;
	height: 0px;
	bottom: 0px;
	left: 50%;
	margin-left: 0px;
	position: absolute;
	z-index: 4;
	background: url(../images/teacherTeam_add2.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.wrapper .homePage .newsListbox{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 60px;
}
.wrapper .homePage .newsListbox .columnTitle{
	margin-top: 18px;
}
.wrapper .homePage .newsListbox .newsMenu{
	margin-top: 32px;
}
.wrapper .homePage .newsListbox .newsListbox1{
	width: 1157px;
	height: auto;
	margin: 0 auto;
}
.wrapper .homePage .newsListbox .nopicList{
	width: 100%;
	height: auto;
	float: left;
	margin: 36px 0 0 0;
	display: none;
}
.wrapper .homePage .newsListbox .nopicList li{
	width: 383px;
	height: 211px;
	float: left;
	margin-left: 4px;
	margin-bottom: 27px;
}
.wrapper .homePage .studentsTalk{
	width: 100%;
	height: auto;
	float: left;
	background: no-repeat center 0; 
	background-attachment: fixed;
}	
.wrapper .homePage .studentsTalk .studentsTalk1{
	width: 100%;
	height: auto;
	float: left;
	background: url(../images/home_banner_filter.png) repeat-y 0 0;
	background-size: 100% auto;
	position: relative;
}
.wrapper .homePage .studentsTalk .studentsTalk2{
	width: 1158px;
	height: auto;
	margin: 0 auto;
}
.wrapper .homePage .studentsTalk .studentsTalk1 .quotesRight,
.wrapper .homePage .studentsTalk .studentsTalk1 .quotesLeft{
	width: 101px;
	height: 76px;
	position: absolute;
	bottom: 130px;
	left: 50%;
	/*margin-left: -584px;*/
	margin-left: -800px;
	opacity: 0;
	z-index: 2;
	background: url(../images/slogan_quotes1.png) no-repeat 0 0;
}
.wrapper .homePage .studentsTalk .studentsTalk1 .quotesRight{
	background: url(../images/slogan_quotes2.png) no-repeat 0 0;	
	bottom: auto;
	left: auto;
	top: -5px;
	right: 50%;
	/*margin-right: -588px;*/
	margin-right: -800px;
	opacity: 0;
}
.wrapper .homePage .studentsTalk .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: -200px;
	opacity: 0;
}
.wrapper .homePage .studentsTalk .title .pic{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homePage .studentsTalk .title .tit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 44px;
	font-family: "SimSun";
	font-size: 40px;
	color: #fff;
	letter-spacing: 6px;
}
.wrapper .homePage .studentsTalk .text{
	width: 852px;
	height: auto;
	float: left;
	margin-left: 150px;
	line-height: 35px;
	font-size: 16px;
	color: #fff;
	/*margin-top: 38px;*/
	margin-top: 500px;
	margin-bottom: 78px;
	opacity: 0;
}
.wrapper .aboutPage{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .aboutPage .banner{
	width: 100%;
	height: 575px;
	float: left;
	background: url(../images/aboutPage_banner_bg.jpg) repeat-y center 0;
	background: 100% auto;
	position: relative;
}
.wrapper .aboutPage .banner .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 208px;
	background: url(../images/contactPage_banner_title.gif) no-repeat center bottom;
	padding-bottom: 52px;
	position: relative;
	z-index: 20;
}
.wrapper .aboutPage .banner .title .tit{
	width: 100%;
	height: auto;
	float: left;
	font-family: "SimSun";
	font-size: 80px;
	color: #fff;
}
.wrapper .aboutPage .banner .title .txt{
	width: 100%;
	height: auto;
	float: left;
	line-height: 28px;
	font-family: "SimSun";
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.wrapper .aboutPage .banner .Letterbox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
}
.wrapper .aboutPage .banner .Letterbox .letter5,
.wrapper .aboutPage .banner .Letterbox .letter4,
.wrapper .aboutPage .banner .Letterbox .letter3,
.wrapper .aboutPage .banner .Letterbox .letter2,
.wrapper .aboutPage .banner .Letterbox .letter1{
	position: absolute;
	z-index: 2;
}
.wrapper .aboutPage .banner .Letterbox .letter1{
	width: 226px;
	height: 226px;
	top: 166px;
	left: 50%;
	margin-left: -620px;
	background: url(../images/about_letter1.png) no-repeat 0 0;
}
.wrapper .aboutPage .banner .Letterbox .letter2{
	width: 70px;
	height: 86px;
	top: 392px;
	left: 50%;
	margin-left: -310px;
	background: url(../images/about_letter2.png) no-repeat 0 0;
}
.wrapper .aboutPage .banner .Letterbox .letter3{
	width: 61px;
	height: 69px;
	top: 151px;
	right: 50%;
	margin-right: -241px;
	background: url(../images/about_letter3.png) no-repeat 0 0;
}
.wrapper .aboutPage .banner .Letterbox .letter4{
	width: 112px;
	height: 118px;
	top: 187px;
	right: 50%;
	margin-right: -371px;
	background: url(../images/about_letter4.png) no-repeat 0 0;
}
.wrapper .aboutPage .banner .Letterbox .letter5{
	width: 94px;
	height: 110px;
	top: 169px;
	right: 50%;
	margin-right: -699px;
	background: url(../images/about_letter5.png) no-repeat 0 0;
}
.wrapper .aboutPage .profilebox{
	width: 100%;
	height: auto;
	float: left;	
}
.wrapper .aboutPage .profilebox .left{
	width: 50%;
	min-height: 712px;
	height: 712px\9;
	float: left;
	background: #79bac8;
}
.wrapper .aboutPage .profilebox .left .photo{
	width: 633px;
	height: auto;
	float: right;
	/*margin-right: 48px;*/
	margin-right: 260px;
	margin-top: -38px;
	opacity: 0;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left{
	width: 100%;
	height: 654px;
	float: left;
	position: relative;
	z-index: 30;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .bd{
	width: 100%;
	height: 654px;
	float: left;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .bd ul{
	overflow: hidden;
	zoom: 1;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .bd li{
	width: 100%;
	height: 654px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .bd li img{
	width: 100%;
	height: auto;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .hd{
	width: 100%;
	height: 34px;
	overflow: hidden;	
	position: absolute;
	bottom: -17px;
	left: 0;
	z-index: 2;
	padding-right: 20px;
	box-sizing: border-box;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .hd .pageState{
	width: 100%;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: right;
	font-family: Arial;
	font-size: 32px;
	color: #fff;
}
.wrapper .aboutPage .profilebox .left .photo .picScroll-left .text{
	width: 100%;
	height: auto;
	line-height: 78px;
	font-family: Arial;
	font-weight: bold;
	font-size: 52px;
	color: #fff;
	position: absolute;
	bottom: -35px;
	left: 12px;
	z-index: 2;
	letter-spacing: 35px;
}
.wrapper .aboutPage .profilebox .right{
	width: 50%;
	min-height: 712px;
	height: 712px\9;
	float: right;
	background: url(../images/about_profile.gif) no-repeat right 0 #f1f1f1;
}
.wrapper .aboutPage .profilebox .right .article{
	width: 494px;
	height: auto;
	float: left;
	/*margin-left: 52px;*/
	margin-left: 250px;
	opacity: 0;
}
.wrapper .aboutPage .profilebox .right .article .title{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 54px;
}
.wrapper .aboutPage .profilebox .right .article .title .egtit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 24px;
	font-family: Arial;
	font-size: 20px;
	color: #5bb5c7;
	letter-spacing: 18px;
}
.wrapper .aboutPage .profilebox .right .article .title .tit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 46px;
	font-family: "SimSun";
	font-size: 40px;
	color: #171b25;
	letter-spacing: 14px;
	margin-top: 12px;
}
.wrapper .aboutPage .profilebox .right .article .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 26px;
	font-size: 14px;
	color: #171b25;
	margin-top: 50px;
}
.wrapper .aboutPage .photoListbox{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .aboutPage .photoListbox li{
	width: 20%;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0;
	font-size: 0;
	opacity: 0;
}
.wrapper .aboutPage .photoListbox li img{
	width: 100%;
	height: auto;
	font-size: 0;
}
.wrapper .aboutPage .aboutbox{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.wrapper .aboutPage .aboutbox .aboutbox1{
	width: 1154px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.wrapper .aboutPage .aboutbox .aboutbox1 .quotesLeft{
	width: 101px;
	height: 76px;
	position: absolute;
	background: url(../images/slogan_quotes1.png) no-repeat 0 0;
	top: -65px;
	left: 17px;
	z-index: 2;
}
.wrapper .aboutPage .aboutbox .aboutbox1 .quotesRight{
	width: 102px;
	height: 77px;
	position: absolute;
	background: url(../images/slogan_quotes2.png) no-repeat 0 0;
	top: -30px;
	right: 15px;
	z-index: 2;
}
.wrapper .aboutPage .aboutbox .bgbox{
	width: 100%;
	height: 863px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.wrapper .aboutPage .aboutbox .bgbox .left{
	width: 50%;
	height: 863px;
	float: left;
	background: url(../images/aboutbox_bgbox1.jpg) repeat-x 0 0;
}
.wrapper .aboutPage .aboutbox .bgbox .right{
	width: 50%;
	height: 863px;
	float: right;
	background: url(../images/aboutbox_bgbox2.jpg) repeat-x 0 0;
}
.wrapper .aboutPage .aboutbox .messages{
	width: 100%;
	height: auto;
	float: left;
	background: #f8f8f8;
	margin-top: -48px;
}
.wrapper .aboutPage .aboutbox .messages .columnTitle{
	margin-top: 58px;
}
.wrapper .aboutPage .aboutbox .messages .columnTitle .tit{
	letter-spacing: 16px;
}
.wrapper .aboutPage .aboutbox .messages .text{
	width: 970px;
	height: auto;
	float: left;
	padding: 0 92px;
	line-height: 26px;
	font-size: 14px;
	color: #171b25;
	margin-top: 46px;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia{
	width: 100%;
	height: auto;
	float: left;
	background: #f8f8f8;
	padding-bottom: 98px;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .columnTitle{
	margin-top: 48px;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .columnTitle .egtit{
	letter-spacing: 2px;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .columnTitle .tit{
	letter-spacing: 12px;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList{
	width: 966px;
	height: auto;
	float: left;
	margin: 58px 94px 0 94px;
	position: relative;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList .line{
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 20px;
	z-index: 1;
	background: url(../images/growthList_line.gif) repeat-y 0 0;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList li{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 60px;
	position: relative;
	z-index: 5;
}
.wrapper .aboutPage .growthMemorabilia .growthList li .text{
	width: 456px;
	height: auto;
	float: left;
	padding-right: 42px;
	background: url(../images/growthList_icon.gif) no-repeat right 0;
	margin-top: 20px;
}
.wrapper .aboutPage .growthMemorabilia .growthList li.reverse .text{
	width: 458px;
	float: right;
	padding-right: 0;
	padding-left: 42px;
	background: url(../images/growthList_icon.gif) no-repeat 0 0;
}
.wrapper .aboutPage .growthMemorabilia .growthList li .text .date{
	width: 100%;
	height: 44px;
	line-height: 44px;
	float: left;
	font-size: 42px;
	color: #171b25;
}
.wrapper .aboutPage .growthMemorabilia .growthList li .text .txt{
	width: 100%;
	height: auto;
	float: left;
	line-height: 22px;
	font-size: 14px;
	color: #171b25;
	margin-top: 10px;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList li .photo{
	width: 451px;
	height: 249px;
	float: right;
	overflow: hidden;
	position: relative;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList li.reverse .photo{
	float: left;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList li .photo img{
	width: 100%;
	height: auto;
}
.wrapper .aboutPage .aboutbox .growthMemorabilia .growthList li .photo .filter{
	width: 451px;
	height: 249px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(../images/growthList_photo_filter.png) no-repeat 0 0;
}

.popupFilter9,
.popupFilter8,
.popupFilter7,
.popupFilter6,
.popupFilter5,
.popupFilter4,
.popupFilter3,
.popupFilter2,
.popupFilter1{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	display: none;
}
.popupOurStudents{
	width: 100%;
	height: auto;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 1005;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -284px\9;
	display: none;
}
.popupOurStudents .studentProfile{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.popupOurStudents .preBtn,
.popupOurStudents .nextBtn{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: 23px;
	background: url(../images/teacherList_prev.png) no-repeat 0 0;
	cursor: pointer;
}
.popupOurStudents .preBtn{
	left: auto;
	right: 30px;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
}
.popupOurStudents .preBtn:hover{
	background: url(../images/teacherList_next2.png) no-repeat 0 0;	
}
.popupOurStudents .nextBtn:hover{
	background: url(../images/teacherList_prev2.png) no-repeat 0 0;	
}
.popupOurStudents .studentProfile .studentProfile1{
	width: 1010px;
	height: auto;
	margin: 0 auto;
}
.popupOurStudents .studentProfile .studentbox{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	position: relative;
}
.popupOurStudents .studentProfile .studentbox .closeBtn{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	background: url(../images/popupOurStudents_closeBtn.gif) no-repeat 0 0;
}
.popupOurStudents .studentProfile .studentbox .closeBtn .btn{
	width: 40px;
	height: 40px;
	float: right;
	text-align: center;
	background: url(../images/closeBtn.png) no-repeat center center;
	cursor: pointer;
	-webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.popupOurStudents .studentProfile .studentbox .closeBtn .btn:hover{
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.popupOurStudents .studentProfile .studentbox .photo{
	width: 506px;
	height: auto;
	float: left;
}
.popupOurStudents .studentProfile .studentbox .slideBox{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.popupOurStudents .studentProfile .studentbox .slideBox .bd{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	z-index: 0;
}
.popupOurStudents .studentProfile .studentbox .slideBox .bd li{
	width: 100%;
	height: auto;
	float: left;	
	font-size: 0;
}
.popupOurStudents .studentProfile .studentbox .slideBox .bd img{
	width: 100%;
	height: auto;
	font-size: 0;
}
.popupOurStudents .studentProfile .studentbox .slideBox .hd{
	width: 100%;
	height: 14px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 29px;
	z-index: 1;
	text-align: center;
}
.popupOurStudents .studentProfile .studentbox .slideBox .hd ul{
	display: inline-block;
	overflow: hidden;
	zoom: 1;
}
.popupOurStudents .studentProfile .studentbox .slideBox .hd li{
	width: 6px;
	height: 6px;
	float: left;	
	text-align: center;
	cursor: pointer;
	border: solid 3px #f8f8f8;
	margin: 2px 4px 0 4px;
	font-size: 0;
}
.popupOurStudents .studentProfile .studentbox .slideBox .hd li.on{
	width: 8px;
	height: 8px;
	background: #ffe401;
	border: solid 3px #ffe401;
}
.popupOurStudents .studentProfile .studentbox .introduction{
	width: 380px;
	height: auto;
	float: right;
	margin: 110px 0;
	margin-right: 55px;	
}
.popupOurStudents .studentProfile .studentbox .introduction .tit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 32px;
	color: #313030;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
}
.popupOurStudents .studentProfile .studentbox .introduction .tit span{
	font-size: 30px;
	font-weight: bold;
	margin-right: 3px;
}
.popupOurStudents .studentProfile .studentbox .introduction .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #a3a3a3;
	margin-top: 10px;
}
.teacherList .hiddenPic{
	display: none;
}

.popupHonor{
	width: 100%;
	height: auto;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 1005;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	margin-top: -280px\9;
	display: none;
}
.popupHonor .popupHonor1{
	width: 868px;
	height: auto;
	margin: 0 auto;
}
.popupHonor .honorbox{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	position: relative;
}
.popupHonor .honorbox .closeBtn{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	background: url(../images/popupOurStudents_closeBtn.gif) no-repeat 0 0;
}
.popupHonor .honorbox .closeBtn .btn{
	width: 40px;
	height: 40px;
	float: right;
	text-align: center;
	background: url(../images/closeBtn.png) no-repeat center center;
	cursor: pointer;
	-webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.popupHonor .honorbox .closeBtn .btn:hover{
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.popupHonor .honorbox .title{
	width: 100%;
	height: auto;
	text-align: center;
	float: left;
	padding: 22px 0;
}
.popupHonor .honorbox .certificate{
	width: 100%;
	height: auto;
	float: left;
}
.popupHonor .honorbox .certificate .slideBox{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}
.popupHonor .honorbox .certificate .slideBox .bd{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	z-index: 0;
}
.popupHonor .honorbox .certificate .slideBox .bd li{
	width: 100%;
	height: auto;
	float: left;
	zoom: 1;
	vertical-align: middle;
	text-align: center;
}
.popupHonor .honorbox .certificate .slideBox .bd li .title{
	width: 100%;
	height: auto;
	float: left;
	background: #f9f9f9;
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	line-height: 40px;
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #332a26;
}
.popupHonor .honorbox .certificate .slideBox .bd li .title span{
	font-weight: bold;
	margin-right: 4px;
}
.popupHonor .honorbox .certificate .slideBox .bd .pic{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 60px 0;
}
.popupHonor .honorbox .certificate .slideBox .bd .pic img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.popupHonor .honorbox .certificate .slideBox .prev,
.popupHonor .honorbox .certificate .slideBox .next{
	width: 45px;
	height: 45px;
	position: absolute;
	left: -80px;
	top: 50%;
	margin-top: -70px;
	display: block;
	background: url(../images/teacherList_prev.png) no-repeat 0 0;
}
.popupHonor .honorbox .certificate .slideBox .next{
	left: auto;
	right: -80px;
	background: url(../images/teacherList_next.png) no-repeat 0 0;
}
.popupHonor .honorbox .certificate .slideBox .prev:hover{
	background: url(../images/teacherList_prev2.png) no-repeat 0 0;
}
.popupHonor .honorbox .certificate .slideBox .next:hover{
	background: url(../images/teacherList_next2.png) no-repeat 0 0;
}
.signUpBtn{
	width: 192px;
	height: 195px;
	background: url(../images/signUpBtn.png) no-repeat 0 0;
	position: fixed;
	bottom: 35px;
	left: 20px;
	z-index: 900;
	cursor: pointer;
}
.signUpBtn .txt1{
	width: 28px;
	height: 25px;
	position: absolute;
	z-index: 2;
	/*left: 53px;
	top: 82px;*/
	left: 33px;
	top: 62px;
	background: url(../images/signUpBtn_txt1.png) no-repeat 0 0;
	opacity: 0;
}
.signUpBtn .txt2{
	width: 47px;
	height: 43px;
	position: absolute;
	z-index: 2;
	/*right: 63px;
	top: 68px;*/
	right: 43px;
	top: 48px;
	background: url(../images/signUpBtn_txt2.png) no-repeat 0 0;
	opacity: 0;
}
.signUpBtn .txt3{
	width: 47px;
	height: 44px;
	position: absolute;
	z-index: 2;
	/*left: 48px;
	bottom: 41px;*/
	left: 28px;
	bottom: 21px;
	background: url(../images/signUpBtn_txt3.png) no-repeat 0 0;
	opacity: 0;
}
.signUpBtn .txt4{
	width: 25px;
	height: 28px;
	position: absolute;
	z-index: 2;
	/*right: 74px;
	bottom: 56px;*/
	right: 54px;
	bottom: 36px;
	background: url(../images/signUpBtn_txt4.png) no-repeat 0 0;
	opacity: 0;
}
.popupSignUp{
	width: 496px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1010;
	background: #fff;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	margin-top: -276px\9;
	margin-left: -248px\9;
	display: none;
}
.popupSignUp .closeBtn{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	background: url(../images/popupOurStudents_closeBtn.gif) no-repeat 0 0;
}
.popupSignUp .closeBtn .btn{
	width: 40px;
	height: 40px;
	float: right;
	text-align: center;
	background: url(../images/closeBtn.png) no-repeat center center;
	cursor: pointer;
	-webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.popupSignUp .closeBtn .btn:hover{
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.popupSignUp .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 48px;
}
.popupSignUp .title .egtit{
	width: 100%;
	height: auto;
	float: left;
	line-height: 14px;
	font-family: Arial;
	font-size: 12px;
	color: #5bb5c7;
	letter-spacing: 1px;
}
.popupSignUp .title .tit{
	width: 100%;
	height: auto;
	float: left;
	font-family: "SimSun";
	font-size: 32px;
	color: #171b25;
	margin: 0;
	margin-top: 5px;
	letter-spacing: 6px;
}
.popupSignUp .inpuList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-bottom: 38px;
}
.popupSignUp .inpuList li{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 13px;
}
.popupSignUp .inpuList li .inpubox{
	width: 260px;
	height: 42px;
	float: left;
	margin-left: 116px;
	border: solid 1px #e4e4e4;
}
.popupSignUp .inpuList li .inpubox .tit1{
	width: 52px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #b5b5b5;
}
.popupSignUp .inpuList li .inpubox .txt{
	width: 208px;
	height: 42px;
	float: left;
}
.popupSignUp .inpuList li .inpubox .txt input{
	width: 198px;
	height: 42px;
	line-height: 42px;
	padding: 0 5px;
	font-size: 14px;
	color: #777676;
	border: none;
	background: none;
}
.popupSignUp .inpuList li .inpubox .txt select{
	width: 100%;
	height: 42px;
	line-height: 42px;
	float: left;
	border: none;
	background: none;
	font-size: 14px;
	color: #777676;
	outline:none;
	cursor: pointer;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
  	background: url(../images/select.gif) no-repeat right 18px center;
}
.popupSignUp .inpuList li .textarea{
	width: 260px;
	height: 92px;
	float: left;
	margin-left: 116px;
	border: solid 1px #e4e4e4;
}
.popupSignUp .inpuList li .textarea textarea{
	width: 240px;
	height: 92px;
	float: left;
	padding: 5px 10px;
	resize: none;
	border: none;
	background: none;
	line-height: 18px;
	font-size: 14px;
	color: #777676;
}
.popupSignUp .inpuList li .textarea textarea::-webkit-input-placeholder{font-size: 14px;color: #777676;}
.popupSignUp .inpuList li .textarea textarea::-moz-placeholder{font-size: 14px;color: #777676;}
.popupSignUp .inpuList li .textarea textarea:-moz-placeholder{font-size: 14px;color: #777676;}
.popupSignUp .inpuList li .inpuBtn{
	width: 260px;
	height: 42px;
	float: left;
	margin-left: 116px;
	background: #78bac8;
}
.popupSignUp .inpuList li .inpuBtn:hover{
	background: #2ba2bb;
}
.popupSignUp .inpuList li .inpuBtn a,
.popupSignUp .inpuList li .inpuBtn input{
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	font-size: 16px;
	color: #fff;
	border: none;
	background: none;
	cursor: pointer;
}
.popupVideo{
	width: 800px;
	height: 450px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	margin-top: -225px\9;
	margin-left: 400px\9;
	background: #000;
	z-index: 1008;
	display: none;
}
.popupVideoList{
	width: 1000px;
	height: 560px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	margin-top: -225px\9;
	margin-left: 400px\9;
	background: #000;
	z-index: 1008;
	display: none;
}