*{margin: 0; padding: 0;}
body{height: 100%; background: #e8ecef;}
html{height: 100%}
a{ text-decoration:none; }
li{list-style-type:none; }
input[type="text"]{ font-family: Arial, sans-serif ,Microsoft Yahei; transition: 1s;}
input[type="text"]:focus{ border-bottom:1px solid #028ed5;  color:#028ed5;}
input[type="password"]{ font-family: Arial, sans-serif ,Microsoft Yahei; }
input[type="password"]:focus{ border-bottom:1px solid #028ed5;  color:#028ed5; }

/*#container{position:relative;width:100%; min-height:100%; padding-bottom: 50px; box-sizing: border-box;}*/
.head{padding: 10px 10px; box-shadow: 2px 0 5px rgba(0,0,0,0.07)}
.head img{width: 450px}
.show-bg-con{
    background: url("images/index-bg2(3).jpg") no-repeat; ;
    height: 600px;
    position: relative;
    background-size: 100% 100%;
}
.show-bg-con .foot{line-height: 30px;  text-align: center; font-size: 12px; width: 100%; margin-top: 10px; position: absolute; bottom: 40px; left: 0; display: none; }
.show-bg-con .foot a{color: #fff;}
.show-bg-con .foot a:hover{color: #fff;}
.show-bg-con .head{padding: 30px 0 0 0; display: none; box-shadow: none;}
.show-bg-con .head img{width: 260px}
.foot{line-height: 30px; color: #999; text-align: center; font-size: 14px; width: 100%; margin-top: 10px;}
.foot a{color: #999; cursor: pointer;}
.foot a:hover{color: #028ed5;}
.con-ad{ width: 35%; max-width: 600px; position: absolute; left: 16%; top: 40%; }
.con-ad img{width: 100%; }
.con-login{ position: absolute; right: 10%; width:25%; height: 398px;  padding: 0 19px; background: url("images/login-top-sanjiao-bg.png") no-repeat; background-size: 100%; top: 28.5%; max-width: 380px;}
.con-login li{ line-height:36px; position: relative; margin-bottom: 15px;}
.ydm{position: absolute; right: 0; top: 3px; width: 80px;}
.we-font{font-weight:700}
.con-login a{ color:#0D618C; text-align: right; font-size:12px; height: 50px; line-height: 40px; cursor: pointer;}
.con-login label{ font-size:14px; }
.text{outline: none; width:100%; height:40px; background:#fff url("images/icon-inpu1.png") no-repeat 10px; background-size: 20px; border: none; border:1px solid #ddd; color:#888; text-indent:38px; line-height:40px; font-size:14px; border-radius: 3px; }
.text-user:focus{background:#fff url("images/icon-inpu1-blue.png") no-repeat 10px; background-size: 20px;}
.text-key{outline: none; width:100%;  height:40px; background:#fff url("images/icon-inpu2.png") no-repeat 12px; background-size: 16px; }
.text-key:focus{background:#fff url("images/icon-inpu2-blue.png") no-repeat 12px; background-size: 16px;}
.text-yzm{outline: none; width:100%;  height:40px; background:#fff url("images/icon-inpu3.png") no-repeat 12px;background-size: 16px;  }
.text-yzm:focus{background:#fff url("images/icon-inpu3-blue.png") no-repeat 12px; background-size: 16px;}
.con-login .nomargin{margin: 0}
.con-login .nomargin a input{ vertical-align: middle; margin-top: -2px;}
.btn-login{ width:100%; border-radius: 3px; height:38px; background:#0a4d92; box-shadow: 0px 4px 8px 0px rgba(2, 142, 213, 0.4); color:#fff; border:none; font-size:16px; outline: none; cursor: pointer;}
.sso-login{text-align: center; color: #999; margin-top: 15px; position: relative;}
.sso-login p{display: inline-block; background: #fff; height: 30px; position: absolute; width:110px; text-align: center; z-index: 3; left: 50%; margin-left: -55px;}
.sso-login .line{height: 1px; background: #eee; top: 17px; position: absolute; width: 100%;}
.sso-login img{margin: 0 20px; cursor: pointer;}
.logo{width: 50px; margin-right: 10px;}
.login-title{color: #3c3c3c ; font-size:22px; font-weight: bold;}
.blue-font{color: #0D618C;}
.login-top { position: relative; padding-top: 20px; }
.login-top .span-one{ color: #666; font-size: 18px; }
.login-top .login-top-btn{ width:75px; height: 28px; line-height: 28px; text-align: center; border:1px solid #028ed5; background: #e6f9fc; position: absolute; top:20px; right:47px; font-size: 13px; color: #028ed5;}
.login-top .login-triangle{ width:0px; height:0px; background-color:transparent; border:6px solid #e6f9fc; border-width: 6px 0 6px 6px; border-color:transparent transparent transparent #e6f9fc; position: absolute; top:28px; right:42px; z-index: 9;}
.login-top .login-triangle-two{ width:0px; height:0px; background-color:transparent; border:7px solid #028ed5; border-width: 7px 0 7px 7px; border-color:transparent transparent transparent #028ed5;  position: absolute; top:27px; right:41px; }
.login-top .login-top-img{ position: absolute; top:20px; right: 0; cursor: pointer; width:42px;}
.login-li-two{ text-align: center; padding-top: 30px;}
.login-li-two p{ padding-top:10px; color: #666; font-size: 14px;}
.login-code-img{ vertical-align: middle; width:25px; margin-right: 5px;}
.con-login-fa{ padding:0 30px; background: url("images/login-top-sanjiao-bg.png") no-repeat; background-size: 100%;  }
.con-login-main{ background: #fff; padding: 0 20px 10px 20px;}


.systemname{color:white; font-size:35px; text-align:center; margin-bottom: 20px;}
.codecons{ float: right; width: 32%; height: 40px; box-sizing: border-box; padding-left: 10px;}
.codedetail{ background: #00A6FF; width: 100%; height: 40px; font-size: 20px; text-align: center; color: #fff; line-height: 40px; letter-spacing: 5px;}



@media screen and (max-width: 768px) {
	.show-bg-con .head img{width: 90%;}
    .head{text-align: center; display: none;}
    .show-bg-con .head{display: block;  padding-top:25px;}
    .show-bg-con{background: none;}
    .con-ad img{display: none;}
    .con-login{  position: absolute; right: 5%; width:80%; padding: 0 5%; background: #fff; top: 40%; max-width: none;}
    .show-bg-con .foot{display: block;}
    .foot{display: none;}
	.con-login-main{padding:0;}
	.con-login{ height:330px;}
}