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

body.ScrollStyle{ overflow-x: hidden; }

.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; }



.Part1{ margin: 10px 10px 0;}
.Part1 .jyBox{ width: auto; height: auto; padding: 0 10px 10px;}
.Part1 .jyBox + .jyBox{ margin-top: 10px; }
.Part1 .jyBox .title{ width: auto; display: flex; height: auto; margin: 10px 0 15px; line-height: 45px;  }
.Part1 .jyBox .title span{ font-size: 24px; line-height: 1.3;}
.Part1 .jyBox .title p{ font-size: 16px; line-height: 1.3; }
.Part1 .jyBox .content{ font-size: 15px; line-height: 1.5; position: relative; }
.Part1 .jyBox .more{ width: auto; height: 45px; position: relative; bottom: auto; margin-top: 5px; }
.Part1 .jyBox .more a{ display: flex; justify-content: space-between; align-items: center; }
.Part1 .jyBox .more a span{ width: auto; height: auto; margin-left: 15px; line-height: 1.5;}
.Part1 .jyBox .more a i{ height: 30px; }

.Part2{ padding-bottom: 30px; margin: 0 10px; }
.Part2 .title{ width: auto; height: auto; margin: 15px auto; }
.Part2 .title a{ font-size: 28px; line-height: 2; }
.Part2 ul{ height: auto; flex-wrap: wrap; justify-content: space-between; }
.Part2 ul li{ width: calc((100% - 10px) / 2); border: none; height: auto; position: relative; margin-top: 25px; }
.Part2 ul li h1{ font-size: 28px; height: auto; line-height: 1.2; margin-bottom: 5px; }
.Part2 ul li h1 em{ font-size: 22px; }

.Part3{ margin: 0 10px; padding-bottom: 20px; }
.Part3 .title{ margin-bottom: 10px; }
.Part3 .title .name{ width: auto; font-size: 22px; }

.picBox{ width: auto; height: calc((100vw - 20px) / (600 / 375)); margin-bottom: 10px; }
.picBox .prev,
.picBox .next{ display: none; }
.picBox .pic,
.picBox .pic li{ height: calc((100vw - 20px) / (600 / 375)) !important; }
.picBox .pic li img{ object-fit: cover; }
.picBox .txt{ height: 45px; }
.picBox .txt ul li{ width: calc(100% - 120px); }
.picBox .txt ul li a{ height: 45px; line-height: 45px; font-size: 15px; text-indent: 10px; }
.picBox .num{ height: 15px; right: 5px; bottom: 14px; }
.picBox .num li{ font-size: 0; margin: 0 3px; }


.newsList{ width: auto; height: auto; margin: 0;}
.newsList ul li{ line-height: 1.8; padding-top: 5px; }
.newsList ul li a{ font-size: 16px; max-width: calc(100% - 100px); }
.newsList ul li span{ font-size: 16px; width: auto; }









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

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

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

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