body,ul,li{
	list-style: none;margin:0;padding:0;font-family: 微软雅黑;color:#515151;
}
a{list-style: none;color:#515151;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;}
/*login-head*/
.login-body{
	background: #5bc8ed;min-height:640px;width: 100%; position: relative;
}
.login-body-bg{
	width:100%;height:400px;
	position: absolute;left: 0px;top:0px;z-index: 0;
}
.login-balloon{
	width:30%;position: absolute;left:10%;top:0px;z-index:1;
}
.login-balloon img{
	width:100%;
}
.login-balloon .vedio_img{
	width:70%;margin-left:25%;margin-top:-10px; 
}
.login-balloon .play_btn{
	width:20%;height:auto;position: absolute;left:50%;top:68%;cursor:pointer;
}
.video_boxes{
	position: absolute;left:0px;top:0px;background: rgba(0,0,0,0.9);z-index: 999;width:100%;height:100%;
}
.video_smallbox{
	width:70%;margin:0 auto;position: absolute;left:50%;margin-left:-35%;top:15%;
}
.video_boxes video{
	width:100%;position: relative;
}
.video_close{width:30px;height: 30px;background:#fff;text-align: center;line-height:30px;border-radius: 50%;cursor: pointer;position: absolute;right:-15px;top:-15px; z-index: 999;color:#00c3f4;}
.login-bottom{
	width:100%;height:136px;position: absolute;bottom:0px;left: 0px;z-index: 0;
}
.login-head{
	width:100%;height:60px;background:rgba(0,0,0,0.3);z-index:1;position: absolute;left: 0px;top:0px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#44000000,endColorstr=#44000000);
}
.login-box{
	width:900px;height:100%;position: absolute;left:50%;margin-left: -450px;top:8%;  
}
.login-head-title{
	width:200px;height:40px;padding: 10px 0px;float:left;
}
.login-head-nav{
	min-width:200px;height:30px;padding:15px 0px;float: right;
}
.login-head-nav a{
	display: block;min-width:20px;height:30px;line-height: 30px;text-align: center;float: left;margin-left: 40px;color: #fff;cursor: pointer;opacity: 0.6;filter:alpha(opacity=60);font-size: 14px;text-decoration: none;
}
.login-head-nav .login-head-select{
	border-bottom:1px solid #fff;opacity:1;filter:alpha(opacity=100);
}
.login-nav{
	width:100%;min-height: 500px;position: relative;
}
.login-nav-right{
	width:400px;min-height:350px;position: absolute;left:55%;top:50%;margin-top: -140px;
}
.login-inform{
	width:100%;height:40px;
}
.login-inform img{
	width:80%;
}
.login-port-select{
	width:340px;min-height:350px;margin: 0 auto;margin-top: 20px;
}
.login-port-select-title{
	min-width:365px;height:30px;
}
.login-port-select-title div{
	width:119px;height:30px;background:#bfeef8;float: left;border:none;outline:none;margin-right:2px; border-top-left-radius: 8px;border-top-right-radius: 8px;color:#515151;cursor: pointer;text-align: center;line-height:30px;font-size: 14px; 
}
.login-port-select-title .login-port-selected{
	background: #fff;color:#00c3f4;
}
.login-port-select-nav{
	width:361px;min-height:280px;background: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding-top: 10px; 
}
.login-select-way{
	width:280px;height:30px;background:#00c3f4;margin:0 auto;border-radius: 8px;margin-top: 10px;
}
.login-way-btn{
	display: block;float: left;width:140px;height:30px;text-align: center;line-height: 30px;color:#fff;cursor: pointer;font-size: 14px;
}
.login-way-btn-right{
	float: right;
}
.login-way-selected{
	background: #fff;color:#00c3f4;border-radius: 8px;border:1px solid #00c3f4;height:28px;width:137px;  
}
.login-input-password,.login-input-iphone{
	width:280px;height:35px;margin:0 auto;margin-top: 20px;position:relative;
}
.login-input-code{
	display: none;width:280px;height:35px;margin:0 auto;padding-top: 20px;position:relative;
}
.login-input-code input{
	width:120px;height:25px;border-radius: 8px;border:none;outline: none;padding:5px 20px;padding-left: 40px;float: left;line-height: 25px;background:#e0f7fc; 
}
.login-input-code span{
	width:80px;height:35px;background: #00c3f3;float: right;font-size: 14px;text-align: center;line-height: 35px;color:#fff;cursor: pointer;border-radius: 8px;
}
.login-input-code .login-password{
	position: absolute;left:10px;top:26px;
}
.login-input-password input,.login-input-iphone input{
	width:220px;height:25px;border-radius: 8px;border:none;outline: none;padding:5px 20px;padding-left: 40px;line-height: 25px;background:#e0f7fc; 
}
.login-password,.login-iphone{
	position: absolute;left:10px;top:6px;
}
.login-remember-password{
	width:280px;height: 20px;margin:0 auto;padding-top: 8px;color:#fff;font-size: 14px;
}
.login-remember-password-left{
	width:90px;height:20px;float: left;font-size: 14px;line-height: 20px;
}
.login-remember-password-right{
	min-width:60px;height:20px;float: right;font-size: 14px;line-height: 20px;
}
.login-remember-password-left input{
	width:15px;height:15px;float: left;
}
.login-remember-password-left label{
	float: left;cursor: pointer;color:#515151; 
}
.login-remember-password-right span{
	cursor: pointer;color:#00c3f5;
}
.login-into{
	width:100%;height:40px;padding-top:20px; 
}
.login-in-to{
	width:280px;height:40px;background:url(/static/images/login/login-in-to.png) no-repeat;margin:0 auto;border-radius: 8px;text-align: center;line-height: 40px;color:#fff;font-size: 18px;cursor: pointer;
}
.login-third-party{
	width:280px;height:45px;margin:0 auto;line-height: 30px;margin-top: 15px;font-size: 14px;color:#00c3f5;
}
.login-third-party span{
	display: block;float: left;margin-right: 20px;
}
/*.login-third-party span:first-child{
	opacity: 0.8;filter:alpha(opacity=80);
}*/
.login-third-party span img{
	width:30px;height:30px;cursor:pointer;
}

.login-input-prompt{
	width:280px;height:17px;line-height:37px;margin:0 auto;font-size: 12px;color:#FF2626;
}

/*login-head end*/
.login-footer{
	width:100%;height:40px;background: #fff;font-size: 12px;padding:5px 0px;
}
.login-footer-nav{
	width:100%;height: 20px;line-height: 20px;text-align: center;
}

/*Version box*/
.login-version-box{
    width:750px;height:390px;background:#fff;border-radius:40px;z-index:9999;position:absolute;left:50%;top:50%;margin-left:-430px;margin-top:-200px;padding:55px;display:none;
}
.login-version-close{
    width:28px;height:28px;margin-top:-30px;margin-right:-20px;cursor:pointer;float: right;
}
.login-version-box-title{
    width:100%;height:50px;padding:30px 0px 30px 50px;line-height:50px;
}
.login-version-box-title img,.login-version-box-title span{
    float:left;margin-left:30px;font-size:18px;
}
.login-version-images{
    display:block;width:300px;margin-left:228px;
}
.login-version-prompt{
    width:100%;height:50px;font-size:18px;text-align:center;line-height:50px;
}
.login-version-btn{
    margin:0 auto;width:350px;height:53px;background:url(/static/images/btn.png) no-repeat;color:white;font-size:20px;text-align:center;line-height:53px;cursor:pointer;
}
.login-version-btn a{
    display: block;width:100%;height:100%;color:white;text-decoration: none;
}

/*banben*/
.login-version-too-low{
    width:100%;height:20px;padding:10px 0px;background:#faffbd;z-index:999;display:none;
}
.login-version-nav{
    width:1060px;height:20px;margin:0 auto;text-align:center;
}
.login-version-nav img{
    display:block;width:20px;height:20px;float:left;
}
.login-version-nav span,.login-version-nav a{float:left;line-height:20px;}
.login-version-nav span{
    font-size:14px;margin-left:20px;width:80%;height:20px;text-align:center;
}
.login-version-close{
    float:right;
}



/*function*/
.login-student-function{
	width:100%;height:650px;padding-top: 60px;
}
.login-student-title{
	width:594px;height:75px;margin:0 auto;background: url(/static/images/login/function.png) no-repeat;text-align: center;line-height: 70px;color:#fff;font-size: 20px;margin-top: 100px;
}
.login-student-title-nav{
	width:594px;height:30px;margin:0 auto;text-align: center;line-height:30px;color:#fff;font-size: 18px; 
}
.login-student-nav{
	width:100%;height:300px;margin-top: 70px;
}
.login-student-nav-box{
	width:297px;height:300px;float: left;
}
.login-student-nav-title{
	width:150px;height:60px;text-align: center;line-height: 30px;font-size: 16px;color:#fff;margin:0 auto;margin-top:20px; 
}

.login-student-nav-box img{
	width:150px;margin:0 auto;display: block;
}
.login-student-nav-box:first-child .login-student-nav-title{
	width:150px;margin-left:0px; 
}
.login-student-nav-box:first-child img{
	margin-left: 0px;
}
.login-nav-lastbox .login-student-nav-title{
	width:150px;float: right;
}
.login-nav-lastbox img{
	float: right;margin-top:5px;
}

.login-teacher-function{
	width:100%;height:650px;padding-top: 60px;background: #E1F5F8;
}

.login-school-title,.login-teacher-title{
	width:450px;height:300px;padding-top: 200px;float: left;
}
.login-school-title img,.login-teacher-title img{
	width:400px;
}
.login-school-title img{
	float: right;
}
.login-school-nav,.login-teacher-nav{
	width:450px;height:300px;float: left;position: relative;padding-top: 50px;
}
.login-school-nav-title,.login-teacher-nav-title{
	width:594px;height:75px;background: url(/static/images/login/teacher_title.png) no-repeat;position: absolute;left:-72px;top:185px;text-align: center;line-height: 75px;font-size: 20px;color:#fff;
}
.login-teacher-title-nav{
	width:594px;height:30px;line-height: 30px;text-align: center;font-size:20px;position: absolute;left:-72px;top:260px;color:#00c3f4; 
}
.login-school-title-nav{
	width:594px;height:30px;line-height: 30px;text-align: center;font-size:20px;position: absolute;left:-100px;top:260px;color:#fff; 
}
.login-school-nav-title{
	background: url(/static/images/login/function.png) no-repeat;left:-96px;
}
.login-teacher-nav-p{
	width:300px;height:200px;margin:0 auto;margin-top:260px;color:#00c3f4;text-indent:3em; 
}
.login-teacher-nav-p p img{
	margin-right:10px; 
}
.login-school-nav-p{
	width:300px;height:200px;margin:0 auto;margin-top:280px; text-align:left;color:#fff;font-size: 16px;
}
.login-school-nav-p p img{
	margin-right:10px; 
}
.login-school-function{
	width:100%;height:500px;height:650px;padding-top: 60px;
}



/*about-us*/
.not-login-about-box{
    width:100%;min-height:530px;position:relative;
}
.not-login-bottom{
    left:0;bottom:0;width:100%;
}
.not-login-about{
    width:1060px;height:100%;margin:0 auto;
}
.not-login-about-us{
    position:absolute;width:800px;height:300px;background:white;left:50%;top:50%;margin-top:-150px;margin-left:-450px;border-radius:40px;padding:90px 50px;
}
.about-us-nav{
    width:400px;height:300px;float:left;
}
.about-us-title{
    width:390px;height:40px;color:#00c3f4;font-size:30px;
}
.about-us-prompt{
    width:280px;height:20px;color:#00c3f4;font-size:20px;padding-left:100px;
}
.about-us-information{
    line-height:32px;margin-top:40px;
}
.company-information{
    display:block;width:auto;float:left;
}
.company-name{
    display:block;width:330px;height:64px;float:left;
}
/*app-login*/
.login-app-box{
	position: relative;width:900px;height:500px;margin:0 auto;
}
.iphone-shell{
	position: absolute;left:50px;top:50%;width:253px;height:445px;margin-top:-200px; 
}
.login-app-function{
	position: absolute;left:83px;top:50%;width:188px;height:445px;overflow: hidden;margin-top: -200px;
}
.login-app-function img{
	margin:0;float: left;
}
.login-app-function-box{
	width:940px;height:445px;position:absolute; left:0px;top:1px;
}
.login-app-nav{
	width:300px;min-height:300px;position: absolute;left:65%;top:50%;margin-top:-150px; 
}
.login-app-title{
	width:594px;height:75px;text-align: center;line-height: 75px;color:#fff;font-size:24px;background: url(/static/images/login/function.png) no-repeat;margin-left:-150px;
}
.login-app-code{
	width:180px;height:180px;margin:0 auto;background: #fff;margin-top:30px;
}
.login-app-prompt{
	width:300px;height:60px;text-align: center;font-size: 24px;line-height:60px;color:#515151; 
}
.iphone-shell-teacher{
	left:70%;width:214px;height:437px;
}
.login-app-nav-teacher{
	left:30px;
}


/*news*/
.login-nav-news{
	width:900px;min-height:400px;margin:0 auto; padding-top:90px;padding-bottom:80px;  
}
.login-news-nav{
	width:100%;min-height: 410px;/*background: #fdfbe9;*/padding-top:25px; padding-bottom:30px; 
}
.login-news-nav-title{
	width:100%;height:370px;margin:0 auto;
}
.login-news-title-img{
	width:600px;height:370px;float: left;
}
.login-news-title-img img{
	width:598px;height:368px;border:1px solid #fee9c9;
}
.login-news-title-nav{
	width:258px;height:356px;float: left;padding-left:20px;overflow: hidden;border:1px solid #fee9c9; padding-bottom:12px;padding-right:19px;background:#fff; 
}
.login-news-title-nav p{
	text-indent: 2em;text-align:justify;font-size:14px;font-family:微软雅黑;line-height:20px;color:#757584; margin:0; 
}
.login-news-nav-box{
	width:898px;min-height:400px;padding-top:20px;background: #fff;margin:0 auto;margin-top:30px;border:1px solid #fee9c9;   
}
.login-news_nav_box{
	width:896px;min-height:400px;padding-top:20px;background: #fff;margin:0 auto;margin-top:-10px;padding-bottom:20px; 
}
.login-news-nav_title{
	width:780px;height:30px;margin:0 auto;color:#7d4923;font-size: 16px;border-bottom:2px solid #fee9c9;font-weight: bold;  
}
.login-news_nav_title{
	width:844px;height:30px;margin:0 auto;color:#7d4923;font-size: 16px;font-weight: bold;border-bottom:1px solid #fee9c9; 
}
.login-news-nav_box{
	width:780px;height:205px;margin:0 auto;border-bottom:1px solid #fee9c9;
}
.login-news_box_img{
	width:250px;height:154px;padding:25px 0px; float: left;
}
.login-news_box_nav{
	width:500px;height:150px;padding-left:20px; text-align: justify;float: left;overflow: hidden;padding-top:25px; position: relative;
}
.login-news_box_nav .login-news-time{
	min-width:100px;height:20px;position: absolute;right:0px;top:32px;font-size: 14px; 
}
.login-news_box_nav .login-news-time span{
	margin-left:10px; color:#adadbb;
}
.login-news_box_img img{
	width:250px;height:154px;
}
.login-news_box_nav h3{
	width:20em;height:30px;line-height: 30px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:0;margin-bottom:20px; 
}
.login-news_box_nav p{
	text-indent: 2em;text-align:justify;font-size:14px;font-family:微软雅黑;line-height:20px;color:#757584;margin:0; 
}
.login-news-more{
	width:780px;height: 80px;margin:0 auto;line-height: 80px;text-align: right;color:#00c3f4;
}
.login-news-more a{
	cursor:pointer;
}
.login-news-more a:hover{
	text-decoration: underline;
}
.login-news_nav_title span{
	float: right;line-height:30px;
}
.login-news_nav_title span:first-child{
	float: left;
}
.login-news_nav_title span a{
	background: url(/static/images/login/back.png) no-repeat 0px 5px;padding-left:35px;color:#ffb339;cursor:pointer;font-size:14px;line-height:30px;display: block;
}

.login-news-details{
	width:780px;min-height:60px;margin:0 auto;border-bottom:1px solid #fee9c9;padding-bottom:20px; 
}
.login-news-details-title{
	color:#7d4923;font-size:30px;width:100%;min-height:50px;line-height: 50px; 
}
.login-news-details-title-nav{
	color:#7d4923;font-size: 20px;height:50px;line-height: 50px; text-indent: 1em;
}
.login-news-details-nav{
	width:780px;min-height:100px;margin:0 auto;
}
.login-news-details-nav p{
	text-indent: 2em;line-height:24px;text-align:justify; 
}
.login-news-details-nav p img{
	max-width:650px;
}
.login-news-details-nav-img{
	width:650px;height:450px;margin:0 auto;
}
.login-news-details-nav-img img{
	width:650px;height:400px;
}
.login-news-details-nav-img p{
	text-align: center;
}
.login-news-details-nav .login-news-authors{
	width:100%;text-align: right;
}
/*news end*/

/*paging*/
.dataTables_info{
    font-size:14px;float:left;margin-top:15px;
}
.dataTables_paginate{
    float:right;margin-top:15px;margin-bottom: 30px;
}
.paginate_button:hover{
    background:#eee;cursor:pointer;
}
#dtlist_previous,#dtlist_next{
    padding: 6px 12px;border: 1px solid #b6a342;background: #fff3b7;color:#515151;
}
#dtlist_previous{
	border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none;  
}
#dtlist_next{
	border-top-right-radius:4px;border-bottom-right-radius:4px; 
}
#dtlist_paginate span .paginate_button{
    padding: 6px 12px;border: 1px solid #b6a342;background: #fff;border-right:none; 
}
#dtlist_paginate span .current{
    background:#00c3f4;color:white;border:1px solid #00c3f4;
}
#dtlist_previous:hover,#dtlist_next:hover{
	background: #ffb339;
}
.current:hover{
    background:#00c3f4;cursor:pointer;
}
.ellipsis{
	border-left: 1px solid #B6A342;padding:7px 5px;
}
/*function end*/


.slide-down{
	position: absolute;left: 50%;bottom:40px;cursor: pointer;animation:down 2s infinite both;;
}
@keyframes down{
    0%,50%,100%{
        opacity:1;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
    }
    25%,75%{
        opacity:0.1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
    }
}
@media(max-width: 1200px){
	body{
		overflow: scroll;
	}
	.login-body{
		min-width: 1200px;
	}
	.login-footer{
		min-width:1200px;
	}

}
@media(min-width: 1500px){
	
	.iphone-shell{
		width:301px;height:530px;margin-top:-250px;  
	}
	.login-app-function{
		position: absolute;left:89px;top:50%;width:224px;height:530px;overflow: hidden;margin-top: -250px;
	}
	.login-app-function img{
		margin:0;float: left;width:224px;height:530px;
	}
	.login-app-function-box{
		width:1120px;height:530px;position:absolute; left:0px;top:1px;
	}
	.iphone-shell-teacher{
		left:70%;width:259px;height:530px;
	}
}