@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;
    }
    .index_search {
        display: none;
    }
    .quote-type {
        display: none;
    }
    
    .quote-title {
        margin-bottom: 0;
    }
    
    .quote-btn a {
        margin-top: 22px;
    }
    
    .quote-btn input {
        margin-top: 22px;
    }
    
    .quote_h3 {
        display: none;
    }
    .pc_footer_box:nth-child(5) {
        width: 24%;
    }
    .index_design_box img {
        height: 280px;
    }
    .article_left {
        width: 68%;
    }
    
    .article_right {
        width: 30%;
    }
    .index_programme_left {
        width: 100%;
    }
    
    .index_programme_right {
        width: 100%;
        margin-top: 50px;
    }
    .index_ptg {
        padding-top: 50px;
    }
    .index_message_box span:first-child {
        width: 68%;
    }
    
    .index_message_box span:last-child {
        width: 30%;
    }
    .index_message_right {
        width: 30%;
    }
    .info_product  .index_programme_left img {
        height: 440px;
        object-fit: cover;
    }

}

@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;
    }
    .index_case_box img {
        width: 100%;
        height: 160px;
        object-fit: cover;
    }
    .index_introduction_list img {
        display: none;
    }
    
    .index_introduction_list p {
        width: 100%;
    }
    
    .index_introduction_list span {
        margin-bottom: 5px;
    }
    .index_customized_left {
        width: 100%;
    }
    
    .index_customized_form {
        width: 100%;
        margin-top: 30px;
    }
    
    .quote-type {
        display: block;
    }
    
    .quote-title {
        margin-bottom: 20px;
    }
    
    .quote_h3 {
        display: block;
    }
    .pc_footer_box:nth-child(1), .pc_footer_box:nth-child(2), .pc_footer_box:nth-child(3) {
        display: none;
    }
    .pc_footer_box {
        width: 50%;
    }
    
    .pc_footer_flex {
        justify-content: space-around;
    }
    .pc_footer_box:nth-child(5) {
        width: 35%;
    }
    .index_design_box img {
        height: 380px;
    }
    
    .index_design_flex .index_design_box {
        width: 48%;
        margin-right: 4%;
    }
    
    .index_design_flex .index_design_box:nth-child(2n) {
        margin-right: 0;
    }

    .article_left {
        width: 100%;
    }
    
    .article_right {
        width: 100%;
    }
    .article_flex {
        flex-flow: column-reverse;
    }
    .cll_img img {
        height: 185px;
    }
    .contact_box a:nth-child(1), .contact_box a:nth-child(2) {
        font-size: 16px;
    }
    .contact_box a {
        font-size: 12px;
        text-align: left;
    }
    .index_host_left {
        width: 100%;
    }
    
    .index_host_right {
        width: 100%;
        margin-top: 30px;
    }
    .index_host_box img {
        height: 170px;
    }
    .index_host_icon {
        display: none;
    }
    .index_host_cat {
        padding-bottom: 0;
    }
    .index_host_cat_list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
    }
    .index_host_cat_a {width: 23.5%;margin-right: 2%;}
    .index_host_cat_a:nth-child(4n) {
        margin-right: 0;
    }
    .index_bak_box {
        width: 48%;
        text-align: center;
        margin-bottom: 50px;
    }
    .index_bak_box_img {
        margin: 0 auto;
    }
    .index_message_right {
        width: 30%;
    }
    
    .index_message_left {
        width: 100%;
    }
    
    .index_message_right {
        width: 100%;
        margin-top: 30px;
    }
    .index_host_side {
        display: none;
    }
    .pro_pg {
        padding: 15px 0 50px;
    }

    .recommend_list {
        margin-top: 30px;
    }
    
    .recommend_list_box img {
        height: 110px;
    }







}










@media screen and (max-width: 767px){
    .top_head {
        display: none;
    }
    .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: #369aaa;
        box-shadow: unset;
        border-bottom: none;
    }
    .tp_navs_item a {
        font-size: 4.8vw;
        display: block;
        color: #666666;
        text-align: center;
    }
    .index_search button {
        border: none;
    }
    
    .index_search input {
        border: none;
        font-size: 4.2vw;
    }
    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: 5% 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: 0%;
    height: 30vw;
    font-size: 3.74vw;
}
.pro_cont {
    margin-top: 5%;
}

h3.title {
    font-size: 3.74vw;
    margin-bottom: 3%;
}
button.pfr_btn {
    width: 100%;
    margin-top: 5%;
    height: 12vw;
    line-height: 12vw;
    font-size: 4.2vw;
}
.top_zd {
    right: 0;
    height: 10vw;
    width: 10vw;
    font-size: 3vw;
    line-height: 10vw;
}
.pfr_iput:first-child {
    margin-top: 0;
}
.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%;
}
.index_search {
    width: 100%;
}
.index_search {
    display: block;
}
.index_case_nav a {
    font-size: 3.74vw;
    padding: 0;
}

.index_case_nav {
    align-items: center;
    margin: 5% 0;
}

.index_case_nav span {
    font-size: 3.74vw;
    padding: 0 3%;
}
.index_case_box {
    width: 49%;
}

.index_case_box img {
    height: 28vw;
}

.index_case_titfg {
    padding: 3%;
}

.ict_title {
    font-size: 4.2vw;
}

.ict_fg {
    font-size: 4.2vw;
}
.index_case_a a {
    width: 50%;
    height: 12vw;
    line-height: 12vw;
    margin: 5vw auto 0;
    font-size: 4.2vw;
}
.index_course_box {
    width: 48%;
    margin-top: 8%;
}

.index_course_box img {
    width: 30%;
}

.index_course_box p:nth-child(2) {
    font-size: 4.2vw;
    margin: 5% 0 3%;
}

.index_course_box p:nth-child(3) {
    font-size: 3.74vw;
}

.index_course_box p:nth-child(4) {
    font-size: 3.74vw;
}

.index_design_box {
    padding-top: 8%;
}

.index_design_box img {
    height: 100vw;
}

.idi_flex p {
    font-size: 3.74vw;
}

.index_design_introduce {
    padding: 5%;
}

p.id_style {
    font-size: 4vw;
    padding-top: 2%;
}
.index_introduction_box {
    width: 100%;
    margin-top: 5%;
    padding: 5%;
}
h3.index_introduction_title {
    font-size: 3.74vw;
    margin: 3% 0;
}
.index_introduction_list {
    margin-bottom: 3%;
}
.index_introduction_list span {
    font-size: 4.2vw;
}
.index_introduction_list i {
    font-size: 3.74vw;
}
.index_customized_flex {
    margin-top: 8%;
}

.index_customized_form {
    margin-top: 5%;
    padding: 5%;
}

.quote-title {
    margin-bottom: 5%;
    height: 15vw;
    line-height: 15vw;
    font-size: 4.2vw;
}

.quote-type {
    height: 14vw;
    line-height: 14vw;
    font-size: 4.2vw;
}

.quote-input input {
    font-size: 4.2vw;
    height: 13vw;
    line-height: 13vw;
    margin-top: 3%;
}

.quote-btn a {
    height: 13vw;
    line-height: 13vw;
    font-size: 4.2vw;
    margin-top: 4%;
}

.quote-btn input {
    height: 13vw;
    line-height: 13vw;
    font-size: 4.2vw;
    margin-top: 4%;
}

.quote_h3 {
    font-size: 3.74vw;
    margin-top: 3%;
}
.pc_footer_box:nth-child(4) {
    display: none;
}
.pc_footer {
    padding: 5% 0;
}
.pc_footer_box:nth-child(5) {
    width: 100%;
    text-align: center;
}
.pages a.active {
    display: inline-block;
    font-size: 3vw;
    margin: 0 1px;
    padding: 6px 12px;
}

.index_case_box:nth-child(3n) {
    margin-right: 2%;
}
.index_case_box:nth-child(2n) {
    margin-right: 0;
}
.index_design_flex .index_design_box {
    padding-top: 5%;
    width: 100%;
    margin-right: 0;
}
.index_design_flex {
    padding-top: 3%;
}
.index_design_flex .index_design_box:nth-child(2n) {
    margin-right: 0;
}
.index_design_flex .index_design_box:nth-child(4n) {
    margin-right: 0;
}
.article_right_side {
    padding: 5%;
    margin-bottom: 5%;
}

.article_cat_list {
    margin-bottom: 3%;
}

.article_cat_list a {
    padding-right: 3%;
    font-size: 4.2vw;
}

.acl_box a {
    font-size: 4.2vw;
}

.acl_box {
    margin-bottom: 3%;
}

.news_acl_list .mores {
    font-size: 4.2vw;
}
.article_newws_box {
    padding: 5%;
    margin-bottom: 5%;
}
.anb_img img {
    height: 27vw;
    border-radius: 5px;
}

.anb_more {
    display: none;
}

.anb_title {
    font-size: 4.2vw;
}

.anb_time_view {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.anb_time_view span {
    font-size: 3vw;
}

.anb_time_view i {
    font-size: 3vw;
    padding-left: 5%;
}

.anb_remark {
    font-size: 3.74vw;
    margin: 0;
}

.anb_img {
    width: 40%;
}

.anb_right {
    width: 58%;
}
.pfw {
    width: 40%;
}
.pc_footer_weixin {
    justify-content: space-around;
}
.case_info {
    padding: 5%;
}
.ci_like_tit span {
    font-size: 4.2vw;
}
.cll_img img {
    height: 25vw;
    border-radius: 5px;
}
.ci_like_list {
    margin-top: 5%;
}
.cll_title p:first-child {
    font-size: 3.74vw;
}
.cll_title p:last-child {
    font-size: 3vw;
    border-radius: 5px;
}
.case_info_title {
    font-size: 4.8vw;
    padding-bottom: 5%;
}
.case_info_time_view {
    font-size: 3vw;
    padding: 3% 0;
}

.page_left {
    width: 100%;
    display: none;
}

.page_right {
    width: 100%;
}

.page_warp {
    padding: 5% 0 8%;
}

.page_titles {
    padding-bottom: 3%;
    margin-bottom: 6%;
}

.page_titles span {
    font-size: 4.8vw;
    padding-left: 5%;
}

.page_titles i {
    font-size: 3.74vw;
    padding-left: 5%;
}
.contact_box {
    width: 100%;
}

.contact_box:nth-child(1) {
    width: 100%;
}

.contact_box:nth-child(2) {
    display: none;
}

.contact_box:nth-child(3) {
    display: none;
}

.contact_box:nth-child(1):after {
    display: none;
}

.contact_box:nth-child(1):before {
    display: none;
}

.contact_box a:nth-child(1), .contact_box a:nth-child(2) {
    font-size: 4.8vw;
    margin-bottom: 1%;
    text-align: center;
}

.contact_box a {
    font-size: 4.2vw;
    text-align: center;
}

.contact_flex {
    margin-bottom: 5%;
}
.index_host_flex {
    margin-top: 5%;
}
.index_host_cat_a a {
    height: 12vw;
    overflow: hidden;
    line-height: 12vw;
    font-size: 3vw;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_host_cat {
    padding-bottom: 0;
    border-radius: 3px;
}
.index_host_right {
    margin-top: 5%;
}
.index_host_more {
    margin-bottom: 5%;
    padding-bottom: 3%;
}
.index_host_more span:first-child {
    font-size: 4.2vw;
    padding-left: 5%;
}

.index_host_more span:last-child {
    font-size: 3.74vw;
}

.index_host_more a {
    align-items: flex-end;
}
.index_host_more span:first-child:before {
    height: 4.2vw;
}
.index_host_box {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    padding: 3%;
}

.index_host_box:nth-child(3n) {
    margin-right: 4%;
}

.index_host_box:nth-child(2n) {
    margin-right: 0;
}
.index_host_box img {
    height: 30vw;
}
.index_host_box p {
    padding-top: 5%;
    font-size: 4.2vw;
}
.busin_title {
    margin-top: 3%;
}

.busin_title p {
    font-size: 3.4vw;
}

.index_bak_box {
    margin-bottom: 5%;
}

.index_bak_box_img {
    width: 30vw;
    height: 30vw;
    line-height: 35vw;
}

.index_bak_box_img img {
    width: 50%;
}
.index_bak_flex {
    margin-top: 5%;
}

.index_bak_box strong {
    font-size: 4.2vw;
    margin-top: 5%;
    margin-bottom: 3%;
}

.index_bak_box p {
    font-size: 3vw;
}
.index_programme_flex {
    margin-top: 5%;
}

.index_programme_left img {
    height: 60vw;
}

.index_programme_right {
    margin-top: 5%;
}

.index_programme_right h3 {
    font-size: 5.4vw;
}

.index_programme_right p {
    font-size: 4.2vw;
    color: #333333;
}
.swtbtn span {
    display: none;
}

.swtbtn {
    padding-right: 0;
    height: 13vw;
    line-height: 13vw;
    font-size: 4.2vw;
    margin: 8% auto 5%;
    width: 55%;
    text-align: center;
    display: block;
}

.swtbtn a {
    padding: 0;
    display: block;
    width: 100%;
    margin:  0 auto;
    text-align: center;
}
.index_ptg {
    padding-top: 5%;
}

.index_application_box img {
    height: 60vw;
}

.index_application_box p {
    padding: 3% 0;
    font-size: 4.2vw;
}
.index_message_flex {
    margin-top: 5%;
}
.index_message_cat a {
    padding-right: 5%;
    font-size: 4.2vw;
}
.index_message_cat {
    padding-bottom: 5%;
    margin-bottom: 5%;
}
.index_message_left {
    padding: 5%;
}
.index_message_news a.more {
    font-size: 4.2vw;
}
.imb_img {
    height: 26vw;
    width: 40%;
}

.imb_img img {
    height: 26vw;
}

.imb_title {
    font-size: 4.2vw;
    margin-bottom: 3%;
}

.imb_remark {
    font-size: 3vw;
    -webkit-line-clamp: 2;
    margin: 0;
}

.imb_right {
    width: 57%;
}
.img_addtime {
    font-size: 3vw;
    margin-top: 3%;
}
.index_message_box {
    width: 100%;
    padding: 3% 0;
}
.index_message_box_flex {
    margin-top: 3%;
}
.index_message_box span {
    font-size: 4.2vw;
}
.index_message_box:nth-child(7) {
    border-bottom: 1px solid #d5e3ea;
}
.index_message_right {
    margin-top: 5%;
    padding: 5%;
}

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

.imr_title span {
    font-size: 4.2vw;
}
.imr_list {
    margin-bottom: 5%;
    padding-bottom: 5%;
}

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

p.answer i {
    font-size: 3.74vw;
    display: inline-block;
    vertical-align: 2px;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
}
p.question i {
    font-size: 3.74vw;
    display: inline-block;
    vertical-align: 2px;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
}
p.question {
    font-size: 4.2vw;
}
.kf_side {
    display: none;
}


.footer_moblise_fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #fafafa;
    -webkit-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    z-index: 99;
    background: rgb(255 255 255 / 99%);
    box-shadow: 1px -3px 14px 1px rgb(0 0 0 / 22%);
}
.sjdb {
    display: flex;
    justify-content: space-between;
}
.tb {
    width: 20%;
    text-align: center;
    padding: 5px 0 0;
    line-height: 1.4;
}
.tb.vs a {
    color: rgb(249 90 23);
}
.tb a {
    color: #333333;
    font-size: 3.5vw;
    text-decoration: none;
}
.tb i {
    display: block;
    font-size: 20px;
    line-height: unset;
}
.footer_moblise {
    margin-top: 35px;
    display: block;
}
.pro_pg {
    padding: 1% 0 8vw;
}
.recommend_list {
    margin-top: 8%;
    padding: 5%;
}
.recommend_list_item {
    width: 100%;
    margin-bottom: 5%;
}

.recommend_list_item span {
    font-size: 4.2vw;
}

.recommend_list_item span:last-child {
    font-size: 4.2vw;
}

.recommend_list_item:last-child {
    margin-bottom: 0;
}
.recommend_list_box {
    width: 48%;
    margin-bottom: 5%;
}
.recommend_list_box img {
    height: 25vw;
}
.recommend_list_box:nth-child(3),.recommend_list_box:nth-child(4) {
    margin-bottom: 0;
}
.articl_news_item {
    margin-bottom: 5%;
    padding: 5%;
}

.ani_title {
    font-size: 4.2vw;
}
.ani_time_view {
    font-size: 3vw;
    padding: 3% 0;
    margin-bottom: 0;
    display: block;
    border-bottom: none;
}
.ani_time_view span {
    font-size: 3vw;
    padding-right: 5%;
}
.ani_remark {
    font-size: 3vw;
}
.info_product .index_programme_left img {
    height: 60vw;
}

.info_product .swiper-button-next, .swiper-button-prev {
    display: none;
}

.info_product .index_programme_right h2 {
    font-size: 4.8vw;
    padding-bottom: 5%;
    margin-bottom: 5%;
}

.info_product .index_programme_right h3 {
    font-size: 4.2vw;
}

.info_product .index_programme_right p {
    font-size: 3.74vw;
}

.info_product .swtbtn {
    width: 75%;
    margin: 5% auto 0;
}
.case_info_time_view span {
    font-size: 3vw;
}
    /* 
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){
    .imb_remark {
        line-height: 1.6;
    }
    


}