@charset "utf-8";
@import url(mobile_header.css);

@media screen and (max-width: 750px) {
    body{min-width:100%;min-height: auto;}
    .warp{max-width:100%;min-width: 100%;background-size: contain;}
    .warp *{box-sizing:border-box;}
	.w1400{width:100%;margin: 0 auto;}
	.main{width: 100%; height: auto; overflow: hidden; padding: 10px; margin: 0 auto;}

    .head .head_box{flex-direction: column-reverse;width: 100%;}
    .head .head_box .down{width: 50%;margin: inherit;margin-top: 20px;}
    .head .head_box .down img{width: 100%;}
    .head .head_box .top{height: auto;flex-direction: column;align-items: center;width: 100%;}
    .head .head_box .top .logo{justify-content: center;margin: 30px auto;width: 80%;position: relative;z-index: 999;}
    .head .head_box .top .logo img{width: 100%;}
    .head .head_box .nav{width: 100%;background:rgba(255,96,0,.1)}
    .head .head_box .nav ul{flex-wrap: wrap;  display: grid; grid-template-columns: 33.33% 33.33% 33.33%; grid-template-rows: 40px 40px;justify-items: center;align-items: center;}
    .head .head_box .nav ul li{width: 100%;height: 100%;line-height: initial;margin: 0;  border-right: 1px dashed #ddd;  border-top: 1px dashed #ddd; box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
    .head .head_box .nav ul li:nth-child(-n+3){border-top: initial;}
    .head .head_box .nav ul li:nth-child(3n){border-right: initial;}
    .head .head_box .nav ul li a{width: 100%;height: 100%;display: inline-flex;justify-content: center;align-items: center;}
    .head .head_box .nav ul li a{font-size: 20px;}

    .part1 .jhjj{flex-direction: column;width: 100%;}
    .part1 .jhjj .left{width: 100%;height: auto;background: none;margin-top: 20px;}
    .part1 .jhjj .left .video_box{width: 100%;height: 100%;margin-top: 0;margin-left: 0;border-radius: 10px;height: calc((100vw - 20px) / (799 / 438));}
    .part1 .jhjj .left .video_box video{border-radius: 10px;}
    .part1 .jhjj .right{width: 100%;margin-top: 20px;}
    .part1 .jhgk_list{margin-top: 20px;}
    .part1 .jhgk_list ul{flex-wrap: wrap;}
    .part1 .jhgk_list ul li{width: calc((100% - 10px) / 2);display: flex;justify-content: center;margin-bottom: 20px;}
    .part2 .lhly{margin-top: 20px;}
    .part2 .lhly .swiper{display: none;}
    .part2 .lhly .left{width: 100%;}

    .part3 {width: calc(100% - 20px);}
    .part3 .zsyz{width: 100%;}
    .part3 .zsyz h2{width: 100%;}
    .part3 .zsyz .swiper-slide{ height: calc((100vw - 20px) / (406 / 471));box-shadow: none;background-size: cover !important;}
    .part3 .zsyz .swiper-slide.swiper-slide-prev, .part3 .zsyz .swiper-slide.swiper-slide-next { margin-top: inherit !important; opacity: 1 !important; }
    .part3 .zsyz .swiper-slide.swiper-slide-visible { opacity: 1 !important; }
    .part3 .zsyz .swiper-slide.swiper-slide-active { margin-top: inherit !important; opacity: 1 !important; }
    

}
@media screen and (max-width: 360px) {
    .part1 .jhgk_list ul li .pic{width: 150px;height: 150px;background-size: cover !important;}
}