body{ overflow-x: hidden;}
/*  BANNER  */
.main-info{ padding: 0; padding-bottom: 25px;}
#myCarousel{ position: relative; width: 100%; height: calc(100vh - 277px);}
.carousel-indicators { bottom: 65px; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; margin: auto; }
.carousel-inner > .item{ height: calc(100vh - 277px); background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer;}
.bannerBox{ position: relative;}
.bannerBox > .banner-enter{ position: absolute; left: 50%; bottom:0; z-index: 7;}
.bannerBox .container{ position: relative; left: -50%; bottom: -150px;}
.bannerBox .banner-enter a{ display: block; color:#fff; background-repeat: no-repeat; background-image: url(../../images/pages/index/enter_box_bg.png); background-position: right top; transition: background-position 1s ease-out, margin-top 0.3s ease-out;}
.bannerBox .banner-enter a.left{ background-color: #0072b5;}
.bannerBox .banner-enter a.right{ background-color: #f6bc25;}
.bannerBox .banner-enter a .top{ padding: 20px; line-height: 1; background-repeat: no-repeat; background-position: calc(100% - 10px) 10px; background-size:15%; transition: background-size 1s ease-out;}
.bannerBox .banner-enter a .top span{ font-size: 30px; display: block; margin-top: 5px;}
.bannerBox .banner-enter a.left .top{ background-image: url(../../images/pages/index/enter_box_icon1.png);}
.bannerBox .banner-enter a.right .top{ background-image: url(../../images/pages/index/enter_box_icon2.png);}
.bannerBox .banner-enter a .bottom{ padding: 5px 0; font-size: 30px; transition: padding 0.3s ease-out;}
.bannerBox .banner-enter a.left .bottom{ color:#000; background-color: #0092e7;}
.bannerBox .banner-enter a.right .bottom{ color:#362700; background-color: #ffce4f;}
.bannerBox .banner-enter .girl{ width: 172px; height: 285px; position: absolute; right: 0; /*background-image: url(../../images/pages/index/ghost_girl.png);*/ z-index: 10; right: -142px;}
.bannerBox .banner-enter a:hover{ text-decoration: none; background-position: calc(100% + 20px) -20px; transition: all 1s ease-out, margin-top 0.3s ease-out; margin-top: -5px;}
.bannerBox .banner-enter a:hover .top{ background-size: 18%; transition: background-size 1s ease-out;}
.bannerBox .banner-enter a:hover .bottom{ padding-top: 10px; transition: padding 0.3s ease-out;}

/*  ABOUT   */
.about{ padding: 70px 0; background-color: #f3f5f6; margin-top: 215px; background-image: url(../../images/pages/index/about_bg.png); background-repeat: no-repeat; background-position: 80% center; background-attachment: fixed; padding-bottom: 100px;}
.boxarea dt{ border-bottom: 1px solid #bebebe;}
.about .boxarea dd .en{ font-size: 30px; color:#0072b5; margin-top: 15px; line-height: 1;}
.about .boxarea dd .en span{ font-size: 60px; color:#f6bc25;}
.about .boxarea dd .cn{ font-size: 16px; margin-top: 15px;}
.about .boxarea dd .cn p{ font-size: 24px; color: #010101;}
.about .right img{ margin: 0 auto; width: 90%;}
.about_more{ background-image: url(../../images/pages/index/arrow2_c1.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; display: inline-block; padding: 10px 50px; border-radius: 30px; background-color: #fff; border: 1px solid #eaeaea; color: #000; margin-top: 15px; }
.about_more:hover{ background-image: url(../../images/pages/index/arrow2_c2.png); background-color: #b1c7d4; text-decoration: none; color: #fff;}

/*  SCHOOL   */
.school .row{ border: 1px solid #dddddd; border-bottom: none; padding-bottom: 5px; background-image: url(../../images/pages/index/school_bar.jpg); background-repeat: no-repeat; background-position: center bottom; position: relative;  top: -75px;  background-color: #fff;}
.school .row > div{ border-left: 1px solid #ddd;}
.school a{ display: block; width: 100%; height: 100%; padding: 30px 0; margin: auto;}
.school .row > div.first{ border-left: none;}

/*  news_course */
.news_course{ margin-top: 0px; padding-bottom: 50px;}
.news ul{ margin-top: 10px;}
.news li{ padding: 15px 0; border-bottom: 1px solid #ddd;}
.news li.last{ border-bottom: none;}
.news .left{ padding: 0; padding-right: 10px;}
.news .left img{ width: 100%;}
.news .right{ padding: 0; padding-top: 10px; font-size: 14px; line-height: 1.3;}
.news .right a, .news .right p{ display: block;}
.news .right a{ font-size: 18px; color: #292929; transition: color 0.3s linear; margin: 5px 0;}
.news .right a:hover{ color: #9d9d9d; transition: color 0.3s linear; text-decoration: none;}
.course .menu{ padding: 0 15px; margin-top: 20px;}
.course .menu a{ display: block; padding: 10px 0; color: #fff; transition: all 0.3s ease-out; font-size: 14px; margin-top: 5px;}
.course .menu a.b1{ background-color: #ed217c;}
.course .menu a.b2{ background-color: #1cc0df;}
.course .menu a.b3{ background-color: #f7941e;}
.course .menu .on a, .course .menu a:hover{ padding: 15px 0; transition: all 0.3s ease-out; text-decoration: none; margin-top: 0px;}
.course .content .c1, .course .content .c2, .course .content .c3{ background-repeat: no-repeat; background-size: contain; background-position: right bottom; height: 360px;}
.course .content .c1{ background-image: url(../../images/pages/index/couse_icon_bg1.jpg);}
.course .content .c2{ background-image: url(../../images/pages/index/couse_icon_bg2.jpg);}
.course .content .c3{ background-image: url(../../images/pages/index/couse_icon_bg3.jpg);}
.course .content h3{ font-size: 24px; border: none; margin-bottom: 5px;}
.course .content p{ font-size: 15px; color: #000;}
.course .content .link a{ font-size: 15px; }
.course .content .c1 h3{ color: #ed217c;}
.course .content .c2 h3{ color: #1cc0df;}
.course .content .c3 h3{ color: #f7941e;}
.course .content .left{ padding-top: 180px; background-repeat: no-repeat; background-position: center 40px;}
.course .content .c1 .left{ background-image: url(../../images/pages/index/couse_icon1.png);}
.course .content .c2 .left{ background-image: url(../../images/pages/index/couse_icon2.png);}
.course .content .c3 .left{ background-image: url(../../images/pages/index/couse_icon3.png);}
.course > dt{ border: none;}
a.arrowBtn1{ background-image: url(../../images/pages/index/arrow1.png); background-repeat: no-repeat; background-position: left center; width: 16px; height: 36px; display: block; float: right; margin-top: 8px !important; transition: background-position 0.3s ease-out;}
a.arrowBtn1:hover{ background-position: right 0; transition: background-position 0.3s ease-out;}
.about_more2{ display: inline-block; padding: 10px 50px; border-radius: 30px; background-color: #fff; border: 1px solid #eaeaea; color: #6f6f6f; margin-top: 15px; }
.about_more2:hover{ background-color: #b1c7d4; text-decoration: none; color: #fff;}
@media screen and (max-width: 960px) {
    .bannerBox .banner-enter a .top{ background-size: 20%;}
    .bannerBox .banner-enter a{ background-size: 50%;}
    .main-info{ padding: 0; padding-bottom: 15px;}
    /*  BANNER  */
    .carousel-indicators { bottom: 15px; }
    .bannerBox > .banner-enter{ position: relative; left: 0%;}
    .bannerBox .container{ left: 0%; bottom: 0px;}
    .bannerBox .banner-enter a.left .top img{ width: 80%;}
    .bannerBox .banner-enter a.right .top img{ width: 76%;}
    .bannerBox .banner-enter a .top span{ font-size: 16px;}
    .bannerBox .banner-enter a .bottom{ font-size: 16px;}
    #myCarousel{ height: calc(85vh - 277px);}
    .carousel-inner > .item{ height: calc(85vh - 277px);}

    /*  ABOUT   */
    .about{ margin-top: 0; padding: 15px 0;}
    .about .boxarea dd .en{ font-size: 20px; margin-top: 10px;}
    .about .boxarea dd .en span{ font-size: 30px;}
    .about .boxarea dd .cn{ font-size: 13px; margin-top: 15px;}
    .about .boxarea dd .cn p{ font-size: 16px; color: #010101;}
    .about .right{ padding: 20px 15px;}
    .about .right img{ width: 100%;}

    /*  SCHOOL  */
    .school .row{ padding-bottom: 0; border: none; top:0;}
    .school .row > div{ border-left: none; border-bottom: none;}
    .school a{ padding:15px 5px;}
    .school a img{ width: 60%; height: auto;}

    /*  news_course */
    a.arrowBtn1{ background-image: url(../../images/fullsite/arrow_menu.png);}
    .news_course{ margin-top: 10px;}
    .news_course dt > h1{margin-top: 10px !important;}
    .news .left{ padding-bottom: 10px; padding-right: 0;}
    .news .right{ font-size: 12px;}
    .news .right a{ font-size: 14px;}
    .news .right { padding-top: 0;}
    .news ul{ margin-top: 0px;}
    .course .menu{ margin-top: 10px;}
    .course .menu a{ font-size: 12px;}
    .course .content .c1, .course .content .c2, .course .content .c3{ height: 350px;}
    .course .content dt{ font-size: 15px; margin-bottom: 0; padding-left: 0; padding-right: 0;}
    .course .content dd{ font-size: 12px; padding-left: 0; padding-right: 0;}
    .course .content dd a{ font-size: 12px; padding-left: 0; padding-right: 0; width: 130px;}
    .course .content .row > dl{ margin-top: 20px;}
    .course .content dt{ text-align: center;}
    .course .content dd{ text-align: center;}
    .course .content dd.link{ margin-top: 0;}
    .boxarea dt{ border: none;}
    .boxarea dt .glyphicon { margin-top: 5px !important;}

    .course .content .c1, .course .content .c2, .course .content .c3{ background: none;}
    .course .content .right{ height: 255px; background-position: right bottom;background-size: cover;}
    .course .content .c1 .right{ background-image: url(../../images/pages/index/couse_icon_bg1.jpg);}
    .course .content .c2 .right{ background-image: url(../../images/pages/index/couse_icon_bg2.jpg);}
    .course .content .c3 .right{ background-image: url(../../images/pages/index/couse_icon_bg3.jpg);}
    .course .content p{ font-size: 13px;}
}