@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;text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
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;}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

html{background:url(./img/login_bg.png) repeat ;}
.main{  width: 759px; height: 394px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #f4f5f6;border: solid 1px #fff;-webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);-moz-box-shadow: 0 0 8px rgba(0,0,0,.2);box-shadow: 0 0 8px rgba(0,0,0,.2);}
.main{ position: absolute; left: 59%; top:55%; margin-left: -495px; margin-top:-250px; padding: 20px;  }
.header{ position: relative ; height: 60px;  }
.header a.logo{  font-size: 18px; color: #646464;padding-left: 82px; background:url(./img/login_logo.png) no-repeat left; width: 280px;  height: 49px; min-height: 49px ; overflow: hidden; display: block ;vertical-align: bottom: ; }
.login_arrow_right{ width: 20px; height: 20px;background: url(./img/login_arrow_right.png) no-repeat ; overflow: hidden ; display: inline-block ;    }
.header a.logo, .login_arrow_right { line-height: normal ; vertical-align: text-top ;margin-top:-4px; }
.header .help{  font-size: 12px; color: #646464 ;  float:right}

.banner{ background-color: #fff; background:url(./img/login_banner_new.png)}
.banner{ overflow: hidden; height:230px; position: relative }
 
.fcous { position: relative; width: 917px; height: 260px ; float:left ; }
.fcous li { cursor: pointer; float: left;    }   
.fcous ul  ,.fcous li  { list-style: none; height: 260px; overflow: hidden ;   }
.fcous li a { width: 917px; height: 260px;  overflow: hidden; float: left;  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.3);box-shadow: inset 0 0 5px rgba(0,0,0,.3);}
.fcous ul li img {  height: 260px;  width: 100%; vertical-align: bottom;  position: relative; margin:0 auto;   }
.fcous ul li {  position: relative;   }
.fcous ul li p{ background-color: #fff; bottom: 0px;   position: absolute;width: 100%; height: 24px;  line-height: 24px; margin:0 ;padding:0;   }
.fcous ul,.fcous ol,.fcous li {margin:0;padding:0; }
.fcous  .dots { position: absolute; right: 10px; bottom:10px;  }
.fcous  .dots li{ width: 18px; font-family: Arial;  color: #f3311a; text-align: center; font-size: 10px;  line-height: 18px;   float: left;height: 18px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background-color: #fff;  margin-right: 5px; }
.fcous  .dots .active { background-color: #f3311a; color: #fff }
 
.footer{ color: #646464; position: absolute; bottom: -30px; font-size: 12px;   }
.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;}

.f_14{  line-height: 21px;  font-size:14px;   }
.f_14,.login_arrow_right{vertical-align: middle; line-height: 20px ;   }
.login_box{ margin: 0 auto;width: 720px; margin-top:4px;       }
.login_box table  {  margin: 0 auto
 }
.login_box table th ,.login_box table td{ padding:4px 6px;  }
.login_box .inp_username,.login_box .inp_password,.login_box .inp_code{height: 26px;-webkit-border-radius: 2px/3px;-moz-border-radius: 2px/3px;border-radius: 2px/3px;background-color: #f9f9f9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
border: solid 1px #cdcece; }
 .login_box .inp_username,.login_box .inp_password {width: 160px;  }
.login_box .inp_username,.login_box .inp_password,.login_box .inp_code{   padding:0px 8px; }
.login_box .inp_username:focus,.login_box .inp_password:focus,.login_box .inp_username:hover,.login_box .inp_password:hover{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);  	}
.login_box .div_check{ position: relative ; z-index: 130; }
.login_box .img_check{  position: absolute ; width: 90px;height:25px; overflow: hidden; top:8px; right: 2px; z-index: 130; display: block}
.login_box .inp_code:focus{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);  	}



/*.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{height: 28px;-webkit-border-radius: 5px/4px;-moz-border-radius: 5px/4px;border-radius: 5px/4px;background-color: #009dc6;  line-height: 28px;
	-webkit-box-shadow: 0 1px rgba(0,0,0,.16), inset 0 2px rgba(255,255,255,.29);
	-moz-box-shadow: 0 1px rgba(0,0,0,.16), inset 0 2px rgba(255,255,255,29);box-shadow: 0 1px rgba(0,0,0,.16), inset 0 2px rgba(255,255,255,.29);
	background-image: -webkit-linear-gradient(top,#009dc6, #009dc6);
	background-image: -moz-linear-gradient(top,#009dc6, #009dc6);
	background-image: -o-linear-gradient(top, #009dc6, #009dc6);
	background-image: -ms-linear-gradient(top,#009dc6, #009dc6);
	background-image: linear-gradient(to bottom, #009dc6, #009dc6);
	color: #fff ;font-family:Microsoft YaHei; font-size: 14px; cursor: pointer ; border:0  ;width: 95px;} 
.login_btn:hover{ background-image: none;background-color: #009dc6;-webkit-box-shadow: 0 1px rgba(0,0,0,.16);-moz-box-shadow: 0 1px rgba(0,0,0,.16);box-shadow: 0 1px rgba(0,0,0,.16);  }
.header .login_title{right:20px;font-size:24px;font-family:Microsoft YaHei;color:#004ea1;top:2px;position:absolute;}