body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, hr, fieldset, input, textarea, select, label, p, blockquote, th, td, button {font-family: Tahoma,微软雅黑,Helvetica,arial;margin: 0 auto;padding: 0;}
body {font-size: 12px;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: medium none;}
address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none outside none; vertical-align: middle;}
li {vertical-align: middle;}
caption, th {text-align: left;}
img a {border: medium none;}
html {background-attachment: fixed;height: 100%; position: relative;}
.cf{zoom:1}
.cf:after{clear:both;display:table;content:""}
.fixed:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
:focus {outline: medium none;}
textarea {resize: none;}
a {color: #3c3c3c;cursor: pointer;text-decoration: none;}
a:hover {text-decoration: underline;}
a:hover * {text-decoration: underline;}
.line { display: inline-block;overflow: hidden; width: 1px;}  
.header {border-bottom: 1px solid #DDDDDD;height: 88px;}
.header .logo {background: url("../images/2014/gr_logo.jpg?ver=3") no-repeat;float: left;font-size: 14px;height: 50px;line-height: 50px; margin: 17px 0;overflow: hidden;text-indent: -999px;width: 157px;}
.header .reg_index{float: left;font-size: 14px;height: 44px;line-height: 44px; margin: 23px 0px 20px 15px;overflow: hidden; width: 114px;color:#ababab;font-size:22px;border-left:1px solid #ababab;padding-left:12px;}
.header .menu_box {float: right;height: 30px;margin-top: 42px;}
.header li {display: inline;float: left;margin-right: 24px;}
.header .menu {color: #959595;font-size: 14px;}
.header .menu:hover {color: #0592d9;}
.c_w {width: 960px;margin:0 auto;}

#wrap{position:relative;background:url(/Public/images/2021/reg/bg.png) center 0 no-repeat;padding: 30px 0;}
.wrap-bd{position:relative;width: 820px;margin:0 auto;background: #fff;box-shadow: 0 10px 25px rgb(0 0 0 / 5%);}
.wrap-bd .tit{color: #333333;line-height: 36px;font-size: 34px;text-shadow : none;font-weight: normal;margin: 0 0 10px;text-align: center;padding-top: 35px;}
.main_l{width:209px;margin-top:15px;background-color:#fff;float:left;}
.reg_tab{position:relative;width: 400px;margin: 0 auto;padding-top: 13px;height: 50px;}
.reg_tab .nav1,.reg_tab .nav01,.reg_tab .nav2,.reg_tab .nav02{position:relative;width:150px;height:45px;padding-left:50px;line-height:45px;font-size:16px;border:none;cursor:pointer;float:left;color:#fff}
.reg_tab .nav1 em,.reg_tab .nav01 em,.reg_tab .nav2 em,.reg_tab .nav02 em{display:none;position:absolute;top:10px;left:10px;width:30px;height:29px;;background:url(/Public/images/2016/reg_icon.jpg) no-repeat;}
.reg_tab .nav1,.reg_tab .nav2{background-color:#cccccc;}
.reg_tab .nav1 em{background-position:-41px -4px}
.reg_tab .nav01,.reg_tab .nav02{background-color:#0592d9;}
.reg_tab .nav01 em{background-position:-3px -4px}
.reg_tab .nav2 em{background-position:-3px -38px}
.reg_tab .nav02 em{background-position:-41px -38px}

.lq_login{background: #fff;width: 400px;height: 40px;margin-left: 0;margin-top: 6px;line-height: 42px;display:block;color:#666;font-size:16px;text-align:center;border:1px solid #dbdbdb;cursor:pointer;}
.reg_tab .third_tit{position:absolute;top:136px;right:20px;text-align:left;padding-left:10px;float:left;width:136px}
.reg_tab .with_other_login {position:absolute;top:160px;right:51px;width:140px;line-height: 32px;}
.reg_tab .with_other_login .icon14{float:left;}
.reg_tab .with_other_login li {height:42px;}
.reg_tab .with_other_login a {color: #565656;display:block;margin-right: 15px;padding-left:30px;line-height:32px;padding-top:10px;}
.reg_tab .with_other_login a .icon16 {float: left;margin: 2px 3px 2px 0;}
.reg_tab .with_other_login a .qq_gray {width:45px;height:32px;background:url(/Public/images/2016/reg_icon.jpg) -3px -82px no-repeat;}
.reg_tab .with_other_login a .weibo_gray {width:45px;height:32px;background:url(/Public/images/2016/reg_icon.jpg) -2px -178px no-repeat;}
.reg_tab .with_other_login a .weixin_gray {width:45px;height:32px;background:url(/Public/images/2016/reg_icon.jpg) -2px -133px no-repeat;}
.reg_tab .with_other_login a .name {float: left;margin-left:2px;}
.main_r{width:820px;height: 516px;margin-top:5px;float:left;border-left:none;}
.regcon{padding-top: 10px;padding-left: 210px;}
.regcon .name,.regname,.notes,.notes2{float:left;	line-height:35px;text-align:left;}
.regcon .name{width:105px;text-align:right;font-size:14px;color:#666;}
.regcon .regname{width:135px;text-align:right;font-size:14px;color:#484848;padding-right:10px;display:none;}
.regcon .input_lg{color:#333;font-size:16px;background:url(../images/login/lg_input_box.jpg) no-repeat;width:270px;height:42px;line-height:42px;border:none;}
.regcon .input_zc{color:#333;font-size: 14px;width: 374px;height:24px;line-height:24px;border: 1px solid #dbdbdb;border-radius: 3px;padding: 5px 12px;}
#agree{width: 16px;height: 16px;padding: 0;text-indent: -9999px;}
#agree.on{background: url(/Public/images/2021/reg/icon06.png) 5px 5px no-repeat;}
.agree_row .notes{ display:block;}
.agree_row.on .notes{ display:none;}
#phonecode{ width: 251px;margin-right: 15px;}
.regcon .input_yz{border: 1px solid #dbdbdb; border-radius: 3px;padding:5px;width:263px;height:28px;line-height:28px;}
#vdimgck{margin-top: 2px;cursor:pointer}
.regcon .inputbox_lg{width:270px;float:left;}
.regcon .inputbox{float:left; text-align: left;}
.regcon a{}
.regcon .thickbox{color: #0896d7;}
.regcon .thickbox span{color: #999;}
.regcon .notes{color:#8F8F8F;padding-left:15px;line-height: 30px;}
.regcon .notes div{float:left;line-height:34px;height:34px;}
.regcon .notes2{color:#8F8F8F;padding-left:15px;position: relative;top:-2px;*top:2px;_top:2px}
.regcon .reg_row{clear:both;height: 48px;text-align:center;}
.regcon .reg_row_ot{clear:both;height:70px;}
.regcon .agree_row {height:34px;padding-top:10px;margin-left: 55px;}
.regcon .agree_row .notes div{line-height: 20px;height: 20px;}
.regcon .agree_row .notes .onSuccess{background:#E9FFEB url(../images/login/onSuccess.gif) 3px 0px no-repeat;}
.regcon .agree_row .notes .onFocus{display:none;}
.regcon .dlbtn{background:url(../images/login/login_button.gif);cursor:pointer;width:165px;height:45px;border:none;}

.czbtn{background: #0896d7;width: 400px;height: 42px;margin-left: 0;line-height: 42px;display:block;color:#fff;font-size:18px;text-align:center;border:none;cursor:pointer;}
.czbtn:hover{background-position:-3px -395px;color:#fff; text-decoration:none;}
.regcon .regdot{clear:both;height:20px;}

.regcon .reg_row_line1{background:url(../images/2014/x_dotted.png) left top repeat-x;padding:20px 0 20px 95px;color:#888;text-align: left; line-height: 22px;}
input[type="text"], input[type="password"], textarea {
}
input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:#76c4f2;box-shadow:0px 0px 4px rgba(96,205,205,0.5)}
.regcon .btn-send{cursor:pointer;color: #999;font: 400 14px SimSun,sans-serif;width: 109px;height: 36px;margin-top: 0px;background-color: #f7f7f7;border-radius: 2px;border: 1px solid #dbdbdb;}
.regcon .btn-send.msended{font-size:12px;}
.regcon .name_height{}

/**********reg check css*************/
.onShow{background:url(../images/login/onShow.gif) 3px 8px no-repeat; padding:0 10px 0 25px;}
.onFocus{background:#edf5f8 url(../images/login/onFocus.gif) 3px 6px no-repeat; border:1px solid #afd0e3; padding:0 10px 0 25px;color:#666;}
.onError{background:#ffeae7 url(../images/login/onError.gif) 3px 6px no-repeat; border:1px solid #f2a595; padding:0 10px 0 25px;color:#CC0000;}
.onSuccess{background:#E9FFEB url(../images/login/onSuccess.gif) 3px 6px no-repeat; padding:0 10px 0 25px;border:1px solid #33dd33;}


#footer {height:154px;min-width: 960px;_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<960?"960px":"");overflow:hidden;}
#footer .botcon{position:relative;width: 960px;margin:0px auto;text-align:center; line-height:15px;padding:29px 0 15px 5px;color:#3c3c3c;}
#footer .botcon ul{overflow:hidden;height:15px;width: 500px;margin: 0 auto;}
#footer .botcon .list{display:inline;position:relative;padding-right:12px;height:15px;line-height: 15px;}
#footer .botcon .list a{line-height:15px;}
#footer .botcon .line{border-left: 1px solid #afafaf;padding-left:12px;}
#footer .botcon .num{line-height:36px;}
#footer .botcon .yqlink{padding: 8px 0 0 0;overflow:hidden;}
#footer .botcon .yqlink a, #footer .botcon .yqlink span{display:block;float:left;height: 28px;padding: 0 10px 0 0;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
#footer .botcon .yqlink p{margin:5px;height:22px;line-height:22px;}
#footer .botcon .aqlm{position:absolute;right:3px; top:58px;}
#footer .botcon .yqlink .pyq1 {padding-top: 5px;}


/*波浪*/
.waves {
  position:absolute;
  bottom:0;
  width: 100%;
  height:350px;
}

/* Animation */
.container {
    position   : relative;
    top        : 0;
    left       : 50%;
    transform: translateX(-50%);
    width      : 1920px;
    height     : 600px;
    background : url(images/bg1.jpg) repeat
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;opacity: 0.65;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.xxcontainer {
    position: absolute;
    top        : 0;
    left       : 50%;
    width: 100%;
    margin-left: -50%;
    height     : 600px;
    background : url(images/bg1.jpg) repeat;
    z-index: 0;
}

.star {
    position : absolute;
    top: 46px;
    left     : 50%;
    margin-left: -600px;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    animation: star 2.5s ease-in infinite;
}

.star1 {
    background: url(/Public/images/2021/reg/xx1.png) no-repeat center center;
}

.star2 {
    background: url(/Public/images/2021/reg/xx2.png) no-repeat center center;
    animation-delay: .8s;
    top: 147px;
    width: 8px;
    height: 8px;
}

.star3 {
    background: url(/Public/images/2021/reg/xx3.png) no-repeat center center;
    animation-delay: 1.7s;
    width: 12px;
    height: 12px;
    top: 212px;
}
.star1{margin-left: -700px;top: 46px;}
.star11{margin-left: 600px;top: 228px;}
.star12{margin-left: -500px;top: 346px;}
@keyframes star {
    10% {
        opacity: 0.2;
    }

    90% {
        opacity: 1;
    }
}

.circle-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 825px;
	overflow: hidden;
}

.circle-box .element-1{
	position: absolute;
	left: 50%;
	top: 235px;
	margin: 0 0 0 -600px;
	width: 64px;
	height: 64px;
	background: url('/Public/images/2021/reg/icon01.png') left center no-repeat;
	animation:down_float 10s linear infinite;
	-webkit-animation:down_float 10s linear infinite;
	-moz-animation:down_float 10s linear infinite;
	-ms-animation:down_float 10s linear infinite;
}
.circle-box .element-2{
	position: absolute;
	left: 50%;
	top: 380px;
	margin: 0 0 0 -687px;
	width: 1446px;
	height: 207px;
	background: url('/Public/images/2021/reg/icon02.png') left center no-repeat;
	animation:up_float 10s linear infinite;
	-webkit-animation:up_float 10s linear infinite;
	-moz-animation:up_float 10s linear infinite;
	-ms-animation:up_float 10s linear infinite;
}

.circle-box .element-3{
	position: absolute;
	left: 50%;
	margin-left: -769px;
	top: 112px;
	width: 68px;
	height: 68px;
	background: url('/Public/images/2021/reg/icon03.png') left center no-repeat;
	animation:up_float 10s linear infinite;
	-webkit-animation:up_float 10s linear infinite;
	-moz-animation:up_float 10s linear infinite;
	-ms-animation:up_float 10s linear infinite;
}
.circle-box .element-4{
	position: absolute;
	left: 50%;
	top: 50px;
	margin: 0 0 0 519px;
	width: 1446px;
	height: 207px;
	background: url('/Public/images/2021/reg/icon04.png') left center no-repeat;
	animation:up_float 10s linear infinite;
	-webkit-animation:up_float 10s linear infinite;
	-moz-animation:up_float 10s linear infinite;
	-ms-animation:up_float 10s linear infinite;
}
.circle-box .element-5{
	position: absolute;
	left: 50%;
	top: 350px;
	margin: 0 0 0 607px;
	width: 76px;
	height: 71px;
	background: url('/Public/images/2021/reg/icon05.png') left center no-repeat;
	animation:up_float 10s linear infinite;
	-webkit-animation:up_float 10s linear infinite;
	-moz-animation:up_float 10s linear infinite;
	-ms-animation:up_float 10s linear infinite;
}
@keyframes down_float{
	0%{ transform: translate(0px,0px); opacity: 1}
	50%{transform:translate(0px,25px);opacity: 0.5}
	100%{ transform:translate(0px,0px);opacity: 1}
}
@-webkit-keyframes down_float{
	0%{ transform: translate(0px,0px); opacity: 1}
	50%{transform:translate(0px,25px);opacity: 0.5}
	100%{ transform:translate(0px,0px);opacity: 1}
}
@-moz-keyframes down_float{
	0%{ transform: translate(0px,0px); opacity: 1}
	50%{transform:translate(0px,25px);opacity: 0.5}
	100%{ transform:translate(0px,0px);opacity: 1}
}
@-ms-keyframes down_float{
	0%{ transform: translate(0px,0px); opacity: 1}
	50%{transform:translate(0px,25px);opacity: 0.5}
	100%{ transform:translate(0px,0px);opacity: 1}
}

@keyframes up_float{
	0%{ transform: translate(0px,0px); opacity: 0.3}
	50%{transform:translate(0px,-25px);opacity: 1}
	100%{ transform:translate(0px,0px);opacity: 0.3}
}
@-webkit-keyframes up_float{
	0%{ transform: translate(0px,0px); opacity: 0.3}
	50%{transform:translate(0px,-25px);opacity: 1}
	100%{ transform:translate(0px,0px);opacity: 0.3}
}
@-moz-keyframes up_float{
	0%{ transform: translate(0px,0px); opacity: 0.3}
	50%{transform:translate(0px,-25px);opacity: 1}
	100%{ transform:translate(0px,0px);opacity: 0.3}
}
@-ms-keyframes up_float{
	0%{ transform: translate(0px,0px); opacity: 0.3}
	50%{transform:translate(0px,-25px);opacity: 1}
	100%{ transform:translate(0px,0px);opacity: 0.3}
}