@charset "utf-8";
/* CSS Document */
body{background:url(../images/loginBg.jpg) no-repeat top center; font-family:'微软雅黑';}
*{padding: 0;margin: 0;}
a{text-decoration:none}
li{list-style:none}
.icon-bar-list{ display:none}
.container{width: 1200px;margin: 0 auto;}
/*=====================header====================*/
header{height:98px;}
header .logo{float:left;margin-top:17px;}
header .logo img{height:64px;}

/*nav*/
nav{float:right; margin-top:17px;}
nav a{float:left; width:156px; height:64px; margin-left:-26px; background:url(../images/navbg.png);color:#fff;line-height: 64px; text-align: center; font-size:20px;}
nav a:hover{color:#ff0000;}

/*header*/
header .select{color:#ff0000;}
header .register{float:right;margin-left: 5px; margin-top: 33px;}
header .register a{float:right; margin-left:5px; width:60px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:20px;}
line{background:url(../images/line.png) no-repeat center;background-size:100%; height: 32px; width: 100%; position: absolute; left: 0px;}
header .register .loginCur{ background:#ff0000; color:#fff}

/*=====================section====================*/
section{margin-top: 60px; }
.login_left{float:left; width:50%; text-align:center}
.login_right{float:right; width:45%;height:560px; margin-left:5%;margin-bottom:50px;    background: rgba(5,83,95,0.2); border-radius:10px; text-align:center}
.login_right h3{ color:#fff; height:130px; line-height:150px; font-size:24px;}
.login_right p{ width:80%; margin:20px auto;}
.login_input{ width:100%; background:#fff; height:50px; line-height:50px; text-align:left; }
.login_input span{width:60px;float: left; text-align:center; color:#333}
.login_input input{float: right; color:#333;width:calc(100% - 70px);border:none; height:40px; line-height:40px; margin-top:5px;padding-left: 5px;
    margin-right: 5px;}
.login_jxw img{width:80%; margin-top:100px;}
.login_right .loginBtn{ font-size:18px; cursor:pointer; width:80%; margin:50px auto 10px; height:50px; background:#2EC6E0; line-height:50px; border-radius:50px;color:#fff;}
.login_right .loginBtn:hover{ color:#ff0000;}
.login_right .loginBtn:active{color:#fff;}
.toRegister{ color:#fff;}
.toRegister a:hover{color:#ee0000}
.toRegister a{ color:#CD0503}

/*=====================footer====================*/
footer{height:200px; background:#00071a; width:100%; color:#fff; line-height:40px; display:inline-table}
footer .footer{width:1200px; margin:0 auto; text-align:center;}
.footer-left{float:left; width:30%; margin-top: 31px;}
.footer-left span{margin: 0 20px;}
.footer-right{float:left; width:70%; margin-top: 40px;}
.footer-right p a{color:#fff; padding:20px;}
.footer-right p a:hover{color:#ff0000;}

@media screen and (min-width:640px) and (max-width:1024px){
		 @charset "utf-8";
		/* CSS Document */
		html,body{overflow:hidden;overflow-y:auto;}
		body{background:url(../images/loginBg.jpg) top center; font-family:'微软雅黑';}
		*{padding: 0;margin: 0;}
		a{text-decoration:none}
		li{list-style:none}
		.icon-bar-list,icon-bar{display:none}
		.container{width: 769px;margin: 0 auto;}
		/*header*/
		header{height:78px; overflow:hidden;width:100%}
		header .logo{float:left;margin-top:15px; margin-left:10px;}
		header .logo img{height:54px;}
		nav{float:right; margin-top:25px;}
		nav a{float: left; width: 90px; height: 38px; margin-left: -15px; background: url(../images/navbg.png); background-repeat: no-repeat; background-size: 90px; color: #fff; line-height: 38px; text-align: center; font-size: 15px;}
		nav a:hover{color:#ff0000;}
		header .register{float:right;margin-left: 5px; margin-top: 28px; margin-right:10px;}
		header .register a{float:right; margin-left:5px; width:50px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:16px;}
		line{background:url(../images/line.png) no-repeat top center;background-size:100%; height: 20px; width: 100%; position: absolute; left: 0px;}
		
		section{margin-top: 60px; }
		.login_left{float:left; width:45%; text-align:center}
		.login_right{float:left; width:45%;height:560px; margin-left:5%;margin-bottom:50px;    background: rgba(5,83,95,0.2); border-radius:10px; text-align:center}
		.login_right h3{ color:#fff; height:130px; line-height:150px; font-size:24px;}
		.login_right p{ width:80%; margin:20px auto;}
		.login_input{ width:100%; background:#fff; height:50px; line-height:50px; text-align:left; }
		.login_input span{width:60px;float: left; text-align:center; color:#333}
		.login_input input{float: right; color:#333;width:calc(100% - 70px);border:none; height:40px; line-height:40px; margin-top:5px;padding-left: 5px;
    margin-right: 5px;}
		.login_jxw{width:80%; margin-top:100px;}
		.login_right .loginBtn{ font-size:18px; cursor:pointer; width:80%; margin:50px auto 10px; height:50px; background:#2EC6E0; line-height:50px; border-radius:50px;color:#fff;}
		.toRegister{ color:#fff}
		.toRegister a{ color:#CD0503}
		
		
		footer{height:180px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px;    position: fixed;
			bottom: 0px;}
		footer .footer{width:100%; margin:0 auto; text-align:center;}
		.footer-left{float:left; width:100%; margin-top: 10px;}
		.footer-left span img{width:60px;}
		.footer-left span{margin: 0 20px;}
		.footer-right{float:left; width:100%;margin-top: 10px;}
		.footer-right p{margin-top:5px; line-height:18px;}
		.footer-right p a{color:#fff;padding: 2px;}
		.footer-right p a:hover{color:#ff0000;}
}
@media screen and (max-width:640px){
		 @charset "utf-8";
		/* CSS Document */
		html,body{overflow:hidden;overflow-y:auto;}
		body{background:url(../images/loginMbg.png) top center;background-size:100%; font-family:'微软雅黑';}
		nav ,.register{display: none;}.slide .img3{width: 80%;height: 80%;top: 0;left: 10%;z-index: 3;}
		.icon-bar{background:url(../images/nav.png) top center no-repeat;float: right;width: 50px; height: 45px;margin-top: 20px;background-size: 50%;}
		.icon-bar-list{width: 100%; background: #000; z-index: 9999; position: absolute; left: 0; top: 64px; padding-bottom: 10px;}
		.icon-bar-list li{width: 100%; height: 35px; line-height: 35px; color: #fff; border-bottom: 1px solid #fff; float: left; padding-left: 10px;}
		.icon-bar-list li a{color:#fff;float: left;width: 100%;}
		.container{width: 100%;margin: 0 auto; overflow:hidden}
		/*header*/
		header{height:56px;}
		header .logo{float:left;margin-top:10px;}
		header .logo img{height:40px; margin-left:10px;}
		line{background:url(../images/line.png) no-repeat center; background-size:100%; height: 15px; width: 100%; position: absolute; left: 0px;}
		/*section*/
		section{margin-top: 0px;}
		.login_right{float:left; width:80%;height:350px; margin-left:10%;margin-bottom:50px;margin-top:140px;    background: rgba(5,83,95,0.2); border-radius:10px; text-align:center}

		.login_right h3{ color:#fff; height:40px; line-height:50px; font-size:20px;}
		.login_right p{ width:80%; margin:15px auto;}
		.login_input{ width:100%; background:#fff; height:40px; line-height:40px; text-align:left; }
		.login_input span{width:60px;float: left; text-align:center; color:#333}
		.login_input input{float: right; color:#333;width:calc(100% - 70px);border:none; height:30px; line-height:30px; margin-top:5px;padding-left: 5px;
    margin-right: 5px;}
		.login_jxw{ display:none}
		.login_right .loginBtn{ font-size:18px; cursor:pointer; width:80%; margin:40px auto 10px; height:40px; background:#2EC6E0; line-height:40px; border-radius:50px;color:#fff;}
		.login_right .toRegister{ color:#fff;margin-top:-5px;}
		.login_right .toRegister a{ color:#CD0503}

		footer{min-height:170px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px;}
		footer .footer{width:100%; margin:0 auto; text-align:center;}
		.footer-left{float:left; width:100%; margin-top: 10px;}
		.footer-left span img{width:60px;}
		.footer-left span{margin: 0 20px;}
		.footer-right{float:left; width:100%;margin-top: 10px;}
		.footer-right p{margin-top:5px; line-height:20px}
		.footer-right p a{color:#fff;padding: 2px;}
		.footer-right p a:hover{color:#ff0000;}
}