/* subpage start */
.wrap_sub_banner{overflow: hidden;z-index: 1;position: relative;margin: 10rem 2rem 3rem;}
.wrap_sub_banner::before{content: '';display: block;z-index: 2;background: linear-gradient(191.31deg, rgba(7, 80, 86, 0),rgba(7, 80, 86, 1) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius:5rem;}

.sub_banner_box{position: absolute;top: 50%;transform: translateY(-50%);left: calc(50% - 750px);z-index: 3;}

.sub_banner{padding-bottom: calc(540% / 18.8);height: 0;overflow: hidden;position: relative;background: center;background-size: cover;border-radius: 5rem;}
.sub_banner img{display: block;width: 100%;}

.sub_banner_title{color: #fff;padding: 0 0 0 2.4rem;position: relative;}
.sub_banner_title::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #FF6900;width: .4rem;height: 71%;border-radius: 5rem;}


.bread{position: relative;color: rgba(255,255,255,.6);margin: 2rem 0 1rem;padding: 0 0 0 2.8rem;background: url(../images/bread.png) no-repeat left center/2.4rem;}
.bread a{padding: 0 .3rem;display: inline-block;vertical-align: top;color: rgba(255,255,255,.6);}
.bread span{padding: 0 .2rem;}
.bread a.on,.bread a:hover{color: #fff;}
.bread a:first-child{}

.content{position: relative;z-index: 3;padding-top: 5rem;padding-bottom: 9.2rem;background: linear-gradient(180.00deg, rgba(240, 245, 245, 1),rgba(245, 248, 248, 1) 50%,rgba(255, 255, 255, 1) 100%);border-radius: 5rem;margin: 0 2rem;}
.sub_content{position: relative;padding: 2.5rem 0 0;padding-top: 8rem;}

.sub_layout{position: relative;}
.sub_layout .lf{width: 30rem;position: relative;}
.sub_layout .rt{width: calc(100% - 35rem);}

.sub_menu{padding: 2rem 0;background: #075056;border-radius: 5rem 0;}
.sub_menu .btn{display: none;}
.sub_menu .ul1{position: relative;}
.sub_menu li{position: relative;}
.sub_menu .ul1 > li::before{content: '';display: block;position: absolute;left: 3rem;right: 3rem;bottom: 0;border-bottom: .1rem solid rgba(255,255,255,0.2);}
.sub_menu .ul1 > li.on::before,.sub_menu .ul1 > li:last-child::before{opacity: 0;}
.sub_menu .item1{padding: 2.8rem 3rem;color: #fff;position: relative;z-index: 2;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;}
.sub_menu .item1::after{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .4rem;height: 0rem;background: #FF6900;}
.sub_menu li.on > .item1::after{height: 4rem;}

.sub_menu .ul2{display: none;position: relative;margin: -1rem 3rem 0;background: rgba(255,255,255,.06);z-index: 2;}
.sub_menu li.on .ul2{display: block;}
.sub_menu .item2{padding: 1.8rem 0 1.8rem 2rem;color: #fff;}
.sub_menu .item2.on{background: rgba(255,255,255,.1);}

.sub_menu .btn2{position: absolute;right: 3rem;top: 2.9rem;height: 1.6em;width: 3rem;display: block;z-index: 10;cursor: pointer;background: url(../images/sub_menu_arrow.png) no-repeat center/3rem;opacity: .3;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;}
.sub_menu li:hover .btn2{opacity: 1;}

.subpage_title{position: relative;overflow: hidden;z-index: 1;margin: -0.6rem 0 3rem;}
.subpage_title span{display: inline-block;vertical-align: middle;position: relative;font-weight: bold;color: #075056;}
.subpage_title span::before{content: '';width: 1rem;height: 1rem;background: #FF6900;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: 100%;margin-left: 2rem;z-index: 10;}
.subpage_title span::after{content: '';width: 100vw;height: .1rem;background: #075056;position: absolute;top: 50%;left: 100%;margin-left: 2rem;z-index: 1;}

@media screen  and (max-width:1640px){
	.sub_banner_box{left: 20px;}

}
@media screen  and (max-width:996px){
	.wrap_sub_banner{position: relative;padding-top: 0;margin: 0 10px 12px;}
	.wrap_sub_banner::before{border-radius: 20px;}
	.sub_banner{/* padding-bottom: 200px; */border-radius: 20px;}
	.sub_banner_title{}

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

	.bread{font-size: 12px;bottom: 0;position: relative;margin-bottom: 0;}
	.bread a{}
	.bread a:first-child{}

	.content.article_page .bread{margin-bottom: 20px;}

	.sub_content{padding: 20px 0 0;}
	.content{padding: 20px 0 40px;margin-top: 0;border-radius: 20px;}

	.sub_layout .wrap_fix_scroll{position: relative;}
	.sub_layout .wrap_fix_scroll .fix_scroll{position: static !important;}
	.sub_layout .lf{width: 100%;margin: 0 0 20px;}
	.sub_layout .rt{width: 100%;}

	.sub_menu{padding: 0;border-radius: 5px;}
	.sub_menu ul{border: none;display: none;}
	.sub_menu > .btn{display: block;line-height: 45px;height: 45px;text-align: center;color: #fff;font-size: 22px;border-radius: 5px;border-bottom: 1px solid rgba(255,255,255,.3);}
	.sub_menu ul::after{left: 0;}

	.sub_menu .ul2{margin-top: 0;}
	.sub_menu .item1{font-size: 18px;}


}
@media screen  and (max-width:767px){
	.wrap_sub_banner{background: #f6f8f1;}
	.wrap_sub_banner .bottom{position: relative;}
	.sub_banner{ padding-bottom: 160px;}
	
	.sub_banner_title{font-size: 20px;}

	.bread{margin: 0;}
	.bread a{}

	.content{padding-top: 10px;padding-bottom: 20px;}

}
/* subpage end */

/* pages_start */
.pages {margin: 4.3rem 0 0;position: relative;z-index: 100;justify-content: center;line-height: 2.1;align-items: center;}
.pages .num{margin: 0 .5rem;}
.pages .num>a{border:.1rem solid rgba(7, 80, 86, .2);}
.pages .num>a,.pages .selectDiv,.pages>a,.pages>div>span,.pages>span{display:inline-block;line-height:1;position:relative;text-align:center;color:#333;transition:all .35s ease-in-out;margin:.5rem;border-radius:.4rem;cursor:pointer;text-align:center;padding: 0 1.1rem;line-height: 2.1;}
.pages>a{padding: 0 .5rem;}


.pages a span{border:none}
.pages a.on_pages,.pages a:hover{background-color:#075056;color:#fff;border-color:#075056}
.pages a.on_pages{background-color:#075056}

.pages .turnPage span{border:none}
.pages .toNum{width:3.4rem;height:3.4rem;border:.1rem solid rgba(7, 80, 86, .2);border-radius:.4rem;background: #fff;}
.pages .total-text{margin: 0 2rem 0 0;}
.pages .total-text span{padding-left:0;padding-right:0;margin:0}

@media screen and (max-width:996px){
	.pages{margin: 20px 0 0;height: auto;}
	.pages>a{font-size: 13px;height: 30px;line-height: 30px;}
	/* .pages .start, .pages .end, .pages > span, .pages .next, .pages .prev{padding: 0 10px;} */
	.pages .select_page span{font-size: 13px;line-height: 28px;}
	.pages .select_link{height: 30px;/* width: auto; */}
	.pages .select_link p{font-size: 13px;line-height: 30px;}
	/* .pages .select_link .arrow{bottom: 5px;} */

	.pages .input_page input,.pages span.jumpto{font-size: 13px;height: 30px;line-height: 30px;}

	.pages .select_page{margin: 0 0 0 10px;/* padding: 0 10px; */height: 30px;}
	.pages .select_link .alert_box a{font-size: 12px;line-height: 1.5;}

}
@media screen and (max-width:767px){
	/* .pages>a, .pages>span{width: 24px;height: 24px;line-height: 24px;} */
	/* .pages a,.pages > span{display: none;} */
	.pages .select_page{/* display: block; *//* margin: 15px 0 0; */}
	/* .pages .select_link,.pages .select_link p{height: 24px;line-height: 24px;} */
	/* .pages .select_link .arrow{bottom: 2px;} */
	.pages > a,.pages .total-text{margin-bottom: 6px;}
	.pages a.start,.pages a.prev,.pages a.on_page,.pages a.next,.pages a.end,.pages > a.count{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 */

/* article start */

.page_article{position: relative;}
.page_article_top {position: relative;padding: 0 0 2.8rem 2.4rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);margin: -0.5rem 0 2.9rem;}
.page_article_top::before{content: '';display: block;position: absolute;left: 0;top: .4rem;bottom: 3rem;width: .4rem;background: #075056;}
.page_article_top h3 {line-height: 1.4;color: #333;}
.article_author {margin: 1.7rem 0 0;position: relative;z-index: 2;color: #999;}
.article_author span{padding: 0 1.6rem 0 0;display: inline-block;vertical-align: top;}

.page_article .right{width: 10rem;order: 2;}
.page_article .left{width: calc(100% - 15rem);}

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

.annex {overflow: hidden;padding: 3rem;background: rgba(7, 80, 86, 0.04);border-radius: 3rem 0;margin: 9.2rem 0 0;}
.annex .annex_title{position: relative;display: block;font-weight: bold;color: #075056;padding: 0 0 2rem 1.4rem;margin: 0 0 2rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);}
.annex .annex_title::before{content: '';display: block;position: absolute;left: 0;top: .3rem;bottom: 2.2rem;width: .4rem;background: #075056;}
.annex .list{margin: 0 0 -1rem;}
.annex li{margin: 0 0 1rem;}
.annex a{position: relative;display: block;color: #333;padding: 2rem 8rem 2rem 2rem;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: #fff;display: block;word-break: break-all;border-radius: 50rem;}
.annex a:hover{background: #075056;color: #fff;}
.annex a::before{content: '';display: block;position: absolute;width: 3rem;height: 3rem;right: 2rem;top: 50%;transform: translateY(-50%);background: url(../images/annex.png) no-repeat center/3rem;}
.annex a:hover::before{background: url(../images/annex2.png) no-repeat center/3rem;}

@media screen and (max-width: 1640px){
	/* .page_article{margin: 0;}
	.page_article_title{padding: 5px 0 0;}
	.article_author{padding-bottom: 12px;margin-bottom: 18px;} */
}
@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{font-size: 12px;}
	.article_author span, .article_author i{font-size: 12px;}
	.annex{padding: 12px;margin: 30px 0 0;}
	/* .annex li{margin: 0 0 6px;} */
}
@media screen and (max-width: 767px) {
	.page_articleTitle{margin: 0 0 16px;padding-bottom: 0;}
	.article_author span{padding:2px 10px;border: 0;font-size: 14px;line-height: 20px;}
	.article_author i{display: none;}
	.annex { margin: 20px 0 0;}
	.annex li { font-size: 14px; }

	.page_article_top{margin-top: 0;}
	.page_article .b{flex-direction: column;}
	.page_article .left, .page_article .right{width: 100%;}
	.page_article .right{order: initial;margin: 0 0 20px;align-items: flex-end;}

}

.share_box {line-height: .7rem;text-align: center;color: rgb(1, 88, 156);font-size: 0rem;z-index: 100;position: relative;width: 10rem;padding: 2rem;background: rgba(7, 80, 86, 0.04);border-radius: 3rem 0;}

.share_box .share_title{display: block;text-align: center;color: rgb(51, 51, 51);font-size: 1.4rem;margin: -1.3rem 0 1rem;line-height: 2rem;position: relative;overflow: hidden;}
.share_box .share_title::before{content: '';display: block;border-top: .1rem dashed #e5e5e5;position: absolute;width: 100%;height: 0;top: 50%;left: 0;}
.share_box .share_title span{background: #fff;display: inline-block;position: relative;z-index: 2;padding: 0 1rem;color: #333;}
.share_box .share_btn, .share_box .share_btn.share_more::after {margin: 0rem auto 2rem;position: relative;width: 6rem;height: 6rem;background-position: center center;background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: block;border-radius: 0%;background-color: #F8F8F8;border-radius: 50%;}
.share_box .share_btn:last-child{margin-bottom: 0rem;}
.share_box .share_btn i{left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;z-index: 2;color: #fff;}
.share_box .share_btn.share_wechat { background: #09BB07;}
.share_box .share_btn.share_sina {background: #ff8300;background: #E71F19;}
.share_box .share_btn.share_qzone {background: #fecb56;}
/* .share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); background: #7dd43c;} */
.share_box .share_btn.share_more::after { content: ""; position: absolute; border: 0rem; left: 0rem; margin: 0rem; background: #50a0e5;}
.share_box .share_btn.share_twitter { background: #6babe8;}
.share_box .share_btn.share_facebook { background: #415a94;}
.share_box .share_btn.share_linkedin { background: #3d84c2;}
.share_box .share_btn:last-child { }
#qrcode{padding: .5rem;background: #fff;box-shadow: 0 0 .5rem rgba(0,0,0,.2);}
.share_box .share_btn .alert_box { position: absolute; top: 100%; left: 0%; padding: .6rem; display: none;z-index: 2;padding: .1rem;z-index: 10;}
.share_box .share_wechat .alert_box{right: 100%;top: 0;left: auto;}
.sub_right .share_box .share_wechat .alert_box{left: auto;right: 100%;top: 0;}
.share_box canvas { display: block; }
.share_box .share_more .share_btn {margin: 0 0 0;border: 0rem;/* border-radius: 0rem; */}
.share_box .share_btn:hover > .alert_box,.share_box .share_btn.on > .alert_box { display: block; }
@media screen and (max-width: 996px) {
	.share_box {position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: 8px 0 0;width: auto;transform: none;padding: 1rem;}
	/* .share_box .share_btn:hover > .alert_box{display: none;} */
	.share_box .share_btn.on > .alert_box { display: block; }
	.share_box .share_title{ margin: 0px 0px 6px; display: none;}
	.share_box .share_btn,.share_box .share_btn:last-child{display: inline-block;margin: 5px 10px;}
	.share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; }
	
	.share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;}
}

/* article end */

.sub_02{}
.sub_02 ul{margin: 0 0 -2.4rem;padding: 0 0;}
.sub_02 .item{margin: 0 0 2.4rem;padding: 3rem;background: rgba(7, 80, 86, 0.04);position: relative;align-items: center;border-radius: 0 5rem;}
.sub_02 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-bottom: 0rem solid #075056;border-radius: 0 5rem;pointer-events: none;}
.sub_02 .img_box{width: 30rem;border-radius: 2rem;overflow: hidden;}
.sub_02 .info_box{flex-shrink: 1;width: calc(100% - 51.3rem);margin: 0 0  0 1.6rem;}
.sub_02 .title{margin: 0 0 2rem;}
.sub_02 .line{width: 8rem;height: .4rem;background: #075056;}
.sub_02 .summary{margin: 3rem 0 0;color: #778787;}
.sub_02 .time{text-align: center;width: 10rem;margin: 0 0 0 7rem;position: relative;color: #075056;}
.sub_02 .time::before{content: '';display: block;position: absolute;left: -3.3rem;top: 50%;transform: translateY(-50%);width: .1rem;height: 16rem;background: rgba(0, 0, 0, .1);}
.sub_02 .day{font-weight: bold;margin: 0 0 .7rem;}
.sub_02 .item:hover{background: #fff;box-shadow: 0rem .4rem 1rem 0rem rgba(7, 80, 86, 0.3);}
.sub_02 .item:hover .line{background: #FF6900;}
.sub_02 .item:hover::before{border-bottom: .4rem solid #075056;}

.sub_03{}
.sub_03 ul{margin: 0 0 -3rem -3.2rem;padding: 0 0;}
.sub_03 .item{margin: 0 0 3rem 3.2rem;position: relative;border-radius: 2rem;background: rgba(7, 80, 86, .04);}
.sub_03 .gp-img{position: relative;border-radius: 2rem;}
.sub_03 .gp-img::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 2;}
.sub_03 .gp-img::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 6rem;height: 6rem;background: rgba(255,255,255,.8) url(../images/mode06_ico.png) no-repeat center/3.6rem;border-radius: 50%;z-index: 3;}
.sub_03 .bottom{padding: 2rem 2rem;}
.sub_03 .title{margin: 0 0 2rem;}
.sub_03 .time{justify-content: flex-start;align-items: center;color: #075056;}
.sub_03 .time .day{font-weight: bold;}
.sub_03 .time .month{margin: 0 0 0 1rem;border-left: .1rem solid rgba(0, 0, 0, .1);padding: 0 0 0 1rem;}
.sub_03 .item:hover{background: #fff;box-shadow: 0rem .4rem 1rem 0rem rgba(7, 80, 86, 0.3);}
.sub_03 .item:hover .gp-img::before{background: rgba(0, 0, 0, .1);}
.sub_03 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-bottom: 0rem solid #075056;border-radius: 0 0 2rem 2rem;pointer-events: none;}
.sub_03 .item:hover::before{border-bottom: .4rem solid #075056;}

.sub_06{}
.sub_06 ul{margin: 0 0 -3rem -3.2rem;padding: 0 0;}
.sub_06 .item{margin: 0 0 3rem 3.2rem;position: relative;border-radius: 2rem;background: rgba(7, 80, 86, .04);}
.sub_06 .gp-img{position: relative;border-radius: 2rem;}
.sub_06 .bottom{padding: 1.8rem 3rem 2.9rem;}
.sub_06 .vicetitle{margin: 0 0 1.8rem;padding: 0 0 1.8rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);color: #075056;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sub_06 .title{margin: 0 0 2rem;}
.sub_06 .time{justify-content: flex-start;align-items: center;color: #075056;}
.sub_06 .time .day{font-weight: bold;}
.sub_06 .time .month{margin: 0 0 0 1rem;border-left: .1rem solid rgba(0, 0, 0, .1);padding: 0 0 0 1rem;}
.sub_06 .item:hover{background: #fff;box-shadow: 0rem .4rem 1rem 0rem rgba(7, 80, 86, 0.3);}
.sub_06 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-bottom: 0rem solid #075056;border-radius: 0 0 2rem 2rem;pointer-events: none;}
.sub_06 .item:hover::before{border-bottom: .4rem solid #075056;}

.sub_08 .img_box{width: 24rem;}
.sub_08 .info_box{width: calc(100% - 45.3rem);}
.sub_08 .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}






.sub_07{}
.sub_07 ul{margin: 0 0 -2.4rem;}
.sub_07 .item{margin: 0 0 2.4rem;flex-wrap: nowrap;background: rgba(7, 80, 86, .04);border-radius: 0 3rem;min-height: 8.8rem;padding: 0 3rem;align-items: center;}
.sub_07 .title{margin: 0 2rem 0 0;flex-shrink: 1;padding: 1rem 0 1rem 3rem;position: relative;}
.sub_07 .title::before{content: '';display: block;background: #075056;position: absolute;left: 0;top: calc(.65em + 1rem);transform: translateY(-50%);width: 1rem;height: 1rem;border-radius: 50%;}
.sub_07 .time{justify-content: flex-start;align-items: center;color: #075056;}
.sub_07 .time .day{font-weight: bold;}
.sub_07 .time .month{margin: 0 0 0 1rem;border-left: .1rem solid rgba(0, 0, 0, .1);padding: 0 0 0 1rem;}
.sub_07 .item:hover{background: #fff;box-shadow: 0rem .4rem 1rem 0rem rgba(7, 80, 86, 0.3);border-bottom: .4rem solid #075056;}
.sub_07 .item:hover .title::before{background: #FF6900;}






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

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

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

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

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

}
@media screen and (max-width:767px){
	.sub_02 .img_box{width: 100%;}
	.sub_02 .info_box{width: 100%;margin: 2rem 0 0;}
	.sub_02 .item{flex-direction: column;align-items: flex-start;padding: 2rem 3rem;}
	.sub_02 .time{margin: 2rem 0 0 0;display: flex;white-space: nowrap;width: auto;align-items: center;}
	.sub_02 .time::before{display: none;}
	.sub_02 .day{margin: 0 10px 0 0;}
	
	.sub_07 .item{flex-direction: column;align-items: flex-start;padding: 2rem 3rem;}
	.sub_07 .title{margin: 0;}



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

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

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

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

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

}
