@charset "UTF-8";.bnr{background:url(../img/bnr_bg.jpg?20200701) no-repeat 0 0;background-size:100%;margin:0;position:relative}@media screen and (min-width:911px){.bnr{min-height:350px}}@media screen and (max-width:910px){.bnr{margin:0}}.bnr a{display:block;padding:1rem 0;text-align:center}@media screen and (max-width:910px){.bnr a{padding:1rem}}.bnr a:hover img{opacity:.6;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.bnr .btn{position:absolute;width:120px;background:#00418F;font-size:13px;font-size:0.8125rem;color:#fff;text-align:center;text-decoration:none;right:1rem;bottom:1rem;padding:1rem 0;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:911px){.bnr .btn{right:calc(50% - 380px);bottom:10%}}.bnr .btn:hover{background:#2664af;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}@media screen and (max-width:910px){.bnr .btn{width:100%;right:0;bottom:-30px;padding:.7rem 0}}.newbook{margin:1rem 0 3rem}@media screen and (max-width:1020px){.newbook{padding:0 1rem;margin:4rem 0}}@media screen and (max-width:480px){.newbook{padding:0;overflow:hidden;margin:3rem 0}}.newbook h2{font-size:20px;font-size:1.25rem}@media screen and (max-width:480px){.newbook h2{text-align:center}}.book-list{margin-top:1rem;background:#eeeded;list-style:none;padding:1.2rem 1.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;opacity:0;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease}.book-list.slick-initialized{opacity:1}@media screen and (max-width:480px){.book-list{border-radius:0;padding:1rem 0 1rem 1rem;overflow:visible}}.book-list li{max-width:300px!important;min-width:300px;-ms-flex-negative:0;flex-shrink:0;margin-right:1.5rem;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;text-decoration:none;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.3}@media screen and (max-width:480px){.book-list li{max-width:110px!important;min-width:auto;display:block!important}}.book-list li .ph{width:120px;margin-right:15px}.book-list li .ph a:hover img{opacity:0.6;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.book-list li .ph img{-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.5);box-shadow:0 0 6px rgba(0, 0, 0, 0.5)}@media screen and (max-width:480px){.book-list li .ph{width:100%}}.book-list li .detail{width:calc(100% - 150px)}@media screen and (max-width:480px){.book-list li .detail{width:100%;margin-top:.5rem}}.book-list li h3{color:#000;font-size:16px;font-size:1rem}@media screen and (max-width:480px){.book-list li h3{font-size:13px;font-size:0.8125rem;max-height:2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.book-list li .writer{color:#666;margin:.7rem 0;width:100%}@media screen and (max-width:480px){.book-list li .writer{font-size:10px;font-size:0.625rem;margin:.3rem 0}}.book-list li .about-btn{width:120px;background:#00418F;font-size:13px;font-size:0.8125rem;text-align:center}@media screen and (max-width:910px){.book-list li .about-btn{width:auto;display:inline-block}}@media screen and (max-width:480px){.book-list li .about-btn{display:none}}.book-list li .about-btn a{text-decoration:none;color:#fff;display:block;padding:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.book-list li .about-btn a:hover{background:#2664af;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}@media screen and (max-width:910px){.main-c.top .news-area{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.main-c.top .news-area article:nth-child(-n+6){width:209px;margin-right:1rem;margin-bottom:1rem}@media screen and (min-width:911px) and (max-width:1035px){.main-c.top .news-area article:nth-child(-n+6){width:calc(100%/3 - .7rem)}}@media screen and (max-width:910px){.main-c.top .news-area article:nth-child(-n+6){width:48%;margin-right:0}}@media screen and (max-width:480px){.main-c.top .news-area article:nth-child(-n+6){margin-bottom:.5rem}}.main-c.top .news-area article:nth-child(-n+6) a{padding-top:0;display:block;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.main-c.top .news-area article:nth-child(-n+6) a .ph{width:auto;max-height:100%}@media screen and (min-width:911px){.main-c.top .news-area article:nth-child(-n+6) a .ph{width:209px;height:139px;text-align:center}}@media screen and (max-width:910px){.main-c.top .news-area article:nth-child(-n+6) a .ph{height:220px}}@media screen and (max-width:480px){.main-c.top .news-area article:nth-child(-n+6) a .ph{height:110px}}@media screen and (min-width:911px) and (max-width:1035px){.main-c.top .news-area article:nth-child(-n+6) a .ph{width:100%;height:122px}}.main-c.top .news-area article:nth-child(-n+6) a .detaile{margin:.5rem 0 0;padding:0}@media screen and (max-width:910px){.main-c.top .news-area article:nth-child(-n+6) a .detaile{margin-top:.3rem}}@media screen and (min-width:911px){.main-c.top .news-area article:nth-child(-n+6) a .detaile h2{min-height:4rem}}@media screen and (max-width:910px){.main-c.top .news-area article:nth-child(-n+6) a .detaile h2{-webkit-line-clamp:3;min-height:3rem}}.main-c.top .news-area article:nth-child(3),.main-c.top .news-area article:nth-child(6){margin-right:0}@media screen and (max-width:480px){.main-c.top .news-area article:nth-child(5),.main-c.top .news-area article:nth-child(6){margin-bottom:0}}.slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;bottom:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0}@media screen and (max-width:480px){.slick-dots{bottom:-1rem}}.slick-dots li{margin-right:.5rem;width:10px;height:10px;min-width:auto}@media screen and (max-width:480px){.slick-dots li{width:5px;height:5px;margin-right:.5rem}}.slick-dots li button{width:8px;height:8px}@media screen and (max-width:480px){.slick-dots li button{width:5px;height:5px;padding:0}}.slick-dots li button:before{content:"";background:#000;border-radius:100%;width:8px;height:8px}@media screen and (max-width:480px){.slick-dots li button:before{width:5px;height:5px}}@media screen and (max-width:480px){.slick-slide{width:100px;margin:0 .5rem}}
.main-c.top{margin:1rem auto 0}
@media screen and (max-width:910px){.main-c.top{margin:4rem 0 0}}
@media screen and (max-width:480px){.main-c.top{margin:3.5rem 0 0}}