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

body {background:#f9f9f9;font:12px/1.5 "Microsoft YaHei","Microsoft JhengHei"; color:#898989;}
body{ overflow-x:hidden; min-width:1024px;}
* {padding:0; margin:0;}
a {text-decoration:none; color:#777;}
a:hover { color:#333; cursor:pointer;}
ul,ol,dl,dd {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table { border-collapse:collapse;}
img, iframe {border:none;}
*:focus { outline: none;}
/*::-webkit-scrollbar { width:8px;}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px #eee;}
::-webkit-scrollbar-thumb { background: #ddd;}*/
input,textarea,select{ font-family:Microsoft YaHei;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
.clearfix{ *zoom:1;}
.clear{ clear:both; height:0;}
.l{ float:left;}
.r{ float:right;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}
.t_l{ text-align:left;}
.t_u{ text-decoration: underline;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}

.s-fc1{ color:#333;}
.s-fc2{ color:#999;}
.s-fc3{ color:#ccc;}
.s-fc4{ color:#1d9dcc;}
.s-fc5{ color:#3682bc;}
.s-fc6{ color:#2fba7e;}
.s-fc7{ color:#e16443;}

.pr5 { padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pr60{ padding-right:60px;}

.pl5 { padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl60{ padding-left:60px;}
.pl100{ padding-left:100px;}

.plr10{ padding:0 10px;}

.pt3 { padding-top:3px;}
.pt5 { padding-top:5px;}
.pt8 { padding-top:8px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}

.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}

.mt2 { margin-top:2px;}
.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml8 { margin-left:8px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}

.mr3 { margin-right:3px;}
.mr5 { margin-right:5px;}
.mr8 { margin-right:8px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mr60{ margin-right:60px;}

.mb3 { margin-bottom:3px;}
.mb5 { margin-bottom:5px;}
.mb8 { margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.w50 { width:50px;}
.w60 { width:60px;}
.w75 { width:75px;}
.w80 { width:80px;}
.w85 { width:85px;}
.w90 { width:90px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w202{ width:202px;}
.w215{ width:215px;}
.w220{ width:220px;}
.w223{ width:223px;}
.w230{ width:230px;}
.w255{ width:255px;}
.w300{ width:300px;}
.w320{ width:320px;}
.w330{ width:330px;}
.w360{ width:360px;}
.w378{ width:378px;}
.w380{ width:380px;}
.w400{ width:400px;}
.w405{ width:405px;}
.w420{ width:420px;}
.w430{ width:430px;}
.w450{ width:450px;}
.w470{ width:470px;}
.w570{ width:570px;}
.w608{ width:608px;}
.w640{ width:640px;}
.w670{ width:670px;}

.bg1 { background:#fff;}
.bg2 { background:#f5f5f5;}
.container_body::-webkit-scrollbar{width:0px}
.content {max-width:1200px; margin:0 auto; position:relative;}

/* btn */
.btn { display:inline-block; text-align:center; font-size:16px; border-radius:3px; height:42px; line-height:42px;}
.btn-pertary{ background:#069b5b; color:#fff;}
.btn-pertary:hover { background:#07a661; color:#fff;}
.btn-default{ background:#e16443; color:#fff;}
.btn-default:hover { background:#e0522c; color:#fff;}
.btn-disable,.btn-disable:hover { background:#ccc; color:#fff; cursor:default;}

/* header */
.header-site{ height:32px; background:#1e1c29; line-height:32px; color:#fff;}
.header-bd{ float:right;}
.header-bd a { color:#fff; padding:0 5px;}
.header-login{ float:right;}
.header-bite a{ color:#fff; display:inline-block;height:22px; line-height:22px; padding:0 15px; margin-left:2px;}
.header-into span{ padding:0 10px;}
.header-into span a{ color:#2fba7e;}
.header-into span font{ color:#2fba7e;}
.header-into span a .signout { color:#fff;}
.header { height:80px; background:#f3f4f6; overflow:hidden; border-bottom:1px solid #ddd;}
.logo { float:left; height:44px; margin:16px 0 0 0;}
.menu { float:right; line-height:80px; margin-left:160px;}
.menu > ul > li { float:left; height:80px; line-height:80px;position:relative;}
.menu > ul > li > a{ color:#333; font-size:16px; display:block; padding:0 30px;}
.menu > ul > li:hover a{ color:#2fba7e;}
.menu > ul > li.active a{color:#2fba7e;}
.header-zd-yy {float: left;}
.header-zd-yy a {color: #fff;margin-right: 45px;}
.header-zd-yy .on {color: #2fba7e;}

/* footer --------------------- */
.footer{ font-size:12px;background:#383838;}
.footer-wrap{ padding:40px 0;}
.footer-contact{ float:left; padding:0 70px 0 50px;}
.footer-tel-t{ font-size:22px; color:#fff;background:url(../images/tel.png) 0 center no-repeat; padding-left:40px;}
.footer-tel-time{ color:#fff; font-size:14px; padding:18px 0;}
.footer-kf{ display:block; width:125px; height:32px; background:#33a1b4; color:#fff; border-radius:999em; text-align:center; font-size:14px; line-height:32px;}
.footer-kf:hover { background:#36abbf; color:#fff;}
.footer-nav dl { float:left; margin-right:40px;}
.footer-nav dl dt { font-size:17px; color:#f6f6f6; padding-bottom:10px;}
.footer-nav dl dd a{ font-size:13px; color:#999; display:block; line-height:26px;}
.footer-nav dl dd a:hover { color:#fff;}
.footer-wap { float:left;}
.wap-box dl {float:left; margin-right:60px;}
.wap-box dl:last-child { margin-right:0;}
.wap-box dl dt { font-size:17px; color:#f6f6f6; padding-bottom:10px; text-align:center;}
.wap-box dl dd img { width:100px; height:100px;}

.footer-text{ background:#252525; height:50px; text-align:center; line-height:50px; color:#828282; font-size:13px;}

/* ------------------- */
.back-totop{ width:65px; background:#303030; position:fixed; right:0; top:50%; z-index:99; margin-top:-93px;}
.back-totop a { text-align:center; padding:23px 0; display:block; border-bottom:1px solid rgba(203,203,203,0.1); position:relative; background:#303030; position:relative; z-index:101;}
.back-totop a i { display:inline-block; width:30px; height:30px; background:url(../images/f-pic.png) no-repeat;}
.back-totop a i.f-phone{ background-position:0 0;}
.back-totop a i.f-wx{ background-position:-100px 0;}
.back-totop a i.f-make { background-position:-200px 0;}
.back-totop a.btn-gotop { background:#3682bc; color:#fff; height:25px; line-height:25px; padding:0; border-bottom:none; font-family:Century Gothic; font-size:10px; opacity:1;}
.back-totop .tel-slider{ position:absolute; right:0; background:#eaeaea; top:0; width:0; color:#8b8b8b; text-align:left;font-size:12px;white-space: nowrap; overflow:hidden; z-index:100; padding:0;}
.back-totop .f-wx-pic { position:absolute; right:0; background:#fff; top:0; width:0;z-index:100;}
.back-totop .tel-slider,.back-totop .f-wx-pic,.back-totop .f-make-text{transition:width 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */ }
.back-totop .f-wx-pic img{ vertical-align:top;}
.back-totop .tel-slider h2 { font-size:30px; font-family:Impact;}
.back-totop ul li { position:relative;}
.back-totop ul li:hover .tel-slider{ width:185px; right:65px;padding:25px 25px;}
.back-totop ul li:hover .f-wx-pic { width:180px; right:65px;}
.back-totop .f-make-text{ position:absolute; top:0; background:#eaeaea; width:0; height:81px; right:-50px; text-align:center; line-height:20px; font-size:18px; color:#8b8b8b; z-index:100; white-space:nowrap}
.back-totop .f-make-text p{ padding:30px 0;}
.back-totop ul li:hover .f-make-text{ width:170px; right:65px; opacity:1;}
.footer-tel { line-height:40px;}
.footer-tel span{ color:#8b8b8b; font-size:36px; font-family:Impact; display:inline-block; vertical-align:middle;}
.back-totop ul li:hover i.f-phone{ background-position:-50px 0;}
.back-totop ul li:hover i.f-wx{ background-position:-150px 0;}
.back-totop ul li:hover i.f-make{ background-position:-250px 0;}
.back-totop ul li:hover .btn-tel,.back-totop ul li:hover .btn-wx,.back-totop ul li:hover .btn-make{ background:#eaeaea;}

/* form */
.form-control{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:12px; height:40px;border:none;border-radius:15px;padding:10px 22px;color:#888; border:1px solid #ebebeb;}
textarea.form-control {height: auto; vertical-align:top;}
.inputext{ border:1px dashed #ebebeb;}
.form-block{ display:block; width:100%;}
.form-ash{ background:#f9f9f9;}
.radio-inline { display:inline-block; margin-right:20px; position:relative; padding-left:20px; margin-top:8px;}
.radio-inline input[type="radio"] { position:absolute; left:0; top:0; margin-top:3px;}
.input{display:inline-block;line-height: 22px;border:1px solid #dbdbdb;padding: 0 0 0 18px;font-family: microsoft yahei;color: #838282;font-size: 12px;}
.select{height: 24px;border: 1px solid #dbdbdb;color: #838282;display: inline-block;margin-right: 5px;font-family: microsoft yahei; padding-left:18px; font-size:12px;}
.textarea{border: 1px solid #dbdbdb;color: #838282; padding:10px; height:60px; display:block;}
.checkbox{ vertical-align:middle; margin-right:3px;}
.radio { vertical-align:middle; margin-right:3px;}
.form-text {height: 38px;border: 1px solid #ebebeb;padding: 0 15px;font-size: 12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.form-text2 { height:34px; border-radius:10px; border:1px dashed #ebebeb; padding:0 15px; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.checkbox{ vertical-align:middle;}

/* login ------------------*/
.head { height:80px; background:#f3f4f6;}
.head-logo{ max-width:1200px; margin:0 auto; line-height:80px;}
.head-logo a img {height:44px; vertical-align:middle;}
.foot{ height:90px; line-height:90px; text-align:center; font-size:13px; color:#545454; background:#fff;}
.laybg{ height: 620px;background:url(../images/laybg.jpg) center center no-repeat;background-size: cover;}
.login-adg{ height:100%;}
.login-adg img{ width:520px; vertical-align:middle; margin:60px 0 0 80px;}
.content-layout{ max-width:1200px; margin:0 auto; position:relative; height:620px;}
.login-box-wrap { position:absolute; right:50px; top:110px; background:#fff; width:300px; padding:50px 50px;}
.login-title{ line-height:30px; position:relative; font-size:24px; color:#393939;margin-bottom:60px;}
.login-title a{ float:right; font-size:16px; color:#069b5b;}
.login-msg ul li{ margin-bottom:25px; height:35px; line-height:35px; border:1px solid #ccc; position:relative;}
.login-msg ul li label { position:absolute; left:10px; top:7px; line-height:35px;}
.i-user { display:block; width:26px; height:26px; background:url(../images/i-user.png) 0 0 no-repeat;}
.head-back {display: inline-block;margin-left: 30px;}
.head-back a {font-size: 15px;color: #4c4c4c;}
.head-back a:hover { color:#07a661;}
.i-password { display:block; width:26px; height:26px; background:url(../images/i-password.png) 0 0 no-repeat;}
.login-msg ul li .login-text{ height:35px; border:none; margin-left:40px;}
.login-btn{ display:block; height:42px; line-height:42px; text-align:center; font-size:16px; background:#069b5b; border-radius:3px; color:#fff;}
.login-btn:hover { color:#fff; background:#07a661;}
.rempw{ padding-bottom:20px;}
.rempw .forgetPw{ float:right; color:#575757;}
.content-reg{ background-size:cover; min-height:650px;}
.regbox{ max-width:1200px; margin:0 auto;}
.regbox-title{ font-size:30px; color:#4c4c4c;  text-align:center; padding:50px 0 50px 0;}

.reg-tab{ border-bottom:2px solid #e6e6e6; height:60px; text-align:center;}
.reg-tab ul li {position: relative;line-height: 60px;text-align: center;/*display: table-cell;width: 1%;*/ display:inline-block; padding:0 40px; margin:0 20px;}
.reg-tab ul li font {font-size: 34px;font-family: Century Gothic;line-height: 14px; font-style:italic;}
.reg-tab ul li a {display: block;font-size: 16px;color: #777;}
.registform {padding: 0 90px;height: 450px;}
.registform ul.regist-ul1 { padding: 50px 0 0 200px;}
.registform ul li {margin: 15px 0;}
.registform ul li .form-lable {float: left;width: 120px;text-align: right;padding-right: 10px;line-height: 34px; font-size:13px;}
.registform ul li .form-lable .required {color: #e78369;margin-right: 5px;}
.registform ul li .form-right {margin-left: 130px;}
.reg-tab ul li.active { border-bottom:2px solid #2fba7e;}
.reg-tab ul li.active a {color: #2fba7e;}
.error-ico {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../images/error.png) 0 0 no-repeat;margin-right: 8px;}
.right-ico {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../images/right.png) 0 0 no-repeat;margin-right: 8px;}
.login-foot {height: 60px;line-height: 60px;border-top: 1px solid #e4e4e4;text-align: center;}
.login-foot a {color: #2fba7e;display: inline-block;vertical-align: top;padding-right: 15px;background: url(../images/rt.png) right center no-repeat;}
.verification{text-align: center;padding: 140px 0 80px 0;}
.service-type{display: inline-block;}
.service-type a{display: inline-block;height: 36px;line-height: 36px;background: #fff;border: 1px solid #eee;border-radius: 15px;padding: 0 22px; margin:2px;}
.service-type a.active{background: #e16443;color: #fff;border: 1px solid #e16443;}
.examine{text-align: center;padding: 60px 0;}
.no-account{border-top: 1px solid #e4e4e4; text-align:center;}
.textlist{padding-top: 40px; display:inline-block;}
.u-dk img {vertical-align: middle;padding-right: 30px;}
.textlist ul li{line-height: 28px; font-size:13px;}
.textlist ul li font{width: 120px;float: left;text-align: right;color: #777;}
.textlist ul li p{margin-left: 130px;color: #aaa; text-align:left;}
.w-btn {height: 36px;line-height: 36px;display: inline-block;width: 135px;text-align: center;}
.m-code {display: inline-block;vertical-align: middle;}
.zc_tab_box{ height:60px; background:#fff;overflow:hidden; margin-bottom:20px; line-height:60px;}
.maintitle ul li { float:left;}
.maintitle ul li a { font-size: 18px; color: #828282;padding: 0 30px;}
.maintitle ul li.active a{ color:#2fba7e;}
.maintitle span { float:right; display:block;}
.maintitle span a { font-size:14px; color:#2fba7e;}
.login-judg{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; background:rgba(56,66,78,0.95); display:none;}
.login-judgbox { position:absolute; text-align:center; left:50%; margin-left:-230px; top:50%; margin-top:-25px;}
.login-judgbox a{ display:inline-block; line-height:45px; font-size:14px; border:2px solid rgba(255,255,255,0.8); color:#fff; text-align:center;position:relative; margin:0 30px; height:45px; width:170px; transition:all 0.2s ease; -webket-transition:all 0.2s ease; -o-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.box-line{ background:#fff; position:absolute; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.line-left { width:0; height:2px; left:-100%; top:-2px;}
.line-right { width:0; height:2px; right:-100%; bottom:-2px;}
.line-top{ width:2px; height:0; left:-2px; bottom:-100%;}
.line-bottom { width:2px; height:0; right:-2px; top:-100%;}
.login-judgbox a:hover .line-left { width:170px; left:-2px;}
.login-judgbox a:hover .line-right { width:170px; right:-2px;}
.login-judgbox a:hover .line-top { height:45px; bottom:-2px;}
.login-judgbox a:hover .line-bottom { height:45px; top:-2px;}


/* fixed qq -----------*/
.float_qq{ position:fixed; bottom:60px; right:0;height:203px; z-index:6666; width:65px;}
.float_qq li{ width:auto; height:65px; z-index:20; position:relative; width:65px;margin-bottom:2px;}
.float_qq li.float_qq1{}
.float_qq li.float_qq2 a{transition: all 0.5s ease-in-out 0s; width: 220px; position:absolute; left:0; top:0; height:65px;}
.float_qq li.float_qq2:hover a{ left:-155px;}
.float_qq li.float_qq3 a{transition: all 0.5s ease-in-out 0s; width: 180px; position:absolute; left:0; top:0; height:65px;}
.float_qq li.float_qq3:hover a{ left:-115px;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:16px; height:65px; line-height:65px; overflow:hidden; background-color:rgba(126,130,135,0.7); font-weight:bold;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:25px; height:25px; margin:20px;}
.float_qq li a:hover{ background-color:#2fba7e; opacity:1;}


.float-chat{ position:fixed; right:0px; bottom:60px; width:311px; height:470px; z-index:9999; box-shadow:0 2px 5px rgba(0,0,0,0.2); display:none;}
.chat-clost{ display:block; position:absolute; right:0; top:0; font-size:16px; background:#181f24; color:#fff; padding:8px 15px 0 15px;}
.chat-clost:hover { color:#fff;}

#YSF-BTN-HOLDER{ bottom:65px; right:0; opacity:0;}
#YSF-BTN-HOLDER:hover { opacity:0;}
#YSF-CUSTOM-ENTRY-5{ bottom:0;}
#YSF-CUSTOM-ENTRY-5 img{ width:65px; height:65px;}
#YSF-PANEL-INFO.ysf-chat-layeropen{ right:0; bottom:60px;}

@media screen and (max-width: 1200px) {
	.content{padding:0 20px;}
	.head-logo { padding:0 20px;}
	.registform ul.regist-ul1 {padding:90px 0 0 150px}
	.footer-contact{ padding:0 30px 0 10px;}
	.footer-nav dl{ margin-right:50px;}
	.wap-box dl{ margin-right:50px;}
}

/*@media (min-width: 768px) {
  
}
@media (max-width: 992px) {
	.reg-tab ul li { padding:0 20px;}
  	.registform ul.regist-ul1 {padding:90px 0 0 120px}
	.footer-nav dl{ margin-right:40px;}
	.wap-box dl{ margin-right:40px;}
}*/