@charset "utf-8"; /* CSS Document */ @import url("mobile_header.css"); .Part1{ padding: 20px 10px; height: auto; } .tzgg{ padding: 10px 0; } .tzgg h3{ width: auto; display: flex; } .tzgg h3::after{ content: '通知公告'; font-size: 22px; margin-left: 10px; } .tzgg .more{ position: absolute; top: 10px; right: 0; } .tzgg .bd{ width: auto; position: relative; margin-top: 10px; clear: both; float: none; } .tzgg .bd li{ width: auto; position: relative; float: none; line-height: 1.8; padding: 5px 0 0; } .tzgg .bd li a{ max-width: calc(100% - 100px); font-size: 15px; } .tzgg .bd li span{ width: auto; font-size: 15px; } .myxw{ padding-top: 20px; } .myxw h3{ margin: 0;} .myyw{ margin-top: 10px; padding: 5px;} .focusBox{ float: none; width: auto; } .focusBox .bd ul li img{ height: calc((100vw - 30px) / (840 / 520));} .focusBox .bd ul li p{ left: 10px; width: calc(100% - 110px); font-size: 16px; line-height: 1.5; height: auto; bottom: 6px; } .focusBox .hd{ right: 10px; bottom: 11px;} .focusBox .hd ul li{ margin: 0} .focusBox .hd ul li + li{ margin-left: 6px; } .focusBox .bd ul li .txt-bg{ height: 36px; background: #000; opacity: 0.3; } .myxw .zhxw{ float: none; width: auto; position: relative; margin-top: 10px; } .myxw .zhxw .bd li{ line-height: 1.8; padding: 5px 0 0; margin: 0; position: relative; } .myxw .zhxw .bd li a{ max-width: calc(100% - 100px); font-size: 15px; } .myxw .zhxw .bd li span{ width: auto; font-size: 15px; } .Part2{ height: auto; position: relative; padding: 20px 10px; background-size: auto 100%;} .ztzl{ width: auto; float: none; position:relative; } .ztzl .bd, .ztzl .bd ul{ margin: 0; } .ztzl .bd ul li{ height: auto; margin-top: 10px; } .ztzl .bd ul li img{ height: auto; } .Part2 .zhxw{ width: auto; float: none; position: relative; margin-top: 15px; } .Part2 .zhxw .bd{ margin-top: 10px; } .Part2 .zhxw .bd li a{font-size: 15px;padding-left: 15px;max-width: calc(100% - 90px);} .Part2 .zhxw .bd li span{font-size:14px;width:auto;padding-right: 10px;} .Part2 .zhxw .bd li span:before{bottom: 14px;} .Part3{ height: auto; padding-top: 20px; background-size: auto 100%; background-position: left top; padding-bottom: 30px; } .jzbg{ margin: 0 10px; } .jzbg, .jzbg .jzbgBox{ overflow: initial; } .jzbg .jzbgBox .hd{ width: auto; float: none; margin: 0; box-shadow:0px 0px 8px -4px #2c2a2a; } .jzbg .jzbgBox .hd ul li{ display: block!important; float: left; height: calc((100vw - 20px) / (747 / 420)); margin: 0; } .jzbg .jzbgBox .hd ul li img{ width: 100%; height: 100%; object-fit: cover; } .jzbg .jzbgBox .hd ul li::after{ display: none; } .jzbg .jzbgBox .bd{ width: auto; float: none; position: relative; margin-top: 10px; } .jzbg .jzbgBox .bd ul li{ position:relative; } .jzbg .jzbgBox .bd ul li h3{ padding: 0; line-height: 1.3; } .jzbg .jzbgBox .bd ul li h3 a{ font-size: 22px; } .jzbg .jzbgBox .bd ul li p{ padding-top: 10px; line-height: 1.5; font-size: 15px; } .jzbg .jzbgBox .bd ul li .sj_fx{ padding-top: 10px; } .jzbg .jzbgBox .bd ul li .sj_fx .share{ display: none; } .jzbg .jzbgBox .bd ul li a.more{ display: none; } .jzbg .jzbgBox .num{ left: auto; margin: 0; padding-top: 20px; } .jzbg .jzbgBox .num ul{ display: flex; justify-content: center; } .jzbg .jzbgBox .num li{ background-color: #666; } .jzbg .jzbgBox .num li.on{ background-color: #da8082; } .Part4{ height: auto; padding: 30px 0; } .myfc{ width: auto; position: relative; margin: 0 10px; } .myfc .stitle{ width: auto; float: none; margin-top: 0;} .myfc .stitle h2{ padding-top: 10px; line-height: 1.5; } .myfc .xysp{ width: auto; height: calc((100vw - 20px) / (800 / 500)); margin: 0; float: none; background: #000; margin-top: 10px; } .myfc .xysp video{ width: 100%; height: 100%; } .myfc .myfcBox2{ position: relative; margin-top: 0px; } .myfc .myfcBox2 .tpzs{ width:auto; height: calc((100vw - 20px) / (461 / 205)); margin:10px 0 0; float: none; } .myfc .myfcBox2 .tpzs img{ object-fit: cover; } .myfc .myfcBox3{ margin-top: 0px; display: block; } .myfc .myfcBox3>.f_l{ width: auto !important; } .myfc .myfcBox3 .tpzs{ width:auto; height: calc((100vw - 20px) / (313 / 150)); margin:10px 0 0; float: none; } .myfcFocus, .myfcFocus li, .myfcFocus li img, .myfc .xysp .myfcFocus, .myfc .xysp .myfcFocus li, .myfc .xysp .myfcFocus li img{ width: calc(100vw - 20px); height: calc((100vw - 20px) / (313 / 150)); } .myfc .myfcBox3 .tpzs img{ object-fit: cover; } .Part5{ height: auto; padding: 20px 10px; } .xxgk{ width: auto; height: auto; padding: 10px; background-size: auto 100%;} .xxgk .stitle{ margin: 0; } .xxgk .xxgkCon{ padding: 10px 0 0; line-height: 1.7; } .xxgk .xxgkBox{ position: relative; padding: 10px 0 0;} .xxgk .xxgkBox .bd ul{ display: flex; flex-wrap: wrap; } .xxgk .xxgkBox .bd ul li{ width: calc((100% - 20px) / 3); margin-left: 10px; margin-top: 20px; } .xxgk .xxgkBox .bd ul li:nth-of-type(3n-2){ margin-left: 0; } .xxgk .xxgkBox .bd ul li i{ zoom:0.6; } .xxgk .xxgkBox .bd ul li p{font-size: 20px; line-height: 1.5;} .xxgk .xxgkBox .bd ul li p em{ font-size: 12px; } .xxgk .xxgkBox .bd ul li span{ font-size: 15px; line-height: 1.5; } .xxgk .xxgkBox .hd{ display: none; } @media screen and (max-width:600px ) { } @media screen and (max-width:375px ) { } @media screen and (max-width:345px ) { } @media screen and (max-width:320px ) { }