@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{margin: 0;
	padding: 0;transition: all 0.35s ease-in-out;}
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;}
ol, ul {list-style: none outside none;}
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;}
a:hover{color:#0d7ff4;}
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{color: #333;outline: 0; font-family:Microsoft YaHei; font-size: 12px;}
body{background-color:#fff; margin:0;padding:0; font-family:Microsoft YaHei; font-size:12px;}
.clear{float:none;}
img{vertical-align: bottom;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    font-family: Microsoft YaHei;
}
.wrapper{min-width:1200px; width:auto; overflow:hidden;}
.fl{float:left !important;}
.fr{float:right !important;}
.relative{position:relative;}

/*头部样式*/
.headerfixed{ position:fixed; top:0; height:75px; background:#fff; width:100%; z-index:100;} 
.bg_none{background:none;}
.addbg{background:rgba(0,0,0,0.7);}
.header{padding:1 10px; width:auto; height:60px;}
.navBtn{width:34px; height:34px; padding-top:12px; cursor:pointer;}
.logo{float:right; padding-right:5%; padding-top:8px;}
.container{position:fixed; background:#312f2f; width:50%; left:-300px; top:3px; height:100%; overflow-y:scroll;min-width:200px; z-index:2; max-width:300px;transition: all 0s ease-in-out;}
.l_logo{border-bottom:1px dashed #474545; margin:0 20px 10px; padding:65px 0 32px; text-align:center;}
.nav li{ line-height:62px;}
.nav li a{ border-top:1px solid #312f2f; border-left:5px solid #312f2f; display:block; text-align:center; color:#fff; font-size:16px;}
.nav li a:hover{color:#0d7ff4;}
.nav li .active{border-top:1px solid #21201f; border-left:5px solid #0d7ff4;background:#282626;}
.login-register{padding:30px 0; text-align:center;}
.login-register a{padding:8px 12px; border-radius:5px; display:inline-block; font-size:13px; margin:0 5px; color:#fff;}
.login-register .login{ background:#252d35;}
.login-register .register{ background:#0d7ff4;padding:8px 28px;}
.login-register .register:hover{ background:#046bd5;}
.login-register .login:hover{background:#181d23;}
.login-register2{display:none;}
.bgmsk{background:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; display:none; z-index:1; top:0;  transition: all 0s ease-in-out;}
.addbg .nav li a{color:#fff;}

/*底部*/
.boxs{display:none;}
.footerbox{background:#08223c; padding:18px 10px 30px; color:#fff;}
.footer{max-width:1020px; margin:0 auto;}
.footer .f1{text-align:center;}
.footer .f1 h3{font-size:22px; line-height:28px; padding-bottom:3px; font-weight:normal;}
.footer .f1 .tel{display:inline-block; *display:inline; background:url(../images/t_ico.png) no-repeat left center; padding:8px 0 8px 24px;}
.footer .f1 .tel p{font-size:20px; color:#f0ff00; padding:0; line-height:24px;}
.footer .f1 .tel p a{ color:#f0ff00;}
.footer .f1 .tel p a:hover,.footer .f1 .tel p a:active{ color:#f0ff00;}
.footer .f1 .tel p span{ font-size:14px; color:#d2d2d2;}
.footer .f1 .fp a{ color:#fff;}
.footer .f1 .fp a:hover,.footer .f1 .tel p a:active{ color:#fff;}

.footer .f1 p{font-size:14px; line-height:18px; padding:3px 0 5px;}
.footer .f2,.footer .f3{display:none;}
.linkbox{ background:#24364a; padding:12px 10px; line-height:24px; color:#fff;width:auto;}
.linkbox .link{display:none;}
.linkbox a{color:#fff;}
.linkbox p span{display:inline-block;}
/*登录*/
.border-bottom{border-bottom:1px solid #f4f1e3;}
.l_box{padding-top:61px;background: url(../images/login-bg.jpg);}
.loginbox{background: url(../images/login-box.png)no-repeat center center;padding:10px 0 120px; width:85%; margin:0 auto;padding-top:20px; max-width:384px;}
.loginbox .title{background: url(../images/user-login.png)no-repeat;width: 384px;height: 86px; font-size:22px; color:#666666; padding:32px 0 16px; text-align:center;}
.loginbox p{ padding-left:40px; padding-top:20px; border-bottom:1px solid #ddd; position:relative;margin-bottom:25px;}
.loginbox p .input{border:none; background:#fff; height:40px; color:#0d7ff4; font-size:14px;}
.name_ico{background:url(../images/user_ico.png) no-repeat 6px 30px;}
.pwd_ico{background:url(../images/pwd_ico.png) no-repeat 6px 30px;}
.code_ico{background:url(../images/code_ico.png) no-repeat 6px 30px;}
.tel_ico{background:url(../images/tel_ico.png) no-repeat 6px 30px;}
.p_ico{background:url(../images/p_ico.png) no-repeat 6px 30px;}
.qq_ico{background:url(../images/qq_ico.png) no-repeat 6px 30px;}

.loginbox .code{position:absolute; right:0; bottom:-1px; padding-left:20px; background:#fff;}
.loginbox .msg{color:#f4490d; position:absolute; right:0; bottom:12px;}
.checkbox{ position:relative; line-height:52px; color:#666; font-size:14px; padding-left:10px; padding-bottom:45px;}
.checkbox a{color:#666;}
.checkbox a:hover{color:#0d7ff4;}
.loginbtn{background:#0d7ff4; border:1px solid #0d7ff4; line-height:38px; height:38px; text-align:center; color:#fff; font-size:14px; margin-bottom:20px; width:100%; border-radius:5px; cursor:pointer;}
.loginbtn:hover{background: #046bd5;}
.registers{ display:block; border:1px solid #0d7ff4; line-height:38px; height:38px; text-align:center; color:#0d7ff4; font-size:14px; margin-bottom:20px; width:100%; border-radius:5px;}
.registers:hover{background:#0d7ff4; color:#fff;}
 
/*注册*/
.loginbox .title p{font-size:12px; color:#93c7fc; border:none; text-align:center; padding:0; padding-top:10px;}
.login-register .u_center{color:#046bd5; font-size:16px; font-weight:bold;}

.top_tel{display:none;}

@media screen and (min-width:768px)  {
/*头部样式*/
.login-register{display:none;}
.login-register2{ display:block;position:fixed; top:18px; right:5px; padding:0;z-index: 100;}
.logo{ float:left; padding-left:18px;}
/*底部*/
.boxs{display:block; overflow:hidden; padding:30px 0; max-width:1020px; margin:0 auto;}
.boxs p{display:none;}
.boxs .box{width:25%; float:left; border-left:1px solid #e4e4e4; padding:10px 0; margin-left:-1px;}
.boxs .box h3{font-size:22px; color:#413e3e; font-weight:normal;}
.boxs .box h3 img{margin-right:8px;}
.footer{overflow:hidden; padding:24px 0 20px;} 
.footer .f1{text-align:left; float:left;}
.footer .f2{float:right; display:block;}
.footer .f2 p{ font-size:14px; line-height:28px;}
.linkbox {padding:20px 10px;}
.linkbox .link{display:block; padding-bottom:12px;}
.linkbox .link a{display:inline-block; line-height:32px; margin:0 9px; color:#fff;}
/*登陆*/
.loginbox .msg{display:block; width:165px; right:-180px;}
.loginbox .title{ padding:42px 0 30px;}
}
@media screen and (min-width:980px)  {
/*头部样式*/
.navBtn{display:none;}
.container{display:block; position:relative; width:auto; background:none; overflow:hidden; padding:0 ; left:0; max-width:600px;}
.logo{padding-right:20px;}
.l_logo{display:none;}
.nav{ max-width:553px; margin:0 auto; width: auto;}
.nav li{ line-height:54px; float:left; width:12.4%; text-align:center;}
.nav li a{color:#7b8186; border:none; border-top:5px solid #fff;}
.nav li a:hover{color:#0d7ff4;}
.nav li .active{ border:none; border-top:5px solid #0d7ff4; background:#f8f8f8;}
/*底部*/
.boxs{padding:24px 0;}
.boxs p{display:block; font-size:14px; color:#969191; line-height:22px;}
.linkbox{font-size:14px; padding:15px 10px;}
.linkbox .link{ padding-bottom:0;}
.linkbox .link a{ line-height:30px;}
.linkbox p{line-height:30px;}
.footer .f2{ float:left; padding-left:30px;}
.footer .f3{display:inline-block; float:right; overflow:hidden;}
.footer .f3 li{float:left; padding-left:45px;}
.footer .f3 li a{display:block; line-height:32px; font-size:13px; color:#fff;}
.footer .f3 li a:hover{color:#fff; text-decoration:underline;}
/*登陆*/
.loginbox .title{ padding:62px 0 50px;}
.container{padding-right:190px;}


}
@media screen and (min-width:1024px)  {
.nav{max-width:500px; margin:0;}
.top_tel{display:block; font-size:18px; color:#7b8186; position:absolute; top:24px; right:195px;}
.top_tel span{color:#f00;}
}
@media screen and (min-width:1100px)  {
.nav{margin:0 auto;}
}
@media screen and (min-width:1200px)  {
/*头部样式*/
.box{width:1300px; margin:0 auto;}
.login-register2{position:absolute;}
.nav{ max-width:600px; margin:0 auto; padding-left:40px;} 
/*底部*/
.footer .f3 li{ padding-left:55px;}
.footer .f2{padding-left:55px;}

}