﻿@media screen and (max-width: 1190px) {
    .w1200{width: 96%; margin: 0 auto;}
    .banner{margin-top: 70px}
    .ipart1{padding: 3% 0}
    .ipart04{padding: 3% 0}
    .ipart04 .content .content_r{width: 50%}
    .adva_c{padding: 3% 0}
    .news{padding: 3% 0}
    .cx-banner-01{margin-top: 70px; height: 280px}
    .cx-banner-01 .text{width: 96%; margin: 0 auto;}
    .aboutBox1{padding: 3% 0}
    .ny_gy_bg{padding: 3% 0}
    .ny_gy_bg2{padding: 3% 0}
    .nyabout{margin: 3% 0}
}

@media screen and (max-width: 980px) {
    .top_bg{display: none}
    .sp_header,.sjj_nav{display: block}
    .h_top{padding: 10px 0}

    /*------------------手机导航开始----------------------------------------------*/
    .sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
    .sp_logo{padding:10px 0 0 10px;float:left;height:50px}
    .sp_logo img{margin:auto;max-height:50px;}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
    .sp_nav span{display:block;background:#00a1e9;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .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)}
    .sjj_nav{position:fixed;z-index:99;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
    .sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
    .sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:16px; color: #000;}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li ul{display:none}
    .sjj_nav ul li a{color:#444;width:80%}
    .sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#00a1e9}
    .sjj_nav ul li ul li>ul{margin-left:10px}
    /*-----------------------------手机导航结束----------------------------------------*/


    .nav_box{ background: none; position:inherit; height: auto;}
    .t_text, .t_pho{display: none;}
    .logo img{width:100%;}
    .logo_wz{display: none}
    .top_emli{display: none}
    .top_tel{display: none}
    .ipart1 .isrv{padding-top:2%;}
    .ipart04 .content .content_l{width: 100%}
    .ipart04 .content .content_r{width: 100%; margin-top: 3%}
    .ipart04 .content{padding-bottom:0;}
    .infor .tit{font-size: 30px}
    .cptj-left{width: 100%}
    .cptj-right{width: 100%; margin-top: 3%}
    .antab{width: 100%}
    .anc{width: 100%;}
    .antab dl{width:29.9%; height: auto; padding: 6%}
    .antab .more{width:29.9%; height: auto; padding:4.2%;}
    .adva_ys li{width: 31.33%; margin-bottom: 2%}
    .adva_ys .bg{width: auto;}
    .adva_ys .tp1 img{width: 97%}
    .infors .tit{font-size: 30px}
    .newsL{width: 100%}
    .newsr{width: 100%; margin-top: 3%}
    .widget_titlebg{margin-left: 0}
    .fot_form2 .text{margin-left: 0}
    .fot_form2 textarea{margin-left: 0}
    .fcpl{width: 100%}
    .hTitle span{font-size: 30px}
    .ym364.iserve dl{width: 48%}
    .ym364.iserve dl:nth-child(3){margin-right: 2%}
    .ym364.iserve dl:nth-child(6){margin-right: 2%;}
    .ny_xc ul li{width: 31.333%}
    .cx-news-02 .list .bd{padding-top: 1%}
    .cx-news-02 .list .bd p{line-height: 24px}
    .lists li .txt p{padding-left: 12%}





}
@media screen and (max-width: 768px) {
    
    .uk-child-width-1-5\@s>*{width: 50%}
    .f24{font-size: 16px; line-height: 30px}
    .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%;}
    .view-page .back a{padding-left: 0}
    .index-data .data{font-size:1.6rem}
    .index-data span{font-size: 2.5rem}
    .inworkshop ul{margin-right: -2%}
    .inworkshop li{width: 48%; margin-bottom: 2%; margin-right: 2%}
    .infor .tit{font-size:24px}
    .pro_r ul li{width: 48%}
    .adva_ys li{width: 48%}
    .adva_ys .tp1 img{width: 95%}
    .infors .tit{font-size: 24px}
    .whonytitles{font-size: 16px; line-height: 30px}
    .whonytitles span{font-size: 18px}
    .newsPic{width: 100%}
    .newsLi{width: 100%}
    .widget_title{font-size: 24px}
    .widget_titleen{font-size: 14px}
    .trade-content .trade-box-item .item-logo{margin-top: 10%}
    .trade-box-item{width: 50%; float: left; height: 280px}
    .item-text span{margin-top: 0}
    .hTitle span{font-size:24px}
    .aboutBox1 .font{font-size: 14px; line-height: 26px;}
    .aboutBox_l{width: 100%; margin-top: 3%}
    .aboutBox_r{width: 100%}
    .index-data{transform: translate(0%, 0%); overflow: hidden;}
    .cx-menu-01 .list li{font-size: 14px; height: 55px}
    .cx-menu-01 .list li a{height: 48px}
    .cx-menu-01{height: auto; line-height: 48px}
    .ny_xc ul li{width: 48%}
    .nyproduct li{width: 48%}
    .promore_l{width: 100%}
    .pros_right{width: 100%; margin-top: 3%}
    .dwtwo li{width: 48%}
    .dw_titl a{line-height: 45px}
    .cx-news-02 .list .pic{width: 100%}
    .cx-news-02 .list .text{width: 100%; margin-top: 2%}
    .cx-news-02 .list .tags{position: inherit; margin-top: 2%}
    .cx-news-02 .list .bd p{height: auto}
    .contact_lx{width: 100%}
    .tactfrms{width:100%; margin-top: 3%}
    .lists li .txt p{padding-left: 10%}


    


}

@media screen and (max-width:640px) {
    .f24{font-size: 14px; line-height: 25px}
    .index-data ul{display: block;}
    .index-data ul li{width: 33.333%; float: left;}
    .infor .tit{font-size:20px}
    .pro_r ul li a p{font-size: 14px;}
    .infors .tit{font-size: 20px}
    .widget_title{font-size: 20px}
    .ft-left{width: 100%}
    .ft-box:nth-child(4){width: 100%}
    .ft-box-contact .ft-title{width: 100%}
    .ft-right{width: 100%}
    .item-title{font-size: 18px}
    .hTitle span{font-size:20px}
    .ym364.iserve dl{width: 98%; padding:5%;}
    .ym364.iserve dd .clbt{font-size: 20px;}
    .ft-box{width:29.333%}
    .nyproduct-title{font-size: 14px;}
    .cptj-left .zbbox{display: none;}
    .spec-scroll .items{width: 74%}
    .dw_titl a{font-size: 14px}
    #map_container{height: 450px}
    .tactfrms li{width: 96%}
    .tactfrms li input{padding: 3%}

}

@media screen and (max-width:499px) {
    .uk-child-width-1-5\@s>*{width: 100%}
    .index-data ul li{width: 50%; padding: 1rem 0}
    .antab dl{width:46%}
    .antab .more{width:46%; padding: 2.6%}
    .adva_ys li{width: 98%; }
    .adva_ys .tp1 img{width: 98%}
    .adva_ys .wz{height: auto; padding-top:15%;}
    .adva_ys .wz b{width: 90%}
    .ft-box-contact{width: 100%}
    .whonytitles{font-size: 14px; line-height: 26px;}
    .whonytitles span{font-size: 16px;}
    .item-title{font-size: 16px;}
}
@media screen and (max-width:365px) {
    .index-data ul li{width: 100%;}
    .trade-box-item{height: 180px}
    .cx-banner-01 .text{height: 38px; line-height: 38px}
    .cx-banner-01 .crumbs{font-size: 14px}
    #map_container{height: 320px}
    
}