/* pc */
header{position: relative;    top: auto;left: auto;right: auto; width: 100%;}
.fixed{position: fixed;top: 0; left: 0;}
.phone-nav2{transform: translateX(0) !important; opacity: 1 !important;}
.h72{ height: 0;}
 
header .header-tools {position: relative; float: right;width: 44px;height: 44px;overflow: hidden;cursor: pointer;transition: all .3s; z-index: 1;  display: none;}
header .header-tools.down {  background: #cfcfcf;   transition: all .17s; }
header .nav-menu {  position: absolute;  top: 9px;  left: 9px;  width: 30px;  height: 20px;  transition: all .3s;  z-index: 1; } 
 header .nav-menu .nm {   display: block;    width: 100%;    height: 2px;
    margin-top: 5px;    background: #dc3d3c;    transition: all .5s; }

header .nav-menu .nm3{ width: 82%;}
header .nav-menu .nm1{ width: 70%;}
header .nav-menu .nm2 {    position: relative;    z-index: 1; width: 100%;}
header .nav-menu .nm2:before, header .nav-menu .nm2:after {      content: '';      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #dc3d3c;      opacity: 0;      z-index: 1;}
header .nav-menu.show .nm {    transition: all .5s, opacity .4s .3s; }
header .nav-menu.show .nm1 {    opacity: 0;    visibility: hidden;    transform: translate(-100%, 6px); }
header .nav-menu.show .nm2 {    background: transparent;    transform: rotate(-180deg); }
header .nav-menu.show .nm2:before, header .nav-menu.show .nm2:after {      opacity: 1;      transition: all .3s; }
header .nav-menu.show .nm2:before {     transform: rotate(45deg); }   header .nav-menu.show .nm2:after {     transform: rotate(-45deg); }
header .nav-menu.show .nm3 { opacity: 0; visibility: hidden; transform: translate(100%, -6px); }
.container2{ padding: 0 10px;}
 
.clounm .back .aljie{ width: calc(100% - 50px);}
.online li.on_11{ width: 100%;}
.online li.on_11 textarea{ width: 100%;}
.online li{ width: 32%; margin: 46px 0 0 1.3%;}
.online li.on_22{ width: 100%;}
.news .new_ul li .li_img img{ object-fit: cover;}
 
/* wap */
@media screen and (max-width:1660px) {
    .idxbanner .banner-txt .h1{ font-size: 55px;}
    .index1-title{ font-size: 34px;margin-bottom: 60px}
    .index2{ padding-top: 50px;}
    .idx2list{padding-top: 35px;padding-bottom: 55px;}
    .index-pingtai .title h3{ font-size: 36px; margin-bottom: 30px;}
    
    
}
@media screen and (max-width:1440px) {
    .idx2list{padding-top: 30px;padding-bottom: 50px;}
    .index2{ padding-top: 40px;}
    .index-title h3{ font-size: 20px;}
    .idxbanner .banner-txt .h1{ font-size: 45px;}
    .idxbanner .banner-txt .h2{ font-size: 28px;}
    .idxbanner .banner-txt .h3{ font-size: 20px;}
    .index1-title{ font-size: 30px;margin-bottom: 40px}
    .picMarquee-left{ padding: 50px 0;}
    .index3{ padding-bottom: 40px;}

    .news-sec1 .div1{ padding: 80px 0;}
    .w1300{ width: 1200px;}
    .index-pingtai .title h3{ font-size: 30px;margin-bottom: 25px}
    
} 

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

    /*  */
    .cpin ul{ display: grid; grid-gap: 25px; grid-template-columns: repeat(3,1fr);}
    .cpin li{ width: auto !important; margin: 0 !important;}
    .cpin li em img{ }
    /*  */
    .news .new_ul li .li_img img{ height: 150px;}
    /*  */
    .idx2list li .text p.ny{    -webkit-line-clamp: 3; height: auto;}
    /*  */
    .join h1{ font-size: 28px;}
    .online li{ width: 32%; margin: 35px 0 0 1.3%;}
    /*  */
    .shang-info-text h1{ font-size: 22px;}
    .z_content{ padding: 20px;}
    .index-footer{ padding-top: 40px;}
    .picMarquee-left{ padding: 40px 0;}
    .idx2list{padding-top: 25px;padding-bottom:45px;}
    .index2{ padding-top: 30px;}
    .index-title h3{ font-size: 18px;}
    header .navs li{ padding: 0 20px;}
    header .tel{ display: none;}
    .idxbanner .banner-txt .h1{ font-size: 35px;}
    .idxbanner .banner-txt .h2{ font-size: 24px;}
    .idxbanner .banner-txt .h3{ font-size: 18px;}
    .index1-title{ font-size: 26px;margin-bottom: 30px}
    .index3{ padding-bottom: 30px;}

    .clounm .back .aljie a{ font-size: 15px; padding:  0 10px; line-height: 55px;}

    .inner{width:1100px; margin:0 auto;}

    .page-main{ padding-top: 30px;}
    .news-sec1 .right img{ width: 400px;}
    .news-sec1 .right{ width: 450px;}
    .news-sec1 .left{ width: calc(100% - 450px);}
    .news-sec1 .p2{ font-size: 24px;}
    .news-sec1 .p3{ font-size: 14px; margin: 15px 0;}
    .news-sec1 a.more{ width: 140px; height: 35px;}

    .news-sec1 .div1{ padding: 60px;}

    .w1300{ width: 1000px ;}
   
    .index-pingtai .title p{ font-size: 16px; margin-bottom: 22px;}

    .index-pingtai-list2{ margin: 30px 0;}
    .displayMain img{ max-width: 100%;}
  
   

}

 

@media screen and (max-width:1000px) {
    /* 产品 */
    .w1300{ width: 100%; padding: 0 15px}
    .inner{width:1000px; margin:0 auto;}
.clounm{ margin-top:0;}
.clounm .inner{ background: #2252ca;}
.clounm .inner a{ color: #fff !important;}
.clounm .back .home{ display: none;}
.clounm .back .aljie{ width: 100%; line-height:55px; float: none;}
.news-sec1 .div1{ padding: 40px 0;}
.index-pingtai .title h3{ font-size: 28px;margin-bottom: 22px}
.index-pingtai{ padding-top: 25px;}

.index-pingtai-list li{ width: 48%; margin: 0 1% 20px;}
.index-pingtai-list2{ margin: 28px;}
.z_content{ padding: 15px;}
    /* 首页 */
    .Ainside .slick .hegda img{ width: 100%; height: 350px; object-fit: cover;}
    .index-footer{ padding-top: 30px;}
    .index-footer .box .center li{ width: 30%;}
    .index-footer .box .center li:nth-child(n+3){ display: none;}
    .index3{ padding-bottom: 20px;}
    .picMarquee-left{ padding: 30px 0;}
    .idx2list li{ width: 48%; margin: 0 1%; padding: 10px;}
   
    /* .idx2list .infoList li:nth-child(3){ display: block !important;} */
    .idx2list{padding-top: 20px;padding-bottom:40px;}
    .index2{ padding-top: 20px;}
    .index1 .idx1txt li .img img{ height: 45px;}
    .index1 .idx1txt li .img{ height: 60px;}
    .index1 .idx1txt li h2{ font-size: 16px;margin-bottom:0}
    .index1 .idx1txt li{ width: 48%; margin: 0 1% 20px;}
    .index1-title{ font-size: 20px;margin-bottom: 20px}
    .idxbanner .banner-txt .h1{ font-size: 30px;}
    .idxbanner .banner-txt .h2{ font-size: 20px;}
    .idxbanner .banner-txt .h3{ font-size: 16px;}
    header .header-tools{ display: block;}
    .mune{ display: inline-flex;}
    .rukou{ z-index: 88 !important;}
    header .box{ justify-content: space-between;}
    header .tel{ display: block;}
    .weui-cell_bd{   transform: translateX(1024px);
        z-index: 99999  ; position: fixed;  transition: all .5s;
        right: 0;
        width: 100%;
        background: red;  
        top: 80px; opacity: 0; }
        header .navs{ height: calc(100vh - 65px);}
        header .navs ul{ flex-direction: column;}
        header .navs li { text-align: center;}
        header .navs li a.top_a,  header .navs li a{ color: #fff; text-align: center; font-size: 18px;}
        header .navs li a.top_a::before,  header .navs li a::before{content: ''; display: block; transform: scale(1);    position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #db3938;
            height: 2px;
            width: 100%;
            transition: all 0.6s;}
        .subnav{ display: none !important;}

        .news-sec1 .right img{ width: 450px;}
        .news-sec1 .right{ width: 470px;}
        .news-sec1 .left{ width: calc(100% - 470px);}
        .idx2list li .img img{ height:200px !important; object-fit: cover;}
      
}

.mySwiper{ display: none;}
@media screen and (max-width:750px) {

    .index1-title h3{ font-size: 18px; font-weight: bold; }
    .index1 .idx1txt li{padding: 15px  ;}
    .index1 .idx1txt li p{ min-height: 60px;}

.mySwiper{ display: block;}
    .idxbanner{ height: 28vh; display: none;}
    /*  */
    .cpin ul{ display: grid; grid-gap: 18px; grid-template-columns: repeat(2,1fr);}
    /*  */
    .fenpian .back{ display: none;}
    .fenpian a{ font-size: 14px;}
    .displayMain img{ max-width: 100%; height: auto !important;}
        /*  */
        .index-pingtai .title{ height: auto; padding-bottom: 15px;}
        .index-pingtai-list2 li{margin:0 10px ;  }
        .index-pingtai-list li{ width: 100%;}
        
        .news .new_ul li .li_img{ width: 32%;}
        .news .new_ul li .li_img img{ height: 100px;}
        .news .new_ul li .li_you{ width: 66%;}
        .news .new_ul li .li_you a{ font-size: 16px; height: 30px; line-height: 30px;}
        .news .new_ul li .li_you span{ line-height: 20px; padding: 0; font-size: 12px;}
        .news .new_ul li .li_you p{ line-height: 2;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; height: auto;}
        /* .index-pingtai-list li i img{ width: 60%;} */
        .index-pingtai-list li input{ width: calc(100% - 40px);}
      
        .idx2list li .text p.ny{    -webkit-line-clamp: 2;  margin-bottom: 10px;   }
        .pager span,.pager a{ width: 35px; height: 32px; line-height: 32px; margin-bottom: 10px;}
        .pager{ height: auto;}
        
    /*  */
    .idx2list li .img img{ height:150px !important; }
    .idx2list li .text{margin-top:10px !important}
    /*  */
    .join h1{ font-size: 20px; line-height: 50px;}
    .clounm .inner{ padding: 0;}
    .online li{ width: 100%; margin: 20px 0 0 0;}
    .z_main_right{    margin-bottom: 20px;}
    .online li.on_22 input.sub,.online li input.text{  font-size: 14px;}
    /*  */
    .shang-info-text h1{ font-size: 20px; padding: 10px 0;}
    .z_content{ padding: 10px;}
    .shang-info-img{ width: 100%;  height: auto; padding: 0;}
    .shang-info-text{ width: 100%; margin: 0;}
    .news-sec1 .div1{ flex-direction: column;}
    .news-sec1 .right img{ width: 100%;}
    .news-sec1 .right{ width: 100%;}
    .news-sec1 .left{ width: 100%;}
    .news-sec1 .p2{ font-size: 20px;}
    .news-sec1 .p3{ font-size: 12px; margin: 8px 0; line-height: 1.8;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; height: auto;}
    .news-sec1 a.more{ width: 100px; height: 35px; line-height: 35px; font-size: 14px; border: solid 1px #023b98; font-size: 12px;}
    .news-sec1 .div1{ padding: 20px 0;}
    .index-pingtai .title h3{ font-size:17px;margin-bottom: 10px}
    .index-pingtai{ padding-top: 20px;}
    .index-pingtai .title p{ font-size: 12px; line-height: 1.6; margin-bottom: 10px;}
    
    .index-pingtai-list2{ margin: 5px;}
    .shang-info{ display: flex; flex-direction: column; padding-bottom: 15px;}
    .text-p span{ font-size: 14px !important;}
    .shang-info-tel{ margin: 15px 0;}
   
/*  */
    .page-main{ padding-top: 15px;}
    .inner{width:100%; padding: 0 15px; margin:0 auto;}
    .clounm .back{ height: auto;}
    .clounm .back .aljie a{ width: 33.3%; display: inline-block; float: left; padding: 0; margin: 0; text-align: center;border-right: 1px solid rgb(255 255 255 / 0.2);
        border-bottom: 1px solid rgb(255 255 255 / 0.2);}
        /* border-bottom:1px solid rgb(34 82 202); */
        .clounm .back .aljie a.on{     background: #db3938; border-bottom: none;}
        .clounm .back .aljie a:nth-child(3n){ border-right: none;}
        .clounm .back .aljie{ line-height: 42px;}
        .clounm .back .aljie a{ line-height: 42px; font-size: 14px;}


    header{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
    .index-footer .box .right p{ margin-bottom: 5px;}
    .index-footer { font-size: 14px;}
    .index-footer .bottom .fl{ width: 100%; text-align: center;  }
    .index-footer .bottom .fr{ display: none;}
    .index-footer .container2 div:nth-child(2){ display: none;}
    .index-footer .bottom{ height: auto; line-height:2.5;}
    .link{ display: none;}
    .index-footer .box .right h3{ font-size: 22px;}
    .index-footer{ padding-top:20px;}
    .index-footer .box .right{ float: left;}
    .index-footer .box .center li{ display: none;}
    .index-more2{ width: 120px; height: 40px; line-height: 40px;}
    .picMarquee-left{ padding: 20px 0;}
    .picMarquee-left .tempWrap{ height: 100px !important;}
    .idx3list li p{ font-size: 12px;}
    .idx3list li{ padding: 8px;}
    .idx3list li .img{ height: 40px;}
    .idx2list li .text{  margin-top: 8px; padding:0 5px;}
    .idx2list li .text h4{ margin-bottom: 4px; font-size: 16px;}
    .idx2list li .text p{ line-height: 1.6; font-size: 12px;}
    .idx2list li .text span{ margin-top: 10px;}
    .idx2list li{ padding: 5px;}
   .index1-title{ font-size: 26px;margin-bottom:20px}
    .idxbanner .banner-txt .h1{ font-size: 26px;padding-bottom:5px}
    .idxbanner .banner-txt .h2{ margin-top: 16px; margin-top: 5px; }
    .idxbanner .banner-txt .h3{font-size: 12px; margin-top: 5px; line-height: 2;}
    header .box{ height: 65px;}
    .weui-cell_bd{ top: 65px;}
.logo img{ height: 40px;}
    header .tel{ display: none;}
    .idxbanner .banner-txt .more{ display: none; width: 120px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px;}
    .rukou{ right: 5px;}
    .rukou a{width: 14vw;   padding: 10px 10px;height:auto;font-size: 14px;line-height: 1.6;}

}


 /* 栏目页banner手机端与pc端切换显示 */
 .colum-banner-pc{  display: block; }
 .colum-banner-phone{  display: none; }
 @media screen and (max-width:1024px){
    .idx3list li{ width: 33.3%;}
   .colum-banner-pc{
     display: none;
   }
   .colum-banner-phone{
     display: block;
   }
 }