@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;}
.logo { float:left; height:44px; margin:13px 0 0 0;}
.menu { float:left; line-height:70px; margin-left:160px;}
.menu > ul > li { float:left; height:70px; line-height:70px;position:relative;}
.menu > ul > li > a{ color:#333; font-size:16px; display:block; padding:0 40px;}
.menu > ul > li:hover a{ background:#2fba7e; color:#fff;}
.menu > ul > li > ul { position:absolute; width:100%; background:#2fba7e; left:0; top:80px; display:none;transition: all 1s ease 0s; opacity:0; z-index:99;}
.menu > ul > li > ul > li { line-height:35px; text-align:center;}
.menu > ul > li > ul > li >a { color:#fff; font-size:14px; display:block;}
.menu > ul > li > ul > li:hover a{ background:#32c786;}
.menu > ul > li:hover > ul { display:block; opacity:1;}
.menu > ul > li.active a{ background:#2fba7e; color:#fff;}
.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) left center no-repeat; padding-left:40px;}
.footer-tel-time{ color:#fff; font-size:14px; padding:0px 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;}

/* 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;}


/* 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;}