@charset "utf-8";
/* CSS Document */
/*切图：gz*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
/*********************************************************************重置***********************************************************************/

.pz_top{ float:left; width:100%; position:relative; z-index:9999;}
.pz_banner{ float:left; width:100%; position:relative; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_main{ float:left; width:100%; overflow:hidden;}
.pz_down{ float:left; width:100%; overflow:hidden;}

::-webkit-input-placeholder { color:#333 !important; opacity:1;filter:alpha(opacity=100);}
:-moz-placeholder {  color:#333 !important; opacity:1;filter:alpha(opacity=100);}
::-moz-placeholder {  color:#333 !important; opacity:1;filter:alpha(opacity=100);}
:-ms-input-placeholder { color:#333 !important; opacity:1;filter:alpha(opacity=100); }


/*注册1*/
#particles{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000;}
#particles .intro{ position:absolute; width:100%; height:100%; left:0; top:0;}
#particles .intro .pf1{ position:absolute; left:50%; top:50%; z-index:100; width:100%; padding:0 28.3%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#particles .intro .pf1 .c_img1{ float:left; width:100%; text-align:center;}
#particles .intro .pf1 .c_form1{ float:left; width:100%; background:#fff; padding:30px 9.6% 40px 9.6%;
border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
}
#particles .intro .pf1 .c_form1 .title1{ float:left; width:100%; height:48px; line-height:48px; text-align:center; font-size:30px; color:#333; font-weight:bold;}
#particles .intro .pf1 .c_form1 .c_input{ float:left; width:47.7%; margin-right:4.6%; margin-top:30px; height:40px; line-height:40px; background:#f0f0f0; padding:0 20px; font-size:16px; color:#333; overflow:hidden; position:relative;
border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-webkit-border-radius:20px;
}
#particles .intro .pf1 .c_form1 .c_input.mr_0{ margin-right:0;}
#particles .intro .pf1 .c_form1 .c_input.mr_0.bg0{ background:none; padding:0; overflow:inherit;}
#particles .intro .pf1 .c_form1 .c_input .label1{ float:left; width:26%; height:40px; line-height:40px; background:none;}
#particles .intro .pf1 .c_form1 .c_input .input1{ float:left; width:74%; height:40px; line-height:40px; background:none; font-size:16px; color:#333;}
#particles .intro .pf1 .c_form1 .c_input .a1{ position:absolute; right:0; top:0; width:90px; height:40px; line-height:40px; background:#d22328; color:#fff; text-align:center; font-size:14px;}
#particles .intro .pf1 .c_form1 .c_input .a1:hover{ background:#eb1016;}

#particles .intro .pf1 .c_form1 .c_input .label1.c_1{ width:30%;}
#particles .intro .pf1 .c_form1 .c_input .input1.c_2{ width:45%; padding-left:2%; padding-right:2%;}
#particles .intro .pf1 .c_form1 .c_input .text1{ float:right; font-size:14px; color:#333;}
#particles .intro .pf1 .c_form1 .c_input .text1 a{ color:#d22328;}
#particles .intro .pf1 .c_form1 .link1{ float:left; width:100%; text-align:center;}
#particles .intro .pf1 .c_form1 .link1 a{ display:inline-block; *display:inline; *zoom:1; width:56%; height:48px; line-height:48px; margin-top:30px; background:#d22328; color:#fff; font-size:18px;
border-radius:24px;
-moz-border-radius:24px;
-ms-border-radius:24px;
-webkit-border-radius:24px;
}
#particles .intro .pf1 .c_form1 .link1 a:hover{ background:#f10c13;}
#particles .intro .pf1 .c_form1 .none1{ float:left; display:none;}
#particles .intro .pf1 .c_form1 .block1{ float:left; display:block;}
@media screen and (max-width:1679px) {
#particles .intro .pf1{ padding:0 22%;}	
#particles .intro .pf1 .c_form1{ padding:30px 5% 40px 5%;}
}


@media screen and (max-width:1199px) {
#particles .intro .pf1{ padding:0 6%;}	
#particles .intro .pf1 .c_form1 .c_input{ font-size:15px;}	
#particles .intro .pf1 .c_form1 .c_input .input1{ font-size:15px;}
	}

@media screen and (max-width:767px) {
	
#particles .intro .pf1 .c_img1{ padding:0 20%;}	
#particles .intro .pf1 .c_form1{ padding:20px 3% 20px 3%;}
#particles .intro .pf1 .c_form1 .title1{ height:28px; line-height:28px; font-size:18px;}
#particles .intro .pf1 .c_form1 .c_input{ width:49%; margin-right:2%; margin-top:10px; height:32px; line-height:32px; font-size:12px; padding:0 10px;
border-radius:16px;
-moz-border-radius:16px;
-ms-border-radius:16px;
-webkit-border-radius:16px;
}
#particles .intro .pf1 .c_form1 .c_input.c_7{ width:100%;}
#particles .intro .pf1 .c_form1 .c_input.c_7 .label1{ width:20%;}
#particles .intro .pf1 .c_form1 .c_input.c_7 .input1{ width:80%;}
#particles .intro .pf1 .c_form1 .c_input.c_7 .c_1{ width:20%;}
#particles .intro .pf1 .c_form1 .c_input.c_7 .c_2{ width:55%;}


#particles .intro .pf1 .c_form1 .c_input.c_3{ width:60%;float:left;}

#particles .intro .pf1 .c_form1 .c_input.c_3 .label1{ width:29%;}
#particles .intro .pf1 .c_form1 .c_input.c_3 .input1{ width:71%;}

#particles .intro .pf1 .c_form1 .none1{ display:block; float:right; margin-top:12px; width:90px;}
#particles .intro .pf1 .c_form1 .block1{ display:none1;}

#particles .intro .pf1 .c_form1 .c_input .label1{ width:38%; height:32px; line-height:32px;}
#particles .intro .pf1 .c_form1 .c_input .input1{ width:62%; height:32px; line-height:32px; font-size:14px;}
#particles .intro .pf1 .c_form1 .c_input .a1{ width:90px; height:32px; line-height:32px; font-size:12px;}
#particles .intro .pf1 .c_form1 .link1 a{ width:56%; height:34px; line-height:34px; margin-top:10px; font-size:15px;
border-radius:17px;
-moz-border-radius:17px;
-ms-border-radius:17px;
-webkit-border-radius:17px;
}

#particles .intro .pf1 .c_form1 .c_input.mr_0.bg0{ width:35%; height:24px; line-height:24px;float:right;text-align:right;}
#particles .intro .pf1 .c_form1 .c_input.mr_0.bg0 img{float:right;}
#particles .intro .pf1 .c_form1 .c_input.mr_0.bg0 .text1{ font-size:12px;line-height:35px;}
.link1{margin-top:20px;}
	}

@media screen and (max-width:375px) {
#particles .intro .pf1 .c_form1 .c_input .label1{ width:42%;}
#particles .intro .pf1 .c_form1 .c_input .input1{ width:58%;}
	}


/*登录*/
#particles .intro .pf1.pf2{ padding:0 35.1%;}
#particles .intro .pf1.pf2 .c_form1{ padding:30px 17.6% 40px 17.6%;}
#particles .intro .pf1.pf2 .c_form1 .c_input1{ float:left; width:100%; height:40px; line-height:40px; background:#f0f0f0; padding:0 20px; font-size:16px; color:#333; overflow:hidden; position:relative; margin-top:30px;
border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-webkit-border-radius:20px;
}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .label2{ float:left; width:18%; height:40px; line-height:40px; background:none;}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .input2{ float:left; width:82%; height:40px; line-height:40px; background:none; font-size:16px; color:#333;}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .input2.mm{ font-size:28px; letter-spacing:8px; color:#464a5a}
#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4{ width:68%;}
#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .label2{ width:28%;}
#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .input2{ width:72%;}
#particles .intro .pf1.pf2 .c_form1 .fr1{ float:right; margin-top:30px;}

#particles .intro .pf1.pf2 .c_form1 .a2{ float:left; width:100%; height:48px; line-height:48px; margin-top:30px; background:#d22328; color:#fff; font-size:18px; text-align:center; cursor: pointer;
border-radius:24px;
-moz-border-radius:24px;
-ms-border-radius:24px;
-webkit-border-radius:24px;
}
#particles .intro .pf1.pf2 .c_form1 .a2:hover{ background:#e8292e;}
#particles .intro .pf1.pf2 .c_form1 .d_link1{ float:left; width:100%; text-align:center; height:15px; line-height:15px; margin-top:20px; color:#333; font-size:14px;}
#particles .intro .pf1.pf2 .c_form1 .d_link1 span{ color:#c6c6c6;}
#particles .intro .pf1.pf2 .c_form1 .d_link1 a{ color:#0514a7;}
#particles .intro .pf1.pf2 .c_form1 .d_link1 a.a3{ color:#d22328;}

@media screen and (max-width:1679px) {
#particles .intro .pf1.pf2{ padding:0 30%;}	
#particles .intro .pf1.pf2 .c_form1{ padding:30px 12% 40px 12%;}
}


@media screen and (max-width:1199px) {
#particles .intro .pf1.pf2{ padding:0 10%;}	
	}

@media screen and (max-width:767px) {
#particles .intro .pf1.pf2{ padding:0 6%;}		
#particles .intro .pf1.pf2 .c_img1{ padding:0 20%;}	
#particles .intro .pf1.pf2 .c_form1{ padding:20px 6% 20px 6%;}

#particles .intro .pf1.pf2 .c_form1 .c_input1{ height:32px; line-height:32px; font-size:14px; margin-top:10px;}
#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4{ width:65%;}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .label2{ width:20%; height:32px; line-height:32px;}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .input2{ width:80%; height:32px; line-height:32px; font-size:14px;}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .input2.mm{ font-size:30px; letter-spacing:4px;}

#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .label2{ width:32%;}
#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .input2{ width:68%;}
#particles .intro .pf1.pf2 .c_form1 .fr1{ margin-top:10px;}
#particles .intro .pf1.pf2 .c_form1 .a2{ height:32px; line-height:32px; margin-top:10px; font-size:14px;
border-radius:16px;
-moz-border-radius:16px;
-ms-border-radius:16px;
-webkit-border-radius:16px;
}
}
@media screen and (max-width:375px) {
#particles .intro .pf1.pf2 .c_form1 .c_input1.c_4{ width:60%;}	
	}
/*找回密码*/
#particles .intro .pf1.pf2 .c_form1 .c_input1 .label2.c_5{ width:38%;}
#particles .intro .pf1.pf2 .c_form1 .c_input1 .input2.c_6{ width:62%;}
