@media screen and (max-width:1600px) {
    .wrap{max-width: 90%; }
    .ip1_box .li .tu .txt02{ top:-0.55rem}
}
@media screen and (max-width:1400px) {
    .wrap{max-width: 96%; }
    .f14{ font-size: 0.16rem;}
    .f15{ font-size: 0.17rem;}
    .f16{ font-size: 0.18rem;}
    .f17{ font-size: 0.19rem;}
    .f18{ font-size: 0.20rem;}
    .f20{ font-size: 0.22rem;}
    .f22{ font-size: 0.24rem;}
    .f24{ font-size: 0.26rem;}
    .f26{ font-size: 0.28rem;}
    .f28{ font-size: 0.30rem;}
    .f30{ font-size: 0.32rem;}
    .f32{ font-size: 0.34rem;}
    .f34{ font-size: 0.36rem;}
    .f36{ font-size: 0.38rem;}
    .footer .top dd h4 a{ line-height: 0.38rem;}
    .ip1_cp_left{ padding-top: 0.8rem;}
}
@media screen and (max-width:1366px) {}

@media screen and (max-width:1280px) {
    .f14{ font-size: 0.18rem;}
    .f15{ font-size: 0.19rem;}
    .f16{ font-size: 0.20rem;}
    .f17{ font-size: 0.21rem;}
    .f18{ font-size: 0.22rem;}
    .f20{ font-size: 0.24rem;}
    .f22{ font-size: 0.26rem;}
    .f24{ font-size: 0.28rem;}
    .f26{ font-size: 0.30rem;}
    .f28{ font-size: 0.32rem;}
    .f30{ font-size: 0.34rem;}
    .f32{ font-size: 0.36rem;}
    .f34{ font-size: 0.38rem;}
    .f36{ font-size: 0.40rem;}
    
    .product-detial .summary .summaryTab{ margin-right: 20px;}
    .navMenu{ margin-left: 0;}
    .meundown{left: -0.25rem;}

    .pageNav li a {font-size: 14px;padding: 0rem 20px; }
}

@media screen and (max-width:1200px) {  
    .wrap{ max-width: 98%;}     
    .footer .bottom h3 strong{display: none;}
    .ip1_box .li .tu .txt02{ top:-0.7rem}
    .prothere03 .li .text h3{ font-size: 16px;}
    .prothere03 .li .text h4{ font-size: 14px;}
    .navMenu{ margin-left: 0;}
}

@media screen and (max-width:1130px) {   
    .headerwrap{ padding:0 10px;} 
    .nav >li{padding: 0 0.2rem;}
}

@media screen and (max-width:1000px) {
    .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: 55px;
        width: auto;
        margin-top: 6px;
        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;}
    .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 .top dd{display: none;}
    .footer .bottom h3 strong{display: none;}
    .footer .bottom h4{display: none;}
    .footer .bottom h3{letter-spacing: 0;width: 100%;}
    .footer .bottom h3 a{display: inline-block;margin-left: 10px;}
    .footer .top dt{margin: 0 auto;width: auto;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items:center;}
    .footer .top{margin-bottom: 0px;margin-bottom: 20px;}
    .footer .top dt img{width: 100px;height: auto;}
    .footer .top dt span i{display: block;font-size: inherit;color: inherit;font-style: normal;}
    .footer .top dt span{display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items:center;margin-left: 10px;color: #747474;margin-top: 0;font-size: 14px;}
    .footer .bottom h3 a{display: block;margin: 0;}
    .footer .bottom h3{text-align: center;font-size: 14px; line-height: 24px;}

    .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;
    }
    .historyTitle {
        padding-top: 5px;
    }
    .historyTitle .title1 {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 5px;
    }
    .historyTitle .title2 {
        height: 30px;
    }
    .historyTitle .title2:after {
        width: 28px;
        height: 2px;
    }
    .history {
        padding: 0px 0 0px;
    }
    .history .leftDiv {
        width: 100%;
        float: none;
    }
    .history .txt {
        padding-bottom: 35px;
        font-size: 26px;
    }
    .history .list li {
        padding-left: 110px;
        line-height: 26px;
        padding-bottom: 30px;
    }
    .history .list li .year {
        padding-left: 20px;
        width: 110px;
        font-size: 24px;
        background: url(../images/nimg14_1.png) 12px center no-repeat;
    }
    .history .list li .content {
        font-size: 13px;
        padding-bottom: 20px;
    }
    .history .list li .wen {
        font-size: 16px;
    }
    .history .rightImg {
        display: none;
    }
    .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:0px; 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%; }

    .indexPart4 li .txt h2{ color:#343434; font-size: 16px; margin: 0.15rem 0 0.2rem 0;}
    .indexPart4 li .txt p{  line-height: 1.5;}

    .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; }
    .m-bann img{ width: 100%; height: auto;}

    .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;}
    .indexPart2 .left{ width: 100%; height: auto; padding-bottom: 120px;}
    
    .indexPart2 .left .text{ width: 88%;}
    .indexPart2 .left .text p{font-size: 14px;line-height: 2;}
    .indexPart2 .right{ width: 100%; height: 6.5rem;}
    .indexPart2 .right img{width: 100%;height: auto;}
    .indexPart3{height: auto;  padding: 1rem 15px 150px ;}
    .ip1_box .li .tu .txt02 { top: -0.68rem;   }
}

@media screen and (max-width:861px) {
    .hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}
    .ip1_box .li .tu .txt02 { top: -0.6rem;   }
    .ip1_box .li .team h2{top: 0.05rem;}
}

@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: 45px;
        width: auto;
        margin-top: 3px;
    }
    .pubbanner {
        margin-top: 50px;
    }
    .bread-box {
        margin-top: 50px;
    }
    .w1200 {
        width: 100%;
    }
    
    /*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;
        color: #999;
        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: 15px 0.2rem;
    }
    .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;}
    .two_menu a {
        height: 36px;
        line-height: 36px;
        padding: 0 20px 0 20px;
        margin: 0 5px;
    }

    

    
    .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;}


    .story-list .img{ width: 100%;}
    .story-list .text-box{ width: 100%; margin-top: 20px;}
    .abouttitle {
        padding: 3rem 0;
        background-size: auto 100% ;
      }
    .name2 h2.h2{width:180px;}
    .name2 .more{ display: none;}
    /* .ip1_box .li .tu .txt02{top:-28px} */
    .ip1_box .li .tu .txt01,.ip1_box .li .team h2{ font-size: 14px; }
    /* .ip1_box .li .team h2{ top:5px}
    .ip1_box .li .team{ margin-bottom: 15px;} */
    .ip1_box .li .tu .txt02 {
        top: -0.8rem;
    }
    .ip1_box .li .team h2{ top:10px}
    .m-bann{ padding-top: 50px;}
    .ny_main .dy_page .w1200 p img {
        text-align: left;
        max-width: 100%;
        height: auto;
      }

}

@media screen and (max-width:641px) {
    .ip1_box .li .tu .txt02 {
        top: -0.65rem;
    }
    .ip1_box .li .team h2{ top:0px}
    .ip1_box .li{ padding: 5px;}
}

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