@charset "gb2312";

ul,li,form{ margin:0; padding:0; list-style:none;}
body{ margin:0; padding:0; background:url(../yximages/login-bg.png) center no-repeat;}
img{border:0;}
a{ text-decoration:none;}


/**header**/
#{ width:100%; height:auto; overflow:hidden;}
#box .w12{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}

#box{ width:100%; height:60px; position:fixed; top:0; z-index:9999; background: rgba(0, 0, 0, 0.5); }
#box .logo{ width:100px; height:auto; overflow:hidden; float:left; padding-top:
15px;}

#box ul{ display:block; width:758px; margin:0 auto; height:60px;}
#box ul li{ display:inline-block; width:auto; padding:0 35px;float:left; height:60px; line-height:60px; text-align:center; }
#box ul .prt{ background:url(../yximages/down.png) 70px center no-repeat; position:relative;}
#box ul .prt:hover{ background:url(../yximages/down-1.png) 70px center no-repeat #FFF;}
#box ul .prt:hover a{ color:#009cff;}
#box ul li a{ color:#FFF; font-size:16px;}

#box ul .prt .border{ width:400px; height:auto; overflow:hidden; background:#fff; position:absolute;z-index:5500; top:60px; left:0; display:none; }
#box ul .prt .border a{ display:block; padding-left:85px; padding-top:10px; padding-bottom:10px;}

#box ul .prt .border .one{  background:url(../yximages/nav_01.png) 35px center no-repeat;}
#box ul .prt .border .one:hover{background:url(../yximages/nav_01.png) 35px center no-repeat #ddd;}
#box ul .prt .border .two{  background:url(../yximages/nav_02.png) 35px center no-repeat;}
#box ul .prt .border .two:hover{background:url(../yximages/nav_02.png) 35px center no-repeat #ddd;}
#box ul .prt .border .three{  background:url(../yximages/nav_03.png) 35px center no-repeat;}
#box ul .prt .border .three:hover{background:url(../yximages/nav_03.png) 35px center no-repeat #ddd;}
#box ul .prt .border .four{  background:url(../yximages/nav_04.png) 35px center no-repeat;}
#box ul .prt .border .four:hover{background:url(../yximages/nav_04.png) 35px center no-repeat #ddd;}
#box ul .prt .border .five{  background:url(../yximages/nav_05.png) 35px center no-repeat;}
#box ul .prt .border .five:hover{background:url(../yximages/nav_05.png) 35px center no-repeat #ddd;}

#box ul .prt .border a h4{ display:block;color:#000; font-size:14px; font-weight:bold; height:30px; line-height:30px;  margin:0; padding:0; text-align:left;}
#box ul .prt .border a p{ display:block; color:#333; font-size:14px; text-align:left; line-height:30px; height:30px; margin:0;}

#box ul .kfz{ background:url(../yximages/down.png) 120px center no-repeat; position:relative;}
#box ul .kfz:hover{ background:url(../yximages/down-1.png) 120px center no-repeat #FFF;}
#box ul .kfz:hover a{ color:#009cff;}
#box ul li a{ color:#FFF; font-size:16px;}

#box ul .kfz .border{ width:100%; height:auto; overflow:hidden; background:#fff; position:absolute;z-index:5500; top:60px; left:0; display:none; }
#box ul .kfz .border a{ display:block; width:100%; color:#666; text-align:center; padding-top:10px; padding-bottom:10px;}
#box ul .kfz .border a:hover{background:#ddd;}


#box ul .kfz .border a h4{ display:block;color:#000; font-size:14px; font-weight:bold; height:30px; line-height:30px;  margin:0; padding:0; text-align:left;}
#box ul .kfz .border a p{ display:block; color:#333; font-size:14px; text-align:left; line-height:30px; height:30px; margin:0;}


#box .login{ width:160px; float:right; padding-top:12px; margin-top:0;}
#box .login .reg{ display:block; width:103px; float:left; line-height:36px; text-align:center; background: #32d28c; color: #fff; border-radius: 3px;}
#box .login .reg:hover{ background:#3fde98;}
#box .login .dl{ display:block; float:left; width:52px; line-height:36px; text-align:center; background: #3d4c5f; color: #fff; border-radius: 3px; margin-left:5px; color:#b1b1b1;}
#box .login .dl:hover{ color:#fff; background:#495a6f;}


#login{ width:420px; margin:100px auto; height:auto; overflow:hidden; padding-bottom:30px; background:rgba(21,40,72, 0.9);border: 1px solid #4187af;border-radius: 6px;}
#login h1{ display:block; color:#fff; text-align:center; padding:20px;}
#login .form{ width:70%; margin:0 auto; height:auto; overflow:hidden;}
#login .form input{ display:block; margin-bottom:30px; width:100%; height:40px; border:2px #4e5d6f solid; border-radius:6px; background:none; box-sizing: border-box; padding:0 25px; font-size:16px; color:#f1f1f1; outline:none;}
#login .form input:focus{border:1px #fff solid; border-radius:6px; box-sizing: border-box; outline:none;}
#login .form .code{ width:70%; float:left;}
#login .form img{ float:left; margin-left:10px;}
#login .form .button{ border:none; border-radius:6px; background:#2ea967;}
#login .form .button:hover{background:#40c57c;}
#login .form .txt{ color:#fff; font-size:14px; border-bottom:2px #ccc solid; padding-bottom:20px;}
#login .form .txt a{color:#2ea967}
#login .form .txt a:hover{ text-decoration:underline;}

#reg{ width:420px; margin:90px auto; height:auto; overflow:hidden; padding-bottom:30px; background:rgba(21,40,72, 0.9);border: 1px solid #4187af;border-radius: 6px;}
#reg h1{ display:block; color:#fff; text-align:center;}
#reg .form{ width:90%; margin:0 auto; height:auto; overflow:hidden;}
#reg .form .border{ width:100%; height:auto; overflow:hidden;}
#reg .form .border span{ font-size:14px; color:#506470;}
#reg .form .border span a{color:#2ea967}
#reg .form .border span a:hover{ text-decoration:underline;}
#reg .form input{ display:block;  margin-bottom:20px; width:100%; height:40px; border:2px #4e5d6f solid; border-radius:6px; background:none; box-sizing: border-box; padding:0 25px; font-size:16px; color:#f1f1f1; outline:none;}
#reg .form input:focus{border:1px #fff solid; border-radius:6px; box-sizing: border-box; outline:none;}
#reg .form .phone{ width:60%; float:left;}
#reg .form .tel{ display:block; width:130px; float:left; height:40px; line-height:40px; text-align:center; background:#2ea967; border-radius:6px; margin-left:20px; color:#fff;}
#reg .form .tel:hover{background:#40c57c;}
#reg .form .code{ width:75%; float:left;}
#reg .form img{ float:left; margin-left:10px;}
#reg .form .check{ width:15px; height:15px; float:left;}
#reg .form .button{ border:none; border-radius:6px; background:#2ea967;}
#reg .form .button:hover{background:#40c57c;}
#reg .form .txt{ color:#fff; font-size:14px; text-align:center;}
#reg .form .txt a{color:#2ea967}
#reg .form .txt a:hover{ text-decoration:underline;}

#zhmm{ width:820px; margin:90px auto; height:auto; overflow:hidden; padding-bottom:30px; background:rgba(255,255,255,1);border: 1px solid #4187af;border-radius: 6px;}
#zhmm h1{ display:block;  text-align:center;}
#zhmm .one{ width:533px; height:70px; margin:0 auto; background:url(../yximages/getpwd.gif) 0 0 no-repeat;}
#zhmm .two{ width:533px; height:70px; margin:0 auto; background:url(../yximages/getpwd.gif) 0 -70px no-repeat;}
#zhmm .three{ width:533px; height:70px; margin:0 auto; background:url(../yximages/getpwd.gif) 0 -140px no-repeat;}
#zhmm .form{ width:40%; margin:20px auto; height:auto; overflow:hidden;}
#zhmm .form input{ display:block;  margin-bottom:20px; width:100%; height:40px; border:1px #D6D6D6 solid; border-radius:6px; background:none; box-sizing: border-box; padding:0 25px; font-size:16px; color:#232323; outline:none;}
#zhmm .form input:focus{border:1px #9F9F9F solid; border-radius:6px; box-sizing: border-box; outline:none;}
#zhmm .form .code{ width:75%; float:left;}
#zhmm .form img{ float:left; margin-left:10px;}
#zhmm .form .button{ border:none; border-radius:6px; background:#0391bc; color:#fff;}
#zhmm .form .button:hover{background:#01b7ee;}
#zhmm .form span{ display:block; width:100%; height:auto; overflow:hidden; line-height:50px; font-size:14px;}
#zhmm .form span a{ color:#0391bc;}
#zhmm .form span a:hover{ text-decoration:underline;}
#zhmm i{ display:block; width:130px; height:159px; margin:0 auto; background:url(../yximages/timg.jpg) 0 0 no-repeat;}
#zhmm h3{ display:block; text-align:center; color:#0C3;}
#zhmm .t{ text-align:center;}
#zhmm .butt{ display:block; width:180px; height:40px; line-height:40px; color:#fff; background:#0391bc; text-align:center; margin:30px auto; border-radius:6px;}