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

}
@media screen and (max-width:1600px) {
    .pageNav{ left: 5%; right: 5%;}
 
}
@media screen and (max-width:1400px) { 
    .pubbanner-img{min-height: 340px;}

}
@media screen and (max-width:1366px) {
    .join_box .title{ font-size: 16px;}
    .join_box2 h2{ font-size: 16px;}
    .contact_box .left h2{ font-size: 16px;}
    .cooperate_box3 .coo_box3_List li .txt h2{ font-size: 16px;}
    .cooperate_box3 .coop_box3_4 .title2{ font-size: 16px;}
    .cooperate_box2 .coo_box2_List2 li .txt h2{ font-size: 16px;}
    .cooperate_box .title h2{ font-size: 16px;}
}

@media screen and (max-width:1280px) {  
    .nav >li{padding: 0 0.15rem;}
    .headerwrap .header.wrap{ width: 100%;}
    .nav >li >a{ font-size: 15px;}
    .footer.wrap{width: 100%;}

}

@media screen and (max-width:1200px) {
    .wrap { width:auto; margin: 0 auto;}
    .index-part1 .wrap,.part_4 .wrap,.p_box_1 .part_1 .Advantage.wrap,.news1{ padding: 0 15px;}
    .p_box_1 .part_3.wrap{ padding: 0 15px;}
}

@media screen and (max-width:1130px) {  
    .headerwrap .header .logo { width: 46%; overflow: hidden;} 
    .index-part1 .i_1_box .right .second_box p{ font-size: 14px; width: 90%;}

}

@media screen and (max-width:1000px) {
    .headerwrap{display: none;}
    .header_tel{z-index: 33;}


    .pageNav{display: none;}
    .pagenavph {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
    }
    .pagenavph .back2 {
        position: absolute;
        left: 0;
    }
    .pagenavph .back2 img {
        height: 60px;
        background: #0d0d0d;
        width: auto;
    }
    .pagenavph .top {
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }
    .pagenavph .list {
        display: none;
        position: absolute;
        z-index: 22;
        top: 60px;
        left: 0;
        width: 100%;
        background: #fff
    }
    .pagenavph .list li {
        font-size: 14px;
        color: #fff;
        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: #0d0d0d;
        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 {display: none;}  
    .menuBtn {
        display: block;
    }
    .header_tel{opacity: 1;}
    .header_tel .logo img {
        height:45px;
        width: auto;
    }
    .index-banner .item-img {
        top:25%;
      }
    .index-banner .item-img img{ width: 70%; margin: 0 auto; max-width: max-content;}

    .index-banner {
        margin-top: 65px;height: 450px;
    }
    .index-banner .container{ height: 450px;}    
    .index-banner .swiper-button-prev {
        left: 10%;
      }
    .index-banner .swiper-button-next {
        right: 10%;
    }

    .footer{ padding-bottom:40px; margin-bottom: 30px;}
    .footer .center{ width: 90%;}
    .footer .bottom{ width: 90%; margin-top: .5rem ; margin-bottom: .5rem;}

    .video_banner_wrap{margin-top: 65px;}
    .pubbanner-img {
        width: 100%;
        min-height: 200px;
        object-fit: cover;
    }
    .pubbanner {
        margin-top: 65px;
    }
    .menuBtn {
        top: 22px;
    }
    #aside {
        top: 65px;
    }
     
    .ny_main{padding: 1rem 10px;}
    .dybox-container{flex-direction: column;}
    .dybox-container .info{width: 100%;}
    .dybox-container .pic{ width: 100%; margin-top: .5rem;}
    .title-box h3{ font-size: 28px; line-height: 1;}
    .title-box .en{ font-size: 16px;margin: 5px auto 15px;}
    .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;
    }
    .bread-box{ padding-top: 65px;}
    .bread-box .bread .home{ padding-left: 10px;}

    .contact-box{flex-direction: column;}
    .contact-box .info{width: 100%;padding-right: 0;}
    .contact-box .map{ width: 100%; height: 300px;}
    .contact-box .content{ margin-top: 10px;}
    .contact-box .qrcodes{margin: 10px 0 30px;}
    
    .news-wrapper .list li {
        width: 47.14%;
        margin-right: 2.54%;
        margin-top: 0;
        margin-bottom: 0.3rem;
    }
    .p_box_1{ padding-top: .5rem;}
    .team_box,.pubbanner_cp{ margin-top: 65px;}
    .p_box_1 .part_2 .part_2_list_4 li{width: calc(33.3% - 50px);}
    .investor_box{ margin-top: 65px;}
    .product-detial .wrap{ padding: 0 15px;}
}

@media screen and (max-width:861px) {
    .team_p1{align-items: flex-start; padding-top: 20px;}
    .team_p3 .text { align-items: flex-start;}
    .team_p3 .text .team_bj{ margin-top: 25px;}
    .team_p1 .right p{ font-size: 14px;}
    .team_text p{ font-size: 14px;}
    .team_p4 .text,.cooperate_box .text{align-items: flex-start;}
    .cooperate_box .text .left p{ font-size: 14px;}

}

@media screen and (max-width:768px) {
    .menuBtn {
        top: 15px;
    }
    #aside {
        top: 50px;
    }
    .header_tel {
        height: 50px;
        width: 100%;
    }
    .header_tel .logo img {
        height:38px;
        width: auto;
    }
    .video_banner_wrap{margin-top: 50px;}
    .index-banner .container{ height: 5rem;}
    .index-banner {
        margin-top: 50px;height: 5rem;
    }
    .index-banner .item-img2 img{ width: 70%;}
    .index-banner .item-img2{ top:20%; left: 5%;}
    .index-banner .item-img {
        top:20%;
        left: 5%;
      }
    .index-banner .item-img img{ width: 80%;}
    .banner,.pubbanner {
        margin-top: 50px;
    }
 
    
   
    /*footer*/
    .footer .left p span {
        width: 100%;
        float: left;
    }
    .footer_tabbar {
        display: block;
    }
    .pubbanner-img {
        width: 100%;
        min-height: 120px;
        object-fit: cover;
    }
    .pubbanner-words h6{ display: none;}
    .pagenavph {
        display: block;
        width: 100%;
        z-index: 99;
    }
    .pagenavph .back2 {
        position: absolute;
        left: 0;
    }
    .pagenavph .back2 img {
        height: 50px;
    }
    .pagenavph .top {
        height: 50px;
        line-height: 50px;
    }
    .pagenavph .list {
        top: 50px;
    }
   
    .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: 0px 0 0 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;
    }
    .ctabox .pa{ padding: .6rem 20px;}
    .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;
        margin-bottom: 20px;
    }
    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 {
        padding: 35px 0px;
    }
    .dybox-container{ padding: 0;}
    .cp_neir ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.3rem 2%;
        padding: 0px 0rem 10px 0;
    }
    .cp_pro {
        padding:0 10px;
    }
    .cp_pro ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.3rem 2%;
        padding: 0px 3px;
    }
    .cp_pro ul li .txt2{ font-size: 14px;}
    .ls_page ul li {
        padding: 8px;
    }
    .ls_page ul li .txt2 {
        font-size: 14px;
        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;
    }
    .cp_pro ul li .txt{ padding: 5px 0 0px 0px;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: 90px;}
	.news1 li .imgDiv img{ width:100px; height: 90px;}
	.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{ padding: 0rem 0px;}
    .product-detial .summary .summary-text .title{ font-size: 20px;}
    .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{font-size: 20px;}
    .product-detial .summary .summary-text h2{font-size:18px; color:#232323;}
    .product-detial .specifications{background: #fff;padding: 30px 0 20px;}
    .product-detial .summary .summary-text pre{ font-size: 14px;}
    .product-detial .summary .summary-text .ul li{ width: 100%;}
    .product-detial .summary .summary-text p{padding: 0 15px;}
    .message_box .form .group{ width: 100%; margin-right: 0; margin-bottom: 10px; margin-top: 0;}
 
    .message_box .form .text { padding-left: 98px;}
    
    .two_menu{ padding:20px 10px; }
    .two_menu a {
        height: 36px;
        line-height: 36px;
        margin: 0 0px 3px;
    }
    .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;}
    
    .DownCard li{width:100%; margin-right: 0; margin-left: 0; margin-bottom: 10px;}
    
    .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: 54%;}
	.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;}
    .cp_box_list.wrap{ max-width: 100%; width: 100%;}
    .pda {width: 48%;margin: 0% 1% 10px; float: left;}
    .pda .f18{ font-size: 14px;}
    .pda .i2raimg{ height: auto;}
    .i2ra{ padding: 0px;}
    .mt_15 {margin-top: 15px;}
    .prothere03 .li .text h3 p{ font-size: 16px;}


    .specifications{ padding: 20px;}    
    .bread-box{ padding-top:50px;}
    .anli_item h3{ font-size: 14px;padding: 6px 10px;}
    .anli_item h3 .arrow {right: 10px;font-size: 20px;}
    .anli_pic{ border-radius: 8px;}

    .title-box h3{ font-size: 20px;}
    .title-box .en{ font-size: 16px;margin: 5px auto 15px;}
    .contact-box .content{font-size: 15px;}
    .news1 li{margin: 20px 0;padding-bottom: 20px;}
    .projectshow1 .contentbox .text p { font-size: 15px;}

    .index-part1 .i_1_box,.index-part2 .i_2_box{ flex-direction: column;}
    .index-part1 .i_1_box .left{width: 100%;}   
    .index-part1 .i_1_box .right{width: 100%; margin-top: 25px;} 
    .index-part1 .i_1_box .right .second_box{ height: auto; padding: 15px 0;}

    .index-part2 .i_2_box .i_news{width: 96%;} 
    .index-part3 .img2{ width: 100%;}
    .index-part3 .img3{ width: 100%; margin-top: .5rem;}

    .index-part4 .i_4_box li{width:33.3%;}
    .index-part4 .i_4_box2 .img_50{ width: 100%;}
    .index-part5{ background-size: 100% auto;}
    .index-part5 .text{ display: none;}
    .index-part5 .i_5_box {width: 90%;}
    .index-part5 .i_5_box li{ width: 40%; margin: 0 5%;}
    .index-part5 .icon_box{margin-bottom: 0; height:150px;}
    .index-part5 .i_5_box li .txt p{font-size: 14px;}

    .footer.wrap{padding: 30px 0;}
    .footer .center .right .foot_ewm ul{flex-wrap: wrap; justify-content: space-between; }
    .footer .center .right .foot_ewm ul li{ width: 33.3%; float: left; text-align: center; margin-bottom: 8px;}
    .footer .center .logo{ display: none;}
    .footer .center .right{ width: 100%;}

    .p_box_1 .part_2 .part_2_list li{width: calc(50% - 14px);}
    .p_box_1 .part_2{padding: .5rem 15px;}
    .p_box_1 .part_3 .part_3_list li {width: calc(50% - 10px);}
    .p_box_1 .part_4 .text p{ font-size: 15px;width: 80%; margin: 0 auto;}
    .p_box_1 .part_4 .text h2{ font-size: 18px;}
    .p_box_1 .part_4 p.text2{ font-size: 18px;}
    .team_box,.pubbanner_cp{ margin-top: 50px;}
    .p_box_1 .part_2 .part_2_list_4 li{width: calc(50% - 16px);    margin: 0 8px 16px;}
    .p_box_1 .part_2 .part_2_list_4 {
        width: calc(100% + 16px);
        float: left;
        margin: 0 -8px;
    }
    .p_box_1 .part_2 .part_2_list_4 li .img .txt2{ width: 100%; left: 0;right: 0;}
    .exhibition{ padding: 15px;}
    .exhibition table td{font-size: 14px; line-height: 1.4; padding: 8px 5px;}
    .exhibition table{border-spacing: 5px;}

    .team_p3 .img .txt a{width: 50%; background: rgba(0, 0, 0, 0.6);}
    .incModuleContent{ display: none;}
    .cooperate_box {padding:15px;}
    
    .cooperate_message{ padding: 30px 15px;}
    .cooperate_message .form .group{ width: 100%; margin-right: 0;}
    .cooperate_message .form .group:nth-child(-n+2){margin-top: 1.87%;}
    .cooperate_box .text .left{ width: 100%;}
    .cooperate_box .text .right{width: 100%;}
    .cooperate_box .text{flex-direction: column;}
    .cooperate_box2{ padding: 30px 15px;}
    .cooperate_box2 .coo_box2_List li{width: 46%;}
    .cooperate_box2 .coo_box2_List li .txt h2{ font-size: 16px; margin: 10px 0;}
    
    .cooperate_box2 .coo_box2_List2 li .txt{ height: 160px;}
    .cooperate_box2 .title h2{ font-size:.3rem;}
    .cooperate_box3 .title{ font-size: .3rem;}

    .cooperate_box3 .coo_box3_List li{ width: 47%;}

    .cooperate_box3 .coo_box5_List li{ width: 97%; }
    .cooperate_box3 .coo_box5_List li .city{ min-height: auto;}
    .company_box4{  background: url(../images/125.jpg) no-repeat center top;background-size: 100% auto; height: auto;} 
    .case_box .table3 td,.case_box .table4 td{padding: 0 8px;}
    table td{ font-size: 14px;}
    .case_box .table1 td{ padding: 5px;}
    .brand_box .part1 li{ width: 98%;}
    .brand_box .part1 ul{flex-direction: column;}
    .brand_box .part1 .wrap{ padding: 0 15px;}
    .brand_box .part2 .img1 .wrap{ position: relative;}
    .brand_box .part3 .wrap{padding: 0 15px;}
    .investor_box{ margin-top: 50px;}
    .investor_box .wrap{padding: 0 15px;}
    .join_box{ padding: 30px 15px;}
    .contact_box .left p { margin-left: 0;}
    .contact_box .left{ width: 100%;}
    .contact_box .right{ width: 100%; margin-top: 20px;}


    

}

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

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