@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1024px){
    .tp_navs_item {
        width: 14%;
    }
    .top_header {
        background: #ffffff;
    }  
    .top_header_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 80px;
    }
    .isr_remark p {
        margin-top: 5px;
    }
    .ipf_item {
        margin-top: 40px;
    }
    .ps_box img {
        height: 200px;
    }

}

@media screen and (max-width: 768px){
    .tp_navs_item a {
        font-size: 16px;
    }
    .tp_navs_item {
        width: 18%;
        height: 35px;
        line-height: 35px;
    }
    .top_header_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
    }
    .index_service_left {
        width: 100%;
    }
    .index_service_right {
        width: 100%;
        padding-top: 30px;
    }
    .ipf_item {
        margin-top: 30px;
    }
    .ipf_item img {
        height: 215px;
    }
    .ini_addtime {
        display: flex;
        justify-content: space-between;
    }
    .ini_addtime span {
        padding-right: unset;
    }
    .pc_footer_left {
        width: 100%;
    }
    
    .pc_footer_right {
        width: 100%;
        margin-top: 30px;
    }
    
    .pc_footer_flex {
        flex-wrap: wrap;
    }
    .lp_box {
        width: 32%;
        margin-right: 2%;
    }
    .lp_box:nth-child(2n) {
        margin-right: 2%;
    }
    .lp_box:nth-child(3n) {
        margin-right: 0;
    }
    .list_product {
        padding: 30px 0 0;
    }
    .la_box img {
        height: 150px;
    }
    .info_pro_left {
        width: 100%;
    }
    
    .info_pro_right {
        width: 100%;
        margin-top: 30px;
    }
    .info_si_img img {
        height: 62vw;
    }
    
    .info_turp_img img {
        height: 14vw;
    }




}

@media screen and (max-width: 767px){
    .moblies {
        display: block;
    }
    .top_header_flex {
        height: 15vw;
    }
    .sp_nav {
        position: relative;
        cursor: pointer;
        height: 30px;
        margin-top: 2%;
    }
    .sp_nav span {
        display: block;
        background: #27284c;
        width: 26px;
        height: 4px;
        position: absolute;
        right: 0;
        transition: all ease 0.35s;
        border-radius: 2px;
    }
    .sp_nav span:nth-of-type(1) {
        top: 0px;
    }
    .sp_nav span:nth-of-type(2) {
        top: 8px;
    }
    .sp_nav span:nth-of-type(3) {
        top: 16px;
    }
    .sp_nav_se span:nth-of-type(1) {
        top: 10px;
        transform: rotate(45deg);
    }
    .sp_nav_se span:nth-of-type(2) {
        width: 0;
    }
    .sp_nav_se span:nth-of-type(3) {
        top: 10px;
        transform: rotate(-45deg);
    }
    .tp_navs {
        position: absolute;
        width: 100%;
        display: block;
        top: 15vw;
        left: 0;
        right: 0;
        background: #fff;
        padding: 0 15px;
        z-index: 33;
    }
    .top_header {
        position: relative;
        height: 15vw;
        line-height: 15vw;
        border-bottom: 1px solid rgb(204 204 204 / 28%);
    }
    .module_head_moblie_nav {
        display: none;
    }
    .logo {
        width: 45%;
    }
    .tp_navs_item {
        width: 100%;
        height: 15vw;
        line-height: 15vw;
        border-bottom: 1px solid rgb(204 204 204 / 28%);
    }
    .tp_navs_item.active a {
        background: unset;
        color: #e60012;
        box-shadow: unset;
    }
    .tp_navs_item a {
        font-size: 4.8vw;
        display: block;
        color: #666666;
        text-align: center;
    }

    header {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    .mask {
        position: fixed;
        z-index: 1;
        top: 15vw;
        right: 0;
        left: 0;
        bottom: 0;
        display: none;
        background: rgba(0,0,0,0.35);
        -webkit-backdrop-filter: saturate(180%) blur(50px);
    }
    .banner_img img {
        width: 100%;
        height: 60vw;
        object-fit: cover;
    }
.index_mg{
    padding: 8vw 0;
}
.isl_titl {
display: none;
}
.index_title_zn {
    font-size: 6.4vw;
}
.index_service_left {
    margin-top: 8vw;
}
.index_title_en {
    font-size: 3.74vw;
}
.isl_img img {
    width: 100%;
    height: 55vw;
    object-fit: cover;
}
.isr_tit {
    font-size: 6.4vw;
}
.index_service_right {
    padding-top: 3vw;
}
.isr_remark p {
    font-size: 3.6vw;
}
.ipf_item {
    margin-top: 6vw;
}

.ipf_item img {
    height: 26vw;
    margin-bottom: 3%;
}

.ipf_item p {
    font-size: 4.8vw;
}

.ipf_item span {
    display: block;
    font-size: 3vw;
}
.ps_box img {
    height: 40vw;
}
.ps_box {
    padding: 5%;
}
.ps_box p {
    font-size: 4.2vw;
    padding-top: 5%;
}
.index_news_item {
    width: 100%;
    padding: 0 0 5%;
    margin-top: 5%;
}
.ini_title {
    font-size: 4.8vw;
    margin-bottom: 3%;
}
.ini_remark {
    font-size: 3.74vw;
}
.ini_addtime {
    font-size: 3.74vw;
    padding-top: 3%;
}
.index_news_item:hover {
    box-shadow: unset;
}

.icf_box {
    width: 100%;
    margin-top: 5%;
}
.index_contact_map {
    margin-top: 5%;
}
.index_contact_map img {
    width: 100%;
    height: 60vw;
    object-fit: cover;
}
.index_link_flex a {
    font-size: 3vw;
    margin-right: 3%;
}
.index_link {
    padding: 5vw 0;
}
.index_link_flex {
    margin-top: 3%;
    padding-bottom: 3%;
}

.pc_footer_xx_flex {
    flex-wrap: wrap;
    font-size: 3.74vw;
    padding: 5% 0;
}
.icp a {
    padding-left: 0;
}
.pc_footer_flex {
    flex-wrap: wrap;
}
.pc_footer_left {
    width: 100%;
}
.pc_footer_title {
    font-size: 4.8vw;
}
.pc_footer_remark {
    margin-top: 3%;
}
.pc_footer_remark p {
    font-size: 4.2vw;
}
.pc_footer_right {
    width: 100%;
}
.pfr_iput_flex {
    flex-wrap: wrap;
}

.pfr_iput {
    width: 100%;
    margin-top: 5%;
}
.pfr_iput input {
    font-size: 3.74vw;
    padding-bottom: 3%;
}
.pro_cont textarea {
    margin-top: 5%;
    height: 30vw;
    font-size: 3.74vw;
}
button.pfr_btn {
    width: 100%;
    margin-top: 5%;
    height: 14vw;
    line-height: 14vw;
    font-size: 4.2vw;
}
.top_zd {
    right: 0;
    height: 10vw;
    width: 10vw;
    font-size: 3vw;
    line-height: 10vw;
}
.top_zd a {
    font-size: 6.4vw;
}
.curmbs {
    margin: 3vw 0;
}
.pro_list .ipf_item {
    margin-top: 0;
    margin-bottom: 3vw;
}
.list_product {
    padding: 8vw 0 0;
}
.lp_box {
    width: 49%;
    margin-right: 2%;
    padding: 3%;
    margin-bottom: 2%;
}
.lp_box:nth-child(3n) {
    margin-right: 2%;
}
.lp_box:nth-child(2n) {
    margin-right: 0;
}
.lp_box img {
    height: 40vw;
}
.lp_box p {
    padding-top: 3%;
    font-size: 4.2vw;
}
.pages {
    text-align: center;
    margin-top: 5%;
}
.pages a {
    display: none;
}
.pages a.shou {
    display: inline-block;
    font-size: 3vw;
    margin: 0 1px;
    padding: 6px 12px;
}
.main_warp {
    margin-bottom: 8vw;
}
.la_box {
    width: 49%;
    padding: 3%;
    margin-bottom: 2%;
}
.la_box:nth-child(3n) {
    margin-right: 2%;
}
.la_box:nth-child(2n) {
    margin-right: 0%;
}

.la_box img {
    height: 30vw;
}

.la_box p.latit {
    font-size: 4.2vw;
    padding: 3% 0;
    font-weight: 400;
}

.la_box p.laremark {
    -webkit-line-clamp: 2;
    font-size: 3vw;
    margin-bottom: 3%;
}

.la_box p.addtime {
    font-size: 3.5vw;
}
.info_pro_right {
    margin-top: 5%;
}

.iprtit {
    font-size: 4.8vw;
    margin-bottom: 5%;
}

.ipr_remark {
    padding: 5%;
    font-size: 3.74vw;
    margin-bottom: 5%;
}

.ipr_desprict {
    padding: 5%;
    margin-bottom: 5%;
}

.ipr_desprict p.idtit {
    font-size: 4.2vw;
    margin-bottom: 3%;
}

.ipr_desprict p {
    font-size: 3.74vw;
}
.ipa_tel span:first-child {
    font-size: 3.74vw;
}

.ipa_tel {
    width: 60%;
}

.ipa_what {
    width: 36%;
}
.ipx_np {
    margin-top: 5%;
    padding-top: 5%;
}
.ipa_what a {
    width: 100%;
    height: 10vw;
    line-height: 10vw;
    font-size: 3.74vw;
    border-radius: 8vw;
}
.ipa_tel span:last-child {
    font-size: 6.4vw;
}
.info_pro_xq {
    margin-top: 8vw;
}
.ipx_title {
    font-size: 6.4vw;
    margin-bottom: 3%;
    padding-bottom: 3%;
}
.np_sx {
    margin: 3% 0;
}
.ipx_like_title {
    font-size: 6.4vw;
}
.ipx_like {
    margin-top: 8vw;
}
.ipx_like .list_product {
    padding-top: 3%;
}
.la_box:hover {
    transform: translateY(0.5px);
}
.nih_title {
    font-size: 6vw;
}
.nih_ztv {
    margin-top: 5%;
    font-size: 3.74vw;
}
.new_tag_title {
    font-size: 4.2vw;
    margin: 5% 0 3%;
    padding-top: 5%;
}
.new_tag a {
    font-size: 3.74vw;
    padding: 0 3vw;
    line-height: 2.3;
    margin: 0 1.5% 2% 0;
}
.news_info_head {
    padding-bottom: 5%;
    margin-bottom: 5%;
}
.page_title {
    margin-bottom: 8vw;
}

.page_box {
    width: 48%;
    padding-top: 8vw;
}

.page_flex {
    flex-wrap: wrap;
}

.page_box img {
    width: 30%;
}

.page_box p {
    font-size: 4.2vw;
    margin-top: 8%;
}
.pages a.active {
    display: inline-block;
    font-size: 3vw;
    margin: 0 1px;
    padding: 6px 12px;
}


    /* 
12 3
14 3.74
15 4
16 4.2
17 4.6
18 4.8
19 5
20 5.4
21 5.6
22 5.9
23 6.2
24 6.4 
*/


}


@media screen and (max-width: 320px){
  
    


}