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

    .proSwiper .prev{ left: -90px;}
    .proSwiper .next{ right: -90px;}

}

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

    body{ font-size: 14px;}
    .newTop .img{ height: 360px;}
    .newlist li .img{ height: 245px;}

    .proSwiper .prev{ left: 0;}
    .proSwiper .next{ right: 0;}

    .yeartItem .tit{ font-size: 180px; }
    .ewmImg{ width: 120px;}

    header{ height: 80px;}
    header .right a{ line-height: 80px;}
    .body::before{ height: 80px;}
     
}

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

    .newTop .img{ height: 340px;}
    .newlist li .img{ height: 220px;}
    .meetingUl a{ height: 40px;}
    .yeartItem .tit{ font-size: 150px;  }
    .yeartItem .more{ bottom: 32px;}
   
}

@media screen and (max-width:1000px) {
    .w90,.w80{ width: 96%; }
    .meetUl li .img{ height: 280px;}

    .newTop .img{ height: 300px;}

    .newlist li{ width: 48%; margin-right: 4%;}
    .newlist li:nth-child(3n){ margin-right: 4%;}
    .newlist li:nth-child(2n){ margin-right: 0;}
    .newlist li .img{ height: 220px;}
    .yeartItem .more{ bottom: 15px;}
    .yeartItem .tit{ font-size: 120px; left: 0 }
    .ewmImg{ width: 100px;}
    
}
@media screen and (max-width:750px) {

    body{ font-size: 12px;}
    .w90,.w80{ width:100%; padding:0 20px ; }
    .idxTop{ height: 60px;}
    .idxlogo{ height: 40px;}
    .idxNav{ height: 50px;}
    .idxNav a{ margin: 0 15px;}
    .idxFooter{ line-height: 2; text-align: center; height: auto;}
    .bannerImg{ height:calc(100vh - 270px); }
    .swiper-container-3d{    perspective:5000px;}
    .menu_nav{ padding: 30px;}
    .menu_nav .logo{ height: 40px;}
    .menu_nav ul .list a{ font-size: 20px;}
    .menu_nav .top .close { font-size: 18px;}
    .menu_nav .top .iconfont{ font-size: 18px;}
    .technologyBan{ padding-top: 25px;}
    header{ height: 60px;}
    header .w90{ padding: 0 0 0 20px;}
    header .logo{ height: 40px;}
    header   .h_nav .burger{ background-color: #fff;}
  
    .body::before{  height: 60px;}
    .menu_nav .top{ height: 60px;}
    .menu_nav ul{    height: calc(100% - 60px);}
    .technologyImg{ margin-top: 15px;}
    .technologyBox .con{ width: 100%;}
    .technologyBox .con::before{ left: -20px; width: 15px; height: 16px;}
    .technologyBox .con::after{ right: -20px; width: 15px; height: 16px;}
    header .h_nav{ display: flex;}

    .meetingUl a{ height: 38px; padding: 0 15px; margin: 0 5px;  white-space: nowrap;}
    .meetUl li{width: calc((100% - 20px)/2); margin-right: 20px;}
    .meetUl li .img{ height: 250px;}
    .meetingUl{ width: 100%;overflow-x: scroll;}
    .meetingUl::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
    .meetingUl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #e5e5e5; height: 1px; }
    .meetingUl::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent;  height: 1px;}

    .newTop .img{ height: 200px;}
    .newTop .desc{-webkit-line-clamp:3}
    .newTop .more{ margin-top: 15px; height: 38px;}

    .newlist li .img{ height: 180px;}
    .newPage .back{ display: none;}
    .newPage .left{ width: 100%;}
    .newinonbox{ padding:25px 0;}
    footer{ text-align: center; line-height: 1.8;}

    .yeartItem .tit{ font-size:80px;   } 
    .yeartItem{ padding-top: 60px;}
    .storyBg .w50{ padding: 0 15px; font-size: 20px;}
    .storyBg .con::before{ left: 0;width: 15px; height: 16px; top: -20px;}
    .storyBg .con::after{ right: 0;width: 15px; height: 16px;}
    .storyLine{ height: 2px;}
    .yeartItem .more{  width: 150px; position: relative; right: auto; height: 38px; margin-top: 18px; bottom: auto;}
    .proSwiper .prev, .proSwiper .next{ display: none;}
    .yeartItem .w55{ padding: 20px 0;}
    .proBot .w45{  padding: 20px;}
    .storyBg{background-attachment:scroll}
    .proBot .con::before{ left: 0;width: 15px; height: 16px; top: -20px;}
    .proBot .con::after{ right: 0;width: 15px; height: 16px;}
    .w54 + .w38{ margin-top: 20px;}
    .proInfoThere .w33 + .w33{ margin-top: 15px;}
    .w70,.w30{ width: 100%;}
    .proInfoOne .prev, .proInfoOne .next{ width: 50px; height: 50px; margin-top: 20px;}

    .aboutLeft{ padding-right: 0;}
    .aboutLeft img{ margin: 15px 0;}
    .inputText{ height: 36px;}
    .w45 + .w45{ margin-top: 15px;}
    .map{ height: 280px;}
    
}

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

    .headTel{ display: none;}
    .meetUl li{width:100%; margin-right: 0; margin-bottom: 15px;}
    .meetUl li .img{ height: 200px;}

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