<!--
@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a,
del, img, b, u, i, dl, dt, dd, fieldset, form, label,
header, nav, article, section, aside, details, footer, figure, figcaption { margin: 0px;	padding: 0px;	border: 0px;}
/* HTML5 display-role reset for older browsers */
header, nav, article, section, aside, details, footer, figure, figcaption { display: block;}
ul { margin: 0; padding: 0; outline: 0; list-style: none;}
li { margin: 0; padding: 0; outline: 0; list-style: none;}
input { margin: 0; padding: 0; font-size:16px; FONT-FAMILY: "微软雅黑"; outline: none;}
a { text-decoration: none !important; outline: none; color: rgb(153, 153, 153); transition:color 0.3s linear; -moz-transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear;}

/* bigin */
body { width: 100%; min-width: 1350px; background: rgb(255, 255, 255); font-size: 16px; font-family: "微软雅黑"; color: rgb(0, 0, 0);}
.aradius {                                /* 圆角 */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;                       /* 需放在最后面，不然可能会失效 */
}
.ashadow {
-moz-box-shadow: #000 10px 10px 5px;
-webkit-box-shadow: #000 10px 10px 5px;
box-shadow: #000 10px 10px 5px;
}
.clearfix {zoom: 1;}                      /* 清除浮动--浮动闭合：在浮动元素的父元素上添加*/
#hidediv { display: none;}                /* 隐藏 */

/* 检测缩放 */
.mod-zoomdetect { width: 100%; height: 40px; line-height: 40px; background: #FEFFE5; text-align: center; border-bottom: 1px solid #E7CF7B; user-select: none; clear: both;}
.mod-zoomdetect .x-key { font-weight: bold; color: #f00;}
.mod-zoomdetect .wzd-btnclose { width: 18px; height: 17px; float: right; margin: 12px 10px 0 0; display: block; background: url("../zimages/btnclose.png") center center no-repeat; cursor: pointer;}
.mod-zoomdetect .wzd-close:hover { text-decoration: none;}
.mod-zoomdetect .wzd-nevertip { text-decoration: none; font-size: 13px; color: #2383C2; cursor: pointer;}
.mod-zoomdetect .wzd-nevertip:hover { color: #23a3C2;}

/* top */
#header { width: 100%; clear: both;}
#header .top-bar { width: 1250px; height: 95px; margin: 0px auto; display: block;}
.top-bar .tleft { width: 200px; float: left; margin-top: 12px;}
.top-bar .tleft .logo { text-align:center; cursor: pointer;}
.top-bar .tleft .logo img { width: 190px; height: 86px; margin-top: -10px;}
.top-bar .tleft .logo1 { display: block; text-align: center; font-size: 25px; font-weight: bold; color: #F36; padding-bottom: 5px; border-bottom: 1px solid #ccc; cursor: pointer;}
.top-bar .tleft .logo2 { display: block; text-align: center; font-size: 19px; color: #F36; margin-top: 5px; font-weight: normal; cursor: pointer;}
.top-bar .tcenter { width: 335px; float: left; margin-left: 20px; margin-top: 20px; line-height: 28px;}
.top-bar .tcenter h4 { font-size: 16px; color: #666; font-weight: normal; overflow: hidden; white-space: nowrap;}
.top-bar .tcenter h5 { font-size: 16px; color: #666; font-weight: normal; overflow: hidden; white-space: nowrap;}
.top-bar .tright  { width: 695px; float: right; margin-top: 18px; position: relative; z-index:99;}
.tright .loginform { width: 100%; height: 40px; line-height: 40px; float: right; position: relative; zoom: 1;}
.loginform .uname { width: 238px; height: 40px; position: absolute; right: 433px; display: block; background-image: url("../zimages/loginpic.png"); _background-image: url("../zimages/loginpic.png"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 5px; border: 1px solid rgb(213, 213, 213);}
.loginform .uword { width: 238px; height: 40px; position: absolute; right: 178px; display: block; background-image: url("../zimages/loginpic.png"); _background-image: url("../zimages/loginpic.png"); background-repeat: no-repeat; background-position: 0 -41px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 5px; border: 1px solid rgb(213, 213, 213);}
.loginform .passtxt { position: absolute; right: 300px; color: rgb(153, 153, 153); display: none;}
.loginform .ctext1 { width: 180px; height: 38px; line-height: 38px; margin-left: 50px; border: 0; color: rgb(153, 153, 153);}
.loginform .ctext2 { width: 180px; height: 38px; line-height: 38px; margin-left: 50px; border: 0; color: rgb(0, 0, 0);}
.loginform .ulogin { width: 78px; position: absolute; right: 73px; margin: 4px 13px 0 13px; text-align: center; color: #fff;}
.loginform .ulogin .logsubb { height: 34px; line-height: 34px; background: #F36; display: block; cursor: pointer;}
.loginform .ulogin .logmiss { height: 34px; line-height: 34px; background: #999; display: block; cursor: pointer;}
.loginform .qlogin { position: absolute; right: 13px; margin-top: 6px; display: block;}
.tright .tright-bottom { width: 100%; float: right; margin-top: 8px; position: relative; font-size: 15px; color: rgb(153, 153, 153);}
.tright-bottom .autologin { position: absolute; right: 480px; display: block; cursor: pointer;}
.tright-bottom .missword { position: absolute; right: 240px; display: block;}
.tright-bottom .missword a:hover { font-weight: bold; text-decoration: none;}
.tright-bottom .error-tips { width: 160px; position: absolute; right: 20px; color: rgb(255, 81, 104); display: none;}
.tright-bottom .error-tips i { width: 16px; height: 16px; float: left; margin-right: 5px; margin-top: 2px; background-image: url("../zimages/regpic.png"); background-repeat: no-repeat; _background-image: url("../zimages/regpic.png"); background-position: 0 -120px; overflow: hidden;}



/* nav */
#topdiv { width: 100%; height: 54px; clear: both; background: #494F56; z-index: 20;}
#topdiv .topnav { width: 1250px; margin: 0 auto; display: block; color: #fff;}
.topnav a { height: 54px; line-height: 54px; color: #fff;}
.topnav a:hover { color: #F36;}

#topdiv .topmenu { width: 1250px; margin: 0 auto; display: block;}
.topmenu span { width: 10%; height: 54px; line-height: 54px; border: 0; position: relative; color: #fff; text-align: center; float: left; display: block; cursor: pointer;}
.topmenu a { display: block; color: #fff;}
.topmenu a:hover { display: block; color: #F36; background: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.topmenu span:hover div, .topmenu span div:hover { display: block; z-index: 99;}
.topmenu span div { width: 125px; line-height: 46px; display: none; position: absolute; left: 0; top: 0; padding-top: 52px; background: #59616A; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.topmenu span div small { width: 125px; line-height: 54px; font-size: 16px; position: absolute; left: 0; top: 0;}



/* flash */
#index_cbg1 { display: none;}             /*首页轮换图 */
#middiv { width: 100%; clear: both; position: relative;}
.duantitle { height:170px; text-align:center; color:#999;}
.duantitle h2 { padding: 70px 0 15px; font-size: 30px; color: #5e5e5e; font-weight: normal;}
#flashBg { width: 100%; height: 528px; background: #8CBEE8; position: relative; z-index: 1;}
#flashBg .cbg1 { display: block;}
#flashBg .cbg2 { display: none;}
#flashBg img { width: 100%; height: 528px;}
/* #flashBg .flashbar { width: 100%; height: 43px; position: absolute; left: 0; bottom: 0; background: url(../zimages/topflash_bar.png) repeat 0 0;} 去掉下面背景*/
#flashBg .flashbar { width: 100%; height: 43px; position: absolute; bottom: 0;}
#flashBg .flashbar .bar_center { width: 80px; height: 30px; padding-top: 10px; margin: 0 auto; display: block;}
#flashBg .flashbar .bar_center .dq { width: 8px; height: 8px; float: left; margin: 8px 8px; cursor: pointer; background-image: url("../zimages/topflash.png"); _background-image: url("../zimages/topflash.png"); background-position: 0 0; background-repeat: no-repeat; overflow: hidden;}
#flashBg .flashbar .bar_center .no { width: 8px; height: 8px; float: left; margin: 8px 8px; cursor: pointer; background-image: url("../zimages/topflash.png"); _background-image: url("../zimages/topflash.png"); background-position: -18px 0; background-repeat: no-repeat; overflow: hidden;}
/* index-reg */

#regdiv { width: 100%; position: absolute; left: 0; top: 0;}
#regdiv .regcen { width: 1250px; margin: 0 auto; position: relative; display: block;}
#regdiv .regcen .regbox { width: 400px; height: 390px; position: absolute; top: 72px; right: 45px;}
#regdiv .regcen .regbox .maske { width: 100%; height: 390px; position: absolute; left: 0; top: 0; background: rgb(0, 0, 0); -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; z-index: 2;}
#regdiv .regcen .regbox .container { width: 100%; height: 390px; position: absolute; left: 0; top: 0; z-index: 3;}
.container h5 { margin: 0 28px; height: 70px; line-height: 70px; text-align: center; overflow: hidden; font-size: 20px; color: #fff; font-weight: normal; border-bottom: 1px solid rgb(119, 119, 119);}
.container .regs { width: 100%; margin-top: 10px;}
.container .regs .regsubb { width: 296px; height: 40px; line-height: 40px; margin: 0 auto; display: block; text-align: center; font-size: 18px; color: #fff; background: #f36; border: 0; cursor: pointer;}
.container .reg-items { height: 36px; line-height: 36px; padding: 10px 0 14px 0; margin-left: 25px; position: relative; zoom: 1;}
.reg-items .items-name { float: left; font-size: 15px; color: rgb(204, 204, 204); margin-right: 4px; display: inline-block;}
.reg-items .iRadio { color: rgb(204, 204, 204); line-height: 36px; float: left; font-size: 15px; cursor: pointer;}
.reg-items .iRadio i { width: 16px; height: 16px; float: left; margin-right: 8px; margin-top: 10px; background-image: url("../zimages/regpic.png"); _background-image: url("../zimages/regpic.png"); background-repeat: no-repeat; background-position: 0 -1px; overflow: hidden;}
.reg-items .cur.iRadio i { background-position: 0 -21px;}
.reg-items .male { padding-right: 51px;}
.reg-items .pl { padding-left: 36px;}
.reg-items .statusTips { width: 16px; height: 16px; line-height: 16px; margin-top: 10px; float: left; overflow: hidden; display: none; background-image: url("../zimages/regpic.png"); background-repeat: no-repeat; _background-image: url("../zimages/regpic.png");}
.reg-items .error { width: 240px; padding-left: 18px; position: absolute; left: 0px; top: 30px; color: rgb(255, 91, 91); background-position: 0px -121px;}
.reg-items .pass { background-position: 0px -98px; position: static;}
.reg-items .border { margin: 5px 0px; height: 1px; overflow: hidden; clear: both; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;}
.reg-items .iCheck { color: rgb(204, 204, 204); float: left; font-size: 15px; cursor: pointer;}
.reg-items .iCheck i { width: 16px; height: 16px; float: left; margin-top: 10px; margin-right: 5px; vertical-align: middle; display: inline-block; background-image: url("../zimages/regpic.png"); _background-image: url("../zimages/regpic.png"); background-repeat: no-repeat; background-position: 0 -78px; overflow: hidden;}
.reg-items .cur.iCheck i { background-position: 0 -54px;}
.reg-items .items-value {	float: left; position: relative; zoom: 1;}
.items-value dl { width: 80px; height: 34px; margin-right: 10px; float: left; position: relative; z-index: 10;}
.items-value dl.zui-year dd { left: -230px; width: 560px; min-height: 190px; _height: 190px; line-height: 40px; font-size: 16px;}
.items-value dl.zui-month dd { left: -195px; width: 357px; height: 70px; line-height: 40px; font-size: 16px;}
.items-value dl.zui-day dd { left: -285px; width: 357px; height: 170px; line-height: 40px; font-size: 16px;}
.items-value dl.zui-province dd { left: -105px; width: 357px; min-height: 265px; line-height: 40px; font-size: 16px;}
.items-value dl.zui-city dd {	left: -195px; width: 357px; min-height: 160px; _height: 160px; line-height: 40px; font-size: 16px;}
.items-value dl.zui-country dd { left: -285px; width: 357px; min-height: 160px; _height: 160px; line-height: 40px; font-size: 16px;}
.items-value dl.zui-hover { border-color: rgb(255, 0, 255); z-index: 11;}
.items-value dl.zui-hover dt { background: rgb(255, 255, 255); border-width: 2px 2px medium; border-color: rgb(235, 84, 84) rgb(235, 84, 84) currentColor; width: 76px; height: 32px; line-height: 32px; border-bottom-style: none; z-index: 2;}
.items-value dl.zui-hover dd { z-index: 1;}
.items-value dt { width: 78px; height: 34px; line-height: 34px; background: rgb(153, 153, 153); border: 1px solid rgb(102, 102, 102); border-image: none; text-align: center; color: rgb(51, 51, 51); position: relative; cursor: pointer; opacity: 1;}
.items-value dt i { font-style: normal;}
.items-value dt .sVal { text-indent: -15px; padding-right: 10px; overflow: hidden; white-space: nowrap; font-style: normal;}
.items-value dt .sName { top: 0; right: 8px; position: absolute; font-style: normal;}
.items-value dd { width: 440px; line-height: 28px; top: 32px; background: rgb(255, 255, 255); padding: 20px; border: 2px solid rgb(235, 84, 84); border-image: none; color: rgb(51, 51, 51); font-size: 14px; display: none; position: absolute;}
.items-value dd i { color: rgb(51, 51, 51); font-style: normal; font-weight: bold; margin-right: 3px;}
.items-value dd a { padding: 0 7px; color: rgb(51, 51, 51); display: inline-block;}
.items-value dd a:hover { background: rgb(255, 51, 102); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: rgb(255, 255, 255);}
#ZuiDate { *z-index: 10;}
#ZuiArea { *z-index: 9;}


.otherreg { height:300px; background:#efefef;}
.otherreg .otitle { height: 170px; text-align: center;}
.otherreg .otitle h5 { padding: 70px 0 15px; color: #5e5e5e; font-size: 30px; font-weight: normal;}
.otherreg .obottom { text-align: center;}
.otherreg .obottom a { display: inline-block; margin: 0 10px; width: 216px; height: 46px; line-height: 46px; border: 2px solid #ff5b5b; font-size: 18px; color: #5e5e5e;}
.otherreg .obottom a:hover { text-decoration: none;}
.otherreg .obottom a.regbtn { background: #efefef;}
.otherreg .obottom a.regbtn:hover { background: #e3e3e3;}
.otherreg .obottom a.loginbtn { background: #ff5b5b; color: #fff;}
.otherreg .obottom a.loginbtn:hover { background-color: #eb5454; border: 2px solid #eb5454;}


/* illustrate */
.illustrate { width: 1250px; height: 700px; clear: both; padding-top: 80px; position: relative; margin: 0 auto; display: block;}
.illustrate .illuleft { width: 50%; float: left;}
.illustrate .illuleft .itop { width: 100%; margin-top: 40px; text-align:center;}
.illustrate .illuleft .itop img { width: 500px; height: 382px; margin-right: 50px;}
.illustrate .illuleft .ibottom { width: 100%; margin-top: 16px; margin-right: 50px; text-align: center; font-size: 24px; color: #666;}
.illustrate .illuright { width: 50%; float: left; padding-top: 10px;}
.illustrate .illuright h1 { font-size: 18px; font-weight: normal; line-height: 40px;}
.illustrate .illuright h2 { font-size: 18px; font-weight: normal; line-height: 40px;}
.illuright .ttbig { width: 100%; float: left; margin-left: 48px; margin-top: 16px; font-size: 36px; color: #F36; font-weight: normal;}
.illuright .tcolor { margin-left: 24px; font-size: 24px; color: #888; font-weight: normal;}
.illuright .illuaab { width: 100%; float: left; margin-left: 48px; margin-bottom: 12px; font-size: 24px; color: #444; font-weight: normal;}
.illuright .right-bottom { width: 100%; line-height: 30px; float: left; margin-left: 48px; margin-top: 36px; font-size: 18px; color: #444;}
.illuright .right-bottom strong { font-size: 18px; font-weight: normal;}


/* map */
#chinamap { width: 1250px; height: 800px; clear: both; position: relative; margin: 0 auto; display: block;}
#chinamap .duantitle { height:170px; text-align:center; color:#999;}
#chinamap .duantitle h5 { padding: 30px 0 15px; font-size: 30px; color: #5e5e5e; font-weight: normal;}
#chinamap .mapbottom { width: 100%; position: absolute; left: 0; top: 0;}
.mapbottom .mapimg { width: 990px; margin: 0 auto; z-index:2;}
.mapbottom .mapimg img { width: 990px; height: 725px;}
.mapbottom dl { width: 55px; position: absolute; cursor: pointer;}
.mapbottom dt { height: 23px; font-size: 15px; color: #5e5e5e; text-align: center; z-index:4;}
.mapbottom dt i { width: 17px; height: 23px; margin: 0 auto; display: block; background-image: url("../zimages/dingwi.png"); _background-image: url("../zimages/dingwi.png"); background-repeat: no-repeat; background-position: 0 -1px; overflow: hidden;}
.mapbottom dt i:hover { background-position: 0 -26px;}
.mapbottom dd { display: none;}
.mapbottom .mapDiv { width: 210px; height: 62px; padding: 3px; position: absolute; top: -65px; left: -80px; z-index:100; color: #fff; background-image: url("../zimages/mapdivbg.png"); _background-image: url("../zimages/mapdivbg.png"); background-repeat: no-repeat; overflow: hidden; display: none;}
.mapDiv .swebname { float: left; margin-left: 60px; line-height: 26px; font-size: 18px;}
.mapDiv .sweburl { float: left; margin-left: 60px;}
.Bcity0 { left: 815px; top: 555px;}
.Bcity1 { left: 795px; top: 275px;}
.Bcity2 { left: 885px; top: 460px;}
.Bcity3 { left: 820px; top: 315px;}
.Bcity4 { left: 640px; top: 490px;}
.Bcity5 { left: 745px; top: 600px;}
.Bcity6 { left: 670px; top: 600px;}
.Bcity7 { left: 850px; top: 500px;}
.Bcity8 { left: 685px; top: 675px;}
.Bcity9 { left: 775px; top: 325px;}
.Bcity10 { left: 745px; top: 415px;}
.Bcity11 { left: 730px; top: 470px;}
.Bcity12 { left: 715px; top: 525px;}
.Bcity13 { left: 845px; top: 430px;}
.Bcity14 { left: 780px; top: 530px;}
.Bcity15 { left: 910px; top: 265px;}
.Bcity16 { left: 955px; top: 215px;}
.Bcity17 { left: 630px; top: 340px;}
.Bcity18 { left: 455px; top: 375px;}
.Bcity19 { left: 815px; top: 370px;}
.Bcity20 { left: 725px; top: 340px;}
.Bcity21 { left: 680px; top: 395px;}
.Bcity22 { left: 800px; top: 460px;}
.Bcity23 { left: 570px; top: 480px;}
.Bcity24 { left: 635px; top: 545px;}
.Bcity25 { left: 320px; top: 455px;}
.Bcity26 { left: 310px; top: 265px;}
.Bcity27 { left: 475px; top: 285px;}
.Bcity28 { left: 550px; top: 595px;}
.Bcity29 { left: 985px; top: 145px;}
.Bcity30 { left: 660px; top: 280px;}
.Bcity31 { left: 735px; top: 650px;}
.Bcity32 { left: 705px; top: 630px;}
.Bcity33 { left: 865px; top: 600px;}


/* animated */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes zoomIn {
	0% { opacity: 0; -webkit-transform: scale3d(0,0,0); transform: scale3d(0,0,0);}
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
@keyframes zoomIn {
	0% { opacity: 0; -webkit-transform: -webkit-scale3d(0,0,0); transform: scale3d(0,0,0);}
	100% { opacity: 1; -webkit-transform: -webkit-scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}

/* footer */
.footer { width: 1300px; margin: 0 auto; overflow: hidden; margin-top: 25px; margin-bottom: 50px; font-size: 15px; color: rgb(159, 159, 159);}
.footer .first { float: left;}
.footer .first .flink { margin-left: 12px;}
.footer .first .flink a { padding: 8px; color: rgb(94, 94, 94);}
.footer .first .ftitle { margin-top: 9px; margin-left: 20px;}
.footer .second { float: right; text-align: right; margin-top: -5px; white-space: nowrap;}
.footer .second .ftitle { margin-top: 5px; margin-right: 20px;}
.footer .second .flink { margin-left: -8px; margin-top: 5px; margin-right: 20px;}
.footer .second .flink h3 { font-size: 16px; font-weight: normal;}
.footer .second .flink a { color: rgb(159, 159, 159);}
.footer .second .flink img { width: 20px; height: 20px; margin-left: 20px; margin-right: 5px;}
.footer .second .tlink { margin-top: 15px; margin-right: 20px;}

//-->