@charset "UTF-8"; /** * [xLarge Screen for PC] * >=1200 */ @media screen and (min-width: 1200) { .bt{ display:block;} } /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1199px) { .wp-container4 .wp-inner { background: none; min-height: 630px; position: relative; } .wp-post .post-head .post-title { display: inline-block; height: 32px; line-height: 32px; font-size: 30px; font-weight: normal; color: #a51e34; padding-left: 15px; } .pt{ display:none;} .bt{ display:block; } div#container-2 { display: none; background: url(../../images/2.jpg) center no-repeat; padding-top: 1px; } div#wp_news_w20 .news { width: 25%; float: left; } div#wp_news_w119 .news { width: 16.66%; float: left; } .news_box { padding: 0px 20px; } div#wp_news_w119 a img { width: 100%; } div#wp_news_w20 .news a img { vertical-align: middle; width: auto; } .icon { text-align: center; } } @media screen and (max-width: 1065px) { .top-nav-panel { float: right; margin-bottom: 12px; margin-right: 20px; margin-top: 0px; } } @media screen and (max-width: 959px) { div#wp_news_w20 .news { width: 50%; float: left; } } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 959px) { .qiehuan { display: none; } #container8 .inner { width:100%; max-width: 956px !important; margin: 0 auto; } .news_jj{ display:block; width:100%; } .main-nav-panel .wp-menu .menu-item a.menu-link { padding:0 4px;} .focus-navigation { visibility: hidden;} .wp-footer .wp-inner .footer .copyright,.wp-footer .wp-inner .footer .address { display: block;} /**主体布局**/ .wp-main-page .content,.wp-main-page .sidebar { width: 100%; float: none;} .wp-post .post-head .head-bar,.wp-post .post-body {margin:0 6px;} /**栏目列表**/ .wp-column-menu { width: 100%; float: none; margin: 0;} .wp-column-news {float: none;} .wp-column-news .column-news-box { margin: 0 6px;} .column-head .column-anchor {padding: 6px;} .column-head .column-anchor .column-switch { display: block;} .column-head .column-anchor h3.anchor-title { font-size: 16px;} .column-list-wrap li a { background-position: 10px 14px;} .column-list-wrap li a,.column-list-wrap li.selected a.selected { background-position: 10px 14px;} .column-list-wrap li a span { padding-top: 6px; padding-bottom: 6px;} .column-body { display: none;} .list-meta .column-title {font-size: 16px; } .info-box {margin:0 14px;} .article { padding: 10px 0;} .article h1.arti-title { padding: 5px 0;} } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 767px) { .wp-banner { background-color: #ececec; margin-bottom: 0px; } .focus-pagination { display: none; } .wp-container4 li.list1 { width: 23%; float: left; padding: 0px 1%; } footer.wp-wrapper.wp-footer .inner { padding: 50px 0px; background: none; } li.list1 { width: 48%; float: left; padding: 0px 1%; } .new_icon { display: none; position: absolute; bottom: 45px; left: 380px; } .wp-container4 .wp-inner { background: #b4233d; height: auto; position: relative; min-height: 200px; padding-bottom: 20px; } .foot-left { float: none; padding: 0px 0px 10px 15px; } .foot-right { float: none; margin-top: 0px; padding-left: 15px; } .shares { width: 100%; } body,p { font-size: 16px;} a { font-size: 16px;} .wp-header .wp-inner {margin: 0 6px;} .wp-post .post-head .post-title { font-size: 18px; font-weight: bold;} .post-news .news-item { height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc;} .post-news .news-item .meta-title,.column-news-list .column-news-item .column-news-title { margin-right: 0;} .post-news .news-item .news-date-hide,.column-news-list .column-news-item .news-date-hide { display: none;} .wp-header { padding: 0;} .wp-navi { display: none;} .wp-navi-slide { display: block; background-color: #eee;} .wp-navi-slide .navi-slide-head { display: block;} .wp-navi-slide .wp-menu { display: none;} .main-nav-panel .wp-menu .menu-item { display: block; float: none; border-top: 1px solid #ddd; overflow: hidden; } .main-nav-panel .wp-menu .menu-item a.menu-link { display: block; height: 39px; line-height: 39px; padding:0 18px; color: #222; font-size: 15px; background-color: #fff; } .main-nav-panel .wp-menu .menu-item a.menu-link:hover { text-decoration: none; color: #fff; background-color: #b4233d;} .wp-main-page .content .cbox-left,.wp-main-page .content .cbox-right{ width: 100%; float: none;} .wp-header .wp-panel {margin:0; float: none; clear: both; width: auto;} .wp-header .search-panel { margin-bottom: 10px;} .wp-header .logo-panel { position: relative; } .wp-header .navi-aside-toggle-show { display: block;} .logo-window { width: auto; margin:0 40px; padding: 15px 0; text-align: center;} .logo-window img {width: 100%; max-width: 186px;} .lang-panel,.top-nav-panel { display: none;} .wp-info-page .search-panel,.wp-info-page .top-nav-panel,.wp-column-page .search-panel,.wp-column-page .top-nav-panel { display: none;} .wp-banner {border-top:1px solid #DFBA5D} .wp-banner .column-name { display: block;} .list-meta .column-path,.list-meta .column-title { float: none;} .list-meta .column-title { display: none;} .list-meta .column-path { padding-left: 24px; background: url(img/sitemap-icon.png) no-repeat 0 4px;} .list-meta .column-path .path-name { display: none;} .wp_paging .pages_count,.wp_paging .page_jump { display: none;} .info-box {margin:0 10px;} .article { padding: 6px 0;} .article .arti-metas span { font-size: 14px;} .article .arti-metas .read-options { display: inline-block;} .wp_entry,.wp_entry p,.article .entry,.article .entry p { font-size: 16px;} } @media screen and (max-width: 700px) { div#wp_news_w119 .news { width: 33.3%; float: left; } } @media screen and (max-width: 524px) { div#wp_news_w20 .news { width: 100%; float: left; } } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 479px) { .info-box {margin:0 6px;} div#wp_news_w119 .news { width: 50%; float: left; } li.list1 { width: 98%; float: left; padding: 0px 1%; } } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 319px) { .top-nav-panel .wp-menu .menu-item a.menu-link { font-size: 14px; height: 28px; line-height: 28px;} .wp-footer .wp-inner .footer .address,.wp-footer .wp-inner .footer .zipcode { display: inline;} .wp-footer .wp-inner .footer .icp { display: block; } }