@charset "utf-8";
/*login*/
.social a,.login-left dd a,.login-main input.send{transition:all .5s ease; -webkit-transition:all .5s ease;-moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease;}
.header-login{height:80px;}
.header-login .logo{margin-top:19px;}
.header-login .link a{color:#303030; font-size:18px; display:block; line-height:80px; position:relative; padding-left:35px;}
.header-login .link a:before{content:""; position:absolute; left:0;top:31px; width:18px; height:18px; background:url(../images/login.png) no-repeat 0 0;}
.header-login .link a:hover{ text-decoration:underline;}
.sub-banner{ overflow:hidden;height:400px;}
.sub-banner img{ position:relative;left:50%; margin-left:-960px; }

.login-box{ background:#2d2d2d;padding:70px 0;}
.login-left{ width:706px;}
.login-left dl{border:solid 1px #434343;}
.login-left dt{border-bottom:solid 1px #434343; line-height:50px;color:#8a8a8a;padding:0 30px;font-size:18px;}
.login-left dd{padding:35px 65px 10px; overflow:hidden;}
.login-left dd a{ display:block; float:left;width:33.33%; color:#aaa;font-size:16px; height:33px; margin-bottom:30px;}
.login-left dd img{ vertical-align:middle;margin-right:15px;}
.login-left dd a:hover{color:#f0f0f0;}


.login-right{width:340px; margin-left:70px;}
.login-title{background:#fff; color:#696969; font-size:18px; font-weight:bold; padding:0 20px; line-height:50px;}
.login-main{background:#969696; padding:40px 30px;}
.login-main input::-webkit-input-placeholder{ color:#777;}
.login-main input{width:100%; border:none; height:46px; background:#cbcbcb; padding:0 42px 0 15px; margin-bottom:20px;  font-size:16px; color:#454545; font-family:Arial;}
.login-main input.send{background:#f2221f; color:#fff; font-size:16px; font-weight:bold; margin-top:20px; cursor:pointer; padding:0;}
.login-main p{position:relative;}
.login-main i{position:absolute; width:21px; height:21px; background:url(../images/login.png) no-repeat;right:11px; top:12px;}
.login-main .icon-number{ background-position:0 -27px;}
.login-main .icon-password{background-position:0 -58px;}
.login-main input.send:hover{background:#f10c09;}

.footer-login{background:#000;}
.footer-login .footer-left{width:650px;}
.footer-login .footer-left .left-con .btn a{ font-size:16px;color:#fff; border-color:#2e3134; background:#2e3134;}
.footer-login .left-con p{ overflow:hidden;}
.footer-login .left-con strong{ display:block; float:left; font-style:normal; width:40px;}
.footer-login .left-con span{ display:block; overflow:hidden;}
.footer-login .footer-right{width:500px;}
.copyright{text-align:right;}
.footer-login .footer-right>p{ line-height:1.5;}
.footer-login .footer-right p .cnzz{float:right;margin:0;}
.social{ text-align:right; margin:9px 0;}
.social a{display:inline-block; width:38px; height:38px;background:url(../images/social.png) no-repeat; margin-left:20px;}
.social .s01{ background-position:0 0;}
.social .s02{ background-position:-66px 0;}
.social .s03{ background-position:-128px 0;}
.social .s04{ background-position:-191px 0;}
.social .s05{ background-position:-253px 0;}
.social a:hover{ -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); transform:translateY(-5px);}