.index-advance{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-advance .video{
    width: 100%;
    height: 100%;
    z-index: -100;
    position:absolute;
}
.index-advance .form-control{
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); 
    	border: 0px;
	background-color: rgba(0,0,0,0) !important;
}
.index-advance .content{
	margin-left:20%;
    width: 580px;
    height: 100%;
    z-index: 1;
    display:flex;
	flex-direction:column
}
.index-advance .content .content-top{
	margin-top:20px;
    width: 100%;
    height: 100px;
    z-index: 1;
    display:flex;
	flex-direction:row;
}
.index-advance .content .content-top .content-top-img{
    height: 100%;
    z-index: 1;
}
.index-advance .content .content-top .content-top-img img{
    width: 200px;
    height: 54px;
    z-index: 10;
}
.index-advance .content .content-top .content-top-title{
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#FFFFFF;
    font-size: 36px;
    margin-top:12px;
    margin-left:10px;
    z-index: 1;
    font-family: SimSun;
    font-weight: bolder;
    text-shadow:2px 2px 2px #000;
}
.index-advance .content .content-middle{
    width: 100%;
    height: 140px;
    margin-top:100px;
    z-index: 1;
}
.index-advance .content .content-middle .advance-font{
    color:#FFFFFF;
    font-size: 60px;
    z-index: 1;
    font-family: SimSun;
    font-weight: bolder;
    text-shadow:2px 2px 2px #000;
}
.index-advance .content .content-middle-sub{
    width: 100%;
    height: 180px;
    margin-top:40px;
    margin-right:40px;
    z-index: 1;
}
.index-advance .content .content-middle-sub .content-middle-sub-box{
    width: 95%;
    height: 100%;
    margin-left:2px;
	margin-right:30px;
    z-index: 1;
    background-color: rgba(36,57,89,0.3);
}
.index-advance .content .content-middle-sub .advance-font-sub{
    color:#FFFFFF;
    font-size: 20px;
    z-index: 1;
    font-family: SimSun;
    padding:20px;
}
.index-advance .content .content-buttom{
	margin-top:20px;
    width: 100%;
    height: 100px;
    z-index: 1;
}
.index-advance .content .content-buttom img{
	margin-left:0px;
}
.index-advance .login {
	padding:20px;
	margin:20px;
	width: 360px;
    height: 480px;
    z-index: 1000;
    position:absolute;
    display:flex;
	flex-direction:column;
    /*background-color: rgba(36,57,89,0.3);*/
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0,0,0, 0.2); 
}
.index-advance .login .login-item{
	width: 100%;
    height: 15%;
    z-index: 100;
    padding:10px 20px 10px 10px;
    display:flex;
	flex-direction:row;
}
.index-advance .login .login-item .error-msg{
	color: red;
	text-align: center;
}
.index-advance .login .login-item .login-title{
	text-align: center;
	font-size: 24px;
	width:100%;
}
.index-advance .login .login-item .login-image{
	width:60px;
	height:100%;
	margin-top:10px;
	font-size: 24px;
	text-align: center;
}
.index-advance .login .login-item .login-image span{
	color:#0453C6;
}
.index-advance .login .login-item .login-input{
	width:100%;
	height:100%;
	border-bottom: 1px solid #ccc;
}
.index-advance .login .login-item .login-input input{
	border: 0px;
}
.index-advance .login .login-item .login-btn{
	width:95%;
	border-radius: 10px;
	background-color: #0453C6;
    box-shadow: 3px 3px 3px rgba(65,141,250, 0.6); 
    background:linear-gradient(to right,#0150C3,#216FDE,#418DFA);
    color:#FFFFFF;
    letter-spacing:10px;
}
.index-advance .login .login-item .login-href{
	font-size: 12px;
	padding:0px 5px;
	margin:5px 0px;
	cursor:pointer;
	color: #1463D3;
}
/**********去除谷歌浏览器表单自动填充样式***********/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { /* 延迟动画 */
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    transition: color 9999s ease-out, background-color 9999s ease-out;
}

input:-webkit-autofill { /* 阴影透明，背景色效果 */
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    border: 0px solid #ccc !important;
}

.slider {
     position:relative;
	animation:open linear 1.5s;
	/* Firefox: */
	-moz-animation:open  linear 1.5s;
	/* Safari and Chrome: */
	-webkit-animation:open  linear 1.5s;
	/* Opera: */
	-o-animation:open  linear 1.5s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;/* Safari 和 Chrome */
 }

@keyframes open
	{
		0%   { right:0%;top:20%;}
		25%  {right:5%;top:20%;}
		50%  { right:10%;top:20%;}
		75%  { right:15%;top:20%;}
		100% { right:20%;top:20%;}
	}
@media screen and (max-width: 1750px) { 
	.index-advance .content .content-middle{
	    width: 100%;
	    height: 140px;
	    margin-top:10px;
	    z-index: 1;
	}
	.index-advance .content{
		margin-left:20%;
	    width: 680px;
	}
}
@media screen and (max-width: 1600px) { 
	@keyframes open
	{
		0%   { right:0%;top:20%;}
		25%  {right:4%;top:20%;}
		50%  { right:8%;top:20%;}
		75%  { right:12%;top:20%;}
		100% { right:17%;top:20%;}
	}
	.index-advance .content .content-middle{
	    width: 100%;
	    height: 140px;
	    margin-top:10px;
	    z-index: 1;
	}
	.index-advance .content{
		margin-left:17%;
	    width: 620px;
	}
}
@media screen and (max-width: 1450px) { 
	@keyframes open
	{
		0%   { right:0%;top:20%;}
		25%  {right:4%;top:20%;}
		50%  { right:8%;top:20%;}
		75%  { right:12%;top:20%;}
		100% { right:16%;top:20%;}
	}
	
	.index-advance .content .content-middle{
	    width: 100%;
	    height: 80px;
	    margin-top:40px;
	    z-index: 1;
	}
	.index-advance .content{
		margin-left:16%;
	    width: 580px;
	}
	.index-advance .content .content-top{
		margin-top:40px;
	    height: 10%;
	}
	.index-advance .content .content-middle{
	    width: 100%;
	    height: 120px;
	    margin-top:40px;
	    z-index: 1;
	}
}
@media screen and (max-width: 1300px) { 
	@keyframes open
	{
		0%   { right:0%;top:20%;}
		25%  {right:5%;top:20%;}
		50%  { right:10%;top:20%;}
		75%  { right:15%;top:20%;}
		100% { right:20%;top:20%;}
	}
	.index-advance .content{
		margin-left:20%;
	    width: 380px;
	}
.index-advance .login {
	padding:10px;
	margin:10px;
	width: 280px;
    height: 360px;
}
.index-advance .login .login-item{
	width: 100%;
    height: 15%;
    padding:5px 10px 5px 5px;
}
.index-advance .login .login-item .login-title{
	text-align: center;
	font-size: 18px;
	width:100%;
}
.index-advance .login .login-item .login-image{
	width:60px;
	height:100%;
	margin-top:5px;
	font-size: 18px;
}
.index-advance .login .login-item .login-btn{
	width:95%;
	border-radius: 5px;
    letter-spacing:5px;
}
.index-advance .login .login-item .login-href{
	font-size: 8px;
	padding:0px 5px;
	margin:5px 0px;
}
.index-advance .content .content-top{
	margin-top:40px;
    height: 10%;
}
.index-advance .content .content-top .content-top-img{
    height: 100%;
    z-index: 1;
}
.index-advance .content .content-top .content-top-img img{
    width: 140px;
    height: 30px;
}
.index-advance .content .content-top .content-top-title{
    width: 100%;
    height: 100%;
    font-size: 18px;
    margin-top:6px;
    margin-left:5px;
    text-shadow:2px 2px 2px #000;
}
.index-advance .content .content-middle{
    width: 100%;
    height: 120px;
    margin-top:10px;
    z-index: 1;
}
.index-advance .content .content-middle .advance-font{
    font-size: 40px;
    text-shadow:2px 2px 2px #000;
}
.index-advance .content .content-middle-sub{
    height: 130px;
    margin-top:10px;
    margin-right:20px;
    z-index: 1;
}
.index-advance .content .content-middle-sub .content-middle-sub-box{
    width: 95%;
    height: 90%;
    margin-left:2px;
	margin-right:10px;
    z-index: 1;
    background-color: rgba(36,57,89,0.3);
}
.index-advance .content .content-middle-sub .advance-font-sub{
    color:#FFFFFF;
    font-size: 14px;
    padding:10px;
}
.index-advance .content .content-buttom{
	margin-top:10px;
    width: 100%;
    height: 60px;
}
.index-advance .content .content-buttom img{
	margin-left:0px;
	width:60px;
	height:78px;
}
}