@charset "UTF-8"; /** * [xLarge Screen for PC] * >=1200 */ /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1415px){ #nav{ margin-right:0; } } @media screen and (max-width: 1400px){ #footer .title{ text-align:center; } .wrapper .inner { width: 100%; margin: 0 auto; } .nav .wp-menu{display:flex;justify-content: space-around;} .header .head-right{width:100%;margin-top: 0;} .header .inner{height: 100px;padding-bottom: 20px;} .header .head-left{margin-top: -36px;} #footer .inner .foot-top{ display:grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 10px; justify-items:center; } #footer .foot-c1, #footer .foot-c2, #footer .foot-c3{ margin-left:0; } #footer .foot-c3 img{ width:auto; } } @media screen and (max-width: 1340px){ .nav .wp-menu .menu-item a.menu-link{ padding:0 10px; } } @media screen and (max-width: 1235px){ .nav .wp-menu .menu-item a.menu-link{ padding:0 8px; } } @media screen and (max-width: 1195px){ .nav .wp-menu .menu-item a.menu-link{ font-size:16px; } } @media screen and (max-width: 1144px) { #l-container .inner { width: auto; } .wrapper .inner .mod { width: auto; padding: 0 8px; } .nav .wp-menu .menu-item {} .post-21 .news_list li.news .news_title, .post-22 .news_list li.news .news_title, .post-23 .news_list li.news .news_title { width: 75%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .post-31 .news_list li.news .news_title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-33 .news_list li.news .news_title { width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-22 .news_list li.news .news_text { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .post-32 .news_list li.news .news_title { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /*links*/ .botlinks .links-wrap { margin: 4px 5px; } /*banner*/ .focus .focus-title-bar {} } @media screen and (max-width: 1136px){ .main1 .news_list .second_title{ font-size:12px; } .nav .wp-menu .menu-item a.menu-link{ font-size:15px; padding:0 5px; } .nav .sub-menu .sub-item a{ padding:0 5px; } } @media screen and (max-width: 1096px){ .nav .wp-menu .menu-item a.menu-link{ font-size:14px; } } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 999px) { #footer .inner .foot-top{ grid-template-columns: 1fr 1fr; } .main .inner .news_list .news_title{ font-size:18px; } .post9 .tt .tit .title{ font-size:30px; } .main2 .ml, .main2 .mr{ width:100%; margin-right:0; float:none; } .main2 .ml{ padding-bottom:10px; } .main1 .news_list .news{ width:25%; margin-bottom:10px; } .main1 .news_list .news:last-child{border-right: 1px solid #615DA166;} .mbanner .focus .focus-pagination{ bottom:0.55rem; } .focus-title{ padding:0; } .mbanner .focus .focus-page{ width:0.2rem; height:0.2rem; margin-right:0.15rem; } .mbanner .focus .focus-title-bar{ bottom:0.1rem; height: 0.4rem; } .main1{transform:none;margin-top:20px;} .main2{ margin-top:20px; } .headtop .top-left{ display:none; } .wrapper .inner { width: 100%; margin: 0 auto; } .navi-aside-toggle, .navi-aside-search { display: block; } #headtop{background: #4b90c1;} #header { background: #4b90c1; } .main .headBox{ position:static; } .mbanner .focus .focus-navigation{ width:0.6rem; height:0.6rem; top: auto; } #header .inner { padding: 10px 0px; height: auto; position: relative; background: none; } .header .head-left { float: none; display: inline-block; width: 100%; height: auto; text-align: center; } .header .sitelogo { float: none; margin-top: 0px; } .header .sitelogo a { display: inline-block; /* width: 100%; */ margin: 0 auto; } .header .sitetitle { margin-top: 38px; font-size: 28px; } .header .head-main { display: none; } .header .head-right { float: none; width: 100%; margin-top: 0px; } .header .head-right .searchbox { margin: 5px 0px; width: 100%; } .wp-search{ height:0.4rem; min-height:32px; } .wp-search .search-input input.search-title{ height:0.4rem; min-height:32px; } .wp-search .search-btn{ width:0.38rem; height:0.38rem; min-width:32px; min-height:32px; } .wp-search .search-btn input.search-submit{ width:0.4rem; height:0.4rem; min-width:32px; min-height:32px; } /*导航样式:后台绑定时也可以定义配置*/ .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; } .mbanner .inner .focus .focus-item{ width:100% !important; height:100% !important; } .mbanner .inner .focus .focus-item img{ width:100% !important; height:100% !important; } .mbanner .focus{ position:relative; } .mbanner .focus .focus-title-bar {width: 100% !important;} .mbanner .inner .focus .focus-title-bg { width: 100%; height: auto; } .mbanner .focus-title { width: 100%; height: 0.5rem; font-size: 0.3rem; line-height: 0.35rem; /* padding: 0.21rem 0.06rem 0.27rem 0.27rem; */ } /*左标题右内容*/ .post5 { background: transparent; } .post5 .tt { float: none; width: 100%; margin-right: 0px; border-bottom: 2px solid #146cc1; } .post5 .tt .tit { float: none; margin-top: 0px; width: 100%; } .post5 .tt .tit .title { display: inline-block; margin-right: 20px; font-size: 16px; font-weight: bold; color: #18267d; cursor: pointer; } .post5 .more_btn { display: inline-block; right: 0; bottom: 0px; margin-top: 0px; text-align: right; } .post5 .more_btn a { line-height: 45px; color: #666; } .post5 .con { padding: 6px 0; position: relative; } .post5 .con .conbox { margin-left: 0px; padding-left: 0px; background: transparent; } .post-41 .con { padding: 8px 0; } #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; } .shares ul { display: inline-block; width: auto; margin: 0 auto; float: none; } /**友情链接**/ .botlinks .links-wrap { float: none; display: inline-block; margin: 4px 0px; width: 100%; } .botlinks .links-wrap .link-items { min-width: 100%; } /*图列表*/ .news_tu .news_list li.news { width: 33.3%; } } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 767px) { #footer .inner .foot-top{ grid-template-columns: 1fr; margin-bottom:0px; } #footer .inner .foot-top>div{ margin-bottom:10px; } .post9 .tt .tit .title{ font-size:28px; display: inline-block; } .post9 .tt{ margin-bottom:10px; padding-top:10px; } .main2 .ml .u1, .main2 .ml .u2{ width:100%; margin-right:0; float:none; } .main2 .ml .u1 .news_imgs{ height:auto; } .main3 .news .news_imgs{ height:200px; } .main4 .news{ width:100%; margin-right:0; float:none; margin-bottom:20px; } .main4 .news .news_imgs,.main56 .news_imgs{ height: auto; } .main56 .ml, .main56 .mr{ width:100%; margin-right:0; float:none; } .main5 .ml{ margin-bottom:20px; } #header .inner { height: auto; } .header .sitelogo a img { max-width: 85%; margin: 5px 0px; } .header .sitelogo a {} .header .sitetitle { display: block; margin-top: 10px; font-size: 18px; } .main1 .ml { float: none; width: 100%; } .main1 .mr { float: none; width: 100%; } .main4 .inner { padding: 10px 0 15px; } .main4 .mr { float: none; } .post-12 .news_list li.news { width: 33.3%; } .post-41 .news_list li.news { width: 50%; } #footer .inner { padding: 8px 0px; } #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; padding: 0px 5px 0px 12px; font-size: 17px; } /**栏目名称图标**/ .col_menu { width: 100%; float: none; margin-right: 0px; position: relative;margin-top:0; } .col_list .wp_listcolumn .wp_column a .column-name{line-height:25px} .col_list .wp_listcolumn .wp_column a{padding-left:20px} .col_list .wp_listcolumn .sub_list a{padding-left:30px} .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; } .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: auto; } /**文章阅读部分图片大小限制**/ /*图列表*/ .news_tu .news_list li.news { width: 50%; } /*组织机构*/ .inss .part_xy .sub-list .sub-item { width: 50%; } } @media screen and (max-width: 580px) { .main .inner .news_list .news_title{ font-size:16px; } .main1 .news_list .news{ width:33.3%; margin-bottom:10px; } } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 479px) { .sudy-tab .tab-menu li{ padding: 0 10px; } #footer .inner .foot-top{ margin-top:10px; } #footer .foot-bottom p{ padding:5px 0; } .post9 .tt .tit .title{ font-size:24px; } .main2,.main3,.main4,.main5,.main6{ margin-bottom:15px; } .main2 .ml .u1{ padding-bottom:0; } .main2 .mr{ padding-bottom:20px; } .main3 .news{ margin-right:0; } .main3 .news .news_imgs{ height:auto; } .main3 .news .news_title{ margin-top:10px; } .post13 .slick-dots{ bottom:-30px; } .main3 .inner{ padding-bottom:45px; } .site-lang ul li.links a { margin: 0px 2px 0px 2px; } .post-11 .news_list li.news .news_title { width: 73%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .post-12 .news_list li.news { width: 100%; } #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; } /*图列表*/ .news_tu .news_list li.news { width: 100%; } /*组织机构*/ .inss .part_xy .sub-list .sub-item { width: 100%; } } @media screen and (max-width: 408px) { .main .inner .news_list .news_title{ font-size:16px; } .main1 .news_list{ padding:20px 0 0px 0; } .main1 .news_list .news{ width:50%; margin-bottom:10px; } .main1 .news_list .news:nth-child(2n){ border-right:none; } } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 319px) {}