@charset "UTF-8"; /** * [xLarge Screen for PC] * >=1200 */ /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1360px) { .wrapper .inner { width:98%; margin:0 auto; } .mbanner .swiper-container-horizontal .swiper-pagination-bullets{bottom:40px;left:100px;} .mbanner .swiper-num{bottom:40px;left:250px;} .main1{ padding-top:40px; padding-bottom:60px;} .main2{padding-top:50px; padding-bottom:70px;} .main3{padding-top:50px; padding-bottom:60px;} .main1 .ml, .main2 .ml, .main3 .ml{ width:48%} .main1 .mr, .main2 .mr, .main3 .mr{ width:48%} .news1 .pic{ width:320px;} .news1 .info{ width:calc(100% - 320px);padding: 24px 20px;} .post-21,.post-31,.main4 .post4{ width:calc(100% - 300px);} .tu_list{ width:180px;} .head-right { flex-direction: column; } .logo3 { align-self: flex-start; } } @media screen and (max-width: 1144px) { .wrapper .inner { width:100%; margin:0 auto;} .wrapper .inner .mod{width:auto;padding:0 8px;} .nav .sub-menu{min-width: 120px;} .news1 .pic{ width:280px;} .news1 .info{width:calc(100% - 280px);} .post-12 .news_list li a{ padding-left:100px;} .post-13 .news_list li a{ padding-left:90px;} .news2,.news3{ width:240px;} .news2 .swiper-num:before{left:-100px;} .post-21, .post-31, .main4 .post4{width:calc(100% - 260px);} .post-22 .news_list li a{ padding-left:160px;} .tu_list{ width:220px;} .tu_list:nth-child(4){ margin-top:20px;} } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 999px) { .navi-aside-toggle, .navi-aside-search {display: block;} .l-banner img{width:100%;height:100%;} .wrapper .inner .mod{width:auto;padding:0 12px;} #header .inner{ height:auto; padding-bottom:20px;} .header .head-left{float:none; width:90%; margin:0 auto; display:block; padding-top:22px;} .header .head-right{float:none; width:100%;clear: left;padding-top:22px;} .mbanner .swiper-container-horizontal .swiper-pagination-bullets{bottom:20px;left:60px;} .mbanner .swiper-num{bottom:20px;left:210px;} .main2{ background:#bcd6fa;} .main3{ background:#edf4ff;} .main1 .ml,.main2 .ml,.main3 .ml,.main1 .mr,.main2 .mr,.main3 .mr{ float:none; width:100%;} .main1 .mr,.main2 .mr,.main3 .mr{ margin-top:30px;} .tt .title{ width:100%; height:61px;} .title .bt1{height:60px; line-height:60px; font-size:24px;} .title .bt2{ margin-top:5px;font-size:16px;} .news1 .pic{ width:360px;} .news1 .info{width:calc(100% - 360px); padding:24px 40px;} .post-12 .news_list li a{ padding-left:120px;} .post-13 .news_list li a{padding-left:110px;} .post-22 .news_list li a{padding-left:170px;} .news2{ width:270px;} .post-21{width:calc(100% - 310px);} .news3{width:276px;} .post-31{width:calc(100% - 320px);} .main4 .post4{width:calc(100% - 290px);} .tu_list {width: 48%;} .tu_list:nth-child(3),.tu_list:nth-child(4){ margin-top:20px;} #nav{ display:none;} .wp-menu.nowrap{ -webkit-flex-wrap:wrap; -webkit-box-lines:single; -moz-flex-wrap:wrap;flex-wrap:wrap;} .wp-navi-aside .navi-aside-wrap li{ 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;} .logo3 .nowrap{ -webkit-flex-wrap:wrap; -webkit-box-lines:single; -moz-flex-wrap:wrap;flex-wrap:wrap; display: none; } .logo3{ display: none; } .searchbox{ width: 100% } } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 767px) { .main1,.main2,.main3,.main4{ padding-top:30px; padding-bottom:50px;} .news1 .pic,.news1 .info,.news2,.post-21,.news3,.post-31,.main4 .ml,.main4 .post4{ float:none; width:100%;} .news1{ height:auto;} .news1 .pic{height:60vw;} .news1 .info{padding:24px;} .news2 .swiper-wrapper{height:80vw;} .news2 .pic{height:60vw;} .news3 .tubox{height:40vw;} .post-21,.post-31{ margin-top:30px;} .tu_list{ margin-top:24px;} .news2 .swiper-num,.news2 .swiper-container-horizontal .swiper-pagination-bullets{ display:none;} /*栏目图片*/ .l-banner{height: 180px; text-align:center;} #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;} .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%;}/**文章阅读部分图片大小限制**/ .logo3{ display: none; } .searchbox{ width: 100% } } @media screen and (max-width: 720px){ #footer .foot_top{ padding-right:0;} #footer .foot-tu{ position:static; margin-top:20px; float:right;} } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 550px) { .news2 .pic{ height:56vw;} .news2 .news_text{text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} } @media screen and (max-width: 479px) { .article h1.arti_title {line-height: 28px;font-size:18px;} .article h2.arti_title {line-height: 28px;font-size: 16px;} } @media screen and (max-width: 375px) { } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 319px) { }