﻿@media(max-width: 768px)
{
    .header-wrap .list
    {
        display: none;
    }
    .header-wrap .ri .item2
    {
        display: none;
    }
    .logo img
    {
        width: 130px;
    }
    .header-wrap
    {
        margin-top: 1rem;
    }
    .snip1361
    {
        width: 100%;
    }
    .mobile_fi .fw_left
    {
        width: 100%;
    }
    .mobile_fi .fw_right
    {
        width: 100%;
    }
    .nybanner .banner-nav.four .le
    {
        width: 33%;
    }
    .ny_nav
    {
        margin-top: 2rem;
    }/*about*/
    .about-w .info-w .info
    {
        padding: 0 0;
        height: auto;
    }
    .about-w .info-w .info .con
    {
        width: 100%;
        padding: 0;
    }
    .about-w .info-w .info .img
    {
        width: 100%;
        display: none;
    }/*qywh*/
    .nywh_boxl
    {
        width: 90%;
        position: relative;
        left: 0;
        padding: 0;
        margin: auto;
    }
    .nywh_boxr
    {
        width: 100%;
        position: relative;
    }
    .nywh_nr li
    {
        width: 50%;
    }
    .nywh_box
    {
        height: auto;
        background: url(/template/wode/skin/images/mobile_wh.jpg) no-repeat;
    }/*honor*/
    .content1
    {
        width: 100%;
    }
    .he_h1p2li1, .he_h1p2li2
    {
        width: 95%;
        margin-bottom: 10px;
    }
    .he_h1p2yu
    {
        padding: 10px 10px 0;
    }
    .he_h1p2li3
    {
        width: 95%;
        height: 300px;
    }
    .he_h1p2lyg .wh3
    {
        padding: 10px 20px;
    }
    .n_case_m .n_case_main
    {
        width: 100%;
        margin-left: 0;
    }
    .tabbtn1
    {
        width: 100%;
    }
    .tabbtn1 li
    {
        width: 50%;
        margin-right: 0;
    }
    .tabcon1
    {
        height: auto;
        padding-bottom: 30px;
    }
    .tabcon1 .sublist1
    {
        height: 100%;
    }
    .tabcon1 .sublist1 dl dd
    {
        width: 100%;
    }
    .sublist1 dt
    {
        width: 95%;
        padding-top: 20px;
    }
    .sublist1 p
    {
        width: 95%;
    }
    .subnav_er .box
    {
        margin: 0;
        overflow: hidden;
        width: 100%;
        margin: auto;
    }
    .subnav_er .box li
    {
        margin-left: 18px;
    }
    .subnav_er .box ul
    {
        margin-left: 0;
    }
    .subnav_er .righte
    {
        width: 95%;
    }
    .layout
    {
        margin: 0 2%;
    }
    .miaosjs p
    {
        line-height: 22px!important;
    }
    .fanan li
    {
        width: 100%;
    }
    .fanan li .pic
    {
        width: 100%;
    }
    .fanan li .right
    {
        width: 95%;
    }
    .page-w a
    {
        width: 50px;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }/*äº§å“è¯¦æƒ…*/
    .n_content_right
    {
        width: 100%;
    }
    .xn_c_prodv_67_wrap
    {
        width: 100%;
    }
    .xn_c_prodv_57_name h1
    {
        font-size: 22px;
    }
    .xn_c_prodv_57_lbie2
    {
        font-size: 18px;
    }
    .xn_c_prodv_57_wrap
    {
        width: 100%;
        margin-top: 15px;
    }
    .proDetailsCanS .menu li
    {
        width: 33%;
    }
    .proDetailsCanS .anniu .yhal
    {
        width: 40%;
    }
    .proDetailsCanS .menu
    {
        height: auto;
        position: relative;
    }
    .proDetailsCanS .mainCon
    {
        margin-top: 10px;
        width: 95%;
    }
    .xn_c_prodv_64_cocntbox
    {
        width: 45%;
    }
    .n_case_m
    {
        width: 95%;
    }
    .he_h4wp2tli
    {
        width: 100%;
    }
    .he_h4wp2hle
    {
        width: 100%;
        padding-right: 0;
    }
    .w1520
    {
        width: 95%;
        padding: 0;
    }
    .he_h4wp2hri
    {
        width: 100%;
    }
    .tech
    {
        padding: 0;
    }
    .tech_con li
    {
        width: 46%;
        text-align: center;
        float: left;
        display: block;
        padding: 20px 5px;
    }
    .tech_con ul
    {
        display: block;
    }
    .tech_box
    {
        width: 95%;
        padding-top: 50px;
    }
    .tech_tit p
    {
        font-size: 26px;
    }
    .tech_more p
    {
        width: 100%;
        font-size: 18px;
        text-align: center;
        line-height: 66px;
        color: #fff;
    }
    .tech_r
    {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .tech_more
    {
        display: block;
        margin: 20px 0 0;
    }
    .tech_r i img
    {
        display: none;
    }
    .tech_r span
    {
        margin-left: 0;
        display: none;
    }
    .tech_r em
    {
        float: left;
        font-size: 30px;
        width: 95%;
        text-align: center;
    }
    .mar-left
    {
        width: 100%;
        margin-top: 0;
    }
    .dt_container
    {
        width: 90%;
        margin: auto;
    }
    .map-service-right
    {
        width: 100%;
        display: none;
    }
    .mobile_dt
    {
        overflow: hidden;
        display: none;
        float: left;
    }
    .mobile_dt img
    {
        width: 100%;
    }
    .map-service
    {
        margin-top: 30px;
        overflow: hidden;
    }
    .map-service .tent
    {
        width: 100%;
    }
    .china-map
    {
        width: 100%;
    }
    .mar-left h3
    {
        line-height: 30px;
        font-size: 16px;
    }/*news*/
    .news-w .newsde .le .news_list .img
    {
        width: 100%;
        padding-bottom: 20px;
    }
    .news-w .newsde .le .news_list .img img
    {
        position: relative;
    }
    .news-w .newsde .le .news_list .con-t
    {
        width: 100%;
    }
    .news-w .newsde .le .news_list .con-t .t
    {
        font-size: 14px;
    }
    .news-w .newsde .le .news_list .con-t .tit
    {
        font-size: 12px;
        height: auto;
    }
    .news-w .newsde .le .news_list .con-t .time
    {
        font-size: 12px;
    }
    .news-w .title
    {
        font-size: 20px;
        margin-top: 20px;
    }
    .nybanner .banner-nav .le a
    {
        font-size: 14px;
    }
    .news-w .newsde .le .news_list .con-t .de
    {
        font-size: 14px;
    }
    .ny_nav a
    {
        font-size: 14px;
    }
    .news-w .newsde p
    {
        line-height: 24px!important;
        font-size: 16px;
        width: 95%!important;
    }
    .news-w .newsde img
    {
        width: 95%!important;
        height: auto!important;
    }
    .nybanner .banner-nav
    {
        height: auto;
        line-height: 40px;
    }
    .proDetailsCanS .mainCon .box iframe
    {
        width: 100%;
    }
    .proDetailsCanS .mainCon table
    {
        width: 100%;
    }
    .proDetailsCanS .mainCon .box tbody
    {
        width: 100%;
    }
    .proDetailsCanS .mainCon .box tbody img
    {
        width: 100%!important;
        height: auto!important;
    }
    .lianxi_mr
    {
        width: 100%;
    }
    .lianxi_mr_i
    {
        display: none;
    }
    .lianxi_mr_m
    {
        width: 95%;
        line-height: 28px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }
    .lianxi_ml_m
    {
        font-size: 22px;
    }
    .lianxi_ml_en
    {
        font-size: 20px;
    }
    .lianxi_ml
    {
        padding: 20px 40px 20px 20px;
    }
    .lianxi_mr_m span
    {
        font-size: 20px;
    }
    .lianxi_m .mr_i
    {
        display: none;
    }
    .contact_li li
    {
        width: 100%;
    }
    .newinput-wrap span
    {
        font-size: 16px;
    }
    .newinput-wrap .input-bot .input-b input
    {
        font-size: 14px;
    }
    .newinput-wrap .textarea p
    {
        font-size: 16px;
    }
    #dituContent
    {
        display: none;
    }
    .ly
    {
        font-size: 14px;
    }
    .header-wrap .ri .item a
    {
        font-size: 14px;
    }
    .nybanner h1
    {
        font-size: 18px;
    }
    .nybanner p
    {
        font-size: 14px;
    }
    .companywz
    {
        width: 100%;
    }
    .companyimg
    {
        width: 100%;
    }
    .companyimg .tubiao img
    {
        width: 60px!important;
    }
    .companyimg .tubiao
    {
        bottom: 150px;
    }
    .sqVideo_box
    {
        float: left;
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
        top: 0;
    }
    .sq_timer_800ms
    {
        -webkit-transition: all 800ms;
        -moz-transition: all 800ms;
        -ms-transition: all 800ms;
        -o-transition: all 800ms;
        transition: all 800ms;
    }/**/
    .headMenu
    {
        cursor: pointer;
        display: block;
        float: right;
    }
    .header_off .headMenu span
    {
        width: 28px;
        display: block;
        height: 3px;
        margin-bottom: 6px;
        background: #fff;
    }
    .headMenu span
    {
        width: 28px;
        display: block;
        height: 3px;
        margin-bottom: 6px;
        background: #fff;
    }
    .headMenu .headMenu-span3
    {
        margin-bottom: 0;
    }/**/
    .headerBox
    {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;
        background: rgba(0,0,0,.6);
        z-index: 9999;
    }
    .headerBox-div
    {
        float: right;
        position: relative;
        right: -68%;
        width: 66%;
        height: 100%;
        background: #fff;
    }
    .headerBox-div.on
    {
        right: 0;
    }
    .headerBox .headerBox-lang
    {
        background: rgba(188,159,95,.18);
        font-size: .6em;
        position: relative;
        padding: 0 7% 0 5%;
        color: #999;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .headerBox .headerBox-lang a
    {
        text-transform: uppercase;
        display: inline-block;
        color: #bc9f5f;
        font-size: 16px;
        padding: 8px;
        vertical-align: middle;
        flex: 1;
    }
    .headerBox-cls
    {
        cursor: pointer;
        height: 57px;
        line-height: 57px;
        background: #1f3d86;
    }
    .headerBox-cls p
    {
        color: #fff;
        padding-left: 20px;
        width: 50%;
        float: left;
    }
    .headerBox-cls img
    {
        float: right;
        margin: 7px;
        width: 40px;
    }
    .headerBox-ul
    {
        position: relative;
        overflow-y: auto;
        height: 100%;
    }
    .headerBox li
    {
        position: relative;
        line-height: 60px;
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
    }
    .headerBox a
    {
        display: block;
        padding: 0 8%;
        font-size: 15px;
        position: relative;
    }
    .headerBox li img
    {
        float: right;
        display: block;
        margin: 24px 0;
    }
    .headerBox-li
    {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        background: #fff;
        height: 100%;
    }
    .headerBox-li.on
    {
        left: 0;
    }
    .headerBox-li-item .headerBox-li-back
    {
        background: rgba(188,159,95,.68);
    }
    .headerBox-li-item .headerBox-li-back a
    {
        color: #fff;
    }
    .headerBox-li-item .headerBox-li-back span
    {
        cursor: pointer;
        font-size: 13px;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0 6%;
        background: rgba(188,159,95,.8);
    }
    .sq_main.on
    {
        -webkit-transform: translateX(-66%);
        -moz-transform: translateX(-66%);
        -ms-transform: translateX(-66%);
        -o-transform: translateX(-66%);
        transform: translateX(-66%);
    }
    .header-wrap .ri
    {
        display: none;
    }
    .honer
    {
        display: none;
    }
    .honor_mobile
    {
        display: block;
    }
    .honor_mobile li
    {
        list-style: none;
        width: 49%;
        text-align: center;
        float: left;
        margin-right: 1%;
    }
    .honor_mobile li:nth-child(6)
    {
        width: 99%;
    }
    .honor_mobile .t
    {
        text-align: center;
    }
    .honor_mobile .t b
    {
        font-size: 40px;
        color: #222;
    }
    .honor_mobile .t t
    {
        color: #00479d;
    }
    .honor_mobile .t p
    {
        font-size: 18px;
        color: #666;
        line-height: 30px;
    }
    .zz_mobile img
    {
        width: 100%;
    }
    .zz_mobile p
    {
        font-size: 16px;
    }
    .wp1600
    {
        width: 95%;
    }
    .index-coop-box .item
    {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    body
    {
        font-size: 14px;
    }
    .about-w .info-w .info h2
    {
        font-size: 18px;
    }
    .cpny .title
    {
        font-size: 18px;
        margin-top: 30px;
    }
    .cpny
    {
        padding: 0;
    }
    .he_b1zp2li
    {
        width: 100%;
        padding: 0%;
        margin-top: 30px;
    }
    .he_b1dowle
    {
        width: calc(100% - 0px);
    }
    .he_b1zp2lnm
    {
        width: 95%;
        padding: 10px;
    }
    .tech_tit em
    {
        text-align: center;
        line-height: 30px;
    }
    .develop-w .title
    {
        margin-top: 40px;
        font-size: 18px;
    }
    .develop-w li .con-t
    {
        font-size: 14px;
    }
    .develop-w li h1
    {
        font-size: 16px;
    }
    .footer-wrap
    {
        display: none;
    }
    .mobile_footer
    {
        display: block;
    }
    .mobile_footer
    {
        display: block;
        background: #111;
        height: 200px;
        text-align: center;
        line-height: 32px;
    }
    .mobile_footer p a
    {
        color: #fff;
    }
    .mobile_footer p
    {
        color: #fff;
    }
    .proc_c
    {
        width: 95%;
    }
    .proc_c ul
    {
        display: block;
        margin-top: 0;
    }
    .proc_c ul li
    {
        width: 48%;
        float: left;
        height: 290px;
    }
    .proc_tit>p
    {
        font-size: 14px;
    }
    .proc_btn
    {
        width: 100%;
    }
    .proc_btn i
    {
        display: none;
    }
    .proc_btn span
    {
        font-size: 20px;
    }
    .jobs-W8moAs8f06
    {
        max-width: 100%;
        width: 95%;
    }
    .job-wrapper-14MiCq2h-J
    {
        margin-right: 0;
        width: 49%;
    }
    .job-111nXxBXHx
    {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .centre-w .tab-bar span
    {
        width: 140px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .centre-w .tab-w .tit
    {
        font-size: 16px;
        margin: 20px 0 20px;
    }
    .centre-w .tab-w .swiper-container1 .swiper-slide
    {
        width: 20%;
        height: 80px;
        font-size: 12px;
    }
    .centre-w .info-w
    {
        margin-top: 30px;
    }
    .centre-w .tab-w .swiper-container1 .swiper-slide .img img
    {
        width: 30px;
    }
    .centre-w .info-w .img
    {
        width: 100%;
        height: 230px;
    }
    .centre-w .info-w .con
    {
        width: 100%;
        margin-top: 30px;
    }
    .centre-w .info-w .con h2
    {
        font-size: 18px;
    }
    .centre-w .info-w .con h3
    {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .wryh p
    {
        font-size: 14px;
    }
}