/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../pic/008.png) !important;} */

 @font-face {
	font-family: "Impact"; /* Project id 1527704 */
	src: url('../fonts/Impact.woff2') format('woff2'),
		 url('../fonts/Impact.woff') format('woff'),
		 url('../fonts/Impact.ttf') format('truetype'); 
} 
 
 
.sub_banner{ overflow: hidden; clear: both;position: relative;}  
.sub_banner::before{content: "";display: block;width: 100%;height: 18rem;background-image: -moz-linear-gradient( 90deg, rgba(3,0,0,0.5) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(3,0,0,0.5) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(3,0,0,0.5) 0%, rgba(0,0,0,0) 100%);position: absolute;left: 0;bottom: 0;}
.sub_banner .imgResponsive{ height: 0; padding-bottom:23.95%; text-align: center; clear: both; overflow: hidden;}
.sub_banner img{ display: block; margin: 0 auto;} 
.sub_banner img:hover{transform: none;} 

/*面包屑*/
.bread{position: absolute;left: 50%;bottom: 3rem;transform: translateX(-50%);line-height: 1.5;display: flex;align-items: center;color: #fff;text-align: left;}
.bread img{width: 1.25em;display: inline-block;margin: 0;margin-right: 0.8rem;}
.bread span{display: inline-block;margin: 0 0.8rem;}
.bread a{color: #fff;}
.bread a:hover{font-weight: bold;}


.subPage{ position:relative;margin: 2rem 0 0 ;} 

.page_title{display: flex;align-items: center;position: relative;box-sizing: border-box;padding: 3rem 0;margin-bottom: 6rem;}
.page_title::before{content: "";display: block;width: 11.8rem;height: 11.8rem;border: 0.1rem solid rgba(184, 2, 0,0.3);border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;} 
.page_title span{margin: 0 2rem;color: #b80200;background: #fff;box-sizing: border-box;padding: 1rem 0;}
.page_title span i{background: #d9d9d9;display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;border-radius: 50%;margin: 0 1rem;}
.page_title .zs{flex: 1;position: relative;}
.page_title .zs1::before{content: "";display: block;width: 1.1rem;height: 1.1rem;background: #e6e6e6;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -0.55rem;}
.page_title .zs1::after{content: "";display: block;width: calc(100% - 1.3rem);height: 0.1rem;background: #e6e6e6;position: absolute;left: 1.3rem;top: 50%;}
.page_title .zs2::before{content: "";display: block;width: 1.1rem;height: 1.1rem;background: #e6e6e6;border-radius: 50%;position: absolute;right: 0;top: 50%;margin-top: -0.55rem;}
.page_title .zs2::after{content: "";display: block;width: calc(100% - 1.3rem);height: 0.1rem;background: #e6e6e6;position: absolute;right: 1.3rem;top: 50%;}
    

.list1{display: flex;flex-wrap: wrap;position: relative;}
.list1::after{content: "";display: block;width: 0.1rem;height: calc(100% - 4rem);background: rgba(238,238,238);position: absolute;left: 50%;top: 0;}
.list1 li{width: 50%;box-sizing: border-box;padding-bottom: 4rem; padding-top: 4rem; position: relative;border-top: .1rem solid rgb(238, 238, 238); } 
.list1 li a{display: flex;}
.list1 li a .img{width: 39%;margin-right: 2rem;min-width: 26rem;}
.list1 li a .info{flex: 1;}
.list1 li a .info .title{line-height:1.4;height: 2.8em;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #333;}
.list1 li a:hover .info .title{color: #c91624;}
.list1 li a .info .summary{line-height:1.7;height: 5.1em;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #999;margin-top: 2rem;}
.list1 li:nth-child(odd){padding-right: 4rem;}
.list1 li:nth-child(even){padding-left: 4rem;}
.list1 li:nth-child(1),.list1 li:nth-child(2){padding-top: 0;border-top: 0;}


.list2{}
.list2 li{margin-bottom: 3.2rem;}
.list2 li a{display: flex;box-sizing: border-box;padding: 1.4rem;border: 0.1rem solid #eee;transition: all 0.3s ease-in-out;}
.list2 li a:hover{background-color: rgb(159, 13, 13);box-shadow: 0px 10px 20px 0px rgba(159, 13, 13, 0.3);border-color: rgb(159, 13, 13);}
.list2 li a .img{width: 28.5rem;}
.list2 li a .img span{padding-bottom: 66.66%;}
.list2 li a .info{flex: 1;overflow: hidden;margin: 0 3rem 0 2rem;} 
.list2 li a .date{text-align: center; display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;padding: 0 1.8rem 0 4rem;color: #999;position: relative;}
.list2 li a .date::before{content: "";display: block;width: 0.1rem;height: 83%;background: #eee;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.list2 li a .date .d1{ color: #9a0000; }
.list2 li a .info .title{line-height:1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #000;margin-top: 2.3rem;}
.list2 li a .info .summary{line-height:1.714;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #999;margin-top: 2.5rem;}
.list2 li a:hover .info .title{color: #fff;}
.list2 li a:hover .info .summary{color: #fff;opacity: 0.5;}
.list2 li a:hover .date{color: #fff;}
.list2 li a:hover .date::before{background: #fff;opacity: 0.3;}
.list2 li a:hover .date .d1{color: #fff;}
 
.list3{display: flex;flex-wrap: wrap;}
.list3 li{width: 50%;;display: flex;align-items: start;align-items: self-start;align-items: flex-start;border-bottom: 0.1rem solid #eee;box-sizing: border-box;padding-bottom: 2.5rem;margin-bottom: 4.3rem;}
.list3 li .lt{background: url(../images/rlbg.png) no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: 2.9rem 0.7rem 0.7rem;}
.list3 li .lt .date{text-align: center;color: #666;background: #fff;border-radius: 0 0 0.3rem 0.3rem;box-sizing: border-box;padding: 0.4rem 1.6rem;}
.list3 li .lt .date .d1{color: #b80200;font-weight: bold;}
.list3 li .info{flex: 1;overflow: hidden;margin-left: 2rem;}
.list3 li .info .title{line-height:1.3;height: 2.6em;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #000;}
.list3 li .info .summary{line-height:1.571;height: 3.142em;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #999;margin-top: 1.5rem;}
.list3 li:nth-child(odd){padding-right: 5rem;}
.list3 li:nth-child(even){padding-left: 5rem;}
.list3 li .title:hover{color: #c91624;}
 
.list4{}
.list4 table{width: 100%;} 
.list4 tr {height: auto;color: #000; }
.list4 tr td{vertical-align: middle;border: none;line-height: 1.5;padding: 1.65rem 5rem;}
.list4 tr:nth-child(odd) {background: #f5f5f5;}
.list4 tr:nth-child(1) {background: #b80200;color: #fff;}
.list4 tr:nth-child(1) td{padding: 1.35rem 5rem;}
 
.list5{display: flex;flex-wrap: wrap;margin: 0 -1.5rem;}
.list5 li{width: 33.3%;margin-bottom: 4rem;}
.list5 li a{display: block;margin: 0 1.5rem;}
.list5 li a .img{border-radius: 0.5rem;overflow: hidden;position: relative;}
.list5 li a .img .gp-img-responsive{padding-bottom: 68.44%;}
.list5 li a .img .date{position: absolute;left: 1rem;bottom: 1rem;display: flex;align-items: center;border: 0.1rem solid rgb(175, 42, 60);border-radius: 0.6rem;background: #c91624;color: #fff;}
.list5 li a .img .date .d1{padding: 0rem 0.5rem;}
.list5 li a .img .date .d2{background: #fff;color: #c91624;box-sizing: border-box;padding: 0.3rem 0.4rem;border-radius: 0 0.6rem 0.6rem 0;font-weight: bold;}
.list5 li a .img .more{display:inline-block;width: 8.8rem; height: 5.7rem; text-align: center; line-height: 5.7rem; background: rgba(201, 22, 36,0.6); border-radius: .6rem; position: absolute; left: 50%; top: 50%; margin-left: -4.4rem; margin-top: -2.8rem;display: flex;align-items: center;justify-content: center;}
.list5 li a .img .more img{ width: auto; }
.list5 li a .title{color: #4a4a4a;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin-top: 2rem;}
.list5 li a:hover .title{color: #c91624;}
 
.list6{display: flex;flex-wrap: wrap;margin: 0 -1.5rem;margin-top: -1rem;}
.list6 li{width: 25%;margin-bottom: 4rem;}
.list6 li .con{margin: 0 1.5rem;}
.list6 li .con .txt{color: #000;line-height: 1.5;box-sizing: border-box;padding: 3.5rem 3rem 4.2rem;position: relative;background: url(../images/bg.png) no-repeat 2rem 2rem;border: 0.1rem solid rgb(230, 230, 230);border-radius: 0.6rem;margin-bottom: 2.8rem;}
.list6 li .con .txt::before{content: "";display: block;width: 2rem;height: 2rem;border: .1rem solid rgb(230, 230, 230);border-top: none;border-left: none;position: absolute;left: calc(50% - 1.5rem);bottom: -0rem;transform: rotate(45deg);transform-origin: 0 100%;background: #fff;}
.list6 li .con .name{color: #333;text-align: center;line-height: 1.5;} 
 
.list7{}
.list7 li{margin-bottom: 6rem;}
.list7 li a{display: flex;align-items: start;align-items: flex-start;align-items: self-start;}
.list7 li a .date{font-family: "Impact";-webkit-text-stroke: 0.1rem #999;-webkit-text-fill-color: transparent;color: #fff;position: relative;display: flex;margin: 2rem 0 0;line-height: 1;}
.list7 li a .img {display: flex;align-items: start;align-items: flex-start;align-items: self-start;}
.list7 li a .img p{width: 32rem;}
.list7 li a .img span{padding-bottom: 78.125%;}
.list7 li a .img i{display: block;width: 15rem;height: 0.1rem;background: #d9d9d9;margin: 5rem 2rem 0;} 
.list7 li a .txt{flex: 1;margin: 2rem 0 0;line-height: 1.625;color: #333;position: relative;padding-left: 19rem;}
.list7 li a .txt::before{content: "";display: block;width: 15rem;height: 0.1rem;background: #d9d9d9;margin: 0 2rem 0;position: absolute;left: 0;top: 3rem;}
.list7 li a .img +.txt{padding-left: 0;}
.list7 li a .img +.txt::before{display: none;}
.list7 li a:hover .date{-webkit-text-stroke: 0rem #b80200;-webkit-text-fill-color: #b80200;} 
.list7 li a:hover .img i{background: #b80200; }
.list7 li a:hover .txt{color: #b80200;}
.list7 li a:hover .txt::before{background: #b80200;}
   
 
  

.gp-page{text-align: center;margin: 2rem 0 8rem 0; }
.gp-page >*{display: inline-block;vertical-align: middle;margin: 0 1rem;}
.gp-page >a{width: 4.8rem;height: 4.8rem;text-align: center;line-height: 4.6rem;border-radius: 50%;border: 0.1rem solid #eee;position: relative; }
.gp-page >a.on_pages,.gp-page >a:hover{color: #fff;background: #c91624;border-color: #c91624;}  
.gp-page .gp-page-prev{background: url(../images/left.png) no-repeat center;background-size:auto 40%;}
.gp-page .gp-page-next{background: url(../images/right.png) no-repeat center;background-size:auto 40%;}
.gp-page .gp-page-prev:hover{background: url(../images/left2.png) #c91624 no-repeat center;background-size:auto 40%;}
.gp-page .gp-page-next:hover{background: url(../images/right2.png) #c91624 no-repeat center;background-size:auto 40%;}
.gp-page .divSelect{height: 4.8rem;line-height: 4.6rem;border-radius: 2.3rem;border: 1px solid #eee;position: relative;box-sizing: border-box;}

.select_mask{width: 1.4rem;height: 0.8rem;display: block;position: absolute;right: 1.8rem;top: 1.9rem;background: url(../images/down.png) no-repeat;transition: all 0.2s ease-in-out;background-size: cover;}
.divSelect cite{height: 4.6rem;line-height: 4.6rem;color: #666;font-style: normal;display: block;cursor: pointer;padding: 0 5.5rem 0 2.2rem;}
.linkList02{position: absolute;left: 0;top: 100%;z-index: 5000;background-color: #fff;width: 100%;max-height:500px;overflow-y: auto;display: none;box-shadow: 0.5rem 1rem 1rem rgba(0,0,0,0.15);max-height: 150px;}
.linkList02 li{padding:0.8rem;text-align: center;line-height: 1.2;cursor: pointer;}
.linkList02 li:hover{background-color: #f1f1f1;}
.linkList02 li a{display: block;} 
.divSelect.active .select_mask{transform: rotate(-180deg);} 
    

.page_article{padding: 4.5rem 0 8rem;}  
.page_article_title{text-align: center;font-weight: bold;color: #333;line-height: 1.2;}
.article_author{text-align: center;border-bottom: 0.1rem solid rgb(230, 232, 236);box-sizing: border-box;padding: 2rem 0;margin-top: 1.5rem;}
.article_author span{display: inline-block;margin: 0 2rem;line-height: 1.5;color: #999;} 
.gp-article{display: flex;padding: 3.5rem 0 6rem;}
.gp-article .gp-article2{flex: 1;line-height: 1.875;color: #333;}
.gp-article2 >*{text-indent: 2em;}  
.gp-article2 img{display: block;margin: 0 auto;max-width: 100%;}

.annex{}
.annex h3{background: #eee;color: #333;box-sizing: border-box;padding: 2rem 6rem;font-weight: normal;position: relative;}
.annex h3::before{content: "";display: block;width: 0.4rem;height: 0.4rem;background: #b80200;border-radius: 50%;position: absolute;left: 5rem;top: 50%;margin-top: -0.2rem;}
.annex ul{margin: 0 0 0 6rem;}
.annex ul li{margin-top: 1.2rem;}
.annex ul li a{color: #333;line-height: 1.714;}

  

.share_box {text-align: center;font-size: 0rem;z-index: 100;position: relative;float: right;margin: 1rem 0 0 4rem;}
.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 {margin: 0 0 2rem 0rem;position: relative;width: 6.7rem;height: 6.7rem;background-position: center center;background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: block;border-radius: 50%;border: 0.1rem solid rgb(238, 238, 238);}
.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 i{ color: #7dd43c;}
.share_box .share_btn.share_sina i{ color: #e83437;}
.share_box .share_btn.share_more i{color: #dadada;}
.share_box .share_btn.share_qzone i{ color: #fecb56;}  
.share_box .share_btn.share_twitter i{ color: #6babe8;}
.share_box .share_btn.share_facebook i{ color: #415a94;}
.share_box .share_btn.share_linkedin i{ color: #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%; right: 0%; padding: 0; display: none;z-index: 2;z-index: 10;background: #fff;}
.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: 1rem 0 0;  }
.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: 0;width: auto;transform: none;margin-top: 2rem;}
	.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{display: inline-block;margin: 0 1rem 0;background: #fff;} 
	.share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%;background: none; } 
    .share_box .share_more .share_btn{margin: 0 0 1rem 0;}
	
	.share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;}
}
@media screen and (max-width: 767px){
	.share_box{float: none;}
}

 


@media screen  and (max-width:1400px) {
    .list3 li:nth-child(odd){padding-right: 4rem;}
    .list3 li:nth-child(even){padding-left: 4rem;}

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

@media screen  and (max-width:1024px) { 
      
}
 
@media screen  and (max-width:996px) {
    .bread{width: 100% !important;}
    .list1 li{width: 100%;padding: 0 !important;padding: 0 0 3rem 0 !important;margin-bottom: 3rem;border: none !important;border-bottom: 0.1rem solid rgb(238, 238, 238) !important;}
    .list1::after{display: none;}
    .list1 li a .info .title{height: auto;}
    .list1 li a .info .summary{height: auto; }

    .list2 li a .date{padding: 0 1.8rem 0 3rem;}
    .list2 li a .info .title{margin-top: 1rem;}
    .list2 li a .info .summary{margin-top: 2rem;}

    .list3 li:nth-child(odd){padding-right: 3rem;}
    .list3 li:nth-child(even){padding-left: 3rem;}
    
    .list7 li{margin-bottom: 5rem;}
    .list7 li a .img i{width: 10rem;}
    .list7 li a .txt{padding-left: 14rem;}
    .list7 li a .txt::before{width: 10rem;}

    .gp-article{flex-direction: column;}
    .article_author{margin-top: 0;}
    .page_article {padding: 4rem 0 6rem;}
    .gp-article {padding: 3.5rem 0 4rem;}
    .list6 li{width: 33.3%;}
    .page_title{margin-bottom: 5rem;}
}


 
@media screen  and (max-width:768px) { 
    .bread{bottom: 2rem;}
    .gp-page >a{display: none;}
    .gp-page .gp-page-prev,.gp-page .gp-page-next,.gp-page .on_pages{display: inline-block;}
    .gp-page >*{margin: 0 0.5rem;}

    
    .list2 li a .date{padding: 0 1.5rem 0 2.5rem;}
    
    .list3 li{width: 100%;}
    .list3 li .info .title{height: auto;}
    .list3 li .info .summary{height: auto;margin-top: 1rem;}
    .list3 li:nth-child(odd){padding-right: 0rem;}
    .list3 li:nth-child(even){padding-left: 0rem;}

    .list4{overflow-x: auto;}
    .list4 table{min-width: 700px;}
     
    .list7 li{margin-bottom: 4rem;}
    .list7 li a .img i{width: 0;}
    .list7 li a .txt{padding-left: 4rem;}
    .list7 li a .txt::before{width: 0rem;}

    .list5 li{width: 50%;}
    .list6 li{width: 50%;}
    .page_title{margin-bottom: 4rem;}
}
  

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


@media screen and (max-width:540px) {
    .list7 li a{flex-wrap: wrap;}
    .list7 li a .img{width: 100%;margin-bottom: 2rem;} 
    .list7 li a .img i{display: none;}
    .list7 li a .img p{width: 100%;} 
    .list7 li a .date{order: 1;margin: 0;}
    .list7 li a .txt{order: 2;padding: 0 0 0 2rem !important;margin: 0;}
    .list7 li a .txt::before{display: none;}
}
@media screen and (max-width:480px) {
    .list1 li a{display: block;}
    .list1 li a .img{width: 100%;min-width: auto;margin: 0;}
    .list1 li a .info{width: 100%;margin: 2rem 0 0;}
    .list1 li a .info .summary{margin-top: 1rem;}

    .list2 li a{flex-wrap: wrap;}
    .list2 li a .img{width: 100%;margin-bottom: 1rem;}
    .list2 li a .info{margin: 0 2rem 0 0;}
    .list2 li a .info .summary{margin-top: 1rem;}

    .list5 li{width: 100%;}
    .list6 li{width: 100%;}
}