.home .banner { width: 100%; position: relative; }
.home .banner img { width: 100%; display: block; object-fit: cover; }
.home .banner .text { position: absolute; left: 0; bottom: -20px; width: 100%; color: white; text-align: center; }
.home .banner .text .p1 { font-size: 40px; }
.home .banner .text .p2 { font-weight: lighter; font-size: 20px; margin: 40px 0 15px 0; }
.home .banner .text .line { width: 1px; height: 240px; background: rgba(242, 242, 242, 0.2); margin: 0 auto; position: relative; overflow: hidden; }
.home .banner .text .line::before { content: ""; display: block; width: 1px; height: 25px; background: #F2F2F2; position: absolute; left: 0; top: 0; animation: down 4s infinite linear; }
@keyframes down {
 from {
 top: 0;
}
 to {
 top: 100%;
}
}
.home .main { width: 80%; max-width: 1200px; margin: 80px auto 0 auto; padding-bottom: 80px; }
.home .main .t1 { color: #111010; font-size: 34px; font-weight: bolder; }
.home .main .content { margin-top:20px; padding-top: 30px; border-top: 1px solid rgba(38, 51, 70, 0.2);  }
.home .main .content .p1 { color: #010101; font-size: 24px; text-align: center; }
.home .main .content .tag { color: #666666; font-size: 18px; margin: 30px 0; text-align: center; }
.home .main .content .tag span { margin: 0 8px; }
.home .main .content .html { line-height: 2; font-size: 18px; font-weight: lighter;/*text-align: center;*/ }
.home .main .content .html img { max-width: 100%; object-fit: cover; }
.home .main .content .html p { margin-top: 20px; }
.home .main .content .html p { text-indent: 30px; }
.home .main .pager { display: flex; align-items: center; justify-content: space-between; }
.home .main .pager a { display: flex; align-items: center; max-width: 48%; }
.home .main .pager a .icon { display: inline-block; position: relative; }
.home .main .pager a .icon img:nth-child(1) { transform: rotateY(180deg); }
.home .main .pager a .icon img { transition: all 600ms; display: block; object-fit: contain; }
.home .main .pager a .icon img:nth-child(2) { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.home .main .pager a .st p { color: #333333; font-size: 18px; margin: 0 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 600ms; }
.home .main .pager a:hover .icon img:nth-child(1) { opacity: 0; }
.home .main .pager a:hover .icon img:nth-child(2) { opacity: 1; }
.home .main .pager a:hover .st p { color: #0075C3; }
.home .main .pager a:last-child { flex-direction: row-reverse; }
.home .main .pager a:last-child .icon { transform: rotateY(180deg); }
.SubTop { padding-bottom: 25px; border-bottom: 4px solid #f3f3f3; }
.content .SubTit { font-size: 26px; color: #333; font-weight: bold; text-align:center; padding:20px 0 40px 0; }
.content .SubTime { font-size: 20px; color: #999; font-family: myfont; margin: 20px 0; }
.content .SubFx li { display: inline-block; vertical-align: middle; font-size: 14px; color: #999; margin-right: 15px; }
.content .SubFx li img { display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; }
.SubText { font-size: 18px; line-height: 36px; margin-top: 20px; }
.SubText img { margin: 0 auto; max-width: 100%; height: auto; }
.SubText p { margin-top: 10px; }
.SubNext { margin-top: 60px; }
.SubNext li { width: 100%; padding: 20px; background: #f7f7f7; margin-bottom: 10px; box-sizing: border-box; }
.SubNext li a { display: block; width: 100%; font-size: 18px; color: #333; }

@media screen and (max-width: 1200px) {
.home .banner img { height: 320px; }
.home .banner .text .p1 { font-size: 24px; }
.home .banner .text .p2 { margin: 15px 0; }
.home .banner .text .line { height: 100px; }
.home .main { width: 90%; margin: 30px auto; padding-bottom: 0; }
.home .main .t1 { font-size: 22px; }
.home .main .content { padding: 15px 0; }
.home .main .content .p1 { font-size: 18px; }
.home .main .content .tag { margin: 15px 0; }
.home .main .pager { flex-direction: column; }
.home .main .pager a { width: 100%; max-width: 100%; }
.home .main .pager a:last-child { margin-top: 10px; }



.SubTop { padding-bottom: 25px; border-bottom: 2px solid #f3f3f3; }
.content .SubTit { font-size: 18px; color: #333; font-weight: bold; }
.content .SubTime { font-size: 15px; color: #999; font-family: myfont; margin: 20px 0; }
.content .SubFx li { display: inline-block; vertical-align: middle; font-size: 14px; color: #999; margin-right: 15px; line-height: 28px;}
.content .SubFx li img { display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; }
.SubText { font-size: 16px; line-height: 32px; margin-top: 20px; }
.SubText img { margin: 0 auto; max-width: 100%; height: auto; }
.SubText p { margin-top: 10px; }
.SubNext { margin-top: 30px; }
.SubNext li { width: 100%; padding: 20px; background: #f7f7f7; margin-bottom: 10px; box-sizing: border-box; }
.SubNext li a { display: block; width: 100%; font-size: 16px; color: #333; line-height:32px;}

}

/*# sourceMappingURL=info.css.map */