@charset "utf-8"; /** * [xLarge Screen for PC] * >=1200 */ @media screen and (max-width: 5000px) { .post-22 img{height: 272px;} } @media screen and (max-width: 1300px) { #navfouce a { padding: 0 26px; } .width1300 { width: 1200px; } .news_list li.news span.news_title { width: 80%; } .wrapper .inner { width:100%; margin:0 auto;} } @media screen and (max-width: 1210px) { .post-12 .news_list li.news span.news_title { width: 84%; } .post22.post-12 .news_list li.news span.news_meta { float: right; } } /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1200px) { #nav .inner{width:1100px;} .wp-menu .menu-item a.menu-link {padding: 0 13px;} .focus-title { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .post-14 .news_list li.news { background: none; } .wp-menu{width:100%;} #nav{ display: block; width: 100%; height: auto;} .nav{display: none;} } @media screen and (max-width: 1100px) { #nav .inner { width: 1000px; } .wp-menu .menu-item a.menu-link {padding: 0 8px;} } @media screen and (max-width: 1099px) { .wrapper .inner { width:1000px; margin:0 auto;} .head .inner .mod, .footer .inner .mod{padding:0px 10px;} .head .sitelogo a{left:10px;}/*logo*/ .searchbtn{right:10px;} .post-10 .news_list li.news span.news_title { position: absolute; width: 100%; display: block; } .wp-menu .menu-item {} .focus .focus-title-bar { margin-left: -490px;} .focus .focus-title-bar { bottom: 24px;height: 40px;} .focus .focus-title {height: 40px; line-height: 40px;} .main1 .inner{padding: 12px 0px 10px;} .main1 .ml{ width:62%;} .main1 .mr{;width:35%;} .main1 .ml .modcon,.main1 .mr .modcon{padding:0px 10px;} .post-10 .news_list li.news span.news_title { width: 85%; } .wp-menu .menu-item a.menu-link { padding: 0px 12px; } #nav .wp-menu { width: 100%; } #footer .inner .foot-left { float: left; width: 44%; padding-top: 14px; } #footer .inner .foot-main { float: right; width: 56%; margin-right: 0; padding-top: 14px; } #footer .inner .foot-right { float: left; width: 100%; } .post.post1.post-91 { padding-top: 10px; width: 100%; margin: 0 auto; } .lx { padding-left: 5%; } } @media screen and (max-width: 1060px) { .wp-menu .menu-item a.menu-link { padding: 0 10px; } } @media screen and (max-width: 1040px) { .wp-menu .menu-item a.menu-link { padding: 0 8px; } } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 999px) { .sp_bt a { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sp_bt { position: relative; } .main2 .inner.clearfix { width: auto; padding: 0 22px; } .post-21 .con, .post-22 .con { height: auto; } .post-22 img { height: auto; } .post.post-80 { margin-left: 0px; }.main2 .ml { float: none; width: 100%; margin: 0; }.main2 .mr { float: none; width: 100%; } .jwsj-mail { position: absolute; top: 0px; right: 10px; } .post-211 .more_btn { padding-right: 10px; } #nav .inner { width: 100%; } .news_list li.news span.news_title { width: 79%; } #l-container .inner { padding: 25px 0px; } .news_list li.news span.news_meta { float: right; } .post-14 .slick-prev { background: url(images/nextbg.png) center no-repeat; } .post-14 .slick-next { background: url(images/nextbg2.png) center no-repeat; } .post-14 .news_list li.news { padding: 5px 0; } .list #footer-top { display: none; } .wrapper .inner { width:100%; margin:0 auto;} .main1 .ml .modcon,.main1 .mr .modcon{padding:0px 0px;} #header .inner{padding:10px 0px;height: auto;position:relative;background:none;} .head .head-left{ float:none;display:inline-block; width:100%; height:auto; text-align:center;} .head .head-main{display:none;float: none;margin-top:0px;} .head .head-right{float: none;width:100%;margin-top:20px;position:relative;} .head .head-right .searchbox{margin: 5px 0px;width:auto;} .wp-search .search-input {margin-right: 36px;} .wp-search .search-input input.search-title {height: 22px;line-height: 22px;} .wp-search .search-btn {width: 38px;height: 38px;} .wp-search .search-btn input.search-submit {width: 38px;height: 38px;} .head .sitelogo a{display:block;width:100%;position:relative;left:0px;top: 6px; bottom:0px;} #nav{background: #F1F1F1;} #nav .inner{background:none;} #nav .inner .wp-panel{height:auto;} /* #nav .inner .wp-panel{position:relative;left:0;right:0;top:0;bottom:0;z-index:100;height: 40px;text-align:center;} #nav .inner .wp-panel .wp-window{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;} #nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}*/ .focus .focus-title-bar {display:none!important;} .baside{display:none;} .wp-navi .navi-slide-head {display: block;padding:0 10px;height:auto;} /*导航样式:后台绑定时也可以定义配置*/ .wp-menu {display:none;background:#fff;} .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px; background:none;border-bottom:1px solid #eee;text-align:left;} .wp-menu .menu-item.i1 { background:none;} .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-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 15px; } .wp-menu .menu-item a.menu-link.hover,.wp-menu .menu-item.hover{ text-decoration: none; color: #000; background-color: #eee; } .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8\9;background: #444343\9;filter:alpha(opacity=90);} .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;/* float: left; */border: 1px solid #eee;} .sub-menu .sub-item a { display: block;color: #000000;height: auto;line-height: 43px;padding: 0 44px;font-size: 14px; background:none;} .sub-menu .sub-item a:hover { color: #eee; background-color:#444343; display: block; } .sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background: rgba(11, 102, 244, 0.8); opacity: 0.8\9; background: #444343\9; filter:alpha(opacity=90); } .wrapper .inner .mod{ width:auto;padding:0px 10px; margin:0 auto;} .main1 .ml{ width:48%;} .main1 .mr{width:48%;} .post-11 .news_list li.news .news_imgs{float:left;width:160px;height: 110px;overflow:hidden;position:relative;background:#ccc;} .post-11 .news_list li.news .news_imgs img{width:100%; max-width:160px; max-height:110px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto;} .post-11 .news_list li.news .news_wz{margin: 6px 0px 8px 175px;} .post-11 .news_list li.news .news_text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/*默认简介*/ .post-12 .news_list li.news .news_title {width:74%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .post-31 .con{padding:0px 0px;} .post-31 .news_list li.news{height:auto;overflow:hidden;} .post-31 .news_list li.news .news_title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .post-31 .news_list li.news .news_text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/*默认简介*/ .post-32 .news_list li.news .news_title {width:74%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} #footer .inner .foot-left{} #footer .inner .foot-main{} #footer .inner .foot-main .links-wrap{margin:0px 0px;} #footer .inner .foot-right{} .slick-prev {left: -15px;} .slick-next { right: -15px;} .col_news .col_news_box{margin-left: 290px;margin-right: 10px;} .slick-track{max-height: 92px;overflow: hidden;} .post-51 .news_list li.news .news_imgs{ position:inherit;} .post-51 .news_list li.news .news_imgs{ position:inherit;} .footer-top .post { width: 100%; float: left; } #footer-top .inner { padding: 35px 10px 28px 10px; } .footer-top li.nav-item.i1 { padding-bottom: 0; line-height: 30px; } #footer-top li.nav-item li { float: left !important; display: inline-block !important; width: 14% !important; margin-bottom: 10px; } .motto { display: none; } .search-window { margin-bottom: 20px; } .wp-panel.search-panel.panel-3 { width: 100% !important; } .searchbtn { top: 0; right: 0; } .search-window { float: right; } #headtop { background: #012d4f; opacity: 0.9; height: 30px; } .main1 .ml { width: 100%; } .main1 .mr { width: 100%; } .post-21 .news_list li.news { width: 100%; padding: 20px 0; } .post-21 .news_list li.n5, .post-21 .news_list li.n6 { border-bottom: 1px solid #e5dfd1; } .post-21 .con { padding: 0 10px; background: #fff; } .main1_2 .box{ margin:0 auto;} } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 767px) { .post.post22.post-114.mbox{display:none;} .post.post22.post-112.mbox{display:none;} .post.post22.post-116.mbox{display:none;} #header .inner{height: auto;} .head .sitelogo a img{width: 65%;margin:10px 0px;} .post.post11.post-111.mbox{ float: left; width: 100%; margin-right: 3%; } .post.post11.post-113.mbox { float: left; width: 100%; margin-right: 3%; } .post.post11.post-55.mbox { float: left; width: 100%; margin-right: 3%; } .main1 .ml{float:none; width:100%;} .main1 .mr{float:none; width:100%;} .post .tt .tit {font-size: 16px;} /**标题字体**/ .post .tt .tit .title {line-height: 36px;color: #424242; padding: 0;} .post-51{overflow:hidden;} #footer .inner .foot-main { width: 100%; } .news_list li.news span.news_title { width: 72%; } .lx { padding-left: 8%; padding-right: 1%; } div#wp_news_w91 { width: 93%; } div#wp_news_w91 li { display: inline-block; padding-right: 9px; width: 20%; } .imgs img { width: 100%; height: auto; } span#_ideConac img { width: 18%; } #footer .inner p { font-size: 13px; } .lx { font-size: 14px; } .sp_bt { } .post-61 .news_list li.news { width: 47%; } .post-61 .con { padding: 30px 0 0 10px; } .mbanner .focus-pagination {display:none;} /*栏目图片*/ .l-banner{height: 180px;} #l-container .inner {padding:0px 0px;} #d-container .inner {padding:0px 0px;} .l-banner img{width:100%;height:100%;} .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:16px;} /**栏目名称图标**/ .col_news_head {border-bottom: 1px solid #ccc;} .col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; } /**当前栏目**/ .col_metas .col_title h2 {display:inline-block;font-size: 20px;font-family:"Microsoft yahei";font-weight: normal;} /**当前栏目名称**/ .col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;} .col_menu {width: 100%;float:none;margin-right:0px;position:relative;} .col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/ .col_news .col_news_box{margin-left: 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; margin:0 10px; } .col_news_list .wp_entry img, .article .entry .read img {margin:0 auto;width:100%;} .post.post2.post-51.post-511{ width:100%; float:none;} .post-51{ width:100%; float:none;} .post.post2.post-521{ display:none;} .footer-top .post { margin-bottom: 15px; } div#footer-top li { float: left !important; display: inline-block !important; width: 32% !important; margin-bottom: 10px; } .post11 { float: none; width: 100%; } .post22 { float: none; width: 100%; } .main1 .inner { padding: 22px 0px 20px; } .post-10 .con { padding: 0; } .main1_2 .ml{ float:none; width:100%; margin-bottom:20px;} .main1_2 .mr{ float:none; width:100%;} } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 479px) { .xsjl .news_list li.news { float: left; width: 98%; margin: 0px 1%; border-bottom: 1px solid #e5dfd1; margin-bottom: 10px; } #footer .inner p.copyright span{display:block;} } @media screen and (max-width: 360px) { .bt {padding: 0;} } @media screen and (max-width: 320px) { .post-14 .news_list li.news { background: none;} } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 399px) { .post.post2.post-51.post-511 td { float: left; width: 33%; } }