@media screen and (max-width:1600px) {
    .wrap{max-width: 90%; }
}
@media screen and (max-width:1400px) {
    .wrap{max-width: 96%; }
}
@media screen and (max-width:1366px) {}

@media screen and (max-width:1280px) {    
    .product-detial .summary .summaryTab{ margin-right: 20px;}
}

@media screen and (max-width:1200px) {
    .headerwrap .header .logo img{display: block;width: auto;height: 55px; margin: 0 auto;}
    .nav >li >a{padding: 0 20px;}
    .ip1_yewu li .txt{ font-size: 16px; }

    .u-intro li {width:102px;}
    .u-intro li a {font-size: 18px;}
    .u-intro li.z-state::after { width:102px;}
}

@media screen and (max-width:1130px) {   
    
}

@media screen and (max-width:1000px) {
    .pc-show{display: none!important;}
    .pc-hide{display: block!important;}
    .pagenavph {
        display: block;
        position: relative;
        width: 100%;
        left: 0;
        background: #fafafa;
    }
    .pagenavph .back2 {
        position: absolute;
        left: 0;
    }
    .pagenavph .back2 img {
        height: 60px;
        background: #2a2927;
        width: auto;
    }
    .pagenavph .top {
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 16px;
        background-color: #fafafa;
        color: #454545;
    }
    .pagenavph .list {
        display: none;
        position: absolute;
        z-index: 22;
        top: 60px;
        left: 0;
        width: 100%;
        background: #fff
    }
    .pagenavph .list li {
        font-size: 14px;
        color: #666;
        border-bottom: 1px #eee solid;
    }
    .pagenavph .list li a {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #666;
        background-color: #fff;
        text-align: center;
    }
    .pagenavph .list li a:hover {
        background-color: #333333;
        color: #fff;
    }
    .pagenavph .down_jt {
        width: 30px;
        height: 11px;
        background: url(../images/ico30_5.png) no-repeat right center;
        position: absolute;
        right: 0;
        top: 2px;
        -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
        animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite
    }
    .header_tel,
    .menuBtn {
        display: block;
    }
    .header_tel .logo img {
        height: 40px;
        width: auto;
        margin-top: 12px;
        margin-left: 2%;
    }
    .pubbanner-img {
        width: 100%;
        min-height: 200px;
        object-fit: cover;
    }
    .pubbanner {
        margin-top: 65px;
    }
    .menuBtn {
        top: 22px;
    }
    #aside {
        top: 65px;
    }
    .headerwrap {
        display: none;
    }
    .index-banner {
        margin-top: 65px;
    }
    .bread-box {margin-top: 65px;height: 50px;}
    .bread-box .bread a{line-height: 50px;font-size: 14px;}
    .bread-box .back {font-size: 14px;line-height: 50px;}
    .f_bq .f_ewm {
        display: none;
    }
    .pageNav {
        display: none;
    }
    
    
    /*footer*/
    .footer{ padding-bottom:40px; margin-bottom: 30px;}
    .footer .banq{ background: none; width: 100%;padding: 40px 0 0px 0px;line-height: 26px; font-size: 14px;}
    .footer .f_wx{ display: none;}



    .biao {
        overflow-y: hidden;
        overflow-x: auto;
        overflow-x: scroll;
    }
    .prod-param table.biao_w {
        width: 1000px;
    }
    .biao::-webkit-scrollbar-track-piece {
        background-color: rgba(0, 0, 0, 0);
        border-left: 1px solid rgba(0, 0, 0, 0);
    }
    .biao::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .biao::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        min-height: 10px;
    }
    .biao::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    
    .search-top-box {
        margin-top: 65px;padding: 30px 0 40px 0;
    }
    .search_result ul.s_list {
        margin-top: 0px;
    }
   
    .banner {margin-top: 60px;}
    .banner .swiper-slide {height: 400px;}
    .cp_neir ul li {
        float: left;
        width: 29.3%;
        margin: 0 2% 0.4rem 2%;
    }
    .news1 li{ padding-bottom:10px; margin-bottom:15px; padding-left: 0px; padding-right: 0px;}
	.news1 li .imgDiv{ width:180px; height: 120px;}
	.news1 li .imgDiv img{ width:180px; height: 120px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:200px; background:none;}
	.news1 li .text h3{font-size:16px; padding-bottom:10px; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.news1 li .text p{line-height:1.5; height:45px; overflow:hidden; font-size:14px;margin-bottom: 15px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 22px;}

    .product-detial .summary .summaryTab{  display:none;}
    .product-detial .summary .summary-right{width: 52%;}
    .pro-title h3 span:after{width: 80%; top: 17px; left: 20%; }

    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{padding-left:15px;height:8px;right:auto;left:47.5%;bottom:10%;top:auto;padding-bottom:0;background-image:url(../img/baniconwap.png);background-position:left top}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;vertical-align:top;}
    .indexban .swiper-pagination-bullet-active{height:8px;width:20px}
    .indexbanner{ display: none;}
    .m-bann{display: block;}

    .ny_main .item .img{width:100%;text-align:center}
    .ny_main .item .img img{display:inline-block}
    .ny_main .item .textbox{width:100%;padding:15px 0}
    .ny_main .item .textbox .name{font-size:20px;text-align:center}
    .ny_main .item .textbox .text{line-height:1.6;margin-top:10px}
    .ny_main .item .textbox .text p{margin-top:15px; font-size: 13px;line-height:2; }

    .pda {width: 48%;margin: 0% auto;}

    .network li{width: calc(50% - 1px);height: 2.5rem;}
    .network li h4{ font-size: 16px;}
    .network li .address{ margin-bottom: 0;}
    .network li .address pre{font-size: 13px;line-height: 24px;}
    .floating_ck{ display: none;}

    .product_swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width: 150px;height: 60px;background: white;opacity: 1;margin: 12px 1%;}
    .product_swiper_col {width: 32%; margin-left: 2%;}
    .product_swiper_col:last-child {display: none;}

    .u-intro li {width:82px;}
    .u-intro li a {font-size: 16px;}
    .u-intro li.z-state::after { width:82px;}

    .ip1_yewu li .txt{ font-size: 14px; }

}

@media screen and (max-width:861px) {
    .hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}

    .pagecontent{ display: none;}
    .main_right { width: 100%;}
    .page_inner{ margin-left: 0; padding: 0 10px;}
    .bread_nav{display: none;}
    .single_page,.cp_neir,.list_page{padding: 20px 0;}
    ul.ldzs li{width: 31.3%; }
    ul.jyfs li .tu{ width: 100%;}
    ul.jyfs li .txt{ width: 100%; margin-right: 0;;}
}

@media screen and (max-width:768px) {
    .ny_main.wrap{ max-width: 100%;}
    .menuBtn {
        top: 15px;
    }
    #aside {
        top: 50px;
    }
    .header_tel {
        height: 50px;
        width: 100%;
    }
    .header_tel .logo img {
        height: 32px;
        width: auto;
        margin-top: 9px;
    }
    .banner {margin-top: 50px;}
    .pubbanner {
        margin-top: 50px;
    }
    .bread-box {
        margin-top: 50px;
    }
    .w1200 {
        width: 100%;
    }
    .ny_main .dy_page .w1200 p {
        font-size: 14px;
        line-height: 24px;
        padding: 0 0px;
      }
    .ny_main .dy_page .w1200_cp{padding-bottom: 15px; margin: 0 1.5% 35px 1.5%; background: url(../images/034.jpg) repeat-x bottom;}
    .ny_main .dy_page .w1200_cp p{font-size: 14px;
        line-height: 24px;
        padding: 0 0px;}
    
    /*footer*/
    .footer .left p span {
        width: 100%;
        float: left;
    }
    .footer_tabbar {
        display: block;
    }
    .pubbanner-img {
        width: 100%;
        min-height: 120px;
        object-fit: cover;
    }
    .pagenavph {
        display: block;
        width: 100%;
    }
    .pagenavph .back2 {
        position: absolute;
        left: 0;
    }
    .pagenavph .back2 img {
        height: 50px;
    }
    .pagenavph .top {
        height: 50px;
        line-height: 50px;
    }
    .pagenavph .list {
        top: 50px;
    }
    .ny_main {
        padding: 30px 10px 30px 10px;
    }
    .ny_main .dy_page .wd100 h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ny_main .dy_page .wd100 h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
    }
    .ny_main .dy_page .wd100 .line {
        margin: 20px 0 20px 0;
    }
    .ny_main .dy_page .left {
        width: 100%;
        float: left;
    }
    .ny_main .dy_page .right {
        width: 100%;
        padding-top: 0px;
    }
    .ny_main .dy_page .left h2 {
        font-size: 20px;
        line-height: 40px;
        font-weight: 800;
        margin-bottom: 0px;
    }
    .ny_main .dy_page .left h3 {
        font-size: 24px;
    }
    .ny_main .dy_page .left .line {
        margin: 20px 0 20px 0;
    }
    .news_wz_page li {
        width: 47%;
        padding: 10px;
        margin: 0 1.5% 10px;
        font-size: 15px;
        height: 200px;
    }
    .showinfo .left {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .showinfo .left img {
        width: 50%;
        height: auto;
        margin: 0 auto;
    }
    .showinfo .right {
        width: 100%;
    }
    .showinfo .right .tit {
        font-size: 24px;
    }
    .anli_item {
        width: 48%;
        margin: 0 1% 10px 1%;
        padding: 8px;
    }
    .anli_item p {
        margin-bottom: 20px;
    }
    .anli_item h2 {
        padding: 20px 0px 10px 0;
    }
    .projectshow1 {
        padding: 30px 10px;
        margin: 0;
        width: 100%;
    }
    .projectshow1 .title {
        margin-top: 0;margin-bottom:0px;
    }
    .projectshow1 .title h1 {
        font-size: 20px;
        line-height: 28px;
    }
    .projectshow1 .contentbox {
        margin-top: 10px;
    }
    .projectshow1 .title .time{ margin-top: 0;}
    .notice li a {
        font-size: .25rem;
        padding: 0 .3rem 0 1.5rem;
    }
    .notice li a span {
        left: .2rem;
        font-size: .2rem;
    }
    .ctaList li {
        padding: 0;
    }
    .ctaList .ti {
        font-size: 18px;
    }
    .ctaList .p {
        margin-top: 15px;
        line-height: 28px;
        font-size: 14px;
    }
    .ctaList .namebox {
        width: 100%;
    }
    .ctaList .mabox {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .ditu {
        height: 6rem;
        margin-top: 20px;
    }
    .search {
        width: 100%;
    }
    .search_box {
        width: 90%;
        margin-top: 20px;
    }
    .search_right {
        padding: 30px 20px;
    }
    .search_time {
        font-size: 14px;
    }
    .search_result {
        padding: 15px 10px;
    }
    .td_table table {
        margin: 0px 0;
    }
    .td_table td {
        width: 100%;
        float: left;
    }
    .td_table td img {
        text-align: left;
    }
    table.td_table {
        margin: 0px 0;
    }
    table.td_table td {
        border: 0;
        width: 100%;
        float: left;
    }
    table.td_table td img {
        text-align: left; max-width: 100%; height: auto;
    }
    #pages li a {
        padding: 0 8px;
    }
    #pages li span {
        padding: 0 8px;
    }
  
    .ny_main .dy_page {
        padding: 0 0px;
    }
    .ls_page ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.4rem 2%;
    }
    .cp_neir ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.3rem 2%;
        padding: 0px 0rem 0px 0;
    }
    .ls_page ul li {
        padding: 8px;
    }
    .ls_page ul li .txt2 {
        font-size: 16px;
        margin-bottom: 0px;
        width: 100%;
        float: left;
        text-align: left;
        padding-left: 10px;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .cp_neir ul li .txt2 {
        padding: 10px 0 5px 0px;
        font-size: 14px;
        margin-bottom: 0px;
    }
    .showinfo2 .min {
        position: relative;
        text-align: center;
        width: 100%;
    }
    .showinfo2 .right {
        margin-top: 0px;
    }
    .cp_tu2 {
        width: 100%;
    }
    .showinfo2 .right .tit {
        font-size: 24px;
    }
    .news1 li .imgDiv{ width:100px; height: 70px;}
	.news1 li .imgDiv img{ width:100px; height: 70px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:115px; background:none;}
	.news1 li .text h3{font-size:15px; padding-bottom:0px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 10px;}
	.news1 li .text p{line-height:1.5; height:17px; overflow:hidden; font-size:12px;margin-bottom: 10px;}
    .search-top-box {margin-top: 50px;}

    .product-detial .summary .summary-left{ width:100%; margin-bottom: 20px;}
    .product-detial .summary .summary-right{width: 100%;}
    #summaryTab{height: 300px;}
    #summaryPoster{height: 300px;}
    .pro-title h3 span:after{width: calc(100% - 120px); top: 17px; left:120px; }
    .pro-title h3 span{font-size: 24px;}
    .product-detial .summary .summary-text h2{font-size: 24px;line-height: 1.66; color:#232323;}
    .product-detial .specifications{background: #fff;padding: 30px 0 20px;}
    .product-detial .summary .summary-text pre{ font-size: 14px;}

    .two_menu{ padding:0; display: none;}
    .two_menu a {
        height: 36px;
        line-height: 36px;
        padding: 0 20px 0 20px;
        margin: 0 5px;
    }
    .two_menu_mobile{ display: block;}
    .two_menu_mobile{ padding: 30px 10px 0;}
    .two_menu_mobile a{ padding: 10px; border: 1px solid #a4a9af; margin-right: 2%; margin-bottom: 8px; display: block; width: 31.3%; float: left; text-align: center;}
    

    
    .hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}
	.recruitment-info{ padding: 20px 5%; margin-top: 20px; margin-bottom: 20px;}
	.recruitment-info h3{ font-size: 18px}
	.hrList{  font-size: 14px;}
	.hrList .hrCon{ padding:15px 0px 20px; }
	.join-box-btn{ padding-top: 20px;}
    .w88{width: 100%;}
    .cp_box_list{flex-wrap: wrap;display: block; margin-top: -0.2rem;}
    .pda {width: 48%;margin: 0% 1% 10px; float: left;}
    .pda .f18{ font-size: 14px;}
    .pda .i2raimg{ height: auto;}
    .i2ra{ padding: 8px;}
    .mt_15 {margin-top: 15px;}

    .network li{width: calc(100% - 1px); padding: 0 15px;}
    .network li h4 {margin-bottom: 0; margin-top: 8px;}

    .indexPart1{padding:0.8rem 0;}
    .name2 .r_menu{ display: none;}
    .col-md-4{ width: 100%;}
    .w-accor li{ margin-bottom: 10px;}
    .story-list .img{ width: 100%;}
    .story-list .text-box{ width: 100%; margin-top: 20px;}
    .abouttitle {
        padding: 3rem 0;
        background-size: auto 100% ;
    }

    .m-lbt {width: 100%; }
	.m-list {width:96%; margin: 20px 2% 0 2%; float: right;}
    .indexPart2{padding:0.8rem 0 0;}
    .indexPart2 .left{ width: 100%; float: left; padding: 0 15px;}
    .indexPart2 .left .line{ margin-bottom: 20px;}
    .indexPart2 .left .tel{ margin: 20px 0 20px;font-size: 20px;}
    .indexPart2 .right{ width: 100%;height: auto; margin-top: 40px;}
    .indexPart3{padding:0.8rem 0 0.4rem;}
    .indexPart3 .ip3_box{ width: 100%;float: left; margin-right: 0%; margin-bottom: 20px;}
    .indexPart3 .ip3_box_r{ width: 100%;float: right; overflow: hidden;}
    .indexPart3 .ip3_box_r li{ margin-bottom: 20px;}
    .indexPart3 .ip3_box ul{ margin-top: 20px;}
    .indexPart3 .ip3_box ul li a .cont h3{ font-size: 16px; margin-bottom: 10px;}

    .footer1 { padding-bottom: 60px;}
    .footer1 .left .f_menu{padding-bottom: 15px;}
    .footer1 .left .f_menu a{margin-right: 10px;}
    .footer1 .wrap{padding: 0 15px;}
    .footer1 .left{ width: 100%;}
    .footer1 .right{ display: none;}
    .footer1 .left .f_bq{margin-top: 10px; line-height: 24px;}
    .footer1 .left .f_bq .f_1{ width: 100%; float: left;}
    .footer1 .left .f_bq a.f_w100{ width: 100%; float: left;}

    .ip1_yewu{ margin-top: 30px;}
    .ip1_yewu li{width: calc(50% - 9px); overflow: hidden; margin-bottom: 20px;}
    .ip1_yewu li:first-child{ width: 100%;}
    .ip1_yewu li .txt p{height: 35px;}

    .main-title h1{font-size: 26px;}
    .main-title p{ font-size: 14px;}
    .indexPart2 .left h2{ font-size: 26px;}
    .indexPart3 .ip3_box ul li a .cont{padding: 20px 20px 20px 40px;}
    .indexPart3 .ip3_box ul li a div.time_box{ width: 75px;height: 75px;}
    .indexPart3 .ip3_box ul li a div.time h3{ font-size: 24px;}
    .indexPart3 .ip3_box ul li a div.time p{ font-size: 14px;}

    .info1 li .time{ width: 60px;}
    .info1 li .name{padding-left: 20px;width: calc(100% - 60px);padding-right: 10px;}
    .info1 li .name h2{margin-bottom: 8px;}
    .info1 li .name h2 a{ font-size: 16px;}
    .info1 li .name p{ line-height: 1.5;}
    .info1 li{ padding-bottom: 20px; margin-bottom: 20px;}
    .info1 li .time h2{margin-top: 10px; font-size: 28px;}
    

}

@media screen and (max-width:641px) {}

@media screen and (max-width: 480px) {
}