.h1{font-size:4.8rem}.h3{font-size:2.8rem}.h4{font-size:2rem}.bg_black{background:black;height:auto !important}.bg_black ul{display:flex;flex-flow:row wrap;flex:1;justify-content:center}.bg_black ul li{display:flex;flex:1 1 50%;padding:15px;filter:grayscale(1);background-size:cover;background-repeat:no-repeat;padding-bottom:50%;background-position:left bottom}.bg_black ul li.on,.bg_black ul li:hover{overflow:hidden;filter:grayscale(0)}.bg_black ul li .cn,.bg_black ul li .en{font-size:1.2rem;background:none;position:relative;padding:0;margin:0;line-height:1.5em;left:0;top:0;font-weight:100;width:100%;justify-content:left}.bg_black ul li .cn::before,.bg_black ul li .cn:after{display:none}.title{position:relative}.title .en{font-size:7rem;font-weight:700;color:#E6EAEB;line-height:1em}.title .cn{position:relative;display:inline-flex;top:-2.5rem;font-size:2.6rem;background-color:rgba(255,255,255,0.5);font-weight:200;justify-content:center}.title .cn::before{display:flex;width:100%;position:absolute;top:1.8em;content:"";border-bottom:1px solid #adb5bd}.title .cn::after{display:inline-flex;width:3rem;position:absolute;top:calc(1.8em - 2px);content:"";border-bottom:5px solid #212529}.subject .col-lg-4{text-align:left}.subject .col-lg-4:nth-child(2){border-left:1px solid #BFBFBF;border-right:1px solid #BFBFBF}.list{padding-top:60px}.list #ArticleList ul li{padding:0;margin-bottom:100px}.list #ArticleList ul li .thumbs{margin-bottom:1rem}.list #ArticleList ul li .thumbs img{width:100%}.list #ArticleList ul li .title a{font-size:2.6rem}.list #ArticleList ul li .date{padding-bottom:2rem;border-bottom:1px solid #212529;margin-bottom:2rem}.list #ArticleList ul li .enter{display:flex;flex:1;margin-top:2.4rem}.list #ArticleList ul li .enter a{display:inline-flex;background:linear-gradient(to right, #771BB7, #5320BD);padding:0 20px;color:white;font-size:1.2rem;line-height:2.5em}.list #ArticleList ul li .subject{margin-bottom:1rem}.list #ArticleList ul li:last-child{margin-bottom:0}.intro .title{margin-bottom:50px;border-bottom:1px solid #adb5bd}.intro .ml-5{padding-left:4em}.bl{border-left:2px solid #343a40;padding-left:15px;text-align:left}.bl .en{font-weight:900}.more .title{position:relative;margin-bottom:43px}.more .title .h3{margin:0;line-height:1.1em;font-weight:500}.more .row{flex-flow:column wrap}.more .row .title::before{position:absolute;content:"";display:inline-flex;top:40px;width:20px;z-index:1;border-bottom:3px solid #343a40}.more .row .thumb img{width:100%}@media (min-width: 768px){#nav{flex-flow:row nowrap}.bg_black ul li{flex-basis:25%;padding-bottom:30%}.more{padding:0 80px}}@media (min-width: 992px){.hjs{padding-left:58px;padding-right:58px}.bg_black ul{flex-flow:row nowrap}.bg_black ul li{flex:1;height:280px;padding-bottom:0}.bg_black ul li.on,.bg_black ul li:hover{overflow:hidden;filter:grayscale(0);animation:slide 1s forwards;-webkit-animation:slide 1s forwards}.more{padding:0}.more .row{flex-flow:row nowrap}.more .row .col:last-child{display:flex;flex-direction:column-reverse}}@media (min-width: 1280px){.bg_black ul li{height:372px}}@keyframes slide{from{flex:1}to{flex:2}}