﻿@font-face {
	font-family: 'title';
	src: url('../font/title.eot') format('embedded-opentype'),
	url('../font/title.woff') format('woff'),
	url('../font/title.woff2') format('woff2'),
	url('../font/title.ttf') format('truetype'),
	url('../font/title.svg') format('svg');
}


.wrap_sub_banner{overflow: hidden;z-index: 1;position: relative;}
.sub_banner{padding-bottom: calc(305% / 19.2);height: 0;overflow: hidden;position: relative;background: center;background-size: cover;}
.sub_banner img{display: block;width: 100%;}

.content{position: relative;z-index: 2;padding-bottom: 57px;background: #f6f6f6 url(../images/sub.png) no-repeat center bottom/100% auto;}
.sub_content{position: relative;padding: 20px 0 0;}

.bread{line-height: 30px;position: relative;color: #333;margin: 0 0 23px;text-align: right;float: right;padding: 0 0 0 27px;background: url(../images/bread.png) no-repeat left center;}
.bread a{padding: 0 1px;display: inline-block;vertical-align: top;color: #333;}
.bread span{padding: 0}

.cur_channel{border-bottom: 1px solid #e0d6cb;padding: 0 0 23px;margin: 0 0 26px;}

.sub_menu_title{color: #9d7d61;line-height: 1.5em;padding: 19px 10px;position: absolute;bottom: 100%;left: 0;right: 0;background: url(../images/sub_menu_title.png) no-repeat center/cover;text-align: center;}

.sub_menu{}
.sub_menu .lv0{position: relative;padding: 0 0 97.7%;background: #f0eae5 url(../images/sub_menu.png) no-repeat bottom/100% auto;}

.sub_menu a{line-height: 1.5em;position: relative;font-size: 18px;color: #666666;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;padding: 14px 36px;display: block;border-bottom: 3px solid #fff;font-weight: bold;}
.sub_menu a.current,.sub_menu a:hover{color: #333;border-bottom: 3px solid #a91e17;background: #fff;}
.sub_menu a::before{content: '';display: block;background: url(../images/left_arrow.png) no-repeat center;width: 8px;height: 14px;position: absolute;right: 23px;top: 50%;transform: translateY(-50%);}
.sub_menu a.current::before,.sub_menu a:hover::before{background-image: url(../images/left_arrow2.png);}

.sub_left{width: 263px;float: left;position: relative;margin: 39px 0 0;}
.sub_right{margin: 0 0 0 290px;position: relative;min-height: 800px;}

@media screen  and (max-width:1640px){
	.sub_left{width: 230px;}
	.sub_right{margin: 0 0 0 250px;min-height: 600px;}

	.sub_menu a{font-size: 16px;}

}
@media screen  and (max-width:1280px){
	.sub_menu a{font-size: 14px;}
	.sub_right{min-height: initial;}

}
@media screen  and (max-width:996px){
	.wrap_sub_banner{position: relative;}
	.sub_banner{padding-bottom: 200px;}

	.sub_menu .t0{padding-top: 15px;padding-bottom: 15px;}

	.content .container{min-height: initial;}

	.bread{position: relative;margin-bottom: 0;}
	.bread a{}
	.bread a:first-child{}

	.sub_left{width: auto;float: none;margin: 0 0 10px;}
	.sub_right{margin: 0;}
	.sub_menu_title{position: relative;margin: 10px 0 0;padding: 5px 0;font-size: 25px;left: 0;}
	.sub_menu_title::before{content: '';display: block;border-top: 10px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}

	.sub_menu .lv0{display: none;margin: 0;padding-bottom: 15px;background: #f0eae5;}

	.cur_channel{padding: 0 0 10px;margin: 0 0 20px;}

	.sub_content{padding: 20px 0 0;}
	.content{padding: 0 0 30px;margin-top: 0;}

	.page_title{margin-bottom: 25px;padding-left: 110px;}

}
@media screen  and (max-width:767px){
	.wrap_sub_banner{}
	.sub_banner{padding-bottom: 120px;}
}


/* article_page_start */
.article_page{max-width: 1150px;margin: 0 auto;padding: 38px 0 0;}
.page_article{position: relative;padding: 13px 0 0;}
.article_page .cur_channel{font-weight: bold;position: relative;}
.article_page .cur_channel::before{content: '';display: block;background: #a91e17;width: 4em;height: 3px;position: absolute;left: 0;bottom: 0;}
.page_article_title {}
.page_article_title h3 { line-height: 1.4; color: #333; text-align: center;}

.article_author {text-align: center;margin: 21px 0 39px;padding: 8px 0 26px;line-height: 30px;position: relative;z-index: 2;color: #666;border-bottom: 1px solid #e0d6cb;}
.article_author span{line-height: 30px;margin: 0 18px;display: inline-block;vertical-align: top;background: no-repeat left center;}
.article_author span.ico1{background-image: url(../images/article_ico1.png);padding: 0 0 0 35px;}
.article_author span.ico2{background-image: url(../images/article_ico2.png);padding: 0 0 0 38px;}
.article_author span.ico3{background-image: url(../images/article_ico3.png);padding: 0 0 0 32px;}


.page_article .article {position: relative;text-align: justify;line-height: 2;}
.page_article .article p { }
.page_article .article { }

.annex {overflow: hidden;/* margin: 30px 0 0; */line-height: 24px;margin: 38px 0 20px;background: #eae6e1;padding: 17px 28px;}
.annex .annex_title{position: relative;height: 30px;line-height: 30px;float: left;}
.annex .list{margin: 0 0 -15px 85px;}
.annex li{margin: 0 0 14px;}
.annex a{position: relative;display: block;color: #333;padding: 3px 0 3px 20px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;background: url(../images/annex.png) no-repeat left center;display: block;word-break: break-all;color: rgb(0, 51, 153);text-decoration: underline;line-height: 24px;}
.annex a:hover{}

.article_bottom{padding: 25px 90px 39px;border-top: 1px solid #e0d6cb;overflow: hidden;}
.article_bottom a{width: calc(50% - 60px);color: #735435;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;}
.article_bottom a.next_article{float: right;}
.article_bottom a span{color: #666;}

@media screen and (max-width: 1640px){
	.article_bottom{padding: 20px 0 0;}
}
@media screen and (max-width: 996px){
	.page_article{margin: 0;}
	.page_article_title{padding: 0 0 10px;}
	.page_article .article{font-size: 15px;line-height: 1.8;}
	.article_author{margin: 0 0 20px;font-size: 12px;padding-bottom: 10px;}
	.article_author span{font-size: 14px;}
	.annex{margin: 20px 0 0;padding: 6px 16px;}
	.article_bottom a{width: 80%;padding: 0 0 15px;}
}
@media screen and (max-width: 767px) {
	.page_articleTitle{margin: 0 0 16px;padding-bottom: 0;}
	.article_author span{border: 0;font-size: 14px;line-height: 20px;background-size: contain;}
	.annex { margin: 20px 0; }
	.annex strong::before { left: 10px; }
	.annex strong{ padding-left: 20px; padding-right: 20px; }
	.annex li { font-size: 14px; }
}
/* article_page_end */

/* pages_start */
.pages {padding: 0;font-size: 0;text-align:center;margin: 45px 0 0 0;}
.pages > a,.pages span{display:inline-block;width: 45px;height: 45px;line-height: 45px;position:relative;text-align: center;vertical-align: top;font-size: 20px;margin: 0 0 0 3px;color: #666;background: #e9e8e7;border-radius: 5px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.pages .next, .pages .prev{font-size: 18px;}
.pages > a:hover ,.pages > a.on_page{color: #fff;background: #816e5d;}

@media screen and (max-width:996px){
	.pages{margin: 20px 0 0;}
	.pages>a{font-size: 13px;width: 30px;height: 30px;line-height: 30px;}
	.pages .next, .pages .prev{font-size: 12px;}
}
@media screen and (max-width:767px){
	.pages a,.pages > span{display: none;}
	.pages > a{margin-bottom: 10px;}
	.pages a.start,.pages a.prev,.pages a.on_page,.pages a.next,.pages a.end{display: inline-block;}
	.pages .start, .pages .end, .pages .next, .pages .prev, .pages > span{margin: 0 5px;/* padding: 0 5px; */}
}
@media screen and (max-width:413px){
	/* .pages .start, .pages .end, .pages .next, .pages .prev, .pages > span{margin: 0 2px;padding: 0 5px;} */
}
/* pages_end */

.list1{}
.list1 ul{margin: 0 0 -15px;padding: 0 0;}
.list1 .item{margin: 0 0 15px;align-items: center;background: #fff;padding: 15px 60px 14px 0;border: 1px solid #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.list1 .time{width: 114px;border-right: 1px solid #e0d6cb;float: left;position: relative;text-align: center;color: #816e5d;font-family: 'Noto Serif SC';padding: 16px 0 34px;}
.list1 .day{margin: 0 0 5px;line-height: 1.1;font-weight: bold;}
.list1 .month{margin: 0 0 0;line-height: 1.1;}
.list1 .info_box{padding: 0 0 0;position: relative;width: calc(100% - 140px);}
.list1 .title{margin: 0 0 15px;color: #816e5d;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list1 .summary{margin: 0 0;color: #a49f9a;line-height: 1.9em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list1 .item:hover{border: 1px solid #9e5233;background: #f0eae6;}
.list1 .item:hover .title,.list1 .item:hover .time{color: #a91e17;}
.list1 .item:hover .summary{color: #333;}

.list2{overflow: hidden;}
.list2 ul{margin: 0 0 -20px -30px;}
.list2 li{width: 33.3%;}
.list2 .item{margin: 0 0 20px 30px;background: #fff;padding: 7px 20px 46px;}
.list2 .title{margin: 0 0 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 0 12px;color: #735435;position: relative;}
.list2 .title::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px solid #e0d6cb;}
.list2 .title::after{content: '';display: block;position: absolute;left: 0;bottom: 0;border-bottom: 2px solid #a07f56;width: 114px;}
.list2 .summary{margin: 0 0;color: #333;line-height: 2em;}

.list3{position: relative;background: #fefdfa url(../images/list3bg2.png) no-repeat right bottom;margin: 0 45px 0 41px;}
.list3 .left{width: 90px;position: absolute;left: 0;top: 0;bottom: 0;color: #735435;background: #fbf1dd url(../images/list3bg1.png) no-repeat bottom center/cover;}
.list3 .left span{display: block;width: 1em;line-height: 1.1em;position: absolute;top: 36px;left: 50%;transform: translateX(-50%);font-family: 'title';}
.list3 ul{margin: 0 160px 0 90px;padding: 70px 0 54px;}
.list3 li{width: 33.3%;}
.list3 .item{margin: 0 0 30px 100px;}
.list3 .img{padding-bottom: 133%;border-radius: 16px;margin: 0 0 18px;}

.list4{line-height: 2;}


@media screen  and (max-width:1640px){
	.list3{margin: 0;}
	.list3 ul{margin: 0 60px 0 90px;padding: 70px 0 54px;}
	.list3 .item{margin: 0 0 30px 60px;}
}
@media screen  and (max-width:1280px){
	.list2 li{width: 50%;}
	.list2 .item{padding: 7px 20px 16px;}
	.list2 .title{padding-bottom: 8px;margin-bottom: 10px;}


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


}
@media screen and (max-width: 767px){
	.list1 .item{padding: 15px 20px 14px 0;}
	.list1 .time{width: 70px;}
	.list1 .info_box{width: calc(100% - 90px);}

	.list2 li{width: 100%;}

	.list3 .left{position: relative;width: auto;background: #fbf1dd;padding: 14px 20px 6px;}
	.list3 .left span{width: auto;position: relative;left: 0;right: 0;top: 0;bottom: 0;transform: none;line-height: 24px;font-size: 20px;}
	.list3 ul{margin: 0 10px;padding: 20px 0 30px;}
	.list3 .item{margin: 0 10px 30px;}
	.list3 .title{margin: 0 0;font-size: 14px;}

}
@media screen and (max-width: 413px){
	/* .list3 li{width: 100%;} */

}

