@charset "utf-8";
/* CSS Document */

/*CSS reset*/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}

/* Public */
body{color: #333; font-size:16px; line-height: 30px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;-webkit-text-size-adjust: none;}
a{color: #333; text-decoration: none; outline: none; transition:0.3s;}
a:hover{ color: #dc0011; text-decoration: none; }
.fl{float: left !important;}
.fr{float: right !important;}
.hide{display: none;}
input[type=button],
input[type=submit],
input[type=file],
button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
/* frame */
.siteWidth{ position: relative; margin: 0 auto; height: 100%; width: 100%; padding: 0px; overflow: hidden; z-index: 300; }
.siteWidth:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .siteWidth{height: 1%;}
* + html .siteWidth{min-height: 1%;}
html, body{height: 100%;}
body{min-width:1280px;overflow-x: hidden; overflow-y: scroll; min-height:700px}

.clearfix:after, .clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.w1440 { max-width:1440px}

/* 等比填充 */
*[class*="rect-"] { position: relative; display: block; width: 100%; overflow: hidden; }
*[class*="rect-"] 
._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;}
.rect-img { padding-bottom: 120%; }
.rect-pic { padding-bottom: 60%; }

/* indHeader */
#indHeader{ position: relative; width: 100%; height: 100%; z-index: 200; }
.indHeader{}

.martb50 {margin:50px 0px}


.ind_main { width: 100%; position: absolute; left: 0px; z-index: 99; text-align: center;height: 223px; top:8%; }
.logo {width: 100%; text-align: center; position: absolute; z-index:999;}

/* guideMain */
.guideMain{ position: absolute; bottom:0px;padding:0; width: 100%; z-index: 200; }

/*登录*/
.login { margin: 0px; padding: 0px; position: relative; width: 100%; z-index: 200; height:390px; }
.login_input { width: 80%; margin: 0px auto; position: relative; background: url(../images/login_txt_bg.png) no-repeat left 30px; height: 275px; padding-left: 45px; }
.login_input ul { float: left; display: block; margin-right: 20px; position:relative;}
.login_input ul li.name { font-size: 32px; font-weight: bold; display: block; color: #a21a00; margin-bottom: 35px; padding-left: 5px }
.login_input ul li { margin-right: 10px; position: relative; display: block; margin-bottom:10px }
.login_input ul li span.icon { width:22px; height:22px; display:block; position:absolute; top:15px; left:30px;}
.login_input ul li span.yzm { width:106px; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; background:#bb9666; display:block; border-radius:10px; display:block; position:absolute; top:8px; right:8px; cursor:pointer}
.login_txt { background: #a21a00; width:250px; padding-left:70px; height: 52px; line-height: 52px; color: #fff; font-size: 16px; border: none; border-radius:10px;}
.login_button { width: 320px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #aa3821; display: block; border-radius: 10px; border: 0px; background: #fff; cursor: pointer; border-radius: 10px; }
.login_button:hover { background: #9d6926; color: #fff; }
.login_input span.more { display: block; color: #fff; float: left; padding-top: 200px; }
.login_input span.more a { color:#fff; text-decoration:underline; margin-left:10px}
.login_input span.more a:hover { color:#ebcbc3}

.login_pic  { position: absolute; bottom:0px; right: 0px; width:815px;height:auto; z-index:201; display:block }
.login_pic img {width:100%; height:auto}

/* 注册 */
.reg_Main{ position: absolute; width:100%; height:100%; top:0px; left:0px; overflow:hidden}
.reg_bg1,.reg_bg2,.reg_bg3,.reg_bg6 { position:absolute}
.reg_bg1 {width:100%; height:auto; top:0; left:0; text-align:center}
.reg_bg1 img { width:100%}
.reg_bg2 {width:100%; height:auto; bottom:50px;right:0px; text-align:right;}
.reg_bg2 img { width:100%}
.reg_bg3 { width:100%; height:auto; bottom:50px;left:0px; text-align:left;}
.reg_bg6 { width:100%; height:auto; top:0px; right:0px; text-align:right;}

.reg_list {width:90%; max-width:1280px;margin: 0px auto; margin-top:3%; position: relative; z-index: 200 }
.regl_p1,.regl_p2,.regl_p3 { position:absolute; display:block}
.regl_p1 img,.regl_p2 img,.regl_p3 img { width:100%; height:auto}
.regl_p1 {width:1280px; height:733px; left:0px; top:0px;}
.regl_p2 { width: 574px; height: 475px; left: 50px; top: 150px; z-index: 201 }
.regl_p3 { width:341px; height:149px; left:180px; top:600px; z-index:202}

.reg_list ul { margin-top: 150px }
.reg_list ul li {position:relative; display:block; margin-bottom:15px}
.reg_list ul li.name { font-size:32px; margin-bottom:40px}
.reg_list ul li span.icon { width:22px; height:22px; display:block; position:absolute; top:13px; left:40px;}
.reg_list ul li span.yzm { width:106px; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; background:#bb9666; display:block; border-radius:50px; display:block; position:absolute; top:8px; right:8px; cursor:pointer}
.reg_txt { background:#fff; width:350px; padding-left:80px; height:48px; line-height:48px; color:#666; font-size:16px; border:#7c7c7c 2px solid; border-radius:50px;}
.reg_button { width:440px; height:52px; line-height:52px; text-align:center; font-size:18px; color:#fff; display:block; border-radius:50px; border:0px; background:#c70000; cursor:pointer; margin-top:50px}
.reg_button:hover { background:#862812; color:#fff;}

/* Footer */
#guideFooter{ position: absolute; bottom: 0px; width: 100%; left: 0px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #fff; padding: 15px 0px; margin: 0; z-index: 200; }
.f_bg1 { background:url(../images/foot_bg.png) repeat;}
.f_bg2 { background:#c70000;}

.foot_txt { padding: 0px 0px 0px 100px; margin: 0px auto; font-size: 14px; line-height: 24px; text-align: center; color: #fff; position: relative; width: 1100px; }
.foot_txt span { position: absolute; top: 20px; left: 180px; }
.foot_txt p img{ vertical-align:middle}
.foot_txt a { color:#fff}


#indPage{position: relative;height:100%; width:100%;}
#indPage .bg{position: absolute!important; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
#indPage .bg img{width:100%;height: 100%;}
#indPage .bg .con { width:100%; height:100%;}
#indPage .bg .con > img { position:fixed;}

@media only screen and (min-width:1280px) and (max-width: 1365px){
.logo img { width:1100px; height:auto}
.login {height:350px; }
.login_input { width:90%;background-size:70% 92%; padding-left:30px}
.login_pic { width:540px;}

.login_input ul li span.icon { width:20px; height:20px; display:block; position:absolute; top:12px; left:18px;}
.login_input ul li span.yzm { width:100px; height:30px; line-height:30px;top:8px; right:8px; cursor:pointer}

.login_txt {width:230px; padding-left:50px; height:45px; line-height:45px;}
.login_button { width:280px; height:45px; line-height:45px; }

.login_input span.more { position:absolute; display:block; bottom:10px; left:45px; padding-top:0}

.reg_list {margin-top:2%;}
.reg_list ul { margin-top:110px; margin-right:50px}
.regl_p1 {width:1100px; height:auto; left:0px; top:0px;}
.regl_p2 { width:480px; height:auto; left:50px; top:140px; z-index:201}
.regl_p3 { width:280px; height:auto; left:180px; top:520px; z-index:202}
.reg_bg3 img{ width:500px}
.reg_bg6 img{ width:900px}


}
@media only screen and (min-width:1366px) and (max-width: 1439px){
.logo img { width:1150px; height:auto}
.login_input { width:90%;background-size:70% 92%; padding-left:30px}
.login_input span.more { position:absolute; display:block; bottom:0px; left:45px; padding-top:0}
.login {height:350px; }

.login_pic { width:560px;}

.reg_list { margin-top:3%}

}

@media only screen and (min-width:1440px) and (max-width: 1679px){
.ind_main { top:10%}
.login {height:390px; }
.login_input { width:90%;background-size:70% 92%; padding-left:30px}
.login_input span.more { position:absolute; display:block; bottom:0px; left:45px; padding-top:0}
.login_pic { width:650px;}
.reg_list { margin-top:7%}
	
}


@media (min-height:700px) and (width:1440px) {
.ind_main { top:6%}
.login { height:360px}
.login_input { width:85%;background-size:70% 92%; padding-left:30px}
.login_pic { width:560px;}

.reg_list {margin-top:1%;}
.reg_list ul { margin-top:110px; margin-right:50px}
.regl_p1 {width:1100px; height:auto; left:0px; top:0px;}
.regl_p2 { width:480px; height:auto; left:50px; top:140px; z-index:201}
.regl_p3 { width:280px; height:auto; left:180px; top:520px; z-index:202}
.reg_bg3 img{ width:500px}
.reg_bg6 img{ width:900px}

}

@media (min-height:700px) and (width:1600px) {
.ind_main { top:5%}
.login { height:360px;}
.login_input { width:80%;background-size:70% 92%; padding-left:30px}
.login_pic { width:650px; }

.reg_list {margin-top:2%;}
.reg_list ul { margin-top:110px; margin-right:50px}
.regl_p1 {width:1100px; height:auto; left:0px; top:0px;}
.regl_p2 { width:480px; height:auto; left:50px; top:140px; z-index:201}
.regl_p3 { width:280px; height:auto; left:180px; top:520px; z-index:202}
.reg_bg3 img{ width:500px}
.reg_bg6 img{ width:900px}

}


@media (min-height:600px) and (width:1366px) {
.ind_main { top:5%}
.login { height:345px}
.login_input { width:85%;background-size:70% 92%; padding-left:30px}
.login_pic { width:530px;}

.reg_list {margin-top:0%;}


}

@media (min-height:600px) and (width:1360px) {
.ind_main { top:5%}
.login_input { width:85%;background-size:70% 92%; padding-left:30px}
.login_pic { width:550px;}

.reg_list {margin-top:0%;}

}

@media (min-height:600px) and (width:1280px) {
.ind_main { top:6%}

.logo img { width:1000px; height:auto;}
.login {height:340px; }
.login_input { width:85%;background-size:70% 92%; padding-left:30px}
.login_pic { width:550px;}
.login_input ul li.name { font-size:28px; font-weight: bold; display: block; color: #a21a00; margin-bottom:30px; padding-left: 5px }

.reg_list {margin-top:0%;}
.reg_list ul { margin-top:110px; margin-right:50px}
.regl_p1 {width:1100px; height:auto; left:0px; top:0px;}
.regl_p2 { width:480px; height:auto; left:50px; top:140px; z-index:201}
.regl_p3 { width:280px; height:auto; left:180px; top:520px; z-index:202}
.reg_bg3 img{ width:500px}
.reg_bg6 img{ width:900px}

}

@media (min-height:700px) and (width:1280px) {
.ind_main {top:9%}
.login {height:390px; }
.login_pic { width:620px;}

.reg_list {margin-top:2%;}
	
}


@media only screen and (min-width:1680px) and (max-width:1900px){
.ind_main { top:10%}	
.login_input { width:85%;background-size:70% 92%; padding-left:45px}
.login {height:390px; }

.login_pic { width:670px; }

}

@keyframes myfirst
{
0%   {top:0px;}
10%  {top:5px;}
20%  {top:10px;}
30%  {top:0;}
100% {top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {top:0px;}
10%  {top:5px;}
20%  {top:10px;}
30%  {top:0;}
100% {top:0px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {top:0px;}
10%  {top:5px;}
20%  {top:10px;}
30%  {top:0;}
100% {top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {top:0px;}
10%  {top:5px;}
20%  {top:10px;}
30%  {top:0;}
100% {top:0px;}
}