.side-bar{position:fixed;width:30%;height:100%;top:0;left:0;background-color:#e0e0e0;z-index:9}
.side-bar .title2{color:#303030}
.side-bar .top{padding-left:5vw}
.side-bar .top.hide > div{visibility:hidden}
.side-bar .top.hide .text-style1 div{transform:translateY(101%);-webkit-transform:translateY(101%)}
.side-bar .top.hide .text{opacity:0;transform:translateY(30%);-webkit-transform:translateY(30%)}
.side-bar .text{margin-top:26px;color:#999;line-height:1.85;transition:0.7s 0.4s;-webkit-transition:0.7s 0.4s}
.side-bar .img{position:absolute;left:0;bottom:0;width:100%;height:17.25vw;overflow:hidden}
.side-bar .img div{width:100%;height:100%;background:no-repeat center;background-size:cover}
.top{height:100vh;padding-bottom:17.25vw;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;align-content:center}
.top > div:not(.more-wrap){width:100%}
.title1{font-size:22px;margin-bottom:10px}
.title2{font-size:58px;letter-spacing:-0.5px;line-height:42px;font-family:'ProximaSansBlack'}
.title2 div{transition-delay:0.2s;-webkit-transition-delay:0.2s}
.news-container{height:100vh;overflow:auto;padding-left:30%}
.news-info{position:relative;background-color:#181818;padding-left:13.2%;padding-right:calc(10vw + 96px);color:#fff;overflow:hidden}
.news-info .more-wrap{color:#fff;position:absolute;top:0;right:calc(5vw - 64px);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1) 0s,opacity 1s 0.6s;transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1) 0s,opacity 1s 0.6s}
.news-info .more-wrap a{color:rgba(255,255,255,0.6)}
.news-info .more-wrap svg{stroke:#fff}
.news-info .classify{line-height:1;padding-top:13vh;transition:1s;-webkit-transition:1s}
.news-info .classify:after{content:'';width:12px;margin-left:12px;height:1px;background-color:#5e5e5e;display:inline-block;vertical-align:middle}
.news-info .title{font-size:42px;line-height:1.4;margin:16px 0 9.4vh;height:118px;transition:1s;-webkit-transition:1s}
.news-info .info{display:flex}
.news-info .item{margin-right:14.7%;line-height:1;position:relative;transition:1s 0.2s;-webkit-transition:1s 0.2s}
.news-info .item div:first-child{color:#eb1111}
.news-info .item p{margin:16px 0;color:rgba(255,255,255,0.6)}
.news-info .item:after{content:'';width:12px;height:1px;background-color:#5e5e5e;display:block}
.news-info .item:nth-child(2){transition-delay:0.4s;-webkit-transition-delay:0.4s}
.news-info .item:nth-child(2) p{color:#fff}
.news-info .item:nth-child(3){cursor:pointer;transition-delay:0.6s;-webkit-transition-delay:0.6s}
.news-info .item:nth-child(4){transition-delay:0.8s;-webkit-transition-delay:0.8s}
.news-info .item:hover .qr{width:88px}
.news-info .qr{height:88px;width:0;overflow:hidden;position:absolute;top:-50px;bottom:-50px;left:180%;margin:auto;transition:0.3s;-webkit-transition:0.3s}
.news-info .qr img{height:100%;position:absolute;right:0;top:0}
.news-info.hide > div{visibility:hidden}
.news-info.hide .more-wrap,.news-info.hide .classify,.news-info.hide .title{opacity:0}
.news-info.hide .item{opacity:0;transform:translateX(50px);-webkit-transform:translateX(50px)}
.essay-content{margin-top:-17.25vw;padding:100px 13.2% 30px;line-height:2;text-align:justify;position:relative;z-index:2;background-color:#fff}
.essay-content .content{animation:essayAni 0.8s 1.2s both;-webkit-animation:essayAni 0.8s 1.2s both;min-height:280px
}
#DIVContent *{max-width:100% !important;box-sizing:border-box !important;-webkit-box-sizing:border-box !important;word-wrap:break-word !important}
#DIVContent a{color:#007cc2;transition:all .28s linear;-moz-transition:all .28s linear;-webkit-transition:all .28s linear;-o-transition:all .28s linear}
#DIVContent a:hover{color:#b29b6b;text-decoration:underline}
#DIVContent img{max-width:100%;height:auto;display:block;margin:0px auto}
#DIVContent table{text-align:center;max-width:100%}
#DIVContent table td>span{word-break:break-word}
#DIVContent table p{text-indent:0em}
#DIVContent h2,#DIVContent h3,#DIVContent h4,#DIVContent h5,#DIVContent h6{font-weight:bold}
.essay-content img{max-width:100%;height:auto}
.return{margin-bottom:64px;text-align:center;color:#999}
.return p{line-height:1;margin-top:-20px}
.return .more-wrap{margin:0 auto;position:relative}
.return .more-wrap a{color:#999}
.more-list-wrap{background-color:#f0f0f0;padding:94px 13.2% 128px}
.more-list-wrap > div{position:relative;z-index:9}
.more-list-wrap .title2{color:#eb1111}
.more-list-wrap .list{margin-top:74px;border-top:1px solid #4b4b4b}
.more-list-wrap .item{height:82px;position:relative;border-bottom:1px solid #4b4b4b}
.more-list-wrap .item span{display:block}
.more-list-wrap .item a{display:flex;align-items:center;position:relative;z-index:2;height:100%;padding-right:280px}
.more-list-wrap .item:hover .news-title span{transform:translateY(-101%);-webkit-transform:translateY(-101%)}
.more-list-wrap .news-title{font-size:22px;height:calc(1em + 2px);line-height:calc(1em + 2px);font-weight:bold;overflow:hidden}
.more-list-wrap .news-title span{transition:0.5s;-webkit-transition:0.5s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.more-list-wrap .time{height:1em;line-height:1;position:absolute;right:0;top:0;bottom:0;margin:auto}
.more-list-wrap .time span{display:inline-block;vertical-align:middle;color:#999}
.more-list-wrap .time span:before{content:'';height:1px;width:12px;background-color:#ccc;display:inline-block;vertical-align:middle;margin:0 32px}
.more-list-wrap .thumb{display:none}
canvas{display:block;position:fixed;top:0px;left:0px;pointer-events:none}
footer{background-color:#4b4b4b;padding-left:0;color:#999}
footer a{color:#999}
footer:before{content:none}
footer .top-content{padding:76px 6.1% 36px}
footer .contact{position:static;margin-top:0;float:none;display:flex;justify-content:flex-end}
footer .contact div{float:none}
footer .qr{margin-top:8.8vw}
footer ul{margin-top:80px;flex-wrap:wrap;width:auto !important}
footer li{margin-bottom:40px}
footer .copy{background-color:#363738;padding-left:6.1%}
@keyframes essayAni{0%{opacity:0;transform:translateY(100px)}
  100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes essayAni{0%{opacity:0;-webkit-transform:translateY(100px)}
  100%{opacity:1;-webkit-transform:translateY(0)}
}
@media screen and (max-width:1480px){.title1{font-size:19px;margin-bottom:10px}
  .title2{font-size:46px;line-height:34px}
  .side-bar .text{margin-top:18px}
  .news-info .classify{padding-top:8vh}
  .news-info .classify:after{width:10px;margin-left:10px}
  .news-info .more-wrap{right:calc(5vw - 50px)}
  .news-info .title{font-size:34px;margin:16px 0 6vh;height:96px}
  .news-info .item p{margin:12px 0}
  .news-info .item:after{width:10px}
  .news-info .item:hover .qr{width:72px}
  .news-info .qr{height:72px}
  .essay-content{padding:66px 13.2% 22px}
  .return{margin-bottom:50px}
  .return p{margin-top:-32px}
  .more-list-wrap{padding:68px 13.2% 96px}
  .more-list-wrap .list{margin-top:58px}
  .more-list-wrap .item{height:64px}
  .more-list-wrap .item a{padding-right:220px}
  .more-list-wrap .news-title{font-size:19px}
  .more-list-wrap .time span:before{width:10px;margin:0 18px}
  footer .top-content{padding:58px 6.1% 28px}
  footer ul{margin-top:54px}
  footer li{margin-bottom:30px}
}
@media screen and (min-width:320px) and (max-width:768px){.side-bar{display:none}
  .title1{font-size:0.9rem;margin-bottom:0.4rem}
  .title2{font-size:2.1rem;line-height:1.6rem;letter-spacing:0}
  canvas{display:none !important}
  .news-container{padding-left:0;font-size:0.65rem}
  .news-info{padding:5rem 5% 1rem;display:block;height:auto}
  .news-info .classify{padding-top:0}
  .news-info .classify:after{width:0.6rem;margin-left:0.6rem}
  .news-info .title{font-size:1.2rem;height:auto;margin:0.7rem 0 8vh}
  .news-info .more-wrap{top:-1rem;right:-1rem}
  .news-info .info{display:block}
  .news-info .item{margin-bottom:1.2rem}
  .news-info .item:nth-child(3){display:none}
  .news-info .item p{margin:0.4rem 0}
  .news-info .item:after{content:none}
  .essay-content{margin-top:0;padding:2rem 5% 0}
  .return{margin-bottom:2.8rem}
  .return p{margin-top:-1.8rem;font-size:0.6rem}
  .more-list-wrap{padding:2.8rem 5% 3rem}
  .more-list-wrap .list{margin-top:2.2rem}
  .more-list-wrap .item a{padding-right:0rem}
  .more-list-wrap .news-title{font-size:0.8rem}
  .more-list-wrap .time{display:none;line-height:1.4;height:calc(1em * 2.8)}
  .more-list-wrap .time span{display:block}
  .more-list-wrap .time span:before{width:0.6rem;margin:0;position:absolute;top:0.4rem;right:0.8rem}
  footer .contact{justify-content:flex-start;flex-wrap:wrap}
  footer .top-content{padding:2.8rem 5%}
  footer .copy{padding:0 5%}
}