@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200) {
	.fluidHeight {height:360px;}
.sliderContainer {max-height:360px;}
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1299px) {
	
	.nav h3 a { margin: 0 23px;}
	.news_list li.news span.news_meta img { width:100%;}
	.mod2 .mc .news_tit { word-break: break-all; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.mod3 .mrr {width: 50%;
   float: right;
    margin-top: 20px;}
	.mod4 { width: 91%; height: auto; float: left; padding: 0 4.5%;}
	.xinx { width: 66%; float: right;}
.col_menu { padding-left: 50px;}
.col_news { padding-right: 50px;}

div#banner,
.fluidHeight,
.sliderContainer,
.iosSlider {height:360px!important;}
}
 
@media screen and (max-width: 1199px) {
.rr {
    float: right;
    width: 51%;
    margin-left: 10px;
}
	.mod1 { width: 97%; padding: 0 1.5%; padding-top: 20px; padding-bottom:20px;}
	.mod2 {width: 97%;padding: 15px 1.5% 15px; height: auto;}
	.mod3 {width: 97%; height: auto; padding: 15px 1.5% 1%;}
	.mod4 { width: 97%; padding: 0 1.5%; height: 170px;    width: 97%;
    padding: 0 1.5%;
    height: auto;
   }
	.logo-panel { width: 28%;}
	.logo-window { margin-left: 15px;}
	.logo-window img { width:100%; vertical-align: middle;}
	.top { width: 60%;}
	.top_link_r { margin: 0px 0% 18px 0;}
	.top_link_l { margin-right: 35px;}
	.nav .i1 { margin-left: 0px;}
	.nav h3 a { margin: 0 15px;}
	.navcon .sub .textcon{ display:none;}
	.mod1 { height: auto; padding-top: 20px; padding-bottom: 20px;}
	.news_list li.news span.news_meta img { width:100%; height:auto;}
	.mod1 .mr .news_list li.news.n4,.mod1 .mr .news_list li.news.n5 {}
	.mod2 .mc .news_list li.news { width: 45%;}
	.mod2 .mc .news_list li.news.n1,.mod2 .mc .news_list li.news.n3,.mod2 .mc .news_list li.news.n5 { padding-left: 0;}
	.mod2 .mc .news_list li.news.n4 { padding-left: 5%;}
	.mod3 .mll { width: 42%; float: left;}
	.mod3 .mrr { width: 55%; float: right;}
	.mod3 .mll .news_article { width: 76%; float: left; padding-left: 22px;}
	.shenf { top: 0;}
	.xinx { width: 100%; float: right;}
	.tools-panel { width: 35.8%; float: left; padding-top: 100px;}
	.tools-panel { width: 35%; float: left; padding-top: 100px; padding-left: 5%;}
	.mod4 .right { width: 60%; float: right;}
	.mod4 .right .mccc { width: 40.6%; float: left; text-align: center;}
	.mod4 .right .mrrr { width: 56.8%; float: right; padding-top: 45px;}
	.col_menu {width: 205px;float: left;padding-left: 10px;padding-top: 30px;padding-bottom: 30px;}
	.col_news {float: right;padding-top: 30px;padding-bottom: 30px;padding-right: 20px;width: 760px;}
	.mod4 .right .mccc .post-36 img { width: 100%;}
}

@media screen and (max-width: 1100px) {
	.mod3 .mrr { width: 56%; float: right;}
	#necker {
    display: block;
}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
.mod4 .right .mrrr .wp_nav .nav-item a span.item-name {
    padding: 5px 3px;
  
}

.mod4 {
    background: url(img/bt.png) no-repeat top center;
    margin: 30px 0;
}
	.main-nav-panel .wp-menu .menu-item a.menu-link { padding:0 4px;}
	.focus-navigation { visibility: hidden;}
	.wp-footer .wp-inner .footer .copyright,.wp-footer .wp-inner .footer .address { display: block;}

	/**主体布局**/
	.wp-main-page .content,.wp-main-page .sidebar { width: 100%; float: none;}
	.wp-post .post-head .head-bar,.wp-post .post-body {margin:0 6px;}	
	/**栏目列表**/
	.wp-column-menu { width: 100%; float: none; margin: 0;}
	.wp-column-news {float: none;}
	.wp-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 {}
	.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;}
	.nav h3 a { margin: 0px 10px; padding: 0px 12px;}
	.mod3 .mll { width: 100%; float: left;}
	.mod3 .mrr { width: 100%; float: left;}
	.announce-item .layer-box { display: none; position: absolute; display: none; bottom: 35px; right: 0; left: 0%; z-index: 1000000;    }
	.navcon .sub .imgs { float: left; margin-top: 4px; margin-left: 0; padding: 15px 3% 15px 2%; margin-right: 0;}
	.navcon .sub .subnav { float: left; width: 460px; padding: 28px 0px 15px 0px;}
	.navcon .sub li { width: 120px;}
	.mod1 .mr { width: 51%; float: right;}
	.mod1 .mr .news_list li.news.n4,.mod1 .mr .news_list li.news.n5 { display:none;}
	.tools-panel {width: 320px;
    float: none;
    padding-left: 5%;
    padding: 0;
    margin: 0 auto;
    margin-top: 40px;}
#announce-wrap li.announce-item {
    width: 33.3%;
}.layer-box {
    width: 100%;
}
	.mod4 .right { width: 320px;
    float: none;
    margin: 0 auto;}
	.mod4 .right .mccc {     width: 320px; margin: 0 auto;
    float: none;}
.mod4 .right .mccc .post-36 {
    padding-top: 15px;
}
	.mod4 .right .mrrr { width: 100%; float: right; padding-top: 10px;}
	.mod3 .mrr .post.post-25.mbox { max-width:100%;}
ul#d1 .news_imgs {
    max-height: inherit;
    overflow: hidden;
}
	.logo-panel { width: 38%;}
	.shenf { top: 0; right: 0; left: auto;}
	.shenf .wp_nav .nav-item a span.item-name { line-height: 20px;}
	.xinx .wp_nav .nav-item a span.item-name { line-height: 20px;}
	.top_link_r { width: 100%; margin: 30px 0% 10px 0;}
	.xinx { width: 66%; float: right;}
	
	.col_menu {width: 205px;float: left;padding-left: 10px;padding-top: 30px;padding-bottom: 30px;}
	.col_news {float: right;padding-top: 30px;padding-bottom: 30px;padding-right: 15px;width: 520px;}
	div#banner,
.fluidHeight,
.sliderContainer,
.iosSlider {height:260px!important;}
}

/**
 * [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;}
	.wp-header .wp-inner {margin: 0 6px;}
	.wp-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;}
	.wp-header { padding: 0;}
	.wp-navi {}
	.wp-navi-slide { display: block; background: #DDE6D8;}
	.wp-navi-slide .navi-slide-head { display: block;}
	.wp-navi-slide .wp-menu { display: none;}
	.main-nav-panel .wp-menu .menu-item { display: block; float: none; border-top: 1px solid #ddd; overflow: hidden; }
	.main-nav-panel .wp-menu .menu-item a.menu-link { display: block; height: 39px; line-height: 39px; padding:0 18px; color: #222; font-size: 15px; background-color: #fff; }
	.main-nav-panel .wp-menu .menu-item a.menu-link:hover { text-decoration: none; color: #fff; background-color: #0C3C74}
	.wp-main-page .content .cbox-left,.wp-main-page .content .cbox-right{ width: 100%; float: none;}

	.wp-header .wp-panel {margin:0; float: none; clear: both; width: auto;}
	.wp-header .search-panel { margin-bottom: 10px;}
	.wp-header .logo-panel { position: relative; }
	.wp-header .navi-aside-toggle-show { display: block;}
	.logo-window { width: auto; margin:0; padding: 10px 0; text-align: center;}
	.logo-window img {width: 95%;}
	.lang-panel,.top-nav-panel { display: none;}

	.wp-info-page .search-panel,.wp-info-page .top-nav-panel,.wp-column-page .search-panel,.wp-column-page .top-nav-panel { display: none;}
	.wp-banner {border-top:1px solid #DFBA5D}
	.wp-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;}
	.tools-panel { }
	.nav h3 a { margin: 0px 8px; padding: 0px 12px;}
	.xinx { width: 83%; float: right;}
	.logo-panel { width: 45%; padding-top: 0px;}
	.top { width: 50%;}
	.mod4 { width: 100%; height: auto; padding: 0;}
	.mod4 .right .mrrr { width: 100%; float: right; }
	.navcon .sub .subnav { float: left; width: 410px; padding: 28px 0px 15px 0px;}
	.onclkss { display:block; position: relative; z-index: 1000;}
	.col_menu { display:none;}
	.col_news { width:96%; padding:20px 2%;}
	.mod1 .mr .news_article { width: 78%; float: right;}


		div#banner,
.fluidHeight,
.sliderContainer,
.iosSlider {height:200px!important;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.ll {
    float: none;
    width: 100%;
}
.rr {
    float: none;
    width: 100%;
    margin-left: 0px;
}
#footer .inner p a {
    font-size: 12px;
}
	.info-box {margin:0 6px;}
	#header { background: #006D33;}
	#header .inner { height: auto;}
	.top { width: 100%; height: auto;}
	.links { width: 100%; height: auto;}
	.logo-panel { width: 86%; padding-top: 0px; padding-left:7%;}
	#keyword { width: 340px !important;}
	.nav h3 a { margin: 0px 5px; padding: 0px 12px;}
	.navlist { display: none;}
	.mod1 .ml { width: 100%; float: left;}
	.mod1 .mr { width: 100%; float: left;}
	.top_link_r { height:auto;}
        .shenf{right:auto;left:0}
        .xinx{width:100%;float:left}
	.top_link_l { margin-right: 35px; width: 80%; margin: 0 10%;}
	.mod2 .mc .news_list li.news { width: 100%; padding: 0;}
	.mod4 { width: 97%;  height: auto;}
	.tools-panel {}
	#announce-wrap { margin-bottom: 0px;}
	.mod4 .right {}
	.mod4 .right .mrrr { padding-top: 0px;}
	.nav h3 a { height: 30px; line-height: 30px; font-size: 14px;}
	p.a1 { width: 40%;}
	p.a2 { width: 56%;}
	p.a3 { width: 18%;}
	p.a4 { width: 18%;}
	p.a1 img {width:100% !important;height: auto !important;}
	p.a2 img { width:100% !important; height: auto !important;}
	p.a3 img { width:100% !important; height: auto !important;}
	p.a4 img { width:100% !important; height: auto !important;}
	.mod1 .mr .news_list li.news.n4,.mod1 .mr .news_list li.news.n5 { display:block;}
	.mod2 .mc .news_list li.news.n4,.mod2 .mc .news_list li.news.n5,.mod2 .mc .news_list li.news.n6 { display:none;}
	#footer .inner p br { display:block;}

		div#banner,
.fluidHeight,
.sliderContainer,
.iosSlider {height:180px!important;}

}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 376px) {
	#keyword { width: 300px !important;}
	.mod1 .mr .news_article { width: 78%; float: right;}
#announce-wrap li.announce-item {
    width: 30%;
}
}
@media screen and (max-width: 343px) {
.mod3 .mll .news_article {
    width: 72%;
}
.mod4 .right .mrrr .wp_nav .nav-item a span.item-name {
    padding: 5px 2px;
    line-height: 25px;
}	
} 
@media screen and (max-width: 339px) {
	.top-nav-panel .wp-menu .menu-item a.menu-link { font-size: 14px; height: 28px; line-height: 28px;}
	.wp-footer .wp-inner .footer .address,.wp-footer .wp-inner .footer .zipcode { display: inline;}
	.wp-footer .wp-inner .footer .icp { display: block; }
	#keyword { width: 253px !important;}
.mod4 .right .mrrr .post-66 .wp_nav .nav-item a span.item-name {
    padding: 5px 5px;
    line-height: 25px;
}
}