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

}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    nav a{  line-height: 80px;}
    .logo{ height: 60px; }
    header{ height: 80px;}
    nav .sub{top: 80px;}
    .idxproItem{padding: 60px 30px 110px 30px;}
    .idxproItem .more{ height: 150px;}
    .idxproItem .more img{height: 70px;    right: 15%;}
    .caseItem .img img{ height: 295px;}
    .newItem .img img{ height: 256px;}
    .footwem{ width: 120px;}
    .footnavTop,.footnavBot{ width: 55%;}
    .w80{ width: 86%;}

    .banner{ margin-top: 80px;}
    header{ padding: 0 20px;}
    .neiBan{ margin-top: 80px;}
    .neiNav a{ line-height: 100px;}
    .historyItem .img img{ height: 200px;}
    .baseSwiper{ padding-left: 10%;}
    #baseSwiper .txt{ height: 64px; line-height: 64px;}
    .Honor .swiper-container .img{ height: 360px;}
    .honorRight{right: -35px;}
    .honorLeft{left: -35px;}
    .zhanwei{ padding-top: 80px; margin-top: -80px;}
    .prolist li .img{ height: 360px;}
    .proOne .left .btn{ width: 100%;}
    .proOne .left .desc{margin-bottom:100px}
    .mainLeft .title span::after{bottom: -15px;}
    .programmelist li .img{ height: 260px;}

    .problemlist dl img{ width: 20px;}

    .joninbtn{ z-index: 10;}
    .fiveStyle .next,.imageShow .next{ right: -35px;}
    .fiveStyle .prev,.imageShow .prev{ left: -35px;}

    .bg11box{margin-top: -100px;}

    .processUl li .pic{ width: 120px; height: 120px;}

    .prospect .txt{padding-left: 7vw;}
    .society .txt{ padding-right: 7vw;}
    .societyUl .yuan{ width: 70px; height: 70px;}
    .prospectImg,.societyImg2{ width: 100%; height: 100%; object-fit: cover;}

    .idxproItem .img{ height: 380px;}



     
}

@media screen and (max-width:1280px) {
   
    .historyItem::after{ right: -10px;}
    .w80{ width: 90%;}
    .banner .swiper-slide img{ height: auto;}
    .idxproItem .img{ height: 300px;}
    .caseItem .img img{ height: 270px;}
    .footnavTop, .footnavBot{ width: 50%;}
    .idxCae .prev, .idxCae .next{ display: none;}
    .caseItem .img img{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .newItem .img img{ height: 220px;}
    .ljtj{    height: 50px;width: 200px;line-height: 50px;bottom: -60px;}

    .prospect .txt{padding-left: 5vw;}
    .society .txt{ padding-right: 5vw;}
    .processUl li .pic{ width: 90PX; height: 90px;}

     div.video-wrap{ width: 90vw;height: auto;}
}

@media screen and (max-width:1000px) {
    header .tel{ display: none;}
    nav{ width: 60vw;}

    .prolist li{ width: 48%; margin-right:4%; margin-bottom: 30px; }
.prolist li:nth-child(3n){ margin-right: 4%;}
.prolist li:nth-child(2n){ margin-right: 0;}
.proOne .left{    padding: 80px 30px 80px 0;}
.caselist li{width: 48%; margin-right:4%; margin-bottom: 30px;}
.caselist li:nth-child(3n){ margin-right: 4%;}
.caselist li:nth-child(2n){ margin-right: 0;}

.programmelist li{width: 48%; margin-right:4%; margin-bottom: 30px;}
.programmelist li:nth-child(3n){ margin-right: 4%;}
.programmelist li:nth-child(2n){ margin-right: 0;}

.processUl{ flex-wrap: wrap; justify-content: flex-start;}
.processUl li .pic{ width: 50px; height: 50px;}
.processUl li{ display: none; margin-bottom: 25px; margin-right: 4%;}
.processUl li.con{ width: 48%; display: flex;}
.processUl li:nth-child(3),.processUl li:nth-child(7){ margin-right: 0;}
.processUl li:last-child{ margin-right: 0; width: 100%; margin-bottom: 0;}
 
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}

    header{ height: 60px; padding: 0 0 0 20px;}
    nav{
        width: 100%;
        height: calc(100vh - 60px);
        background-color: #fff;
        position: fixed;
        top: 60px;
        right: 0;
        z-index: 99;
        flex-direction: column;
        justify-content:center !important;
        border-top: 1px solid #e5e5e5;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transition: all .6s;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -ms-transition: all .6s;
        -o-transition: all .6s;
}
    nav.show{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
    nav li{ width: 100%; text-align: center;}
    nav li a{ display: block;}
    nav a{ line-height: 60px;}
    nav li a::after{ height: 1px;}
    .logo{ height: 45px;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    .banner{ margin-top: 60px;}
    .idxproItem{ padding: 15px;}
    .idxAbout .flex-content-end{justify-content: center;}
    .idxMore{width: 150px; height: 38px;}
    .idxAbout .img{ width: 100%; height: auto; margin-top: 15px;}
    .idxAbout .img img{ height: 180px;}
    .idxAbout .img .paly{  width: 60px;}
    .idxAbout .img .paly img{height: auto !important;}px
    .idxAbout,.idxJoin{background-attachment:scroll}
    .joinDown{ width: 100%; height: 48px;}
    .joinDown ul a{ font-size: 12px; line-height: 32px;}
    .joinDown ul{ top: 48px;}
    .idxNews .rightnav{ width: 100%; margin-top: 15px; justify-content: space-between;}
    .idxNews .tit a{ margin: 0; margin-right: 15px;}
    .newslist .newItem:nth-child(3n){ display: none;}
    .newItem{ width: 48%; margin-right: 4%;}
    .newslist .newItem:nth-child(2n){ margin-right: 0;}
    .newItem .img img{ height: 135px;}
    .newItem .line-clamp3{-webkit-line-clamp:1}
    .footnavTop{ margin-top: 10px;}
    .footnavTop, .footnavBot{ width: 100%;}
    .footnavBot{ display: none;}
    .footwem{ width: 80px;}
    footer .bot{ text-align: center;}
    #goTopBtn{ margin-top: 15px;}
    #toolbar{ display: flex; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #1e1d1d;}
    .neiBan{ margin-top: 60px;}
    .neiImg{ width: 100%; height: 200px; object-fit: cover;}
    .neiNav a{ line-height: 50px; white-space: nowrap; padding: 0 25px; flex: auto;}
    .w80{ width: 100%; padding: 15px 15px;}
    .neiNav{  overflow-x: scroll;  width: 100vw; margin-left: -20px;  }

    .caseItem .img img{ height: 235px;}
    .idxproItem .img{ height: 200px;  }
    .idxproItem .img img{transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%);}
    .neiNav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 2px;}
    .neiNav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #a72923; height: 2px; }
    .neiNav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #e5e5e5;  height: 2px;}
    .neiNav a::after{ display: none;}
    .neiNav a.on,.neiNav a:hover{ font-weight: bold; color: #a72923;}
    .introduction .desc{ margin: 20px; padding-left: 40px;}
    .introduction .desc::before{ width: 20px; height: 20px;   background: url(../images/dou.png) no-repeat left top; background-size: 100% 100%; }
    .CultureItem>img{ width: 100%; height: 260px; object-fit: cover;}
    .CultureItem .txt{ padding-top: 0; justify-content: center;}
    .CultureItem .txt>img{ height: 40px;}
    .CultureItem:hover .txt{ padding-top: 20px;}
    .history .title .line{height: 16px;}
    .historyItem .img img{height: 135px;}
    .development .left{ width: 100%; padding: 20px 0;}
    .developmentIcon{ width: 50px;}
    .development .right{ width: 100%;}
    #baseSwiper .txt{ line-height: 48px; height: 48px;}
    .baseSwiper{ padding-left: 20px;}
    .honorLeft, .honorRight{ display: none;}
    .Honor .swiper-container .img{ height: 200px; }
    .icon7{ width: 80%; }
    .VRIcon{ width: 50px;}
    .zhanwei{ padding-top: 60px; margin-top: -60px;}
    .prolist li{ width:50%; margin-right:0%; margin-bottom: 20px; }
    .prolist li:nth-child(3n){ margin-right: 0%;}
    .prolist li:nth-child(2n){ margin-right: 0;}
    .prolist li .img{ height: 200px;}
    .caselist li{ width: 100%; margin-right:0%; margin-bottom: 20px; }
    .caselist li:nth-child(3n){ margin-right: 0%;}
    .caselist li:nth-child(2n){ margin-right: 0;}

    .programmelist li{ width: 100%; margin-right:0%; margin-bottom: 20px; }
    .programmelist li:nth-child(3n){ margin-right: 0%;}
    .programmelist li:nth-child(2n){ margin-right: 0;}
    


    .pglist  span,.pglist .page{ display: none;}
    .locaton{justify-content: flex-end;}
    .proOne::before,.proOne::after{ display: none;}
    .proOne .w80{ padding: 0;}
    .proOne .left{ background: url(../images/proOneleft.jpg) no-repeat center center;background-size: cover; padding: 20px;}
    .proOne .right{ background: url(../images/proOneright.jpg) no-repeat center center;background-size: cover;}
    .proOne .left .desc{ padding: 20px 0;margin-bottom: 25px;}
    .icon8,.icon9{ height: 18px;}
    .mainLeft{ width: 100%;}
    .probottom{ padding: 20px;}

    .probottom .w80{ padding: 0;}
    .wapMT-20{margin-top: 15px;}
    .ljtj{ bottom: auto; position: relative; margin: 18px 0; width: 200px; height: 38px; line-height: 38px;}

    .programmelist li .img img{ height: 250px;}
    .salesLeft{ width: 100%; border-right: none;}
    .salesUl{ display: flex;  flex-wrap: wrap;}

    .salesUl li{ line-height: 45px; height: 45px; width: 50%; text-align: center; border-top: 1px solid #e5e5e5;}
    .salesUl li a{line-height: 45px; height: 45px; display: block; }
    .salesUl.abso{     width: calc(100% - 30px); top: 60px; left: 15px; background-color: #fff; z-index: 55; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);}

    .salesRight{ padding: 20px 0; width: 100%;}
    #s1 .text-nowrap{white-space:	normal}
    .salesitemUl li:last-child{ margin-top: 15px;}
    .salesitemUl li{ padding:15px 10px;}
    .xcwxUl li{ width: 100%;margin-bottom: 40px;padding-top: 30px;}
    .xcwxUl li span{ width: 120px; height: 38px; line-height: 38px; margin-left: -60px; }
    .f120{ font-size: 60px;}
    .problemlist dt .icont{ display: none;}
    .problemlist dl img{    width: 16px;}

    .newslistTwo .newItem:nth-child(3n){ display: block; margin-right: 4%;}
    .newslistTwo .newItem:nth-child(2n){ margin-right: 0;}
    .newItem .color-888.mt-20.mb-20{ margin: 5px 0;}

    .newsLeft{ width: 100%;}
    .newsRight{ width: 100%;}
    .newsRight{ border-left: none; padding: 0; margin-top: 15px; padding-bottom: 25px;}
    .newsRightPage a:last-child{ margin-top: 10px;}

    
    .searchform{ width: 100%;}
    .searchform .keys{ height: 38px; line-height: 38px; width: calc(100% - 38px); padding: 0 12px;}
    .searchform .submitbtn{ height: 38px; line-height: 38px; width: 38px;}
    .searchlist .icon{ width: 24px; height: 24px;}
    .searchlist .text{ width: calc(100% - 50px);}
    .searchlist .text .f24{ align-items: flex-start;} 
    .searchlist .text .tip{ padding: 4px 10px; display: inline-block; font-size: 12px; width: auto;}
 
    .searchform .submitbtn{    background: url(../images/search-w.png) no-repeat center center #a72923; background-size: 42% auto;}

    .onlineinput{ width: 100%;}
    .onlineinput+.onlineinput{ margin-top: 12px;}
    .btntj, .btnqx{ height: 48px; width: 40%;}
    .onlinetextarea{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }

    .contactBox .right{ height: 220px;}
    .ewmImg{ width: 80px;}
    .contactBox .left .f40{ border-width: 1px;}

    .prospect .txt{  padding-left: 15px; padding-right: 15px;}
    .prospectImg,.societyImg2{ width: 100%; height: 200px;}
    .society .txt{padding-left: 15px; padding-right: 15px; margin-top: 15px;}
    .policyBox .title{ padding-left: 0 ;text-align: center;}
    .policyItem .con{min-height: auto;}
    .joninbtn{ display: none;}

    .policyItem .icont{ width: 50px; height: 50px;    background: url(../images/bg10.png) no-repeat center center; background-size: 100% 100%;}
    
    
}

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