@media screen and (max-width: 1024px) {
    .os_tel a {
        font-size: 30px;
    }
    .osfr a:after {
        display: none;
    }

}
@media screen and (max-width: 768px) {
.os-footer-top {
    display: none;
}
    .os_top {
        display: none;
    }
    .os_logo strong {
        font-size: 28px;
    }
    .os_logo span {
        display: none;
    }
    .os_tel a {
        font-size: 20px;
    }
    .os_tel a {
        font-size: 26px;
        flex: 0 0 88%;
        margin-left: 0;
    }
    .os_search {
        display: none;
    }
    .osnav_item a {
        font-size: 14px;
    }

}
@media screen and (max-width: 767px) {
    .os_logo {
        flex: 0 0 50%;
    }
    .os_tel {
        display: none;
    }
    .os_middle_flex {
        height: 15vw;
    }
    .os_nav_button {
        display: block;
    }
    .os_logo strong {
        font-size: 6vw;
    }
    .navflex {
        background: #fff;
    }
    .os_middle {
        background: #ffffff;
        border-bottom: 1px solid #f3f4f8;
    }
    .osnav_item a {
        font-size: 3.74vw;
        text-align: left;
        padding: 0 15px;
        border-bottom: 1px solid #f3f4f8;
        height: 12vw;
        line-height: 12vw;
        color: #000000;
    }
    .osnav_item.active a {
        color: #0064c8;
    }
    .osnav_item a:before {
        height: 1px;
        left: 0;
        background: #0064c8;
    }
    .osnav_item.active a:before {
        left: 50%;
        background: #0064c8;
    }
    .osnav_item:hover a:before {
        left: 50%;
        background: #0064c8;
    }
    .osnav_item a:hover {
        color: #0064c8;
    }
    .home_banner {
        padding-top: 0;
    }
    .banner img {
        object-fit: cover;
        height: 42vw;
    }
    .os_heder {
        position: sticky;
        top: 0;
        z-index: 999;
        width: 100%;
    }


/* 头部 */

.os_pro {
    padding: 6% 0;
}
.os_title p {
    font-size: 5.4vw;
}
.os_pro_box {
    width: 100%;
    margin-top: 5vw;
}
.os_pro_flex {
    margin-top: 0;
}
.os_pro_show {
    height: 23vw;
    line-height: 23vw;
    font-size: 4.8vw;
}
.os_pro_box.active .os_pro_hidden {
    width: 100%;
}


.os_pro_img {
     height: 51vw;
}
.os_pro_text h3 {
    padding: 5%;
    font-size: 4.8vw;
}
.os_pro_text ul {
    margin-bottom: 3%;
    padding-left: 10vw;
}
.os_pro_text ul li  {
    font-size: 4.2vw;
}
.os_pro_text ul li a {
    font-size: 4.2vw;
}
.os_pro_text h5 a {
    font-size: 3.74vw;
    width: 25vw;
    height: 8vw;
    line-height: 8vw;
}
.os_pro_show:after {
    height: 6vw;
    line-height: 6vw;
    width: 35vw;
    bottom: 13vw;
    right: -12vw;
    font-size: 3vw;
}
.os_pro_box:hover .os_pro_text h5 a {
    margin-left: 10vw;
}

.os_subscribe {
    padding: 6% 0 0;
    background-position: left;
}
.os_scr_form {
    margin-top: 6%;
}
.os_scr_form_flex .os_scr_input i {
    display: none;
}
.os_scr_form_flex .os_scr_input input {
    height: 12vw;
    padding-left: 12vw;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.os_scr_form_flex .os_scr_input .input_name {
    border-left: 1px solid #ebebeb;
}
.os_scr_form_flex .os_scr_input .input_phone {
    border-left: 1px solid #ebebeb;
}
.os_scr_form_flex .os_scr_input:last-child {
    margin-bottom: 0;
}
.os_scr_form_flex .os_scr_input .input_submit {
    width: 100%;
    height: 12vw;
    font-size: 4.2vw;
}
.os_scr_form_flex .os_scr_input input {
    width: 100%;
    border-right: 1px solid #ebebeb;
}
.os_scr_mes {
    padding: 5% 0;
}
.os_sli_item {
    font-size: 3vw;
    height: 8vw;
    line-height: 8vw;
}
.announ_tit {
    font-size: 3vw;
    height: 8vw;
    line-height: 8vw;
    padding: 0 5px;
    display: none;
}
.os_sli_item i {
    font-size: 3vw;
    margin-left: 3px;
}
.os_sli_item i:nth-child(2) {
    margin-left: 0;
}

.os_scr_form_flex {
    flex-wrap: wrap;
}
.os_scr_form_flex .os_scr_input {
    width: 100%;
    margin-bottom: 5%;
    border-radius: 8px;
}
.os_about_img {
    display: none;
}
.os_about {
    padding: 6% 0;
}
.os_about_flex {
    margin-top: 6%;
}
.os_about_content {
    flex: 0 0 100%;
}
.os_about_text p {
    font-size: 4.2vw;
    line-height: 1.6;
    margin-bottom: 3%;
}
.os_about_a a {
    display: flex;
    justify-content: center;
}
.os_about_a span {
    font-size: 4.2vw;
}
.os_about_a img {
    width: 4.2vw;
    height: 4.2vw;
}
.os_vaule {
    padding: 6% 0;
}
.os_vaule_fl h3 {
    font-size: 5.4vw;
}
.os_vaule_fl p {
    font-size: 3.74vw;
}
.os_vaule_more a {
    width: 30vw;
    height: 10vw;
    line-height: 10vw;
    margin: 3% auto 0;
    font-size: 3.4vw;
    border-radius: 5vw;
}
.os_quick {
    padding: 6% 0;
}
.os_quick_box {
    width: 48%;
    margin-top: 4%;
    padding: 5%;
}
.os_quick_flex {
    margin-top: 2%;
}
.os_quick_box img {
    width: 8vw;
    height: 8vw;
}
.os_quick_box h3 {
    font-size: 4.2vw;
    margin: 3% 0;
}
.os_quick_box p {
    font-size: 3.4vw;
    line-height: 1.5;
}
.os_quick_box span {
    font-size: 3.4vw;
    margin-top: 3%;
}
.os_quick_box span img {
    width: 3.4vw;
    height: 3.4vw;
}

.os_our {
    padding: 6% 0;
}

.os_our_box {
    width: 48%;
    margin-top: 4%;
    padding: 5%;
}
.os_our_flex {
    margin-top: 2%;
}
.os_our_box img {
    width: 8vw;
    height: 8vw;
}
.os_our_box h3 {
    font-size: 4.2vw;
    margin: 3% 0;
}
.os_our_box p {
    font-size: 3.4vw;
    line-height: 1.5;
    min-height: 8vw;
}
.os_our_box span {
    font-size: 3.4vw;
    margin-top: 3%;
    width: 25vw;
    height: 8vw;
    line-height: 8vw;
}
.os_news {
    padding: 6% 0;
}
.os_news_hidden {
    overflow: hidden;
    height: 10vw;
    margin-top: 6%;
}
.os_news_top {
    margin: 6% 0 3%;
    border: none;
}
.os_news_tab {
    display: inline-block;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: center;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10vw;
    height: auto;
}

.os_news_tab a {
    font-size: 4vw;
    margin: 0 3%;
    display: inline-block;
    height: auto;
    line-height: normal;
    padding: 0;
}
.os_news_box {
    width: 100%;
    margin-right: 0;
    margin-top: 3%;
    padding-top: 3%;
    border-top: 1px solid #eeeeee;
}
.os_news_text time {
    display: none;
}
.os_news_box:first-child {
    border-top: none;
    padding-top: 0;
}
.os_news_text {
    width: 68%;
}
.os_news_img {
    display: block;
    height: 20vw;
    width: 30%;
}
.os_news_text h2 {
    font-size: 3.74vw;
    min-height: unset;
}
.os_news_text p {
    font-size: 3.4vw;
}
.os_news_more a {
    font-size: 3.4vw;
    margin-top: 6%;
    width: 25vw;
    height: 8vw;
    line-height: 8vw;
}
.os_link {
    display: none;
}
.os_news_tab a.active {
    background: unset;
    color: #000000;
    padding-bottom: 2%;
}
.os_news_tab a.active:after {
    width: 70%;
}
.os_li ul {
    padding: 0;
    margin: 0;
}
.os_li ul li {
    list-style: none;
    padding: 4vw;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.os_li ul li a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.os_li_thumb {
    width: 30%;
    height: 20vw;
    overflow: hidden;
    border-radius: 6px;
}
.os_li_text {width: 68%;}
.os_li_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.os_li_text h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 4.2vw;
    color: #182434;
    line-height: 1.5;
}
.os_li_text h4 {
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 3vw 0 0;
    color: #666666;
}

.os_li_text span {
    font-size: 3.4vw;
    margin-right: 3%;
}
.os_li_text span:last-child {
    margin-right: 0;
}
.os_li ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.os_link {
    display: none;
}

.os_pos {
    padding: 3% 0;
}

.os_weizhi a {
    font-size: 3.74vw;
}
.os_weizhi  {
    font-size: 3.74vw;
}
.os_detail_blockquote {
    padding: 3% 5%;
    margin-top: 6vw;
}
.os_detail_blockquote h6 {
    font-size: 3.74vw;
}
.os_detail_blockquote p {
    font-size: 3.4vw;
}
.os_prev_next {
    margin: 8% 0;
    flex-wrap: wrap;
}
.prev_next {
    width: 100%;
    font-size: 3.74vw;
    line-height: 2;
}
.prev_next a {
    font-size: 3.74vw;
}
.os_like h3 {
    height: auto;
    line-height: unset;
    padding-bottom: 3%;
    font-size: 4.2vw;
    margin-bottom: 3%;
}
.os_like li a {
    font-size: 3.74vw;
}
.os_widget {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 0;
    border: none;
}
.os_widget h3 {
    height: auto;
    line-height: unset;
    font-size: 4.2vw;
    padding: 0 0 3%;
    margin: 0;
}
.os_widget h3:after {
    width: 17vw;
}
.os_widget li {
    margin-bottom: 3%;
}
.os_widget li a {
    font-size: 3.74vw;
}
.os_lily {
    padding: 5%;
    background: #FAFAFA;
}
.os_lily p {
    font-size: 4.8vw;
}
.os_lily a {
    margin: 5% auto 0;
    height: 10vw;
    line-height: 10vw;
    font-size: 4.2vw;
    border-radius: 5vw;
}
.os_lily span {
    font-size: 4.2vw;
}
.os_widget:last-child {
    position: unset;
}
.os_details_fl {
    width: 100%;
    padding: 0;
    border-radius: 0;
}
.os_details {
    background: #ffffff;
    border-top: 1px solid #f3f4f8;
    padding: 6% 0;
}
.os_details_fr {
    width: 100%;
}
.os_details_title h1 {
    font-size: 4.2vw;
    margin-bottom: 0;
}

.os_details_span span {
    width: 100%;
}
.os_details_span {
    flex-wrap: wrap;
    font-size: 3.74vw;
    margin-bottom: 5%;
    padding: 3% 0;
}
.os_like h3 {
    height: auto;
    line-height: unset;
    padding-bottom: 3%;
    font-size: 4.2vw;
    margin-bottom: 3%;
}
.os_like li a {
    font-size: 3.74vw;
}
.os_widget .os_li ul li {
    padding: 4vw 0;
}
.os_widget .os_li_thumb {
    height: 22vw;
    margin-bottom: 0;
    display: block;
}



.os-footer-top {
    display: none;
}
.os-footer-bqba p {
    font-size: 13px;
}
.os-index-advantage-link {
    padding-bottom: 6%;
}
.os-fmoblie {
    display: block;
    margin-top: 50px;
    box-shadow: 0px -1px 5px 0 #00000047;
}
.os-footermoblie {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 52px;
    background: #ffffff;
    -webkit-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    z-index: 99;
}
.os-sjdb {
    display: flex;
    justify-content: space-between;
}
.os-tb {
    width: 20%;
    text-align: center;
    padding: 7px 0 0;
}
.os-tb.os-vs a {
    color: rgb(0 122 254);
}
.os-tb a {
    color: rgba(23, 36, 52, 1);
    font-size: 12px;
    text-decoration: none;
}
.os-tb i {
    display: block;
    font-size: 20px;
}
.os-tb:last-child i {
    font-size: 0;
}

.os_like ul li {
    margin-bottom: 3%;
    padding-bottom: 5%;
    border-bottom: 1px solid #f2f2f2;
}
.os_like ul li h4 {
    font-size: 3.4vw;
    margin-top: 3%;
}
.os_like ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}













}