@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
body, button, input, select, textarea { font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; line-height: 1.5; font-size: 12px; color: #333; outline: 0; }
body { background: #f5f7f8; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer;}
h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
a, a:hover { color: #333; }
a:hover, a:focus { color:#ea4855; cursor: pointer; }
input, textarea { color: #000; }
.placeholder { color: #aaa; }
select optgroup { color: #CAC8BB; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; }
.clear:after { content: "."; display: block; height: 0px; visibility: hidden; clear: both; }
.clear { *zoom:1;
}
.clearit { height: 0px; clear: both; font-size: 0px; overflow: hidden }
input, label, img, th { vertical-align: middle; }
/*bof pub css*/
.fl { float: left; }
.fr { float: right; }
/*font*/
.red { color: #e00; }
/*lm pub*/
.blank { width: 100%; height: 10px; overflow: hidden; margin: 0px; padding: 0px; background: none; clear: both; }
.wrap, .w, .wrapper { max-width: 1200px; margin: 0 auto; clear: both; }
.w:after,.wrap:after { display: block; content: ""; clear: both; overflow: hidden; height: 0px; width: 100%; }
/*eof pub css*/
/*新头部*/
#header { background: #fff; box-shadow: 0px 0px 8px #888; position: relative; z-index: 66; width:100%;}
.hd_top { height: 30px; line-height: 30px; overflow: hidden; background: #f5f7f8; border-bottom: #e8e8e8 solid 1px; font-size: 12px; color: #666; }
.hd_top .fl { }
.hd_top .fr { width: 640px; text-align: right; }
.hd_top .fr b { font-size: 16px; vertical-align: top; color: #ea4855; }
.hd_top .fr em { display: inline-block; padding: 0px 15px; color: #999; }
.hd_top .fr a { }
.hd_top .fr a img { vertical-align: top; margin-top: 7px; margin-right: 5px; }
.hd_main { height: 100px; }
#logo { width: 360px; float: left; padding-top: 18px; }
#logo img { }
#nav { float: right; padding-top: 24px; margin-right: -18px; }
#nav li { float: left; position: relative; }
#nav li h3 { float: left; }
#nav li h3 a { display: block; font-size: 16px; color: #666; height: 60px; line-height: 60px; font-weight: normal; padding: 0px 13px; }
#nav li h3 a:hover, #nav li a.on { color: #ea4855; }
#nav li ul { display: none; position: absolute; left: 50%; margin-left: -60px; top: 60px; z-index: 5; width: 120px; background: #fff; border-top: #ea4855 solid 3px; box-shadow: 0px 0px 8px #aaa; }
#nav li ul:after { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #ea4855 transparent; position: absolute; left: 50%; margin-left: -10px; top: -20px; }
#nav li li { padding: 0px; float: none; clear: both; border-bottom: #eee solid 1px; }
#nav li li a { display: block; font-size: 14px; color: #888; height: 40px; line-height: 40px; text-align: center; }
#nav li li a:hover { background: #eee; }




/* 老header*/
#head { height: 120px; margin: 0px auto; clear: both; overflow: hidden; background: #fff; }
#head .wrap { background: url(../images/headbg.jpg) no-repeat -30px 0px; height: 120px; overflow: hidden; }
#head_logo { width: 447px; height: 80px; float: left; padding-top: 19px; }
#head_logo a { display: block; }
#head_tel { width: 300px; height: 119px; float: right; overflow: hidden; }
.navBar { width: 100%; height: 54px; line-height: 54px; background: #0068B3; color: #fff; position: relative; z-index: 999; }
.nav { position: relative; font-family: microsoft yahei, SimSun, SimHei; font-size: 14px; }
.nav li.one { float: left; position: relative; z-index: 1; }
.nav h3 { font-size: 100%; font-weight: 400 }
.nav h3 a { display: block; text-align: center; color: #fff; font-size: 16px; font-weight: 700; }
.nav h3 a:hover { color: #fff; }
.nav .sub { display: none; position: absolute; left: 0px; top: 54px; z-index: 1; background: #08a5e0; }
.nav .sub li { text-align: center; border-bottom: 1px solid #0896cb; border-top: #52c5f4 solid 1px; }
.nav .sub li a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 15px; font-weight: 700; color: #fff; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.nav .sub li a:hover { background: #168dba; color: #fff; }
.nav .li_block { height: 54px; background: #ea4855; position: absolute; right: 0px; top: 0px; overflow: hidden }
.nav .li_block, .nav h3 a, .nav .sub li { width: 133px; }
.nav .ul_home { padding: 15px; width: 560px; }
.nav .ul_home .txt { width: 336px; float: left; line-height: 1.6; }
.nav .ul_home .txt h4 { font-size: 16px; margin-bottom: 3px; }
.nav .ul_home .txt p { font-size: 14px; line-height: 1.6; }
.nav .ul_home .img { width: 200px; float: right; border: #fff solid 5px; }
.nav .ul_home .img img { width: 100%; }
.nav .ul_address { width: 340px; padding: 15px; }
.nav .ul_address img { width: 100%; }
.nav .ul_address p { line-height: 1.5; padding-top: 10px; margin: 0; font-size: 14px; }
.nav .ul_address p b { font-size: 18px; }
/*footer*/
.footer { background: #2c3134; color: #999; font-size: 13px; overflow: hidden; }
.footer_info { padding: 50px 0px 40px; overflow: hidden; }
.footer_info dl { float: left; overflow: hidden; }
.footer_info dl.d1 { width: 150px; }
.footer_info dl.d2 { width: 190px; }
.footer_info dl.d3 { width: 220px; }
.footer_info dl.d4 { width: 260px; }
.footer_info dl.d5 { width: 100px; float: right; text-align: center; padding-top: 46px; }
.footer_info dt { font-size: 20px; margin-bottom: 15px; color: #fff; }
.footer_info dd { padding: 4px 0px; }
.footer_info dd a { color: #999; }
.footer_info dd a:hover { color: #fff; text-decoration: none; }
.footer_info dl.d5 img { width: 100%; }
.footer_info dd .tel { color: #ea4855; font-size: 15px; }
.footer_info .line { float: left; overflow: hidden; margin-top: 50px; border-left: #3d4448 solid 1px; }
.footer_info .line p { width: 80px; height: 126px; border-left: #212527 solid 1px; }
.footer_copy { background: #202426; color: #999; clear: both; overflow: hidden; }
.footer_copy p { padding: 12px 0px; text-align: center; overflow: hidden; }
.footer_copy p span { display: inline-block; padding: 0px 10px; color: #aaa; font-size: 13px; }
/*tail-fixed*/
.tail-fixed { background: #133E64; height: 48px; line-height: 48px; font-size: 14px; color: #fff; text-align: center; position: fixed; bottom: 0px; width: 100%; left: 0px; z-index: 10; display: none; }
.tail-fixed table { width: 980px; margin: 0 auto; }
.tail-fixed span { font-size: 18px; color: #ff0; margin-right: 5px; }
.tail-fixed-input { border: 0px; background: #fff; height: 21px; padding: 5px; }
.tail-fixed-input.name { width: 124px; }
.tail-fixed label { margin-left: 5px; }
.tail-fixed-input.tel, .tail-fixed-input.qq { width: 124px; }
.tail-fixed-btn { width: 109px; height: 33px; background: url(../leftfudong/images/btn.jpg); margin: 0px 40px 0px 20px; }
.tail-fixed q { display: inline-block; width: 22px; height: 22px; color: #fff; font-size: 22px; }
.tail-fixed img { cursor: pointer; }
.tail-fixed .nav { font-weight: bold; float: left; }
.tail-fixed .nav a:link, .tail-fixed a:visited { color: #fff; text-decoration: none; font-size: 14px; padding-left: 10px; padding-right: 10px; }
/* search*/
#header .search { float: right; width: 332px; _width: auto; margin-top: 30px; height: 30px; margin: 12px 0 0; position: relative; z-index: 12; }
#header .search .text { float: left; width: 150px; height: 22px; border: 1px solid #e5e5e5; padding: 4px; line-height: 22px; color: #999999 }
#header .search .btn { float: right; width: 75px; height: 32px; line-height: 32px; border: none; cursor: pointer; background: #007DC1; color: #fff; font-size: 15px; }
#header .search .btn:hover { background: #466aa8; }
#header .search-form { background-color: #fffCED; border: 1px solid #FFBF7A; padding: 5px 10px; overflow: hidden; zoom: 1 }
#header .search-point { background-color: #E6F1FB; padding: 6px 10px; margin: 10px 0 }
#header .select_box { background: #fffFFF; border: 1px solid #e5e5e5; border-right: none; color: #444; cursor: pointer; float: left; font-size: 14px; position: relative; width: 95px; height: 30px }
#header .icon-arrow-down-6, #header .icon-arrow-up-5 { position: absolute; right: 4px; top: 6px; display: inline-block; color: #666; font-size: 16px; }
#header .select_txt { width: 60px; height: 28px !important; height: 30px; padding-left: 15px; overflow: hidden; line-height: 30px; cursor: pointer; font-size: 12px; text-align: center; }
#header .option { background: #fff; border: 1px solid #e5e5e5; border-top: none; border-bottom: none; display: none; left: -1px; position: absolute; top: 30px; width: 60px; z-index: 100; text-align: center; }
#header .option a { display: block; width: 60px; line-height: 24px; font-size: 12px; color: #999; border-bottom: 1px solid #ddd; }
#header .option a:hover { color: #ff4e00; background-color: #efefef; }
#header .user-ed { width: 140px; _width: 138px; float: right; padding-top: 0px; position: relative; z-index: 50; text-align: right; line-height: 60px; color: #ccc; }
.user-info a { line-height: 30px; }
.user-ed a { color: #666 }
/* wrapper */

.container { max-width: 1200px; _width: 1200px; width: 1200px; padding: 0 10px; margin: 0 auto 20px; text-align: left; position: relative; }
/*.content { width: 880px; float: left; }*/
.content-sucai { width: 880px; float: left; background: #fff; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05); }
.sidebar { float: right; width: 300px; margin-left: 20px; }
.c-left { width: 300px; float: left; }
.c-right { float: right; width: 560px; }
.links { background: none repeat scroll 0 0 #F9F9F9; border-top: 1px solid #E0E0E0; color: #CCC; padding: 15px; }
.links .link-con { margin: auto; width: 1200px; }
.links span { margin: 0; }
.links span, .links a { color: gray; display: inline-block; margin: 0 5px; }
.links a:hover { text-decoration: underline; color: #f60; }
/*footer*/
footer { background-color: #333436; position: relative; clear: both; }
#footer .first, #footer .latest, #footer .helps, #footer .attention { float: left; }
footer #footer { width: 1200px; max-width: 100%; margin: 0 auto; padding-top: 25px; padding-bottom: 25px; }
#footer .first, #footer .first a { width: 800px; line-height: 24px; color: #A4A4A4; }
#footer .latest { padding-left: 50px; }
#footer .helps, #footer .latest { width: 230px; margin-bottom: 2em; }
#footer .latest li, #footer .helps li { padding-left: 15px; background: url("../index_files/li_dian.gif") 4px 11px no-repeat; }
#footer .latest li a, #footer .helps li a { color: #878787; }
#footer .attention { width: 224px; text-align: left; float: right; }
#footer .attention a { padding-right: 5px; color: #999; }
#footer .attention a i { font-size: 30px; }
#footer .attention a i.icon-qq_weixin_2001, #footer .attention a i.icon-sina_weibo_2 { font-size: 32px; position: relative; top: 3px; }
#footer .attention a:hover { color: #3498F0; }
#footer h4 { width: 250px; float: left; clear: both; line-height: 28px; text-transform: uppercase; letter-spacing: 1px; color: #6C6C6C; font-weight: bold; font-size: 15px; font-family: "Microsoft Yahei"; margin-bottom: 4px; }
#footer ul li { line-height: 24px; }
#footer .copyright { width: 100%; padding-bottom: 1em; line-height: 1.6; }
#footer .copyright p { line-height: 24px; }
#footer .copyright .bei, #footer .copyright .bei a { font-size: 10px; color: #959A9E; }
#footer .copyright .bei a:hover, #footer .latest li a:hover, #footer .helps li a:hover { text-decoration: underline; color: #f60; }
#toTop { width: 54px; height: 54px; display: block; position: fixed; right: 15px; bottom: 56px; background: url(../index_files/allbgs_1.png) no-repeat -200px -646px; ; opacity: 0.3; filter: alpha(opacity=30); }
#toTop:hover { opacity: 1; filter: alpha(opacity=100); }
#cnzz_stat_icon_1000069193 { display: none; }
code { padding: 2px 4px; color: #D14; white-space: nowrap; background-color: #F7F7F9; border: 1px solid #E1E1E8; }
.jsPart1Left ul li a, .column-right ul li a { text-decoration: none; word-wrap: break-word; outline: none; hide-focus:expression(this.hideFocus=true);
transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.fixed { position: fixed; top: 0px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop)-200+'px');
_left: 0; width: 300px; }
/*专题底部========================================================================*/
.ztfoot_form { height: 490px; padding-top: 52px; clear: both; overflow: hidden; background: url(../images/ztfoot_form_bg.png) no-repeat center top; }
.ztfoot_form .text { width: 600px; float: left; overflow: hidden; padding-top: 50px; padding-left: 10px; }
.ztfoot_form .text p { color: #fff; margin-bottom: 30px; }
.ztfoot_form .text p b { margin-right: 10px; display: inline-block; }
.ztfoot_form .text p img { vertical-align: bottom; margin-right: 20px; }
.ztfoot_form .text .t1 { font-size: 40px; }
.ztfoot_form .text .t1 img { margin-left: 10px; margin-right: 0px; }
.ztfoot_form .text .t2 { padding-left: 30px; }
.ztfoot_form .text .t3 { padding-left: 60px; }
.ztfoot_form .text .t4 { padding-left: 90px; }
.ztfoot_form .text .t2, .ztfoot_form .text .t3, .ztfoot_form .text .t4 { font-size: 24px; }
.ztfoot_form .icon { display: inline-block; width: 30px; height: 30px; overflow: hidden; background: url(../images/icon_ztfoot_form.png) no-repeat; position: absolute; left: 12px; top: 8px; }
.ztfoot_form .icon_user { }
.ztfoot_form .icon_tel { background-position: 0px -30px; }
.ztfoot_form .icon_qq { background-position: 0px -60px; }
.ztfoot_form .ztfoot_form_con { width: 400px; float: right; background: url(../images/ztfoot_form_form.png); width: 541px; height: 440px; }
.ztfoot_form .ztfoot_form_con dl { width: 300px; margin: 0 auto; padding-top: 40px; }
.ztfoot_form .ztfoot_form_con dt h3 { font-size: 30px; color: #1c1c1c; font-weight: bold; height: 50px; line-height: 50px; text-align: center; }
.ztfoot_form .ztfoot_form_con dt h5 { font-size: 16px; color: #818181; font-weight: normal; text-align: center; height: 30px; line-height: 30px; margin-bottom: 10px; }
.ztfoot_form .ztfoot_form_con dd { padding: 8px 8px 8px 40px; margin-bottom: 24px; position: relative; border: #ddd solid 1px; border-radius: 4px; position: relative; }
.ztfoot_form .ztfoot_form_con dd label { display: block; overflow: hidden; }
.ztfoot_form .ztfoot_form_con dd .parsley-error-list { position: absolute; left: 45px; top: 48px; color: #f00; }
.ztfoot_form .ztfoot_form_con dd.btns { padding: 0px; border: none; }
.ztfoot_form .ztfoot_form_con input { border: none; padding: 6px; background: #fff; width: 100%; box-sizing: border-box; font-family: "Microsoft YaHei"; outline: none; font-size: 16px; height: 30px; line-height: 30px; }
.ztfoot_form .ztfoot_form_con #button { width: 100%; padding: 8px 0px; box-sizing: content-box; display: block; margin: 0 auto; color: #fff; text-align: center; background: linear-gradient(to right, #42a7fe, #7040e3); font-size: 18px; border-radius: 100px; cursor: pointer; }
.ztfoot_copy { background: #202426; overflow: hidden; padding: 50px 0px 40px; color: #a5a5a5; clear:both;}
.ztfoot_copy_logo { width: 300px; float: left; padding-top: 10px; }
.ztfoot_copy_text { width: 500px; float: left; }
.ztfoot_copy p { font-size: 14px; margin-bottom: 6px; }
.ztfoot_copy_ewm { width: 380px; float: right;}
.ztfoot_copy_ewm dl { width: 124px; float: left; overflow: hidden; margin-left:66px; }
.ztfoot_copy_ewm dt{ float:left; width:100px; height:100px;}
.ztfoot_copy_ewm dd { padding: 15px 0px 0px 8px; width:20px; height:100px; box-sizing:border-box; text-align:center; float:left; color:#a5a5a5;}
.ztfoot_copy_ewm img { width: 100px; }
/*ad==========================================================================================*/
.bd300 { width: 300px; height: 250px; background: #EEE; }
.bd250 { width: 250px; height: 250px; }
.h90 { position: relative; height: 90px; padding: 4px 0px 4px 25px; border: 1px solid #EEE; background: url("../index_files/bg-adLeft.gif") no-repeat; box-shadow: 1px 0 2px rgba(214, 214, 215, 0.9), -2px 0 2px rgba(214, 214, 215, 0.9); }
.bd960 { width: 960px; height: 90px; }
.bd200 { width: 200px; height: 90px; }
.bd-center { margin: 0 auto; }
.h90 .posr { position: absolute; top: 4px; right: 2px; }
.bdTag1024 { position: absolute; top: 4px; right: 0; width: 1024px; height: 90px; }
.bd760-c { width: 760px; height: 90px; margin: 8px 20px 15px 20px; }
/*分页效果*/
.pages { padding: 20px 0 30px; font-family: simsun }
.pages li { display: inline }
.pages li strong { margin-left: 5px; font-weight: normal }
.pages a { padding: 10px 13px; border: 1px solid #CCC; background: #fff; color: #A4A4A4; line-height: 18px }
.pages li.thisclass, .pages a:hover { padding: 10px 13px; border: 1px solid #0f7edd; background: #0f7edd; color: #fff; text-decoration: none }
.pages li.thisclass { padding: 10px 13px; line-height: 18px }
* html .pages li.thisclass { padding: 10px 7px 10px 15px; margin-right: 6px }
*+html .pages li.thisclass { padding: 10px 7px 10px 15px; margin-right: 6px }
/*文章分页*/
.pages_c { padding-top: 25px; clear: both; text-align: center; line-height: 0; zoom: 1 }
.pages_c li { display: inline-block; *display:inline;
height: 34px; margin-bottom: 10px; padding: 0 3px; zoom: 1 }
.pages_c a { display: inline-block; height: 32px; padding: 0 13px; border: 1px solid #ddd; background: #fff; color: #333; line-height: 32px; }
.pages_c li:first-child a, .pages_c li:first-child a:hover { border: none; background: none; color: #333 }
.pages_c li.thisclass a, .pages_c a:hover { background: #0f7edd; border: 1px solid #0f7edd; color: #fff; text-decoration: none }
.pages_c span { display: none }
/*搜索下拉框*/
.field select { display: inline; float: right; font-size: 14px; border: 0; margin-top: 4px; color: #746C6C; }
.field div { display: inline; float: left; width: 92px; height: 34px; border: 1px solid #D8D8D8; border-right: 0px }
#grid-item .col_four_bd { margin-left: 8px; }
#tiles { position: relative; }
/* sidebar */
.widget-box .widget-hot ul li { width: 130px; height: 150px; overflow: hidden; float: left; display: inline-block; position: relative; margin: 10px 8px; border: 1px solid #ddd; }
.widget-box .widget-hot ul li img { display: block; width: 130px; }
.widget-box .widget-hot ul li .txt { width: 130px; position: absolute; left: 0; bottom: 0; height: 24px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: white; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000');
background: rgba(0,0,0,0.4); }
.widget-box .widget-hot ul li .txt a { padding: 0 4px; line-height: 24px; color: #fff; font-size: 14px; }
/*底部报名*/
#footkc { width: 100%; background: #C6C5BC; height: 278px; }
.wrapp { width: 955px; margin: 0 auto; text-align: left; margin: 0px auto; padding: 25px 0px; zoom: 1; overflow: hidden; padding: 25px 0; }
.wrapp li .css { float: left; display: block; width: 83px; height: 83px; background: transparent url("pro_img.png") no-repeat scroll 0% 0%; }
.corr { border: 1px solid #6C8096; background-color: #30527C; }
.corr2 { border: 1px solid #89B76F; background-color: #61AE3B; }
.corr3 { border: 1px solid #D89D54; background-color: #e4820e; }
.corr4 { border: 1px solid #D78569; background-color: #e25b32; }
.corr5 { border: 1px solid #509797; background-color: #01787f; }
.corr6 { border: 1px solid #A172B4; background-color: #893bae; }
.wrapp .corr .css { background-position: -370px -224px; }
.wrapp .corr2 .css { background-position: 0 -321px; }
.wrapp .corr3 .css { background-position: -93px -321px; }
.wrapp .corr4 .css { background-position: -186px -321px; }
.wrapp .corr5 .css { background-position: -279px -321px; }
.wrapp .corr6 .css { background-position: -371px -321px; }
.wrapp li { float: left; width: 300px; height: 106px; overflow: hidden; position: relative; margin: 0px 0px 6px 8px; }
.wrapp li h4 { font-size: 18px; padding-top: 5px; font-weight: normal; width: 190px; }
.wrapp li h4, .course-list li p { float: left; margin-left: 10px; }
.wrapp li h4, .wrapp li p, .wrapp li a { color: #FFF; }
.wrapp li a { display: block; height: 85px; padding: 11px 0px 10px 11px; cursor: pointer; }
.wrapp li p { line-height: 16px; width: 156px; float: left; margin-left: 10px; }
.wrapp li .moree { position: absolute; bottom: 3px; right: 17px; }
#footbm { background: #EBEBEB; width: 100%; height: 168px; }
.yui3-ggg { width: 1200px; text-align: left; margin: 0px auto; }
.sign-uppp { }
.sign-uppp h3 { color: #cc0000; }
.sign-uppp { width: 50%; height: 168px; float: left; }
.sign-uppp p { line-height: 25px; }
.sign-uppp h3 { font-size: 17px; padding: 35px 0 0 18px; color: #cc0000; }
.sign-uppp p { font-size: 15px; padding: 10px 0 0 18px; }
.btn-click5 { vertical-align: middle; margin-left: 10px; text-align: center; background: #FC732C none repeat scroll 0% 0%; color: #FFF; display: inline-block; width: 82px; height: 27px; }
.sign-uppp p a:hover { color: #CC0000; }
.foot-sec3 { padding: 20px 0; height: 60px; line-height: 22px; }
.frm-signn { padding-top: 14px; }
.frm-signn h4 { font-size: 17px; font-weight: normal; padding: 21px 0 9px; }
.frm-signn ul { overflow: hidden; }
.frm-signn li { float: left; width: 190px; overflow: hidden; margin-bottom: 18px; position: relative; padding-right: 11px; zoom: 1; }
.frm-signn .list { width: 213px; padding-left: 14px; }
.frm-signn .lab { width: 36px; display: inline-block; vertical-align: top; }
.frm-signn .user-txt { height: 20px; width: 140px; padding-left: 5px; line-height: 20px; border: 1px solid #404040; border-right-color: #d4d0c8; border-bottom-color: #d4d0c8; vertical-align: top; }
.frm-signn .list .lab { width: 59px; }
.frm-signn li .prompt { top: 0; position: absolute; right: 0; }
.frm-signn .chk-radio { width: 202px; text-align: right; }
.frm-signn .chk-radio input { position: relative; top: 3px; }
.frm-signn .chk-radio label { float: none; width: 13px; height: 13px; margin: 0 11px 0 4px; }
.frm-signn .chk-radio a { color: #0000ee; text-decoration: underline; }
.frm-signn .chk-radio a:hover { text-decoration: underline; }
.frm-signn .btn-area { width: 211px; text-align: right; }
.frm-signn .btn-area input { vertical-align: top; width: 49px; height: 21px; border: 0; cursor: pointer; margin-left: 14px; color: #505050; }
/*bof right_bottom_girl_swt--------------------------------------*/
@keyframes scaleToggleOne {
 0 {
 transform:scale(1);
 -webkit-transform:scale(1)
}
 50% {
 transform:scale(2);
 -webkit-transform:scale(2)
}
 100% {
 transform:scale(1);
 -webkit-transform:scale(1)
}
}
 @keyframes scaleToggleTwo {
 0 {
 transform:scale(1);
 -webkit-transform:scale(1)
}
 20% {
 transform:scale(1);
 -webkit-transform:scale(1)
}
 60% {
 transform:scale(2);
 -webkit-transform:scale(2)
}
 100% {
 transform:scale(1);
 -webkit-transform:scale(1)
}
}
 @keyframes scaleToggleThree {
 0 {
 transform:scale(1);
 -webkit-transform:scale(1)
}
 33% {
 transform:scale(1);
 -webkit-transform:scale(1)
}
 66% {
 transform:scale(2);
 -webkit-transform:scale(2)
}
 100% {
 transform:scale(1);
 -webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }

@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}

@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}

@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }
/*eof right_bottom_girl_swt--------------------------------------*/
/*bof fixed_side*/
.fixed_side { position: fixed; width: 50px; height: 275px; right: 0; top: 200px; z-index: 100; }
.fixed_side a{ -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; transition: 0s;}
.fixed_side ul li { width: 50px; height: 50px; position: relative; margin-bottom: 3px; float: left; }
.fixed_side ul li .fs_unit { position: absolute; width: 50px; height: 50px; top: 0; right: 0; background: #0068b3; color: #fff; overflow: hidden; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.fixed_side ul li dt, .fixed_side ul li dd { float: left; }
.fixed_side ul li dd .t1 { font-size: 12px; padding-top: 0px; height: 18px; line-height: 18px; padding-top: 7px; }
.fixed_side ul li dd .t2 { font-size: 14px; height: 18px; line-height: 18px; }
.fixed_side ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #0068b3; transition: all 0.3s; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.fixed_side ul li .sidetop:hover { background: #ea4855; }
/*eof fixed_side*/
/*bof fixed_bottom-----------------------------------------------*/
.fixed_bottom_empty { height: 90px; overflow: hidden; background: #202426; }
.fixed_bottom { width: 100%; height: 80px; padding-top: 60px; position: fixed; left: 0px; bottom: 0px; overflow: visible; z-index: 55; }
.fixed_bottom_box { background: #0068B3; }
.fixed_bottom * { -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.fixed_bottom .wrap { position: relative; height: 80px; overflow: visible; }
.fixed_bottom .fb_girl { width: 152px; height: 135px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; }
.fixed_bottom .fb_girl img { width: 100%; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.fixed_bottom .fb_title { float: left; padding-left: 122px; padding-top: 12px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.fixed_bottom .fixed_bottom_box_form { width: 780px; height: 100%; float: right; position: relative; padding-top: 26px; }
.fixed_bottom .form_title { position: absolute; left: 22px; top: -13px; }
.fixed_bottom dl { clear: both; overflow: hidden; float: left; }
.fixed_bottom dd { float: left; padding-left: 25px; }
.fixed_bottom dd .conceal{color:#FFF;padding-top:7px;display:block;}
.fixed_bottom dd .conceal a{color:#FFF;text-decoration: underline;}
.fixed_bottom dd input.input-box { border: none; background: #fff; width: 100px; height: 34px !important; padding: 0px 10px; border-radius: 4px; font-size: 15px; }
.fixed_bottom dd input:focus { }
.fixed_bottom dd .fb_submit { background: #ea4855 !important; width: 120px !important; height: 40px; border: none; color: #fff !important; cursor: pointer; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.fixed_bottom dd .fb_submit:hover { background: #333; }
.fixed_bottom .fb_btn { position: absolute; right: 0px; bottom: 0px; text-align: center; }
.fixed_bottom .fb_btn a { display: block; width: 50px; height: 50px; padding: 15px; background: url(../images/icon_close.png) no-repeat center center; background-size: 46px 46px; opacity: 0.6; filter: alpha(opacity=60); -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.fixed_bottom .fb_btn a:hover { opacity: 1; filter: alpha(opacity=100); }
.fixed_bottom .parsley-error-list { font-size: 12px; color: #ff0; }
#fb_close .fixed_bottom_box { width: 100%; border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
#fb_close .fixed_bottom_box_form { display: none; }
#fb_close .wrap { width: 100%; }
#fb_close .fb_girl { width: 100px; height: 88px; bottom: 46px; left: 40px; }
#fb_close .fb_title { height: 40px; clear: both; padding: 33px 0px 0px 10px; }
#fb_close .fb_title img { height: 90%; }
#fb_close .fb_btn a { background: url(../images/icon_right.png) no-repeat center center; background-size: 36px 36px; padding: 15px 10px; }
/*eof fixed_bottom-----------------------------------------------*/
/*bof pub_mid_form-----------------------------------------------*/
.pub_mid_form_full { position: relative; width: 100%; }
.pub_mid_form_full:before { content: ""; display: block; height: 140px; width: 50%; overflow: hidden; position: absolute; left: 0px; top: 0px; background: #1B8CE1; }
.pub_mid_form_full:after { content: ""; display: block; height: 140px; width: 50%; overflow: hidden; position: absolute; right: 0px; top: 0px; background: #E5E5E5; }
.pub_mid_form { font-family: "microsoft yahei"; overflow: hidden; height: 140px; clear: both; position: relative; z-index: 2; }
.pub_mid_form .wrap { background: #e5e5e5; overflow: hidden; }
.pub_mid_form_l { background: #1b8ce1; position: relative; width: 50%; float: left; height: 140px; }
.pub_mid_form_l .t1 { font-size: 42px; font-weight: bold; color: #fff; padding: 13px 0px 0px 40px; overflow: hidden; }
.pub_mid_form_l .t1 span { display: inline-block; float: left; }
.pub_mid_form_l .t1 span b { color: #ff0; }
.pub_mid_form_l .t1 a { display: inline-block; width: 150px; height: 40px; float: right; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; color: #fff; border: #fff solid 1px; font-size: 18px; text-align: center; line-height: 40px; margin-top: 15px; margin-right: 42px; font-weight: normal; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.pub_mid_form_l .t1 a:hover { color: #1b8ce1; background: #fff; }
.pub_mid_form_l .t2 { font-size: 28px; color: #Fff; padding-left: 40px; font-weight: bold; }
.pub_mid_form_r { width: 46%; padding-left: 1%; float: left; padding-top: 20px; position: relative; }
.pub_mid_form_r dl { width: 50%; float: left; }
.pub_mid_form_r dl dt { width: 80px; text-align: right; float: left; padding-top: 7px; font-size: 14px; color: #666; }
.pub_mid_form_r dl dd { position: relative; padding-bottom: 18px; overflow: hidden; }
.pub_mid_form_r dl dd input { width: 100%; box-sizing: border-box; border: #ddd solid 1px; border-radius: 4px; padding: 10px 12px; border: #ddd solid 1px; outline: none; font-family: "microsoft yahei"; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; outline: none; }
.pub_mid_form_r dl dd input:focus { border-color: #1b8ce1; }
.pub_mid_form_r .btn_submit { cursor: pointer; background: #1b8ce1; color: #fff; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.pub_mid_form_r .btn_submit:hover { background: #333; }
.pub_mid_form_r .parsley-error-list { color: #e00; font-size: 12px; position: absolute; left: 0px; bottom: 2px; }
/*eof pub_mid_form-----------------------------------------------*/