@media screen and (max-width:1600px) {
    .header-box{ width: 97%; left: 1.5%;}
    .m_lan{margin-right: 10px;}
    .navMenu{right:220px}
    .nav >li{ padding:0 15px}
 
    .wrap{width: 90%; }
    .pro-scene-cont {padding: 30px 80px;}
    .contain {width: 90%;}

    .rellb-main {padding-bottom: 32px;}
    .rellb-main-list {margin-left: -40px;}
    .rellb-main-list li {width: calc(33.3333% - 40px);margin-left: 40px;}
    .reltp-list li .content {padding: 0 26px;}
    .rellb-list ul {margin-left: -40px;padding: 32px 0;}
    .rellb-list li {width: calc(33.3333% - 40px);margin-left: 40px;}
    .rellb-list li .name{font-size: 20px;background-position: right 2px top 1px;}

    .pageBanner .imgDiv-cp {padding: 20%;}
    .pageBanner .imgDiv {padding: 20%;}
    .pageNav li{ font-size: 17px;}
    .pageBanner .pageNav.fixed{height: 71px;}
    .pageNav {padding: 23px 0rem;}
    .pageNav li {padding: 23px .4rem;}

  
    .brand-about-intr-img {width: 660px;}
    .brand-about-intr-wrap {width: calc(100% - 660px);padding-right: 60px;}
    .brand-about-intr-cont {line-height: 28px;}
    .brand-phylogeny-loop-cont .name {font-size: 60px;}
    .brand-phylogeny-loop-cont .hint {margin: 40px 0 12px;}
    .brand-phylogeny-menu li {margin-top: 60px;}
    .brand-social-list li {width: 140px;}
    .brand-social-list li.active {width: calc(100% - 444px);}
    .brand-social-list li, .brand-social-list li img{height: 374px;}
    .brand-partners-head-link,.brand-qualification-head-link {width: 300px;}


    .news-head-img {width: 680px;}
    .news-head-cont {width: calc(100% - 680px);padding-left: 60px;}
    .news-head-cont::after {width: calc(100% - 60px);}
    .news-list-ul {margin: -50px 0 0 -50px;}
    .news-link {width: calc(33.3333% - 50px);margin: 50px 0 0 50px;}
    .news-head-cont .head {line-height: 36px;max-height: 108px;}

    .intro-cont{margin-top: 60px}
    .intro-r{padding: 40px}
    .intro-r h3, .intro-r h1{font-size: 22px}
    .intro-r p br{height: 18px;}
    .world-l ul{margin-top: 50px}
    .intro-l{height: 500px}
    .world-num{font-size: 36px}
    .world {padding: 120px 0;}
    .index-tit{font-size: 36px}
    .index-tit:after{width: 70px}

    .cp_pro.six-box ul li {width: 22%;}
}
@media screen and (max-width:1400px) {
    .nav >li{ padding:0 13px}
    .wrap{width: 1200px; } 
    .contain {width: 1200px;}
    .brand .contain{width: 1200px;}

    .footer .top dd h4 a{ line-height: 0.38rem;}


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

@media screen and (max-width:1279px) {    
    .wrap{width: 96%;}
    .contain{width: 96%;}
    .brand .contain{width: 960px;}

    .nav >li{ padding:0 10px}
    .nav >li >a{ font-size: 15px;line-height: 62px;}
    .t-down a{font-size: 14px;}
    .select_k a{font-size: 14px;}

    .pro-scene-cont {padding: 30px 60px;}
    .rellb-main-list {margin-left: -30px;}
    .rellb-main-list li {width: calc(30% - 30px);margin-left: 30px;}
    .rellb-main-list li:first-child{width: calc(40% - 30px);}
    .rellb-main {padding-bottom: 28px;}
    .rellb-list ul {margin-left: -30px;padding: 28px 0;}
    .rellb-list li {width: calc(33.3333% - 30px);margin-left: 30px;}
    .rellb-list li .name {font-size: 16px;}
    .rellb-main .name{font-size: 20px;}
    .footer .top dd h3 a{ font-size: 16px;}
    .pageNav li{ font-size: 16px;}
    .pageBanner .pageNav.fixed{height: 64px;}
    .pageNav {padding: 20px 0rem;}
    .pageNav li {padding: 20px .4rem;}
    
    .brand-about-intr-img{width: 100%; margin-top: 0;}
    .brand-about-num{ display: none;}
    .brand-about-intr-wrap {width: 100%;padding-right: 0;margin-top: 50px;}
    .brand-phylogeny-loop-cont .name {font-size: 44px;}
    .brand-phylogeny-loop-cont .hint {margin: 30px 0 8px;}
    .brand-phylogeny-menu li {margin-top: 48px;}
    .brand-qualification-head-link {width: 200px;}
    .brand-partners-head-link{ display: none;}
    .brand-social-list li {width: 100px;}
    .brand-social-list li.active {width: calc(100% - 324px);}
    .brand-social-list li, .brand-social-list li img{height: 316px;}
    .brand-development-cont .text {line-height: 24px;margin-top: 20px;}

    .pro-scene-cont .name{ font-size: 24px;}
    .pro-scene-cont .text{ font-size: 14px;}

    .news-head-img {width: 540px;}
    .news-head-cont {width: calc(100% - 540px);padding-left: 40px;}
    .news-head-cont::after {width: calc(100% - 40px);}
    .news-list-ul {margin: -30px 0 0 -30px;}
    .news-link {width: calc(33.3333% - 30px);margin: 30px 0 0 30px;}
    .news-head-cont .head {line-height: 34px;max-height: 68px;-webkit-line-clamp: 2;}
    .news-head-cont .text {line-height: 28px;max-height: 84px;margin: 30px 0 58px;}
    .news-head-img i, .news-link-img i{width: 50px;height: 50px;margin: -25px 0 0 -25px;}

    .intro-cont{margin-top: 45px}
    .intro-l{height: 450px}
    .intro-r{padding: 20px}
    .intro-r h3, .intro-r h1{font-size: 20px}
    .intro-r p br{height: 14px;}
    .intro-r p{font-size: 14px;line-height: 24px}
    .intro-r a{width: 140px;height: 42px;font-size: 14px}
    .world{padding: 100px 0}
    .world-tit{font-size: 23px;line-height: 36px}
    .world-l ul {margin-top: 40px;}
    .world-num{font-size: 30px}
    .world-num span{padding-left: 6px;padding-top: 6px}
    .world-l li p {font-size: 14px;margin-top: 6px;}
    .index-tit{font-size: 32px}
}

@media screen and (max-width:1200px) {
    .footer .bottom h3 strong{display: none;}
    .header-ri{ margin-top: -25px;}
    .m_lan{ margin-top: 2px;}
    .t-down a{text-indent: -9999em;}
    .select_k a{padding: 0 20px 0 30px; font-size: 14px;}
    .navMenu{right:10px}
    .nav >li >a{ font-size: 15px;line-height: 62px;}
    .nav >li{ padding:0 10px}
    .pageBanner .layer .nameImg{ font-size: 14px;}
    
} 

@media screen and (max-width:1130px) {   
    .footer .top dd h3 a {font-size: 15px;}
    .footer .top dd h4 a{ font-size: 12px;}
    .intro-bg{background-size: 120% auto;}
}

@media screen and (max-width:1000px) {
    .wrap{width: 92%;}
    .brand .contain{width: 92%;}
    .pc-show{display: none!important;}
    .pc-hide{display: block!important;}

    .banner .flex-control-nav{ bottom: 10px; text-align: left;}
    .bbox{ max-width:60%;width:60%; margin:auto; position:absolute; right:2%; top:30%; text-align:right;}
    .index-case{ padding: 60px 0;}
    .ResTitle_a3 span{ font-size: 26px;}
    .index-pro .index_title h2{ font-size: 26px;margin-bottom: 40px;}
    .index-pro{ padding: 60px 0;}
    
    .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:10px;
    }
    .pubbanner-img {
        width: 100%;
        min-height: 200px;
        object-fit: cover;
    }
    .pubbanner {
        margin-top: 65px;
    }
    .pageBanner{ margin-top: 65px;}
    .pageBanner .layer .name{ display: none;}
    .pageBanner .layer .nameImg{ display: none;}
    
    .menuBtn {
        top: 22px;
    }
    #aside {
        top: 65px;
    }
    .header-box {
        display: none;
    }
    .index-banner {
        margin-top: 65px;height: 450px;
    }
    .index-banner .container{ height: 450px;}
    .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: 0rem 0 40px 0; margin-bottom: 30px;}
    .footer .top dd{display: none;}
    .footer .bottom{border-top:0; padding-top: 0;}
    .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;width: 100%;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: 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: #666;margin-top: 0;font-size: 14px;}
    .footer .bottom h3 a{display: block;margin: 0;}
    .footer .bottom h3{text-align: left;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;
    }
   
    
    .cp_neir ul li {float: left;width: 29.3%;margin: 0 2% 0.4rem 2%;}
    .cp_pro ul li {width: 29.3%;margin: 0 2% 0.4rem 2%;}
    .cp_pro.six-box ul li {width: 29.3%;margin: 0 2% 0.4rem 2%;}
    

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

    .pro-scene-img{width: 100%;}
    .pro-scene-cont{width: 100%;padding: 28px 20px;}

    .rellb-main-list {margin-left: -20px;}
    .rellb-main-list li {width: calc(27% - 20px);margin-left: 20px;}
    .rellb-main-list li:first-child{width: calc(46% - 20px);}
    .rellb-list ul {margin-left: 0;padding: 0;border-bottom: none;}
    .rellb-main {padding-bottom: 24px;}
    .rellb-list li{width: 100%;margin-left: 0;padding: 24px 0;border-bottom: 1px solid #d8dadd;}
    .rellb-list ul:last-child li:last-child{border-bottom: none;padding-bottom: 0;}
    .reltp-list li .text{max-width: 100%;}
    .rellb-list li .address{max-width: 100%;}

    .brand-phylogeny-loop-cont .name {font-size: 36px;}
    .brand-social-list ul{flex-wrap: wrap;margin-top: -6px;}
    .brand-social-list li{width: calc(50% - 6px) !important;margin-top: 6px;height: auto;}
    .brand-social-list li img{position: static;height: auto;width: 100%;object-fit: cover;}
    .brand-social-list-hint{display: none;}
    .brand-social-list-cont .name{opacity: 1;animation: none !important;}
    .brand-development img{min-height: 320px;}
    .brand-social-list-cont {bottom: 22px;padding: 0 32px;}

    .brand-responsibility-intr-img{ width: 100%;}
    .brand-responsibility-intr-wrap{ width: 100%; padding: 30px 10px;}
    .brand-responsibility-intr-cont{ margin-top: 20px; font-size: 14px;}
    .brand-responsibility-intr-cont p{font-size: 16px;}

    .youshi{ display: none;}

    .news-head{ margin-bottom: 40px;}
    .news-head-img{width: 100%;}
    .news-head-cont {width: 100%;padding: 32px 20px;}
    .news-head-cont::after{width: 100%;}
    .news-head-cont .text {line-height: 26px;max-height: 78px;margin: 24px 0 32px;}
    .news-link {width: calc(50% - 30px);}

    .index-case .PhotoList_i1 li:hover img{transform: scale(1.1,1.1) translate(-45%,-45%);}
    .index-case .PhotoList_i1 li:hover .txt{opacity: 1;/* left: 0;top: 0; */}

    .index-case .PhotoList_i1 .swiper-slide{height: 40vh;}
    .index-case .mainbox{padding-top: 0vh;}

    .intro{padding-top: 60px}
    .intro-cont{margin-top: 35px;flex-wrap: wrap;}
    .intro-bg{background-size: 300% auto;}
    .intro-l{width: 100%;height: auto;}
    .intro-r h3, .intro-r h1{font-size: 18px}
    .intro-r{padding: 28px 20px;width: 100%;}
    .intro-r a{margin-top: 25px;width: 120px;height: 36px}
    .intro-r a i{margin-left: 10px}
    .world .contain{flex-wrap: wrap;}
    .world-l{width: 100%}
    .world-l li{text-align: center}
    .world-num{justify-content: center}
    .world-tit{font-size: 20px;text-align: center;line-height: normal;}
    .world-l ul{margin-top: 40px}
    .world-l li{width: 33.3333%}
    .world-r{width: 100%;margin-top: 40px;}
    .world{padding: 80px 0}
    .index-tit{font-size: 26px;padding-bottom: 15px;margin-bottom: 15px}

    .application{ width: 100%;}
    .application_box_con{width:58%; height:345px; float:left; margin:0 1%; }
    .application_con .picture{height:345px;}
    .application_left li{height:65px;margin-bottom: 5px;}
    .application_left li h3{line-height: 65px; font-size: 16px;}
    
}

@media screen and (max-width:861px) {
    .hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}
}

@media screen and (max-width:768px) {
    .ny_main.wrap{ width: 100%;}
    .menuBtn {
        top: 15px;
    }
    #aside {
        top: 50px;
    }
    .header_tel {
        height: 50px;
        width: 100%;
        padding-left: 5px;
    }
    .header_tel .logo img {
        height: 32px;
        width: auto;
        margin-top: 9px;
    }
    .pubbanner {
        margin-top: 50px;
    }
    .index-banner .container{ height: 250px;}
    .index-banner {
        margin-top: 50px;height: 250px;
    }
    .index-banner .item-img {
        bottom: 30%;
    }
    .index-banner .item-img img {width: 100%;}
    .index-banner .item-img2 img{ width: 70%;}
    .index-banner .item-img2{ bottom: 35%;}
    .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 0px 30px 0px;
    }
    .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%;
    }
    .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: 0px 0rem 10px 0;
    }
    .cp_pro ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.3rem 2%;
        padding: 0px 0rem 10px 0;
    }
    .cp_pro.six-box ul li {width: 46%;margin: 0 2% 0.3rem 2%;}
    .cp_pro ul li .txt2{ margin-bottom: 0;padding: 13px 0 5px 0px;}
    .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;
        margin-top: 0;
    }
    .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{ height: 150px;}
    .news1 li .text p{ height: 40px; overflow: hidden; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
    .news1 li .text h3{ font-size: 18px; margin-bottom: 0;}

    .search-top-box {margin-top: 50px;}

    .product-detial .summary .summary-left{ width:100%; margin-bottom: 20px; border-right: 0;}
    .product-detial .summary .summary-right{width: 100%; margin: 0; padding: 0 20px;}
    #summaryTab{height: 300px;}
    #summaryPoster{height: 300px;}
    .pro-title h3 span{font-size: 20px;}
    .product-detial .summary .summary-text h2{font-size: 20px;line-height: 1.66; color:#232323;}
    .product-detial .specifications{background: #fff;padding: 30px 20px 20px; margin-top: 10px;}
    .product-detial .summary .summary-text pre{ font-size: 14px;}
    .product-detial .summary .summary-text .jieshao{ width: 100%; float: left;}
    .product-detial .summary .summary-right .cp-ewm{ width:130px ; float: left; margin-top: 5px; margin-bottom: 25px;}

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

   
    .name2 .r_menu{ display: none;}
    .col-md-4{ width: 100%;}
    .ip3_box{ padding-top: 20px;}
    .w-accor li{ margin-bottom: 10px;}
    
    .busifirm-img{ height: 80px;}

    .rellb{margin-top: 0;}
    .rellb-main .name {font-size: 16px;}
    .rellb-main-list {margin-left: 0;margin-top:8px}
    .rellb-main-list li{width: 100% !important;margin: 8px 0 0;}
    .rellb-main-list li:first-child{margin-top: 0;}
    .rellb-main-list li:first-child .text {max-width: 100%;}
    .rellb-main-list li:first-child .text{margin: 8px 0 0;}
    .rellb-main-list li .text{margin: 0;}
    .rellb-main {padding-bottom: 16px;}
    .rellb-list li {padding: 16px 0;}
    .rellb-list li .email, .rellb-list li .phone{margin-top: 8px; font-size: 14px;}
    .rellb-list li .address{margin-top: 8px;font-size: 14px;}
    .rellb-main-list li .hint{color:#666; font-size: 14px; line-height: 1.1;}
    .rellb-main-list li .hint2{color:#666; font-size: 14px;line-height: 1.1;}
    .rellb-main-list li:first-child .text{color:#666; font-size: 14px;}
    .rellb-main-list li:nth-last-child(-n+2){display:none;}

    .sonTitle .text{font-size: 20px;line-height: 24px; margin-top: 6px;}
    .brand-about-intr-cont{ margin-top: 20px;}
    .brand-development-cont .name{ font-size: 20px;}
    .brand-about{padding: 22px 0 42px 0;}
    .brand-about-intr-wrap {margin-top: 28px;}
    .brand-about-num ul{margin-top: -20px;}
    .brand-about-num li{flex: auto;width: 50%;margin-top: 20px;padding: 0;text-align: left;}
    .brand-about-num li::before, .brand-about-num li:last-child:after{display: none;}
    .brand-about-num li .num{justify-content: flex-start;}
    .brand-about-num li .text{margin-top: 6px;}
    .brand-phylogeny-more{ margin-top: 32px;}
    .brand-phylogeny-loop-cont .name {font-size: 32px;}
    .brand-phylogeny-loop-cont .hint {margin: 18px 0 6px;}
    .brand-phylogeny-menu {height: auto;top: auto;bottom: 24px;left: 0;}
    @keyframes phylogenyRun {0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
    .brand-phylogeny-menu .contain{justify-content: center;}
    .brand-phylogeny-menu ul{display: flex;flex-wrap: nowrap;align-items: center;}
    .brand-phylogeny-menu li{margin: 0 12px;}
    .brand-phylogeny-menu li i::after {width: 20px;height: 20px;margin: -10px 0 0 -10px;}
    .brand-phylogeny-menu li span{display: none;}
    .brand-phylogeny-menu li i{margin-left: 0;}
    .brand-partners-head-link,.brand-qualification-head-link{width: calc(100% - 120px);}
    .brand-qualification-loop .link {padding: 10px 24px 0;}
    .brand-about-num{margin-top: 26px;}
    .brand-phylogeny-loop img {min-height: 360px;}
    .brand-social-desc {line-height: 24px;}
    .brand-social-list ul{margin-left: 0;}
    .brand-social-list li{width: 100% !important;margin-left: 0;}
    .brand-social-list-cont {bottom: 16px;padding: 0 20px;}
    .brand-development-cont .text {line-height: 24px;margin-top: 14px;}
    .brand-development img {min-height: 380px;}
    .brand-development::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .4);}
    .brand-qualification-head .sonTitle{width: 100%;}
    .brand-qualification-head-btn {width: 120px;margin-left: 0;padding-left: 10px;}
    .brand-qualification-head-more{margin-top: 20px;width: 100%;}
    .brand-qualification-loop{margin-top: 16px;}
    .brand-phylogeny-cont .text {line-height: 24px;}
    .brand-phylogeny-cont .name {margin-bottom: 10px;font-size: 28px;}
    .brand-phylogeny .thumbs-prev, .brand-phylogeny .thumbs-next {width: 34px;height: 34px;bottom: 3px;}
    .brand-phylogeny .gallery{margin-top: 4px;}
    .brand-responsibility-intr-cont p{font-size: 14px; line-height: 24px;}
    .brand-partners-loop .link .img{height: 100px;}

    .pro-scene-cont .name{ font-size: 20px;}
    .cplist-defeal{ display: none;}

    .news-head{ margin-bottom: 30px;}
    .news-head-cont {padding: 24px 20px;}
    .news-head-cont .head {line-height: 24px;max-height: 48px; font-size: 20px; margin: 10px 0 10px;}
    .news-head-cont p{ font-size: 14px;}
    .news-head-cont .link{ margin-top: 20px;}
    .news-head-cont .text {line-height: 22px;max-height: 66px;margin: 14px 0 16px;}
    .news-list-ul {margin: -24px 0 0;}
    .news-link {width: 100%;margin: 24px 0 0;}
    .news-link-cont .name {line-height: 20px;height: 40px;}
    .news-link-cont {margin-top: 16px;padding: 10px 20px 30px;}
    .news-link-cont .time {margin-top: 10px;}

    .scrollTop{ border-radius: 50%; right: 10px; width: 45px; height: 45px; line-height: 45px;}
    .banner{ margin-top: 45px;}
    .bbox{ max-width:60%;width:60%; margin:auto; position:absolute; right:2%; top:30%; text-align:right;}
    .bbox2{ width: 80%; top:20%}
    .bbox2 h1{ font-size: 24px; padding-bottom: 18px;}
    .bbox2 h2{ font-size: 14px;}
    .bbox2 span {width: 150px;height: 40px;font-size: 14px;line-height: 36px;margin-top: 20px;}
    .bbox3 h2{ font-size: 36px; margin-bottom: 0px;}
    .bbox3 .line2 {margin: 10px auto;}
    .bbox3 h1{ font-size: 16px;}
    .bbox4 h1{ font-size: 24px; font-weight: bold;}


    .index-case .PhotoList_i1 .swiper-slide{width: 70%;height: 36vh;}
    .index-case .PhotoList_i1 .swiper-slide .pic{height: 100%;margin: 0;}
    .index-case .ResTitle_a3{width: 100%;text-align: center;top: 4vh;left: 0;}
    .index-case .mainbox{padding-top: 20vh;margin: 0 auto 0 18vw;}
    .index-case .gallery-thumbs{height: 9vh;}
    .index-case .gallery-thumbs li .pic,.index-case .PhotoList_i1 .swiper-slide .pic,.index-case .gallery-thumbs .swiper-slide-active .pic:after{border-radius: 1.2vw;}
    .index-case .swiper-button-next, .index-case .swiper-button-prev{display: block;top: 44vh;left: -10%;}
    .index-case .swiper-button-next{right: 14%;left: auto;}

    .intro-cont{margin-top: 30px;flex-wrap: wrap}
    .intro {padding-top: 40px;}
    .intro-r {padding: 24px 12px;}
    .world {padding: 44px 0;}
    .world-l li{width: 50%;margin-bottom: 20px;padding-bottom: 20px;}
    .world-l ul{margin-top: 30px;display: none;}
    .world-num{font-size: 26px}
    .world-l li p{font-size: 14px;margin-top: 5px}
    .world-r {margin-top: 28px;}
    .intro-bg {background-size: 500% auto;}
    .intro-r p br{height: 10px;}
    .world-l li:nth-last-child(3){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
    .index-tit{font-size: 22px}
    .index-tit:after{height: 2px;width: 60px}
    .index-tip{font-size: 14px;line-height: 22px;}

    .index-pro{padding: 40px 0;}
    .ResTitle_a3 span{ font-size: 22px;}
    .ResTitle_a3 p{ font-size: 14px;}
    .index-pro .index_title h2{ font-size: 22px;}
    .index-case{ padding: 0;}
    .pageBanner{ margin-top: 50px;}
    .pageBanner .imgDiv {padding: 20%;}

}

@media screen and (max-width:641px) {
    .pro-scene-cont .text {line-height: 24px;margin-top: 16px; font-size: 14px;}
    .pro-scene-cont{padding: 34px 15px;}
}

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