@media screen and (max-width:1420px){
   .m-box5 .m-box5-ph p{width: 65%;}
}
@media screen and (min-width: 1200px) and (max-width:1420px){
    .h-nav figure ul{width: 85%;}
    .h-top p{font-size: 20px;}
}
@media screen and (min-width:1200px){
  .mobile-nav-box{display: none;}
  .nav_btn{display: none;}
  .h-top{padding-top: 1%;padding-bottom: 1%;}
}
@media screen and (max-width: 1200px){

  .h-logo{
    display: none;
  }
	.h-aaa{width: 100%;height: 1.5rem;}
	.h-top{width: 100%;position: fixed;top:0;left: 0;height: 1.5rem;z-index: 3;background-color: #ffffff;}
	.h-top>a{width: 54%;}
    .h-top p{margin-left: 0;}
	.h-top p span:nth-of-type(1){display: none;}
    .h-top p span{font-size: 20px;}
    .h-top p span b{display: none;}
	.h-top h5 {display: none;}
	.h-nav{display: none;}
	.nav_btn { background: #1467b1; border-radius: 4px; padding: 4px; position: relative; width: 35px; height: 35px; display: none; cursor: pointer; }
    .nav_btn span { position: absolute; top: 50%; left: 6px; display: block; width: 22px; height: 2px; margin-top: -1px; background: #fff; transition: .2s ease; }
    .nav_btn span::before { content: ''; position: absolute; top: -8px; left: 0; width: 22px; height: 2px; border-radius: 3px; background: #fff; transition: transform .2s ease, top .2s ease; }
    .nav_btn span::after { position: absolute; top: 8px; left: 0; width: 22px; height: 2px; content: ''; border-radius: 3px; background: #fff; transition: transform .2s ease, top .2s ease; }
    .nav_btn { display: block !important; }
    .mobile-nav-box { position: fixed; top: 0; left: 0; z-index: 999999; width: 260px; height: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: perspective(450px) rotateY(-90deg); transform-origin: 0; transition: .4s ease; }
    .mobile-menu-nav { overflow-y: scroll; height: 86%; }
    .mobile-second-nav{display: none;margin-bottom: 0;}
     .mobile-menu-nav ul{overflow-y: scroll;}
    .mobile-menu-nav ul li dl dd {border-bottom: 1px solid #f2f2f2;height: 56px; line-height: 56px;padding: 0 20px 0 40px; margin: 0; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .3s; }
    .mobile-menu-nav ul li .tit {border-bottom: 1px solid #f2f2f2; position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 20px 0 40px; margin: 0; font-size: 16px; color: #4e4e4e; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .5s; }
    .mobile-menu-nav ul li .tit:before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #505050; border-radius: 50%; transition: .3s; }
    .mobile-menu-nav ul li .tit:hover { color: #1b1b1b; }
    .mobile-menu-nav ul li .tit:hover:before { background: #1467b1; border: none;}
    .mobile-menu-nav ul li .tit a {width: 100%;height: 100%;display: block;}
    .mobile-menu-nav ul li .tit i { float: right; margin-top: 18px; font-size: 18px; }
    .mobile-menu-nav ul li .tit.chose { color: #1b1b1b; }
    .mobile-menu-nav ul li .tit.chose:before { background: #333333; }
    .mobile-menu-nav ul li .tit.active { color: #1b1b1b; }
    .mobile-menu-nav ul li:last-of-type{color: #4e4e4e;border-bottom: 1px solid #f2f2f2;height: 56px;padding-left: 40px;}
    .mobile-menu-nav ul li:last-of-type span{display: block;font-size: 16px;}
     .mobile-menu-nav ul li:last-of-type p{font-size: 20px;color: #1467b1;}
    .mobile-nav-box-show { transform: perspective(450px) rotateY(0deg); }
    .search-btn { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:4% 2%; margin: 0; background: #333;  font-size: 16px; color: #fff;  cursor: pointer; }
    .search-btn i { margin-left: 10px; }
    .pub_search2 { width: 60%;  min-width: 175px;  position: relative; display: inline-block; height: 40px; line-height: 40px; }
    .pub_search2 input { background: #fff; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 50px 0 20px; border: 1px solid #DCDCDC; color: #8c8c8c; outline: none; transition: 0.4s; }
    .pub_search2 input:focus { box-shadow: 0 0 10px #999; }
    .pub_search2 button { width: 35px; height:35px; outline: none; border: none; cursor: pointer; position: absolute;  top: 4px; right: 7px;background-color: transparent; }
    .pro-box .pro-nav li{width: 25%;}
    .pro-box .pro-nav{flex-wrap: wrap;justify-content:flex-start;}
    .m-box5 .m-box5-con ul>li figure figcaption{margin-top: 0;}
    .m-box5 .m-box5-con ul>li:nth-of-type(3) figure figcaption{margin-top: 0;}
}

@media screen and (max-width:1024px){
   .foot-box .foot-top{flex-wrap: wrap;}
   .foot-box .foot-top .fo-top-left{width: 100%;order:2;margin-top: 5%;}
   .fo-top-center{width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;border-left: none;padding-left: 0;}
   .fo-top-right{display: none;}
   .foot-box .foot-top .fo-top-left p{top:-12%;}
   .foot-box .foot-top .fo-top-left ul{padding:4% 2% 2% 2%;}
   .foot-box .foot-top .fo-top-left ul li{margin-bottom: 1%;width: 30%;}
   .foot-box .foot-top .fo-top-center a{margin-bottom: 3%;width: 50%;max-height:45px;min-width:250px;}
   .foot-bottom{flex-direction:column;}
   .ab-culture figure ul li>div{width: 60%;}
   .all-top-nav .dh-right{display: none;}
   .all-top-nav{justify-content: center;}
   .case-box ul li{width: 32%;}
   .contacts-box figure{flex-wrap: wrap;}
   .contacts-box figure>div{width: 100%;order:2;padding:30% 0;}
   .contacts-box figure figcaption{width: 100%;order: 1;}
   .news-contain li a figure>div{padding:12% 0;}
   .msg_form .ver_code .code-box{width: 200px;}
   .msg_form .col-md-4 input{width: 70%;}
   .msg_form .col-qq span{margin-left:12%;}
   .pro-xilie li{width: 32%;}
   .pro-view-box1{flex-wrap: wrap;}
   .pro-view-box1 .p-view-big{width: 100%;padding:20% 0;}
   .pro-view-box1 figure{width: 100%;margin-top: 2%;}
   .m-box1-top .m-box1-search{display: none;}
   .m-box1-top{justify-content: center;}
   .m-box1-top p{background-color: transparent;align-items: center;}
   .m-box1-top p b{color: #005baa;order: 2;}
   .m-box1-top p span{color: #cccccc;order: 1;font-size: .36rem;}
   .m-box2 ul li{width: 49%;}
   .m-box2 ul li:nth-of-type(1){width: 100%;}
   .m-box2 ul li:nth-of-type(1) a>div{padding:32% 0;}
   .m-box3{flex-wrap: wrap;}
   .m-box3 figure{width: 100%;padding-left: 4%;}
   .m-box3>div{width: 100%;padding:30% 0;margin-top: 3%;}
   .m-box3 figure span{text-align: center;}
   .m-box3 figure h5{text-align: center;}
   .m-box4 figure{flex-wrap: wrap;}
   .m-box4 figure>div {width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
   .m-box4 figure ul{width: 100%;margin-top: 3%;}
   .m-box4 figure span{margin-right: 5px;display: inline-block;margin-bottom:0;}
   .m-box4 figure h6{text-align: center;margin-top: 1%;}
   .m-box5 .m-box5-con ul>li{width: 100%;}
   .case_video{width:90%;}





}
@media screen and (min-width: 768px){
   .m-box5 .m-box5-con ul>li figure ol{height: 2.5rem;}
    .m-box5 .m-box5-con ul>li:nth-of-type(5) figure ol{height: 2.15rem;}



}

@media screen and (max-width: 768px){
   .nav_btn{width: 30px;height: 30px;}
   .nav_btn span{left:4px;}
   .ab-box span{font-size: 18px;}
   .ab-box h5{font-size: 16px;}
   .ab-box .ab-img li{padding:11% 0;}
   .ab-culture figure>span{font-size: 18px;}
   .ab-culture figure>h5{font-size: 16px;}
   .ab-culture figure ul li>div b{font-size: 14px;}
    .ab-culture figure ul{flex-wrap: wrap;}
   .ab-culture figure ul li{width: 50%;}
   .ab-culture figure ul li>div{width: 50%;}
   .ab-honor span{font-size: 18px;}
   .ab-honor h5{font-size: 16px;}
   .navigation-honor{font-size: 25px;}
   .case-box ul li{width: 48%;}
   .alltile span{font-size: 18px;}
   .alltile h5{font-size: 16px;}
   .pro-view-box3 ul li{width: 48%;}
   .alltile span{font-size: 18px;}
   .alltile h5{font-size: 16px;margin-top: 1%;}
   .news-contain li a figure{flex-wrap: wrap;}
   .news-contain li a figure>div{width: 100%;padding:25% 0;margin-bottom:2%;}
   .news-contain li a figure figcaption{width: 100%;}
   .news-contain li a figure figcaption b{font-size: 18px;}
   .news-contain li a figure figcaption time{font-size: 16px;}
   .news-contain li a figure figcaption h5{font-size: 14px;}
   .news-contain li{margin-bottom: 4%;}
   .msg_form .col-md-4{width: 100%;}
   .msg_form .col-qq span{margin-left:0;}
   .msg_form figure{flex-direction: column;}
   .msg_form figure{flex-wrap: wrap;}
   .msg_form .ver_code{width: 100%;}
   .msg_form .ver_code > p{font-size: 14px;}
   .msg_form .form_btn{width: 100%;margin-top: 3%;}
   .msg_form .col-md-4 span{width: 20%;}
   .pro-box .pro-nav li{width: 33.33%;}
   .pro-xilie li{width: 48%;}
   .fenye ul li{width: 35px;height: 30px;}
   .fenye select{width: 50px;height: 30px;}
   .fenye ul li:nth-of-type(3){width: 50px;}
   /*.pro-view-box2 .pro-word{height: 8rem;}*/
   .pro-box .pro-contain li{width: 47%;}
   .m-box1-contain figure .swiper-container ul li p{font-size: 16px;}
   .m-box1-contain figure .swiper-container ul li span{font-size: 14px;}
   .m-box1-top p span{font-size: 18px;}
   .m-box1-top p b{font-size: 16px;}
   .m-box1-contain figure .swiper-container ul li span{opacity: 1;}
   .m-box2 span{font-size: 18px;}
  .m-box2 h5 b{font-size: 16px;}
  .m-box3 figure span{font-size: 18px;}
  .m-box3 figure h5{font-size: 16px;}
  .m-box4 figure span{font-size: 18px;}
  .m-box4 figure h6{font-size: 16px;}
  .m-box4 figure ul{flex-wrap: wrap;}
  .m-box4 figure ul li{width: 47%;margin-bottom:2%;}
  .m-box5-top span{font-size: 18px;}
  .m-box5-top h5 b{font-size: 16px;}
  .m-box5 .m-box5-con ul>li figure ol{height:50%;}
  .m-box5 .m-box5-con ul>li figure>div>img {width: 50px;}
  .m-box5 .m-box5-con ul>li figure span{font-size: 16px;margin-left: 1%;}
  .m-box5 .m-box5-con ul>li figure figcaption img {object-fit: contain;}
  /*.m-box5 .m-box5-con ul>li{margin-bottom:19%;}*/
  .m-box5 .m-box5-con ul>li{margin-bottom:3%;}
  /*.m-box5 .m-box5-con ul>li:nth-of-type(1){margin-bottom: 0;}*/
  /*.m-box5 .m-box5-con ul>li:nth-of-type(4){margin-bottom: 2%;}*/
  .m-box5 .m-box5-con ul>li:nth-of-type(5){flex-wrap: wrap;margin-bottom: 4%;}
  .m-box5 .m-box5-con ul>li:nth-of-type(5) figure{width: 100%;}
  .m-box5 .m-box5-con ul>li:nth-of-type(5) figcaption{width: 100%;justify-content: flex-end;}
  .m-box5 .m-box5-ph p{font-size:  16px;}
  .m-box5 .m-box5-ph p b{font-size:  18px;}
  .m-box5 .m-box5-ph{padding-bottom:0;}
  .m-box6>div figure{flex-wrap: wrap;}
  .m-box6>div figure>div{width: 100%;padding:30% 0;}
  .m-box6>div figure ul{width: 100%;}
  .m-box6>div .m-box6-top p span{font-size: 18px;text-align: center;}
  .m-box6>div .m-box6-top p b{font-size: 16px;text-align: center;}
  .m-box6>div figure ul li a b{font-size: 18px;}
  .m-box6>div figure ul li a time{font-size: 16px;}
  .m-box6>div figure ul li a h5{font-size: 16px;}
  .m-box7-right form figure>div{width: 100%;}
  .m-box7-right form input{padding:2% 0;}
  .m-box7>div .m-box7-left{width: 100%;}
  .m-box7>div .m-box7-right{width: 100%;margin-top: 3%;}
  .m-box7>div .m-box7-left h5{text-align: center;}
  .m-box7-right>h5{text-align: center;}
  .m-box7-right>p{text-align: center;}
  .m-box7-right form figure>div p{top:11%;}
  .m-box5 .m-box5-con ul>li figure figcaption{display: none;}
  .m-box5 .m-box5-con ul>li:nth-of-type(5) figcaption{display: none;}
  .foot-box .foot-top .fo-top-left{display: none;}
  .foot-box .foot-top .fo-top-center p:last-of-type{display: none;}
    .m-box6>div .m-box6-top{justify-content: center;align-items: center;flex-direction: column;}
    .m-box6>div .m-box6-top ul{width: 100%;justify-content: center;}
    .m-box2 ul li:nth-of-type(1){display: none;}
    .m-box2 ul li:nth-of-type(4){display: none;}
    .m-box2 ul li:nth-of-type(5){display: none;}
    .m-box1-contain figure .swiper-container ul li a p{font-size: 16px;}
    .m-box1-contain figure .swiper-container ul li a span{font-size: 16px;opacity: 1;}
    .m-box6>div figure ul li a p{-webkit-line-clamp: 2;}
    .h-top p span:nth-of-type(2){font-size: 12px;margin-left: 0;}
    .m-box1-contain figure .swiper-container ul li{width: 33.3%!important;}
    .h-top p .en{display: none;}
    .all-top-nav .dh-left ul li{font-size: 12px;}
    .case_video{height:400px;}


    .pro-view-box1 figure .pro-view-lb .swiper-view li h4 {
      
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
}











@media screen and (max-width: 600px){
 .ab-culture figure ul li>div{width: 60%;}
}
@media screen and (max-width:570px){
.foot-box .foot-top .fo-top-left ul li{width:50%;}
.pro-box .pro-nav li{width: 50%;}
/*.pro-view-box2 .pro-word{height: 11rem;}*/
.m-box2 ul li{width: 100%;}
.case_video{height:300px;}

}
@media screen and (max-width:350px){
.pro-box .pro-nav li{width: 100%;}
.pro-box .pro-nav li a{padding:3% 0;}
}
@media screen and (max-width:450px){
/*.pro-view-box2 .pro-word{height: 13rem;}*/
.m-box2 h5::before{width: 45%;}
}

@media screen and (max-width: 500px){
 .join-box ul li{margin-left:8%;}
 .news-view-box dl{flex-direction: column;}
  .msg_form .col-md-4 span{width: 30%;}
  .pro-view-box1 figure .pro-view-lb .swiper-view{padding-bottom: 11%;}
  .pro-view-box2 .pro-word figure ul li{margin-left:3%;}
  .pro-view-box2>ul li{width: 35%;}
  .m-box1-contain figure .swiper-container ul li a p{padding:8% 2%;}
  .m-box1-contain figure .swiper-container ul li a span{padding:20% 4%;}
  .m-box5 .m-box5-ph p{width: 70%;}
  .m-box5 .m-box5-ph{height: 3.5rem;}
  .m-box6>div figure ul{flex-wrap: wrap;}
  .m-box6>div figure ul li{width: 100%;margin-bottom: 8%;}
  .m-box6>div figure ul li a time{margin:0;}
  .m-box6>div figure ul li a h5{padding-bottom:2%;}
  .m-box6>div figure ul li a p{margin:2% 0 0 0;}
    .news-view-box .news-views-word p img {width: 250px!important;}
    .m-box1-contain figure .swiper-container ul li{width:50%!important;}
}
@media screen and (max-width: 400px){
  /*.ab-culture figure ul li{width: 100%;}*/
  .ab-culture figure ul li>div{width: 80%;}
  .ab-culture figure ul li span{height: 60px;}
  /*.case-box ul li{width: 100%;}*/
  .pro-view-box3 ul li{width: 100%;}
  .contacts-box figure>div{padding:40% 0;}
  .msg_form .ver_code .code-box{width: 174px;}
  .pro-xilie li{width: 100%;}
  /*.pro-view-box2 .pro-word{height: 19rem;}*/
  .pro-box .pro-contain li{width: 100%;}
  .talent-box .gangwei>ul>li dl{font-size: 14px;}
  .talent-box .gangwei>dl{font-size: 14px;}
  .m-box1-contain figure .swiper-container ul li p{padding:4% 2%;}
  .m-box1-contain figure .swiper-container ul li a span{padding:14% 11%;}
  /*.m-box4 figure ul li{width: 100%;}*/
  .m-box5 .m-box5-con ul>li figure ol{padding: 3% 2% 3% 7%;}
  .m-box5 .m-box5-ph p{width: 100%;}
    /*.m-box1-contain figure .swiper-container ul li a>div img{object-fit: contain;}*/
    .m-box1-contain figure .swiper-container ul li a>div{width: 75%;padding: 44% 0;margin-left: 12%;}
    .m-box1-contain figure .swiper-container ul li{width: 100%!important;}

}

 


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

.foot-box .foot-top .fo-top-left ul li{width:100%;text-align: center;}
.foot-box .foot-top .fo-top-left p{top:-6%;}
}