body,html{height: 100%;-webkit-text-size-adjust:none;}
* {margin:0px;padding:0px;border:none;outline:none;}
body{font-family:"Microsoft Yahei","Arial",sans-serif;font-size: 16px;color: #0B1C34;background: #dde5f2;} 
/* html{font-size: 100px;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 
h1,h2,h3,h4,h5,h6,h7{font-weight: normal;}
ol,li{list-style: none;}
a{text-decoration: none;color:#010101;}
a:hover,a:focus,a:visited{text-decoration:none;outline:none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}
label{font-weight: normal;}
a:hover{color:#dde5f2;}
input:focus, textarea:focus,  select:focus {outline: none;box-shadow: none !important;}
input[type=checkbox]{position: relative;}
input[type=checkbox]::after{
     position: absolute;
     top: 0;
     color: #fff;
     width: 15px;
     height: 15px;
     display: inline-block;
     visibility: visible;
     padding-left: 0px;
     text-align: center;
     content: ' ';
     border-radius: 3px
}
        
input[type=checkbox]:checked::after{
	background-color: #1950ab;
     content: "";
     font-size: 12px;
     font-weight: bold;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	vertical-align: middle;
    border: 0;
}

.container{padding: 0;}

html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 750px){html{font-size: 75px;}}

.indx-banner{background: url(../images/bg0.jpg) no-repeat;background-size: cover;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover; background-attachment: fixed;
background-position: center;height: 100%;}
.login-content{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.login-content .container{display: flex;overflow: hidden;justify-content: flex-end;}
.login-img{width: 60%;position: relative;}
.login{width: 30%;}
.login-box{padding: .5rem;background-color: rgba(255,255,255,.4);border-radius: 10px;margin: .1rem;}
.login-box h2{font-size:.32rem;margin-bottom: 40px;text-align: center;}
.form-input{margin-top: 10px;position: relative;}
.form-input img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.login-box .form-group{margin-bottom: 30px;position: relative;}
.login-box .form-group img{position: absolute;left:20px;top: 50%;transform: translateY(-50%);}
.form-control{padding: 14px 50px;border: 1px solid #ccc;width: 100%;font-size: 16px;box-sizing: border-box;height: 52px;box-shadow: none;background-color:unset !important;border-radius: 10px;}
.form-select{padding: 14px 10px;border: 1px solid #ccc;width: 100%;font-size: 16px;box-sizing: border-box;height: 52px;box-shadow: none;background-color:unset !important;border-radius: 10px;}
.form-control:focus{ border-color: #3a64f1;}
.login-btn{width: 100%;}
.login-btn button[type=submit]:hover{background: #4981df;transition: all .5s;}
.login-btn button[type=submit]{background: #3a64f1;width: 100%;color: #fff;padding: .15rem;cursor: pointer;font-size: 18px;border-radius: 10px;}
.foot-side{padding-top: 98px;}
.login-scrip{position: relative;}
.login-bg{position: relative;}
/* .login-scrip img{width: 5.22rem;height: 1.1rem; } */
.login-scrip p{font-size: .42rem;color: #333;font-style: italic;font-weight: bold;text-align: right;}
.login-txt p:nth-of-type(2){margin-top: .1rem;font-size: .32rem;color: #a2a8b5;font-weight: normal;}
.login-logo img{width: .71rem;}
.login-txt{position: absolute;left: 4rem;top: 0;}

.login-logo{position: absolute;bottom: 0; padding: .5rem;}

.copy a{color: #a7adb7;}
.copy{text-align: center; padding: 40px 0 30px;color: #a7adb7;font-size: 14px;}
.copy p{line-height: .28rem;}

@media (max-width:1438px){
	.login-content .container{
		justify-content: center;
	}
	.login-img{width: 50%;}
}
@media (min-width:1200px){
	.container{width: 1440px;}
}
@media (max-width:1199px){
	.login{width: 40%;}
	.login-bg{width: 80%;margin: auto;}
	.login-scrip p{font-size: .32rem;}
	.login-txt{left: 3rem;}
}
@media all and (max-width:780px){
	
	.container{padding: 15px;}
	.login-content .container{display: block;padding: 15px;}
	.login-img,.login{width: 100%; min-height: unset;}
	.login-content{position: relative;top: unset;left: unset;transform: unset;}
	.indx-banner{height: auto;}
	.login-box{padding: .4rem;}
	.login-scrip p{font-size: 32px;}
	.login-logo{position: relative;padding: 0 .5rem .5rem .5rem;}
	.login-txt{position: unset;}
	.login-scrip p{text-align: center;}
}