.gotop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 99999;
}

header .head_fb {
    text-align: right;
}

.content-box.box-2 .box-item {
    margin: 0 100px;
}

.content-box.box-2 .box-item h1 {
    color: #F38F1E;
    margin: 0 10px;
}

.flex {
    display: flex;
}

.flex.flex_center {
    align-items: center;
}

.flex.flex_wrap {
    flex-wrap: wrap;
}

.flex.flex_center_between {
    justify-content: space-between;
}

.flex.flex_col_center {
    justify-content: center;
}

.flex.flex_last {
    justify-content: flex-end
}

.head_icon {
    width: 100%;
    justify-content: space-between;
    margin-bottom: -5px;
}

.head_icon_context {
    position: relative;
}

.icon_line,
.icon_tel,
.head_fb {
    /* max-width: 200px; */
}

.icon_line {
    display: block;
    padding: 10px 10px;
}

.link_box {
    padding-right: 20px;
}

.link_box .link_icon {
    /* padding: 0 10px; */
    margin: 10px 10px 0 10px;
}

.link_icon img {
    width: 50px;
}

.icon_tel {
    padding: 10px 200px 20px 10px;
    display: block;
}

.head_fb {
    padding: 12px 0 0 0;
    display: block;
}

.head_icon_context span {
    position: relative;
    top: -5px;
    width: 1px;
    height: 120%;
    background: #C3C3C3;
    transform: rotate(35deg);
}

.header_logo_bg {
    /* border-top: 1px solid #C3C3C3; */
    /* width: 100%; */
    /* min-height: 200px;
    box-sizing: border-box; */
}


/* .header-logo{
    display: block;
    margin: 0px;
    position: relative;
    padding:0px;
    background: #fff;
} */

#cssmenu {
    /* background: #D81F27; */
}

#cssmenu>ul>li>a {
    color: #F7AC3B;
}

#cssmenu>ul {
    display: inline-block;
    height: 50px;
    width: 100%;
}

#cssmenu>ul li.menu_logo {
    padding: 15px 20px;
}

#cssmenu>ul li.float_right {
    float: right;
}

#cssmenu ul .menu_logo:hover:after {
    height: 0;
}

.mob_header-logo {
    display: none;
}

.menu_logo {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.menu_logo span {
    margin: 0 10px;
}

.mob_menu_logo {
    display: none!important;
}

.service_contain {
    font-size: 15px;
    color: #3E4B70;
    font-weight: bold;
    padding: 0 30px;
    flex: 7;
}

.content_box {
    font-size: 15px;
    color: #3E4B70;
    font-weight: bold;
    padding: 0 30px;
    flex: 7;
}

.content_box .context_qrcode {
    flex: 1;
    padding: 0 30px;
    margin-top: 60px;
}

.service_box .zoom-container {
    width: 250px;
}

.service_box .service_text {
    margin: 50px 30px;
}

.service_box .service_text h3 {
    font-size: 25px;
    font-weight: bold;
    color: #3E4B70;
}

.service_box .service_text h3:hover {
    transition: 0.3s;
    color: #F7AC3B;
}

.about_text {
    line-height: 32px;
    font-size: 22px;
    color: #3E4B70;
    font-weight: bold;
    padding: 0 30px;
    flex: 7;
}

.about_text span {
    display: inline-block;
    flex: 8;
    max-width: 100%;
    height: 2px;
    background: #F7AC3B;
}

.about_img {
    flex: 3;
    padding-top: 50px;
}

.about_img img {
    width: 250px;
    text-align: center;
}

.box-2 h2 {
    align-items: center;
}

.box-2 h2 span {
    display: block;
    flex: 5;
    height: 1px;
    background: #000;
}

.box-2 ul {
    margin: 20px 0 0 0;
    font-size: 20px;
}

.box-2 ul li {
    font-weight: bold;
    margin: 5px 0;
}

.box-4 .context_block {
    max-width: 380px;
}

.box-4 .row h2.title {
    font-size: 20px!important;
    color: #888888;
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.box-4 .context ul li {
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 1px 20px 1px 20px;
}

.box-4 .context ul li:first-child {
    width: 120px;
    padding: 1px 20px 1px 0px;
    border-right: 1px solid #C1C1C1;
}

.box-4 .wrap-col {
    justify-content: space-around;
}

.box-4 .wrap-col div {
    max-width: 130px;
    margin: 0 10px;
}

.box-4 .wrap-col div img {
    width: 100%;
}

.wrap-footer .link_icon {
    position: relative;
}

.wrap-footer .link_icon div {
    /* max-width: 50px; */
    margin: 0 10px;
}

.footer_context .widget-title {
    font-weight: bold;
}

.footer_context ul {
    margin: -5px 0;
}

.footer_context ul li {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0px!important;
    display: inline-block;
    border-bottom: none!important;
}

.footer_context ul li:first-child {
    width: 100px;
}

.wrap-col a {
    white-space: nowrap;
}

.change {
    /* display: block; */
}

.mob_change {
    display: none;
}

.footer_block {
    display: block;
}

.mob_footer_block {
    display: none;
}

.mob_main_text {
    display: none;
}

@media all and (max-width: 800px) {
    #cssmenu>ul {
        height: 100%;
    }
    #cssmenu>ul>li {
        text-align: center;
    }
    .header-logo {
        display: none;
    }
    .mob_header-logo {
        display: block;
        text-align: center;
        background: #fff;
    }
    .mob_header-logo a img {
        max-width: 400px;
    }
    .mob_index_phone {
        background: #f7ac3b;
        padding: 20px 0;
    }
    .icon_line {
        display: none;
        padding: 10px 10px;
    }
    .icon_tel {
        padding: 10px 200px 20px 10px;
        display: block;
    }
    .head_fb {
        padding: 12px 0 0 0;
        display: none;
    }
    .head_icon_context>span {
        display: none;
    }
    .mob_menu_logo {
        display: block!important;
        font-size: 25px;
        font-weight: bold;
        color: #f7ac3b;
        padding: 20px 0!important;
    }
    .menu_logo {
        display: none!important;
    }
}

.content-box.boxstyle-1 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.copyright ul.quick-link {
    padding-right: 30px;
}

@media all and (max-width: 768px) {
    .change {
        display: none;
    }
    .mob_change {
        display: block;
    }
    .about_img {
        text-align: center;
    }
    .about_text {
        margin-top: 50px;
    }
    .box-4 .context_block {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .box-4 .context ul li {
        font-weight: bold;
        display: block;
        text-align: center;
    }
    .box-4 .context ul li:first-child {
        width: 100%;
        padding: 0;
        color: #828282;
        border-right: none;
    }
    .box-4 .context ul li:nth-child(2) {
        font-size: 20px;
    }
    footer {
        padding-left: 0;
    }
    .copyright {}
    .footer_block {
        display: none;
    }
    .mob_footer_block {
        display: block;
    }
    .wrap-footer .link_icon {
        min-height: auto;
        /* width: 100%; */
        justify-content: center;
    }
    .content-box.box-2 .box-item {
        margin: 0 0;
        justify-content: center;
    }
    .content-box.box-2 .box-item h1 {
        margin: 0 10px;
        font-size: 40px!important;
    }
    .main_text {
        display: none;
    }
    .mob_main_text {
        display: block;
    }
    .service {
        display: block;
    }
    .connection {
        display: block;
    }
    .content_box_phone {
        margin: 50px 0 0 0;
    }
    .content_box .context_qrcode {
        min-width: 177px;
        width: 177px;
        max-width: 177px;
        padding: 0 40px;
    }
    footer .col-footer-1,
    footer .col-footer-3,
    footer .col-footer-2 {
        width: 100%!important;
    }
}

@media all and (max-width: 468px) {
    .mob_header-logo a img {
        max-width: 100%;
    }
}