@font-face {
    font-family: "Roboto";
    src: url("Roboto-Regular.woff") format("woff"),
         url("Roboto-Regular.ttf") format("truetype");
}

* {
    margin:0; 
    padding:0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100%;
    /*
    height: 100%;
    overflow-x: hidden;
    */
}

body {
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
}

body, input, textarea, select {
    font-family: 'Microsoft Yahei', '黑体', 'Heiti SC', tahoma,Helvetica,arial,Hiragino Sans GB,sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    text-decoration: none;
    -webkit-appearance: none; 
}


/* 取消默认样式，没有边框、等等 */
a, button, h1, h2, h3, h4, h5, h6, input, textarea, ol, p, ul, li, th {
    border: 0;
    outline: 0;
    font: inherit;
    vertical-align: baseline;
    background: transparent;
    color: #646b78;
    list-style: none;
    text-decoration: none;
}
a {
    border: 0;
    color: #333;
    -webkit-transition: color 0.150s;
    transition: color 0.150s;
}
a:hover {
    text-decoration: none;
    color: #1890FF;
    cursor: pointer;
}
img {
    border: 0 none;
    vertical-align: top;
}
p {
    /*
    font-family: PingFang-SC-Medium, "Noto Sans CJK Medium";
    color: #333;
    */
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    
}
h1 {
    /*
    font-family: PingFang-SC-Bold, "Noto Sans CJK Bold";
    */
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #333;
}

select::-ms-expand { 
    display: none; 
}
#body_top,#submit_search,.address,.head_city,#company_search_box,.company_verification > h3,.flex_row .head_contact .head_tel,.overlay_wrapper{
	display:none;	
}
.flex_row {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  /*
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  */
}
.flex_column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  /*
  display: -webkit-box;
  -webkit-box-orient: vertical;
  */
}
.flex_0 {
    flex-grow: 0;
    flex-shrink: 0;
}
.flex_1 {
    flex-grow: 1;
}

.w {
    width: 1200px;
    margin: auto;
}
.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

/* 重复了
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/

.hide {
  display: none;
}
.center {
  text-align: center;
}
.clearfix:before {
  display: table;
  content: " ";
}
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}


.bg_write {
    background-color: #fff !important;
}
.bg_blue {
    background-color: #4869DE !important;
    color: #fff;
}
.bg_wxgreen {
    background-color: #09BB07 !important;
    color: #fff;
}
.radius_3 {
    border-radius: 3px;
}
.radius_4 {
    border-radius: 4px;
}

.anim_show {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
.anim_show_slide {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  -moz-transition: -moz-transform 0.35s ease-in-out;
  -o-transition: -o-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
}

.pad_t_10 {
    padding-top: 10px !important;
}
.pad_t_15 {
    padding-top: 15px !important;
}
.pad_t_20 {
    padding-top: 20px !important;
}
.pad_b_10 {
    padding-bottom: 10px !important;
}
.pad_b_15 {
    padding-bottom: 15px !important;
}
.pad_b_20 {
    padding-bottom: 20px !important;
}
.pad_b_40 {
    padding-bottom: 40px !important;
}

.btn_disable {
    background-color: #999 !important;
}
.btn_bg_disable {
    background-color: #999 !important;
    border-color: #999 !important;
}

/* 提示信息 */
.tips_wapper {
    position: fixed;
    bottom: 25%;
    width: 100%;
    z-index: 999;
    
    -webkit-transition: .2s linear;
    transition: .2s linear;
}
.tips_contain {
    text-align: center;
}
.tips_content {
    display: inline-block;
    padding: 4px 20px;
    border-radius: 4px;
    color:#fff;
    background: #333;
    opacity: 0.75;
    vertical-align: middle;
}
.tips_content > span {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
}

/* 面包屑导航 */
.ser_breadcrumbs {
    margin-top: 16px;
    background-color: #fff;
    height:40px;
    background:#F2F2F2;
}
/* .ser_breadcrumbs a {
    color: #333
} */
.ser_breadcrumbs ul {
    padding-left: 12px;
}
.ser_breadcrumbs ul li {
    float: left;
    line-height: 40px;
}
.ser_breadcrumbs .icon-v-right {
    margin-right: 11px;
}

/* overlay 默认不显示 */
.overlay_mask {
    z-index: 998;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display:none!important;
    background: rgba(51,51,51,.75);
    /*
    -webkit-transform: translate3D(0,0,0);
    transform: translate3D(0,0,0);
    display: none;
    */
    will-change: transform, opacity;
}
.overlay_wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*
    background: #fff;
    opacity: 0.7;
    */
}
.overlay_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    /*
    webkitBoxOrient: "vertical",
    webkitBoxAlign: "center",           // 水平居中
    webkitBoxPack: "center",            // 垂直居中
    */
    
}
.anim-show {
    /*
    display: none;
    opacity: 0;
    */
    transition: .3s linear;
    -webkit-transition: .3s linear;
}
.dialog {
    background:#fff;
    box-shadow:0px 4px 12px 0px rgba(0,0,0,0.15);
    border-radius:4px;
    position: relative;
}
.rect_button {
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color:#2097FF;
    line-height: 20px;
    border: 1px solid #2097FF;
    border-radius: 3px;
    cursor: pointer;
}
/* 底部样式 */
.home_page_buttom {
    width: 100%;
    background-color: #303030;
    padding: 50px 0 20px;
    min-width: 1200px;
}
.about_bottom_l {
    border-right: 2px solid #3E3E3E;
    padding-right: 34px;
    margin-right: 50px;
    align-items: flex-start;
    flex: 1;
}
.bottom_qrcode h2 {
    font-size:21px;
    font-weight:500;
    color:#fff;
    line-height:29px;
}
.bottom_qrcode p {
    margin: 10px 0;
    font-size:16px;
    color:#aaa;
    line-height:22px;
}
.service_ol_l .bottom_qrcode {
    text-align: center;
}
.about_bottom_r {
    width: 314px;
}
.about_bottom_r h2 {
    font-size:15px!important;    
    color:#fff;
    line-height:29px;
}
.about_bottom_r span:nth-last-of-type(1) {
    padding: 0;
}
.msg_link_about {
    padding-right: 90px;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1;
}
.msg_link_about ul {
    float: left;    
    width: 90px;
}
.msg_link_about li {
    width: 90px;
    text-align: left;
    margin-bottom: 5px;
    float: left;
}
.msg_link_about li>span {
    font-size:21px;
    font-weight:500;
    color:#fff;
    line-height:29px;
}
.msg_link_about li>a {
    font-size:18px;
    font-weight:400;
    color:#aaa;
    line-height:25px;
}
.msg_link_about li:nth-of-type(1) {
    margin-bottom: 15px;
    width: 100%;
}
.msg_link_about ul:nth-of-type(2) {
    width: 190px;
}
.friend_link {
    align-items: flex-start;
    margin-top: 15px;
    border-bottom: 1px solid #3E3E3E;
    padding-bottom: 14px;
}
.friend_link ul {
    flex-wrap: wrap;
    flex: 1;
}
.friend_link span {
    font-size:16px;
    color:#fff;
    line-height:24px;
}
.friend_link li {
    margin-right: 41px;
}
.friend_link a {
    font-size:16px;
    color:#aaa;
    line-height:24px;
}
.com_page_buttom {
    width: 100%;
    background-color: #303030;
    padding: 53px 0 18px;
    min-width: 1200px;
}
.service_ol_l {
    border-right: 2px solid #3E3E3E;
    width: 976px;
    padding: 6px 51px 0 0;
    margin-right: 50px;
    align-items: flex-start;
    flex: 1;
}
.service_ol_r h2 {
    font-size:16px;
    color:#fff;
    line-height:29px;
}
.service_ol_r h3,
.service_ol_r a,
.about_bottom_r h3,
.about_bottom_r a  {
    font-size:16px;
/*    font-weight:600;*/
    color:#fff;
    line-height:25px;
    padding: 5px 0;
}
.about_bottom_r h3,
.service_ol_r h3 {
    padding: 0;
    line-height: 30px;
}
.service_ol_r a,
.about_bottom_r a {
    padding: 0;
    line-height: 27px;
}  
.service_ol_r span,
.about_bottom_r span  {
    padding: 4px 0;
    font-size:16px;
    color:#aaa;
    line-height:22px;
    display: inline-block;
}
.service_ol_r span:nth-last-of-type(1) {
    padding: 0;
}
.service_ol_r {
    width: 314px;
}
.bottom_text {
    text-align: center;
    margin-top: 15px;
}
.bottom_text span,
.bottom_text a {
    font-size:14px;
    font-weight:500;
    color:#aaa;
    line-height:16px;
}
.about_link a {
    font-size:16px;
    color:#fff;
    line-height:22px;
}
.about_link {
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 15px;
    border-bottom: 1px solid #3E3E3E;
    padding: 0 261px 14px;
    display: none;
}
.service_ol_l .bottom_qrcode p {
    margin: 14px 0;
    font-size: 16px;
    color: #aaa;
    line-height: 22px;
}
.bottom_qrcode img {
    width: 100px;
    height: 100px;
}
.bottom_qrcode {
    text-align: left;
}
.msg_link_service {
    flex: 1;
    justify-content: space-between;
    padding-right: 107px;
}
.service_img {
    width: 44px;
    height: 44px;
    margin: 0 auto 18px;
}
.service_img1{
    background: url("../img/com_bottom_1.png");
}
.service_img2{
    background: url("../img/com_bottom_2.png");
}
.service_img3{
    background: url("../img/com_bottom_3.png");
}
.service_img4{
    background: url("../img/com_bottom_4.png");
}
.bottom_service_box span {
    font-size:18px;
    color:#fff;
    line-height:25px;
}

/* 侧边按钮区 */
.home_fix {
    position: fixed;
    right: 0;
    bottom: 260px;
    z-index: 99;
    margin-right: 23px;
}
.home_fix .fix_top,
.home_fix .home_kefu,
.home_fix .fix_connect {
    width:40px;
    height:40px;
    border-radius:4px;
    margin-top: 10px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}
.home_kefu {
    border:1px solid #d9d9d9;
}
.kefu_img {
    border: 0;
}
.home_kefu a,
.sider_qq a  {
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #5E9CF7;
    line-height: 16px;
    display: inline-block;
    padding-top: 3px;
}
.sider_qq {
    width: 40px;
    height: 40px;
}
.kefu_img a {
    background: url("../img/kefu.png");
    display: inline-block;
    width: 40px;
    height: 40px;
}
.back_top_h {
    background: url("../img/back_top_h.png");
    cursor: pointer;
}
.back_top_s {
    background: url("../img/back_top_s.png");
}
.sider_phone_h {
    background: url("../img/sider_phone_h.png");
}
.sider_qq_h {
    background: url("../img/sider_qq_h.png");
}
.sider_wx_h {
    background: url("../img/sider_wx_h.png");
}
.sider_phone_s {
    background: url("../img/sider_phone_s.png");
}
/* .sider_qq_s {
    background: url("/img/sider_qq_s.png");
} */
.sider_wx_s {
    background: url("../img/sider_wx_s.png");
}
.fix_connect {
    border: 1px solid #D9D9D9;
    position: relative;
    cursor: pointer;
}


/* 公共头部 */
.all_service {
    margin-top: 20px;
    /* position: relative; */
}
.common_head {
    min-width: 1200px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(135,152,164,0.3);
}
.head_logo {
    background: url("../img/ser_logo.png") no-repeat;
        width: 197px;
    height: 80px;
    background-size: contain;
    margin-right: 20px;
    border-right: 1px solid #C3C3C3;
}
.head_contact{
    margin-top: 20px;
}
.head_city>li {
    padding: 0 8px;
    border-left: 1px solid #979797;
    font-size: 14px;
    color: #333;
    line-height: 16px;
    float: left;
}
.head_city>li:nth-of-type(1),
.head_city>li:nth-last-of-type(1) {
    border: 0;
}
.head_city a {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
}
.head_city>li:nth-last-of-type(1) {
    background: url("/img/phone.png") no-repeat left center;
    background-size: 12px 15px;
    margin-left: 9px;
    padding: 0 0 0 20px;
    cursor: default;
}
.head_person {
    padding: 8px 0 15px 10px;
}
.head_person .address {
    background: url("/img/address.png") no-repeat;
    line-height: 16px;
    background-size: contain;
    padding-left: 20px;
}
.address span {
    height: 19px;
}
.head_person .qr-code {
    position: absolute;
}
.head_city .login {
    position: relative;
}
.person_box {
    background:#fff;
    border-radius:4px;
    border:1px solid rgba(0,0,0,0.15);
    position: absolute;
    top: 35px;
    left: -34px;
    width: 138px;
    transition: all linear .2s;
    z-index: 999;
}
.person_box a {
    transition: all linear .2s;
    width: 100%;
    padding-left: 13px;
    font-size:14px;
    color:rgba(0,0,0,0.65);
    line-height:26px;
}
.person_box a:hover {
    color: #1890FF;
}

.person_box li:nth-of-type(1) a {
    padding-top: 11px;
}
.person_box li:nth-last-of-type(1) a {
    padding: 8px 0 9px 13px;
    border-top: 1px solid rgba(0,0,0,0.09);;
}
.person_box li:nth-last-of-type(2) a {
    padding-bottom: 3px;
}
.person_box:before,
.person_box:after,
.qr-code:before,
.qr-code:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    border-width: 10px;
    border-style: solid;
}
.person_box:before {
    right: 59px;
    top: -21px;
    border-color: transparent transparent rgba(0,0,0,0.15) transparent;
}
.person_box:after {
    right: 59px;
    top: -20px;
    border-color: transparent transparent #fff transparent;
}
.qr-box {
    position: relative;
}
.qr-box .qr-code {
    /* width: 150px;
    height: 175px; */
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
    background-color: #fff;
    position: absolute;
    top: 35px;
    right: 0;
    transition: all .2s linear;
    text-align: center;
    padding: 6px;
    z-index: 999;
}
.qr-box .qr_scan {
    padding-top: 5px;
    font-size:16px;
    color:#1890FF;
    line-height:24px;
}
.qr-code img {
    width: 140px;
    height: 140px;
}
.qr-code:before {
    right: 66px;
    top: -21px;
    border-color: transparent transparent rgba(0,0,0,0.15) transparent;
}
.qr-code:after {
    right: 66px;
    top: -20px;
    border-color: transparent transparent #fff transparent;
}
.server_list>span {
    font-size:18px;
    font-weight:500;
    color:#fff;
    margin-left: 30px;
}
.server_list_contain {
    position: relative;
    z-index: 11;
}
.all_service .server_list{
    line-height:39px;
    height: 39px;
    width: 260px;
    background-color: #2097FF;
}
.server_list>span:nth-last-of-type(1) {
    background: url("/img/more.png") no-repeat right;
    position: absolute;
    width: 24px;
    height: 16px;
    top: 11px;
    right: 30px;
}
.hot_list li {
    float: left;
    line-height: 38px;
    margin-left: 40px;
    position: relative;
}
.hot_list a {
    font-size:16px;
}
.hot_list {
    margin-right: 40px;
}
.search_box {
    margin-left: 40px;
    height: 39px;
    cursor: pointer;
    position: absolute;
    right: 0;
}
.search_box .search_msg {
    padding-left: 50px;
    width:0;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
    font-size:14px;
    color:#333;
    line-height: 31px;
    height: 31px;
    transition: all .3s ease-out;
    border: 1px solid #d9d9d9;
    border-right: 0;
    z-index: 9;
}
.search_active .search_msg {
    cursor: auto;
    width: 400px;
    height: 31px;
    padding: 8px 32px;
    line-height: 15px;
}
.search_box .submit_search {
    /* padding-left: 40px; */
    cursor: pointer;
    position: relative;
}
.search_box .search {
    background: url("/img/search.png");
    width: 18px;
    height: 17px;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.search_active .search {    
    left: 9px;
}
.search_box .search_button {
    width: 50px;
    height: 31px;
    background:#1890FF;
    border-radius: 0px 4px 4px 0px;
    font-size:14px;
    color:#fff;
    line-height:31px;
    cursor: pointer;
}
.sider_phone_box {
    height: 38px;
    position: absolute;
    right: 50px;
    width: 150px;
    font-size: 18px;
    background-color: #fff;
    border-radius: 4px;
    display: none;
    border: 1px solid #dbdbdb;
}
.sider_phone_box span {
    line-height: 38px;
    display: inline-block;
}
.sider_phone_s .sider_phone_box {
    display: block;
}
.hot {
    position: absolute;
    right: -15px;
    top: -5px;
    background: url("../img/hot_service.gif") no-repeat;
    width: 31px;
    height: 13px;
}
.fix_connect a {
    width: 40px;
    height: 40px;
    display: inline-block;
}
.office_slide h3 {
	font-size:24px;
	font-weight:500;
	color:#333;
	line-height:33px;
	margin-top: 24px;
	text-align:center;
}
.sider_qr img,
.sider_qq_text img{
    width: 140px;
    height: auto;
    float: left;
}
.sider_qr,
.sider_qq_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    display: none;
    background: #fff;
    padding: 10px;
}
.sider_wx_s .sider_qr,
.sider_qq_s .sider_qq_text {
    display: inline-block;
    border: 1px solid #dbdbdb;
    box-shadow:0px 4px 12px 0px rgba(0,0,0,0.15);
    border-radius: 4px;
}
.about_bottom {
    align-items: flex-start;
}
.service_ol {
    align-items: flex-start;
}
.sider_qr span,
.sider_qq_text span {
    float: left;
    color: #5E9CF7;
    text-align: center;
    width: 100%;
    padding-top: 5px;
}
.head_contact>p>span:nth-of-type(1){
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
}
.head_tel span:nth-of-type(1){
    background: url("../img/head_tel.png") no-repeat;
}
.head_phone span:nth-of-type(1){
    background: url("../img/head_phone.png") no-repeat;
}
.head_contact span {
    font-size:22px;
    font-weight: 700;
    color:#ff3131;
    font-family: "Roboto";
}
.head_text {
    width: 357px;
    height: 40px;
        margin-top: 20px;
    background: url("../img/head_text.png") no-repeat left;
}
.head_banner>div {
    justify-content: space-between;
    height: 50px;
}
.head_tel span:nth-last-of-type(1){
    letter-spacing: 1px;
}
.head_tel {
    margin-bottom: 3px;
}
.search_result_word {
    position: absolute;
    top: 35px;
    right: 50px;
    width: 400px;
    background: #fff;
    border-radius: 3px;
    z-index: 10;
    border: 0;
}
.act_search_keyword {
    border: 1px solid #e6e6e6;
}
.search_result_list li,
.search_result_hot li {
    font-size: 16px;
    font-weight: 400;
    color: #111;
    line-height: 20px;
    cursor: pointer;
    padding: 6px 15px 6px 32px;
}
.search_result_list li:nth-of-type(1),
.search_result_hot li:nth-of-type(1) {
    margin-top: 3px;
}
.search_result_list li:nth-last-of-type(1),
.search_result_hot li:nth-last-of-type(1) {
    margin-bottom: 3px;
}
.search_result_list li:hover,
.search_result_hot li:hover {
    background-color: #f6faff;
    color: #396fc5;
}
.tab_box {
    position: relative;
}