﻿
.blocks > .block, [class*=blocks-] > .block, [class*=blocks-] > li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.page-content {
    padding: 30px 0px;
}

.container {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

    .container b {
        font-size: 30px;
    }

    .container::after {
        display: table;
        clear: both;
        content: ''
    }




.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem
}

    .container-fluid::after {
        display: table;
        clear: both;
        content: ''
    }

    .container-fluid .navbar-collapse, .container-fluid .navbar-header {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

@media (min-width:768px) {
    .container-fluid .navbar-collapse, .container-fluid .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .blocks-md-100 > .block, .blocks-md-100 > li {
        width: 100%
    }

    .blocks-md-2 > .block, .blocks-md-2 > li {
        width: 50%
    }

    .blocks-md-3 > .block, .blocks-md-3 > li {
        width: 33.333333%
    }

    .blocks-md-4 > .block, .blocks-md-4 > li {
        width: 25%
    }

    .blocks-md-5 > .block, .blocks-md-5 > li {
        width: 20%
    }

    .blocks-md-6 > .block, .blocks-md-6 > li {
        width: 16.666667%
    }
}

@media (min-width:992px) {
    .blocks-lg-100 > .block, .blocks-lg-100 > li {
        width: 100%
    }

    .blocks-lg-2 > .block, .blocks-lg-2 > li {
        width: 50%
    }

    .blocks-lg-3 > .block, .blocks-lg-3 > li {
        width: 33.333333%
    }

    .blocks-lg-4 > .block, .blocks-lg-4 > li {
        width: 25%
    }

    .blocks-lg-5 > .block, .blocks-lg-5 > li {
        width: 20%
    }

    .blocks-lg-6 > .block, .blocks-lg-6 > li {
        width: 16.666667%
    }
}

@media (min-width:1200px) {
    .blocks-xl-100 > .block, .blocks-xl-100 > li {
        width: 100%
    }

    .blocks-xl-2 > .block, .blocks-xl-2 > li {
        width: 50%
    }

    .blocks-xl-3 > .block, .blocks-xl-3 > li {
        width: 33.333333%
    }

    .blocks-xl-4 > .block, .blocks-xl-4 > li {
        width: 25%
    }

    .blocks-xl-5 > .block, .blocks-xl-5 > li {
        width: 20%
    }

    .blocks-xl-6 > .block, .blocks-xl-6 > li {
        width: 16.666667%
    }
}

@media (min-width:1600px) {
    .blocks-xxl-100 > .block, .blocks-xxl-100 > li {
        width: 100%
    }

    .blocks-xxl-2 > .block, .blocks-xxl-2 > li {
        width: 50%
    }

    .blocks-xxl-3 > .block, .blocks-xxl-3 > li {
        width: 33.333333%
    }

    .blocks-xxl-4 > .block, .blocks-xxl-4 > li {
        width: 25%
    }

    .blocks-xxl-5 > .block, .blocks-xxl-5 > li {
        width: 20%
    }

    .blocks-xxl-6 > .block, .blocks-xxl-6 > li {
        width: 16.666667%
    }
}

.show_met_11_1_30 .team_item a {
    max-height: 220px;
    display: block;
    overflow: hidden;
    position: relative
}

    .show_met_11_1_30 .team_item a:hover .wrap {
        transform: translate(0,-40px);
        -webkit-transform: translate(0,-40px);
        -moz-transform: translate(0,-40px)
    }

.show_met_11_1_30 div {
    max-width: 100%;
}

.show_met_11_1_30 .team_item .team_img img {
    width: 100%;
}

.show_met_11_1_30 .wrap {
    height: 40px;
    background: #212121;
    background: #21cd97;
    bottom: -40px;
    transition: all 0.4s cubic-bezier(0.215,0.61,0.355,1) 0s;
    width: 100%;
    position: absolute;
    color: #fff;
    transform: translate(0,0px);
}

    .show_met_11_1_30 .wrap div .h {
        width: 14px;
        height: 2px;
        top: 6px;
    }

    .show_met_11_1_30 .wrap div span {
        display: block;
        background: #fff;
        position: absolute;
    }

.show_met_11_1_30 .team_item {
    border: 1px solid #f8f8f8;
}

    .show_met_11_1_30 .team_item .team_info {
        background-color: #f8f8f8;
        text-align: left;
        padding: 20px;
    }

    .show_met_11_1_30 .team_item .title {
        color: #212121;
        text-align: center;
        font-size: 20px;
    }

    .show_met_11_1_30 .team_item .keywords {
        font-size: 14px;
        color: #666666;
        text-align: center;
        margin-top: 5px;
    }

    .show_met_11_1_30 .team_item .desc {
        margin-top: 30px;
        height: 70px;
        line-height: 24px;
        font-size: 12px;
        color: #666666;
        color:;
        overflow: hidden;
    }

.blocks, [class*=blocks-] {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.fadeIntop.show {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: all 0.5s ease 0s;
}

.block {
    overflow: hidden;
    padding: 20px 0;
    box-sizing: border-box;
}

.w-title {
    position: relative;
    line-height: 1;
    margin-bottom: 50px;
}

    .w-title .englistTitle {
        color: #333;
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
    }

    .w-title h1.i_title {
        color: #333;
        font-size: 24px;
        width: fit-content;
        position: relative;
    }

        .w-title h1.i_title::after {
            content: '';
            display: block;
            background: #333;
            height: 4px;
            width: 100%;
            bottom: -20px;
            position: absolute;
            left: 0;
        }

.product .row {
    margin: 0;
    /* margin-top: 50px; */
}

.product .s_intro_three {
    /* margin: 0 auto!important; */
    max-width: 100%;
}

    .product .s_intro_three li {
        max-width: 370px;
    }


.core li {
    text-align: center;
    margin-bottom: 50px;
}

.s_intro_three li {
    border-radius: 2px;
    padding: 10px 30px;
    max-width: 320px;
    background: #ffffff;
    font-size: 14px;
    color: #666666;
}

    .s_intro_three li h5 {
        height: 40px;
        display: block;
        line-height: 40px;
        color: #020f46;
        font-size: 18px;
        text-align: center;
        font-weight: bold;
    }

    .s_intro_three li span {
        font-size: 16px;
        color: #252525;
        text-align: center;
    }

    .s_intro_three li .bk_bot {
        width: 330px;
        margin: 0 auto;
    }

        .s_intro_three li .bk_bot em {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            display: block;
            color: #3e3e3e;
            margin: 0 auto 20px;
        }

.show_met_16_6_19 .met-editor * {
    max-width: 100%;
}

.met-editor p {
    margin-bottom: 10px;
    font-size: 16px;
}

.show_met_16_6_19 .pagePadding {
    padding: 100px 0px;
    position: relative;
}



@media screen and (max-width: 1024px) {
    .show_met_16_6_19 .pagePadding {
        padding: 65px 0px;
    }

    .met-editor img {
        max-width: 100% !important;
        vertical-align: top;
    }
}

.container .d-flex {
    background: #fff;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 18px;
    color: #999999;
}

.container .right {
    width: 460px;
}

.container .d-flex .phone {
    font-size: 46px;
    color: #333333;
    font-weight: bold;
    line-height: 1;
}

.container .d-flex .email, .container .d-flex .address {
    font-size: 24px;
    color: #333333;
}

.container .d-flex .li:not(:last-child) {
    margin-bottom: 36px;
}

@media (max-width: 1024px) {
    .container .left .phone {
        font-size: 38px;
    }
}

@media (max-width: 767px) {

    .container {
        margin-left: 0;
        margin-right: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

    .header .container {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }



    .container .d-flex {
        padding: 30px 15px;
    }
}

.left {
    float: left;
}

.right {
    float: right;
}

.page_contact .tab {
    width: 100%;
}

    .page_contact .tab ul {
        display: flex;
        border-bottom: 1px solid #dddddd;
    }

        .page_contact .tab ul li.active {
            background: #2e5a7d;
        }

        .page_contact .tab ul li {
            width: 200px;
            height: 47px;
            line-height: 47px;
            text-align: center;
            background: #ffffff;
            margin-right: 10px;
        }

            .page_contact .tab ul li.active a {
                color: #ffffff;
            }

            .page_contact .tab ul li a {
                color: #333333;
                width: 100%;
                height: 100%;
                display: block;
            }

h3 {
    font-weight: 800;
    font-size: 20px;
}

@media (max-width: 767px) {
    .page_contact .tab ul li {
        min-width: 160px;
        height: 30px;
        line-height: 30px;
    }

    .s_intro_three li {
        padding: 0;
    }

    .product .s_intro_three li {
        max-width: 100%;
    }

    .core li {
        margin-bottom: 0;
    }
}

.font-blue {
    font-weight: 800;
}
