.wrap_content { position: relative; background: url(../images/mode06_bg.png) center bottom no-repeat;}
.sub_content { padding-top: 40px; padding-bottom: 20px; }
.bread{float: right;color: #999;}
.bread a{color: #999;}
.bread a:hover{color: #5d7f4b;;}
.page_title{overflow: hidden;line-height: 40px;margin: 10px 0 20px;border-bottom: 1px solid #5d7f4b;padding: 0 0 10px;}
.subpage_title{font-weight: bold;color: #5d7f4b;float: left;}
.subpage_title i{display: inline-block;vertical-align: middle;width: 7px;height: 7px;border-radius: 50%;background: #ffb624;margin: 0px 5px;}

.sub_left{width: 240px;float: left;}
.sub_menu_title{background: #5d7f4b;color: #fff;line-height: 50px;padding: 20px 50px;font-weight: normal;}
.sub_menu ul{position: relative;margin: 0 0 0 12px;}
.sub_menu ul.lv1{margin: 0;}

.sub_menu ul.lv0{border: 1px solid #5d7f4b; border-left: 5px solid #5d7f4b;margin: 0;}

.sub_menu li{position: relative;}
.sub_menu ul.lv0 > li{font-size: 20px;}
.sub_menu ul.lv1 > li{font-size: 18px;}
.sub_menu ul.lv2 > li{font-size: 16px;}
.sub_menu ul.lv3 > li{font-size: 14px;}
.sub_menu ul.lv1 > li.on{background: #eee;}
.sub_menu ul.lv2 > li.on{background: #fff;}

.sub_menu ul.lv0 > li > a{font-size: 20px;color: #fff;background: #76a15f;}
.sub_menu ul.lv1 > li > a{font-size: 18px;color: #444;}
.sub_menu ul.lv2 > li > a{font-size: 16px;color: #444;}
.sub_menu ul.lv3 > li > a{font-size: 14px;color: #444;}
/* .sub_menu ul.lv4 > li > a{font-size: 14px;color: #555;} */
.sub_menu ul.lv5 > li > a{}
.sub_menu a{display: block;line-height: 1.5em;padding: .5em 0 .5em 20px;position: relative;border-top: 1px solid rgba(255, 255, 255, 0.2);font-size: 14px;color: #555;}

.sub_menu ul.lv1 a{border-bottom: 1px solid rgba(87, 119, 70 , .3);}
.sub_menu ul.lv3 a{border-bottom: 0;}

/* .sub_menu li:first-child a{border: 0;} */
.sub_menu a.current{color: #5d7f4b;font-weight: bold;}
.sub_menu a::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 6px;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;border-left: 6px solid #5d7f4b;border-top: 0 solid transparent;border-bottom: 0 solid transparent;}
.sub_menu a.current::before{border-top: 5px solid transparent;border-bottom: 5px solid transparent;}

.sub_menu .arrow{position: absolute;width: 20px;height: 1em;background: url(../images/subnav.png) center no-repeat;right: 5px;top: .75em;background-size: auto 100%;}
.sub_menu .arrow.on{background-image: url(../images/subnav2.png);}
.sub_menu ul.lv0 > li > .arrow{background-image: url(../images/subnav12.png);}
.sub_menu ul.lv0 > li > .arrow.on{background-image: url(../images/subnav22.png);}

.sub_right{margin: 0 0 0 280px;}

.pages {padding: 0px;color: rgb(153, 153, 153);font-size: 0px;text-align: center;margin: 60px 0px 54px;line-height: 36px;}
.pages::after, .pages::before { content: " "; display: table; }
.pages > a:first-child { }
.pages > a {display: inline-block;cursor: pointer;width: 36px;height: 36px;position: relative;text-align: center;vertical-align: top;font-size: 16px;transition: all 0.35s ease-in-out 0s;margin: 0px;color: #666;border-width: 1px 1px 1px 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-top-color: #5d7f4b;border-right-color: #5d7f4b;border-bottom-color: #5d7f4b;border-image: initial;border-left-style: initial;border-left-color: initial;}
.pages > a:first-child { border-left: 1px solid #5d7f4b; }
.pages .start, .pages .end, .pages > span, .pages .next, .pages .prev {width: 78px;}
.pages .start{border-radius: 3px 0 0 3px;}
.pages .end{border-radius: 0 3px 3px 0;}
.pages > a:hover, .pages > a.on_page { background-color: #5d7f4b; color: #fff; border-color: #5d7f4b; }
.pages > a.on_page { }

.pages .select_page { display: inline-block; margin: 0px 0px 0px 20px; font-size: 0px; }
.pages .select_page span {font-size: 18px;display: inline-block;vertical-align: middle;color: rgb(51, 51, 51);border-width: 1px 1px 1px 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-top-color: #5d7f4b;border-right-color: #5d7f4b;border-bottom-color: #5d7f4b;border-image: initial;border-left-style: initial;border-left-color: initial;width: 52px;text-align: center;}
.pages .select_link { display: inline-block; width: 66px; vertical-align: middle; position: relative; border: 1px solid #5d7f4b; }
.pages .select_link.on { border-radius: 0px 0px 3px 3px; background: #5d7f4b; border-color: #5d7f4b; }
.pages .select_link.on > a { color: #fff; }
.pages .select_link .arrow {width: 20px;height: 20px;position: absolute;right: 2px;bottom: 11px;background: url("../images/select_arrow.png") center center no-repeat;transition: all 0.2s ease-in-out 0s;cursor: pointer;}
.pages .select_link .arrow.on { transform: rotate(180deg); background: url("../images/select_arrow2.png") center center no-repeat; }
.pages .select_link p { display: block; font-size: 18px; color: rgb(102, 102, 102); text-align: left; padding: 0px 0px 0px 20px; }
.pages .select_link .alert_box { height: 0px; position: absolute; left: -1px; bottom: 100%; background: #5d7f4b; right: -1px; border-radius: 3px 3px 0px 0px; padding: 6px 0px 0px; overflow: hidden; border: 0px; opacity: 0; transition: all 0.2s ease-in-out 0s; }
.pages .select_link .alert_box.on { opacity: 1; height: auto; }
.pages .select_link .alert_box a { display: block; font-size: 14px; color: #fff; line-height: 1.5; padding: 6px 0px; }
.pages .select_link.on p { color: #fff; }
.pages .select_link .alert_box a:hover { background: rgba(255, 255, 255, 0.2); }
@media screen and (max-width: 767px) {
	.pages { margin: 30px 0px 0px; }
	.pages > a, .pages > span { width: 36px; height: 36px; line-height: 36px; font-size: 14px; }
	.pages a, .pages .select_page { display: none; }
	.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: 0px; }
}
@media screen and (max-width: 413px){
	.pages a.start, .pages a.prev, .pages a.on_page, .pages a.next, .pages a.end{width: 50px;}
}

.pageArticle {position: relative;margin: 0px 0 0;}
.pageArticleTitle {overflow: hidden;padding: 23px 10px 0;margin-bottom: 24px;border-top: 1px solid #eee;text-align: center;}
.pageArticleTitle h3 {line-height: 1.4;color: #333;font-weight: normal;}
.articleAuthor {text-align: center;margin: 0 0px 47px;font-size: 0px;}
.articleAuthor span {color: #999;font-size: 15px;padding: 0 16px 0;}
.pageArticle .article { position: relative; line-height: 28px; text-align: justify; margin: 0px auto; }
.pageArticle .article p { }
.pageArticle .article { }
.other_articles h3 {border-bottom: 1px solid rgb(230, 230, 230);border-top: 0px;margin: 39px 0px 26px;color: rgb(162, 98, 42);line-height: 30px;padding: 0px 0px 10px;}
.other_articles a {display: block;padding: 0px 0px 0px 21px;position: relative;margin: 0px 0px 32px;}
.other_articles a::before { content: ""; display: block; position: absolute; left: 2px; width: 6px; height: 6px; border: 1px solid #5d7f4b; top: 8px; }
.other_articles a:hover { color: #5d7f4b;}
.annex {overflow: hidden;margin: 30px 0;}
.annex strong {padding: 18px 19px 16px;display: block;line-height: 20px;font-size: 18px;position: relative;color: #333;font-weight: bold;}
.annex strong::before { content: ""; display: none; width: 4px; height: 4px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: rgb(198, 120, 45); border-radius: 50%; }
.annex .list {margin: 0px;padding: 13px 19px;background: #f5f4f0;border-top: 2px solid #e6e5e1;}
.annex li {font-size: 14px;line-height: 24px;text-align: justify;}
.annex li:first-child { }
.annex a {color: #333;display: block;}
.annex a:hover { color: #5d7f4b; }
@media screen and (max-width: 992px){
	.pageArticle{margin: 0;}
	.pageArticle .left{width: auto;float: none;}
	.pageArticle .right{width: auto;float: none;margin: 30px 0 0;padding: 0;border: 0;}
	.other_articles h3{margin: 16px 0 10px;}
	.other_articles a{margin: 0 0 16px;}
	.articleAuthor{margin: 0 0 20px;}
	
}
@media screen and (max-width: 767px) {
	.pageArticleTitle{margin: 0 0 16px;}
	.articleAuthor span{display: block;padding:2px 0;border: 0;}
	.annex { margin: 0px 0px 20px; }
	.annex strong::before { left: 10px; }
	.annex strong{ padding-left: 20px; padding-right: 20px; }
	.annex li { font-size: 14px; }
}

.share_box { line-height: 7px; text-align: center; color: rgb(1, 88, 156); font-size: 0px; z-index: 100; margin: 0px 0px 0px -10px; }
.share_box span { display: block; text-align: center; color: rgb(51, 51, 51); font-size: 14px; margin: 10px 0px 10px 25px; line-height: 20px; }
.share_box .share_btn, .share_box .share_btn.share_more::after { line-height: 20px; margin: 0px 0px 10px 10px; position: relative; width: 60px; height: 60px; background-position: center center; background-repeat: no-repeat; background-size: 60px; cursor: pointer; display: inline-block; }
.share_box .share_btn.share_wechat { background-image: url("../images/share_wechat.png"); }
.share_box .share_btn.share_sina { background-image: url("../images/share_sina.png"); }
.share_box .share_btn.share_qzone { background-image: url("../images/share_qzone.png"); }
.share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); }
.share_box .share_btn.share_more::after { content: ""; background-image: url("../images/share_more.png"); position: absolute; border: 0px; left: 0px; margin: 0px; }
.share_box .share_btn.share_twitter { background-image: url("../images/share_twitter.png"); }
.share_box .share_btn.share_facebook { background-image: url("../images/share_facebook.png"); }
.share_box .share_btn.share_linkedin { background-image: url("../images/shareto_linkedin.png"); }
.share_box .share_btn:last-child { }
.share_box .share_btn .alert_box { position: absolute; top: 100%; right: 0%; padding: 6px; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px; display: none;z-index: 2;}
.share_box canvas { display: block; }
.share_box .share_more .alert_box { background: #fff; font-size: 0px; line-height: 0; padding: 0px 0px 52px; bottom: 0px; border-radius: 30px; }
.share_box .share_more .share_btn { margin: 0px; border: 0px; border-radius: 0px; }
.share_box .share_btn:hover .alert_box { display: block; }
@media screen and (max-width: 1280px) {
  .share_box { position: static; }
  .share_box span { margin: 0px 0px 6px; }
  .share_box .share_btn, .share_box .share_btn.share_more::after {}
  .share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; }
}