﻿@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (max-width: 1440px) {
	.focus-prev { margin-left: -660px;}
	.focus-next { margin-right: -660px;}
	.loginbox { margin-left: 120px;}
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {
	
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
	.main-nav-panel .menu .menu-item a.menu-link { padding:0 4px;}
	.focus-navigation { visibility: hidden;}
	.footer .inner .footer .copyright,.footer .inner .footer .address { display: block;}

	/**主体布局**/
	.wrapper {}
	.main-page .content,.main-page .sidebar { width: 100%; float: none;}
	.post .post-head .head-bar,.post .post-body {margin:0 6px;}
	.post-head-m{display: block;}
	.wrapper .column-box {display: block;
		padding-top: 15px;padding-left: 15px; padding-right: 15px;}
	.container .inner{background: #fff;}
	/**搜索框**/
	.course-search {width: 100%;height: 35px;margin: 0 auto;margin-bottom: 12px;}
	.course-search input{width: 100%; height: 35px;padding: 10px 16px 10px 30px;font-size: 14px;line-height: 1.33;box-sizing: border-box;
		background: #fff url("/webapps/bb-silkV-bb_bb60/dist/images/icon_search.png") 8px center no-repeat; background-size: 15px 15px; border: 1px solid #dadada; }
	/**栏目列表**/
	.column-menu { width: 100%; float: none; margin: 0 auto;border:0;}
	.column-news {float: none;}
	.column-news .column-news-box { margin: 0 6px;}
	.column-head .column-anchor {padding: 6px;}
	.column-head .column-anchor .column-switch { display: block;}
	.column-head .column-anchor h3.anchor-title { font-size: 16px;}
	.column-list-wrap li a { background-position: 10px 14px;}
	.column-list-wrap li a,.column-list-wrap li.selected a.selected { background-position: 10px 14px;}
	.column-list-wrap li a span { padding-top: 6px; padding-bottom: 6px;}
	.column-body { display: none;}
	.list-meta .column-title {font-size: 16px; }
	.info-box {margin:0 14px;}
	.article { padding: 10px 0;}
	.article h1.arti-title { padding: 5px 0;}
	.logo-panel { width:25%;}
	.login-min{display: none;}
	.logo-window img { width:100%;}
	.navi { width:70%; margin-top: 30px;}
	.main-nav-panel .menu .menu-item {margin: 0px 6px;}
	.main-nav-panel .menu .menu-item a.menu-link { padding: 0;font-size: 18px;}
	.column-news-list { min-height: 20px;}
	.loginbox{margin-left: 0;}
	.logintext{margin-top: 0;vertical-align: top;}
	#saveUsername{margin-top: 0;}
	.tab1{display: none;}
	.tab2{margin: 10px auto 20px;width:100%;background:#c91f20;display: block;}
	.tab-menu2 li{width:25%;box-sizing: border-box;background: #f5f5f5;padding-top:15px;text-align: center;float:left;padding-bottom:10px;}
	.tab-menu2 li.active{background:#c91f20;display: block;}
	.tab-menu2 li img{}
	.tab-menu2 li p{margin-top: 12px;}
	.tab-menu2 li.active p{color:#fff;}
	.tab-content2{padding:10px;}
	.tab-con{padding: 12px;background: #510f11;display: none;min-height: 344px;box-sizing: border-box;}
	.tab-con ul li {padding: 6px 0; line-height:20px;}
	.tab-con ul li a{color:#fff;font-size:14px;}
	.course-box{display: flex;margin-bottom:8px; background: #c91f20;}
	.course-img{width:120px;}
	.course-img img{vertical-align: top;}
	.course-content{flex:1;color:#fff;padding: 10px 20px 8px; box-sizing: border-box;}
	.tab-con .more{text-align:right; margin-bottom: 10px;}
	.tab-con .more a{color:#fff;font-size:14px;}
	.course-content h3 a{color:#fff;font-size:14px;}
	.course-content p{padding-top: 10px; color:#fff; overflow: hidden;}
	.course-content p span{padding-left: 12px;font-size: 12px;}
	.course-content .teacher{float:left;background: left 1px url("/webapps/bb-silkV-bb_bb60/dist/images/tea.png") no-repeat; background-size:10px 9px;}
	.course-content .visitors2{float:right;background: left center url("/webapps/bb-silkV-bb_bb60/dist/images/eye.png") no-repeat; background-size:10px 8px;}
	.pic-li{width: 23%;margin-right: 2.2%;margin-top: 10px;min-height: 155px;}
	.news-mc{margin-top: 5px;margin-bottom: 15px;}
	.post .post-head{margin-bottom: 0; height:36px;}
	.post .post-head img {
		max-width: 300px;
		width: 100%;
	}
	.footer{margin-top: 5px;}
	.footer .inner {padding:0 15px;}
	.footer .inner .footer {margin: 0 15px;}
	.foot-r .info {width: 100%;}
	.foot-r .info h3{font-size: 20px;}
	.foot-r .info p {font-size: 16px;}
	.pic-li > p{display: none;}
	.pic-li .info{line-height: 25px;}
	.pic-li .info > p{display: block;float:left;padding-left: 10px;margin-top: 7px;}
	.pic-li .info > p img{width:14px; height: 14px;margin-right: 9px;float:left;}
	.column-menu-title {display: none;}
	.column-menu ul {padding:0;}
	.column-menu ul li {width: 50%;box-sizing: border-box;line-height: 1;}
	.column-menu ul li a{ display: inline-block;padding:15px;}
	.column-menu ul li.active a{color: #fff;background-color: #c91f20;}
	.blank{height:8px;width:100%;background-color: #f5f5f5;display: block;}
	.bread-crumbs{display: none;}
	.course-list{margin-top: 10px;}
	.course-select{display: none;}
	.column-content{margin-left: 0;}
	.course-list .pic-li{width:48%;margin-right: 2%;margin-top: 8px;}
	.course-list .pic-li:nth-child(2n) {margin-right:0 !important;}
	.course-list .pic-li:nth-child(3n+3){margin-right: 2%;}
	.wrapper .column-box{padding-bottom: 28px;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
	body,p { font-size: 16px;}
	a { font-size: 16px;}
	.navi { margin-top:0px;}
	.column-nav { padding: 0px 15px;}
	.header .inner {margin: 0px;}
	.post .post-head .post-title { font-size: 18px; font-weight: bold;}
	.post-news .news-item { height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc;}
	.post-news .news-item .meta-title,.column-news-list .column-news-item .column-news-title { margin-right: 0;}
	.post-news .news-item .news-date-hide,.column-news-list .column-news-item .news-date-hide { display: none;}
	.header { padding: 0;}
	.navi { display: none;}
	.container { padding: 0 10px; width: auto;}
	.navi-slide { display: block; background-color: #eee; width:100%;}
	.navi-slide .navi-slide-head { display: none;}
	.navi-slide .menu { display: none;}
	.main-nav-panel .menu .menu-item { display: block; float: none; border-top: 1px solid #ddd; overflow: hidden; }
	.main-nav-panel .menu .menu-item a.menu-link { display: block; height: 39px; line-height: 39px; padding:0 18px; color: #222; font-size: 15px; background-color: #fff; border-radius:0px;}
	.main-nav-panel .menu .menu-item a.menu-link:hover { text-decoration: none; color: #fff; background-color:#299be3;}
	.main-page .content .cbox-left,.main-page .content .cbox-right{ width: 100%; float: none;}

	.header .panel {margin:0; float: none; clear: both; width: auto;}
	.header .search-panel { margin-bottom: 10px;}
	.header .logo-panel { position: relative; }
	.header .navi-aside-toggle-show { display: block;}
	.logo-window { width: auto; margin:0 40px; padding: 15px 0; text-align: center;}
	.logo-window img {width: 100%; max-width: 186px;}
	.lang-panel,.top-nav-panel { display: none;}

	.info-page .search-panel,.info-page .top-nav-panel,.column-page .search-panel,.column-page .top-nav-panel { display: none;}
	.banner {border-top:1px solid #DFBA5D}
	.banner .column-name { display: block;}
	.list-meta .column-path,.list-meta .column-title { float: none;}
	.list-meta .column-title { display: none;}
	.list-meta .column-path { padding-left: 24px; background: url(img/sitemap-icon.png) no-repeat 0 4px;}
	.list-meta .column-path .path-name { display: none;}
	.wp_paging .pages_count,.wp_paging .page_jump { display: none;}

	.info-box {margin:0 10px;}
	.article { padding: 6px 0;}
	.article .arti-metas span { font-size: 14px;}
	.article .arti-metas .read-options { display: inline-block;}
	.wp_entry,.wp_entry p,.article .entry,.article .entry p { font-size: 16px;}
	.foot-l {width: 50%;}
	.foot-m {width: 50%;}
	.foot-r { float:right; width:50%; box-sizing:border-box;text-align:left;}
	.footer .inner .footer {margin: 0 15px;}
	.foot-r .info {width: 100%;}
	.foot-r .info h3{font-size: 20px;}
	.foot-r .info p {font-size: 16px;}
	.focus-navigation { display:none;}
	.loginbox {background: #fff; position:inherit; left:0px; top:0px; margin-left:0px; margin-top:0px; border-radius:0px; z-index:100;}
	.login-tt {padding: 12px 0;float:left}
	.visitors {float:right;padding-top: 16px;}
	.login-r {display: none;}
	.login-user,.login-pw { width:auto; margin-bottom: 10px;}
	.lg-user {width: 14%;}
	.lg-pw {width: 14%;}
	.lg-mm {padding: 0 0 12px;float:right;}
	.loginm { width:auto; height:auto; margin:0px;padding: 0px 10px;}
	.formtext{width: 82%;padding-left:4%;}
	.logintext{margin-top: 0;vertical-align: top;}
	#saveUsername{margin-top: 0;}
	.hide {display: none;}
	.mm-l {display: none;}
	.login{display: none;}
	.login-min {width: 100%;height:36px;color: #FFF; font-size:16px; background:#bf1c1d;border: none;margin-top: 8px;display: block;}
	.login-con { padding-bottom:15px;}
	.wap-focus { display:block;}
	.fcous-panel { display:none;}
	.tab1{display: none;}
	.tab2{margin: 10px auto 20px;width:100%;background:#c91f20;display: block;}
	.tab-menu2 li{width:25%;box-sizing: border-box;background: #f5f5f5;padding-top:15px;text-align: center;float:left;padding-bottom:10px;}
	.tab-menu2 li.active{background:#c91f20;display: block;}
	.tab-menu2 li img{}
	.tab-menu2 li p{margin-top: 12px;}
	.tab-menu2 li.active p{color:#fff;}
	.tab-content2{padding:10px;}
	.tab-con{padding: 12px;background: #510f11;display: none;min-height: 344px;box-sizing: border-box;}
	.tab-con ul li {padding: 6px 0; line-height:20px;}
	.tab-con ul li a{color:#fff;font-size:14px;}
	.course-box{display: flex;margin-bottom:8px; background: #c91f20;}
	.course-img{width:120px;}
	.course-img img{vertical-align: top;}
	.course-content{flex:1;color:#fff;padding: 10px 20px 8px; box-sizing: border-box;}
	.tab-con .more{text-align:right; margin-bottom: 10px;}
	.tab-con .more a{color:#fff;font-size:14px;}
	.course-content h3 a{color:#fff;font-size:14px;}
	.course-content p{padding-top: 10px; color:#fff; overflow: hidden;}
	.course-content p span{padding-left: 12px;font-size: 12px;}
	.course-content .teacher{float:left;background: left 1px url("/webapps/bb-silkV-bb_bb60/dist/images/tea.png") no-repeat; background-size:10px 9px;}
	.course-content .visitors2{float:right;background: left center url("/webapps/bb-silkV-bb_bb60/dist/images/eye.png") no-repeat; background-size:10px 8px;}
	.post-news .news-item .meta-title a {    white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; display: block;}
	.post .post-head{margin-bottom: 0; height:25px;}
	.post .post-head img {
		max-width: 200px;
		width: 100%;
	}
	.pic-li {margin-right: 2%; margin-top: 8px;}
	.pic-li h1 { padding:5px 0; line-height:14px;}
	.pic-li > p {text-indent: 10px;padding-top: 5px; display: none;}
	.pic-li .info{line-height: 25px;}
	.pic-li .info > p{display: block;float:left;padding-left: 10px;margin-top: 7px;}
	.pic-li .info > p img{width:12px; height: 12px;margin-right: 9px;float:left;}
	.container .inner {padding-top: 0px;}
	.news-mc {margin: 6px 0 15px;}
	.main-page .sidebar { margin-top:10px;}
	.pic-li { width:48%;}
	.post-pic .pic2, .post-pic .pic6 {margin-right: 0px;}
	.jpkc-menu span {line-height: 25px;height: 54px;}
	.jpkc-con span { font-size:14px;display: block;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.jpkc-con span a { font-size:14px;}
	.menu3 { width:28%;}
	.menu4 { width:17%;}
	.fw-sub-nav li a { padding: 0px 10px 8px 10px;}
	.list-tt { line-height:60px;}
	.column-news-con { padding:0px;}
	.fw-con li { position:relative;}
	.fw-nav ul { padding:0px 10px;}
	.fw-nav ul li { width:auto; text-align:left;}
	.fw-nav ul li a { padding-top: 8px; background:none;}
	.fw-con .con-n { position:absolute; width:24px;}
	.fw-con .con-tt { margin-left:27px;}
	.pic-li {}
	.pic-li img {max-height: 125px;}

	.footer{margin-top: 0;padding-top:0;}
	.footer .inner{padding:30px 15px;}
	.wrapper .column-box {display: block;
		padding-top: 15px;padding-left: 5px; padding-right: 5px;}
	/**搜索框**/
	.course-search {width: 100%;height: 35px;margin: 0 auto;margin-bottom: 12px;}
	.course-search input{width: 100%; height: 35px;padding: 10px 16px 10px 30px;font-size: 14px;line-height: 1.33;box-sizing: border-box;
		background: #fff url("/webapps/bb-silkV-bb_bb60/dist/images/icon_search.png") 8px center no-repeat; background-size: 15px 15px; border: 1px solid #dadada; }
	.course-list .pic-li{min-height: 185px;}
	#wp_paging_w9{text-align: center;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
	.info-box {margin:0 6px;}
	.foot-l {width: 50%;}
	.footer .inner .footer { margin: 0 15px 0 40px;}
	.foot-m {width: 80%; margin-left: 40px;}
	.WP_VisitCount {width:55%; padding-right:0px}
}
@media screen and (max-width: 360px) {
	.WP_VisitCount {width:45%;}
	}
@media screen and (max-width: 426px) {
	/*.course-list .pic-li {min-height: 150px;margin-right:0.7%;}
	.course-list .pic-li:nth-child(2n) {margin-right:0 !important;}
	.course-list .pic-li:nth-child(3n+3){margin-right: 0.7%;}*/
	.course-list .pic-li {min-height: 140px;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
	.top-nav-panel .menu .menu-item a.menu-link { font-size: 14px; height: 28px; line-height: 28px;}
	.footer .inner .footer .address,.footer .inner .footer .zipcode { display: inline;}
	.foot-l img {width: 100%;}
	.footer .inner .footer .icp { display: block; }
	.course-list .pic-li {min-height: 150px;}
}