#main_visual{position:relative; }
#main_visual .bg{height:352px; background:url(../../../../images/main/main-visual.jpg) no-repeat; background-size:cover; background-position:center;}
#main_visual .main_txt{position:absolute; top:50%; left:50%; transform:translateY(-50%); margin-left:-550px;}
#main_visual .quick_btn{position:absolute; top:50%; left:50%; transform:translateY(-50%); margin-left:340px;}
#main_visual .quick_btn ul{width:205px;}
#main_visual .quick_btn li{display:inline-block; width:100%; vertical-align:middle; background:#ffaa14; text-align:center; margin-top:15px; border:1px solid #f19e0b; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
#main_visual .quick_btn li:first-child{margin-top:0;}
#main_visual .quick_btn li.qb_02{background:#1083bf; border-color:#0575b0;}
#main_visual .quick_btn li.qb_03{background:#993dda; border-color:#8b30cb;}
#main_visual .quick_btn li a{position:relative; display:block; height:55px; line-height:55px;   color:#fff; font-size:1.8rem; font-weight:400;}
#main_visual .quick_btn li a > div{display:inline-block;}
#main_visual .quick_btn li .icon_box{position:absolute; top:50%; transform:translateY(-50%); left:40px; }
#main_visual .quick_btn li .icon_box img{display:inline-block; height:28px; vertical-align:middle; margin-top:-3px;}
#main_visual .quick_btn li .txt_box{margin-left:40px;}

#admission_box{margin:50px 0;}
#admission_box .news_cont{float:left; width:calc(100% - 38.1rem); margin-right:6rem;}
#admission_box .news_cont .top{position:relative; padding-bottom:10px; border-bottom:1px solid #d6d6d6;}
#admission_box .news_cont .top:before{content:""; display:block; width:35px; height:2px; background:#018665; position:absolute; bottom:0; left:0;}
#admission_box .news_cont .top .tit{font-size:2.5rem; font-weight:400;}
#admission_box .news_cont .top .btn{position:absolute; top:0; right:0; }
#admission_box .news_cont .top .btn a{font-size:1.5rem; display:inline-block;  font-weight:400; height:35px; line-height:35px; padding:0 10px 0 15px; color:#fff; background:#0e8e81; vertical-align:middle;}
#admission_box .news_cont .top .btn a i{display:inline-block; font-size:1.9rem; vertical-align:middle;}
#admission_box .news_cont .n_list{margin-top:10px;}
#admission_box .news_cont .n_list li{position:relative; border-bottom:1px solid #e0e0e0;  font-size:1.7rem; font-weight:500;}
#admission_box .news_cont .n_list li a{display:block;  padding:18px 0;}
#admission_box .news_cont .n_list li a .tit{ padding-right:120px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#admission_box .news_cont .n_list li .date{color:#018665; position:absolute; top:50%; transform:translateY(-50%); right:0;}

#admission_box .popup_cont{float:left; width:32.1rem; }
.main-popup-list{position:relative; padding-top:30px;}
.main-popup-list .slick-prev, .main-popup-list .slick-next{display:none !important; }
.main-popup-list .slick-list{z-index:1;}
.main-popup-list .slick-dots {position:absolute; top:0; left:0; text-align:right;}
.main-popup-list .slick-dots li{display:inline-block;}
.main-popup-list .slick-dots li button { background-color: #dadada; border-radius:999px; width:12px; height:12px; margin-left:5px;}
.main-popup-list .slick-dots li.slick-active button { background-color: #0e8e81; width:30px;}

#school_news_box{background:#f5f5f5; padding:50px 0;}
#school_news_box .top{position:relative; margin-bottom:25px;}
#school_news_box .top .tit{font-size:2.5rem; font-weight:400;}
#school_news_box .top .btn{position:absolute; top:50%; right:0; transform:translateY(-50%);}
#school_news_box .top .btn a{font-size:1.5rem; display:inline-block;  font-weight:400; height:35px; line-height:35px; padding:0 10px 0 15px; color:#fff; background:#0e8e81; vertical-align:middle;}
#school_news_box .top .btn a i{display:inline-block; font-size:1.9rem; vertical-align:middle; margin-left:5px;}
#school_news_box ul{font-size:0;}
#school_news_box li{display:inline-block; width:calc((100% - 150px)/4); margin-left:50px; font-size:1.7rem; vertical-align:top;}
#school_news_box li:first-child{margin-left:0;}
#school_news_box li .img_box{position:relative; overflow:hidden; height:160px; background:#ebebeb;}
#school_news_box li .img_box img{    display: inline-block; width: auto; height:160px; -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; top: 0; left: 50%; transform: translateX( -50%);}
#school_news_box li .txt_box{padding:20px 10px; border-bottom:2px solid #018665; font-weight:400;}
#school_news_box li .txt_box .date{font-size:1.6rem; color:#018665; margin-bottom:5px;}
#school_news_box li .txt_box .tit{height:51px;max-height:51px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

#information_box{background:#00433c; padding:50px 0; position:relative; overflow:hidden;}
#information_box .wrap{max-width:550px; color:#fff;}
#information_box .top{font-weight:400; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:15px;}
#information_box .top p{display:inline-block;}
#information_box .top .tit{font-size:2.3rem;}
#information_box .top .txt{color:rgba(255,255,255,0.6); font-size:1.3rem; margin-left:10px;}
#information_box li{position:relative; min-height:24px; margin-top:13px;}
#information_box li .icon_box{position:absolute; top:0; left:0;}
#information_box li .icon_box span{display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; vertical-align:middle; border-radius:999px; background:#018665;}
#information_box li .icon_box span i{font-size:1.4rem; line-height:24px;}
#information_box li .cont_box{font-size:1.5rem; margin-left:40px;}
#information_box .b_img_box{position:absolute; top:0; right:0; width:46%; height:auto;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1100px) {
#main_visual .main_txt{left:20px; margin-left:0;}
#main_visual .quick_btn{left:auto; right:20px; margin-left:0;}

#school_news_box li .img_box{height:160px;}
#school_news_box li .img_box img{height:160px;}
}

@media (max-width:1024px) {

#main_visual .main_txt img{width:350px;}

#admission_box{margin:50px 0;}
#admission_box .news_cont{float:none; width:100%; margin-right:0;}
#admission_box .popup_cont{float:none; width:auto; text-align:center; margin:0 auto; margin-top:30px;}
#admission_box .popup_cont .popup-item img{display:inline-block; text-align:center;}
.main-popup-list{padding-top:0; padding-bottom:30px;}
.main-popup-list .slick-dots{width:auto; top:auto; bottom:0; left:50%; transform:translateX(-50%);}
#school_news_box li{width:calc((100% - 90px)/4); margin-left:30px;}
#school_news_box li .img_box{height:110px;}
#school_news_box li .img_box img{height:110px;}


}

@media (max-width:800px) {
#information_box{padding-bottom:0;}
#information_box .b_img_box{position:static; top:auto; right:auto; width:100%; height:auto; margin-top:30px;}
#information_box .b_img_box img{width:100%;}
}

@media (max-width:767px) {

#main_visual .bg{height:180px;}
#main_visual .main_txt{width:100%; top:100px; left:50%; transform:translateX(-50%); text-align:center;}
#main_visual .main_txt img{width:200px;}
#main_visual .quick_btn{position:static; top:auto; right:auto; transform:inherit; }
#main_visual .quick_btn ul{font-size:0; width:100%;}
#main_visual .quick_btn li{width:33.3%; font-size:1.7rem; box-sizing:border-box; vertical-align:top; margin-top:0;}
#main_visual .quick_btn li a{height:auto; line-height:inherit; padding:5px 0;}
#main_visual .quick_btn li a > div{display:block;}
#main_visual .quick_btn li .icon_box{position:static; top:auto; left:auto; transform:inherit; line-height:inherit;}
#main_visual .quick_btn li .icon_box img{height:23px;}
#main_visual .quick_btn li .txt_box{margin-left:0; font-size:1.6rem;}

#admission_box{margin:30px 0;}
#admission_box .news_cont .top .tit{font-size:2.1rem;}
#admission_box .news_cont .top .btn a{height:30px; line-height:32px; font-size:1.4rem; }
#admission_box .news_cont .n_list li a{padding:13px 0;}

#school_news_box{padding:30px 0;}
#school_news_box .top .tit{font-size:2.1rem;}
#school_news_box .top .btn a{height:30px; line-height:32px; font-size:1.4rem; }
#school_news_box li{width:100%; display:block; margin-left:0; margin-top:30px;}
#school_news_box li:first-child{margin-top:0;}
#school_news_box li .img_box{height:225px;}
#school_news_box li .img_box img{height:225px;}
#school_news_box li .txt_box{padding:13px 10px;}
#school_news_box li .txt_box .tit{height:auto;}
#school_news_box li .txt_box .date{margin-bottom:0px;}

#information_box{padding:30px 0 0;}
#information_box:after{display:none;}
#information_box .top .tit{font-size:2.1rem;}
#information_box .top .txt{margin-left:0; display:block;}
}