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

	.about-part1 .content-box{padding-left: 5vw;}
	.about-part2 .content-box{padding-right: 5vw;}
	.DevelopmentHistory .swiper_box .swiper-container{width: 90%;}
	
	.contact-us .top-box .info-item .phone{font-size:28px;}
    .contact-us .top-box .info-item .code-item{margin-right:25px;}
    .contact-us .top-box .info-item .code-item .code{width:80px;}
}

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

    
	body{ font-size: 14px;}
	.head-box{ padding: 0 3vw;height: 90px;}
	.head-box .nav-list>li>a{ line-height: 90px;}
	.searchBtn, .ewmBtn{ height: 90px;}
	.topsearchBox,.topEwmBox{ top: 100px;}

	.index-title{font-size: 34px;}
	.index-part2 .left-box .title-box{padding: 45px 0 30px 0;}
	.index-part2 .left-box .sub-tit{font-size: 24px;}
	.index-part2 .left-box .pic-box{padding: 30px 45px 30px 0;}

	.index-part2 .right-box{padding-top: 45px;padding-left: 35px;}
	.index-part2 .right-box .num-box{margin-bottom: 50px;}
	.index-part2 .right-box .num-box .num-item .tit{font-size: 24px;}
	.index-part2 .right-box .num-box .num-item .tit span{font-size: 48px;}
	.index-part2 .right-box .cont-box{font-size: 16px;    margin-bottom: 25px;}

	.index-part3 .title-box .sub-tit{font-size: 24px;}
	
	 .inner-banner{margin-top:90px;}

	.about-part1{padding: 100px 0;}
	.about-sub{margin-bottom: 15px;}
	.about-title{font-size: 36px;}

	.btn-box .button{width: 58px; height: 58px;}

	.honor .swiper-container .swiper-slide .pic-box{ height: 260px;}

	.proLeft .title { height: 80px; }
	.muneUl>li{  font-size: 20px;}
	.prolist li{ padding:0 34px; margin-bottom: 35px;}
	.prolist li .img{height: 250px;}
	.prolist li .text{font-size: 20px;}
	.prolist li .txt{padding: 50px;}
	.prolist li .txt .title{font-size: 20px;margin-bottom:30px;}

	.locationinfo {padding-top: 50px;margin-bottom: 34px;font-size: 14px;}
    .locationinfo .iconfont{margin-right: 10px;}
	.product-details .swiper-box{padding: 40px;}
	.proinfotext .title{font-size: 34px;}
	.proinfotext .tag{ margin-top: 10px;}
    .proinfotext .tag span{padding: 6px 15px;font-size: 14px;}
	.proinfotext .line{ margin: 34px 0;}
	.proinfotext .cont{font-size: 16px;}
	.proinfotext .button{margin-top: 24px;}
    .proinfotext .button a{font-size: 18px; }
    .proinfotext .button a img{margin-right: 10px;}
    .proinfotext .tips{font-size: 14px; margin-top: 30px;}
	.proinfoimg .swiper-slide{ padding: 42px; height: 450px;}
	.product-details .content-box{ margin-top: 34px;}
    .proinfoLine{padding-left: 50px;}
    .proinfoLine .title{padding:18px 0;font-size: 18px;}
    .product-details .content-box .infoImg{padding: 35px 55px;}


	.cases-box{padding: 66px 0;}
    .caselist li .text{ padding: 26px;}
    .caselist li .text .cont-box{padding: 42px;}
    .caselist li .text .cont-box .title{font-size: 20px;}
    .caselist li .right{ width: 70px; height: 42px;  right:26px; }

}

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


	.head-box{ padding: 0 25px;height: 80px;}
	.head-box .nav-list>li>a{ line-height: 80px; font-size: 16px;}
	.searchBtn, .ewmBtn{ height: 80px;}
	.topsearchBox,.topEwmBox{ top: 90px;}
	.topsearchKey{width: calc(100% - 50px); height: 50px;}
	.topsearchSubmit{  height:50px; width: 50px;}
	
    .banner { margin-top: 80px; }

	.index-title{font-size: 28px;}
	
	.inner-banner{margin-top:80px;}

	.about-part1{padding: 60px 0;}
	.about-sub{font-size: 14px;margin-bottom: 12px;}
	.about-title{font-size: 28px;}
	
	.honor .swiper-container .swiper-slide .pic-box{ height: 200px;}

	.proLeft .title { height: 70px;font-size: 18px; }
	.muneUl>li{  font-size: 16px;}
	.two-muneUl li .yuan{margin-right: 5px;}
	.muneUl>li a span{font-size: 14px;}

	.proRight .box{padding: 60px 40px;}
	.prolist li .img{height: 200px;}
	.prolist li .text{font-size: 16px;}
	.prolist li .txt{padding: 40px;}
	.prolist li .txt .title{font-size: 16px;}
	.prolist li .txt .morebtn{width: 200px;height: 50px;}

	.cases-box{padding: 50px 0;}
    .caselist li .text{ margin-top: -60px;padding: 22px;}
    .caselist li .text .cont-box{padding: 40px;}
    .caselist li .text .cont-box .title{font-size: 16px;}
    .caselist li .right{ right:22px; }

	.contact-us .top-box{padding: 40px 0;}
	.contact-us .title-line{font-size: 36px;margin-bottom: 40px;}
	.contact-us .top-box .info-item{padding: 20px;}
	.contact-us .top-box .info-item .phone{font-size: 28px;}
	.contact-us .top-box .info-item .cont{font-size: 20px;}
	.contact-us .form-box{padding: 40px 0;}
	.contact-us .form-box .w1520{padding: 30px;}
	.contact-us .form-box .input-box{width: 44%;}
	
	.contact-us .top-box .info-item .phone{font-size:24px;}
    .contact-us .top-box .info-item .code-item .code{width:70px;}
 
 
}

@media screen and (max-width:1040px) {
    .head-box { padding: 0 0 0 20px; height: 70px;}
	.head-box .right{ display: none;}
	.head-box .nav-list>li>a{ line-height: 70px; }

    .banner { margin-top: 70px; }
	.banner .pagination .swiper-pagination-bullet{  width: 30px; height: 30px;}

	.w1520{width: 96%;}

	.index-part2 .left-box .title-box::after{border-bottom: none;}
	.index-part2 .left-box{width: 100%;border-right:none;border-bottom: 1px solid #e5e5e5;}
	.index-part2 .left-box .pic-box{padding-top: 0;}
	.index-part2 .right-box{width: 100%;padding-bottom: 30px;padding-left: 0;}

    .inner-banner{margin-top:70px;}

	.about-part1 .content-box{width: 90vw;padding: 0;margin: 0 auto;}
	.about-part1 .pic-box{width: 90vw;padding: 0;margin: 0 auto;margin-top: 30px;}
	#myvideo{ width: 90vw; }
	.video-popwrap iframe { width: 80vw !important; height: 26vh !important; }
	.popclose { position: absolute; top: -22px; right: -22px; border-radius: 100%; color: #fff; cursor: pointer; height: 43px; width: 43px; text-align: center; line-height: 43px;
         font-size: 25px; z-index: 33333; background: #022; }

	.about-part2{flex-direction: column-reverse;}
	.about-part2 .title{font-size: 24px;}
	.about-part2 .title i{font-size:20px;}
	.about-part2 .pic-box{width: 100%;padding: 0;margin: 0 auto;}
	.about-part2 .content-box{width: 90vw;padding: 0;margin: 0 auto;}
	
	.honor .swiper-container .swiper-slide .pic-box{ height: 180px;}
	.DevelopmentHistory .swiper_box .banner .swiper-slide .item{top: 0 !important;}

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

	
    .caselist li .text{ margin-top: -50px;padding: 18px;}
    .caselist li .text .cont-box{padding: 35px;}
    .caselist li .right{ right:18px; }

	.newDatilBox{ margin-top: 100px;}
    .newDatilBox .content-box{padding: 50px 50px;}
    .newDatilBox .title-box{ padding-bottom: 30px;}
    .newDatilBox .title{font-size:30px;font-weight: bold;color: #333;}
    .newDatilBox .cont{font-size: 16px;margin-top: 15px;color: #666;}
    .newDatilBox .cont .item .iconfont{font-size:18px; margin-right: 10px;}
    .newDatilBox .infoImg {padding: 30px 0;line-height: 2.4; font-size: 14px;}
    .newspage {padding-top: 30px;margin-top: 50px;border-top: 1px solid #e5e5e5;}

    
}
@media screen and (max-width:750px) {
	.w1520{width: 100%;padding: 0 20px;}
	::-webkit-scrollbar { width: 3px; background-color: #e9e9e9;border-radius: 3px; }

    .head-box{height: 60px;}
    .wap-show { display: block; }
    .head-box .nav-list { width: 100vw; height: 100vh; background-color: #000; transform: translateX(105%); flex-direction: column; align-items: flex-start !important; 
        justify-content: flex-start !important; position: fixed; top: 60px; right: 0; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; 
        -ms-transition: all .6s; -o-transition: all .6s; -webkit-transform: translateX(105%); -moz-transform: translateX(105%); -ms-transform: translateX(105%); 
        -o-transform: translateX(105%); }
    .head-box .nav-list.show{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
    .head-box .nav-list li{ width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .25);}
	.head-box .nav-list>li>a{ display: block; width: 100%; text-align: center;color: #fff;}
	.head-box.scroll .nav-list>li>a, .head-box.fixed .nav-list>li>a{color: #fff;}
	.head-box .nav-list>li>a::after{ height: 1px;}
    .head-box .nav-list>li.active>a::after{ background-color: #fff;}

    
    .banner { margin-top: 60px; }
    .banner .swiper-container .pagination-box{bottom:10px;}
    .banner .swiper-pagination-bullet{ width: 7px;height: 7px;}
    .banner .swiper-pagination-bullet-active{width:30px;}
    .banner .swiper-container .swiper-slide .pc{display:none;}
    .banner .swiper-container .swiper-slide .mobile{display:block;}
	.index-title{font-size:22px;}
	.index-part1{padding:30px 0;}
	.index-part1 .index-title{margin-bottom: 20px;}
	/*.index-part1 .top-box{margin-bottom: 20px;}*/
	.index-part1 .top-box .item{width: 100%;margin-bottom: 10px;}
	.index-part1 .top-box .item .cont-box{padding:15px;}
	.index-part1 .top-box .item .cont-box .tit{font-size: 18px;margin-bottom:5px;}
	.index-part1 .top-box .item .cont-box .cont{font-size: 14px;margin-bottom:15px;}
	.index-part1 .swiper-box .swiper-slide .cont-box{padding:25px 0 25px 15px;height: 160px;}
	.index-part1 .swiper-box .swiper-slide .cont-box .tit{font-size: 16px;}

	.index-more{font-size: 13px;border-width: 1px;padding-bottom: 5px;}
	.index-more .iconfont{font-size:18px;}

	.index-part2 .left-box .title-box{padding: 30px 0;}
	.index-part2 .left-box .sub-tit{font-size: 16px; margin-bottom: 10px;}
	.index-part2 .left-box .pic-box{padding:0 0 15px 0;}
	.index-part2 .right-box{padding-top: 30px;}
	.index-part2 .right-box .num-box{margin-bottom: 20px;}
	.index-part2 .right-box .num-box .num-item .tit{font-size: 16px;padding-bottom: 10px;}
	.index-part2 .right-box .num-box .num-item .tit span{font-size: 24px;}
	.index-part2 .right-box .num-box .num-item img{width: 40px;margin-right: 10px;}
	.index-part2 .right-box .num-box .num-item .cont{font-size: 12px;}
	.index-part2 .right-box .cont-box{font-size: 14px;}

	.index-part3{padding-bottom: 30px;}
	.index-part3 .title-box{padding: 30px 0;}
	.index-part3 .title-box .sub-tit{font-size: 12px;margin-bottom: 10px;}
	.index-part3 .title-box .left{width: 70%;}
	.index-part3 .swiper-container .swiper-slide .cont-box{padding-top: 15px;}
	.index-part3 .swiper-container .swiper-slide .cont-box .time{font-size: 14px;}
	.index-part3 .swiper-container .swiper-slide .cont-box .title{font-size: 14px;margin: 5px 0;}
	.index-part3 .swiper-container .swiper-slide .cont-box .cont{font-size: 14px;}
	footer .top{padding: 25px 0;}
	footer .footNav { display: none; }
	footer .bottom{padding: 20px 0;}
	footer .footPro{display: none;}
	footer .footContact{width: 100%;}
	footer .footContact .title a{font-size: 14px;margin-bottom: 8px;}
	footer .footContact .phone{ font-size: 16px; }
	footer .footContact .cont{font-size: 12px;line-height: 2;}
	footer .footEwm{width: 80px; margin-top: 18px;}
	footer .footEwm div{font-size: 12px;}
	.foot-bottom a{font-size: 12px;padding: 15px 0;}
	
	.inner-banner{margin-top:60px;}
	
	.about-part1{padding: 30px 0 60px 0;}
	.about-title{font-size: 18px;margin-bottom: 20px;}
	.about-part1 .content-box .cont-box{height: 100vw;padding-right:10px;padding-top: 0;}
	.about-part1 .cont-box p{font-size: 14px;}

	.item-video a{width: 50px;height: 50px;}
	.about-part1 .pic-box::after{width: 200px;height: 30px;}

	
	.about-part2 .title{font-size: 18px;padding-bottom: 20px;}
	.about-part2 .title i{font-size:14px;}
	.about-part2 ul li{padding:20px 0;}
	.about-part2 ul li .tit{font-size: 14px;margin-bottom: 15px;}
	.about-part2 ul li .cont{font-size: 16px;}

	.about-part3{padding: 40px 0;}
	.about-part3 .w1520{width: 90%;}
    .DevelopmentHistory .swiper_box .banner{margin-top: 20px;height: 200px;}
    .DevelopmentHistory .swiper_box .banner .swiper-slide{padding-bottom: 0;padding-right: 30px;}
    .DevelopmentHistory .box .banner1{width: 82%;}
    .DevelopmentHistory .swiper_box .banner .swiper-slide .item .top{font-size: 16px;}
    .DevelopmentHistory .swiper_box .banner .active .item .top{ font-size:22px; }
    .DevelopmentHistory .swiper_box .banner .swiper-slide .item .bot{    font-size: 12px;line-height: 18px;}
	.btn-box .button.prev{margin-right: 18px;}

	.about-part4{padding: 30px 0;}
	.about-part4 .w1520{width: 90%;}
	
	.honor .swiper-container .swiper-slide a{padding:20px;}

	.pc-show{display: none;}
	.neiNav{padding: 0 15px;}
	.proRight{width: 100%;}
	.proRight .box{padding: 20px;}
	.prolist li{width: 100%;margin-right: 0;  margin-bottom: 15px;}

	.product-details{padding-top: 60px;}
	.locationinfo {padding-top: 20px;margin-bottom: 20px;font-size: 12px;}
    .locationinfo .iconfont{margin-right: 8px;font-size: 16px;}
	.product-details .swiper-box{padding: 20px;flex-direction: column-reverse;}
	.proinfotext{width: 100%;margin-top:25px;}
	.proinfotext .title{font-size: 16px;}
	.proinfotext .tag{ margin-top: 10px;}
    .proinfotext .tag span{padding: 6px 15px;font-size: 12px;}
	.proinfotext .line{ margin: 20px 0;}
	.proinfotext .cont{font-size: 13px;}
	.proinfotext .button{margin-top: 24px;}
    .proinfotext .button a{font-size: 14px;width: 40%;height: 38px;}
	.proinfotext .button a:first-child{width: 56%;}
    .proinfotext .button a img{ height: 18px;margin-right: 8px;}
    .proinfotext .tips{font-size: 12px; margin-top: 18px;}
	.proinfoimg{width: 100%;}
	.proinfoimg .swiper-slide{ padding: 0; height: 280px;}
	.proinfoimg .btn-box{margin-top: 15px;}
	.product-details .content-box{ margin-top: 20px;}
    .proinfoLine{padding-left: 20px;}
    .proinfoLine .title{padding:15px 0;font-size: 16px;}
    .product-details .content-box .infoImg{padding: 20px;}
    .prevNext{margin-top:20px;}
    .prevNext a{width:60px;height:40px;font-size:16px;}

	.cases-box{padding: 30px 0;}
	.caselist li {width: 100%;}
    .caselist li .text{ margin-top: -40px;padding: 20px;}
    .caselist li .text .cont-box{padding: 20px;}
    .caselist li .text .cont-box .title{font-size: 14px;margin-bottom: 8px;}
    .caselist li .right{width: 50px;height: 26px;right:22px; }

    
    .news-top{padding-top:70px;}
    .newsBanbox{padding: 20px 0;}
    .newsBanbox .swiper-slide .newsTj{padding: 20px;flex-direction: column;}
    .newsBanbox .swiper-slide .newsTj .img{width: 100%;overflow: hidden;}
    .newsTj .img img { height: 205px; }
    .newsTj .txt{width: 100%; line-height: 2;padding-left: 0;padding-top: 15px;}
    .newsTj .txt .time{font-size: 12px;}
    .newsTj .txt .title{ font-size: 16px;}
    .newsTj .txt .cont{ font-size: 12px;}
    .newsBanbox .button{display: none;}
    .news-list{padding:0 0 30px 0;}
    .news-list li{padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
    .news-list li .pic-box{ width: 100%;}
    .news-list li .pic-box img{ height: 190px;}
    .news-list li .cont-box{  width: 100%;padding-top: 10px;}
    .news-list li .cont-box .time{font-size: 12px;}
    .news-list li .cont-box .title{font-size: 16px;margin: 5px 0;}
    .news-list li .cont-box .cont{font-size: 12px;color: #666;margin-bottom: 5px;}

	.newDatilBox{ margin-top: 70px;}
    .newDatilBox .content-box{padding:20px;}
    .newDatilBox .title-box{ padding-bottom:20px; }
    .newDatilBox .title{font-size: 16px;}
    .newDatilBox .cont{font-size: 13px;margin-top: 8px;}
    .newDatilBox .cont .item .iconfont{font-size: 16px; margin-right: 5px;}
    .newDatilBox .cont .item.liulan{margin-left: 20px;}
    .newDatilBox .infoImg {padding: 20px 0;line-height: 2; font-size: 12px;}
    .newspage {padding-top: 20px;margin-top: 20px;font-size: 12px;}
    .newspage .left{ width: 100%;line-height:2.6;}
    .newspage .left a span{margin-right: 15px;}
    .newspage .back{ display: none;}

	.contact-us .top-box{padding: 30px 0;}
	.contact-us .title-line{font-size:24px;margin-bottom: 20px;}
	.contact-us .top-box .info-item{width: 100%;height: 100px;margin-bottom: 10px;padding: 15px 20px;}
	.contact-us .top-box .info-item:nth-child(-n + 4){width: 100%;}
	.contact-us .top-box .info-item:last-child{height: 150px;}
	.contact-us .top-box .info-item .title{font-size: 16px;margin-bottom: 10px;}
	.contact-us .top-box .info-item .phone{font-size: 20px;}
	.contact-us .top-box .info-item .cont{font-size: 16px;}
	/*.contact-us .top-box .info-item .code-item{ width: 45px; height: 45px;margin-right: 10px;}*/
	.contact-us .top-box .info-item .code-item{ margin-right: 10px;}
	.contact-us .top-box .info-item .code-item .code{width:60px;}
	.contact-us .top-box .info-item .code-item .icon-box{font-size: 20px;}
	/*.contact-us .top-box .info-item .code-item .code{top: 50px;}*/
	.contact-us .top-box .info-item .code-item .code p{font-size:12px;}
	.contact-us .form-box{padding: 30px 15px;}
	.contact-us .form-box .w1520{padding: 20px;}
	.contact-us .form-box .input-box{width:100%;margin-bottom: 15px;padding: 0 15px;height: 50px;}
	.contact-us .form-box .tex{height: 115px;margin-bottom: 15px;padding:15px}
	.contact-us .form-box .submit{width: 160px;;height:45px;font-size: 16px;}
	.contact-us .form-box .tips{margin-top: 25px;}
	
	.searchTop{padding: 20px;margin-top: 60px;}
    .searchTop .title{ font-size: 16px;margin-bottom: 20px;}
    .searchTop form{width: 100%;}
    .searchTop .text{width: calc(100% - 40px);padding: 8px;font-size: 14px;}
    .searchTop .submit{width: 40px; height: 40px;font-size: 14px;}
    .searchlist{padding-bottom: 20px;}
    .searchlist ul{ padding: 0 20px 25px;}
    .searchlist ul li{line-height: 2;}
    .searchlist ul li a{padding:20px 0;}
    .searchlist ul li .left{ width: 100%;}
    .searchlist ul li .left .title{font-size: 14px;}
    .searchlist ul li .left .cont{font-size: 12px;}
    .searchlist ul li .right{display: none;}
    
    
}

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

 }