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

    .tit-1 {
        margin-bottom: 2.604vw;
        font: 604 36px/50px "Microsoft yahei";
    }
    .tit-2 {
        font-size: 1.77vw;
        line-height: 1.88;
        margin-bottom: 2.083vw;
    }
    .st3 {
        font-size: 1.666vw;
        line-height: 1.88;
        margin-bottom: 2.343vw;
    }
    .st3::after {
        width: 4vw;
    }
    .h50 {
        height: 2.604vw;
    }
    .h60 {
        height: 3.125vw;
    }
    .h80 {
        height: 4.166vw;
    }
    .h100 {
        height: 5.208vw;
    }
    /*******************************
        -------[=navigation]-------
    ********************************/
    #nav li {
        padding: 0 4%;
    }
    /*******************************
        -------[=banner]-------
    ********************************/
    #banner .slider .item-con {
        height: 0;
        padding-top: 35.416%;
    }
    #banner .item-txt h2 {
        letter-spacing: 4px;
        font-size: 2.5vw;
        font-weight: 600;
        text-shadow: #fff 0px 0px 7px;
    }
    #banner .item-txt h3 {
        color: #a94442;
        line-height: 42px;
        font-size: 1.5vw;
        margin-top: 28px;
    }
    #banner .item-txt h3 em {
        font-size: 1.2vw;
        word-spacing: .2604vw;
        color: #363636;
    }
    /*******************************
        -------[=ban]-------
    ********************************/
    #ban {
        height: 21.875vw;
    }
    .ban_txt h2 {
        font-size: 2.5vw;
    }
    .ban_txt h2 em {
        font-size: 1.6vw;
    }
    .ban-query h3 {
        font-size: 2.395vw;
    }
    .ban-query h2 em {
        font-size: 3.645vw;
    }
    /*******************************
        -------[=snav]-------
    ********************************/
    #snav .s1 {
        margin: 0 2.083vw;
    }
 
    #Search {
        font-size: 1.77vw;
    }
    #Search .inp-box .inp {
        font-size: .9375vw;
    }
    #Search .inp-box .btn {
        font-size: 1.041vw;
    }
    /*******************************
        -------[=page]-------
    ********************************/
    .page {
        margin: 2.083vw 0;
    }

    .index-row {
    }
    .index-Service {
        height: auto;
        padding-bottom: 0;
    }
    .g-list1 .con {
        padding: 5%;
    }
    .g-txt1 {
        margin: 2.125vw auto 2.6875vw;
    }
    .g-list2 {
        margin-bottom: -1.5625vw;
    }
    .g-list2 li {
        margin-bottom: 1.5625vw;
    }
    .g-list2 .con {
        margin: 0 1.823vw;
    }
    .PartnerSlider .g-tpList1 {
        padding: 0 7.8125vw;
    }
    .PartnerSlider .slick-prev {
        left: 3.645vw;
    }
    .PartnerSlider .slick-next {
        right: 3.645vw;
    }
  
    .m-row {
        padding: 3.645vw 0;
    }
    .m-Profile {
        margin-bottom: 3.645vw;
    }
    .m-txt1 {
        margin-bottom: 1.5625vw;
    }
    .m-txt1 h3 {
        font-size: 1.5625vw;
        margin-bottom: 0.083vw;
    }
    .m-txt1 h3 em {
        font-size: .9375vw;
    }
    .txtList1 b {
        font-size: 3.125vw;
    }
    .txtList1 .num {
        font-size: 1.145vw;
    }
    .m-list2 {
        margin-top: 4.6875vw;
    }
    .m-list2 li {
        margin-bottom: 2.604vw;
    }
    .m-list2 .icon {
        margin-bottom: 1vw;
    }
    .m-list2 h3 {
        font-size: 1.354vw;
        line-height: 1.73;
        margin-bottom: .78125vw;
    }
    .m-list3 {
        margin-bottom: 3.125vw;
    }
    .m-list3 .pic {
        height: 28.125vw;
        line-height: 28.125vw;
    }
    .m-Device {
        margin-bottom: 3.125vw;
    }
   
    .m-service {
        margin-bottom: 2.083vw;
    }
    .m-service .txt {
        padding: 30px 2.083vw;
    }
    .m-service .txt h3 {
        font-size: 1.666vw;
    }

    .m-service-text h3 {
        font-size: 1.354vw;
        line-height: 2.31;
    }

    .m-tpTxtBox2 {
        padding: 3.125vw 0 4.166vw;
    }
    .m-tpTxtBox2 .txt {
        padding-left: 4.166vw;
    }
    .m-customer {
        padding: 2.604vw 0;
    }
    .m-test-flow {
        padding: 3.645vw 0;
    }
    
    .AddressBox {
        height: 25.52vw;
        min-height: 350px;
        margin: 3.125vw 0;
    }
    .AddressTxt {
        padding: 3.125vw 4.166vw;
        margin-right: 3.385vw;
    }
    .IconTxtList2 {
        font-size: .833vw;
    }
    .IconTxtList2 li {
        padding-bottom: 1.823vw;
        margin-bottom: 2.083vw;
    }
    .IconTxtList2 h4 {
        font-size: 1.041vw;
    }
    .MessBox {
        padding: 3.645vw 0;
    }
    .g_form1 ul {
        margin: .781vw -2.604vw;
    }
    .g_form1 li>div {
        margin: .781vw 2.604vw;
    }
  
    .m-filter {
        padding: 2.865vw 0;
    }
    .m-filter-result {
        margin: 1.5625vw 0 3.125vw;
    }
}

/*Common For Max 1440*/

@media only screen and (max-width:1600px) {
    /*title*/
    .tit-1 {
        padding-bottom: 5px;
    }
    .st1 {
        font-size: 18px;
        line-height: 1.9;
        padding-bottom: .9375vw;
        margin-bottom: 1.25vw;
    }

    .wrap {
        padding: 0 10px;
    }
    .logo {
        left: 10px;
    }
    #header {
    }
    #nav {
        text-align: right;
    }
    .fdl .item {
        width: 13.125vw;
    }
    .fdl .f_address {
        width: auto;
    }
 
    #Search .close {
        right: 10px;
    }

    .g-txt1 {
        font-size: 14px;
    }
    .g-list2 h4 {
        font-size: 16px;
    }
    .btn1 {
        font-size: 16px;
    }

    .m-txt1 h3 em {
        font-size: 14px;
    }
    .txtList1 {
        font-size: 14px;
    }
    .m-list2 .con {
        font-size: 14px;
        line-height: 1.88;
    }
    .m-list2 h3 {
        font-size: 18px;
    }
    #AbilitySlider .d_prev {
        left: 0;
    }
    #AbilitySlider .d_next {
        right: 0;
    }

    .m-service-text {
        font-size: 14px;
        line-height: 2;
    }
    .m-service-text h3 {
        font-size: 20px;
    }

    .m-list5 li {
        max-width: 8.125vw;
        padding-right: 7.8125vw;
        background-position: right 2.8125vw top 3.5625vw;
    }
    .m-list5 .icon {
        height: 8.125vw;
        line-height: 8.125vw;
        margin-bottom: 1.875vw;
    }

    .IconTxtList2 h4 {
        font-size: 16px;
    }
}

/*Common For Max 1366*/
@media only screen and (max-width: 1400px) {
    .index_case ul li i {height:283px;}
    #nav li {
        padding: 0 4%;
    }
    #nav .v1 {
        font-size: 15px;
    }
    #nav .nav_sub a {
        font-size: 12px;
    }

    .fdl .item {
        width: 12vw;
    }
    .fdl .f_address {
        width: auto;
    }

    #Search {
        height: 45px;
        line-height: 45px;
    }
    #Search .inp-box {
        padding-left: 40px;
    }
    #Search .inp-box .icon {
        width: 40px;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
    }
    #Search .inp-box input {
        height: 45px;
        line-height: 45px \9;
    }
    #Search .inp-box .btn {
        font-size: 14px;
        width: 14.285vw;
        background-position: 40% center;
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
    }
 
    .g-list1 .icon {
        height: 50px;
        line-height: 50px;
    }
  
    .m-txt1 h3 {
        font-size: 20px;
    }
    .m-list2 .icon {
        height: 50px;
        line-height: 50px;
    }

    #AbilitySlider {
        height: 38.571vw;
    }
    #AbilitySlider .d_img .d_pos1,
    #AbilitySlider .d_img .d_pos3 {
        width: 21.785vw;
    }
    #AbilitySlider .d_img .d_pos2 {
        width: 29.285vw;
        left: 33.333%;
    }

    .m-list5 h4 {
        font-size: 14px;
    }
    .m-list5 h4 em {
        font-size: 12px;
    }

    .AddressTxt .text {
        font-size: 14px;
    }
    .map-txt {
        font-size: 16px;
    }

    .index_case .product_nav a {
    margin: 4px 9px;
    padding: 7px 16px;
    font-size: 15px;
}
.index-About .about-fl h2 {font-size: 26px;}

}

/*Common For Max 1024*/

@media only screen and (max-width: 1199px) {
    /*button*/
    .btn1 {
        font-size: 14px;
    }
  
    .tit-1 {
        font-size: 24px;
        line-height: 42px;

    }
    .tit-2 {
        font-size: 20px;
    }
    .st1 {
        font-size: 16px;
    }
 .tit-1 p {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 13px;
}
    .wp-middle {
        padding: 0 10px;
    }
    .wp-small {
        padding: 0 10px;
    }
    #header {
    padding-bottom: 10px;
}
    #header .wrap {
        margin: 0;
    }
    .logo .logo_txt .txt {font-size: 17px;}
    .logo .logo_txt {
    line-height: 18px;
    margin-top: 18px;
    margin-left: 7px;
    padding-left: 7px;
    }
    .logo .logo_txt span {font-size: 11px;}
    .logo a img {
    width: 57px;
}
    .logo img {
        vertical-align: top;
        margin-top: 10px;
    }
    .hdr {display:none;}
    .hd-hotline {
        height: 40px;
        margin-right: 5px;
        background-position: center;
    }
    .hd-hotline em {
        display: none;
    }
    .hd-report {
        font-size: 14px;
    }
    /*******************************
      -------[=navigation]-------
    ********************************/
    .menuBtn {
        display: block;
    }
    #slideNav {
        display: block;
    }
    #nav {
        display: none;
    }
    /*******************************
        -------[=footer]-------
    ********************************/
    .f_top {
        padding: 5vw 0 3.333vw;
    }
    .fdr {
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    .f_share p {
        line-height: 30px;
        margin-bottom: 10px;
    }
    .f_share .bdsharebuttonbox {
        display: inline-block;
        margin-right: 0;
    }
    .f_share .bdsharebuttonbox a {
        width: 32px;
        height: 32px;
        margin: 0 5px;
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
    }
    .fdl {
        margin-right: 0;
    }
    .fdl .item {
        display: none;
    }
    .fdl .f_address {
        float: none;
        display: block;
        text-align: center;
        width: auto;
    }
    .fdl .f_address .st1::after {
        left: 50%;
        margin-left: -15px;
    }

    #ban {
        height: auto;
        /*height: 0;padding-top: 35%;*/
    }
    #ban .ban_txt {
        position: relative;
        top: 0;
        padding: 13% 0;
    }
    .ban_txt h2 {
        font-size: 20px;
    }
    .ban_txt h2 em {
        font-size: 16px;
    }
    .ban-query h2 em {
        font-size: 34px;
    }
    .ban-query h3 {
        font-size: 24px;
    }
    /*******************************
        -------[=submenu]-------
    ********************************/
    #snav {
        height: 50px;
        line-height: 50px;
    }
    #snav .s1 {
        font-size: 14px;
        line-height: 49px;
        border-width: 2px;
    }
    /*******************************
        -------[=index]-------
    ********************************/
    .g-list1 {
        font-size: 12px;
    }
    .g-list1 .con {
        line-height: 1.79;
        height: 264px;
    }
    .g-list1 h4 {
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 0;
    }
    .g-list1 .det {
        margin-bottom: 10px;
    }
    .g-list1 .con:hover h4 {
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
  
    .news-tab-tit {
        font-size: 14px;
        margin: 30px 0;
    }
    .news-tab-tit li {
        width: 120px;
        height: 35px;
        line-height: 35px;
    }
    .g-list2 .con {
        margin: 0 10px 0 0;
    }

 
    .txtList1 b {
        font-size: 36px;
    }
    .m-list2 .con {
        font-size: 12px;
    }
    .m-list2 h3 {
        font-size: 16px;
    }

    .m-service .txt h3 {
        font-size: 20px;
    }
  
    .m-list4 li {
        margin-bottom: 20px;
    }
    .m-list4 .txt-con {
        padding: 60px 20px 70px;
    }
    .m-list4 .txt {
        margin-right: 20px;
    }
 
    .article .header {
        padding: 30px 20px 10px;
    }
    .article .cont {
        padding: 20px;
    }
    .article .footer {
        padding: 20px;
    }

    .m-tpTxtBox2 .txt {
        line-height: 2;
    }

    .m-customer {
        font-size: 14px;
    }
    .txtList3 {
        font-size: 14px;
    }
    .txtList3 li {
        margin: 3.57vw;
    }

    .m-list5 li {
        max-width: 9999px;
    }

    .m-filter .inp-box {
        padding-left: 50px;
        border-width: 2px;
    }
    .m-filter .inp-box .icon {
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
    }
    .m-filter .inp-box input {
        height: 45px;
        line-height: 45px \9;
    }
    .m-filter .inp-box .inp {
        font-size: 14px;
    }
    .m-filter .inp-box .btn {
        font-size: 16px;
        width: 14.285vw;
        background-position: 40% center;
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
    }
    .m-filter .inp-box .icon {
        width: 50px;
    }

    .index_case ul li i {height:231px;}

    .index_case .product_nav a {
    margin: 4px 7px;
    padding: 6px 13px;
    font-size: 14px;
    }
.index-About .about-fl h2 {
    font-size: 23px;
}
    .g-txt1 {font-size: 12px;}
}

/*Common For Max 768*/

@media only screen and (max-width: 992px) {
    /*fonts*/
    body {
        font-size: 12px;
    }
    /*scrollbar*/
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    /*title*/
    .tit-2 {
        margin-bottom: 20px;
    }
    .st3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    /*button*/
    .btn1 {
        width: 140px;
        height: 38px;
        line-height: 38px;
    }
    /*layout*/
    .h50 {
        height: 25px;
    }
    .h60 {
        height: 30px;
    }
    .h80 {
        height: 40px;
    }
    .h100 {
        height: 50px;
    }
    /*******************************
        -------[=footer]-------
    ********************************/
    .f_bot {
        padding: 10px 0;
    }
    .f_share .bdsharebuttonbox {
        margin-right: -10px;
    }
    .f_share .bdsharebuttonbox a {
        width: 32px !important;
        height: 32px !important;
        margin-right: 10px !important;
        -webkit-background-size: 20px auto !important;
        background-size: 20px auto !important;
    }
    .f_address .tele {
        font-size: 24px;
    }
    /*******************************
        -------[=banner]-------
    ********************************/
    #banner .slick-dots {
        bottom: 10px;
    }
    #banner .slick-dots li {
        margin: 0 3px;
    }
    #banner .slick-dots button {
        width: 6px;
        height: 6px;
    }
    #banner .item-txt {
        text-align: center;
    }
    #banner .item-txt h2 {
        font-size: 26px;
    }
    #banner .item-txt h3 {
        line-height: 17px;
        font-size: 18px;
        margin-top: 12px;
    }

    .snav .s1 {
        font-size: 14px;
    }

    .page {
        font-size: 14px;
        line-height: 30px;
    }
    .page li {
        margin: 0 2px;
    }
    .page a {
        padding: 0 10px;
    }

    .index-row {
        display:block;
        min-height: auto;
    }
    .index-About .about-fl h2 {
    font-size: 17px;
}

.btn1 {
    width: 99px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.news-tab-tit li {width: 31%;}
    .index-About .about-fl {
    width: 88%;
    text-align: left;
    margin: 8% auto 8%;
}
    .index-Service {
        padding-top: 3%;
        padding-bottom: 0;
    }
    .g-txt1 {
        font-size: 12px;
    } 
    .g-list2 h4 {
        font-size: 14px;
    }
    .g-list2 .date span {
        font-size: 18px;
    }

    .m-row {
        padding: 30px 0;
    }

    .m-Profile .text,
    .m-Profile .picture {
        float: none;
        width: auto;
    }
    .m-Profile .picture {
        height: 45vw;
        overflow: hidden;
        margin-top: 20px;
    }
    .m-txt1 h3 {
        text-align: center;
    }
    .m-Device .text-con {
        padding: 40px 20px;
    }
    .m-Device .text .title::before {
        width: 3em;
    }
    .g-tpList1 .item {
        width: 25%;
    }
    #AbilitySlider .d_prev,
    #AbilitySlider .d_next {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
        display: block;
    }
    .m-service-text {
        font-size: 12px;
    }
    .m-service-text .pic,
    .m-service-text .txt {
        float: none;
        width: auto;
    }
    .m-service-text h3 {
        font-size: 18px;
    }
    .m-service-text p {
        margin-bottom: 1em;
    }
    .m-list4 .pic {
        width: 220px;
        height: 140px;
    }
    .m-list4 .txt-con {
        font-size: 12px;
        padding: 25px 20px;
    }
    .m-list4 .txt {
        padding-left: 15px;
        margin-left: 70px;
    }
    .m-list4 .date {
        font-size: 14px;
        width: 70px;
    }
    .m-list4 .date .year {
        font-size: 24px;
    }
    .m-list4 .txt h4 {
        font-size: 14px;
    }
    .article h1 {
        font-size: 20px;
        line-height: 1.2;
    }
    .m-tpTxtBox2 {
        padding: 30px 0;
    }
    .txtList3 {
        font-size: 12px;
    }
    .txtList3 .txt {
        width: 100px;
        height: 100px;
        line-height: 100px;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .m-test-flow {
        padding: 30px 0;
    }
    .m-list5 li {
        width: 33.333%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-background-size: auto 8px;
        background-size: auto 8px;
    }
    .m-list5 li:nth-child(3n) {
        padding-right: 0;
        background: none;
    }

    .AddressBox {
        height: auto;
        margin: 30px 0;
    }
    .MapBox {
        position: relative;
        height: 0;
        padding-top: 47%;
        width: auto;
    }
    .MapBox #allmap {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .AddressTxt {
        padding: 20px 10px;
        margin-left: 0;
        margin-right: 0;
    }
    .IconTxtList2 li {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .IconTxtList2 h4 {
        font-size: 14px;
        padding-left: 20px;
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
    }
    .AddressTxt .tit-2 {
        margin-bottom: 10px;
    }
    .map-txt {
        font-size: 14px;
    }

    .MessBox {
        padding: 30px 0;
    }
    .g_form1 ul {
        margin: 5px -5px;
    }
    .g_form1 li>div {
        margin: 5px;
        padding: 0 5px 0 40px;
    }
    .g_form1 .mail {
        padding-left: 55px;
    }
    .g_form1 .mess {
        padding-left: 40px;
    }
    .g_form1 .inp_area {
        height: 140px;
    }
    .btn3 {
        margin: 15px auto;
    }
    .m-filter {
        padding: 20px 0;
    }
    .m-filter-result {
        margin: 20px 0 30px;
    }
    .index_case ul li {width: 49%}
    .index_case ul li i {height:360px;}
    .index_case .product_nav {text-align: center;display: block;overflow:hidden;}
    .index_case .product_nav a {display: block;float: left;}
    .index_case ul li p {
    line-height: 29px;
    font-size: 14px;}
    .index_case ul li span {padding: 0 1%;font-size: 11px;}
    .g-list1 h4 {font-size: 20px;}
    .g-list1 .det {
    margin-bottom: 10px;
    font-size: 15px;
}
.contact-one-list {display:block;}
.contact-one-list li {
    padding: 5%;
    float: none;
    width: 90% !important;
    margin: 5%;
    height: auto;
}
.contact-one-list li .cont p {
    font-size: 13px;
}

.contact-one-list li .cont p a {
    font-size: 13px;
}
.contact-one-list li .box {
    display: flex;
    justify-content: flex-start;
}
.contact-one-list li .pic {
    width: 26px;
    margin-right: 22px;
}

.friend-links .fen_zhan li {
    display: inline-block;
    margin: 0 4px 15px 0;
}
.friend-links .fen_zhan li a {font-size: 11px;padding: 4px 9px;}

}

/*Common For Max 640*/

@media only screen and (max-width: 750px) {
    /*title*/
    .tit-1 {
        font-size: 19px;
    }
    .tit-2 {
        font-size: 18px;
    }
    .hd-report {
        font-size: 12px;
        padding: 0 10px;
        width: auto;
    }
    .fdr {
        width: auto;
    }
    .f_bot {
        text-align: center;
    }
    .f_bot .webinfo {
        float: none;
    }
    .f_bot .webinfo,
    .f_bot .wrap>div {
        display: none;
    }
    .m-code img {
        width: 100px;
    }
    .fdl {
        display: none;
    }
    #banner .item-txt h2 {
        font-size: 20px;
    }
    #banner .item-txt h3 {
        font-size: 15px;
    }
    #ban {
        height: auto;
        padding-top: 0;
    }
    #ban .ban_txt {
        position: relative;
        top: 0;
        padding: 13% 0;
    }
    #Search {
        height: auto;
        line-height: 30px;
        padding: 10px;
    }
    #Search .inp-box {
        display: block;
        width: auto;
    }
    #Search .inp-box input {
        height: 35px;
        line-height: 35px;
    }
    #Search .inp-box .btn {
        width: 100px;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
    }
    #Search .close {
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
    }

    #banner .slider .item-con {
        padding-top: 50%;
    }

    .g-list1 .item {
        width: 50%;
    }
    .news-tab-tit {
        margin: 20px 0;
    }
    .news-tab-tit li {
        margin: 0 0%;
    }
    .g-list2 li {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .g-list2 .con {
        margin-right: 0;
    }
    .g-list2 .date {
        width: 60px;
        height: 60px;
    }
    .g-list2 .date span {
        padding-top: 8px;
    }
    .g-list2 .txt {
        margin-left: 70px;
    }
    .g-list2 h4 {
        margin: 0 0 5px;
    }

    .txtList1 {
        font-size: 12px;
    }
    .m-txt1 h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .m-txt1 h3 em {
        font-size: 12px;
        line-height: 2;
    }
    .m-list2 {
        display: block;
        overflow: hidden;
    }
    .m-list2 li {
        float: left;
        width: 50%;
        max-width: 100%;
    }
    .m-list2 .con {
        padding: 0 5px;
    }
    .m-list2 .icon {
        margin-bottom: 10px;
    }
    .m-list2 h3 {
        margin-bottom: 10px;
    }
    .btn2 {
        width: 120px;
        height: 32px;
        line-height: 32px;
    }
    .btn2 i {
        height: 32px;
        -webkit-background-size: 35px auto;
        background-size: 35px auto;
    }
   
    .g-tpList1 .item {
        width: 33.333%;
    }

    #AbilitySlider {
        height: 45vw;
    }
    #AbilitySlider .d_img .d_pos1,
    #AbilitySlider .d_img .d_pos3 {
        width: 26.785vw;
    }
    #AbilitySlider .d_img .d_pos1 {
        left: 5%;
    }
    #AbilitySlider .d_img .d_pos3 {
        right: 5%;
    }
    #AbilitySlider .d_img .d_pos2 {
        width: 33.285vw;
        left: 33%;
    }

    .article h1 {
        font-size: 16px;
    }
    .article .footer .back {
        float: none;
        display: block;
        height: 28px;
        line-height: 28px;
        margin: 0 auto 10px;
    }
    .article .footer>div {
        margin-right: 0;
        line-height: 30px;
    }

    .m-tpTxtBox2 .pic {
        float: none;
        width: auto;
        height: 0;
        padding-top: 66%;
        margin-bottom: 15px;
    }
    .m-tpTxtBox2 .txt {
        margin-left: 0;
        padding: 0;
    }

    .txtList3 {
        margin: 20px 0;
    }
    .txtList3 li {
        width: 50%;
        margin: 0;
    }
    .txtList3 .txt {
        margin: 10px auto;
    }

    .m-list5 li {
        background-position: right 2.8125vw top 26px;
    }
    .m-list5 .icon {
        height: 60px;
        line-height: 60px;
        margin-bottom: 10px;
    }

    .m-filter .inp-box {
        padding-left: 40px;
    }
    .m-filter .inp-box .icon {
        width: 40px;
    }
    .m-filter .inp-box input {
        height: 35px;
        line-height: 35px \9;
    }
    .m-filter .inp-box .inp {
        font-size: 12px;
    }
    .m-filter .inp-box .btn {
        font-size: 14px;
        width: 100px;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
    }
    .m-box1 .hd {
        font-size: 14px;
        line-height: 45px;
        padding: 0 10px;
    }
    .m-box1 .bd {
        padding: 20px 10px;
    }

    .index_case ul li i {height:188px;}
    .index_case .product_nav a {
    display: inline-block;
    margin: 4px 5px;
    padding: 6px 17px;
    font-size: 12px;
    float: none;
}
}

/*Common For Max 480*/

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

    .m-service .pic,
    .m-service:nth-child(2n) .pic {
        float: none;
        width: auto;
        height: auto;
    }
    .m-service .txt,
    .m-service:nth-child(2n) .txt {
        margin: 0;
        padding: 20px 20px 10px;
        line-height: 2;
    }
    .m-service .txt h3 {
        font-size: 18px;
        line-height: 1.56;
        padding-bottom: 6px;
        margin-bottom: 15px;
    }
    .m-service .det {
        height: auto;
        max-height: 10em;
        margin-bottom: 15px;
    }
    .m-service .btn {
        line-height: 30px;
    }
    /*******************************

    ********************************/
    .m-list4 .pic {
        float: none;
        width: auto;
        height: auto;
    }
    .m-list4 .txt-con {
        padding: 20px 10px;
    }
    .m-list4 .txt {
        height: 72px;
        margin-right: 10px;
    }
    .m-list4 .txt p {
        height: 3em;
        line-height: 1.5;
    }
    .m-list4 .txt h4 {
        margin-bottom: 10px;
    }
}

/*Common For Max 414*/

@media only screen and (max-width: 479px) {
    /*******************************
        -------[ban]-------
    ********************************/
    .ban_txt h2 {
        font-size: 16px;
    }
    .ban_txt h2 em {
        font-size: 8px;
    }
    .ban-query h3 {
        font-size: 18px;
    }
    .ban-query h2 em {
        font-size: 26px;
    }
    /*******************************
        -------[=index]-------
    ********************************/
    .g-list1 .item {
        float: none;
        width: auto;
    }
    .PartnerSlider .g-tpList1 {
        padding: 0 40px;
    }
    .PartnerSlider .slick-arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
    .news-tab-tit ul {
        display: block;
    }
    .news-tab-tit li {
        padding: 0;
        margin: 5px 1%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .g-tpList1 .con {
        height: 60px;
        line-height: 60px;
    }
    #AbilitySlider {
        height: 80vw;
    }
    #AbilitySlider .d_img .d_pos1,
    #AbilitySlider .d_img .d_pos3 {
        width: 0;
    }
    #AbilitySlider .d_img .d_pos2 {
        width: 60vw;
        left: 20%;
    }
    .m-list5 li {
        width: 50%;
    }
    .m-list5 li:nth-child(3n) {
        padding-right: 7.8125vw;
        background-image: url(../image/arr-jt.png);
        background-repeat: no-repeat;
        background-position: right 2.8125vw top 26px;
        -webkit-background-size: auto 8px;
        background-size: auto 8px;
    }
    .m-list5 li:nth-child(2n) {
        padding-right: 0;
        background: none;
    }
    .m-list5 h4 em {
        margin-top: 0;
    }
    .IconTxtList2 li {
        float: none;
        width: auto;
    }
    .AddressTxt .text {
        font-size: 12px;
    }
    .map-txt {
        font-size: 12px;
    }
    .g_form1 ul {
        margin-bottom: 0;
    }
    .g_form1 li {
        float: none;
        width: auto;
    }
    .g_form1 li>div,
    .g_form1 .mess {
        padding-left: 55px;
    }
}


@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 410px) {
    .logo .txt {
        display: none;
    }
}