.h1{font-size:4.8rem}.h3{font-size:2.8rem}.h4{font-size:2rem}.hj{margin-left:auto;margin-right:auto}.lmenu ul li:first-child::after{background:url(../img/ico_33.png) no-repeat center;background-size:auto 44px}.lmenu ul li:last-child::after{background:url(../img/ico_34.png) no-repeat center;background-size:auto 44px}.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-position:left bottom;background-repeat:no-repeat;padding-bottom:50%}.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}#nav{display:flex;flex-flow:column wrap}#nav .Title{border-left:2px solid #000;padding-left:1.5rem}#nav .Title .en{font-size:3.6rem;font-weight:600;line-height:1em;font-family:Arial, Helvetica, sans-serif;letter-spacing:-2px}#nav .Title .cn{font-size:2.8rem;font-weight:100;line-height:1em}#nav .memo{padding-left:1.5rem;text-align:left;line-height:1.8em}#nav .more{display:flex;flex:1;justify-content:center}#nav .more a{display:inline-flex;justify-content:center;align-items:center;text-align:center;width:116px;height:116px;border-radius:100%;line-height:1.5em;font-style:italic;padding:30px;font-size:9px;background:url(../img/ico_49.png) #dee2e6 no-repeat 40% 75%}#nav .thumbs{text-align:center}.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}.list #ArticleList ul{display:flex;flex:1;flex-flow:column wrap;justify-content:center}.list #ArticleList ul li{padding:40px 15px;background:linear-gradient(to left, white, #F7F3FF)}.list #ArticleList ul li .pad{display:flex;width:100%;flex:1;flex-flow:column wrap;margin-left:auto;margin-right:auto}.list #ArticleList ul li .title h1{border-left:2px solid black;text-align:left;line-height:1em}.list #ArticleList ul li .title h1 a{display:block;font-size:3.2rem !important;line-height:1em}.list #ArticleList ul li .title .h4{text-align:left;padding-left:17px}.list #ArticleList ul li .content{text-align:left;padding-left:17px;margin-top:20px;margin-bottom:20px}.list #ArticleList ul li .subject{margin-top:30px;margin-bottom:30px}.list #ArticleList ul li img{width:100%;max-width:445px}.list #ArticleList ul li:nth-child(2n){background:linear-gradient(to right, white, #F7F3FF)}.overall #nav{align-items:flex-start}.overall #nav .thumbs{margin-top:50px;display:flex;flex:1;height:100%;justify-content:center}.bg-light #nav{margin-bottom:20px}.bg-light #nav .content{display:flex;justify-content:center}.bg-light #nav .content ul li{display:flex;flex:1;justify-content:center}.bg-zx form{display:flex;flex-flow:row nowrap;justify-content:center;margin:20px auto}.bg-zx form input[type=text]{width:calc(100% - 100px);max-width:380px;border-radius:6px;border:1px solid #dee2e6;padding:5px 10px}.bg-zx form input[type=submit]{width:90px;margin-left:10px;border-radius:6px;border:0}.bg-zx .btn a{display:inline-flex;flex-flow:row nowrap;align-items:center;position:relative;padding:5px 20px;background:linear-gradient(to right, #771BB7, #5320BD);color:#dee2e6;margin-top:40px;border-radius:6px}.bg-zx .btn a:hover{background:#5320BD;color:white}.bg-zx .btn a::after{display:inline-flex;position:relative;margin-left:10px;width:16px;height:11px;content:"";background:url(../img/dx_07.png) no-repeat;filter:invert(100)}@media (min-width: 768px){.bg_black ul li{flex-basis:25%;padding-bottom:30%}.bg-light #nav .content ul{display:flex;flex-flow:row nowrap;width:640px}.bg-light p{text-align:center}}@media (min-width: 992px){.hjs #nav{display:flex;flex-flow:row nowrap}.hjs #nav .more{justify-content:left}.hjs .bg-light p{text-align:left;padding-left:43px;padding-right:43px}.overall #nav{align-items:flex-start}.overall #nav .thumbs{margin-top:0;justify-content:right}.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}.list #ArticleList ul li{padding:80px 0 !important}.list #ArticleList ul li .pad{flex-flow:row nowrap;justify-content:space-between}.list #ArticleList ul li .pad div{flex:1}.list #ArticleList ul li .pad .col-auto{text-align:right}.list #ArticleList ul li .pad .title{display:flex;flex:1;flex-flow:row nowrap;align-items:center;margin-bottom:100px}.list #ArticleList ul li .pad .title h1{margin:0}.list #ArticleList ul li .pad .title h1 a{margin:0;font-size:4.6rem !important}.list #ArticleList ul li .pad .title .h4{margin:0;line-height:1em}.list #ArticleList ul li .pad .content{margin-bottom:0}.list #ArticleList ul li .pad .content strong{font-size:1.6rem}.list #ArticleList ul li:nth-child(2n) .col-auto:last-child{order:-1;text-align:left}}@media (min-width: 992px){.bg_black ul li{height:318px}}@media (min-width: 1280px){.bg_black ul li{height:372px}}@keyframes slide{from{flex:1}to{flex:2}}
