@charset "utf-8";

.swiper-pagination-bullet-active { background-color:#F4C117; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }



body{ color:#333; font-size:14px; line-height:2; }

a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }

a:focus { outline: none; -moz-outline:none; }

a:hover { color:#0583F2; }

a:hover { text-decoration:none; -moz-transition-duration: all 0.3s;-webkit-transition-duration: all 0.3s;-o-transition-duration: all 0.3s; transition-duration: all 0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }

.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }

.clear { clear:both; }

.red { color:#CB1500; }

.yellow { color:#F0FF00; }

.gray { color:#999; }

.space10 { clear:both; height:10px; overflow:hidden; }

.space20 { clear:both; height:20px; overflow:hidden; }

.f20 { font-size:20px; }

.f16 { font-size:16px; }







/* head ,footer */

html { height:100%; }
.log-box { position:fixed; top:50%; right:12%; width:80%; height:70%; /*background:url('../images/bg2.jpg') no-repeat center center; background-size:cover;*/  text-align:center; border-radius: 16px; background-color: rgba(255, 255, 255, 0.929); box-shadow: 0px 6px 18px 0px rgba(16, 62, 126, 0.29); transform: translateY(-50%);}

.tit_h1{border-bottom: 1px dashed #9fb2cf; padding: 5% 0; margin:0 auto 5%;}
	.log-box h1 { color:#1c4588; font-weight:700; line-height: 1.5em; font-size:30px; text-align:center; margin:0; padding:0; letter-spacing:0; display:inline-block;text-align:center; }
.log-box h1 span{ font-size: 32px;}
	.log-box-line { margin-bottom:4%; text-align:left; font-size:16px; color:#FFF;width:92%; margin: 0 auto;}

	.log-box-input-username { width:92%; height:62px;  border-width: 1px;
  border-color: rgb(195, 195, 195);
  border-style: solid;
  border-radius: 6px;
  background-color: rgb(255, 255, 255); padding-left:60px; position:relative; margin:5% auto; }

.log-box-input-username:before { content:''; display:block; width:18px; height:21px; position:absolute; left:20px;  top:18px;  background: url('../images/input_ico1.png') no-repeat center center; background-size: 100% 100%; }

	.log-box-input-password { width:92%; height:62px;  border-width: 1px;
  border-color: rgb(195, 195, 195);
  border-style: solid;
  border-radius: 6px;
  background-color: rgb(255, 255, 255); padding-left:60px; position:relative; margin:5% auto;  }

.log-box-input-password:before { content:''; display:block;  width:18px; height:21px; position:absolute; left:20px; top:18px; background: url('../images/input_ico2.png') no-repeat center center;  background-size: 100% 100%; }
.input_yzm:before{ content:''; display:block; width:18px; height:21px;; position:absolute; left:20px;  top:18px; background: url('../images/input_ico3.png') no-repeat center center; background-size: 100% 100%; }
	

	.input-t { width:100%; height:100%; border:none; line-height:100%; font-size:16px; outline:none; background:none; }

	.input-t::placeholder { color:#9C9C9C; }

	.log-checkbox { color:#9C9C9C; font-size:18px; font-weight:normal; margin-bottom: 6%; }

	.log-checkbox input { width:18px; height:18px; border:none; float:left; margin:9px 5px 0 0; background:#DBF5FF; }

	.btn-login { width:92%; height:55px; border-radius: 6px;
  background-image: -moz-linear-gradient( -90deg, rgb(83,148,255) 0%, rgb(28,69,136) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(83,148,255) 0%, rgb(28,69,136) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(83,148,255) 0%, rgb(28,69,136) 100%);border:none; text-align:center; font-size:24px;font-weight:700; color:#FFF; letter-spacing:10px; }

.input_yzm{ position: relative;}

#imgDiv{ border: 1px solid #cecece; margin-right: 5%; position: absolute; right: 0; top: 50%; margin-top: -20px;}
@media screen and (max-width: 768px) {
	.log-box { width: 94%; height: 80%; right: 3%;}
	.log-box-input-username{width: 96%;}
	.log-box-input-password{ width: 96%;}
	.btn-login{ width: 96%;}
	
	.log-box-input-password,.log-box-input-username{ margin: 8% auto;}
	
}

@media screen and (min-width: 768px) {
	.log-box { width:100%;  right:0px;  }
	.log-box h1 { font-size:28px; }
	.log-box h1 span{ font-size: 30px;}
}
@media screen and (min-width: 900px) {
	.log-box { width:50%;  right:10%;  }
	.log-box h1 {}
}
@media screen and (min-width: 1200px) {
	.log-box { width:30%; right:12%;  }
	.log-box h1 {  }
}
@media screen and (min-width: 1800px) {
	.log-box { width:28%; right:12%; height: 80%; }
	.log-box h1 {  }
}