/* * name: responsive * version: v2.0.1 * update: 恢复使用max-width,最新版本的UC浏览器不支持max-device-width * data: 2016-08-18 */ /* import responsive stylesheet */ @import url(./Pad.css) screen and (max-device-width: 1024px); @import url(./Mobile.css) screen and (max-width: 760px); /* hide template textarea */ .UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;} /* * PcMode */ body:after { display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; content: 'Pc'; } .PcMode:after { content: 'Pc' !important;} .UnpcPush, .MobilePush { display: none;} img[data-src] { opacity: 0 ; filter: alpha(opacity=0);} /* * PadMode */ @media only screen and (max-width: 1200px) { body:after { content: 'Pad'; } body{ user-select: none;-webkit-user-select: none;} html { overflow-x:hidden;} body,input,textarea,button,select { font-size:14px;} .PcPush{display: none;} .UnpcPush{display: block;} .wrap, .mwrap { padding-left:5%;padding-right:5%;width: auto; } /*padMode 1240px 网站样式*/ /* 学习资料 */ .Learning1{padding-bottom:50px;} /* 党建新闻列表 */ .page{margin:30px 0;} /* banner */ .zt02_ban .img_box{height:300px;} .zt02_ban .img_box>img{margin-left:-700px; width:1400px;} .zt02_index .common_title .t{font-size:40px; line-height:60px; width:310px; padding-left:85px;} .zt02_index .common_title .t::before{background-size:cover;} .zt02_index .common_title .img_{width:80%; height:80%;} .zt02_index01{margin-top:40px; padding-bottom:50px;} .zt02_index01 .content{margin-top:40px;} .zt02_index01 .content .right li .tit{font-size:18px; line-height:30px;} .zt02_index02{padding:40px 0; margin-top:0; background:url(../img/zt02_index02_bg.png) no-repeat left;} .zt02_index02 .content{margin-top:40px;} .zt02_index02 .content .bott{padding:10px 20px 20px;} .zt02_index02 .content .bott .words{font-size:18px;} .zt02_index03{padding-bottom:30px;} .zt02_index03 .content{margin-top:40px;} .zt02_index03 .content .top{padding:40px; padding-right:0;} .zt02_index03 .content .top::before{display:none;} .zt02_index03 .content .bott li .right{font-size:18px;} .zt02_index03 .content .bott li .left .day{font-size:44px;} .zt02_index03 .content .bott li .cont{margin:15px 0 5px;} .zt02_index04{padding:40px 0;} .zt02_index04 .content{margin-top:40px;} .zt02_index04 .content li .t{font-size:16px;} .tabs_5 .i_p2_tab .tab_t{font-size:12px;} } @media only screen and (max-device-width: 1024px) { body:after { content: 'Pad'; } body{ user-select: none;-webkit-user-select: none;} html,body,.wrap { min-width:0;} html { overflow-x:hidden;} body,input,textarea,button,select { font-size:14px;} .wrap{padding-left:2%;padding-right:2%;width: auto;} .PcPush{display: none;} .UnpcPush{display: block;} .newabout_right {margin-top:12%;} .zt02_index01 .content .left .bott{margin-top:0; font-size:20px;} .zt02_index01 .content .left .owl-dots{bottom:39px;} .zt02_index01 .content .right li{padding:7px 0;} .zt02_index02 .content .owl-dots{margin-top:20px;} .zt02_index03 .content .top .left .tit{padding-bottom:10px; font-size:20px; line-height:30px; max-height:60px;} .zt02_index03 .content .top .left .con{margin-top:10px;} .zt02_index03 .content .top .right{width:42%;} .zt02_index03 .content .top .owl-nav .owl-prev, .zt02_index03 .content .top .owl-nav .owl-next{width:40px; height:31px;} .zt02_index03 .content .top .owl-nav .owl-prev .icon, .zt02_index03 .content .top .owl-nav .owl-next .icon{margin:9px auto;} .tabs_5 .i_p2_tab .tab_t{font-size:12px;} } @media only screen and (max-width: 992px) { body:after { content: 'Padp'; } /*padMode 992px 网站样式*/ /* 学习资料 */ .Learning1{padding-bottom:30px;} /* 党建新闻列表 */ .party_building2 .content .item_list .item .left .time{margin-top:20px;} .party_building2 .content .item_list .item .right{width:33%;} /* 专题新闻列表 */ .special .party_building2 .content .item_list .item .left{width:60.5%;} .tabs_5 .i_p2_tab .tab_t{font-size:12px;} } /* * MobileMode */ @media only screen and (max-device-width: 760px) { body:after { content: 'Mobile'; } body,input,textarea,button,select {font-size:16px;} .wrap{padding-left:4%;padding-right:4%; } .UnmobilePush{display: none;} .MobilePush{display:block;} img[data-src]{opacity: 1;} .newabout_right {margin-top:15%;} /* 学习资料 */ .Learning1 .item_list .item{float:left; width:32%; margin-right:2%;} .Learning1 .item_list .item:nth-child(4n){margin-right:2%;} .Learning1 .item_list .item:nth-child(3n){margin-right:0%;} /* 党建新闻列表 */ .party_building1 .content .item_list .item .text_box{padding:15px 5%;} .party_building1 .content .item_list .item .text_box .tit{line-height:23px; height:46px; margin-bottom:5px;} .party_building2 .content .item_list .item a{padding:30px 0;} .party_building2 .content .item_list .item .left .tit{font-size:20px;} .party_building2 .content .item_list .item .left .con{margin-top:10px;} .party_building2 .content .item_list .item .left .time{margin-top:15px;} /* banner */ .zt02_ban .img_box{height:214px;} .zt02_ban .img_box>img{margin-left:-500px; width:1000px;} .zt02_index .common_title .t{font-size:28px; line-height:50px; width:270px; padding-left:70px;} .zt02_index01 .content .left{float:none; width:100%;} .zt02_index01 .content .right{float:none; width:100%; margin-top:20px;} .zt02_index01 .content .right li .tit{font-size:16px;} .zt02_index02 .content .owl-dots .owl-dot{width:12px; height:12px; } .zt02_index02 .content .bott .words{font-size:16px;} .zt02_index03 .content .top .left{float:none; width:100%;} .zt02_index03 .content .top .right{float:none; width:100%; margin-top:20px;} .zt02_index03 .content .top{padding:30px; background-size:cover;} .zt02_index03 .content .top .left .tit{padding-bottom:0;} .zt02_index03 .content .top .left .tit::after{display:none;} .zt02_index03 .content .bott li{float:none; width:100%; margin-right:0;} .zt02_index03 .content .bott li .right{font-size:16px; padding:0 10px; margin-top:0;} .zt02_index03 .content .bott li .left .day{font-size:30px; text-align:center;} .zt02_index03 .content .bott li .cont{margin:5px 0 0;} .zt02_index03 .content .top .owl-nav{position:static; text-align:center; margin-top:20px;} .zt02_index04 .content li{width:49%; margin-right:2%;} .zt02_index04 .content li:nth-child(2n){margin-right:0;} .zt02_index .common_title .more{display: none;} .ipart06 .left{width:100%; margin-right:0; margin-bottom:15px;} .ipart06 .right{width:100%;} .ipart06 .content .tit{position:static; width:100%; box-sizing:border-box; transform:none; font-size:13px; text-align:left; padding:8px;} .ipart06 .rect-182{padding-bottom:0; height:auto;} .ipart06 .rect-182 img{position:static; height:100px; width:100%; object-fit:cover;} .tabs_5 .i_p2_tab .tab_t{font-size:12px;} } @media only screen and (max-width: 480px) { /*mobileMode 480 网站样式*/ /* 学习资料 */ .Learning1{padding-bottom:15px;} .Learning1 .item_list .item{float:left; width:49%; margin-right:2%; margin-bottom:20px;} .Learning1 .item_list .item:nth-child(4n){margin-right:2%;} .Learning1 .item_list .item:nth-child(3n){margin-right:2%;} .Learning1 .item_list .item:nth-child(2n){margin-right:0%;} .Learning1 .item_list .item .text_box{padding:15px 5%;} .Learning1 .item_list .item .text_box .time{margin-bottom:5px;} .Learning1 .item_list .item .text_box .tit{font-size:16px; line-height:25px; height:50px;} .party_building1 .content .item_list .item{width:100%; margin-right:0; margin-bottom:30px;} .party_building2 .content .item_list .item .left{width:100%; position:static; transform:none; margin-bottom:20px;} .party_building2 .content .item_list .item .left .time{margin-top:10px;} .party_building2 .content .item_list .item .right{width:100%;} .party_building2 .content .item_list .item .right img{width:100%;} .page{margin:20px 0;} .page .item_list .item{width:30px; margin-right:0;} /* 专题新闻列表 */ .special .party_building2 .content .item_list .item .left{width:100%;} .special .party_building2 .content .item_list .item a{padding:20px 0;} /*.zt02_index04 .content li{width:100%; margin-right:0;}*/ .zt02_index04 .content li{width:49%; margin-right:2%;} .zt02_index04 .content li .t{line-height:40px;} .special .party_building2 .content .item_list .item.no_img .right{display:none;} .tabs_5 .i_p2_tab .tab_t{font-size:12px;} } /* 20220915 */ @media only screen and (max-device-width: 768px) { .newabout_right {margin-top:20%;} } @media only screen and (max-device-width: 360px) { .newabout_right {margin-top:32%;} } @media only screen and (max-device-width: 411px) { .newabout_right {margin-top:30%;} } @media only screen and (max-device-width: 320px) { .newabout_right {margin-top:35%;} } @media only screen and (max-device-width: 375px) { .newabout_right {margin-top:30%;} } @media only screen and (max-device-width: 414px) { .newabout_right {margin-top:30%;} } @media only screen and (max-device-width: 375px) { .newabout_right {margin-top:30%;} }