@charset "UTF-8"; /** * [xLarge Screen for PC] * >=1200 */ /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1920px) { .col_news_head{padding-left:calc(50vw - 700px)} } @media screen and (max-width: 1399px) { .wrapper .inner { width:100%; margin:0 auto;} .wrapper .inner .mod {width:auto;padding: 0 40px;} .nav .wp-menu .menu-item {} .nav .wp-menu .menu-item a.menu-link {font-size:18px;} #header1 .inner{padding:40px 0px 30px} #banner .xx img{max-width:30%} .main1:before{width:242px} .post-41 ul{margin: 0 -15px;} .post-41 .news_box{margin: 0 15px;} .post-41 .wz{padding: 30px 35px;} #footer .inner .foot-right .foot_wz{margin-left:12%} .col_news_head{padding-left:40px; background-position-x: -222px} /*banner*/ .focus .focus-title-bar {} } @media screen and (max-width: 1199px) { .art_head .share{position:static} } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 999px) { .wrapper .inner { width:100%; margin:0 auto;} .wrapper .inner .mod{padding: 0 10px;} .navi-aside-toggle, .navi-aside-search {display: block;} #nav{display: none;} #banner .xx{display: none;} #banner .banner_list{width: 100%;} #header1.fixed{position:static} #header1 .inner{padding:10px 0px;height: auto;position:relative;background:none;} .header1 .head-left{float:none;display:inline-block;width:100%;height:auto;text-align:center;position: static;margin-left: 0;padding: 0;} .header1 .sitelogo{float:none;margin-top:0px;} .header1 .sitelogo a{display:inline-block;width:100%;margin:0 auto;} .header1 .sitetitle {margin-top:38px;font-size:28px;} .header1 .head-main{display:none;} .header1 .head-right{ float:none; width:100%;margin-top:0px;} .header1 .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;} .main1 .ml,.main1 .mr{float: none;width: auto;margin-bottom: 20px;} .main1:before{background: none;} .post .tt{margin-bottom:10px} .post .tt .tit{font-size:26px} .post-11 .tt .tit .title{color: #444444;} .post-11 .slick-prev{background-color: #D69F42 ;} .post-11 .slick-arrow{left:0;width: 50px;height: 50px;background-size: 30%;top:50%;margin-top:-25px;z-index:333} .post-11 .slick-next{left:auto;right:0;transform:none} .post-11 .slick-list{padding-bottom: 50px;} .post-11 .slick-dots{bottom: 10px;} .post-11 li.news .imgs{padding-top: 67.6%;} .post-11 li.news .wz{padding: 0 20px 2px;} .post-11 li.news .news_title{font-size: 18px;margin-bottom: 10px;} .rili .news_list li.news{padding:20px 10px} .rili .news_list li.news .news_date{width:60px;margin-right:-60px;padding-right:10px} .rili .news_list li.news .news_wz{margin-left:75px} .post-21 ul.list-img .imgs{padding-top:66.7%} .post-21 ul.news_list{float: none;width: auto;} .post-21 ul.list-handle li .news_title{height: auto;max-height: 64px;} .post-21 ul.list-handle li{padding: 10px 20px;font-size: 16px;} .main3 .ml,.main3 .mr,.main3 .mc{float: none;width: auto;margin-bottom: 20px;} .rili2 .news_list li.news.current{padding:20px} .rili2 .news_list li.news{padding:15px 20px} .rili2 .news_list li.news .news_date{padding-right:10px;width:50px;margin-right:-50px} .rili2 .news_list li.news .news_wz{margin-left:60px} .rili2 .news_list li.news.current .news_title, .rili2 .news_list li.news.current .news_text{height:auto} .post-41 .wz{padding: 20px 15px;} .post-41 .news_title{font-size:16px;line-height:26px;height:52px;} .post-41 .news_text{margin-top:5px;font-size:15px;line-height:24px;height:48px} .article .entry .read img{max-width:100%} .col_news_head{height: 90px;width: auto;padding: 0 40px 0 12px;background:url(images/wap_col_name_bg.png) right center no-repeat;background-size: cover;bottom: 0;} .infobox{padding:40px 30px 60px} .article h1.arti_title,.infobox ._tt{font-size:22px} .article h2.arti_title{font-size:18px} #footer .inner {background:none;} #footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;width: auto;text-align: center;border: 0;} #footer .inner .foot-left img{max-width: 80%;} #footer .inner .foot-left img:nth-child(2){max-width: 60%;margin-top: 5px;} #footer .inner .foot-left p{text-align:center;} #footer .inner .foot-right .foot_wz{display: inline-block;margin: 0 30px;float: none;text-align: left;} .shares{float: none;clear: both;flex: 0 0 100%;margin: 15px 0 0;} #footer .inner .foot-right{float:none;width: auto;text-align: center;} #footer .inner .bq{margin-top: 20px;} #footer .foot-mid{ display: flex; flex-wrap: wrap; justify-content: center; } .shares ul{display:inline-block;width:auto; margin:0 auto;float:none;} .col_metas .col_path{margin-top:0} .col_metas .col_title h2 {font-size:24px;} /**友情链接**/ .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) { #header1 .inner{height: auto;} .header1 .sitelogo a img{max-width: 85%;} .header1 .sitelogo a{} .header1 .sitetitle {display:block;margin-top: 10px;font-size:18px;} .header1 .head-left .l2 img { width: 50%; float: none; } #header1 { background: #005375; position: relative; top: 0; z-index: 999; width: 100%; } .post-11 .slick-list{padding-bottom:25px} .post-11 .slick-dots{eft: 51%;bottom:0} .post-11 .slick-dots li{width:10px;height:10px;margin:0 5px} .main2 .inner{padding:20px 0 120px} .main3 .inner{padding:20px 0 } .main4 .inner{padding-bottom:40px} .post .tt .tit{font-size:22px} .rili2 .news_list li.news .news_title,.rili .news_list li.news .news_title,.post-32 li.news .news_title{font-size:16px;} .rili2 .news_list li.news .news_text{font-size:15px;line-height:24px} .rili2 .news_list li.news .news_title{margin-bottom:3px} .post-32 li.news{padding:20px 15px} .rili2 .news_list li.news:before{background-size:contain} .post-41 li.news{float:none;width:auto;margin:0 auto 10px} .post-41 .news_box,.post-41 ul{margin:0 auto} .post-41 .news_title,.post-41 .news_text{height:auto} .article,.infobox .latest{float:none;width:auto;margin-bottom:20px} #footer .inner {padding: 25px 0px 15px;} #footer .inner .foot-left{float:none;} #footer .inner p{text-align:center;font-size:14px} #footer .inner .foot-right .foot_wz{flex: 0 0 100%;text-align: center;margin: 0 auto 15px;} #footer .inner .foot-right .flinks .news{display:inline-block;width:40%;} #footer .inner .foot_wz ._tt{margin-bottom: 6px;} .mbanner .focus-pagination {display:none;} /*栏目图片*/ .l-banner{ height:125px} .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_metas .col_path{height:auto; white-space: normal;line-height:22px;font-size:15px} .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_news_list .news_list li.news .news_title{padding-left:10px;margin-right:100px} .col_news_con .news_list li.news .news_meta{font-size:15px} .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 {padding:10px 0;font-size:16px} .col_news_con .news_list li.news span.news_title { }/*标题*/ .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;} .article{margin-bottom:40px} .infobox { width:auto;padding:20px 0; margin:0 10px; } .article .arti_metas{margin-top:0;} .infobox .news_list li.news{padding:5px 0 5px 10px} .infobox .news_list li.news .time{margin-bottom:10px} .infobox .news_list li.news .news_title{font-size:16px} .col_news_list .wp_entry img, .article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/ /*组织机构*/ .inss .part_xy .sub-list .sub-item{width:50%;} } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 479px) { .shares li img{width:100px;height:100px} .article .arti_metas>span{display:block} #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%;} } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 319px) { }