@charset "utf-8";
@font-face { 
  font-family: 'SourceHanSerifCNBold'; 
  /*src:url('https://adlimg-1251021570.cos.ap-guangzhou.myqcloud.com/SourceHanSerifCNBold.woff2') format('truetype');*/
   src:url('SourceHanSerifCNBold.woff2') format('truetype');
  font-weight: bold;
  font-style: normal;
}
/*防止选取 <div> 元素的文本*/
*{ -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none; word-wrap: break-word !important;}
input{ -moz-user-select: auto;-webkit-user-select: auto;-ms-user-select: auto;-khtml-user-select: auto;}
html{width: 100%; background-color: #9b1e30; background-image:  url(../images/logo/icon-logo-loading.png); background-position:center; background-repeat: no-repeat; background-size: 300px auto;}
body{ width: 100%;  position: relative; background: #9b1e30;  overflow: hidden}
html,body{ 
    /*font-family: "source-han-serif-sc", serif;*/ font-weight: 400; font-style: normal;

    scrollbar-width:none!important; 
    overflow:-moz-scrollbars-none!important;
    -ms-overflow-style: none!important;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
}
body::-webkit-scrollbar { width: 0px!important;}

*{font-family: "宋体"; font-weight: bold;}
.fontshow *{font-family: "SourceHanSerifCNBold", "宋体"; font-weight: bold;}

.swiper-lazy-preloader{ opacity: .3;}

img.lazy {opacity: 0;transition: opacity 300ms;}
img.lazy.loaded {opacity: 1;}
.onloadshow{ visibility: hidden;}
.onloadshowbox .onloadshow{ visibility: visible;}

.main-header-height{ width: 100%; height: 80px;}
.main-p-tb-box-66{padding-top: 66px; padding-bottom: 66px;}
.main-p-lr-box{padding: 0 40px;}
.main-p-tb-box{padding-top: 40px; padding-bottom: 40px;}
.main-line-an:after{background: #cfac92; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transition: transform .7s cubic-bezier(.19,1,.22,1); width: 100%; transform: scaleX(0); transform-origin: right center;}
.main-line-an:hover:after { transform: scaleX(1); transform-origin: left center;}

.main-use-box{ background: rgba(255, 255, 255, .98); position: absolute; top:0; left: 0; z-index: 6; width: 100%; height: 100%; visibility: hidden; opacity: 0; transform-style: preserve-3d; transition: all .3s ease;}
.main-use-box>div{ width: 100%; height: 100%; position: absolute; left: 0; top:0;}
.man-search-box{ width: 60%; max-width: 998px; margin: auto; font-size: 28px!important; position: relative; z-index: 1; display: none }
.man-search-colse{ display: block;position: absolute; left: 0; top:0; width: 100%; height: 100%}
.man-search-box>.form-input{font-size: 28px!important; height: 3em; padding: 0 1em}
.man-search-box .ban-search{ width: 1.8em; height: 1.8em; background: #8f1927; color: #c8a186; font-size: 1.2em; position: absolute; top:.24em; right: .24em; border: none; cursor: pointer; border-radius: 100%; font-weight: 300;}
.man-search-box .ban-search:hover{ background: #c8a186; color: #fff }

.man-language{ font-size: 38px; font-weight: bold; border: 1px solid #c8a186; color: #c8a186; width: 3em; height: 3em; border-radius: 100%; margin: 0 0.2em; display: inline-block;}
.man-language:hover,.man-language.active{ background: #8f1927; border-color: #8f1927}
.man-language-box,.man-contact-box{ display: none}
.man-language-box>span,.man-contact-box>span{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #c8a186; position: relative; top:-.6em; margin: 0 .4em;}
.man-language>i{ position: absolute; top:50%; left: 50%; margin-top: -34px; margin-left: 8px; font-size: 28px;}

.main-use-box.show{visibility: visible; opacity: 1;}


.main-menu{ height: 100%; left: 0;  position: fixed; top: 0; transition: visibility 1.2s; visibility: hidden; width: 100%; z-index: 5; }
.main-menu-box{height: 100%; position: absolute; left: 0; top: 0; width: 623px;}
.main-menu-box>img{ width: 290px; position: absolute; bottom:5%; right:5%; transition: all .8s ease; transition-delay: 0s; opacity: 0}
.main-menu-box-list{ display: flex; flex-direction: column; height: 100%; justify-content: center; line-height: 1; list-style: none; font-size: 34px; width: 100%; margin: 0;}
.main-menu-box-list-item{ margin-top: 15px; overflow: hidden;}
.main-menu-box-list-link{ display: inline-block; overflow: hidden; position: relative; vertical-align: top; transform: translateY(100%); transition: transform .8s cubic-bezier(.165,.84,.44,1); padding-bottom: 16px}
.main-menu-box-list-sub-box{ height: 0; transition: all .6s ease; margin: 0; padding: 0; }
.main-menu-box-list-sub{display: flex; align-items: center; list-style: none; position: relative; }
.main-menu-box-list-sub-item{  display:inline-block; font-size: 16px}
.main-menu-box-list-sub-link{ margin-left: 14px; display: inline-block; padding: 6px 0;  margin-top: 8px; margin-bottom: 0px; position: relative}
.main-menu-box-list-item>div.main-menu-box-list-sub-box:before{background: #cfac92; top: 0; content: ""; height: 1px; left: 0; position: absolute; transition: transform .7s cubic-bezier(.19,1,.22,1); width: 100%; transform: scaleX(0); transform-origin: right center;}
.main-menu-box-list-item>div.main-menu-box-list-sub-box:after{background: #cfac92; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transition: transform .7s cubic-bezier(.19,1,.22,1); width: 100%; transform: scaleX(0); transform-origin: right center;}
.main-menu-box-list-item:hover .main-menu-box-list-sub-box{ height: 130px; }
.main-menu-box-list-item:hover>div.main-menu-box-list-sub-box:after,.main-menu-box-list-item:hover>div.main-menu-box-list-sub-box:before{ transform: scaleX(1); transform-origin: left center;}

.main-menu-buton-use{display: flex;align-items: center; position: absolute; bottom:5%;  transition: all 1.1s ease; opacity: 0; transform: translateX(-50%)}
.i-menu-use-buton{ background: #d0ac92; height: 35px; display: flex; align-items: center; color: #9b1e30; border-radius: 35px; padding-right: 10px; margin-right: 0px; transition: all 1.1s ease;}
.i-menu-use-buton>i{display: inline-block; width: 28px; height: 28px; background: #9b1e30; border-radius: 100%;  margin-left: 4px; margin-right: 10px}
.i-menu-use-buton>span{ display: inline-block; font-size: 16px; font-weight: 900; margin-right: 10px }
.i-menu-use-buton:hover >i{transform: scale(.6)}

.main-home-cursor{border: 1px solid #fff; border-radius: 100%; color: #fff; width: 80px; height: 80px;  margin-left: -40px; margin-top: -40px; top: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; transition: all .3s ease-out;  z-index: 100; box-sizing: border-box; overflow: hidden; font-weight: bold; font-size: 12px;}
.main-home-cursor>div{ width: 100%; height: 100%; position: absolute; top:0; left: 0; border-radius: 100%; overflow: hidden; visibility: hidden}
.main-home-cursor-class>div{ width: 100%; position: absolute; left: 0; top:50%; text-align: center; transform:rotate(-50deg) translate3d(28px, 50px, 0); transform-style: preserve-3d; transition: all .3s ease;}
.main-home-cursor-class>div>span{ display: inline-block}
.main-home-cursor-class>div>span:nth-child(1){transform:rotate(16deg) translate3d(-8px, -5px, -5px);}
.main-home-cursor-class>div>span:nth-child(2){transform:rotate(0deg) translate3d(0, 3px, 0);}
.main-home-cursor-class>div>span:nth-child(3){transform:rotate(-20deg) translate3d(2px, 0, 0);}

.main-home-cursor-active .main-home-cursor{ opacity: 1;}
.main-home-cursor-1 .main-home-cursor-class,.main-home-cursor-2 .main-home-cursor-class,.main-home-cursor-3 .main-home-cursor-class{visibility: visible}
.main-home-cursor-1 .main-home-cursor-class>div:nth-child(1){transform:rotate(-50deg) translate3d(8px, 20px, 0);}
.main-home-cursor-2 .main-home-cursor-class>div:nth-child(2){transform:rotate(-50deg) translate3d(8px, 20px, 0);}
.main-home-cursor-3 .main-home-cursor-class>div:nth-child(3){transform:rotate(-50deg) translate3d(8px, 20px, 0);}

.main-home-cursor-news-active .main-home-cursor-news{ background-color: rgba(255, 255, 255, .8); text-align: center;  visibility: visible}
.main-home-cursor-news>div>span{ margin: 0 10px; color: #333; font-size: 18px; font-weight: 300}

.header-box{ height: 80px; position: fixed; top:0; left: 0; z-index: 6; width: 100%; line-height: 80px;}
.header-box>div.main-navigation{ height: 100%; width: 100%; justify-content: space-between; display: flex; align-items: center;}
.main-navigation-button{ align-items: center; display: flex; font-size: 0;}
.main-navigation-button-menu{ height: 35px; margin-top: -2px; width: 35px; align-items: center; display: flex; position: relative;}
.main-navigation-button-menu-dash{ border-top: 2px solid; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); transform-style: preserve-3d; transition: transform 1s ease; width: 100%;}
.main-navigation-button-menu-dash:first-child{transform: translate(-50%,-6px);}
.main-navigation-button-menu-dash:nth-child(2){display: block; left: 0; transform: none;}
.main-navigation-button-menu-dash:nth-child(3){transform: translate(-50%,6px);}
.main-navigation-button-text{font-size: 16px; margin-left: 12px; display: block; transition: opacity .4s ease;}
.main-navigation-buton-use{display: flex;align-items: center;}
.main-navigation-buton-use>button{ width: 35px; height: 35px; display: flex; align-items: center; text-align: center; justify-content: center; margin-left: 12px}
.main-navigation-buton-use>button:hover{ background: #8f1927; color: #fff;}

.main-navigation-teacher-ewm{  line-height: 1em; }
.main-navigation-teacher-ewm>div{ float: left;padding-left: 20px; padding-right: 5px;}
.main-navigation-teacher-ewm>img{ width: 50px; height: 50px; display: block; border: 5px solid white; border-radius: 4px; float: right;}

.main-navigation-logo-box{ position: absolute; top:13px;  left: 50%; margin-left: -144px; height: 53px; width: 288px; text-align: center; text-align: center;}
.main-navigation-logo{ width: 288px; height: 53px; display: inline-block; overflow: hidden; position: relative}
.main-navigation-logo-icon{height: 100%; display: block; position: absolute; left:0; bottom:0; transform: translate(0,0); transition: all .6s ease; opacity: 1;}
.main-navigation-logo-icon>span{ display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; background-size: cover; background-position: center; }
.main-navigation-logo-icon>span.main-navigation-logo-icon-red{ background-image: url(../images/logo/icon-logo-red-min.png); opacity: 1; transition: all 1s ease;}
.main-navigation-logo-icon>span.main-navigation-logo-icon-golden{ background-image: url(../images/logo/icon-logo-golden-min.png); opacity: 0; transition: all 1s ease;}
.main-navigation-logo-title{height: 100%; display: block; position: absolute; right:0; bottom:0; transform: translate(0,0); transition: all .6s ease; opacity: 1;;transition-delay:.1s}
.main-navigation-logo-title>span{ display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; background-size: cover; background-position: center;}
.main-navigation-logo-title>span.main-navigation-logo-title-red{ background-image: url(../images/logo/logo-red-title-min.png); opacity: 1; transition: all 1s ease;}
.main-navigation-logo-title>span.main-navigation-logo-title-golden{ background-image: url(../images/logo/logo-golden-title-min.png); opacity: 0; transition: all 1s ease;}
.main-navigation-logo:hover .main-navigation-logo-title{ transform: translate(0,100%); opacity: 0;;transition-delay:0s}
.main-navigation-logo:hover .main-navigation-logo-icon{ transform: translate(137.5px,0);transition-delay:.1s}

/*.main-navigation-open .main-navigation{ background: #9b1e30;transition: all 1s ease; }*/
.main-navigation-open .main-navigation-button-menu-dash:first-child{transform: translate(-50%,-50%) rotate(-45deg);} 
.main-navigation-open .main-navigation-button-menu-dash:nth-child(2){transform: scaleX(0)} 
.main-navigation-open .main-navigation-button-menu-dash:nth-child(3){transform: translate(-50%,-50%) rotate(45deg);} 
.main-navigation-open .main-navigation-logo-icon>span.main-navigation-logo-icon-red,.main-open-js .main-navigation-logo-icon>span.main-navigation-logo-icon-red{ opacity: 0;}
.main-navigation-open .main-navigation-logo-title>span.main-navigation-logo-title-red,.main-open-js .main-navigation-logo-title>span.main-navigation-logo-title-red{ opacity: 0;}
.main-navigation-open .main-navigation-logo-icon>span.main-navigation-logo-icon-golden,.main-open-js .main-navigation-logo-icon>span.main-navigation-logo-icon-golden{ opacity: 1;}
.main-navigation-open .main-navigation-logo-title>span.main-navigation-logo-title-golden,.main-open-js .main-navigation-logo-title>span.main-navigation-logo-title-golden{ opacity: 1;}

.main-navigation-open .main-menu { transition: visibility 0s; visibility: visible;}
.main-navigation-open .main-menu-box>img{ opacity: 1; right: 5%; transition-delay: .9s;}
.main-navigation-open .main-menu-box-list-link{transform: translateY(0);}
.main-navigation-open .main-menu-box-list-item:first-child .main-menu-box-list-link {transition-delay: .6s;}
.main-navigation-open .main-menu-box-list-item:nth-child(2) .main-menu-box-list-link {transition-delay: .7s;}
.main-navigation-open .main-menu-box-list-item:nth-child(3) .main-menu-box-list-link {transition-delay: .8s;}
.main-navigation-open .main-menu-box-list-item:nth-child(4) .main-menu-box-list-link {transition-delay: .9s;}
.main-navigation-open .main-menu-box-list-item:nth-child(5) .main-menu-box-list-link {transition-delay: 1s;}
.main-navigation-open .main-menu-box-list-item:nth-child(6) .main-menu-box-list-link {transition-delay: 1.1s;}
.main-navigation-open .main-menu-box-list-item:nth-child(7) .main-menu-box-list-link {transition-delay: 1.2s;}
.main-navigation-open .main-menu-box-list-item:nth-child(8) .main-menu-box-list-link {transition-delay: 1.3s;}
.main-navigation-open .main-menu-buton-use{ left: 0; opacity: 1;  transform: translateX(0)}
.main-navigation-open .i-menu-use-buton{margin-right: 15px;}

.main-box{ left: 0; position: fixed; top: 0; transition: all 1s ease-out; width: 100%; height: 100vh; z-index: 5; overflow: hidden; background: #fff; transform-style: preserve-3d; }
.main-navigation-open .main-box{transform: translateX(625px); background: #8f1927; border-radius: 14px; height: calc(100% - 100px); top:80px;}
.main-navigation-open .main-inner-navigation-box-fixed{transform-style: preserve-3d; transform: translateY(-80px)!important; transition: all 1s ease-out!important; border-radius: 14px 0 0 0; opacity: 0; overflow: hidden}
.main-navigation-open #i-zwis-button{ opacity: 0;}
.main-navigation-open .main-i-back{transform: translateX(625px);transition: all 1s ease-out;}
.main-navigation-open .main-home-enrol-bottom{background: #8f1927!important; }
.main-navigation-open .footer-box{background: #8f1927!important; }
.main-content{width: 100%; position: relative; top:0; left: 0;  overflow: hidden; height: 100%}
.main-home{ width: 100%; overflow: hidden; background: #fff; z-index: 1; position: absolute; top:0; left: 0}

.skrollr-ease-out-6{transition: all .6s ease-out 0s!important;}
.skrollr-ease-out-8{transition: all .8s ease-out 0s!important;}
.skrollr-ease-out-10{transition: all 1s ease-out 0s!important;}
.skrollr-ease-out-12{transition: all 1.2s ease-out 0s!important;}
.skrollr-ease-out-14{transition: all 1.4s ease-out 0s!important; }

/*.main-home-header{}*/
.main-home-header-box{align-items: center; border-radius: 0; bottom: 40px; color: #fff; left: 40px; overflow: hidden; position: absolute; right: 40px; text-align: center; top: 80px; transform: translateZ(0); background: #dedede; transform: scale(1.3); transition: transform 1s ease;}
.main-home-header-box.active{transform: translate3d(0px, 0px, 0px) scale(1); border-radius: 14px}

.home-banner-swiper-pagination{ width: 100%; text-align: center; bottom:80px;}
.swiper-pagination-bullet{ width: 66px; height: 6px; border-radius: 6px; margin: 0 6px; opacity: .9; background: #fff}
.swiper-pagination-bullet-active{ background: #cfac92;}

#i-zwis-button{  position: fixed; bottom:90px; right: 80px; z-index: 5; height: 52px; width: 100%; max-width: 368px; overflow: hidden; visibility: hidden;transform-style: preserve-3d; transition: all 1s ease-out; opacity: 1}
#i-zwis-button span.i-zwis-button-text{ line-height: 1em; font-size: 15px; padding-left: 10%;}
.i-zwis-button{ height: 52px; width: 100%; box-sizing: border-box; background: #fff; border-radius: 80px; font-size: 18px; display: block;  transform-style: preserve-3d; }
.i-zwis-write{ font-size: 14px; padding: 0 14px; margin-right: 20px}
.i-round-box{ height: 100%; background: #9b1e30; border-radius: 50px; width: 76px; line-height: 76px; display: inline-block;}
.i-round-box>i{ display: inline-block; background: #cfac92; height: 50px; width: 50px; border-radius: 100px; float:left; transform: scale(.8)}
.i-round-box-shadow{ width: 76px}
.i-zwis-button:hover .i-round-box-shadow{ width: 100% }
.i-zwis-button-min{ width: 240px; height: 48px; right: 0; position: relative;  bottom:initial; font-size: 22px; line-height: 48px}
.i-zwis-button-min .i-round-box{ width: 67px; height: 48px; line-height: 48px}
.i-zwis-button-min .i-round-box>i{ height: 46px; width: 46px; }
.i-zwis-button-min:hover span{color:#fff }

.main-zwis-window{width: 600px; height: 340px; margin: auto; position: fixed!important; top:50%; margin-top: -168px; left: 50%; margin-left: -300px; z-index: 5}
.main-zwis-window img{ width: 210px; height: 340px;}

.footer-box{ position: absolute; height: 100%; background: #9b1e30;transition: all 1s ease; top:0; left: 0; z-index: 0}
.footer-logo{max-width: 528px;}
.footer-title>i.iconfont{ width: 24px; height: 24px;}
.teachername{ height: 70px; width: 70px; right: -1px; top:-1px; }
.selectdown{ height: 48px; width: 48px; top:50%; margin-top: -24px; right: 12px; line-height: 48px;}

.main-link{ border-radius: 35px; opacity: 0; overflow: auto; 
    scrollbar-width:none!important; 
    overflow:-moz-scrollbars-none!important;
    -ms-overflow-style: none!important;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
}
.main-link::-webkit-scrollbar { width: 0px!important;}
.main-link:hover,.main-link.active{  height: 270px!important; opacity: 1;}
.main-link a:hover>i{ margin-right: 10px!important}
    

.main-title{ position: relative; margin: 28px}
.main-title>i{ width: 60px; height: 60px; border-radius: 100px; background-color: #9b1e30; border: 2px solid #cfac92; position: absolute; transform: translate(-36%,-36%); transform-style: preserve-3d; }
.main-title>b{ display: block; font-size: 50px; max-width: 220px; line-height: 50px; position: relative;}

.main-home-about-blurb{ width: 614px; bottom:50%;  left: 16%; position: absolute}
.main-home-about-zwie{ width:343px; position: absolute; bottom:40%; right: 10%;}
.main-home-about-zwie-wap{ display: none}

.main-more{font-size: 16px; font-weight: 600; display: inline-block; padding: 4px 30px}
.main-more-2{ color: #c8a186; font-size: 16px;  padding: .1em  .4em .1em .4em; border: 1px solid #c8a186; box-sizing: border-box; border-radius: 100px; line-height: 1em}
.main-more-2>i{display: inline-block; width: 1em; height: 1em; background: #c8a186; border-radius: 100%; line-height: 1em; margin-right: .5em; transition: all 0.3s ease-out 0s;}
.main-more-2:hover{ border-color: #8f1927; color: #8f1927;}
.main-more-2:hover>i{background: #8f1927; }

.main-home-six-title{ position: absolute; right: 4%; top:10%; z-index: 2; text-align: right}
.main-home-six-text{ position: absolute; right: 4%; bottom:8%; z-index: 2; width: 50%; text-align: right;}
.home-six-swiper-pagination{ position: absolute; left: 4%; top:0; flex-flow: row; height: 100%; z-index: 4;}
.home-six-swiper-pagination>.swiper-pagination{ position: relative;}
.home-six-swiper-pagination>.swiper-pagination .swiper-pagination-bullet{ display: block; width: 83px; height: 83px; background: url(../images/home/six/icon.png) 0 0; background-size: 166px 498px; margin: 15px 0; opacity: 1;transition: opacity .6s ease;}
.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(2),.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(2)>span{ background-position-y: -83px}
.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(3),.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(3)>span{ background-position-y: -166px}
.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(4),.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(4)>span{ background-position-y: -249px}
.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(5),.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(5)>span{ background-position-y: -332px}
.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(6),.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:nth-child(6)>span{ background-position-y: -415px}

.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active,.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet>span.swiper-pagination-bullet-active{ background-position-x: -83px; opacity: 1}
.home-six-swiper-pagination>.swiper-pagination>.swiper-pagination-bullet:hover{opacity: 1}

/*.home-six-swiper .swiper-slide{ position:absolute; height: 100%; width: 100%; top:0; left: 0; overflow: hidden}*/

.main-home-class-fixed{ position: fixed; top:100%; left: 0; z-index: 5; visibility: hidden;}
.main-home-class-box{ width: 100%; height: 600px; background: #cfac92; color: #c8a186; transition: all .6s ease; border-radius: 20px; display: block; overflow: hidden; position: relative}
.main-home-class-box:hover{ background: #9b1e30}
.main-home-class-box:hover .main-home-class-title{color:#911827}
.main-home-class-box .main-home-class-title{ color: #c8a186; font-size: 100px; font-weight: bold; line-height: 80px;transition: all .6s ease; margin-left: 3%; margin-top: 3%; display: block; text-transform: uppercase;}
.main-home-class-box .main-home-class-title>font{ font-size: 80px;}
.main-home-class-box .main-home-class-student{  width: 100%; height: 100%; background: url(../images/home/class/r-1.png) no-repeat bottom right; position: absolute; right: 0; bottom:-1px; background-size: 80% auto}
.main-home-class-box .main-home-class-student.main-student-in{ background-image: url(../images/home/class/r-2.png);}
.main-home-class-box .main-home-class-student.main-student-high{ background-image: url(../images/home/class/r-3.png);}
.main-home-head{ width: 700px; left: 50%; margin-left: -350px; position: absolute; top:50%; margin-top: -92px; z-index: 2; line-height: 3.4em;}

.dh-test-up-box{ overflow: hidden; position: relative;}
.dh-test-up{display: inline-block}

.main-home-head .dh-test-up-box>div>span{}

.home-class-swiper .swiper-wrapper{transform: translate3d(0%, 0, 0); }
.home-class-swiper .swiper-slide{ width: 50%}
.home-class-swiper .main-home-class-box{ margin: 0 13px;}

.main-home-sendword-logo-left{ background: url(../images/logo/icon-logo-grey.png) no-repeat; background-position:-315px center; background-size: auto  630px; opacity: .2}
.main-home-sendword-logo-right{ background: url(../images/logo/icon-logo-grey.png) no-repeat; background-position:right center; background-size: auto  630px; opacity: .2; transform:translate(315px,0); transform-style: preserve-3d;  }
.main-home-sendword .main-title .main-home-sendword-headmaster{ transform: translate(54%,-50%); transform-style: preserve-3d;}
.main-home-sendword .main-title .main-home-sendword-headmaster-name{ border-radius: 100px; width: 150px; top:80px; left: -185px; text-align: center; font-size: 16px; line-height: 20px; padding: 4px 0; transform: translate(120px,10%); transform-style: preserve-3d;}
.main-home-sendword .main-title{ width: 100%;}
.main-home-sendword .main-title>b{ max-width: 600px; font-size: 30px; position: absolute !important; line-height: 31px; top: 140px;left: -60px;}
.main-home-sendword-box{ width: 60%; margin: auto}
.main-home-sendword-box-word{ border-top: 1px solid #cfac92; border-bottom: 1px solid #cfac92; padding: 40px 30px; margin-left: 220px}

.main-home-sendword{ position: absolute; top:0; left: 0}

.main-home-team-box{ background: url(../images/logo/icon-logo-red-2.png) no-repeat center; background-size: auto 100%; background-position-x: 140%}
.main-home-team-box>div{ padding-top: 4%; margin-left:6%}
.main-home-team-box-columns{ padding-top: 4%}
.main-home-team-box-columns .main-home-team-list{ width: 220px; position: relative; z-index: 2}
.main-home-team-list button{font-size: 24px;border-radius: 100px; font-weight: bold; position: relative; padding-left: .2em; width: 210px; margin-bottom: 1.1em; padding-bottom: 5px; padding-top: 2px; background: #9b1e30;}
.main-home-team-list button>i{ display: inline-block; background-color: #cfac92; border-radius: 100px; width:  0em; height: 0em; margin-right: .6em}
.main-home-team-list button>span{ display: inline-block}
.main-home-team-list button.active{ background: #fff; width: 300px;}
.main-home-team-list button.active>i{width:  1.1em; height: 1.1em; margin-right: .3em}
.main-home-team-about{ width: 1320px; font-size: 18px; font-weight: 400; min-height: 490px}
.main-home-team-about ul{ margin-left: 12%; padding: 5% 0; display: block; box-sizing: border-box; min-height: 490px;  padding-right: 2%; list-style: inherit;}
.main-home-team-about ul>li{ margin-left: 10px;}
.s-fadeInLeft{ animation-name: fadeInLefts; animation-duration: .6s!important; animation-timing-function:ease-out;}
@keyframes fadeInLefts {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.main-home-teamother-img{ position: relative;  width: 96%; max-width: 579px; position: relative}
.main-home-teamother-img>b{ font-size: 50px; line-height: 60px; margin-bottom: .5em; position: absolute; left: 0; top:-38%}
.main-home-teamother-img>img{ width: 100%}
.main-home-teamother-img>i{ display: block; background: #f6eeea; width: 40%; height: 180px; position: absolute; right:-8%; bottom:-16%}
.main-home-teamother-list{ font-size: 92px; line-height: 92px; width: 80%}
.main-home-teamother-list>li>div{ width: 100%; border-bottom:1px solid #cfac92; padding: 4% 0;}
.main-home-teamother-list>li>div>div:nth-child(1){ /*margin-right: 14%*/}
.main-home-teamother-list>li>div>div:nth-child(1)>span{font-size: .5em; float: right;  margin-top: -.3em}
.main-home-teamother-list>li>div>div:nth-child(2){ font-size: .2em;}
.main-home-teamother-list>li>div>div:nth-child(2)>i{ display: inline-block; line-height: .9em; font-size: .9em; padding: .1em .1em; margin-right: .5em; background: #cfac92; color: #fff; border-radius: 2px}

.main-home-teamother .main-home-teamother-list>li>div>div:nth-child(1){ margin-right: 5%;}

.main-home-enrol-bottom{ height: 20%; position: absolute; left: 0; bottom:0; width: 100%; transition: all 1s ease;}

.main-home-news .home-news-swiper{ padding-top: 30px;  cursor: e-resize;}
.main-home-news .home-news-swiper .swiper-slide{ box-sizing: border-box; padding: 0 40px;}
.main-home-news .home-news-swiper .swiper-slide{ width: 28%}
.main-home-news .home-news-swiper .swiper-slide:nth-child(even){ width: 40%!important;}
.main-home-news .main-more{ margin-top: -60px}
.main-news>img{ height: 367px; width: 100%}
.main-news>span,.main-news>b{ padding-left: 14px; padding-right: 14px}
.main-home-news-diamond{ width: 48%; height: 70%; background: #f8f2ef; position: absolute; left: 2%; top:15% }

.main-home-prebook-left{ width: 75%; background: url(../images/prebook/zwis.png) no-repeat; background-position-x: 0; background-position-y: 50px}
.main-home-prebook-left-box{ margin-left: 26%; width: 100%; max-width: 840px; position: relative}
.main-home-prebook-right{ width: 25%; box-sizing: border-box; background-color: #f5eee9}
.main-home-prebook-right-box{ width: 90%; margin: auto; max-width: 290px;}

.i-buton-round{ width: 1.4em; height: 1.4em; display: inline-block; background: #fff; border-radius: 100px; margin-left: .3em; margin-right:16%}
.i-aleft{ width: 115px; height: 115px; line-height: 115px; font-size: 60px; position: absolute; top: 36%; left: -34%}

.main-home-prebook-tx>i{ background-position: center; background-size: cover; width: 4em; height: 4em; position: absolute; left: -4px}
.main-home-prebook-tx{ width: 120px; box-sizing: border-box; padding-left: 4.5em; margin-top: 30px}

.main-zwis-form .form-group{ padding-bottom: 20px}
.main-zwis-form .form-label{ font-size: 16px; margin-bottom: 10px}
.main-zwis-form .form-input,.main-zwis-form .form-select{ border-color:#cfac92; border-radius: 100px; font-size: 20px; font-weight: bold; height: 2.8em; line-height: 2.8em; box-sizing:border-box; padding: 0 1em}

.v-other{ border-radius: 20px!important; height: 8em!important; line-height: 1.4em!important; padding-top: 1em!important}
.v-photo-box{ border-radius: 20px; width: 130px; position: relative; height: 154px; line-height: 154px; text-align: center; font-weight: 300; font-size: 34px}
.v-photo-box>input{ opacity: 0; width: 100%!important; height: 100%!important; position: absolute; left: 0; top:0; z-index: 2;}
.v-photo-box>div{ position: absolute;left: 0;top:0; width: 100%; height: 100%; background-position: center; background-size: cover}

.main-i-back{ position: fixed; top:22%; z-index: 5; left:4.8%; text-indent: 0%; transform: scale(1); transition: all 1s ease-out;}
.main-i-back:hover{  text-indent: -40%;}

.main-select-box{ position: absolute; right: 0; top:(100%-20px); z-index: 2; visibility: hidden}
.main-select-box>ul::after{content: "";clear:both;display:block;visibility:hidden;height:0!important;line-height:0!important;}
.main-select-box>ul{ border:1px solid #cfac92; border-radius: 28px; display: block; box-sizing: border-box; padding: 18px;text-align: center; color: #cfac92; width: 620px; background: #fff}
.main-select-box>ul>li{ width: 50%; float: left; margin: 0; border-bottom: 1px solid #f6eeea;}
.main-select-box>ul>li>span{ padding:4px 0; display: block; cursor: pointer}
.main-select-box>ul>li>span:hover{ background: #9b1e30; color: #cfac92}
.main-select-box>ul>li:nth-child(even)>span{  border-left: 1px solid #f6eeea}
.main-select-box>ul>li:nth-child(1),.main-select-box>ul>li:nth-child(2){border-top: 1px solid #f6eeea;}


.datepicker{ border: 1px solid #cfac92; border-radius: 28px!important; color:#cfac92; padding: 12px!important; background: #fff}
.datepicker-dropdown:before,.datepicker-dropdown:after{display: none!important}
.datepicker table tr td span.old,.datepicker table tr td span.new { color: #ead1be!important;}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active{
    color: #cfac92!important;
    background-color: #9b1e30!important;
    border-color: #d2aa96!important;
    background-image: none!important;
}
.datepicker table tr td span{ border-radius: 0!important; border-bottom:1px solid #f0e2db; margin: 0!important; width: 50%!important; height: 32px!important; line-height: 32px!important}
.datepicker table tr td span:nth-child(even){border-left: 1px solid #f0e2db;}
.datepicker table tr td span:nth-child(1),.datepicker table tr td span:nth-child(2){border-top: 1px solid #f0e2db;}

.intl-tel-input{ width: 100%}
.intl-tel-input .flag-container .selected-flag{border-radius: 100px 0 0 100px;}
.intl-tel-input .country-list{  border: 1px solid #cfac92!important; border-radius: 28px; overflow: hidden; color:#cfac92;}
.intl-tel-input .country-list{ 
    scrollbar-width:none!important; 
    overflow:-moz-scrollbars-none!important;
    -ms-overflow-style: none!important;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
}
.intl-tel-input .country-list::-webkit-scrollbar { width: 0px!important;}
.iti-mobile .intl-tel-input.iti-container {
    top: 30px!important;
    bottom: 30px!important;
    left: 0px!important;
    right: 0px!important;
    position: fixed;
}



.main-inner-navigation-box{ height: 80px; background: #fff; position: relative}
.main-inner-navigation{ height: 80px; background: #fff;  font-size: 18px; position: absolute; top:0; left: 0; width: 100%}
.main-inner-navigation>div{ height: 100%; width: 82%; margin: auto}
.main-inner-navigation a{ display: inline-block; background: #fff; padding: .4em 1.2em; border-radius:1em; margin: auto; min-width: 150px; line-height: 22px;}
.main-inner-navigation-box-fixed{ position: fixed; top:-80px; left: 0; width: 100%; z-index: 5;transition: all 1s ease-out; border-radius: 0 0 0 0; overflow: hidden}

.main-inner-box{ padding: 0 120px;}
.main-inner-box p{font-size: 16px; line-height:1.8em;}
.main-inner-title{ font-size: 38px; line-height: 1em; display: inline-block; position: relative; text-align: right; }
.main-inner-title>b{ position: relative; z-index: 1}
.main-inner-title::before{ content: ""; display: block; position: absolute; top:0; left: -.74em; width: 1em; height: 1em; background: #9b1e30; border-radius: 100%; border:2px solid #c8a186}
.main-inner-title.main-inner-title-2::before{ content: ""; display: block; position: absolute; top:0; left: inherit;  right: 1.7em; width: 1em; height: 1em; background: #9b1e30; border-radius: 100%; border:2px solid #c8a186}

.inner-swiper-pagination{ width: 100%; text-align: center; bottom:34px}
.inner-swiper-pagination .swiper-pagination-bullet{ width: 35px; height: 6px; border-radius: 6px; margin: 0 5px; opacity: .9; background: #fff}
.inner-swiper-pagination .swiper-pagination-bullet-active{ background: #cfac92;}

.main-inner-more{ display: inline-block;}
.main-inner-more>i{ display: inline-block; background: #c8a186; height: 6px; border-radius: 10px; width: 64px; margin-right: 4px}
.main-inner-more>span{ display: inline-block; background: #c8a186; height: 6px; border-radius: 10px; width: 6px;}

#inner-about-profile,.inner-about-profile,#inner-parent-club,.inner-parent-club{ padding: 120px 0;}
.inner-about-profile-banner-box{ height: 676px; width: 90%; position: relative;}
.inner-about-profile-content{ width: 95%; margin-left: 5%}

.inner-about-target-menu{ position: absolute; left: 0; top:0; z-index: 2;  max-width: 600px; text-align: left;}
.inner-about-target-button>button{ font-size:22px; color: #c8a186; border-radius: 80px; padding: .2em .2em; background: #fff; margin-bottom: .8em;text-align: left;}
.inner-about-target-button>button>i{ display: inline-block; width: 0em; height: 0em; border-radius: 100%; background: #c8a186; margin-right: .2em}
.inner-about-target-button>button>span{ display: inline-block; padding-right: .8em; padding-left: .8em;}
.inner-about-target-button>button.active{ background: #9b1e30}
.inner-about-target-button>button.active>i{width: 1.3em; height: 1em;}
.inner-about-target-button>button.active>span{ padding-right: .1em;}
.inner-about-target-face{ background-color: #f5eee9; padding-top: 74px; width: 76%; position: relative;}
.inner-about-target-face>img{ background-color: #d2aa96}
.inner-about-target-face>div{ width: 100%; height: 100%; position: absolute; bottom:0; left: 0;}
.inner-about-target-face>div>img{ position: absolute; bottom:0; left: 0;}

.inner-about-vmv-box{ width: 100%; position: relative; font-size: 48px; color: #fff; overflow: hidden; transform-style: preserve-3d;}
.inner-about-vmv-block{ position: absolute; width: 50%; height: 100%; position: absolute; top:0; right: 0; background: #c8a186; overflow: hidden;}
.inner-about-vmv-block>span{ font-size: 226px; line-height: .7em; display: block; color: #c8a186; text-shadow: 0 0 2px #eed8c7; text-transform: uppercase;}
.inner-about-vmv-title{ position: absolute; top:16%; right: 3%}
.inner-about-vmv-content{ position: absolute; bottom:18%; right: 3%; text-align: right; line-height: 1.3em; width: 40%;}
.inner-about-vmv-box:hover .inner-about-vmv-block{right: -50%; opacity: .5;}
.inner-about-vmv-box:hover img{ transform: scale(1.2)}

#mission-vision-mission .inner-about-vmv-block{ right: initial; left: 0;}
#mission-vision-mission .inner-about-vmv-block>span{ font-size: 186px;}
#mission-vision-mission .inner-about-vmv-title{ left: 3%; right: initial}
#mission-vision-mission .inner-about-vmv-content{ left: 3%; right: initial; text-align: left; }
#mission-vision-mission .inner-about-vmv-box:hover .inner-about-vmv-block{left: -50%; right: inherit;} 

#mission-vision-value .inner-about-vmv-block>span{ font-size: 246px;}

.inner-sendword-headmaster-name{ display: block; background: #8f1927; color: #fff; font-size: 14px; width: 8.6em; line-height: 1em; text-align: center; padding: .5em 0; border-radius: 10px; float: right;}

.inner-about-sendword-box{ width: 76%; margin: auto; max-width: 900px; border:1px solid #d4b59e; box-sizing: border-box; padding: 2% 6%; position: relative;}
.inner-about-sendword-content b{margin-bottom: 20px; display: block; margin-top:10px}
.inner-about-sendword-box .inner-sendword-headmaster-name{ position:relative; bottom:0; right:inherit; left: 0;}
.inner-about-sendword-box img{ position: absolute; top:-70px; left: -126px;}
.inner-about-sendword-box i{ display: block; width: 66px; height: 46px; background: url(../images/about/i-arrow.png) no-repeat; background-size: 100%; position: absolute; bottom:-45.4px; right: 85px;}
.inner-about-team-box{ background: #f5eee9}

.inner-about-team{ width: 33.33%; height: 588px; z-index: 0; box-sizing: border-box; padding-right: 10px; position: relative;  transform-style: preserve-3d;}
.inner-about-team>div{border-radius: 14px; background: #cfac92; position: relative; width: 100%; height: 100%; cursor: pointer;}
.inner-about-team-name{ font-size: 40px; color: #c2997e; line-height: 1em; position: absolute; left: 4%; top:2%; text-align: left; transform:rotate(0); width: 94%}
.inner-about-team-more{ color: #fff; position: absolute; bottom:1em; left: 1em; z-index: 2; background-color: #cfac92; border-radius: 5px; padding: 2px 5px; font-size: 14px}
.inner-about-team-notes{ color: #c2997e; position: absolute; left: 0; top: 120%; font-size: 14px; line-height: 1.4em}

.min-team-box .inner-about-team{ width: 25%}

.inner-about-team-img{ position: absolute;bottom:0; right: 0; height: 96%;border-radius: 14px;}
.inner-about-team-content{ width: 64%; position: absolute; left: 15%; top:18%; border:1px solid #fff; border-radius: 14px; font-size: 16px; color: #fff; box-sizing: border-box; padding: 3% 4%; line-height: 2em; opacity: 0;}
.inner-about-team-content li{ margin-top: 0 !important; text-overflow: -o-ellipsis-lastline !important;overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important;-webkit-line-clamp: 1 !important;line-clamp: 1 !important;-webkit-box-orient: vertical !important; word-break:break-all;}

.inner-about-team.active{ width: 100% !important; z-index: 2!important; left: 0!important;}
.inner-about-team.active .inner-about-team-name,.inner-about-team.active .inner-about-team-notes{ color: #fff}
.inner-about-team.active .inner-about-team-img{ right: 0; height: 120%;}
.inner-about-team.active .inner-about-team-content{ opacity: 1}
.inner-about-team.active .inner-about-team-more{ opacity: 0}
.inner-about-team-1{ position: absolute; top:0; left: 33.33%}
.inner-about-team-2{ position: absolute; top:0; left: 66.66%}
.inner-about-team-3{ position: absolute; top:0; left: 75%}
.inner-about-team-content>div>div>div>div{ border-bottom: 1px solid rgba(255, 255, 255, 0.3);  word-wrap: break-word !important;}

.min-team-box .inner-about-team{ width: 25%}
.min-team-box .inner-about-team-1{ left: 25%}
.min-team-box .inner-about-team-2{ left: 50%}

.inner-about-team-left{ width: 90%}
.inner-about-team-box .main-home-teamother-list{ width: 100%; line-height: 1em}
.inner-about-team-box .main-home-teamother-list>li>div{ padding: 0; margin-bottom: 0; padding-bottom: 2%; padding-top: 2%; text-align: right;}
.inner-about-team-box .main-home-teamother-list>li>div span{ line-height: 30px}

.inner-about-us{border-radius: 14px; border: 1px solid #c8a186;padding:5% 3%}
.inner-about-us-honour{ width: 90%; height: 100%; background: url(../images/about/i-honour.jpg) no-repeat;  background-position: center; position: relative }
.inner-about-us-honour-a{ border-radius: 14px; border: 1px solid #c8a186;  display: inline-block; color: #8f1927; padding: 14px 30px 14px 44px; box-sizing: border-box; width: 300px; height: 100px; position: relative; margin: 26px 0; background: #fff}
.inner-about-us-honour-a>b{ display: block; font-size: 20px; line-height: 1em; margin-bottom: .6em}
.inner-about-us-honour-a>span{ font-size: 14px; line-height: 1.2em; display: inline-block}
.inner-about-us-honour-a>i{ color: #c8a186; font-size: 24px; position: absolute; top:8px; left: 10px; font-weight: 300}

.inner-about-us-honour-content{ margin: 26px 0;}
.inner-about-us-certificate{ width: 100%;  box-sizing: border-box; padding: 0; display: block;}
.inner-about-us-certificate>div{ background: #8f1927; color: #c8a186; text-align: center;  border-radius: 14px; border: 1px solid #c8a186; overflow: hidden;}
.inner-about-us-certificate>div>img{ height: 290px;}
.inner-about-us-certificate>div>div{ margin: 20px 10px; }
.inner-about-us-certificate>div>div::before{ content: ""; display: inline-block; width: 1em; height: 1em; background: #fff; border-radius: 100%; margin-right: 1em}

.school-activities .inner-about-us-certificate>div>img{ height: 28vw;}

.swiper-button-next, .swiper-button-prev{ width: 44px; height: 44px; border:  1px solid #c8a186; border-radius: 100%; font-size: 18px; background: #fff;}
.swiper-button-next{right: -60px;}
.swiper-button-prev{left: -60px}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 18px; color: #c8a186;}

.school-home-communication .inner-about-profile-banner-box{margin-left: 10%}
.inner-parent-interact{border:  1px solid #c8a186; border-radius: 14px; padding: 5% 4%;}
.inner-parent-interact-content{ width: 100%; max-width: 646px;}
.inner-parent-interact-content>img{ width: 100%}
.i-swiper-pagination-red.inner-swiper-pagination{ width: 100%; text-align: center; bottom:0; position: relative; padding-top: 14px;}
.i-swiper-pagination-red.inner-swiper-pagination .swiper-pagination-bullet{ width: 35px; height: 6px; border-radius: 6px; margin: 0 5px; opacity: .9; background: #c8a186}
.i-swiper-pagination-red.inner-swiper-pagination .swiper-pagination-bullet-active{ background: #8f1927;}

.main-a-img:hover img{ transform: scale(1.2);}

.inner-news-school-box{ padding: 0 100px}
.inner-news-hot .inner-news-hot-img{ width: 528px; height: 285px; border-radius: 14px; overflow: hidden; display: block}
.inner-news-hot .inner-news-hot-date{ color: #c8a186; text-align: center; padding: 0 60px}
.inner-news-hot .inner-news-hot-date>b{ font-size: 100px; display: block; line-height: 1.2em}
.inner-news-hot .inner-news-hot-date>span{ font-size: 26px;}
.inner-news-hot .inner-news-hot-content{ display: block; border-bottom: 1px solid #c8a186;}
.inner-news-hot .inner-news-hot-content>b{font-size: 24px; margin-bottom: 10px; display: block}
.inner-news-hot .inner-news-hot-content>p{ line-height: 1.4em}
.inner-news{border: 1px solid #c8a186; border-radius: 14px; box-sizing: border-box; padding: 14px;}
.inner-news .inner-news-hot-img{ width: 200px; height: 114px; border-radius: 14px; border: 1px solid #c8a186; overflow: hidden; display: block}
.inner-news .inner-news-hot-content{ display: block; padding-left: 4%; padding-right: 10px; max-width: 590px;}
.inner-news .inner-news-hot-content>b{ font-size: 16px; margin-bottom: 10px; display: block}
.inner-news .inner-news-hot-content>p{ margin: 0;line-height: 1.4em; font-size: 12px;}
.inner-news .inner-news-hot-date{ color: #c8a186; text-align: center; font-size: 16px; line-height: 2.8em}
.inner-news:hover {border-color: #8f1927}
.inner-news:hover .inner-news-hot-content>p{ color:#8f1927;}

.PagesBox{ display: block}
.PagesBox ul{ display: block; text-align: center;}
.PagesBox ul>li{ display: inline-block; margin: 0 4px}
.PagesBox ul>li>a{ display: inline-block; font-size: 20px; color: #c8a186; width: 3em; height: 3em; border-radius: 100%; border:1px solid #c8a186; line-height: 2.9em}
.PagesBox ul>li>a:hover{ border-color: #8f1927;  color: #8f1927;}
.PagesBox ul>li.active>a{ background: #9b1e30; color: #c8a186}

.inner-content-box{ border-radius: 14px; border: 1px solid #c8a186; padding: 3% 4%; box-sizing: border-box;}
.inner-content-box-img{ width: 400px; height: 550px}
.inner-content-box-content{ width: 88%; margin-left: 40px; box-sizing: border-box;  position: relative; height: 100%}

.main-join-a{ width: 100%; position: absolute; bottom:0; left: 0}
.main-join-a img{ margin-right: 50px;}
.main-join-zwis{ height: 70px; line-height: 1.4em; box-sizing: border-box; padding: 0 2em}
.main-join-zwis a{ width: 200px; height: 2em; line-height: 2em}

.inner-content-box-job>b{ display: block; padding: 10px 6%;}
.inner-content-box-job>b p{ margin: 0}
.inner-content-box-job>div{ box-sizing: border-box; padding: 30px 6%;}
.inner-content-box-job>div>span{ display: block; width: 50%; float: left; box-sizing: border-box; padding-right: 10px}
.main-li-job{ line-height: 2em; padding-left: 1em; box-sizing: border-box; position: relative;}
.main-li-job::before{content: ""; margin-right: .5em; color: #8f1927; width: .3em; height: .3em; background: #8f1927; display: block; position: absolute; left: 0; top:50%; margin-top: -.15em; border-radius: 100%}

.inner-content-address .inner-content-box-content{ width: auto;  }
.inner-content-address-content{ width: 300px; padding-right: 20%}
.inner-content-address-iframe{ width: 100%; height: 540px;}

.inner-content-excellent{ padding: 3% 4%;}
.inner-content-excellent .inner-content-box-content{margin-left: 0px;}
.inner-content-excellent .inner-content-box-content .inner-content-address-content{ width: 500px; padding-right: 20%;}
.inner-excellent-plan .inner-content-excellent .inner-content-box-content .inner-content-address-content{ width: 200px; padding-right: 20%}

.inner-education-advantage-box{ box-sizing: border-box; padding-left: 300px; height: 700px; position: relative;}
.inner-education-advantage-swiper{ overflow: hidden;}
.inner-education-advantage-swiper-content{ width: 100%; height: 100%; background: #8f1927; color: #c8a186; position: relative}
.inner-education-advantage-swiper-content>div{ padding: 0 10%;}
.inner-education-advantage-swiper-pagination-i{display: block; width: 83px; height: 83px; background: url(../images/home/six/icon.png) 0 0; background-size: 166px 498px; position: absolute; top:50%; left: -41.5px; background-position-x: -83px; margin-top: -41.5px;}
.inner-education-advantage-box .home-six-swiper-pagination{ left: 2%; transform: scale(.9)}

.inner-education-characteristic-box>.columns>.column:nth-child(1){ width: 300px;}

.inner-education-characteristic-list-a{ cursor: pointer; padding: 1em 50px; padding-right: 20px; box-sizing: border-box; }
.inner-education-characteristic-list-content{ height: 0; overflow: hidden;}
.inner-education-characteristic-list-content>div{ margin: 26px 0; padding: 26px 0; padding-right: 26px}
.inner-education-characteristic-list-content-text{ padding: 0 50px; padding-right: 100px}
.inner-education-characteristic-list-box{margin-bottom: 26px}
.inner-education-characteristic-list-box.active .inner-education-characteristic-list-a{ background: #8f1927}
.inner-education-characteristic-list-box.active .inner-education-characteristic-list-a>i{ transform: rotate(180deg)}
.inner-education-characteristic-list-box.active .inner-education-characteristic-list-content{ height: auto}

.main-drop-button{ color: #c8a186;  padding: .3em  .4em; border: 1px solid #c8a186; box-sizing: border-box; display: inline-block; border-radius: 100px; line-height: 1em}
.main-drop-button>i{display: inline-block; width: 1em; height: 1em; background: #c8a186; border-radius: 100%; line-height: 1em; margin-right: .3em;}

.inner-education-curriculum-img{ width: 300px;}
.inner-education-curriculum-box-content{ width: 76%; margin: auto; padding: 30px 0;}
.inner-education-curriculum-box-img{ padding: 20px; position: relative; margin-left: 30px}
.inner-education-curriculum-box-img::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; border: 1px solid #c8a186; border-radius: 100%; transform: scale(1.1);}

.inner-campus-environment-box-content,.inner-campus-psychology-box-content{ height: 100%; margin-left:16%}
.inner-campus-lodge-box-content,.inner-campus-restaurant-box-content{ height: 100%; margin-right: 16%}

.main-campus-topmax-box{ background: #d0ac92; height: 100%; width: 50%; overflow: hidden; position: absolute; top:0; left: 0; transform-style: preserve-3d; }

.excellent-video-box video{position: absolute; top:0; left: 0; height: 100%; width: 100%; background-color:#000000}
.excellent-video-face{ position: absolute; top:0; left: 0; height: 100%; width: 100%; background-color:#000000; background-size: cover; cursor: pointer;}
.excellent-video-face .iconfont{ width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 36px; text-indent: 5px; display: inline-block; border-radius: 100px; background-color: rgba(255, 255, 255, .3)}

.teacher-ewm-box img{ width: 84px; height: auto; border: 5px solid white; border-radius: 4px; display: block;}

.wap-teacher-ewm-box{ width: 56px;position: fixed;right: 0; top:72px; z-index: 6; background: white; font-size: 12px; line-height: 1em; padding-bottom: 8px; border-radius: 6px; color: #c8a186; display: none;}
.wap-teacher-ewm-box>img{ display: block; width: 100%; box-sizing: border-box; padding: 5px; }

.TstextBox{ width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); z-index: 100; position: fixed; top:0; left: 0; }
.TstextBox *{ letter-spacing: 1px}
.TstextBox>div{ display : table; width : 100%; height : 100% }
.TstextBox>div>div{display : table-row;}
.TstextBox>div>div>div{ display : table-cell; vertical-align: middle;}
.TstextBox>div>div>div>div.box{ width: 90%; margin: auto; max-width: 720px; background: #fff; padding: 60px; position: relative; box-sizing: border-box; border-radius: 20px; overflow: hidden}
.TstextBox>div>div>div>div.box h1{ border-bottom:1px dotted #929292; margin-bottom: 30px; font-size: 16px; padding-bottom: 10px}
.TstextBox>div>div>div>div.box i.iconfont.icon-cuowu{ position: absolute; right: 15px; top:15px; font-size: 25px; cursor: pointer; font-weight: 200}

.getcode{ font-size: 14px; height: 2.8em; line-height: 2.8em; padding: 0 1em; background-color: #cfac92; border-radius: 100px; margin-left: 10px; cursor: pointer; font-size: 20px;}
.getcode:hover{ opacity: .9;}

.pageload{ font-size: 26px!important; text-indent:0; text-align: center; -moz-animation: pageload 2s linear infinite;-webkit-animation: pageload 2s linear infinite; display:inline-block; font-weight: 400;}
@-moz-keyframes pageload
{
0%   {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes pageload
{
0%   {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}

.shareboxs{ margin-top: 50px}
.shareboxs #bshare-shareto{ font-weight: 400!important;}
.shareboxs .bshare-weixin,.shareboxs .bshare-sinaminiblog,.shareboxs .bshare-more-icon{ padding: 0!important; background: url()!important; font-size: 38px; color: #b6b6b8}
.shareboxs .bshare-weixin:hover,.shareboxs .bshare-sinaminiblog:hover,.shareboxs .bshare-more:hover{ text-decoration:none}
.shareboxs.bshare-custom.icon-medium-plus #bshare-more-icon, .shareboxs.bshare-custom.icon-medium-plus .bshare-more-icon{ font-size: 28px; color: #b6b6b8!important; padding-left: 10px!important}
.shareboxs .bshare-weixin:hover{ color: #0dc517}
.shareboxs .bshare-sinaminiblog:hover{ color: #c82527}

.detailsBox{ width: 100%}
.detailsBox>.nrBox img{max-width: 100%; }
.detailsBox>.nrBox p{ margin: 0;}
.nrBox .title{ font-size: 30px;  margin: 25px 0;}
.nrBox .date{ margin-bottom:40px; font-size: 16px; color: #999}
.nrBox .faceimg{ width: 100%; padding-bottom: 20px}
.nrBox .faceimg>img{ width: 100%; display: block}
.detailsBox>.nrBox b{ font-weight: 500}

.inner-campus-uniform{ width: 100%; height: 100%; position: relative;}

.excellent-prospective-box{ width: 100%;}

.excellent-table{ width: 100%; border-collapse: separate;border-spacing: 0; border-radius: 14px; border: 1px solid #c8a186; text-align: center;}
.excellent-table tr td{ border-top: 1px solid #c8a186; border-left: 1px solid #c8a186; padding: 14px 10px;}
.excellent-table tr th{ border-left: 1px solid #c8a186; padding: 14px 10px;}
.excellent-table tr th:nth-child(1),.excellent-table tr td:nth-child(1){ border-left: 0;}
.excellent-table .table-border-left-1{border-left: 1px solid #c8a186 !important;}

.excellent-ewmbox{ width: 100%;}
.excellent-ewmbox .excellent-ewm-list{ width: 42%; margin-left: 8%; max-width: 280px; float: left;}
.excellent-ewm{ border: 1px solid #c2997e; border-radius: 14px; overflow: hidden; text-align: center;}
.excellent-ewm>div{box-sizing: border-box; padding: 18px;}
.excellent-ewm>div>img{ display: block; margin: 0; padding: 0; width: 100%; box-sizing: border-box;}
.excellent-ewm>b{ display: block; background-color: #9b1e30; color: #c2997e; padding: 12px 0;}

.inner-content-join .inner-content-box-img,.inner-content-job .inner-content-box-img{ height: 100% !important;}

#school-uniform .main-inner-title{ position: absolute; top:25px; right: 8%; z-index: 2;}
#school-uniform .main-inner-title>b{ color: #fff !important;}

/*===================================*/
@media screen and (max-width: 1780px){
    .main-home-team-about{ width: 1220px; font-size: 18px; }
}
@media screen and (max-width: 1680px){
    .main-home-team-about{ width: 1120px; font-size: 16px;}

    .main-home-teamother-img{width: 88%;}
    .main-home-teamother-list{ font-size: 78px; line-height: 78px; width: 80%}

    /*.inner-about-profile-banner-box{ height: 500px;}*/

    .inner-about-vmv-box{ font-size: 40px; }
    .inner-about-vmv-block>span{ font-size: 190px;}
    #mission-vision-mission .inner-about-vmv-block>span{ font-size: 156px;}
    #mission-vision-value .inner-about-vmv-block>span{ font-size: 210px;}

    .inner-about-team{ width: 33.33%; height: 468px; padding-right: 10px;}
    .inner-about-team-name{ font-size: 35px; }
    .inner-about-team-img{height: 96%;}
    .inner-about-team-content{ width: 64%;  left: 12%; top:18%; font-size: 16px; padding: 3% 4%; line-height: 2em; }

    .inner-news-hot .inner-news-hot-img{ width: 460px; height: 285px;}

    .inner-education-advantage-box{padding-left: 300px; height: 600px;}
    .inner-education-advantage-swiper-content b{ font-size: 24px!important; }
    .inner-education-advantage-swiper-content p{ font-size: 18px!important; line-height: 1.6em!important}

    .inner-education-characteristic-list-content-text{ padding: 0 50px; padding-right: 50px}
    
}
@media screen and (max-width: 1600px){
    .main-home-header .i-zwis-button{max-width: 500px;}
    .main-home-about-blurb{left: 10%;}
    .main-home-team-about{ width: 1020px; font-size: 16px;}

    .main-home-teamother-img{width: 70%;}

    .main-home-prebook-left-box{ margin-left: 26%; width: 100%; max-width: 640px}

    .inner-news-hot .inner-news-hot-img{ width: 400px; height: 285px;}
	.inner-about-us-certificate>div>img{ height: 200px;}
}
@media screen and (max-width: 1445px){

    .main-title{ margin: 18px}
    .main-title>b{ font-size: 40px; max-width: 250px; line-height: 40px}
    .main-title>i{ width: 50px; height: 50px; }

    .main-home-header .i-zwis-button{transform: scale(.8) translateX(70px)}
    .main-home-about-blurb{left:15%; width: 500px;}
    .main-home-about-zwie{ right: 0%; transform: scale(.8);}

    .main-home-class-box .main-home-class-title{font-size: 90px; line-height: 80px}
    .main-home-head{margin-top: -107px;}
    .main-home-head>div{ line-height: 50px}
	.main-home-head{ margin-top: -82px; line-height: 50px;}
    .main-home-class-box{ height: 500px; }

    .main-home-sendword .main-title .main-home-sendword-headmaster{ transform: translate(54%,-50%); width: 95px}
    .main-home-sendword .main-title .main-home-sendword-headmaster-name{font-size: 16px; line-height: 16px;top: 60px; }
	.main-home-sendword .main-title > b{ top: 100px;}

     .main-home-sendword-box-word{margin-left: 150px; padding: 20px 10px;}

     .main-home-team-box-columns .main-home-team-list{ width: 180px}
     .main-home-team-about{ width: 980px; font-size: 16px;}
     .main-home-team-list button{font-size: 22px; width: 210px;}
     .main-home-team-list button.active{ background: #fff; width: 250px}
     .main-home-team-box{ padding-bottom: 10%}

     .main-home-teamother-img{width: 60%;}
     .main-home-teamother-img>b{ font-size: 40px; line-height: 50px; top:-44%}
     .main-home-teamother-list{ font-size: 68px; line-height: 68px; width: 80%}



     .main-inner-navigation a{ padding: .1em .6em; border-radius:1em}
     .main-inner-box{ padding: 0 80px;}
     .main-inner-box p{font-size: 14px; line-height:1.8em;}

	 .inner-about-target-menu{ max-width: 500px;}
     .inner-about-target-button>button{ font-size:18px; }
     .inner-about-target-face{ background-color: #f5eee9; padding-top: 44px; width: 70%}

     .inner-about-vmv-box{ font-size: 36px; }
     .inner-about-vmv-block>span{ font-size: 170px;}
     #mission-vision-mission .inner-about-vmv-block>span{ font-size: 136px;}
     #mission-vision-value .inner-about-vmv-block>span{ font-size: 180px;}

     .inner-about-team{ width: 33.33%; height: 468px; padding-right: 10px;}
    .inner-about-team-name{ font-size: 30px; }
    .inner-about-team-img{height: 96%;}
    .inner-about-team-content{ width: 64%;  left: 12%; top:10%; font-size: 14px; padding: 3% 4%; line-height: 2em; }

    .inner-news-school-box{ padding: 0 0px}
    .inner-news-hot .inner-news-hot-img{ width: 400px; height: 285px;}

    .inner-education-advantage-box{padding-left: 200px; height: 500px;}
    .inner-education-advantage-swiper-content b{ font-size: 20px!important; }
    .inner-education-advantage-swiper-content p{ font-size: 16px!important; line-height: 1.6em!important}
    .inner-education-advantage-swiper-pagination-i{ transform: scale(.8)}

    .inner-education-characteristic-box>.columns>.column:nth-child(1){ width:200px;}

    .inner-education-characteristic-list-content .i-characteristic{ width: 60px}

    .inner-education-curriculum-img{ width: 240px;}

    .inner-campus-lodge-box-content{ height: 100%; margin-right: 12%}
	
	
}
@media screen and (max-width: 1366px){
    
     .main-home-team-about{ width: 880px; font-size: 14px;}
     .main-join-a img{ margin-right: 10px;}
     .main-join-zwis a{ width: 140px;}
}
@media screen and (max-width: 1280px){
    .main-home-about-blurb{left:10%;}

    .main-home-team-box-columns .main-home-team-list{ width: 160px}
    .main-home-team-list button{font-size: 18px; width: 180px;}
    .main-home-team-list button.active{ width: 170px}
    .main-home-team-about{ width: 880px; font-size: 14px;}

    .main-home-prebook-left-box{ margin-left: 36%; width: 100%; max-width: 440px}
    .main-home-prebook-left{ width: 70%;}
    .main-home-prebook-right{ width: 30%;}

    #i-zwis-button{transform: scale(.8)  translateX(80px); bottom:40px}

    .home-banner-swiper-pagination{ bottom:60px;}

    .main-menu-box-list-item{ font-size: 24px; margin-top: 15px;}
    .main-menu-box-list-item:hover .main-menu-box-list-sub-box{ height: 80px; }
    .main-menu-box-list-link{ padding-bottom: 8px;}
    .main-menu-box-list-sub-link{ margin-left: 10px; padding: 0;}
    .main-menu-box-list-sub-item{ font-size: 14px}

    .main-home-team-about ul{margin-left: 8%; min-height: 380px}
    .main-home-team-about{min-height:initial}

    .main-news > img { height: 200px; }
    .main-home-news .home-news-swiper .swiper-slide { padding: 0 0 0 40px;}


    .main-inner-box p{font-size: 14px; line-height:1.8em;}
    .main-inner-title{ font-size: 38px; }
    #inner-about-profile,.inner-about-profile,#inner-parent-club,.inner-parent-club{ padding: 60px 0;}
    .inner-about-profile-banner-box{ height: 516px; }

	.inner-about-target-menu{ max-width: 450px;}
    .inner-about-target-button>button{ font-size:16px; }
    .inner-about-target-face{ background-color: #f5eee9; padding-top: 44px; width: 70%}

    .inner-about-vmv-box{ font-size: 28px; }
    .inner-about-vmv-block>span{ font-size: 150px;}
    #mission-vision-mission .inner-about-vmv-block>span{ font-size: 120px;}
    #mission-vision-value .inner-about-vmv-block>span{ font-size: 160px;}

    .inner-about-sendword-box .inner-sendword-headmaster-name{right: 14px}

    .inner-about-team{ width: 33.33%; height: 400px; padding-right: 10px;}
    .inner-about-team-name{ font-size: 30px; }
    .inner-about-team-img{height: 96%;}
    .inner-about-team-content{ width: 64%;  left: 12%; top:10%; font-size: 14px; padding: 3% 4%; line-height: 2em; }

    .inner-about-team-box .main-home-teamother-list>li>div{ padding: 0; margin-bottom: 3%}

    .inner-about-us-honour{ width: 90%; background-size: 220px }
    .inner-about-us-honour-a{ padding: 14px 10px 14px 24px; width: 300px; height: 90px; margin: 24px 0; }
    .inner-about-us-honour-a>b{font-size: 16px; line-height: 1em; margin-bottom: .6em}
    .inner-about-us-honour-a>span{ font-size: 14px; line-height: 1.2em; }
    .inner-about-us-honour-a>i{ font-size: 24px;top:8px; left: 10px; }

    .inner-about-us-certificate>div>div{ margin: 10px 0; }

    .inner-parent-club .inner-about-profile-banner-box{ height:480px; }
    .school-home-communication .inner-about-profile-banner-box{ height:416px; }

    .main-more-2{ font-size: 14px}
    .inner-news-school-box{ padding: 0 0px}
    .inner-news-hot .inner-news-hot-date{ padding: 0 40px}
    .inner-news-hot .inner-news-hot-date>b{ font-size: 70px; line-height: 1.2em}
    .inner-news-hot .inner-news-hot-date>span{ font-size: 18px;}
    .inner-news-hot .inner-news-hot-img{ width: 380px; height: 220px;}
    .inner-news-hot .inner-news-hot-content>b{font-size: 18px; margin-bottom: 10px;}

    .inner-news .inner-news-hot-content>b{ font-size: 18px; margin-bottom: 10px;}
    .inner-news .inner-news-hot-date{font-size: 14px; line-height: 2.8em}

    .PagesBox ul>li>a{ font-size: 16px; width: 3em; height: 3em; line-height: 2.9em}

    .inner-content-box-content{ width: 88%; margin-left: 20px;}

    .inner-content-box-img{width: 340px;height: 460px;}
    .inner-content-address-iframe { width: 100%;height: 460px;}

    .inner-education-curriculum-img{ width: 200px;}

    .inner-campus-lodge-box-content{ height: 100%; margin-right: 12%}
	
	.main-navigation-tel{ display: none;}
	
	.main-home-class-box .main-home-class-title{font-size: 70px; line-height: 50px}
	.main-home-class-box .main-home-class-title>font{ font-size: 50px;}
}
@media screen and (max-width: 1080px){ /*ipad*/
    .main-home-header .i-zwis-button{transform: scale(.6) translateX(200px)}
    .main-home-about-blurb{left:5%;}
    .main-home-about-zwie{ right: -2%; transform: scale(.7);}

    .main-home-team-box-columns .main-home-team-list{ width: 160px}
    .main-home-team-list button{font-size: 18px; width: 180px;}
    .main-home-team-list button.active{ width: 200px}
    .main-home-team-about{ width: 680px; font-size: 14px;}

    .main-home-teamother-img{width: 60%;}
    .main-home-teamother-img>b{ font-size: 40px; line-height: 50px; top:-54%}
    .main-home-teamother-list{ font-size: 58px; line-height: 58px; width: 80%}
    .main-home-teamother-list>li>div>div:nth-child(1){ margin-right: 8%}

    .i-aleft{ left: -44%}

    .inner-about-team{ width: 33.33%; height: 340px; padding-right: 10px;}
    .inner-about-team-name{ font-size: 30px; }
    .inner-about-team-img{height: 96%;}
    .inner-about-team-content{ width: 64%;  left: 12%; top:10%; font-size: 14px; padding: 3% 4%; line-height: 2em; }

    .inner-about-us{padding:3% 3%}
    .inner-about-us-honour{ width: 94%; background-size: 220px }
    .inner-about-us-honour-a{ padding: 14px 10px 14px 38px; width: 220px; height: 90px; margin: 24px 0; }
    .inner-about-us-honour-a>b{font-size: 16px; line-height: 1em; margin-bottom: .6em}
    .inner-about-us-honour-a>span{ font-size: 12px; line-height: 1em; }
    .inner-about-us-honour-a>i{ font-size: 24px;top:8px; left: 10px; }

    .inner-content-box-content{ width: 88%; margin-left: 0px;}
    .main-join-a img{ margin-right: 10px;}
    .main-join-zwis{ padding: 0 5px; border-radius: 70px}
    .main-join-zwis a{ width: 140px;}

    .inner-education-advantage-box{padding-left: 160px; height: 400px;}
    .inner-education-advantage-swiper-content b{ font-size: 18px!important; }
    .inner-education-advantage-swiper-content p{ font-size: 12px!important; line-height: 1.6em!important}
    .inner-education-advantage-swiper-pagination-i{ transform: scale(.6)}

    .inner-education-characteristic-box>.columns>.column:nth-child(1){ width: 160px;}

    .inner-education-curriculum-img{ width: 140px;}
	
	.inner-about-us-certificate>div>img{ height:150px;}
	
}
@media screen and (max-width: 1024px){
	
	.main-home-class-box .main-home-class-title{font-size: 50px; line-height: 30px; margin-top: 40%;}
	.main-home-class-box .main-home-class-title>font{ font-size: 30px;}
}
@media screen and (max-width: 800px){
	.inner-about-us-certificate>div>img{ height:100px;}
}