@charset "utf-8";

#main{position:relative;}

#visual{position:relative;}
#visual .slick-wrap{position:relative}
#visual .slick-wrap:after{content:'';width:100%;display:block;background:url(/page/school/images/main/bg_round.png) no-repeat 0 0;position:absolute;left:0px;right:0px;bottom:0px;padding-top:8%;z-index:1003;background-size:cover;}

#visual .slick-wrap .text{position:absolute;top:50%;transform:translateY(-58%);left:285px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.4);display:block;line-height:1.6;letter-spacing:-1px;}
#visual .slick-wrap .text:before{content:'';display:block;width:647px;height:295px;background:url(/page/school/images/main/bg_text.png) no-repeat 0 0;background-size:cover;position:absolute;top:50%;transform:translateY(-47%);left:80px;}
#visual .slick-wrap .text strong{font-size:80px;font-weight:bold;display:inline-block;position:relative;}
#visual .slick-wrap .text strong:after{content:'';display:block;width:36px;height:56px;background:url(/page/school/images/main/ico_text.png) no-repeat 0 0;position:absolute;top:-10px;left:-45px;background-size:cover;}
#visual .slick-wrap .text span{font-size:40px;font-weight:400;display:inline-block;position:relative;left: 4px;}
#visual .slick-wrap .text span:after{content:'';width:264px;height:3px;display:block;background:#fff;position:absolute;top:50%;transform:translateY(-50%);right:-304px;box-shadow:1px 1px 1px rgba(0,0,0,.4);;}
#visual .slick-wrap .text span em{font-size: 34px; font-weight:400; }
#visual .slick-wrap .slick-slider .slick-list .slick-track .slick-slide img{display:block;}

#visual .control .prev{width: 71px; height: 144px; border-top-right-radius: 72px; border-bottom-right-radius: 72px; background: rgba(0,0,0,.5); position: absolute; left: 0px; top: 50%; transform: translateY(-50%);  z-index: 1005;}
#visual .control .prev img{display: inline-block; margin-right: 18px; vertical-align: middle;}
#visual .control .next{width: 71px; height: 144px; border-top-left-radius: 72px; border-bottom-left-radius: 72px; background: rgba(0,0,0,.5); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1005;}
#visual .control .next img{display: inline-block; margin-left: 18px; vertical-align: middle;}
#visual .control .box{position:absolute;left:50%;transform:translateX(-50%);z-index:1010;bottom:140px;}
#visual .control .box .play{display:none;}
#visual .control .box .dots{display:inline-block;margin-right:6px;vertical-align:-5px;}
@media screen and (min-width:0\0){#visual .control .box .dots{vertical-align:0px;}}
#visual .control .box .dots li{display:inline-block;}
#visual .control .box .dots li + li{margin-left:7px;}
#visual .control .box .dots button{width:15px;height:15px;border:2px solid #fff;overflow:hidden;text-indent:-9999px;border-radius:50%;}
#visual .control .box .dots .slick-active button{background:#fff;}

#main .title{text-align: center; }
#main .mouse_box{position:absolute;left:50%;margin-left:-40px;bottom:58px;z-index:1005;}
#main .mouse{display:block;animation-name:mouse;animation-duration:.5s;animation-direction:alternate;animation-iteration-count:infinite;position:relative;animation-timing-function:ease;}
@keyframes mouse {
  0%{top:10px;opacity:1;}
  100%{top:0px;opacity:.5;}
}



@media (max-width: 1400px) {
    #visual .slick-wrap .text{left:110px;transform:translateY(-65%);}
    #visual .control .box{bottom:110px;}
    #main .mouse_box{bottom:38px;}
}


@media (max-width: 1200px) {
    #visual .control .prev{left:0; width: 45px; height: 95px;}
    #visual .control .prev img{width:40%; margin-right: 0;}
    #visual .control .next{right:0;;width: 45px; height: 95px;}
    #visual .control .next img{width:40%; margin-left: 0;}
    #visual .slick-wrap .text:before{width:450px;height:210px;left:60px;}
    #visual .slick-wrap .text span:after{width:180px;right:-210px;}
    #visual .slick-wrap .text strong:after{width:28px;height:44px;top:-13px;left:-31px;}
}

@media (max-width: 1024px) {
  #visual .slick-wrap .text span:after{display: none;}
}


@media (max-width: 960px) {

  #visual .control .prev{left:0; width: 36px; height: 65px;}
  #visual .control .prev img{width:42%; margin-right: 0;}
  #visual .control .next{right:0;;width: 36px; height: 65px;}
  #visual .control .next img{width:42%; margin-left: 0;}

}

@media (max-width: 768px) {

    #visual .control .box{display:none;}
    #visual .control .prev, #visual .control .next{width:6.5vw;height:10.5vw;transform:translateY(-17%);}
    #visual .control .prev img{width: 35%;}
    #visual .control .next img{width: 35%;}
    #visual .slick-wrap .text{left:13vw;line-height:1.5}
    #visual .slick-wrap .text strong{font-size:50px;}
    #visual .slick-wrap .text strong:after{width:4.5vw;height:7vw;top:-2.5vw;left:-5.5vw;}
    #visual .slick-wrap .text span{font-size:35px;}
    #visual .slick-wrap .text span:after{height:1px;width:9vw;right:-11vw;}
    #visual .slick-wrap .text span em{font-size: 25px;}
    #visual .slick-wrap .text:before{width:50vw;height:30vw;left:5vw;}
    #main .mouse{width:66px;height:57px;}
    #main .mouse img{display:block;width:100%;}
    #main .mouse_box{bottom:30px;margin-left:-33px;}
}

@media (max-width: 640px) {

    #visual .slick-wrap .text strong{font-size:50px;}
    #visual .slick-wrap .text span{font-size:30px;}
    #visual .slick-wrap .text span em{font-size: 20px;}

}

@media (max-width: 576px) {

    #visual .control .prev{line-height: 1;}
    #visual .control .next{line-height: 1;}
    #visual .slick-wrap .text strong{font-size:40px;}
    #visual .slick-wrap .text span{font-size:25px;}
    #visual .slick-wrap .text span em{font-size: 20px;}

}

@media (max-width:464px) {

    #visual .slick-wrap .text strong{font-size:30px;}
    #visual .slick-wrap .text span{font-size:20px;}
    #visual .slick-wrap .text span em{font-size: 15px;}

}

@media (max-width:375px) {
  #visual .control .prev, #visual .control .next{width:6.5vw;height:10.5vw;transform:translateY(58%);}
  #visual .slick-wrap .text span:after{display: none;}
  #visual .slick-wrap .text{margin-left: -16px;}
  #visual .control .prev img{vertical-align: inherit;}
  #visual .control .next img{vertical-align: inherit;}

}

@media (max-width:320px) {
  #visual .slick-wrap .text{margin-left: -4px;}
  #visual .slick-wrap .text strong{font-size:20px;}
  #visual .slick-wrap .text span{font-size:15px;}
  #visual .slick-wrap .text span em{font-size: 13px;}

}


#notify{position:relative}
#notify .inner{max-width:1200px;margin:35px auto 0;}
#notify h3{font-weight:700;font-size:36px;position:relative;padding-top:3px; text-align: center}
#notify .title{text-align: center;}
#notify h3:after{content:'';display:block;width:38px;height:4px; background: url(/page/school/images/main/menubar.png) no-repeat; position:absolute;top:0px;left: 50.9%; margin-left: -21px;}
#notify .title span{display:block;font-size:18px;color:#555;letter-spacing:-1px;}
#notify .title span{display:block;font-size:18px;color:#555;text-align:center;margin:3px 0 34px 0;letter-spacing:-1px;}





#notify .title_box{position: relative; width:100%; height:  77px;  border-radius: 10px; background: #375974;}
#notify .title_box .title{padding: 15px 0; width: 218px; height: 86px;position: absolute; top: -27px; left: 41px; background: #6cb4ed; border-radius: 15px; line-height: 1;}
#notify .title_box .title h4{font-family:'Minguk-Bold';color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);font-size:28px;line-height:28px;letter-spacing:-1px;}
#notify .title_box .title h4 strong{display:inline-block;color:#ffec1d;font-size:28px;position:relative;}
#notify .title_box .title h4 :after{content:'';display:block;width:14px;height:18px;background:url(/page/fire/images/main/mark_04.png) repeat 0 0;background-size:cover;position:absolute;top:-13px;right:-14px;}
#notify .title_box .title h5{z-index: 2; font-size:30px;font-weight:700;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);padding:0 5px;}
/*
#news .title_box h4::after{position: absolute; z-index: -1; right:-69px; top:0;  display: block; content: "";background: rgba(0,0,0,0.2);   }*/
#notify .title_box ul{padding-left: 300px; height: 100%; }
#notify .title_box li{float:left; margin-right: 2%; line-height: 77px;}
#notify .title_box li:nth-child(4){}



#notify .title_box li a{display:block;padding-left: 20px;font-size:24px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);position:relative;letter-spacing:-1px;}
#notify .title_box li a:hover{text-decoration:none;}
#notify .title_box li a:after{content:'';display:block;width:9px;height:11px;background:url(/page/fire/images/main/ico_news.png) no-repeat 0 0;background-size:cover;position:absolute;top:33px;left: 2px;transition:all .3s;}
#notify .title_box li a:hover:after{background:url(/page/fire/images/main/ico_news_02.png) no-repeat 0 0;background-size:cover;}
#notify .title_box li a img{position: relative; top: 2px; display:inline-block;margin-left: 3px;vertical-align:-5px;}







#notify .notice{width:65.8%;margin-top:30px;overflow:hidden;float:left;}
#notify .notice .box{width:calc((100% - 21px) / 2);float:left;margin-right:20px;position:relative;border:1px solid #a1a1a1;border-top:8px solid #0070cc;padding:40px;height:392px;}
#notify .notice .box:nth-child(2){margin-right:0;}
#notify .notice .box:after{content:'';display:block;width:0%;height:8px;background:#0f1b3c;position:absolute;top:-8px;left:0px;transition:all .5s;}
#notify .notice .box.active:after{width:19%}
#notify .notice .box h4{font-size:22px;font-weight:700;line-height:1.3;margin-top:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:58px;}
#notify .notice .box p{color:#666;font-size:18px;margin-top:23px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:80px;font-weight:400;}
#notify .notice .box .date{display:block;color:#9f9f9f;position:absolute;bottom:40px;left:40px;}
#notify .notice .box .more{display:block;overflow:hidden;text-indent:-9999px;width:55px;height:55px;border:1px solid #a1a1a1;position:absolute;bottom:40px;right:40px;transition:all .3s;}
#notify .notice .box .more:before{content:'';background:#0070cc;width:38px;height:1px;position:absolute;top:50%;left:50%;margin:-0.5px 0 0 -19px;display:block;}
#notify .notice .box .more:after{content:'';background:#0070cc;width:1px;height:38px;position:absolute;top:50%;left:50%;margin:-19px 0 0 -0.5px;display:block;}
#notify .notice .box .more:hover{background:#0070cc;border-color:#0070cc;}
#notify .notice .box .more:hover:before{background:#fff}
#notify .notice .box .more:hover:after{background:#fff}

#notify .window{width:calc(34.2% - 15px);float:left;margin:30px 0 0 15px;}
#notify .slick-wrap{position:relative;}
#notify .slick-wrap .control{position:absolute;top:0px;right:0px;z-index:1005;background:#0f1b3c;}
#notify .slick-wrap .control .count{display:inline-block;background:#fff;width:55px;height:45px;line-height:44px;border:1px solid #ececec;font-size:18px;font-weight:500;color:#333;text-align:center;}
#notify .slick-wrap .control .prev{margin:0 8px 0 6px;}
#notify .slick-wrap .control .next{margin:0 8px 0 8px;}
#notify .slick-wrap .control .play{display:none;}
#notify .slick-wrap .slick-box{overflow:hidden;border-radius:18px;box-shadow:4px 4px 8px 3px rgba(0,0,0,.2);}
#notify .slick-wrap .slick-slider .slick-list .slick-track .slick-slide img{display:block;border-radius:18px;}

@media (max-width:1200px) {

    #notify .title_box li {width: 23.5%}
    #notify .inner{padding:0 31px;}
    #notify .notice{width:57%;}
    #notify .window{width:calc(43% - 15px);}
    #notify h3{font-size:34px;}
    #notify .title span{font-size:16px;}
    #notify .notice .box{padding:20px;}
    #notify .notice .box h4{font-size:20px;max-height:76px;-webkit-line-clamp: 3;margin-top:18px;}
    #notify .notice .box p{font-size:16px;max-height:72px;}
    #notify .notice .box .date{bottom:30px;left:20px;}
    #notify .notice .box .more{bottom:-1px;right:-1px;}
    #notify .title_box ul{}
    #notify .title_box li{width: 45.5%;}
    #notify .title_box li:nth-child(4){margin-left: 0;}
    #notify .title_box{height: auto;}

}

@media (max-width: 1024px) {

}

@media (max-width: 767px) {

    #notify .title_box li{width: auto; float:none; display: inline-block; text-align: left; }
    #notify .title_box ul{padding-left: 0; text-align: center;}
    #notify .title_box li a:after{left: 6px;}
    #notify .title_box{padding: 62px 0 0 0; }
    #notify .title_box .title{left:50%; transform:  translateX(-50%);}
    #notify h3{font-size:30px;}
    #notify .notice{float:none;width:100%;margin-top:20px;}
    #notify .window{width:100%;float:none;margin:30px auto 0;max-width:400px;}
    #notify .notice .box{height:340px;}
    #notify .notice .box h4{font-size:20px;}
}

@media (max-width: 639px) {

    #notify h3{font-size:20px;}
    #notify .title span{font-size:13px;}
    #notify .notice{margin-top:12px;}
    #notify .notice .box{border-top-width:6px;margin-right:8px;width:calc((100% - 8px) / 2);padding:15px;}
    #notify .notice .box:after{height:6px;}
    #notify .notice .box h4{font-size:16px;-webkit-line-clamp:3;max-height:70px;line-height:1.5;}
    #notify .notice .box p{font-size:13px;max-height:60px;margin-top:17px;}
    #notify .notice .box .date{font-size:13px;bottom:25px;left:15px;}
    #notify .notice .box .more{width:40px;height:40px;bottom:-1px;right:-1px;}
    #notify .notice .box .more:before{width:28px;height:1px;margin:-0.5px 0 0 -14px;}
    #notify .notice .box .more:after{width:1px;height:28px;margin:-14px 0 0 -0.5px;}
    #notify .window{margin-top:18px;}
    #notify .slick-wrap .control .count{width:35px;height:35px;line-height:33px;font-size:12px;}
    #notify .slick-wrap .control button img{height:11px;}
    #notify .slick-wrap .control .prev{margin:0 6px 0 4px;}
    #notify .slick-wrap .control .next{margin:0 6px 0 6px;}

}

@media (max-width: 600px) {

#notify .title_box li{ width: 40%; margin: 0 auto;}

}

@media (max-width: 440px) {

#notify .title_box li a img{width: 27px; height: 26px;}
#notify .title_box li a:after{width: 7px; height: 7px; top: 17px;}
#notify .title_box li a{font-size: 18px;}
#notify .title_box ul{margin-top: 11px;}
#notify .title_box li{line-height: 39px;}
#notify .title_box{padding: 62px 0 14px 0;}

}

@media (max-width: 320px) {

#notify .title_box li a{font-size: 14px;}

}




#education{max-width:1920px;height:898px;background:url(/page/school/images/main/bg_education.png) no-repeat 50% 50%;background-size:cover;margin:85px auto 0;position:relative;z-index:20;}
#education .inner{max-width:1200px;margin:0 auto;}
#education .title{padding-top:100px}
#education h3{font-weight:700;font-size:36px;position:relative;padding-top:8px;text-align:center}
#education  h3:after{content:'';display:block;width:38px;height:4px; background: url(/page/school/images/main/menubar.png) no-repeat; position:absolute;top:0px;left: 50.9%; margin-left: -21px;}

#education .title span{display:block;font-size:18px;color:#555;text-align:center;margin-top:3px;letter-spacing:-1px;}

#education .list_01{overflow:hidden;margin-right:calc(100% - 1005px);border-radius:20px;box-shadow:5px 5px 7px 1px rgba(0,0,0,.2);margin-top:15px;}
#education .list_01 li{float:left;width:33.333333333333333%;height:280px;padding:33px 37px;position:relative;}
#education .list_01 li:nth-child(1){background:#ffb554}
#education .list_01 li:nth-child(2){background:#ff9d1e}
#education .list_01 li:nth-child(3){background:#ff9000}
#education .list_01 li a{display:block;width:100%;height:100%;}
#education .list_01 li img{position:absolute;bottom:38px;right:38px;}
#education .list_01 li strong{display:block;font-size:22px;font-weight:700;color:#000;word-break:keep-all;}
#education .list_01 li span{display:block;color:#333;font-size:18px;margin-top:3px;line-height:1.4;word-break:keep-all;}

#education .list_02{overflow:hidden;margin-left:calc(100% - 1005px);border-radius:20px;box-shadow:5px 5px 7px 1px rgba(0,0,0,.2);margin-top:20px;}
#education .list_02 li{float:left;width:33.333333333333333%;height:280px;padding:33px 37px;position:relative;}
#education .list_02 li:nth-child(1){background:#4276fe}
#education .list_02 li:nth-child(2){background:#325fd6}
#education .list_02 li:nth-child(3){background:#2346a4}
#education .list_02 li a{display:block;width:100%;height:100%;}
#education .list_02 li img{position:absolute;bottom:38px;right:38px;}
#education .list_02 li strong{display:block;font-size:22px;font-weight:700;color:#fff;word-break:keep-all;}
#education .list_02 li span{display:block;color:#c2d3ff;font-size:18px;margin-top:3px;line-height:1.4;word-break:keep-all;}

#education .more{display:block;margin:36px auto 0;position:relative;width:107px;height:47px;border:1px solid #333;color:#333;line-height:45px;text-align:center;transition:all .3s;}
#education .more:hover{background:#fff;border:1px solid #fff;text-decoration:none;}
#education .more:hover span{text-decoration:none;}
#education .more span{display:inline-block;position:relative;width:17px;height:17px;overflow:hidden;text-indent:-9999px;margin-left:8px;vertical-align:-1px;}
#education .more span:before{content:'';width:1px;height:17px;background:#000;display:block;position:absolute;top:50%;left:50%;margin:-8.5px 0 0 -0.5px;}
#education .more span:after{content:'';width:17px;height:1px;background:#000;display:block;position:absolute;top:50%;left:50%;margin:-0.5px 0 0 -8.5px;}


@media (max-width: 1280px) {


}

@media (max-width: 1200px) {

    #education h3{font-size:34px;}
    #education .title span{font-size:16px;}
    #education .list_01{margin-left:31px;}
    #education .list_02{margin-right:31px;}
}


@media (max-width: 1024px) {
    #education{margin-top:70px;height:810px;}
    #education .inner{padding:0 31px}
    #education .title{padding-top:70px;}
    #education .list_01{margin-right:0px;}
    #education .list_02{margin-left:0px;}
    #education .list_01{margin-left:0px;}
    #education .list_02{margin-right:0px;}
    #education .list_01 li{height:250px;padding:25px 15px 25px 29px;}
    #education .list_01 li strong{font-size:20px;}
    #education .list_01 li span{font-size:16px;}
    #education .list_01 li img{max-width:90px;max-height:90px;bottom:25px;right:25px;}
    #education .list_02 li{height:250px;padding:25px 15px 25px 29px;}
    #education .list_02 li strong{font-size:20px;}
    #education .list_02 li span{font-size:16px;}
    #education .list_02 li img{max-width:90px;max-height:90px;bottom:25px;right:25px;}
}

@media (max-width: 639px) {
    #education{margin-top:35px;height:425px;}
    #education .title{padding-top:40px;}
    #education h3{font-size:20px;}
    #education .title span{font-size:13px;margin-top:1px}
    #education .list_01{border-radius:6px;}
    #education .list_01 li{height:125px;padding:8px 11px 8px 11px;}
    #education .list_01 li strong{font-size:14px;line-height:1.4;}
    #education .list_01 li span{font-size:12px;margin-top:1px;line-height:1.3;}
    #education .list_01 li img{max-width:33px;max-height:33px;bottom:12px;right:12px;}

    #education .list_02{border-radius:6px;margin-top:10px;}
    #education .list_02 li{height:125px;padding:8px 11px 8px 11px;}
    #education .list_02 li strong{font-size:14px;line-height:1.4;}
    #education .list_02 li span{font-size:12px;margin-top:1px;line-height:1.3;}
    #education .list_02 li img{max-width:33px;max-height:33px;bottom:12px;right:12px;}

    #education .more{margin:18px auto 0;width:55px;height:24px;line-height:22px;font-size:10px;}
    #education .more span{width:9px;height:9px;margin-left:4px}
    #education .more span:before{width:1px;height:9px;margin:-4.5px 0 0 -0.5px;}
    #education .more span:after{width:9px;height:1px;margin:-0.5px 0 0 -4.5px;}
}


#guide{margin-top:48px;position:relative;z-index:15;}
#guide:before{content:'';display:block;background:url(/page/school/images/main/bg_guide_01.png) no-repeat 0 0;background-size:cover;width:451px;height:600px;position:absolute;top:-301px;left:-47px;z-index:-1;background-size:cover;}
#guide:after{content:'';display:block;background:url(/page/school/images/main/bg_guide_02.png) no-repeat 0 0;background-size:cover;width:457px;height:689px;position:absolute;bottom:0;right:0;z-index:-1;background-size:cover;}
#guide .inner{max-width:1200px;margin:0 auto;}
#guide h3{font-weight:700;font-size:36px;position:relative;padding-top:8px;text-align:center;}
#guide  h3:after{content:'';display:block;width:38px;height:4px; background: url(/page/school/images/main/menubar.png) no-repeat; position:absolute;top:0px;left: 50.9%; margin-left: -21px;}











#guide .list{margin-top:25px;}
#guide .list ul{}
#guide .list li{position: relative; float:left;margin-right:17px;width:calc((100% - 51px) / 4);box-shadow:5px 5px 7px 1px rgba(0,0,0,.1);border:1px solid #c4c4c4;}
#guide .list li .icon{position: relative; border-bottom:1px solid #959595;padding:30px 0 0px;height:225px;background:#fff;}
#guide .list li .icon strong{font-size:22px;font-weight:700;display:block;text-align:center;margin-bottom:20px;}
#guide .list li .icon img{display:block;margin:0 auto;}
#guide .list li .text_sub{position: absolute; width: 137px; left: 50%; transform: translate(-50%, -15px); text-align: center; display: inline-block; background: #ff9100; }
#guide .list li .text_sub span{font-size: 18px; color:#fff;}
#guide .list li .text{background:#f8f8f8;padding:34px 23px 37px;}
#guide .list li .text p{text-align:center;color:#555;font-size:18px;font-weight:400;word-break:keep-all;letter-spacing:-1px;}
#guide .list li .text a{display:block;margin:24px auto 0;width:132px;height:38px;font-weight:500;color:#1f3161;line-height:34px;text-align:center;border:2px solid #1f3161;border-radius:19px;position:relative;}
#guide .list li .text a:after{content:'';display:inline-block;width:21px;height:8px;background:url(/page/school/images/main/arrow_05.png) no-repeat 0 0;margin-left:5px;vertical-align:3px;color:#1f3161;transition:all .3s;}
#guide .list li .text a:hover{text-decoration:none;color:#fff;background:#1f3161;transition:all .3s;}
#guide .list li .text a:hover:after{background:url(/page/school/images/main/arrow_06.png) no-repeat 0 0;}

#guide .list li:last-child{margin-right:0;border:0;}
#guide .list li .book{border:10px solid #1f3161;position:relative;height:414px;}
#guide .list li .book .book_box{overflow:hidden;width:100%;height:100%;position:relative;;}
#guide .list li .book img{display:block;position:absolute;top:50%;left:0px;width:268px;height:395px;margin:-197.5px 0 0 0;}
#guide .list li .book .box{position:absolute;bottom:-10px;left:-10px;right:-10px;overflow:hidden;}
#guide .list li .book .box .down{display:block;float:left;width:50%;background:#3855a3;color:#fff;text-align:center;font-weight:300;height:62px;line-height:62px;}
#guide .list li .book .box .down:before{content:'';display:inline-block;background:url(/page/school/images/main/ico_down.png) no-repeat 0 0;width:17px;height:18px;margin-right:5px;vertical-align:-1px;}
#guide .list li .book .box .view{display:block;float:left;width:50%;background:#1f3161;color:#fff;text-align:center;font-weight:300;height:62px;line-height:62px;}
#guide .list li .book .box .view:before{content:'';display:inline-block;background:url(/page/school/images/main/ico_view.png) no-repeat 0 0;width:19px;height:19px;margin-right:5px;vertical-align:-3px;}

#guide .news{margin-top:75px;position:relative;padding-bottom:120px;}
#guide .news h3:after{content:'';display:block;width:38px;height:4px; background: url(/page/school/images/main/menubar.png) no-repeat; position:absolute;top:0px;left: 50.9%; margin-left: -21px;}
#guide .news h4{float:left;width:288px;height:265px;  background:url(/page/school/images/main/pt_news_01.png) repeat 0 0;text-align:center;position:relative;overflow:hidden;}
#guide .news h4:before{content:'';display:block;width:91px;height:97px;background:url(/page/school/images/main/bg_news.png) no-repeat 0 0;position:absolute;top:13px;left:2px;opacity:.7;}
#guide .news h4 span{display:block;position:relative;margin-top:100px;font-weight:500;color:#cbd5ff;font-size:24px;line-height:1.2;}
#guide .news h4 span:after{content:'';display:block;width:42px;height:3px;background:#fff;position:absolute;top:-20px;left:50%;margin-left:-21px;}
#guide .news h4 strong{display:block;font-weight:700;font-size:36px;color:#fff;line-height:1.3;position:relative;}
#guide .news .control .prev{position:absolute;top:50%;left:-64px; margin-top: -25px;}
#guide .news .control .next{position:absolute;top:50%;right:-64px; margin-top: -25px;}
#guide .news .slick-box .slick{width: 100%;}
#guide .news .slick-box .slick .slick-slide{margin-right:16px;width:287px;}
#guide .news .img_box{overflow:hidden;width:100%;position:relative;border-radius:10px;}
#guide .news .img_box img{display:block !important;}
#guide .news .img_box:after{content:'';position:absolute;opacity:0;;top:0px;left:0px;right:0px;bottom:0px;background:url(/page/school/images/main/pt_news_02.png) repeat 0 0;transition:all .3s;}
#guide .news .slick a:hover .img_box:after{display:block;opacity:1;}
#guide .news .img_box > span{display:block;overflow:hidden;text-indent:-9999px;width:44px;height:44px;position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;opacity:0;z-index:10;}
#guide .news .img_box > span:after{content:'';display:block;width:2px;height:44px;background:#fff;position:absolute;top:50%;left:50%;margin:-22px 0 0 -1px;}
#guide .news .img_box > span:before{content:'';display:block;width:44px;height:2px;background:#fff;position:absolute;top:50%;left:50%;margin:-1px 0 0 -22px;}
#guide .news .slick a:hover .img_box span{opacity:1;}
#guide .news .text_box{position: absolute; bottom: 0; width: 100%; padding: 11px 0; background: rgba(0, 0, 0, 0.5);}
#guide .news .text_box p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:22px;font-weight:700;line-height:1.3;padding:0 10px;color:#fff;}
#guide .news .slick a:hover, #guide .news .slick a:hover p, #guide .news .slick a:hover div, #guide .news .slick a:hover span{text-decoration:none !important;}
#guide .news .text_box span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:18px;margin-top:7px;line-height:1.3;color:#fff;}


@media (max-width: 1400px) {
    #guide .title{padding-right:31px;}
    #guide h3{font-size:34px;}
    #guide .title span{font-size:16px;}
    #guide .list{padding:0 31px;}
    #guide .list li .icon{height:220px;}
    #guide .list li .text{padding:29px 10px 32px;}
    #guide .list li .text p{font-size:16px;}
    #guide .list li .book{height:393px;}
    #guide .list li .book img{width:248px;height:365px;}
    #guide .news{padding-bottom:100px;}
    #guide .news h4{margin-left:31px;}
    #guide .news .control .prev{top:261px;left:62px;}
    #guide .news .control .next{top:261px;right:inherit;left:148px;}
    #guide .news .slick-box{margin-left:258px;}
}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
    #guide .list{max-width:680px;margin:20px auto;}
    #guide .list li{margin-right:15px;width:calc((100% - 15px) / 2);height:360px;}
    #guide .list li:nth-child(2n){margin-right:0px;}
    #guide .list li:nth-child(n+3){margin-top:15px;}
    #guide .list li .icon img{max-width:140px;max-height:140px;}
    #guide .list li .text{height:138px;padding-top:19px;}
    #guide .list li .text a{margin-top:14px;}
    #guide .list li .book{height:360px;}
    #guide .list li .book img{width:268px;height:395px;}
    #guide .news{margin-top:50px;padding-bottom:80px;}
    #guide .news h4{width:250px;height:250px;}
    #guide .news h4 span{margin-top:90px;font-size:22px;}
    #guide .news .slick-box{margin-left: 32px;}
    #guide .news .slick-box .slick .slick-slide{width:242px;margin-right:30px;}
    #guide .news .control .prev{top:231px;left:37px;}
    #guide .news .control .next{top:231px;left:95px;}
    #guide .news .text_box{padding: 10px 0; }
    #guide .news .text_box p{font-size: 18px;}
    #guide .news .text_box span{font-size: 16px;}
    #guide .news h4 strong{font-size:32px;}
    #guide .news .text span{font-size:16px;}
    #guide .news .control{display: none;}
}

@media (max-width: 767px) {
    #guide  .inner .news .control{display: none;}
    #guide .news .slick-box {margin-left: 74px !important;}
}

@media (max-width: 639px) {
    #guide .list li .text_sub{width: 114px; height: 17px; line-height: 13px; transform: translate(-50%, -15px); top: 225px;}
    #guide .list li .text_sub span{font-size: 12px;}
    #guide{margin-top:38px;}
    #guide h3{font-size:20px;}
    #guide .title span{font-size:13px;margin-top:1px}
    #guide .news .slick-box {margin-left: 32px !important;}
}

@media (max-width: 639px) {

    #guide .list li:nth-child(3) .text a{margin-top: 4px!important;}

}


@media (max-width: 400px) {
  #guide .list{max-width:400px;}
  #guide .list li{height:210px;width: calc((100% - 8px) / 2);margin-right:8px;}
  #guide .list li:nth-child(n+3){margin-top:8px;}
  #guide .list li .icon{height:112px;padding-top:11px;}
  #guide .list li .icon strong{font-size:14px;margin-bottom:8px;}
  #guide .list li .icon img{max-width:80px;max-height:80px;}
  #guide .list li .text{height:95px;padding:11px 14px 0;}
  #guide .list li .text p{font-size:12px;line-height:1.3;}
  #guide .list li .book{height:210px;}
  #guide .list li .text a{width:84px;height:24px;font-size:11px;line-height:22px;margin-top:5px;}
  #guide .list li .text a:after{width:15px;height:6px;background-size:15px 6px;margin-left:3px;vertical-align:2px;}
  #guide .list li .book img{width:130px;height:200px;margin-top:-100px;}
  #guide .list li .book .box .down{height:32px;line-height:32px;}
  #guide .list li .book .box .down span{display:none;}
  #guide .list li .book .box .down:before{margin-right:0;width:15px;height:15px;background-size:15px 15px;vertical-align:0;}
  #guide .list li .book .box .view{height:32px;line-height:32px;}
  #guide .list li .book .box .view span{display:none;}
  #guide .list li .book .box .view:before{margin-right:0;width:15px;height:15px;background-size:15px 15px;vertical-align:0;}

  #guide .news{margin-top:36px;padding-bottom:55px;}
  #guide .news h4{width:145px;height:145px;border:5px solid #e8e8e8;}
  #guide .news h4 span{font-size:14px;margin-top:53px;}
  #guide .news h4 strong{font-size:20px;}
  #guide .news h4 span:after{height:1px;width:22px;margin-left:-11px;top:-10px;}
  #guide .news h4:before{width:50px;height:53px;background-size:50px 53px;top:10px;left:-1px;}
  #guide .news .control .prev{top:171px;left:39px;}
  #guide .news .control .prev img{width:35px;height:35px;}
  #guide .news .control .next{top:171px;left:84px;}
  #guide .news .control .next img{width:35px;height:35px;}
  #guide .news .slick-box {margin-left: 34px !important;}
  #guide .news .slick-box{margin-left:140px;padding-top:3px;}
  #guide .news .slick-box .slick .slick-slide{width:140px;margin-right:5px;}
  #guide .news .text{margin-top:9px;}
  #guide .news .text p{font-size:14px;}
  #guide .news .img_box span:after{width:2px;height:24px;margin:-12px 0 0 -1px;}
  #guide .news .img_box span:before{width:24px;height:2px;margin:-1px 0 0 -12px;}
  #guide .news .text_box {padding: 5px 0;}
  #guide .news .text_box p{font-size: 12px; font-weight: 400;}
  #guide .news .text_box span{display:block; margin-top: 2px;text-align:center;font-size:12px;line-height:1.3;color:#fff;}
  #guide .list li .text_sub{top: 119px;}
}

@media (max-width: 357px) {
  #guide .news .slick-box {
      margin-left: 34px !important;
}