@media screen and (max-width:1720px) {
    .inner{ width:1480px;   margin: 0 auto;  }
    .pl-inner{ padding-left: calc((100vw - 1480px)/2);}
    .pr-inner{ padding-right: calc((100vw - 1480px)/2);}
    .ml-inner{ margin-left: calc((100vw - 1480px)/2);}
    .mr-inner{ margin-right: calc((100vw - 1480px)/2);}
    .zw{ margin-top: -90px; padding-top: 90px;}
    .zwHeader{ height: 90px;}
    .oneNav{ line-height:90px;}
    header .logoimg{ max-height:55px;}
}

@media screen and (max-width:1660px) {
    .inner{ width:1360px;   margin: 0 auto;  }
    .pl-inner{ padding-left: calc((100vw - 1360px)/2);}
    .pr-inner{ padding-right: calc((100vw - 1360px)/2);}
    .ml-inner{ margin-left: calc((100vw - 1360px)/2);}
    .mr-inner{ margin-right: calc((100vw - 1360px)/2);}
    .zw{ margin-top: -80px; padding-top: 80px;}
    .zwHeader{ height: 80px;}
    .oneNav{ line-height:80px;}
    header .logoimg{ max-height: 50px;}
    .w70-h70{ width: 60px; height: 60px;}
    .newsrightul{ top: 90px;}
    .newsrightul a .img{ width: 165px; height: 100px;} 
    .newsrightul a .text{ width: calc(100% - 190px);}
    .contactEwm{ width: 125px;}
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px }
    .inner{ width:1240px;   margin: 0 auto;  }
    .pl-inner{ padding-left: calc((100vw - 1240px)/2);}
    .pr-inner{ padding-right: calc((100vw - 1240px)/2);}
    .ml-inner{ margin-left: calc((100vw - 1240px)/2);}
    .mr-inner{ margin-right: calc((100vw - 1240px)/2);}
    .index-news .button .prev, .index-news .button .next {height: 50px;}
    .side_bar{ width: 60px; right: 0;}
    .side_bar>ul>li{ height: 60px;}
    .side_bar>ul>li a{ height: 60px; }
    .footEwm{ width: 125px;}
    .contactEwm{ width: 120px;}
}

@media screen and (max-width:1280px) { 
    .inner{ width:88%;   margin: 0 auto;  }
    .pl-inner{ padding-left: 6vw;}
    .pr-inner{ padding-right:6vw;}
    .ml-inner{ margin-left:6vw;}
    .mr-inner{ margin-right:6vw;}
    .index-banner .banner-img{ height: auto;}
    .oneNav{ padding: 0 1.5vw;}
    .oneNav span::after{ height: 1px;}
    .w70-h70{ width: 56px; height: 56px;}
    .index-news .button .prev, .index-news .button .next {height: 45px;}
    .footEwm{ width: 115px;}
    .newsrightul{   top: 80px;}
    .newsrightul a .img{ width: 145px; height: 100px;} 
    .newsrightul a .text{ width: calc(100% - 160px);}
    .contactEwm{ width: 100px;}
	.honor li{ width: calc((100% - 4vw)/3);  }
	.honor li:nth-child(4n){ margin-right: 2vw;} 
	.honor li:nth-child(3n){ margin-right: 0;}
	.applist li .text .applistIcon{width:50px;}
}

@media screen and (max-width:1100px) {
    .iPad-show{ display: block;}
    .iPad-none{ display: none;}
    .inner{ width:96%;   margin: 0 auto;  }
    .pl-inner{ padding-left: 2vw;}
    .pr-inner{ padding-right:2vw;}
    .ml-inner{ margin-left:2vw;}
    .mr-inner{ margin-right:2vw;}
    .w70-h70{ width: 50px; height: 50px;}
    .index-banner .banner-swiper{  width: 50px; height: 50px;}
    .index-banner .banner-mouse{ width: 70px; height: 70px;}
    .footEwm{ width: 100px;}

    .prolist li{ margin-right:4% ; width: 48%; box-shadow: 5px 0 20px rgba(0, 0, 0, .1);}
    .prolist li:nth-child(3n){ margin-right: 4%;}
    .prolist li:nth-child(2n){ margin-right: 0;}
	
	.caselist li{ width: calc((100% - 50px)/3); margin-right: 25px;}
	.caselist li:nth-child(5n){ margin-right: 25px;}
	.caselist li:nth-child(3n){ margin-right: 0;}

}
@media screen and (max-width:900px) {
    body{ font-size: 12px }
    .inner{ width:calc(100% - 40px);margin: 0 auto;}
    .pl-inner{ padding-left: 20px;}
    .pr-inner{ padding-right:20px;}
    .ml-inner{ margin-left:20px;}
    .mr-inner{ margin-right:20px;}
    header .con{ width: 100%; padding-left: 20px;}
    .index-banner .banner-swiper{ width: 40px; height: 40px;}
    .index-about .infoImg{ height: auto;  padding-bottom: 12px;}
    .aboutmore{width:180px;height:40px;}
    .numUl li:first-child{ padding-top: 25px;}
    .index-pro .protit li{ height: 40px;}
    .index-pro .protit .pl-30{padding-left:10px;}
    .index-pro .protit .pr-30{padding-right:10px;}
    .index-app .appbox .apptab {position: static;}
    .index-app .appbox .apptab a {width: 33.33%;border-color: #ebebeb;box-shadow: none;color:#888;}
    /*.index-app .appbox .apptab a.on {background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);}*/
    /*.index-app .appbox .apptab a.on .name {color: #fff;}*/
    .index-app .appbox .apptab .icon img{width: 28px;}
    .index-app .appbox .apptab .on .name {color: #fff;max-width: 96%;}
    .index-app .appbox .swiper-slide .name,.index-app .appbox .swiper-slide .ename,.index-app .appbox .swiper-slide .desc {width: 100%;line-height:1.5;-webkit-line-clamp:5;}
    .index-app .appbox .swiper-slide .ename {color: rgba(255, 255, 255, 0.6);}
    .index-app .appbox .swiper-slide .promore {display: none;}
    .index-news .button .prev, .index-news .button .next {height: 38px;width: 70px;}

    .footEwm{ width: 90px;}
    footer .footEwm{ margin: 15px auto 0 auto; }
    footer .bottom{ text-align: center;}

    .bireRight{ margin-top: 15px;}
    .cultureImg{ opacity: 1;}
    .historySwiper .swiper-slide{ height: auto;}
    .historySwiper .swiper-slide .text{ margin-top: 12px;}
    .historyBtn{ position: relative; right: auto; bottom: auto; margin-top: 15px;}

    .contactStyle li{ width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5;}
    .contactStyle li:last-child{ border-right: none;}
    .submitMessage,.resetMessage{ width: 35%;}
    .contactEwm{ width: 80px;}
    .mapBox{ height: 320px;}

    .breadcrumb ul{ width: 100%;}
    .breadcrumb a{ flex-shrink: 0; height: 50px; display: flex; align-items: center; justify-content: center;}
    .breadcrumb{  width: 100%;  overflow-x: scroll; display: flex; }
    .breadcrumb::-webkit-scrollbar { height: 2px;}
    .breadcrumb::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
    .breadcrumb::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
    .wh-50{ width: 38px; height: 38px;}
    .wh-40{ width: 30px; height: 30px;}

    .applist li:nth-child(2n){ flex-direction: column; }
    .applist li .text{ padding-left: 20px !important; padding-right: 20px !important;}
	.applist li .text .applistIcon{width:40px;}
	
	.changfang li{ margin-right: 0 !important;}
	
	.honor li{ width:48%; margin-right: 4%;  }
	.honor li:nth-child(3n){ margin-right: 4%}
	.honor li:nth-child(2n){ margin-right: 0 !important;} 
}

@media screen and (max-width:620px) { 
    .prolist li,.caselist li{ width:100%; margin-right: 0 !important;}
}