@charset "utf-8"; /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 999px) { .post-81 .news_title{ text-align:center;} .post-81 .news_title:before{ position:static;} .wrapper .inner { width:100%; margin:0 auto;} .wrapper .inner .mod{ padding:0 4%} .navi-aside-toggle, .navi-aside-search {display: block;} .header .head-left{ float:none;display:inline-block; width:100%; height:auto; text-align:center;} .header .sitelogo{float:none;margin-top:0.2rem;} .head-right .righttop .topsearchbtn{width: 0.3rem; height: 0.3rem;margin-left: 0;font-size: 0; padding-left: 0; background: url(images/searchbtn.svg) no-repeat center / contain;} .header .head-right .righttop{margin:0;display:block;} .header .sitetitle {margin-top:38px;font-size:28px;} .header .head-main{display:none;} .header .head-right{ width: auto; margin: 0; position: absolute; right: 4%; top: 0.45rem;} .header .head-right .searchbox{margin: 5px 0px; width:100%;} /*导航样式:后台绑定时也可以定义配置*/ .wp-navi .wp-menu{display:none;} .wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;} .wp-navi-slide .wp-menu {background:#fff;} .wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee} .wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;} .wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; } .wp-navi-slide .wp-menu .menu-item a.menu-link.hover, .wp-navi-slide .wp-menu .menu-item.hover a.menu-link, .wp-navi-slide .sub-menu .sub-item.hover> a, .wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; } .wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;} .wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;} .wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;} .wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; } .wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;} .wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;} #footer .inner {background:none;} #footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;} #footer .inner .foot-left p{text-align:center;} #footer .inner .foot-right{float:none;margin-top: 12px; margin-left:0; margin-bottom: 0.4rem;} .foot-right1{ float:none; margin-top:0.2rem;} .foot-right1 .tt{ text-align:center;} .botlinks .links-wrap{margin: 0.2rem auto;} .site-lang{display:none} .main1 .inner{padding-top:0.4rem} .post-12 .news_wz{margin-top:1.2rem} .post-12 .tt{margin-top:0.53rem;} .main1{background-size:cover} .header{padding-bottom:0.2rem} .mbanner .slick-prev{left:0.4rem} .mbanner .slick-next{right:0.4rem;} .mbanner .news .news_title{ font-size: 0.28rem;bottom:0.21rem;} #footer .inner .mod:first-child{padding-top:0.5rem;padding-bottom:0.5rem;} #footer .inner .foot-left{ display: flex; justify-content: center; flex-direction: column; align-items: center;} .foot-right .footnav{ display: flex; justify-content: center;} #footer .inner .mod_b{padding-top: 0.2rem; padding-bottom: 0.2rem;} #footer .foot-left .zdxx{margin:0;padding:0;border:none;display: flex; margin-top: 0.4rem; flex-direction: column; align-items: center;} .post-82 .news{text-align:center } .post-12 .imgbox{ width: 46.3%;margin-top: 1.2rem;} .post-12 .slick-prev{right: 46.3%;} .post-12 .slick-next{ right: calc(46.3% - 0.86rem);} .post-22 .news_list{margin:0} } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 767px) { .post-12 .slick-prev { right: auto; top: 38%; left: 0; } .post-12 .imgbox{margin-top:0} .post-12 .slick-next{right:0; top: 38%;} .post-12 .imgbox,.post-12 .news_wz{width:auto;float:none} .post-12 .news a{ display: flex; flex-direction: column-reverse;} .post-12 .tt{ position: static; width: auto;margin-bottom: 0.3rem;} .post-12 .news_wz{margin-top:0.3rem;} .main1{padding-bottom:0.5rem} .post-21 .tt{margin-bottom:0.3rem} .header .sitetitle {display:block;margin-top: 10px;font-size:18px;} #footer .inner .foot-left{float:none;} #footer .inner p{text-align:center;} .mbanner .focus-pagination {display:none;} /*栏目图片*/ .l-banner{height: 180px;} .l-banner img{width:100%;height:100%;} #l-container .inner, #d-container .inner {padding:0px 0px;} #l-container.wrapper .inner .mod, #d-container.wrapper .inner .mod{padding:0;} .column-switch {display:block;} .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/ .col_menu {width: 100%;float:none;margin-right:0px;position:relative;} .col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;} .col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/ .col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/ .col_news .col_news_box{margin-left: 10px;margin-right: 10px;} .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;} .col_news_con .news_list li.news {line-height:24px;padding:4px 0px;} .col_news_con .news_list li.news span.news_title {line-height:24px;margin-right:100px;}/*标题*/ .col_news_con .news_list li.news span.news_meta {margin-left:-100px;}/*属性*/ .wp_paging li.pages_count,.wp_paging li.page_jump{display:none;} .infobox { width:auto;padding:0px; margin:0 10px; } .col_news_list .wp_entry img, .article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/ /*图列表*/ .news_tu .news_list li.news{width:50%;} /*组织机构*/ .inss .part_xy .sub-list .sub-item{width:50%;} .main3 .ml{width:100%;float:none; margin-bottom: 0.5rem;} .main3{padding-bottom:0.5rem} .main3 .mr{width:100%;float:none;} .foot-right .footnav .menu-item .sub-menu{margin-top:0.1rem} } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 640px) { .mbanner .news_img{padding-top:45%} .main2{padding-bottom:0} .post-22 .news{ width: 100%; // float: none; margin-right: 0; margin-bottom: 0.5rem;} .foot-right .footnav .menu-item{padding:0 0.1rem;} #footer .foot-left .zdxx{width:auto;} #footer .foot-left .zdxx .copy{ width: auto; float: none;padding-left: 0.4rem;} } @media screen and (max-width: 479px) { .botlinks .links-wrap{ width:100%;} .foot-right .footnav {display:none} .site-lang ul li.links a{margin: 0px 2px 0px 2px;} #footer .inner p.copyright span{display:block;} .article h1.arti_title {line-height: 28px;font-size:18px;} .article h2.arti_title {line-height: 28px;font-size: 16px;} .header .sitelogo span{display:block;} .header .sitelogo .sitetitle{ margin-left: 0; margin-top: 0.1rem; font-size: 0.3rem;} .header .sitelogo img{width:2.5rem} } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 319px) { }