@media screen and (max-width:500px){
    .h-top>div .h-logo img{width: 150px;height: 55px;}
    .h-index img{width: 30px;height: 30px;}
    .nav_btn span { width: 25px; }
    .nav_btn span::before { width: 25px;top:-8px; }
    .nav_btn span::after {width: 25px;top:8px;}
    .top{height: 60px;}
    .h-top{height: 60px;}
    .h-top>div{height: 60px;}
    .footer-nav ul li a p{width: 20px;height: 20px;}
    .footer-nav ul li a span {font-size: 12px;}
    .footer-nav{height: 55px;}
    .footer-nav figure{height: 55px;}
    .footer-nav ul li{padding: 2% 0;}
    footer .footer-contain>div a img{width: 180px;height: 55px;}
    footer .footer-contain ul li{font-size: 14px;}
    .ph-box1 ul li a>div img{width: 30px;height: 30px;}
    .ph-box1 ul li a p{font-size: 14px;}
    .ph-box2 artical h5{font-size: 18px;}
    .ph-box2 p{font-size: 16px;}
    .ph-box2 form input::-webkit-input-placeholder{font-size: 14px;}
    .ph-box2 form button{font-size: 16px;}
    .ph-box4 h5{font-size: 18px;}
    .ph-box4 artical span{font-size: 16px;}
    .ph-box4 .ph-box4-lb .five-box4 ul li a p{font-size: 14px;}
    .ph-box4-more a{font-size: 14px;}
    .ph-box5 section span{font-size: 18px;}
    .ph-box5 section h4{font-size: 16px;}
    .ph-box5 section ul li a{font-size: 14px;}
    .ph-box6 section h5{font-size: 18px;}
    .ph-box6 section span{font-size: 16px;}
    .ph-box6 section figure ul li a h4{font-size: 16px;}
    .ph-box6 section figure ul li a p{font-size: 14px;padding: 1% 0;}
    .ph-box6 section figure ul li a{padding: 2% 7% 2% 2%;}
    .ph-box6 section figure>div a{font-size: 14px;}
    .ph-box3 h5{font-size: 18px;}
    .ph-box3 artical span{font-size: 16px;}
    .ph-box3 .ph-box3-lb ul li p{font-size: 14px;}
    .ph-box3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px!important;}

        .fix img{width: 30px;height: 30px;}
        .fix a{width: 30px;height: 30px;}
        .fix a i{font-size: 15px;}
      .fix {left:87%;}
    .mobile-nav-box{top:60px;}

}