/* subpage start */

.wrap_sub_banner{overflow: hidden;position: relative;box-sizing: border-box;z-index: 1;}
.wrap_sub_banner .bottom{position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.sub_banner{overflow: hidden;position: relative;background: center;background-size: cover;z-index: 2;padding-bottom: 26.04%;}
/* .sub_banner::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 30%;background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);opacity: .7;} */
.sub_banner::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 205px;background: -webkit-linear-gradient(top , rgba(40,40,40,1), rgba(40,40,40,0));background: -o-linear-gradient(bottom , rgba(40,40,40,1), rgba(40,40,40,0));background: -moz-linear-gradient(bottom , rgba(40,40,40,1), rgba(40,40,40,0));background: linear-gradient(to bottom , rgba(40,40,40,1), rgba(40,40,40,0));z-index: -10;pointer-events: none;mix-blend-mode: multiply;}


.bread{line-height: 4.2rem;position: relative;color: #a8a8a8;z-index: 10;float: right;}
.bread a{padding: 0 .2rem;display: inline-block;vertical-align: top;color: #a8a8a8;}
.bread span{}
.bread a.on,.bread a:hover,.bread a:last-child{color: #004a93;}

.content{position: relative;z-index: 1;padding-bottom: 13.2rem;min-height: 50rem;}
.content::before{content: '';display: block;background: url(../images/mode05_bg.png) no-repeat left bottom/45.9rem;width: 45.9rem;height: 38.9rem;position: absolute;left: 0;bottom: -5rem;z-index: -10;}

.sub_page_title{border-bottom: .1rem solid #cde4ff;padding: 0 0 1.5rem;margin: 0 0 4rem;color: #004a93;font-weight: bold;}

.sub_layout{position: relative;}
.sub_layout .lf{width: 20rem;position: relative;margin: -12rem 0 0;}
.sub_layout .rt{width: calc(100% - 23.6rem);padding: 4.2rem 0 0;}

.sub_layout2{position: relative;padding: 4.2rem 0 0;}

.sub_menu{position: relative;}
.sub_menu_title{width: 100%;padding: 6.4rem 0 0;font-weight: bold;background: url(../images/sub_menu_title.png) no-repeat left top/100% auto;color: #fff;position: relative;text-align: center;height: 12rem;}
.sub_menu_title::before{content: '';display: block;position: absolute;bottom: 0;left: 1.5rem;right: 1.5rem;border-top: .2rem dashed #23bbbe;}
.sub_menu_title img{display: inline-block;vertical-align: middle;margin: -0.8rem .6rem 0;width: 1.8rem;}
.sub_menu .btn{}
.sub_menu > ul{position: relative;padding: 1.6rem 0 5.3rem;background: #004a93 url(../images/sub_menu_bg.png) no-repeat bottom center/100% auto;}
.sub_menu li{position: relative;}
.sub_menu .item{padding: 1rem 0;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 .title{line-height: 1.2em;color: #fff;position: relative;margin-right: 3rem;padding-left: 3.7rem;}
.sub_menu li.on .title::before,.sub_menu .item:hover .title::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);border-left: .7rem solid #fff;border-top: .4rem solid transparent;border-bottom: .4rem solid transparent;left: 2rem;}

.sub_menu > ul > li.on{z-index: 2;}
/* .sub_menu .item:hover > .title,.sub_menu li.on > .item > .title{font-weight: bold;} */
.sub_menu > ul > li > .item.cur{}

.sub_menu .ul2{display: none;position: relative;padding: 0 0 .8rem;}
.sub_menu li.on .ul2{display: block;}
.sub_menu .ul2 .item{padding: .9rem 0 .8rem;position: relative;}
.sub_menu .ul2 li:last-child .item{border: none;}
.sub_menu .ul2 .title{color: #fff;padding: 0 0 0 3.7rem;margin: 0;}
.sub_menu .ul2 .item.on .title{}
.sub_menu .ul2 .item .title::before{content: '';display: block;position: absolute;left: 2.3rem;top: 50%;transform: translateY(-50%);width: 0;height: 0;border: none;background: #fff;border-radius: 50%;}
.sub_menu .ul2 .item.on .title::before,.sub_menu .ul2 .item:hover .title::before{width: .5rem;height: .5rem;}

.sub_menu .btn2{position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 3.6rem;width: 3.6rem;display: block;z-index: 10;cursor: pointer;/*background: rgba(255,255,255,0) url(../images/sub_arrow.png) no-repeat center/1.6rem;border-radius: .8rem;*/}
.sub_menu li.on .btn2{/*background: rgba(255,255,255,.1) url(../images/sub_arrow2.png) no-repeat center/1.6rem;right: 1rem;*/}
.sub_menu .btn2::before,.sub_menu .btn2::after{content: '';display: block;width: .8rem;height: .2rem;background: #fff;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.sub_menu li.on .btn2::before,.sub_menu li.on .btn2::after{width: 1rem;height: .2rem;}
.sub_menu li:not(.on) .btn2::after{transform:translateX(-50%) translateY(-50%) rotate(90deg);}

@media screen  and (max-width:996px){
	.wrap_sub_banner{position: relative;padding-top: 0;}
	.sub_banner::after{height: 50px;}
	.sub_banner{/* padding-bottom: 200px; */}
	.sub_banner_title{}
	.sub_page_title2 h2{width: auto;padding-left: 2rem;padding-right: 2rem;max-width: 100%;}

	.sub_layout .lf::before{display: none;}

	.sub_menu_title{padding: 1.8rem 3.8rem;background: #004a93;height: auto;text-align: left;}
	.sub_menu_title::before{display: none;}
	.sub_menu_title.on::before{display: block;}
	.sub_menu > ul{background: #004a93;}
	.sub_menu > ul::before{display: none;}

	.sub_layout2{padding: 0;}

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

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

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

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

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

	.sub_menu_title i{display: block;float: right;font-weight: normal;}

	.sub_menu{padding: 0;background: #f0e9d8;}
	.sub_menu ul{border: none;display: none;padding: 1.2rem 0 2.4rem;}
	.sub_menu .btn2{right: 2rem;}
	/* .sub_menu .btn{display: block;line-height: 24px;height: auto;font-size: 22px;border-bottom: 1px solid #dcdcdc;position: relative;} */
	/* .sub_menu .btn i{float: right;color: #fff;display: block;font-weight: normal;} */

	.sub_menu .btn2::before,.sub_menu .btn2::after{width: 8px;height: 2px;}
	.sub_menu li.on .btn2::before,.sub_menu li.on .btn2::after{width: 10px;height: 1px;}
	
	
}
@media screen  and (max-width:767px){
	.wrap_sub_banner .bottom{}
	.sub_banner{ height: 160px;}

	

}

/* subpage end */

/* pages start */

.pages {padding: 0;text-align:center;margin: 5.5rem 0 0;position: relative;z-index: 100;align-items: center;justify-content: center;color: #282828;}
.pages .total{margin-right: 1rem;}
.pages .pg{margin: .5rem .5rem;border: .1rem solid #cde4ff;border-radius: .8rem;padding: 0 1.6rem;line-height: 3.4rem;color: #a8a8a8;}
.page_numer{}
.page_numer a,.page_numer span{margin: .5rem .5rem;border: .1rem solid #cde4ff;border-radius: .8rem;line-height: 3.4rem;text-align: center;width: 4.9rem;color: #a8a8a8;}
.page_numer a:hover,.page_numer a.on_page{color: #fff;background: #23bbbe;border-color: #23bbbe;}
.page_numer a:first-child{margin-left: 0;}
.page_numer a:last-child{margin-right: 0;}

@media screen and (max-width:996px){
	.pages{margin: 20px 0 0;}
	.pages>a{font-size: 13px;}


}
@media screen and (max-width:767px){
	.pages a,.pages span{display: none;}
	.pages .select_page{}
	.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{}
}
/* pages end */
/* article start */

.page_article{position: relative;z-index: 2;}
.page_article_title {margin: -0.7rem 0 0;}
.page_article_title h3 {line-height: 1.4;color: #004a93;font-weight: bold;text-align: center;}
.article_author {margin: 1.5rem 0 2rem;padding: .3rem 0;line-height: 3rem;position: relative;z-index: 2;color: #004a93;overflow: hidden;background: #f6faff;text-align: center;}
.article_author span{line-height: 3rem;padding: 0 2rem;display: inline-block;vertical-align: top;color: #004a93;}

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

.annex {overflow: hidden;padding: 2.4rem 0 0;}
.annex .annex_title{position: relative;color: #004a93;padding: 1rem 0 1.4rem;border-bottom: .2rem dashed rgba(205, 228, 255, .5);margin: 0 0 1.3rem;}
.annex .annex_title img{display: inline-block;vertical-align: middle;margin: -8px 6px 0 1.2rem;width: 19px;}
.annex a{position: relative;word-break: break-all;padding: 0 0 0 2.2rem;display: block;margin: 0 0 1.5rem;}
.annex a:hover{color: #004a93;}
.annex a::before{content: '';display: block;width: 1.1rem;height: 1.1rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border: .1rem solid #cde4ff;border-radius: 50%;}
.annex a::after{content: '';display: block;width: .5rem;height: .5rem;position: absolute;left: .3rem;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #cde4ff;}
.annex a:hover::before{border-color: #004a93;}
.annex a:hover::after{background: #004a93;}

@media screen and (max-width: 996px){
	.page_article{margin: 0;}

	.page_article_title{padding: 0 0 10px;margin: 0;}
	.page_article .article{font-size: 15px;line-height: 1.8;}
	.article_author{margin: 0 0 20px;font-size: 12px;}
	.article_author span, .article_author span i{font-size: 12px;}
	.annex{padding: 0 0 12px;}

	.font_size_control{padding: 0;}
}
@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;}
}

.share_box{text-align: center;color: #333;font-size: 0rem;z-index: 100;position: relative;float: right;padding: 2rem 0 0;border-top: .1rem solid #dcdcdc;margin: 0 0 0 4rem;}
.share_box .box{display: inline-block;vertical-align: top;position: relative;margin-left: 2rem;width: 5rem;}
.share_box .box:first-child{margin-left: 0;}
.share_box .share_btn{margin: 0rem auto .5rem;position: relative;width: 5rem;height: 5rem;cursor: pointer;display: block;border-radius: 50%;background-color: #F8F8F8;font-size: 2.8rem;}
.share_box .share_btn i{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 2;color: #fff;}
.share_box .share_btn.share_wechat { background: #22bd22;font-size: 2.2rem;}
.share_box .share_btn.share_sina { background: #ff8300;font-size: 2.2rem;}
.share_box .share_btn.share_qzone { background: #fecb56;font-size: 2.2rem;}
.share_box .share_btn.share_more{background: #80b63c;font-size: 3.1rem;}
.share_box .share_btn.share_twitter { background: #6babe8;font-size: 2.2rem;}
.share_box .share_btn.share_facebook { background: #415a94;font-size: 2.2rem;}
.share_box .share_btn.share_linkedin { background: #3d84c2;font-size: 2.2rem;}

.share_box .share_btn.view{background: #e7be65;}
.share_box .share_btn:last-child { }
#qrcode{padding: .5rem;background: #fff;box-shadow: 0 0 .5rem rgba(0,0,0,.2);}
.share_box canvas { display: block; }
.share_box .share_btn .alert_box {position: absolute;top: 100%;left: 0%;padding: .6rem;display: none;z-index: 2;padding: 0;z-index: 10;}
.share_box .share_wechat .alert_box{left: auto;top: 0;right: 109%;}
.sub_right .share_box .share_wechat .alert_box{left: auto;right: 100%;top: 0;}
.share_box .share_more .share_btn {margin: .5rem 0 0;border: 0rem;/* border-radius: 0rem; */}
.share_box .share_btn:hover > .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 20px;width: 100%;transform: none;}
	.share_box .share_btn.share_more{width: auto;height: auto;background: none;}
	.share_box .share_btn.share_more > .alert_box{display: block;position: relative;}
	.share_box .share_btn{display: inline-block;}
	.share_box > .share_btn{display: none;}
	.share_box .share_btn.share_more{display: block;}
	.share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; }
	.share_box .share_more .share_btn{margin: 0 2px;}
	
	.share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;} */
}
/* article end */

.sub_01{margin: -1rem 0 0;}
.sub_01_2{margin-bottom: 5rem;}

.sub_012{max-width: 96.6rem;margin: 0 auto;}
.sub_012 ul{margin: 0 0;padding: 0 0;text-align: center;}
.sub_012 .item{margin: 0 1.4rem 3.8rem;background: #f6faff;padding: 2.6rem 4.8rem 3.2rem;text-align: left;}
.sub_012 .gp-img{padding-bottom: 150%;}
.sub_012 .title{margin: 1.2rem 0 0;font-weight: bold;}
.sub_012 .summary{color: #282828;}

.sub_02{background: url(../images/sub02_bg.png) no-repeat center/cover;margin: 0 6rem;padding: 5.5rem 2.8rem 4rem;}
.sub_02 ul{margin: 0 0;}
.sub_02 .item{margin: 0 4.2rem 3.2rem;border-bottom: .1rem solid #cde4ff;padding: 1rem 0;position: relative;}
.sub_02 .item::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .7rem;height: .7rem;border-radius: 50%;border: .1rem solid #004a93;}
.sub_02 .title{margin: 0 0;padding: 0 0 0 1.9rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.sub_031a{padding: 1.5rem 2rem 2.6rem;background: #f6faff;margin: 0 0 3.6rem;}
.sub_031a .box{margin: 0 0 2.2rem;}
.sub_031a .box:last-child{margin: 0;}
.sub_031a h3{font-weight: normal;margin: 0 0 1.5rem;}
.sub_031a .options{display: flex;flex-wrap: wrap;}
.sub_031a a{display: block;position: relative;padding: 0 1.8rem;margin: 0 .5rem 1.2rem 0;color: #a8a8a8;border: .1rem solid #cde4ff;border-radius: .8rem;line-height: 1.9em;}
.sub_031a a.on,.sub_031a a:hover{color: #fff;border-color: #23bbbe;background: #23bbbe;}

.sub_031b{}
.sub_031b ul{margin: 0 0 -5.1rem;padding: 0 0;}
.sub_031b .item{margin: 0 1.4rem 4.7rem;background: #f6faff;padding: 2.4rem 4.4rem 2.8rem;text-align: left;}
.sub_031b .gp-img{padding-bottom: 150%;}
.sub_031b .title{margin: 1.2rem 0 0;font-weight: bold;}
.sub_031b .summary{color: #282828;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.sub_033{}
.sub_033 .img_box{width: 20rem;}
.sub_033 .info_box{margin: 0 0 0;padding: 4rem 3rem .6rem;width: calc(100% - 21.6rem);background: #f6faff;line-height: 1.5;}
.sub_033 .title{margin: 0 0 1.9rem;font-weight: bold;}
.sub_033 .summary p{margin: 0 0 2.1rem;word-break: break-all;}
.sub_033 .bottom{padding: 3.6rem 0 0 24.6rem;}

.sub_07{overflow: hidden;}
.sub_07 ul{margin: -3rem 0 0;padding: 0 0;}
.sub_07 .item{margin: 0 0;line-height: 7.8rem;border-bottom: .2rem dashed rgba(205, 228, 255, .5);}
.sub_07 .title{white-space: nowrap;position: relative;padding: 0 0 0 2.2rem;}
.sub_07 .title::before{content: '';display: block;width: 1.1rem;height: 1.1rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border: .1rem solid #cde4ff;border-radius: 50%;}
.sub_07 .title::after{content: '';display: block;width: .5rem;height: .5rem;position: absolute;left: .3rem;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #cde4ff;}
.sub_07 .time{color: #a8a8a8;margin: 0 0 0 1.6rem;float: right;}
.sub_07 .item:hover .title::before{border-color: #004a93;}
.sub_07 .item:hover .title::after{background: #004a93;}
.sub_07 .item:hover .time{color: #004a93;}

.sub_072{margin: 0 auto;max-width: 93.3rem;}
.sub_072 .img_box{position: relative;cursor: pointer;}
.sub_072 .img_box video{width: 100%;height: auto;display: block;}
.sub_072 .img_box::before{content: '';display: block;background: url(../images/sub072_video.png) no-repeat center/6.7rem;width: 6.7rem;height: 6.7rem;position: absolute;left: 2.5rem;bottom: 2.5rem;cursor: pointer;}
.sub_072 .img_box.play::before{display: none;}
.sub_072 .title{margin: 1.5rem 0 0;text-align: center;}

.sub_073{overflow: hidden;}
.sub_073 ul{margin: 0 0 -1.6rem -4rem;}
.sub_073 .item{margin: 0 0 4.1rem 4rem;}
.sub_073 .gp-img{padding-bottom: calc();position: relative;}
.sub_073 .gp-img::before{content: '';display: block;position: absolute;z-index: 2;width: 2.8rem;height: 2.8rem;position: absolute;left: 1rem;bottom: 1rem;background: url(../images/sub072_video.png) no-repeat center/100%;}
.sub_073 .title{margin: 1rem .9rem 0;}

.sub_08{}
.sub_08 ul{margin: 0 0 -2rem -2.3rem;}
.sub_08 .item{margin: 0 0 2rem 2.3rem;align-items: center;padding: 3rem;background: #f6faff;}
.sub_08 .img_box{width: 17rem;border-radius: 50%;overflow: hidden;border: .1rem solid #cee5ff;}
.sub_08 .info_box{width: calc(100% - 20rem);}
.sub_08 .title{font-weight: bold;}
.sub_08 .summary{color: #282828;}

.sub_082 .img_box{margin: 0 auto 3.6rem;width: 100%;max-width: 330px;}


.sub_0n12{}
.sub_0n12 ul{margin: 0 0 0 -1.8rem;}
.sub_0n12 .item{margin: 0 0 2rem 1.8rem;background: #f6faff;padding: 1.6rem 4rem;}
.sub_0n12 .title{font-weight: bold;}




@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){
	.sub_01{margin-top: 0;}

	.sub_012 ul{margin: 0 -1.4rem;}
	.sub_012 .item{padding: 10px 12px 15px;}

	.sub_02{margin: 0;padding: 2rem 0 2rem;}

	.sub_07 ul{margin-top: -1rem;}

	.sub_08 .item{padding: 2rem;}
	.sub_08 .info_box{line-height: 1.6;}

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

	.sub_033 .bottom{padding: 2.6rem 0 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){

}