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


.Part1{ width: auto; position: relative; margin:10px 0; padding-top: 10px;height: auto; background-size: auto calc(95px + (100vw - 20px) / (600 / 375)); }
.Part1 .title{ float: none; width: auto; margin-left: 20px; }
.Part1 .title span{ font-size: 24px; line-height: 1.3; }
.Part1 .title p{ font-size: 14px; line-height: 1.2; padding-top: 5px; }
.Part1 .title:before{ height: 100%; left: -10px; }

.focusBox{ margin: 15px 10px 0; width: auto; height: auto; float:none; }
.focusBox .bd ul li{ display: block!important; float: left; width: auto; height:calc((100vw - 20px) / (600 / 375)); }
.focusBox .bd ul li img{ height: 100%; }
.focusBox .bd ul li .txt-bg{}
.focusBox .bd ul li .txt-bg{ height: 45px; }
.focusBox .bd ul li p{ height: 45px; line-height: 45px; font-size: 15px; width: calc(100% - 120px); padding: 0; left: 10px;}
.focusBox .hd{ bottom: 10px; position:absolute; cursor: pointer; right: 10px; z-index: 100;}
.focusBox .hd ul li{ width: 13px; height: 13px; background: #eee; opacity: 1; margin: 0; }
.focusBox .hd ul li + li{ margin-left: 5px; }

.ypdt{ width: auto; float: none; margin: 15px 10px 0;}
.ypdt .one{ height: auto; padding-bottom: 5px; }
.ypdt .one a{ font-size: 20px; }
.ypdt .one p{ font-size: 14px; line-height: 1.5; }
.ypdt .one span{ line-height: 1.3; padding-top: 5px; }
.ypdt .bd{ margin-top: 10px; }
.ypdt .bd li{ line-height: 1.5; padding-left: 15px; }
.ypdt .bd li + li{ margin-top: 10px; }
.ypdt .bd li a{ max-width: calc(100% - 100px); font-size: 15px; }
.ypdt .bd li span{ width: auto; font-size: 15px; }


.Part2{ margin: 20px 10px 0;height: auto; padding-top: 0;width: auto; background: none;  }
.tzgg{ width: auto; float: none; }
.tzgg .title{ height: 45px; line-height: 45px; }
.tzgg .title h3 i{ filter:contrast(0.5); zoom:0.7; }
.tzgg .title h3 span{ font-size: 22px; color: #333; }
.tzgg .title .more{ color: #333; }
.tzgg .bd{ height: auto; padding: 10px; }
.tzgg .bd li{ line-height: 1.5; background-position: left 6px; padding-left: 15px; }
.tzgg .bd li a{ font-size: 15px; float: none; max-width: 100%;}
.tzgg .bd li span{ width: auto; font-size: 15px; }

.zcwj{ width: auto; float: none; margin-top: 20px;}
.zcwj .hd{ height: 45px; }
.zcwj .hd ul li{ height: 45px; line-height: 45px; padding-right: 0;}
.zcwj .hd ul li + li{ margin-left: 10px; }
.zcwj .hd ul li i{ zoom:0.5; transform: translateY(-4px); }
.zcwj .hd ul li span{ font-size: 18px; }
.zcwj .hd .more{ line-height: 45px; }
.zcwj .bd{ margin-top: 10px; }
.zcwj .bd ul{ display: block !important; float:left; }
.zcwj .bd li{ line-height: 1.5; padding-left: 15px; margin-top: 10px; }
.zcwj .bd li a{ max-width: calc(100% - 100px); font-size: 15px; }
.zcwj .bd li span{ width: auto; font-size: 15px; }


.Part3{ width: auto; margin: 30px 10px 0; overflow: initial;}
.Part3 .title{ height: 45px; line-height: 45px; }
.Part3 .title h3 i{ filter:contrast(0.5); zoom:0.7; }
.Part3 .title h3 span{ font-size: 22px; color: #333; }
.Part3 .title .more{ color: #333; }
.Part3 .bd{ margin-top: 10px; overflow: initial; }
.Part3 .bd li{ width: auto; float: none; margin: 10px 0 0; padding: 0; height: auto; background-size: 100% auto; background-position: center bottom; box-shadow:0px 0px 5px -1px #e7bfbf; }
.Part3 .bd li h3{ padding: 15px 10px; height: auto; }
.Part3 .bd li h3 a{ font-size: 22px; max-width: calc(100% - 20px); float: none; line-height: 1.5; }
.Part3 .bd li h3:before{ zoom:0.6; }
.Part3 .bd li .summary{ width: auto; padding: 10px 10px 20px; line-height: 1.3; font-size: 15px; min-height: 100px; }


.Part4{ width: auto; margin: 20px 10px 0; display: flex; }
.Part4 .title{ width: 70px; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.Part4 .title h3{ margin: 10px 0; padding-top: 10px;}
.Part4 .title h3 a{ font-size: 24px; }
.Part4 .bd{ width: calc(100% - 100px); margin: 10px 0 15px 15px; position: relative; overflow: initial; }
.Part4 .bd li{ width: auto; height: auto; float: none; margin: 0; }
.Part4 .bd li + li{ margin-top: 15px; }
.Part4 .bd li .time{ width: 70px; height: auto; }
.Part4 .bd li .time .t1{ height: 30px; line-height: 30px; font-size: 17px; }
.Part4 .bd li .time .t2{ height: 40px; line-height: 40px; }
.Part4 .bd li a{ max-width: calc(100% - 70px); line-height: 1.5; height: 70px; padding:0 10px; font-size: 16px; display: flex; align-items: center; white-space:normal; }
.Part4 .bd li a p{ display: block; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }




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

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

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

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