@charset "utf-8";
.subContent{ 
    margin-top: 84px;
    min-height: 500px;
    background-color: #F3F5F8;
    padding: 40px 33px 45px;
    margin-bottom: 52px;
}

.flex{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: 17px;
    border-bottom: 1px solid #D8D8D8;
}
.flex .channl{
    padding-left: 11px;
    position: relative;
    line-height: 1;
}
.flex .channl::after{
    content: '';
    display: block;
    height: 24px;
    width: 5px;
    background-color: #EAA016;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.flex .channl a{
    color: #333333;
    line-height: 1.25;
}

.bread{text-align: right; position: relative;}
.bread a{ display: inline-block; color: #333; margin-right: 16px; position: relative;}
.bread a::after{ content: ''; display: block; width: 1px; height: 14px; background-color: #DBDBDB; position: absolute; right: -8px; top: 55%; transform: translateY(-50%);}
.bread a:last-child{ margin-right: 0;}
.bread a:last-child::after{ display: none;}

.gp-left{ float: left; width: 220px;}
.gp-right{ float: right; width: calc(100% - 258px);}
.noLeft{ width: 100%; float: none;}
/*侧边栏*/
.gp-subLeft{background: #F3F3F3;}
.gp-subLeft h2{ display: block; padding: 20px 0px; text-align: center; color: #fff; font-weight: bold;line-height: 36px;
    background: #0049A8;}
.gp-subLeft > ul >li{ position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li:hover,.gp-subLeft > ul >li.active{ background: #0049A8;}
.gp-subLeft > ul >li:hover::before, .gp-subLeft > ul >li.active::before{ content: ''; display: block; width: 5px; height: 28px; background-color: #EAA016; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.gp-subLeft > ul >li:hover .gp-toggles,.gp-subLeft > ul >li.active .gp-toggles{ color: #fff;}
.gp-subLeft > ul >li:last-child{ border-bottom: none;}
.gp-subLeft > ul >li > a{ padding:17px 0 16px;  line-height: 23px; text-align: center; display: block;margin-right: 20px; transition: all 0.2s ease-in-out; color: #333;}
.gp-subLeft > ul >li:hover > a,.gp-subLeft > ul >li.active > a{ padding-right: 20px;margin-right: 0;color:#fff}
.gp-subLeft .gp-toggles{width: 25px;height: 56px;line-height: 56px;position: absolute;right: 0;top: 0;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 1.8rem;display: none; background-color: #fff; opacity: 0.8;}
.gp-second-nav:hover{ background-color: #fff;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 40px;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active,.gp-second-nav dd a.active{background: #FFE8E8; color: #000; opacity: 1;}
.gp-subLeft > ul >li.active .gp-second-nav{ display:block;}
/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#0049A8;cursor:pointer;line-height: 40px; }
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#fff;}
.icon-jia:before,.icon-jian:before{ color: #fff;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}






/*分页*/
.gp-page { /* padding:15px 0; */ color:#999;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span,.pages > .select_box, select{display:inline-block;*display: inline;*zoom:1;cursor: pointer;width: 48px;height: 48px;line-height: 48px; border-radius: 50%;
 position:relative;text-align: center;  border:1px solid #979797; background-color: initial;  margin-bottom:5px; margin-left:16px;vertical-align: top;}
.gp-page-select{height: 44px;line-height: 44px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: 48px;padding:0 15px;}
.gp-page .gp-page-prev, .gp-page .gp-page-next{ background: url(../images/next_white.png) no-repeat center;}
.gp-page > span{border:none}
.gp-page > a:hover,a.on_pages { background-color:#336EBA; color: #fff; border-color: #336EBA;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.pages .gp-page-prev,.pages .gp-page-next{
    position: relative;
}
.pages .gp-page-prev::after,.pages .gp-page-next::after{
    content: '';
    background: url(../images20221014/page_lf.png) no-repeat;
    display: inline-block;
    width: 13px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.pages .gp-page-next::after{
    background: url(../images20221014/page_rt.png) no-repeat;
}
.pages a.gp-page-prev:hover::after{
    background: url(../images/page_lf_white.png) #336EBA no-repeat center;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.gp-m-page .gp-page-prev, .gp-m-page .gp-page-next{
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    width: auto;
}

/* 自定义下拉框 */
.pages > .select_box {
	position:relative;
    display: inline-block;
	margin:0 auto;
    text-align: left;
	width: 120px;
    border-radius: 24px;
    margin-left: 16.5px;
}
.mobile_page{
    display: none;
}
.select_box::after{
    content: '';
    display: block;
    width: 17px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    background: url(../images/select_icon.png) no-repeat center;
    transition: all 0.25s ease;
}
.select_box.on::after{
    transform: translateY(-50%) rotate(180deg);
}
.select_box:hover {
	cursor:pointer;
}
.select_box span {
	display:inline-block;
    margin-left: 22px;
    color: #666;
}
.select_box.on .option{
    display: block;
}
.option {
	display:none;
	position:absolute;
	bottom:48px;
	width:120px;
	border:1px solid #dedede;
	border-top:none;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.5);
}
.option li a{ color: #fff;}
.option li {
	padding:5px 10px;
    line-height: 30px;
}
.option li:hover {
	background:#ddd;
}
.option li:hover a{
    color: #0049A8;
}

.article{
    margin-top: 50px;
    padding: 0 20px;
}

.gp-title{ line-height: 1.36; text-align: center; font-weight: bold;}
.gp-info{ color: #999; text-align: center; margin-top: 24px; line-height: 1; position: relative;}
.gp-info::after{ content: ''; display: block; height: 1px; width: 87.7%; background-color: #E8E8E8; position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%);}
.gp-info span{ margin-right: 30px; display: inline-block;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-content{ margin-top: 54px;}
.gp-content p{line-height: 1.71;margin-bottom: 10px;text-align: justify;}
.gp-content p:last-child{ margin-bottom: 0px;}
.share, .bdsharebuttonbox, .shareBox, .w-title, .w-close, .w-footer{ display: none;}
.articleCode{
    max-width: 120px;
    margin: 0 auto;
}
.weChatBox{
    position: static;
    left: auto;
    top: auto;
    width: 120px;
    height: 120px;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.qrcode{
    width: 120px;
    height: 120px;
    margin: 0px;
}
.textCode{
    text-align: center;
    margin-top: 10px;
}

.Annex h3{
    margin-bottom: 20px;
}
.Annex li::marker{ content: '';}
.Annex li{ margin-bottom: 10px;}
.Annex li:last-child{ margin-bottom: 0px;}
.Annex li a{ padding-left: 20px; opacity: 0.8;}
.Annex li a:hover{color: #0049a8; opacity: 1;}

.list{ margin-top: 24px; margin-bottom: 60px;}
.list li{ border-bottom: 1px solid #E8E8E8;}
.list a{
    display: block;
    padding: 24px 0;
    padding-left: 15px;
    position: relative;
    transition: all 0.35s ease;
}
.list a::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.list li:hover a::before{ background-color: #EAA016;}
.list li:hover a{ text-indent: 0.4em;}


.multiple{ margin: 30px 0px; margin-top: 0px;}


@media screen and (max-width:997px) {
  .gp-subLeft,.gp-page{display: none;}
  .gp-m-subNav{display: block;}
  .gp-m-page{ display: block;}
  .gp-right, .gp-left{ width: 100%; float: none;}
  .gp-right{ margin-top: 30px;}
}

/* 响应式样式 */
@media screen and (max-width:1600px){
    
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width:479px) {
    .subContent{ margin-top: 40px; padding: 30px 20px;}
    .flex{ display: block;}
    .list{ margin-bottom: 30px;}
    .article{ padding: 0px;}
    .logo02{ font-size: 2.4rem;}
}

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

}

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