/***
* author: zmt
* data: 2023-10-12
****/
/*article page*/
.section_header {margin-top: 25px;}
.article_header {padding: 32px 0 58px;}
.crumb { font-size: 14px; line-height: 16px;}
.section_header {background-color: #f7f7f7;margin-left:auto;margin-right: auto;}
.article_banner { position: relative; width: 100%; height: 700px;overflow: hidden;}
.article_banner img{ position: absolute; left: 50%; width: 1840px; height: 700px; transform: translateX(-920px);}
.article_title {font-size: 36px;line-height: 48px;font-weight: bold; margin-top: 50px;}
.author_time { display: flex; flex-direction: row; margin-top: 40px;font-size:18px;color:#969696;}
.author_time span{ display: flex; align-items: center;}
.by_time { margin-right: 30px;}
.by_time::before{content: ""; width: 18px;height: 18px;background: url(../images/pc/by_time2x.png);background-size: cover;margin-right: 10px;}
.by_author::before{content: ""; width: 17px;height: 15px;background: url(../images/pc/by_author2x.png);background-size: cover;margin-right: 10px;}

.container { display: flex; margin-top: 90px;flex-direction: row; justify-content: space-between;}
.article_txt {width: 900px;font-size: 18px;line-height:30px;text-align: justify;}
.article_txt p{ margin-bottom: 40px;}
.article_txt img { width: 100%; margin-bottom: 20px;}

h3{font-size: 36px;line-height:1em;font-weight: bold;text-transform: uppercase;margin-top: 130px;}
.stories { margin-top: -15px;display: grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));grid-column-gap:15px;}
.stories li{ margin-top: 70px; display: flex; flex-direction: column;font-size: 18px;align-items: center;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);}
.stories_item_img img{width: 100%; height: auto;}
.stories_item_intro p{ font-size: 22px; line-height: 36px;padding: 33px 25px;}

.global_footer { margin-top: 60px;}


@media (max-width: 767.98px) { 
    .article_header {padding: 16px 0 20px;}
    .article_banner {height: auto;}
    .article_banner img{ position: relative; width: 100%; height: auto; left:auto;transform: translateX(0);}
    .article_title { font-size: 18px;line-height: 24px; margin-top: 20px;}
    .author_time { flex-direction:column; margin-top: 20px; }
    .by_time {margin-bottom: 10px;}
    .article_txt {width: 100%;}
    .container {margin-top: 30px;flex-direction: column;}
    .advertising {text-align: center;}
    h3 {margin-top: 50px;}
    .stories {grid-template-columns:repeat(auto-fill,minmax(50%,1fr));}
    .stories li {margin-top: 40px;}
    .stories li img{ height: auto;}
    .global_footer { margin-top: 20px;}
}

@media (min-width: 768px) and (max-width: 919.98px) { 
    .article_txt {width: 100%;}
    .stories {grid-template-columns:repeat(auto-fill,minmax(50%,1fr));}
    .stories li {margin-top: 40px;}
    .article_banner {height: auto;}
    .article_banner img{ position: relative; width: 100%; height: auto; left:auto;transform: translateX(0);}
}
@media (max-width: 1200px) { 
    .article_txt{padding-right: 50px;}
}
@media (min-width: 1840px) { 
    .section_header{ width: 1840px;}
}