@media (max-width: 720px) {
html {
font-size: 20px;
}
}
@media (max-width: 560px) {
html {
font-size: 18px;
}
}
@media (max-width: 480px) {
html {
font-size: 16px;
}
}
@media (max-width: 450px) {
html {
font-size: 15px;
}
}
@media (max-width: 410px) {
html {
font-size: 14px;
}
}
@media (max-width: 380px) {
html {
font-size: 13px;
}
}
@media (max-width: 350px) {
html {
font-size: 12px;
}
}
* {
margin: 0;
padding: 0;
}
html,
body {
/* min-width: 320px; */
font-family: "微软雅黑";
width: 100%;
-webkit-tap-highlight-color: transparent;
}
li {
list-style: none;
}
li:visited, li:active {
background: transparent;
}
a {
text-decoration: none;
}
img {
border: 0;
}
.clear {
clear: both;
}
#wrap {
/* max-width: 720px;
margin: 0 auto; */
width: 100%;
/* background: #f3f4f8; */
}
.da20-link, .da20-link a, .da20-link img {
width: 100%;
height: 11.4rem;
}
/* .da20-link, .da20-link a {
display: block;
height: 10.6rem;
}
.da20-link a {
width: 12.5rem;
} */
.breadcrumb {
padding-top: 1rem;
}
.breadcrumb a {
font-size: 0.9rem;
color: #666666;
}
#wrap .menu1 {
border-bottom: 0.15rem solid #dcdcdc;
height: 3.3rem;
line-height: 3.8rem;
/* margin-top: 1rem; */
}
#wrap .menu2 {
margin-top: 1rem;
}
#wrap .menu1 ul {
float: left;
}
#wrap .menu1 ul li {
float: left;
padding: 0 0.5rem;
font-size: 1.14rem;
color: #666666;
text-align: center;
height: 3.3rem;
cursor: pointer;
}
#wrap .menu1 ul .article {
border-bottom: 0.15rem solid #0078cc;
color: #0078cc;
}
#wrap .menu1 ul .index-spec-tabs {
width: 5.6rem;
}
#wrap .menu1 ul .index-spec-tabs1 {
width: 6.7rem;
}
#wrap .menu1 a {
color: #3268b0;
font-size: 1rem;
float: right;
}
#wrap .list0,
#wrap .list1,
#wrap .list2,
#wrap .list3 {
/* margin-top: 0.5rem; */
padding-bottom: 1rem;
}
#wrap .list0 ul li,
#wrap .list1 ul li,
#wrap .list2 ul li,
#wrap .list3 ul li {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
width: 100%;
/* height: 2.3rem;
line-height: 2.3rem; */
height: 4.36rem;
/* line-height: 4.36rem; */
/* font-size: 1.1rem; */
/* color: #4c4c4c; */
color: #323232;
border-bottom: 0.1rem solid #f3f3f3;
}
#wrap .list0 ul li:last-child,
#wrap .list1 ul li:last-child,
#wrap .list2 ul li:last-child,
#wrap .list3 ul li:last-child {
border: none;
}
/* #wrap .list0 ul li span:first-child,
#wrap .list1 ul li span:first-child,
#wrap .list2 ul li span:first-child {
float: left;
color: #000000;
} */
#wrap .list0 ul li a,
#wrap .list1 ul li a,
#wrap .list2 ul li a,
#wrap .list3 ul li a {
/* display: inline-block; */
/* width: 15.5rem; */
position: relative;
display: block;
height: 2.96rem;
color: #323232;
overflow: hidden;
/* margin-left: 0.5rem; */
}
#wrap .list0 ul li .title,
#wrap .list1 ul li .title,
#wrap .list2 ul li .title,
#wrap .list3 ul li .title {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 1.28rem;
font-size: 1.04rem;
}
#wrap .list0 ul li .time,
#wrap .list1 ul li .time,
#wrap .list2 ul li .time,
#wrap .list3 ul li .time {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
/* float: right; */
height: 1.28rem;
color: #999999;
font-size: 0.9rem;
}
#wrap .switch .more-btn {
display: inline-block;
width: 100%;
height: 2rem;
line-height: 2rem;
text-align: center;
background: #f9f9f9;
font-size: 1rem;
color: #333333;
letter-spacing: 0.18rem;
}
/* header */
#wrap .head {
position: relative;
/* margin-bottom: 1.79rem; */
padding-left: 1.14rem;
padding-right: 1.14rem;
width: 100%;
height: 8.99rem;
background: url(/moblieGlobal/index_bg.jpg) no-repeat;
background-size: cover;
}
#wrap .head .img-wrap {
position: relative;
height: 7.85rem;
}
#wrap .head .img {
position: relative;
top: 50%;
margin-top: -1.18rem;
}
/* 导航栏 */
#wrap .nav {
position: absolute;
top: 7.85rem;
/* top: 19.2rem; */
left: 0;
width: 100%;
z-index: 10;
height: 2.85rem;
/* background: #ffffff; */
}
#wrap .nav .nav-item {
position: relative;
/* margin-right: 0.02%; */
/* padding-left: 0.53rem;
padding-right: 0.53rem; */
width: 16.65%;
height: 2.85rem;
line-height: 2.85rem;
font-size: 1.04rem;
color: #ffffff;
background: #0078cc;
}
#wrap .site-index .nav .index-tab-active,
#wrap .zwgk-index .nav .zwgk-tab-active,
#wrap .jyfw-index .nav .jyfw-tab-active,
#wrap .ztzl-index .nav .ztzl-tab-active {
background: #0a99ff;
}
#wrap .nav .item-wrap {
position: absolute;
top: 0;
left: 50%;
z-index: 20;
margin-left: -1.7rem;
width: 3.4rem;
height: 2.85rem;
line-height: 2.85rem;
}
#wrap .nav .nav-item-icon {
width: 1.03rem;
height: 1.03rem;
}
#wrap .nav-item div {
height: 2.85rem;
line-height: 2.85rem;
}
#wrap .nav .line{
position: absolute;
top: 0;
z-index: 1000;
width: 0.05rem;
height: 2.85rem;
background: #ffffff;
}
/* 图片链接 */
#wrap .img-link-wrap {
padding: 0.79rem;
}
#wrap .img-link-wrap .img-link-item {
position: relative;
height: 3.1rem;
background: #448aca;
}
#wrap .img-link-item:not(:first-child) {
margin-top: 0.5rem;
}
#wrap .img-link-item .link-icon {
position: absolute;
left: 1.5rem;
z-index: 10;
}
#wrap .img-link-item span {
position: absolute;
top: 0.9rem;
left: 3.5rem;
z-index: 10;
}
#wrap .img-link-wrap .img-link-item span {
color: #ffffff;
}
/* 教育平台 */
#wrap .platform-area {
padding-bottom: 0.79rem;
}
#wrap .platform-area .img-link-item {
position: relative;
height: 3.1rem;
background: #f5f7f8;
}
#wrap .platform-area .link-icon {
left: 1.1rem;
top: 0.695rem;
width: 1.71rem;
height: 1.71rem;
}
#wrap .platform-area .img-link-item span {
color: #333333;
}
#wrap .platform-area .img-link-item {
margin-top: 0.5rem;
}
#wrap .d1 {
width: 100%;
height: 18.6rem;
/* min-height: 17.2rem; */
/* max-height: 28.6rem; */
overflow: hidden;
background-color: #000000;
position: relative;
}
#wrap .d1 img {
width: 100%;
height:18.6rem;
}
#wrap .d1 ul li a img {
width: 100%;
height:18.6rem;
}
#wrap .d1 .loading {
width: 100%;
background-color: #000000;
color: #FFCC00;
height: 18.6rem;
text-align: center;
padding-top: 30px;
}
#wrap .d1 ul {
display: none;
}
#wrap .d1 .d2 {
width: 100%;
height: 18.6rem;
/* min-height: 17.2rem; */
/* max-height: 28.6rem; */
overflow: hidden;
}
#wrap .d1 .num_list {
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
/* background-color: #000000; */
background: rgba(0, 0, 0, 0.6);
opacity: .5;
color: #FFFFFF;
height: 3.5rem;
overflow: hidden;
}
#wrap .d1 .num_list span {
display: inline-block;
width: 65%;
height: 3rem;
line-height: 3rem;
padding-left: 6px;
font-size: 1.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#wrap .d1 .button {
position: absolute;
z-index: 1000;
right: 8px;
bottom: 1.3rem;
}
#wrap .d1 .button a {
width: 0.6rem;
height: 0.6rem;
outline: none;
/* border-radius: 100%; */
/* background-color: #fff; */
background: #e0ecfa;
display: block;
line-height: 14px;
float: left;
margin-right: 3px;
color: #e0ecfa;
text-decoration: none;
cursor: pointer;
overflow: hidden;
}
#wrap .d1 .button .b2 {
/* color: #FF6633;
background-color: #FF6633; */
color: red;
background: red;
}
#wrap .content {
/* width: 92%; */
/* margin: 1.25rem auto; */
/* margin: 0.54rem auto; */
/* margin-top: 0.54rem; */
margin-top: 1.2rem;
box-sizing: border-box;
}
#wrap .list_li ul li {
border-bottom: 1px solid #e5e5e5;
height: 3.45rem!important;
line-height: 3.45rem!important;
font-size: 1.5rem!important;
}
#wrap .list_li ul li span {
font-size: 1.2rem!important;
}
#wrap .article .title {
text-align: center;
margin-top: 1rem;
}
#wrap .article .title P:first-child {
color: #131415;
font-size: 1.5rem;
width: 80%;
margin: 0 auto;
}
#wrap .article .title_other {
font-size: 1rem;
color: #4c4c4c;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
height: 2.5rem;
line-height: 2.5rem;
margin-top: 1.4rem;
}
#wrap .article .title_other span:first-child {
margin-right: 0.75rem;
}
#wrap .article .article_content {
margin-top: 1.6rem;
}
#wrap .article .article_content img {
width: 100%;
height: auto;
margin-top: 1.5rem;
}
/* footer */
#wrap .foot {
width: 100%;
padding: 1rem 0;
background-color: #0078cc;
clear: both;
}
#wrap .foot .foot_content {
font-size: 0.8rem;
color: #FFFFFF;
text-align: center;
margin: 0 auto;
}
#wrap .foot a {
color: #ffffff;
}
#wrap .foot .foot-nav {
display: inline-block;
margin: 0 auto;
}
#wrap .foot .foot-nav-item {
font-size: 1rem;
color: #FFFFFF;
text-align: center;
height: 1rem;
line-height: 1rem;
border-right: 0.15rem solid #ffffff;
}
#wrap .foot .badge {
display: block;
margin-top: 1.43rem;
/* margin-bottom: 0.9rem; */
}
#wrap .foot .badge img {
width: 2.85rem;
height: 2.85rem;
}
#wrap .foot .site-info-item {
margin-top: 0.5rem;
}
/*********** 政务公开 *************/
#wrap .leader-info {
padding-top: 0.79rem;
color: #333333;
}
#wrap .name-list {
padding-bottom: 0.79rem;
}
#wrap .name-list a {
color: #333333;
}
#wrap .important-field {
display: block;
height: 5rem;
}
#wrap .gov-pub-column .col2 {
padding-top: 0.79rem;
}
#wrap .gov-pub-column .col3-item,
#wrap .gov-pub-column .col2-item {
display: block;
margin-bottom: 0.79rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 1.04rem;
text-align: center;
}
#wrap .gov-pub-column .col2-item {
width: 48%;
background: #47a7e9;
color: #ffffff;
border-radius: 0.19rem;
}
#wrap .gov-pub-column .col3-item {
width: 30%;
background: #f2f4f7;
color: #333333;
border-radius: 0.19rem;
border: 0.05rem solid #dddddd;
}
/*********** 专题专栏 *************/
#wrap .ztzl-list-wrap a {
width: 31%;
height: 20%;
}
#wrap .ztzl-list-wrap a {
margin-bottom: 1rem;
}
/*********** articel *************/
.articel-header {
border-bottom: 0.1rem dashed #dcdcdc;
padding-bottom: 1rem;
}
.article-title {
padding-top: 1.142rem;
padding-bottom: 0.36rem;
color: #333333;
font-size: 1.142rem;
font-weight: bold;
text-align: center;
}
.articel-source {
color: #6c7a81;
font-size: 0.8rem;
margin-top: 0.79rem;
}
.articel-source span {
margin-left: 1rem;
text-align: center;
}
.articel-content {
margin-top: 0.86rem;
}
.magazine {
padding-bottom: 1rem
}
.magazine .magazine-ul li:nth-child(2n+1) {
float: left;
}
.magazine .magazine-ul li:nth-child(2n) {
float: right;
}
.magazine .magazine-ul li img{
display: block;
width: 12rem;
height: 9rem;
}
.zhongkao-cover {
margin-top: 0.54rem;
width: 100%;
height: 2.9rem;
}
.zhongkao-cover a, .zhongkao-cover img {
width: 100%;
height: 2.9rem;
}