@charset "utf-8";/* CSS Document */
/*公用样式表 */

*,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin: 0;padding: 0;}

html,body{width: auto; height: auto;}
ul,ol,li {list-style: none;}
div>ul,div>ol {margin: 0}
em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
img {vertical-align: middle;border: none;max-width: 100%;}
.en img{ -webkit-backface-visibility:hidden;}
em,i{font-style:normal}
pre {
    display: inline-block;
    padding: 0;
    margin:0; 
    font-size: 14px;
    color: #888; 
     word-break: break-all;
     word-wrap: break-word; 
     background-color:transparent; 
    border:none; 
    border-radius:0;
    font-family: myFirstFont;
}
a:hover{text-decoration: none;}
.strong{font-weight: bold; color: #222}
input,button,select,textarea {outline: none;}
input[type="button"],input[type="submit"] {text-align: center;cursor: pointer;font-weight: normal;border: none;font-family: font-family:Helvetica, Tahoma, Arial, 'Microsoft YaHei', STXihei, STHeiti, Heiti, SimSun, sans-serif; }
textarea {resize: none; padding: 12px;border: 1px solid #dedede;}
input {vertical-align: middle;}
iframe {margin: 0;padding: 0;}
sub{position: relative;top: -10px;left: 2px; padding-right: 3px;vertical-align: baseline}
select{ padding: 2px;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
input[type=text],input[type=password]{padding-right: 10px;}
input[type=text]:focus,input[type=password]:focus{border-color: #3eca52}
.input_style{border:1px solid #ccc; padding: 8px; border-radius: 3px; font-size: 14px;}
.clearfix:before,
.clearfix:after {content: "."; display: block; height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.clear {clear: both;}

/*style*/
.po_relative {position: relative;}
.dis_block,.dis {display: block !important;}
.dis_i_b{display: inline-block!important}
.dis_none{display: none!important;}
.visi_none{visibility: hidden!important;}
@media (max-width:990px) {.visi_none{display: none!important;}}
.table {display: table;}
.ta_row {display: table-row;}
.cell {display: table-cell;}
.flex{display: flex; flex-flow: wrap; justify-content: space-between; align-content: space-between;}

.middle {margin: 0 auto; width: 1200px;}
.fl,.l {float: left!important;}
.fr,.r {float: right!important;}
.f_none{float: none!important;}
.bor_none{border: none!important;}
.arrow_l:before{content: '<';font-family: '黑体', serif;padding-right: 10px;}
.arrow_r:after{content: '>'; font-family: '黑体', serif;padding-left: 10px;}
.fill_info .cell{vertical-align: middle; padding: 5px 10px 5px 0;}
.fill_info .cell:first-child{text-align: right;float: none; width: auto; height: auto; line-height:normal;display: table-cell;}
.fill_info input[type='text'],.fill_info input[type="password"]{height: 42px; line-height: 42px; text-indent: 8px;}
.bor_r3{border-radius: 3px!important;;}
.bor_r4{border-radius: 4px!important;;}
.hide{display: none}
.show{display: block}
.left0{left:0!important}
.right0{right:0!important}
a.unline{text-decoration: underline!important;}
a.unline:hover{text-decoration: none!important;}
.tips{border: 2px solid #2ea039; border-radius: 6px; color: #2ea039; padding: 4px!important; background: #f8fffd;}
.tips b{font-size: 17px; display: block; text-align: justify}
.tips>div{padding: 10px 15px; border: 1px solid #2ea039; display: block; width: 100%; height: 100%; border-radius: 4px; background: #fff;}

/*button*/
.btn{padding:0; border-radius: 4px; border: none}
.btn_green,.btn_green:focus{background:#2ea039 ; text-decoration: none!important; font-size: 17px; font-weight: bold; color: #fff!important; border-radius: 99px;box-shadow: 0 5px 9px rgba(67, 191, 115, 0.5); position: relative; top: 0; transition: all .3s ease; padding: 12px 30px!important;min-width: 180px; display: inline-block; text-align: center;text-indent: 0;}
.btn_green:hover{background:#30d9af; text-decoration:none; color: #fff; top: -5px;}
.btn_blue,.btn_blue:focus{background:#3f8cdb; color: #fff}
.btn_blue:hover{background:#4a95e2; color: #fff;}
.btn_orange{background: #2ea039; color: #fff}
.btn_orange:hover{background: #fc986e; color: #fff}

.btn_a a,.btn_a input[type=button],.btn_a input[type=submit]{display: inline-block; padding: 10px 30px;text-align: center;background: #3eca52;color: #fff;border-radius: 3px; font-size:14px;-moz-transition: all 1s ease ;transition: all .3s ease ; position: relative; text-indent: -20px;}
.btn_a input[type=button],.btn_a input[type=text],.btn_a input[type=submit]{text-indent: 0}
.btn_a a:before{content: '>'; position: absolute; right: 20px; transition: all .3s;font-family: '黑体', serif;font-weight: bold;}
.btn_a a:hover,.btn_a input[type=button]:hover,.btn_a input[type=submit]:hover{ background:#48d65c; text-decoration:none; color: #fff}
.btn_a a:hover:before{right: 15px;}

/*table*/
.table_n{width: 100%;}
.table_n th{background: #f9f9f9; font-size: 15px;}
.table_n td,.table_n th{border:1px solid #ddd; padding:18px;vertical-align: middle;}
.table_n td{color: #555}
.border_b{border-bottom:1px solid #e6e6e6}
.border{border: 1px solid #ddd;}
.table_style tr:nth-child(2n) td{background: #fbfbfb}
.table_blue th{background: #eff9ff;background: linear-gradient(0deg,#eff9ff,#fff);border: 1px solid #e1e4e8;}
.table_green th,.table_green{background: #eefffb;background: linear-gradient(0deg,#eefffb,#fff);border: 1px solid #c5d9d4;}
.ver_top{vertical-align: top!important;}
.ver_bot{vertical-align: bottom!important;}
.ver_mid{vertical-align: middle!important;}

/*text*/
.f_ht{font-family: '黑体', serif}
.font_light {font-weight: 100!important;}
.font_ita{font-style: italic!important;}
.t_index0{text-indent: 0!important;}
.font-normal {font-weight: normal!important;}
.font-weight {font-weight: bold!important;}
.center{text-align: center!important;}
.left,.text_l{text-align: left!important;}
.right,.text_r{text-align: right!important;}
.f14 {font-size: 14px!important;}
.f12 {font-size: 12px!important;}
.f16 {font-size: 16px!important;}
.f18 {font-size: 18px!important;}
.f20 {font-size: 20px!important;}
.f22 {font-size: 22px!important;}
.f24 {font-size: 24px!important;}
.f30 {font-size: 30px!important;}
.f36 {font-size: 36px!important;}
h4{font-size: 32px;color: #007eff;font-weight: 200; line-height: 32px;}
h5{font-size: 16px;color: #222;font-weight: 600; line-height: 24px;}
h6,.border_b h6{font-size: 22px;color: #222;font-weight: normal;line-height: 22px;}
.lh18{line-height: 18px!important;}
.lh20{line-height: 20px!important;}
.lh24{line-height: 24px!important;}
.lh30{line-height: 30px!important;}
.lh36{line-height: 36px!important;}
.letter_s_0{letter-spacing: 0!important;}

/*color*/
.b_white{background: #fff!important;}
.b_grey{background: #f9f9f9!important;}
.b_green{background: #f8fbfa!important;}
.linear_blue{background: linear-gradient(#fff,#f3faff);background: -webkit-linear-gradient(#fff,#f3faff);}
.linear_gray{background: linear-gradient(#fff,#f9f9f9);background: -webkit-linear-gradient(#fff,#f9f9f9);}
.linear_green{background: linear-gradient(#fff,#eefff3);background: -webkit-linear-gradient(#fff,#eefff3);}
.tip_back_red{background: #fff6f6; padding: 0 12px; border-radius: 50px;}


/*width*/
.w_10{width: 10%!important;}
.w_20{width: 20%!important;}
.w_30{width: 30%!important;}
.w_35{width: 35%!important;}
.w_40{width: 40%!important;}
.w_45{width: 45%!important;}
.w_50{width: 50%!important;}
.w_55{width: 55%!important;}
.w_60{width: 60%!important;}
.w_70{width: 70%!important;}
.w_80{width: 80%!important;}
.w_100{width: 100%!important;}
.m_w_100{width: 100%!important; }
.m_w_50{width: 50%!important; }

.mw_40{max-width: 40%!important;}
.mw_45{max-width: 45%!important;}
.mw_50{max-width: 50%!important;}

/*margin-padding*/
.m0 {margin:0!important;}
.m10 {margin:10px!important;}
.m20 {margin:20px!important;}
.m30 {margin:30px!important;}
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt_b_30{margin-top: 30%!important}
.mb0{margin-bottom: 0!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.ml0 {margin-left: 0 !important;}
.ml10 {margin-left: 5px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.mr0 {margin-right: 0 !important;}
.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr50 {margin-right: 50px!important;}
.ml_mr_10{margin: 0 10px!important;}
.ml_mr_20{margin: 0 20px!important;}
.ml_mr_30{margin: 0 30px!important;}
.ml_mr_40{margin: 0 40px!important;}
.ml_mr_50{margin: 0 50px!important;}
.mt_mb_20{margin: 20px 0!important;}
.mt_mb_30{margin: 30px 0!important;}
.mt_mb_40{margin: 40px 0!important;}
.mt_mb_50{margin: 50px 0!important;}
.p0 {padding: 0!important;}
.p10 {padding: 10px!important;}
.p20 {padding: 20px!important;}
.p30 {padding: 30px!important;}
.p40 {padding: 40px!important;}
.p50 {padding: 50px!important;}
.pt0 {padding-top: 0 !important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt_b_30{padding-top: 30%!important}
.pb0{padding-bottom: 0 !important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}
.pl0 {padding-left: 0 !important;}
.pl10 {padding-left: 10px!important;}
.pl20 {padding-left: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}
.pl90 {padding-left: 90px!important;}
.pr0 {padding-right: 0 !important;}
.pr10 {padding-right: 10px!important;}
.pr20 {padding-right: 20px!important;}
.pr30 {padding-right: 30px!important;}
.pr40 {padding-right: 40px!important;}
.pr50 {padding-right: 50px!important;}
.pl100{padding-left: 100px!important;}
.pl220{padding-left: 220px!important;}
.pl_pr_10{padding: 0 10px!important;}
.pl_pr_20{padding: 0 20px!important;}
.pl_pr_30{padding: 0 30px!important;}
.pl_pr_40{padding: 0 40px!important;}
.pl_pr_50{padding: 0 50px!important;}
.pt_pb_20{padding: 20px 0!important;}
.pt_pb_30{padding: 30px 0!important;}
.pt_pb_40{padding: 40px 0!important;}
.pt_pb_50{padding: 50px 0!important;}

/*商桥聊天*/
/*#nb_icon_wrap{width: 124px!important;}
.nb-icon-group .nb-icon-inner-wrap{display: none!important}
#newBridge .icon-right-center{top: auto!important; bottom:126px!important;}
#newBridge .nb-icon-skin-0 .nb-icon-groups{border:none!important; background: none!important;}
#newBridge .nb-icon-group .nb-icon-groups-item{border-radius: 16px!important;}
#newBridge .nb-icon-skin-0 .nb-icon-groups-item .nb-group-text{color: #fff !important;}
#newBridge .nb-icon-skin-0 .nb-icon-groups-item{border:1px solid #0bc899 !important; background: #0bc899!important}
#newBridge .nb-icon-skin-0 .nb-icon-groups-item .nb-group-icon{background: url(images/icongroup.png) -1px !important;margin-left: 5px;}
#newBridge .nb-icon-group .nb-group-icon{width: 32px!important}
#newBridge .nb-icon-group .nb-group-text{font-weight: bold!important}
#newBridge .nb-icon-group .icon-disable .nb-group-icon{background: url(images/icongroup_g.png) -1px !important}
#newBridge .nb-icon-group .icon-disable{border-color: #696969!important;background-color: #f2f2f2!important;}
#newBridge .nb-icon-group .icon-disable .nb-group-text{color: #848484!important;}

#newBridge .nb-icon-group .nb-icon-groups{overflow: inherit!important;}
#newBridge .nb-customer-icon-style .wechat span{position: absolute; opacity: 0; right:20px; z-index: -99999; border: 1px solid #ddd; border-radius: 6px; bottom: -1px; transition: all .3s ease; background: #fff}
#newBridge .nb-customer-icon-style .wechat:hover span{right: 200px; opacity: 1}
#newBridge .nb-customer-icon-style .wechat img{width: 120px; height: 120px; margin: 10px;}
#newBridge .nb-icon-group .wechat {
    border-radius: 3px !important;margin: 15px 15px !important;border: 1px solid #555fa5 !important;
}
#newBridge .nb-customer-icon-style .wechat .nb-group-icon{background:url('images/icongroup.png') no-repeat -1px -1px !important;}
@media(max-width:550px){
    #newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{width: 75px!important;height: 75px!important;float: right;}
    #newBridge .nb-icon-wrap{width: 116px!important;height: 75px!important;}
}
#newBridge #nb_icon_wrap>.nb-icon-group{background: url("images/baidu_chart.png") right bottom no-repeat;transition: all .3s ease;min-width: 60px; min-height: 60px; display: block; margin-right: 24px;}
#newBridge .nb-icon-group #nb_icon_groups{transition: all .3s ease; display: none; background: none!important; border:none!important; position: absolute; left: -70px; width: 120px;bottom: -40px;}
#newBridge .nb-icon-group:hover #nb_icon_groups{display: block}
#newBridge #nbwlStatusBar{background-color: #0bc899!important;}
#newBridge #nbWebImLightContainer{border: solid 1px #0bc899!important;}
#newBridge .nb-webim-light-message .nb-webim-light-message-name{color: #1db38d!important;}
#newBridge #nbwlMessageContainer{background-color: #f2f2f2!important;}
#newBridge .nb-webim-light-toolbar-send{background-color: #0bc899!important;}
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{display: none!important;}
#newBridge .nb-invite-body-base{padding: 18px 0 30px!important;}
#nb_invite_wrap{min-height: 120px!important;}
#newBridge .nb-invite-wrap-0{background: #0bc899!important;}
#newBridge .nb-invite-wrap-0 .nb-invite-ok{color: #0bc899!important;}
#newBridge #nbwlMessageContainer{border-bottom: 1px solid #dedede!important;}*/