.article-wrap{background-color: #000221;}


.con-more{margin-top:35px;display:inline-block;}
.con-more .text{letter-spacing:2px; font-size: 12px;line-height:30px ; color: white; vertical-align: middle;font-family: "AlibabaPuHuiTi-Bold"}
.con-more .icon{margin-left: 10px; background-image: url(../images/icon-arrow-right.png); background-size: auto; background-repeat: no-repeat; background-position: left center; width: 15px;height: 15px; display:inline-block;vertical-align: middle;}
.con-more:hover .text{color: #bb8d59;}
.con-more:hover .icon{margin-left: 20px; background-image: url(../images/icon-arrow-right-white.png);}


/* 文章列表 */
.article-wrap .article-box{ padding:200px 12% 0;overflow: hidden;}
.article-wrap .article-box .article-header{ display: flex;align-items: center; justify-content: space-between; }
.article-wrap .article-box .article-header .header-title{}
.article-wrap .article-box .article-header .header-title .line{width: 17px;height: 2px; background-color: #bb8d59;}
.article-wrap .article-box .article-header .header-title .text{ margin-top: 15px; color: white; font-size: 30px; line-height: 30px;font-family: 'CKTKingKong-Bold'; }
.article-wrap .article-box .article-header .header-nav{}
.article-wrap .article-box .article-header .header-nav .item{ font-family: 'AlibabaPuHuiTi-Bold';font-size:14px;line-height:30px; color: #bb8d59; margin-right: 50px; position: relative;}
.article-wrap .article-box .article-header .header-nav .item.active{ color: white; }
.article-wrap .article-box .article-header .header-nav .item.active::after{ content:'';position: absolute; bottom: -15px; left: 0; height: 2px; width: 100%; background-color: #bb8d59; }
.article-wrap .article-box .article-items{ margin-top: 100px; }
.article-wrap .article-box .article-items .item{ display: flex;justify-content: space-between; align-items: center;margin-bottom: 90px; }
.article-wrap .article-box .article-items .item .thumb{ overflow: hidden; flex-shrink: 0;width: 460px;height: 320px; margin-right: 55px;}
.article-wrap .article-box .article-items .item .info{ color: white;width:100%; }
.article-wrap .article-box .article-items .item .info .con-date{ font-size: 14px; line-height: 30px; color: #bb8d59; font-family: 'CKTKingKong-Bold'; }
.article-wrap .article-box .article-items .item .info .con-title{ font-size: 30px; line-height: 36px; color: white; font-family: 'CKTKingKong-Bold';}
.article-wrap .article-box .article-items .item:hover .thumb img{ transform: scale(1.1);}
.article-wrap .article-box .article-items .item:hover .info .con-title{ opacity: 0.6; }
.article-wrap .article-box .article-items .item:hover .con-more .text{color: #bb8d59;}
.article-wrap .article-box .article-items .item:hover .con-more .icon{margin-left: 20px; background-image: url(../images/icon-arrow-right-white.png);}

.article-wrap .article-box .honor-items{margin-top: 100px; display:flex; justify-content:space-between; flex-flow: row wrap;}
.article-wrap .article-box .honor-items .item{ width:172px;height:auto;margin-right: calc(25% - 172px); margin-bottom:45px;display: table;}
.article-wrap .article-box .honor-items .item:last-child,
.article-wrap .article-box .honor-items .item:nth-child(4n+0){ margin-right:0;}
.article-wrap .article-box .honor-items .item .thumb{ overflow: hidden; flex-shrink: 0;text-align: center;display: flex;justify-content: center;align-items: flex-end;}
.article-wrap .article-box .honor-items .item .info .con-title{ text-align:center; font-family: 'AlibabaPuHuiTi-Regular'; font-size:14px;line-height:42px; color:#bb8d59;}
.article-wrap .article-box .honor-items .item{}
@media screen and (max-width:900px){
    .article-wrap .article-box .honor-items .item{ margin-right: calc(50% - 172px); margin-bottom:25px;}
    .article-wrap .article-box .honor-items .item:nth-child(2n+0){ margin-right:0;}
}

@media screen and (max-width:768px){
	.article-wrap .article-box{padding:120px 0 0;}
	.article-wrap .article-box .article-header{display: block;}
	.article-wrap .article-box .article-header .header-nav{ margin-top:35px; }
	.article-wrap .article-box .article-header .header-nav .item{ margin-right: 35px; }
	.article-wrap .article-box .article-items{ margin-top: 60px; }
	.article-wrap .article-box .article-items .item{ display: block;margin-bottom: 45px;}
	.article-wrap .article-box .article-items .item .thumb{width: 100%;height: auto;margin-right:0px;}
	.article-wrap .article-box .article-items .item .info{margin-top: 10px;}
	.article-wrap .article-box .article-items .item .info .con-title{ font-size: 24px; line-height: 32px;}
	.article-wrap .article-box .article-items .item .info .con-more{margin-top: 20px;}
}

@media screen and (max-width:375px){
    .article-wrap .article-box .honor-items .item{ width:100%; margin-right:0;flex: auto; }
}

/* 文章内容 */
.article-wrap .article-box .article{}
.article-wrap .article-box .article .back-btn{display: inline-block;}
.article-wrap .article-box .article .back-btn .icon{background-image: url(../images/icon-arrow-right.png); background-size: auto; background-repeat: no-repeat; background-position: left center; width: 15px;height: 15px; display:block;vertical-align: middle;}
.article-wrap .article-box .article .back-btn .text{letter-spacing:2px; font-size: 14px;line-height:30px ; color: white; vertical-align: middle;font-family: "AlibabaPuHuiTi-Bold";color: #bb8d59;}
.article-wrap .article-box .article .back-btn:hover .text{color: white;}
.article-wrap .article-box .article .back-btn:hover .icon{margin-left: 10px; background-image: url(../images/icon-arrow-right-white.png);}
.article-wrap .article-box .article .header-meta{ margin-top:70px; }
.article-wrap .article-box .article .header-meta .date{font-size: 14px; line-height: 30px; color: #bb8d59; font-family: 'CKTKingKong-Bold'; }
.article-wrap .article-box .article .header-meta .post-title{font-size: 48px; line-height: 60px; color: white; font-family: 'CKTKingKong-Bold';}
.article-wrap .article-box .article .post-content{ margin-top: 85px; color: #bb8d59; font-family: 'AlibabaPuHuiTi-Regular';font-size:16px ;line-height:30px ;}
.article-wrap .article-box .article .post-padding{ margin-top: 90px; line-height: 70px; display: flex; align-items: center; justify-content: space-between; border-top:1px solid #bb8d59;border-bottom: 1px solid #bb8d59; }
.article-wrap .article-box .article .post-padding{}
.article-wrap .article-box .article .post-padding .btn-previous .icon,
.article-wrap .article-box .article .post-padding .btn-next .icon{  background-image: url(../images/icon-arrow-right.png); background-size: auto; background-repeat: no-repeat; background-position: left center; width: 15px;height: 15px; display:inline-block;vertical-align: middle;}
.article-wrap .article-box .article .post-padding .btn-previous .icon{ margin-right: 10px; transform: rotateY(180deg); }
.article-wrap .article-box .article .post-padding .btn-next .icon{margin-left: 10px;}
.article-wrap .article-box .article .post-padding .btn-previous .text,
.article-wrap .article-box .article .post-padding .btn-back .text,
.article-wrap .article-box .article .post-padding .btn-next .text{color: #bb8d59; font-size: 14px; line-height: 30px; font-family: 'AlibabaPuHuiTi-Bold';}
.article-wrap .article-box .article .post-padding .text:hover{ color: white; }
@media screen and (max-width:768px){
	.article-wrap .article-box .article .header-meta{ margin-top:35px; }
	.article-wrap .article-box .article .header-meta .post-title{ font-size: 32px; line-height: 42px; }
	.article-wrap .article-box .article .post-content{ margin-top: 45px; }
}