*{margin: 0;padding: 0}
html{color:#666; font-family: \5FAE\8F6F\96C5\9ED1; height:100%; font-size:14px; }
input{font-family: \5FAE\8F6F\96C5\9ED1}
input[type="submit"]{border:none}
li{ list-style:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:18px; }
a{ text-decoration:none; cursor:pointer}
i,s,b,em,tt,a{ display:inline-block;* display:inline;zoom:1;text-decoration: none}
body{  width:100%; height:100%;position: relative;}
.co66{color: #666666}.coblue{color: #026cfc}
.fs14{font-size: 14px}
header{height: 66px;background: #f1f5fe}
.wapper{background:url(../images/bg1.jpg) no-repeat;background-size: 100% 100%;background-position: right center;color: #666;height: calc(100% - 66px - 236px);position: relative}
footer{height: 236px;background: #001b46}


.logo{ position:absolute; right:50%; margin-right: 42px;width: 560px;top:3.6vh}
.logo img{height: 100%;height: 4vh;width: auto}

.login{position:absolute; left:50%; top:50%; margin-top: -306px;margin-left: -317.5px;  box-sizing: border-box ;width: 635px;height: 612px;background: #f8f9fd;cursor: pointer;border-radius: 12px;overflow: hidden;box-shadow: 0 0px 25px 2px rgba(0,0,0,.08);}
.title{width: 100%;height: auto;font-size: 32px;font-weight: 600;position: relative;padding: 70px 0 15px 117px;
	}
.title span{background:-webkit-linear-gradient(0deg, #13bd84 , #78ebc4 )/*其实是给background-image 设置为渐变色，不是 background-color*/;
	-webkit-background-clip: text;/*②*/
	color: transparent;/* 让文字为透明色，就是让后面背景色显示出来*/}
.c_logo{text-align: left;margin-bottom: 58px;color: #333331;font-size: 27px;font-weight: 600;white-space: nowrap;padding-top: 44px;position: relative;text-indent: 89px}
.c_logo::before{content: ''; position: absolute;width: 44px;height: 6px;background:#5a9df8;bottom: -13px;left: 92px }
.c_logo p{font-weight: 500;float: right;text-indent: 0;padding-right: 89px;position: relative;top:12px}
ul{  padding:0;position: relative;box-sizing: border-box;margin: 0px 89px 0 ;}
ul li{ position:relative;overflow: hidden;cursor: auto;}
ul li s{font-size: 30px!important;color: #318ff0;position: absolute;top: 0px;left: 0px;line-height: 58px;width: 56px;text-align: center}
s .ll{ width:100%; height:58px;line-height: 58px; color: #287ef7;font-size: 26px}
ul li input{ width: 100%;  height:58px;line-height: 58px; text-indent:56px; font-size:16px;padding: 0; box-sizing: border-box;margin: 0 auto 0;color: #000;border: 1px solid #e5ecff;margin-bottom: 18px;border-radius: 4px}
ul li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {/* WebKit browsers */color: #9a9a9a;}     
ul li input:-moz-placeholder, textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #9a9a9a;}
ul li input::-moz-placeholder, textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color: #9a9a9a;}
ul li input:-ms-input-placeholder, textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color: #9a9a9a;} 
ul li input:focus::-webkit-input-placeholder {color: transparent;}
ul li input:focus{border: 1px solid #3c8df8;}
ul li:last-of-type input{margin-bottom: 3px}
ul em{font-size: 16px;font-style: normal;display: block;height: 48px;line-height: 80px}
ul .inp4{ width:200px}
.div1{font-size: 18px;font-family: 微软雅黑 light;color: #999}
.layui-form-checked[lay-skin=primary] i{background-color: #1d8b88;border-color: #1d8b88}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #1d8b88}
.layui-form-checkbox[lay-skin=primary] span{color:#a9a9a9}
.fr{ float:right}
.but-l:hover{ -webkit-opacity: 0.8;-moz-opacity: 0.8;opacity: .8;filter:alpha(opacity=80);color: #fff;}
.but-l{width:100%; height:62px;line-height: 62px; text-align:center; color: #fff;font-size:22px; border: none;cursor: pointer;margin: 40px auto 0;display: block;background: linear-gradient(to right, #0369fa , #2dabe8);border-radius: 8px;}
.lg-in{min-width: 1562px}
.cbl{color: #a9a9a9;float: right}
.layui-form-checkbox[lay-skin=primary] i{border-color: #737373}
.layui-form-checked[lay-skin=primary] i{background-color: #318ff0;border-color: #318ff0}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #318ff0}
.layui-form-checkbox[lay-skin=primary] span{color:#6a6f75}
.ask{color: #308ff0;text-align: right;margin-top: 10px;font-size: 18px;display: block}
.banquan{position: absolute;width: 100%;right: 0;bottom: 10px;text-align: center;color: #9a9a9a}
.layui-form-checkbox[lay-skin=primary]{padding-left: 10px}
.yzm input{width: 306px;}
.yzm a{width: 123px;float: right;display: block;height: 56px;border: 1px solid #000;line-height: 56px;text-align: center;border-radius: 4px;border: 1px solid #e5ecff;background: #fff;color: #656565}
.yzm a:hover{opacity: .8}

.mb100{margin-bottom: 45px}
.container {width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}
footer{color: #fff}
.tit3{margin-bottom: 12px;font-size: 20px}
footer .line1{font-size: 30px;margin-bottom: 23px}
footer ul{margin: 0}
.foot_contact{ width:476px; float:left; font-weight:400;padding-top: 40px} 
.foot_contact h2{font-size:16px; color:#b3b3b3; font-weight:400; line-height:50px; margin-bottom:30px;}
.foot_contact li{width:100%; font-size:14px;  color:#f3f3f3; margin-bottom:11px;}
.foot_contact li p{font-size: 18px}
.foot_contact li span{ display:inline-block; color:#a3a3a3;font-size:14px;}
.foot_contact li a{font-size: 14px;color:#f3f3f3!important;}
.foot_ewm{width: 520px;padding-top: 44px;float: left}
.foot_ewm li{float: left;width: 123px;margin-right: 50px}
.foot_ewm li img{width: 100%;height: 123px;margin-bottom: 11px;display: block}
.fn-clear:after {  content:"\200B"; display:block; height:0; clear:both; } 
.fn-clear {*zoom:1;}
.foot_ewm li  p{;color: #999798;font-size: 16px;text-align: center;white-space: nowrap}
.foot_link{padding-top: 40px}
.foot_link .tit3{margin-bottom: 26px}
.foot_link a{color: #b2b3b5;display: block;margin-bottom: 13px}

.login {transform:scale(0.9);transform-origin:center}



/*
@media only screen and (max-width: 1790px){
    .login{transform:scale(0.8);transform-origin:center}
}
@media only screen and (max-width: 1528px){
    .login{transform:scale(0.7);transform-origin:center}
}
*/
/*
@media only screen and (max-width: 1280px){
    html{min-width: 1280px;overflow: auto;min-height: 723px}
}
*/

@media only screen and (max-height:799px){
    .login,.container {transform:scale(0.8);transform-origin:center}
	.container{transform-origin:bottom}
}

@media only screen and (max-height:724px){
    .login,.container{transform:scale(0.7);transform-origin:center}
	.container{transform-origin:bottom}
}