@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,nav{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 arial,"Microsoft YaHei",\5fae\8f6f\96c5\9ed1;color:#333;outline:0;}
body{-webkit-text-size-adjust:none;text-size-adjust:none;}
a,a:hover{color:#333;}
html,body{margin:0;padding:0;}
html,body{ background-color: transparent; width: 100%; height: 100%; }
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main{   width: 100%;  overflow: hidden; display: block; height: 100%; ; }
html{background:url(../img/banner.png) no-repeat center top;}

.container{width:900px;margin-left:auto;margin-right:auto;zoom:1;}
.container:before,.container:after{display:table;content:"";zoom:1;}
.container:after{clear:both;}
.pull-left{ float: left;}
.header{ background: #fff;}
.header, .footer {  height:115px;   }
.header .container { position: relative; z-index: 100;  height:115px; }
.header .container  .logo{  width:600px; height: 90px; left: -10px; bottom:0px; background:url(../img/logo.png) left no-repeat;  position: absolute;   }
.logo a{ font-size: 28px; color: #324d6f;  line-height: 110px; padding-left: 200px; font-family:Microsoft YaHei; font-weight: bold;  display:  block; overflow: hidden; text-indent: -999px;  }
.footer{  background:#f7f8fa ;padding-top: 20px;   overflow: hidden;  }
.copy{background:url(../img/copy_logo.png) no-repeat left;padding-left: 56px; }
.copy a{ color:#7c93a9;}
.footer ul{ float: right; margin-right: 10px;}
.footer ul li{ float: left; display: inline;  line-height:30px}
.footer ul li a{ color: #7c93a9;}
.footer ul > li + li:before {color: #a9a9a9;content: "|";padding: 0 10px;}
/*.banner{ height:600px;  overflow: hidden; background: url(../img/banner.jpg) no-repeat center top; }
.banner .container{ height: 600px ;  overflow: hidden; position: relative; } */
/*.login{ background:url(../img/z_.png) top center no-repeat ;  overflow: hidden; }*/
.login_body{width: 295px; ; margin-top: 190px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #f6f6f6;
	-webkit-box-shadow: 0 0 24px rgba(0,0,0,.11), inset 0 0 0 1px #fff;
	-moz-box-shadow: 0 0 24px rgba(0,0,0,.11), inset 0 0 0 1px #fff;
	box-shadow: 0 0 24px rgba(0,0,0,.11), inset 0 0 0 1px #fff;
	border: solid 1px rgba(0,0,0,.18);    padding:20px; padding-top: 5px; padding-bottom: 0 }
.login{ position: absolute;  z-index: 120; left: 60%;   margin-left:-50px;  top:120px; }
.login table{  }
.login table th{ text-align: right; width: 80px; color: #595757; padding-right: 10px ;font-size: 16px; }
.login table th ,.login table td{padding-bottom: 20px;}
.login .inp_username,.login .inp_password{width: 245px; 
	height: 44px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 5px rgba(213,213,213,.75);
	-moz-box-shadow: inset 0 1px 5px rgba(213,213,213,.75);
	box-shadow: inset 0 1px 5px rgba(213,213,213,.75);
	border: solid 1px #d0d0d0; }
.login .inp_username,.login .inp_password,.login .inp_code{   padding-left: 6px; }
.login .inp_username:focus,.login .inp_password:focus ,.login .inp_code:focus{ color:#3c5775; 
	height: 44px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(217,41,28,.36), 0 0 2px #9d9a8f, inset 0 5px 5px rgba(205,197,171,.38);
	-moz-box-shadow: 0 0 5px rgba(217,41,28,.36), 0 0 2px #9d9a8f, inset 0 5px 5px rgba(205,197,171,.38);
	box-shadow: 0 0 5px rgba(217,41,28,.36), 0 0 2px #9d9a8f, inset 0 5px 5px rgba(205,197,171,.38);
 }
.title{line-height: 50px; color: #d9281c; font-size:18px; text-shadow: 0 1px 1px rgba(0,0,0,.19);}
.title_line{ background-color: #dadada;
-webkit-box-shadow: 1px 1px 1px #fff;
-moz-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff; height: 1px; width: 120px; margin-bottom: 20px;  width: 100%;} 
.login .inp_code,.login .inp_code:focus{ width: 120px;} 

.login .inp_username,.login .inp_password {  display: block;}
.login .inp_username{ }
.login .inp_password{ }
.div_check{margin-left: 25px;margin-top:20px;  vertical-align:  bottom; color:#888; font-size: 12px}
.div_check .inp_check{width:12px; height: 12px;  border-color:#c2c2c2;    }
.div_check label{  line-height: normal; margin-right: 10px;  }
.login_btn+.login_btn{ margin-left: 20px; }
.login_btn{ float: right;  }
.login_btn{height: 32px;width: 86px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.35), 0 2px 1px rgba(83,83,83,.75), inset 0 1px 1px #fff, inset 0 0 2px #fff;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.35), 0 2px 1px rgba(83,83,83,.75), inset 0 1px 1px #fff, inset 0 0 2px #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.35), 0 2px 1px rgba(83,83,83,.75), inset 0 1px 1px #fff, inset 0 0 2px #fff;
	border: solid 1px #ccc;
	background-image: -webkit-linear-gradient(bottom, rgba(207,211,214,.29) 10%, rgba(231,231,231,.29));
	background-image: -moz-linear-gradient(bottom, rgba(207,211,214,.29) 10%, rgba(231,231,231,.29));
	background-image: -o-linear-gradient(bottom, rgba(207,211,214,.29) 10%, rgba(231,231,231,.29));
	background-image: -ms-linear-gradient(bottom, rgba(207,211,214,.29) 10%, rgba(231,231,231,.29));
	background-image: linear-gradient(to top, rgba(207,211,214,.29) 10%, rgba(231,231,231,.29));
	color:#cc0000;
 font-family:Microsoft YaHei; font-size: 16px; cursor: pointer }
.login_btn:hover{	background-image:none;  -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; background-color: #fff; }
.login_bottom{	width: 295px;margin-top:12px;   color: #58a3ed;padding: 14px  20px ;  line-height: normal;	
	height: 57px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 10px 10px rgba(137,137,137,.11);
	-moz-box-shadow: inset 0 10px 10px rgba(137,137,137,.11);
	box-shadow: inset 0 10px 10px rgba(137,137,137,.11);}
.login_bottom a{   color: #58a3ed;  font-size: 12px;}

.login_box{ height: 558px; width: 100%; }
.login_box{  width: 100%; left: 0; z-index: 100;}
.ren{ width: 845px; height: 753px; overflow: hidden; display: block;   background:url(../img/ren_bg.png) no-repeat; display: block; }
.ren{ position: absolute; left: 50%; top:30%; margin-top: -266px; margin-left: -400px; z-index: 110;}

 /*width: 295px; height: 292px;*/
 @media only screen and (min-width: 320px) {
	.login { left: 50%; margin-left:  -146px; margin-top:-280px;  top:50%;}
	.login_box{ background-image: none  }
}
@media only screen and (min-width:600px) {
 /*.login {left: 60%;top:40%;  margin-left:-50px; margin-top:-68px;}*/
  
  /*.login_box{background-size: 80%}*/
}
@media only screen and (min-width:	730px) {
.login_box{ background-image: none  }
.login { left: 75%; margin-left:  -146px;   top:100px; margin-top: 0}
}
 @media only screen and (min-width:991px) {
.login_box{ background-image: none  }
.login {  left: 60%;   margin-left:-50px;  top:105px; margin: 0;  }
}