@charset "utf-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

@media screen and (max-width: 1440px) {
	
	.inner{width:100%}
	.mod{padding:0 20px;}
	.mbanner .swiper-button-prev {left:40px; width:60px; height:60px; margin-top:-30px;}
	.mbanner .swiper-button-next {right:40px; width:60px; height:60px;margin-top:-30px;}
	.main1 .ml{width:calc(100% - 384px);}
	.main1 .ml_01{ width:calc(66% - 24px);}
	.main1 .ml_02{ width:34%}
	.post3{width:calc(50% - 20px);}
} 
@media screen and (max-width: 1280px) {
	.header .head-left,.navbar-left{ width:530px;}
	.post_bt .tt{ height:42px;}
	.post1_title,.ml_02 li .post2_title,.post2_con .post2_title,.post3_con li .post3_title,.post4_con li .post4_title,.post3_news .title{ font-size:18px;}
}



@media screen and (max-width: 1200px) {
	.nav .wp-menu .menu-item a.menu-link{ padding:0 10px;}
	.nav .sub-menu .sub-item a{ padding:0;}
	#l-container{ padding-top:40px;}
	
	
	.xuezi_list li .news_info .bt{font-size:2rem;}
	
	.col_menu .col_menu_head h3.col_name .col_name_text{line-height:70px;}
	.col_menu .col_menu_head h3.col_name{ font-size:2.4rem;}
	.col_metas .col_title{height:55px;}
	.col_metas .col_title h2{ line-height:33px; padding:11px 0; font-size:2.4rem;}
	.col_metas .col_path {height:55px;line-height:33px; padding:11px 0; }
	.col_news_head{ margin-bottom:20px;}
	
	
	.col_list .wp_listcolumn .wp_column a.selected span.column-name:after{ width:6px; height:11px;}

	
	.article h1.arti_title { line-height:1.6;font-size:2.4rem;}
	.article h2.arti_title {line-height:1.8;font-size:1.6rem; }
	
	.scene-listcon li{ width:50%}

}
/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.head-top{ height:auto; padding:18px 0;}
.header .head-left{ float:none;display:inline-block; text-align:center; width:500px;}
.header .sitelogo{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; margin:0 auto; float:none;}
.header .head-right{float:none; width:100%; margin-top:20px; padding-bottom:0;}
.search-panel{ float:none; padding-top:40px; width:100%;}
.searchbtn{ display:none;}
.search-window,.wp-search{width:100%; margin:0;}
.wp-search{height:44px;}
.wp-search .search-input{ background:#fff;}
.wp-search .search-input input.search-title{ color:#333;height:36px; line-height:36px; font-size:1.4rem}
.wp-search input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;-webkit-text-fill-color: #333;}
.sousuo_btn{ z-index:10;}
.wp-search form,.wp-search .form{ padding-right:48px;height:44px;}
.wp-search .search-input{height:44px; padding:4px;}
.wp-search .search-btn,.wp-search .search-btn .search-submit{ height:44px; width:48px; border-radius:0;}
.wp-search .search-btn .search-submit{background-size: 25px 25px;}

.wp-search .search-k{width:calc(100% - 60px);height: 44px;line-height: 44px;font-size: 1.4rem;}
.wp-search .addbtn{width:48px; height:44px;}
.wp-search .addbtn .search-submit { width: 48px; height: 44px; background:url(../images/search.png) no-repeat center; background-size:25px 25px; cursor: pointer; }


.navi-aside-toggle,.navi-aside-search {display: block;}
/*导航样式：后台绑定时也可以定义配置*/
.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: 1.4rem; }
.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: 1.4rem;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;}

.min-h2{ min-height:auto;}
.main1,.main2{ padding:50px 0;}
.main1 .ml_02{ width:40%;}
.main1 .ml_01{ width:calc(60% - 24px);}
.main3{ padding-top:50px;}
.main1 .ml,.main1 .mr{ width:100%; float:none}
.main1 .mr{ margin-top:40px;}
.post3{ width:100%}
.post3:last-child{ margin-top:40px;}

.post5 .swiper-slide{ height:288px;}
.post5 .tu_boxcon{ height:296px;}
.post5 .tu_box{ width:240px;height:140px;margin-bottom:8px;}
.post5 .tu_box:nth-child(3){ width:calc(100% - 510px);margin:0 12px; height:288px}


/*内页*/
.col_path2{ height:50px;}
#d-container{ padding:20px;}
#d-container .inner{ padding:25px 10px 20px;}    
.col_metas .col_title h2{ font-size:2rem;}


}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */

@media screen and (max-width: 820px) {
	
.navbar-left{width:360px;}
#l-container{ padding-top:0;}
#l-container .mod{ padding:0;}
.d-container{ background:none}
.d-container .col_news_con{ background:#fff}
.d-container .col_news_con .article{ padding:20px 10px;}
.col_list .wp_listcolumn{ padding:0;}
.column-switch {display:block;}
.col_menu .col_menu_head{ top:0; position:relative;}
.col_menu .col_menu_head_01:before,.col_menu .col_menu_head_02:before{ width:36px; height:38px; top:2px;}
.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:42px;font-size: 1.8rem; padding-left:18px;}/**栏目名称图标**/
.col_menu {width: 100%;float:none;margin-right:0px;position:relative;} 
.col_menu .col_menu_con{display:none;position: absolute;z-index: 40;left: 0;right: 0; top:42px;background: #fff;border-radius: 0 0 12px 12px;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5); padding: 0px; overflow:hidden}
.col_menu .col_menu_con .col_tu{ display:none}

.col_list .wp_listcolumn .wp_column a{ font-size:1.6rem;padding:5px 0;}

.col_metas{ padding-top:10px;}
.col_metas .col_title h2 {font-size:1.8rem;}/**当前栏目名称**/
.col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/
.col_news .col_news_box{margin:0px;padding:0 15px;}
.col_news_box2{margin:0px;padding:20px 15px;}


.col_news_list .wp_entry img,
.article .entry .read img{max-width:100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/

}



@media screen and (max-width: 768px) {
html{font-size:60.05%;}
body{font-size:1.4rem;}
.main1 .ml_02,.main1 .ml_01{ width:100%;}
.main1 .ml_02{ margin-top:20px;}
.post1_con .news_pho{ height:auto; padding-top:70%}
.post1_title, .ml_02 li .post2_title, .post2_con .post2_title, .post3_con li .post3_title, .post4_con li .post4_title, .post3_news .title{ font-size:16px;}
.post5{ display:none}
.post6{ display:block}

.navbar-right{ width:100%; margin-top:20px;}
}

@media screen and (max-width: 720px) {
.header .head-left{ width:360px;}
.header .sitelogo .logo{ width:100%;}
.header .sitelogo .site_name{ font-size:3rem; line-height:52px;}

}

	
@media screen and (max-width: 596px) {

.col_path2{height:40px; font-size:1.3rem}
.col_metas .col_title{ height:43px;}
.col_metas .col_title h2{font-size:1.6rem; padding:5px 0;}
.article_list .date{ width:100px;}
.article_list .info{width: calc(100% - 120px);}
.scene-listcon li a{ padding:0;}
.infobox{ padding:20px}
.article h1.arti_title {font-size:1.8rem;}
.article h2.arti_title {font-size:1.5rem; }
.article .arti_metas{font-size:1.4rem; }


}
@media screen and (max-width: 540px){
.header .sitelogo{ justify-content: flex-start; -webkit-justify-content: flex-start; }
.header .head-left{ width:280px;}
.header .sitelogo .site_name{ font-size:2rem;}
.navi-aside-toggle{top:20px;}

}
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {

}
@media screen and (max-width: 440px) {

.navbar-left{width:90%;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <350
 */
@media screen and (max-width: 350px) {

}