@charset "utf-8";
/* CSS Document */
@import url("mobile_header.css");

.PageBanner img{ max-height: 22vh; }
.PageBanner::after{ height: 10vh;}
.PageTitlePart{margin-top: -78px;}
.PageTitlePart .PageTit h1{ font-size: 28px; padding: 0 10px; }
.PageTitlePart .PageTit p{padding: 0 10px;font-size: 14px;}
.PageTitlePart .dqwz{ margin: 10px 0 0; height: auto; line-height: 1.5; width: auto; padding: 15px 10px; }
.PageTitlePart .dqwz::before,
.PageTitlePart .dqwz::after{ display: none; }


.Part2{ margin:0 10px; }
.title{ width: auto; height: auto; margin: 15px auto; }
.title a{ font-size: 28px; line-height: 2; }

.xyjg{ height: auto; position: relative; }
.xyjg_bd{ display: none; }
.xyjg_hd{ width: calc(100vw - 20px); position: relative; height: auto; bottom: auto; left: auto; margin: 0; padding: 0; transform: none; }
.xyjg_hd>a{ display: none; }
.xyjg_hd .swiper-container{ height: calc((100vw - 20px) / (177 / 127) + 29px); }
.xyjg_hd ul li{ position: relative; }
.xyjg_hd ul li img{ width: 100%; height: calc((100vw - 20px) / (177 / 127)); object-fit: cover; box-sizing: border-box; }
.xyjg_hd ul li p{ font-size: 16px; margin-top: 5px; line-height: 1.5; }


.Part3{ margin: 20px 5px 0;}
.xysp{ width: auto; height: auto; }
.xysp .h_slide{ position: relative; left: auto; width: auto; height: auto; padding-bottom: 10px;margin: 0 10px;}
.xysp .h_slide .h_hd_big{ display: none; }
.xysp .h_bd{ position: relative; left: auto; top: auto; width: auto; height: calc((100vw - 30px) / (800 / 500)); }
.xysp .h_bd li{ width: auto; position: relative; height: calc((100vw - 30px) / (800 / 500)); background-color: #000; display: block !important; float: left; }
.xysp .h_bd li video{ width: 100%; height: 100%; }
.xysp .wzqh{ position: relative; left: auto; top: auto; width: auto; height: auto; }
.xysp .wzqh li{ height: auto; text-align: center; line-height: 1.5; margin-top: 5px; margin: 0; display: none; }
.xysp .wzqh li.on{ display: block; }
.xysp .wzqh .more{ display: none; }
.xysp .wzqh li:hover a,
.xysp .wzqh li.on a { border:none; height: auto;}
.xysp_bg{ top: 15px; }


.Part4{ margin: 0 10px;  }
.Part4 .l_dt .hd{ width: auto; padding: 0; overflow-x: auto; overflow-x: overlay; }
.Part4 .l_dt .hd::-webkit-scrollbar{ display: none; }
.Part4 .l_dt .hd ul{ display: block; }
.Part4 .l_dt .hd ul li{ width: 120px; float: left; }
.Part4 .l_dt .hd ul li::before{ transform: none; }
.Part4 .l_dt .bd{ margin-top: 10px; height: auto; }
.Part4 .l_dt .bd li{ display: block !important; float: left; height: calc((100vw - 20px) / (1400 / 670)); }
.Part4 .l_dt .bd li iframe{ width: 100%; height:100%; }








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

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

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

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