@charset "utf-8";
/* 全局样式 */
body { text-align: center; font-family:arial, "微软雅黑"; margin:0; padding:0; background:#fff; font-size:14px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4 {margin: 0; padding: 0; border: 0; }
ul,li{list-style-type:none;}
img{vertical-align:top;}
a{ cursor:pointer;}
i{font-style: normal;}
b{font-weight: normal;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active{ text-decoration:none; background:none;}
.fl{float: left;}
.fr{float: right;}
.m_t{ margin-top:10px;}
.m_l{ margin-left:10px;}
#wrap_head {
    margin: 0 auto;
}
@media (min-width: 1200px){
	.wrap {
	    width: 1200px;
	}
}

.wrap {
    min-width: 960px;
    margin: 0 auto;
    height: 100%;
	position: relative;
	z-index: 999;
}
.div9{
	height: 100%;
	width: 100%;
	background: url(../img/bg_3.png) repeat;
}
.div6{
	height: 100%;
	width: 100%;
	background: url(../img/bg_1.png) repeat;
}
.div8{
    height: 100%;
	background: url(../img/bg_2.png) repeat;
}
.teacherhead{
    padding-top: 30px;
    height: 10%;
}
.studentbutton{background: url(../img/man.png) no-repeat;}
.teacherbutton{background: url(../img/woman.png) no-repeat;}
.sr{
	width: 168px;
    line-height: 58px;
    color: #487ded;
    font-size: 20px;
    border: 1px solid #487ded;
    border-radius: 35px;
    display: inline-block;
    align-items: center;
    cursor: pointer;
    background: #fff;
}
.sr img{
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    margin-top: -4px;
}
.teacherapp{margin-left: 15px;}
.ss p{display: inline-block;}
.slogan{
    color: #fff;
    font-size: 56px;	
}
.slogan span{margin-right: 15px;}
.teahcercontent{
    margin-top: 5%;
    text-align: center;
    height: 62%;
}
.android{
	background: url(../img/android.png) no-repeat;
}
.ios{
    margin-right: 21px;
	background: url(../img/ios.png) no-repeat;
}
.phone{
    width: 206px;
    background: #fff;
    border-radius: 30px;
    font-size: 18px;	
}
.phone i{
    width: 30px;
    height: 33px;
    margin-left: 25px;
}
.ercode{
    display: inline-block;
    float: left;
}
.ercode p{width: 250px;}
.codediv{
	display: inline-block;
	margin-top: 58px;
	float: left;
}
.codediv a{
	color: #fff;
}
.foo{
	background: #fff;
	height: 12%;
}
.applydiv p{
	display: inline-block;
	cursor: pointer;
}
.applycenter{
    height: 90%;
}
.wordapply{
    text-align: left;
    width: 1150px;
    color: #89aef5;
    position: absolute;
    top: 257px;
    margin-left: 450px;
}
.wordapply p:first-child{
    font-size: 40px;
    height: 68px;
    margin-bottom: 0;
}
.wordapply p{
    font-size: 24px;
    margin-bottom: 12px;
}
.applyul li{
    width: 115px;
    height: 108px;
    display: inline-block;
}
.applyul li p{
    font-size: 19px;
    color: #99999b;
    font-weight: 500;
    margin-top: 13px;
}
.applyul{margin-top: 47px;}
.div7{
    height: 100%;
	background: url(../img/bg_3.png)repeat;
}
.qualitycontent{
    width: 1200px;
    height: 600px;
    position: relative;
    margin-top: 20px
}
.qualitycontent p{
	color: #fff;
    font-size: 2.5rem;
    top: -8px;
    text-align: center;
    position: absolute;
    width: 100%;
}
.onlinecontent{
    height: 679px;
    text-align: left;
    color: #89aef5;
    padding-top: 20px;
    position: relative;
}
.onlinewords{
    width: 400px;
    margin-left: 94px;
    text-align: right;
    position: absolute;
    top: 141px;
    left: 0;
}
.onlinewords p{
	font-size: 1.5rem;
    margin-bottom: 12px;
}
.homecontent{
	background: url(../img/home.png)no-repeat center 0;
    margin-top: 70px;
    height: 812px;
    padding-top: 105px;
}
.hometitle{
	color: #fff;
	font-size: 67px;
}
.login{
    width: 138px;
    line-height: 60px;
    color: #fff;
    border: 1px solid #0596dd;
    background: #0595dd;
    margin-right: 25px;
    
}
.regisest{
	width: 138px;
    line-height: 58px;
    color: #0596dd;
    border: 1px solid #0596dd;
    background: #fff;
    margin-right: 25px;
}
.buttons p{
	border-radius: 30px;
	font-size: 18px;
    font-weight: bold;	
    display: inline-block;
    cursor: pointer;
}
.iphone i{
	background: url(../img/iphone.png)no-repeat 0px 0px;
    width: 20px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin: 0 15px 0 0px;
}
.iphone{
	background: #eb7778;
    width: 180px;
    line-height: 60px;
    color: #Fff;
}
.buttons{
    margin-top: 72px;
}
.section-img-one{
    width: 57%;
    position: absolute;
    right: 17%;
    bottom: 6%;
    z-index: 1;
}
.applycenter-img{
    width: 720px;
    margin-right: 269px;
    position: relative;
    margin-top: 20px;
    float: left;
    margin-left: 120px;
}
.qualigty-img{
    width: 759px;
    position: relative;
    margin-left: 205px;
    float: left;
}
.fenxi-img{
    position: absolute;
    top: 100px;
    width: 723px;
    left: 0;
    float: left;
    margin-left: 249px;
}
.onlive-img{
    width: 780px;
}
.studentcode-img{
    width: 85%;
}
.studentcodediv{
    width: 926px;
    height: 40%;
    left: 16%;
    top: -5%;
}
.codefenxidiv{
    left: 4%;
    top: -31%;
    width: 1200px;
    height: 50%
}
.codefenxi-img{
    width: 92%;
}
.cuoti-img{
    width: 76%;
}
.wordcuoti{
	text-align: left;
    width: 84%;
    color: #fff;
    position: relative;
    top: -63%;
    left: 43%;
}
.wordcuoti .tuoticenter p:first-child {
    font-size: 42px;
    height: 83px;
    margin-bottom: 0;
}
.wordcuoti p {
    font-size: 24px;
    margin-bottom:12px;
}
.hudong-img{
    margin: auto;
    width: 59%;
}
.duihua-img{
    position: relative;
    top: -71%;
    left: -6%;
    width: 58%;
}
.hudongwords{
    width: 400px;
    right: 77px;
    text-align: left;
    position: relative;
    top: 4%;
    color: #0595dd;
    float: right
}
.hudongwords p:first-child {
    font-size: 42px;
    height: 72px;
    margin-bottom: 0;
}
.hudongwords p {
    font-size: 22px;
    margin-bottom: 12px;
}
.active{
	color: #fff;
	background: #487ded;
}
.studenta{
    display: inline-block;
    z-index: 2;
    position: relative;
}
.slogan.current,.jiaoxue.current{
	-webkit-animation: rotateWord 3s linear infinite 0s;
    -moz-animation: rotateWord 3s linear infinite 0s;
    -o-animation: rotateWord 3s linear infinite 0s;
    -ms-animation: rotateWord 3s linear infinite 0s;
    animation: rotateWord 3s linear infinite 0s;
    animation-iteration-coun:1;
    -webkit-animation-iteration-count:1; 
}
@keyframes rotateWord{
	0% {
	    opacity: 0;
	}
	2% {
	    opacity: 0;
	    transform: translateY(-80px);
	}
	50% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	100%{
		 opacity: 1;
		 transform: translateY(0px);
	}
}
.applycenter-img.current{
	animation:myfirst 1s;
	-moz-animation:myfirst 1s; /* Firefox */
	-webkit-animation:myfirst 1s; /* Safari and Chrome */
	-o-animation:myfirst 1s; /* Opera */	
}

@keyframes myfirst
{
0%   {margin-right: 0px;}
100% {margin-right: 269px;}
}
.wors.current{
	position: relative;
	animation:words 1s;
	-moz-animation:words 1s; /* Firefox */
	-webkit-animation:words 1s; /* Safari and Chrome */
	-o-animation:words 1s; /* Opera */	
}
@keyframes words
{
0%   {left:70%;margin-top: -8%;}
100% {left:0;top:0}
}
.qualigty-img.current{
	animation:phone 1s;
	-moz-animation:phone 1s; /* Firefox */
	-webkit-animation:phone 1s; /* Safari and Chrome */
	-o-animation:phone 1s; /* Opera */	
}
@keyframes phone
{
0%   {margin-top: 25%;}
100% {margin-top: 3%;}
}
.fenxi-img.current{
	animation:phonetext 1s;
	-moz-animation:phonetext 1s; /* Firefox */
	-webkit-animation:phonetext 1s; /* Safari and Chrome */
	-o-animation:phonetext 1s; /* Opera */	
}
@keyframes phonetext
{
0%   {margin-left: 0;}
100% {margin-left: 289px;}
}
.onlinedivimg{
    width: 1200px;
    margin-left: 256px;
    position: relative;
    top: 0;
    height: 489px;
}
.onlinedivimg.current{
	animation:onlive 1s;
	-moz-animation:onlive 1s; /* Firefox */
	-webkit-animation:onlive 1s; /* Safari and Chrome */
	-o-animation:onlive 1s; /* Opera */		
}
@keyframes onlive
{
0%   {margin-left: 0;}
100% {margin-left: 356px;}
}
.onlinediv p{
    font-size: 3rem;
    height: 85px;
    margin-bottom: 0;
}
.onlinediv.current{
	position: relative;
	animation:onlivehead 1s;
	-moz-animation:onlivehead 1s; /* Firefox */
	-webkit-animation:onlivehead 1s; /* Safari and Chrome */
	-o-animation:onlivehead 1s; /* Opera */		
}
@keyframes onlivehead
{
0%   {margin-top: -64%;}
100% {margin-left: 0%;top:0%}
}
.onlietext.current{
	position: relative;
	animation:onlivetext 1s;
	-moz-animation:onlivetext 1s; /* Firefox */
	-webkit-animation:onlivetext 1s; /* Safari and Chrome */
	-o-animation:onlivetext 1s; /* Opera */		
}
@keyframes onlivetext
{
0%   {left: -80%;}
100% {left:0}
}
.studentcodediv.current{
	position: relative;
	animation:studentcodediv 1s;
	-moz-animation:studentcodediv 1s; /* Firefox */
	-webkit-animation:studentcodediv 1s; /* Safari and Chrome */
	-o-animation:studentcodediv 1s; /* Opera */			
}
@keyframes studentcodediv
{
0%   {top: -61%;}
100% {top: -5%;}
}
.codefenxidiv.current{
	position: relative;
	animation:codefenxidiv 1s;
	-moz-animation:codefenxidiv 1s; /* Firefox */
	-webkit-animation:codefenxidiv 1s; /* Safari and Chrome */
	-o-animation:codefenxidiv 1s; /* Opera */			
}
@keyframes codefenxidiv
{
0%   {left: 84%;}
100% {left: 4%;}
}
.cuotidivimg{
    width: 1003px;
    margin-left: 6%;
    margin-top: 2%;
    height: 76%;
}
.cuotidivimg.current{
	position: relative;
	animation:cuowuti 1s;
	-moz-animation:cuowuti 1s; /* Firefox */
	-webkit-animation:cuowuti 1s; /* Safari and Chrome */
	-o-animation:cuowuti 1s; /* Opera */		
}
@keyframes cuowuti
{
0%   {margin-left: -30%;}
100% {margin-left: 6%;}
}
.tuoticenter.current{
	position: relative;
	animation:tuoticenter 1s;
	-moz-animation:tuoticenter 1s; /* Firefox */
	-webkit-animation:tuoticenter 1s; /* Safari and Chrome */
	-o-animation:tuoticenter 1s; /* Opera */
}
@keyframes tuoticenter
{
 0%{top: 14%;left: 68%;}   
100%{top: 0%;left: 0%;}
}
.kaoshicuoti.current{
	position: relative;
	animation:kaoshicuoti 1s;
	-moz-animation:kaoshicuoti 1s; /* Firefox */
	-webkit-animation:kaoshicuoti 1s; /* Safari and Chrome */
	-o-animation:kaoshicuoti 1s; /* Opera */	
}
@keyframes kaoshicuoti
{
 0%{right: 62%;;}   
100%{right: 0;}
}
.onlinedivimg.current{
	position: relative;
	animation:onlinedivimg 1s;
	-moz-animation:onlinedivimg 1s; /* Firefox */
	-webkit-animation:onlinedivimg 1s; /* Safari and Chrome */
	-o-animation:onlinedivimg 1s; /* Opera */		
}
@keyframes onlinedivimg
{
 0%{margin-left: 0;}   
100%{margin-left:256px;}
}
.hudong-img.current{
	animation:hudong-img 1s;
	-moz-animation:hudong-img 1s; /* Firefox */
	-webkit-animation:hudong-img 1s; /* Safari and Chrome */
	-o-animation:hudong-img 1s; /* Opera */			
}
@keyframes hudong-img
{
 0%{margin-right: 35%;}   
100%{margin-right: 0%;}
}
.duihua-img.current{
	animation:duihua-img 1s;
	-moz-animation:duihua-img 1s; /* Firefox */
	-webkit-animation:duihua-img 1s; /* Safari and Chrome */
	-o-animation:duihua-img 1s; /* Opera */			
}
@keyframes duihua-img
{
 0%{top: 0%;}   
100%{top: -71%;}
}
.jishi{
    position: relative;
    width: 1007px;
    height: 83%;
    margin-left: 19%;
    top: -9%;
}
.jishi.current{
	animation:jishi 1s;
	-moz-animation:jishi 1s; /* Firefox */
	-webkit-animation:jishi 1s; /* Safari and Chrome */
	-o-animation:jishi 1s; /* Opera */	
}
@keyframes jishi
{
 0%{top: -48%;}   
100%{top: -9%;}
}
.duihuadiv{
	top: -77%;
    margin-left: 14%;
    width: 963px;
    position: relative;
    height: 49%;
}
.duihuadiv.current{
	animation:duihuadiv 1s;
	-moz-animation:duihuadiv 1s; /* Firefox */
	-webkit-animation:duihuadiv 1s; /* Safari and Chrome */
	-o-animation:duihuadiv 1s; /* Opera */	
}
@keyframes duihuadiv
{
 0%{top: 74%;}   
100%{top: 31%;}
}
.hudongwords.current{
	animation:hudongwords 1s;
	-moz-animation:hudongwords 1s; /* Firefox */
	-webkit-animation:hudongwords 1s; /* Safari and Chrome */
	-o-animation:hudongwords 1s; /* Opera */		
}
@keyframes hudongwords
{
 0%{right: -27%;}   
100%{right: 77px;}
}
.homehead{
    padding-top: 30px;
    height: 90px;
}
.homebutton a{
	width: 138px;
	line-height: 58px;
	border-radius:35px ;
    display: inline-block;
    font-size: 20px;
}
.homebutton a:nth-child(1){
	background: #0595dd;
    color: #fff;
    border: 1px solid #0595dd;
    margin-right: 30px;
}
.homebutton a:nth-child(2){
	background: #fff;
    color: #0595dd;
    border: 1px solid #0595dd;
    margin-right: 30px;
}
.homebutton a:nth-child(3){
	background: #eb7778;
    color: #fff;
    border: 1px solid #eb7778;
    width: 178px;
}
.homebutton a:nth-child(3) img{
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.footer{background: #333;color: #fff;padding: 44px 0;}
.homebutton{margin-top: 80px;}
.codediv p{margin-top: 15px;font-size: 18px;}
.swiper-container,.swiper-wrapper{width:100%;height: 100%;}
.ssr{
	position: absolute;
    width: 1200px;
    height: 73%;
    text-align: center;
}