.salc100{ width: 100%; }


@font-face {
    font-family: 'gothamMedium';
    src: url('../js/font/GothamRounded-Medium.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamBold';
    src: url('../js/font/GothamRounded-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamLight';
    src: url('../js/font/GothamRounded-Light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamBook';
    src: url('../js/font/GothamRounded-Book.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FZCuYuan';
    src: url('../js/font/FZY4JW.TTF');
    font-weight: normal;
    font-style: normal;
}




.blank15{ height: 15px; background-color: #fff; position: relative; z-index: 5555; }
.blank80{ height: 80px; clear: both; }
a:hover{ color: #FF0000;}

.clrwht{ color: #fff!important; }
.clrblk{ color: #151515; }
.clrbule{color: #4B81DB;}
.clrorge{color: #FF8900;}
.clrgreen{color:#02B26E;}
.img-full {
    max-width: 100%;
    height: auto; 
}
div,a,button{outline:none;}
*{font-family: 'gothamMedium';}
   
body{ overflow-x: hidden;  }
.header{ height: 80px; box-shadow: 0 1px 1px rgba(255,255,255,0); position: fixed; z-index: 9999; background-color: rgba(255,255,255,1); width: 100%; transition: all 1s; }
.headerbox{padding:0 0;}
.logo{ line-height: 80px; display: inline-block; float: left; }
.nav_box{ float: right;   }
.top_nav{ display: inline-block; float: right; padding:30px 0 30px 20px; }
.top_nav a{  text-transform: uppercase;transition: all 0.2s; color: #3E3A39; font-size: 14px; display: block; position: relative; padding:0 0px; font-family: 'gothamBook';}
.top_nav li{ display: inline-block; line-height: 30px; padding:0px 0 0 32px; position: relative; }
.top_nav li a:after{ 
    /*content: ""; width: 30px; height: 6px;  background-color: #FF8900; position: absolute; right: 0; left: 0; bottom: 0%; margin: 0 auto; border-radius: 3px;*/
     }
.top_nav li.active a,.top_nav li:hover a{ color: #FF8900; 
    /*background-color:#FF8900; border-radius:30px;*/
 }
.top_nav li.active a{font-size: 14px; position: relative; font-family: 'gothamBold'; }
.top_nav li.active a:after{
content: ""; width: 100%; height: 2px;  background-color: #FF8900; position: absolute; right: 0; left: 0; bottom: 0%; margin: 0 auto; border-radius: 3px; 
 }

.mybg{background-color: rgba(255,255,255,1);}


.header .san{ position: absolute; right: 20px; top: 23px; width:24px;height:16px; box-sizing:border-box;cursor:pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span{
    width:100%;
    position:absolute;;
    height:2px;background:#151515;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span:nth-child(1){top:0;}
.header .san span:nth-child(2){top:7px;}
.header .san span:nth-child(3){bottom:0;}

.header .san.cur{width:28px;height:22px;  background-color: transparent; top: 20px;  padding:10px 0px;  z-index: 212; display: flex; }
.header .san.cur span:nth-child(1){ background-color: #151515;
    top: 50%;margin-top:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .san.cur span:nth-child(2){ display: none; }
.header .san.cur span:nth-child(3){background-color: #151515;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom:50%;margin-bottom:-1px;
}
.header .san.cur{ transform: scale(0.9); }

.search{ position: absolute; right: 120px; top: 40px;}
.search .searchbox{ display: inline-block; margin-right: 50px;}
.mc_search_xl {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    height: 160px;
    border-top: 1px solid #dfdede;
    z-index: 9999;
    background: #fff;
    display: none;
    transition: top 0.36s;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
		
}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}.mc_scm_form {
    width: 690px;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
		border:none
}
.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mc_msc_submit img {
    width: 100%;
}


.interna{ right: 60px; top: 32px; position: absolute; width: 90px;}
.interna a{   min-width: 60px; display: block; border: 0px solid #333; padding:3px 8px 3px 8px; font-size: 14px; line-height: 20px; height: 20px; color: #fff; }
.interna a:hover{color:#fff;}
.interna a span{ padding:0 3px 0 8px; min-width: 30px; display: inline-block; text-align: center;}
.interna a i{ display: inline-block; vertical-align: 1px; width: 9px; height: 5px; background: url(../images/public/icon01.png) no-repeat; }

.interna ul{ display: none; left: 0px;  padding:0px 0; border:0px solid #226cb3;   background-color: #0054a5;}
.interna ul li{ text-align: left; padding-left: 25px;  border-bottom:0px solid #226cb3;} 
.interna ul li a:hover{ color: #4887c3;}
.interna ul li:last-child{ border-bottom:none;}
.interna:hover ul{ display: block;}
.interna:hover a i{ width: 9px; height: 5px; background: url(../images/public/icon01s.png) no-repeat; }



.banner{  z-index: 444;  position: relative;}
.banner img{ width: 100%;  }
.sinceits{position: absolute; width: 75%; margin:0 auto; left: 0; top: 20%; right: 0;}
.sinceits h2{}
.sinceits h2 p::before{content: ""; width: 68px; height: 4px;  background-color: #fa2b04; position: absolute;  left: 0; top: -20px; }
.sinceits h2 p{ position: relative; font-size: 80px; font-weight: bold; line-height: 100px;}
.sinceits h2 a{ margin-top: 30px; display: inline-block; padding:10px 30px; background-color: #f10909; color: #fff; font-size: 20px;}
.sinceits img{float: right; width: auto;}
.banner .swiper-pagination-bullet{ background-color: #fff; opacity:1 ;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 75%; margin:0 auto; left: 0; right: 0; bottom: 25px;}
.banner .swiper-pagination{ text-align: center; }
.banner .swiper-pagination-bullet{ width: 31px; height: 6px; border-radius: 1px;}
.banner .swiper-pagination-bullet-active{background: #0054a5;}








/*向下滑动的动画效果*/
@-webkit-keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
@keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
/*向上滑动的动画效果*/
@-webkit-keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
@keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
/*应用动画，添加按钮效果*/
.scroll-down {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-down span {
    position: relative;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.scroll-up {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-up span {
    position: relative;
    -webkit-animation-name: dropup;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: dropup;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}


.wrapper{ background-color: #f9f9f9; padding:30px 0; }

.modal-open {
    overflow: hidden;
}

.hei100{ width: 100%; height: 100%;position: absolute; }
.voyagetxt{ padding-top: 13%; }
.voyagetxt img{max-width: 100%; width: auto;}
.voyabig{ padding-right: 50%; margin-bottom: 50px; }
.voyabig img{  }
.voyagetxt div{ padding:5px; }





/*电话*/
.telephony{ position: fixed; width: 79px; bottom: 15%; right: 5px; z-index: 5522; }
.telebox{position: relative; margin: 15px 0; text-align: center;}
.telebox span{ 
    font-size: 14px; font-weight: bold; padding:8px 10px; background-color: #fff; 
    border-radius: 30px; color: #333; background-color: #fff; position:absolute; min-width: 80px; right: 65px; top: 5px; 
    border: 1px solid #ddd; display: none;  font-style: italic;
 }
.telebox h3{position: absolute; right: 65px; top: -40px; display: none; }
.booktri{margin-top: 5px; display: inline-block;}
.telebox:hover span{ display: inline-block; }
.telebox:hover h3{display: inline-block;}
.telebox a{ display: inline-block; width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.15); }
.telebox a img{ width: 42px; }
.telebox h3 img{ width: 120px; }
.telebox .booktri img{ width: 79px; }

.projector .swiper-button-next, .projector .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-top: -20px;
    z-index: 1220;
    cursor: pointer;
    background-size: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.projector .swiper-button-prev{ left: 20px; background-image: none!important; }
.projector .swiper-button-next{right: 20px; background-image: none!important;}
.projector img{ width: 100%; }


.banner .swiper-button-next, .banner .swiper-button-prev{ background-image:none!important; }





.footer{ background-color:#ffebc9; padding:70px 0 120px; }
.fotbox{ padding-right: 5%; }
.fotlist{padding:0 10px; padding:0 0 0 0px;}
.fotlist h2{ font-size:16px; text-align: left; position: relative;color:#FF8900; font-family: 'gothamBold'; }
.fotlist ul{padding: 5px 0 0;}
.fotlist ul li{padding:3px 0; font-family: 'gothamLight';}
.fotlist ul li a{ display: inline-block; position: relative; padding: 0 0 0 10px; color: #000; font-size: 12px; font-family: 'gothamLight'; line-height: 16px;}
.fotlist ul li a:before{content: ''; left: 0; top: 8px; position: absolute; background-color: #000; width: 3px; height: 3px; border-radius: 5px;}
.fotlist ul li span{ font-style: italic; font-family: 'gothamBook'; display: inline-block; padding-right: 2px; }
.finds span{width: 31px;}
.fotlist ul li em{ font-style: normal; font-family: 'gothamLight'; display: inline-block; text-align: left; vertical-align: top; padding-right: 30px;  }
.social{ padding:0 0 0 30px; }
.social ul li a{padding: 0;}
.social ul li a img{ vertical-align: -1px; margin-right: 2px;  width: 12px;}
.social ul li a:before{ display: none; }


.qrcode{ padding: 0 10%; display:flex; justify-content:space-around; }
.qrcode em{ background:#ff8900; line-height:20px; text-align:center; color:#fff; display:block;font-family: 'gothamMedium'; }

.diately{  height:68px; background:#ff8900; position:fixed; bottom:0; width:100%; z-index:345; }
.diatebox{ position:relative;height:68px;}
.diatile{ padding: 0 0 0 80px; position:absolute; line-height: 68px; color: #fff; font-size: 18px;font-family: 'gothamLight'; left: -80px; bottom: 0; font-style: italic;}
.diatile img{position:absolute; left: 0; bottom: 0;  width: 78px;  }
.diaform{ float:right; padding:15px 0 0;  }
.diaform .layui-form-item{ display:inline-block; padding: 0 5px; } 
.diaform .layui-form-item .layui-input-block{font-family: 'gothamLight';}
.diaform .layui-input-block{margin-left: 0; width: 180px;}
.diaform .layui-form-select .layui-input{ border-radius:40px; font-family: 'gothamLight';}
.diaform .layui-input{border-radius:40px;}
.diaform .layui-form-select dl dd.layui-this{ background:#ffa132; }
.diaform{ text-align: right; }
.diaform .layui-btn{border-radius:40px;  color: #ffa132; background-color: #fff; padding:0 20px;} 


/*弹窗表单-PC*/
.layercls{ max-width: 620px; z-index: 22; background-color: transparent!important; box-shadow: none!important; }

.layui-form-item{position: relative;}
.layui-layer-page .layui-layer-content{ background-color: transparent; overflow: inherit; }
.layui-layer{ background-color: transparent; box-shadow: none;}
.radiobox{ text-align: center; }
.form-container {
  padding: 30px 40px 15px;
  background-color: #FFF2DE;
  border-radius: 30px; 
  display: none;

}
.form-title {
  color: #FF8900;
  text-align: center;
  font-size: 28px;
  margin-bottom: 3px;
  font-family: 'gothamBold';

}
.form-subtitle {
  color: #151515;
  text-align: center;
  font-size: 20px;
  margin-bottom: 5px;
  font-family: 'gothamMedium';
}
.form-container .layui-input-block{position: relative; margin-left:0; padding-left: 160px; background-color: #fff;
    border-radius: 50px;  }
.form-container .layui-form-label {
    z-index: 11;
  color: #fff; text-align:center; padding:0; line-height: 40px; width: 150px; text-align: center; background-color: #FF8900;
  position: absolute; left: 0; top: ; border-radius: 40px;

   
}
.form-container .layui-input, .form-container .layui-select, .form-container .layui-textarea{ 
    line-height: 40px; height:40px; background-color: transparent; border:none;
 }


.form-container input::placeholder {  color: #efefef;   font-size: 18px;font-family: 'gothamBook';   }
.form-container input::-webkit-input-placeholder { color: #efefef;  font-size: 18px;font-family: 'gothamBook';}
.form-container input::-moz-placeholder { color: #efefef;  font-size: 18px;font-family: 'gothamBook';}
.form-container input:-ms-input-placeholder { color: #efefef;  font-size: 18px;font-family: 'gothamBook';}

.studcare{display: flex; padding:10px 0; justify-content: center;}
.studcare li{ padding:0 5px; }
.studcare li h3{ cursor: pointer; font-family: 'gothamBook'; line-height: 21px;  font-size: 12px; color: #151515;}
.studcare li i{ margin-right: 2px; display: inline-block; width: 21px;  height: 21px;  background:url(../images/public/vector01.png) no-repeat; vertical-align: -4px; background-size: 100%; }
.studcare li.active i{background:url(../images/public/vector02.png) no-repeat;background-size: 100%;}
.form-container .layui-form-select dl dd.layui-this{background-color: #FF8900;}
.mostbox{ text-align: center; padding:15px 0 0px;  }
.mostbox .submit-btn { font-size: 25px;font-family: 'gothamBold'; background-color: #FF6700; height: 45px; line-height: 45px; border-radius: 45px;   width: 40%; color: #fff;  }
.agreebox{}
.agreebox .privacy-text { cursor:pointer; position: relative; padding-left: 32px; color: #151515;   }
.agreebox .privacy-text h2 span{font-family: 'gothamMedium';font-size: 14px; }
.agreebox .privacy-text h2 p{font-family: 'gothamLight'; font-size: 10px; padding-top: 3px; }
.agreebox .privacy-text i{ position: absolute; left: 0; top: 28px; width: 21px;  height: 21px;   margin-right: 3px; display: inline-block;  background:url(../images/public/vector01.png) no-repeat; vertical-align: -4px; background-size: 100%; }
.agreebox .privacy-text i.checkeds{background:url(../images/public/vector02.png) no-repeat;background-size: 100%;}
.layercls .layui-layer-setwin .layui-layer-close2{ width: 25px; height: 25px;background:url(../images/public/close.png) no-repeat;background-size: 100%; right: 0; top: 0; }
.layercls .layui-layer-setwin .layui-layer-close2:hover{width: 25px; height: 25px;background:url(../images/public/close.png) no-repeat;background-size: 100%;}

.agreebox .layui-form-item {margin-bottom:12px; position:relative;}

.layui-layer-msg {
background-color: rgba(0,0,0,0.5)!important; /* 红色背景 */
color: #fff !important; /* 白色文字 */
z-index: 222;
}


/*弹窗2*/
.laylayer-nobg{ width: 620px; z-index: 25; }
.open-house-popup {
    width: auto;
    padding: 0;
    border-radius: 30px;
    background-color: #fff;
    display: none;
}
.openboxs{ background-color: #FF8900; padding:30px 40px 15px;; border-radius: 30px; }

.open-house-header {
    text-align: center;
    margin-bottom: 20px;
}
.open-house-title {
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px;
    font-family: 'gothamBold';
}
.open-house-subtitle {
    font-size: 16px;
    color: #fff;
    padding: 5px 0 5px;
     font-family: 'gothamBook'; 
}
.programme-list {
    margin-bottom: 20px;
    border-radius: 20px;

}
.programme-list .layui-table{ color: #151515; font-size: 17px;font-family: 'gothamBook';  border-radius: 20px; text-align: center; overflow: hidden; }
.programme-list .layui-table th{ text-align: center; font-style: italic; color: #FF8900;}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
    border-color:#ffefd5;
    height: 32px;line-height: 40px;
    font-family: 'gothamBook'; 
}
.programme-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.programme-name {
  
}
.programme-name i{  width: 21px;  height: 21px;display: inline-block;  background:url(../images/public/vector03.png) no-repeat; vertical-align: -4px; background-size: 100%; }
.programme-name i.actives{background:url(../images/public/vector04.png) no-repeat;background-size: 100%;}

.programme-date {
    color: #666;
}
.footer-buttons {
    display: flex;
    justify-content:space-around;
   padding:30px 10%;
}
.footer-buttons .layui-btn{font-size: 24px; font-family: 'gothamBold'; border: none; width: 200px; border-radius: 50px; line-height: 50px;height: 50px; padding:0 10px; }
.skip-btn {
    background-color: #fff2de;
    color: #ff8900;
}
.submit-btn {
    background-color: #fff2de;
    color: #ff8900;
}
.footer-buttons .layui-btn:hover{color: #ff8900; border: none;}
.laylayer-nobg .layui-layer-setwin .layui-layer-close2{ width: 25px; height: 25px;background:url(../images/public/close1.png) no-repeat;background-size: 100%; right: 5px; top: 5px; z-index: 55; }
/*弹窗结束-PC*/




.curricnav{ z-index: 22; position: fixed; top: 80px; width: 100%; left: 0; height: 32px; line-height: 32px;   background-color: #ffae33; }
.curricnav .navs{  padding: 0 0 0 42%; }
.curricnav .navs span{ display: inline-block; padding:0 25px;  }
.curricnav .navs a{font-family: 'gothamBook'; font-size: 14px; color:rgba(255,255,255,0.4);}
.curricnav .navs span.active a{ color: #fff; font-family: 'gothamMedium';}


.dentile{ font-size: 36px;font-family: 'gothamBold';  text-align: center;}
.dentile p{ padding-top: 6px; font-size: 33px; font-style: italic;font-family: 'gothamBook'; color: #151515; }


.floating-img {
    animation: floatas 3s ease-in-out infinite; 
}
/* 定义微动动画 */
@keyframes floatas {
0%, 100% {
  transform: translateY(0); /* 起始和结束位置 */
}
50% {
  transform: translateY(-10px); /* 向上移动10px */
}
}

/*==========================================设备分辨率 开始=============================================*/

.phone{display:none;}
.pc{ display: block; }
.mobile{ display: none!important; }
.iphone{ display: none!important; }
.pcside{ display: block!important; }
@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

.phone{display:block;}
.pc{ display: none; }
.mobile{ display: block!important; }
.pcside{ display: none!important; }
.iphone{ display: block!important; }

.header{ height: 60px; z-index: 555; }

.logo{ line-height: 60px; }
.logo img{ width: 193px; }

.voyagetxt{ padding-top: 18%; }
.voyabig{ margin-bottom: 10px; }
.voyabig img{  height: 110px;}
.voyagetxt div{ padding:3px; }

.nav_box{ 
    float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #ffae33;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
        left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}


.dentile{ font-size: 24px;}
.dentile p{ padding-top: 6px; font-size: 16px;  }

.top_nav{ display:block; padding:20px 25px 20px; float:initial; }
.top_nav a{ color: #fff!important;  font-size: 16px; width: auto; display: block; }
.top_nav li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav li.active a{font-weight: bold; background-color:transparent; }
.top_nav li:after{ display: inline-block; display: none!important;}
.top_nav li:last-child:after{display: none!important;}
.top_nav li a:hover{ color: #d10000; }
.blank80{ height: 60px; clear: both; }

.top_nav li a:after{ display: none!important; }

.search{top:22px; right: 40px;}
.searchbox{ padding-right:10px;}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px;   color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }
.interna ul{ border: none;}
.interna ul li{ border: none; text-align: center;}

.realimg img{ height: 141px; }



.search .searchbox{ margin-right: 10px;}
.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;   width: 26px;}


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 18px;line-height:22px;}
.sinceits h2 a{ margin-top: 10px;  padding:5px 10px;  font-size: 12px;}
.sinceits img{float: right; width: 200px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 10px;}
.banner .swiper-pagination-bullet{ width: 22px; height: 3px; border-radius: 1px;}




.footer{  padding:40px 0 100px; }
.fotbox{ padding-right: 5%; }
.fotlist{ padding:10px 0;}
.fotlist h2{ font-size:16px;  }
.fotlist ul{padding: 5px 0 0;}
.fotlist ul li{padding:3px 0; }
.fotlist ul li a{  padding: 0 0 0 10px; }
.fotlist ul li span{   padding-right: 2px; }
.fotlist ul li em{    padding-right: 5px;  }
.social{ padding:10px 0 ; }
.social ul li a{padding: 0;}



.qrcode{ padding: 20px 0 0;  }
.qrcode em{  line-height:20px; font-size:12px; }
.qrcode img{ width:80px; }

.diately{   height:68px; bottom:0; width:100%; z-index:345; }
.diatebox{height:68px;}
.diatile{ padding: 0 30% 0 60px; line-height: 16px; bottom: 15px; font-size: 12px;left: 0; }
.diatile img{left: 0; bottom: 0; width:60px; }
.diaform{ float:right; padding:15px 0 0;  z-index: 15; position:relative;s }
.diaform .layui-form-item{ padding: 0 0px;  width:48%; } 
.diaform .layui-form-item .layui-input-block{ width:100%; }
.diaform .layui-input-block{margin-left: 0; width: 250px;}



.curricnav{ height: 32px; line-height: 32px; top: 58px;   }
.curricnav .navs{  padding: 0 0 0 0; text-align: center; }
.curricnav .navs span{ padding:0 5px;  }
.curricnav .navs a{ font-size: 12px; }


/*电话 moblie*/
.telephony{ bottom: 20%;right: 10px;  }
.telebox{ margin: 5px 0; text-align: right; }
.booktri{margin-top: 0px;}
.telebox:hover span{ display: none; }
.telephony img{ width: 41px; } 
.booktri img{ width: 80px; }

.projector .swiper-button-next, .projector .swiper-button-prev{ width: 25px; height: 25px; }





/*弹窗表单-mob*/
.layercls{ max-width: 620px; }
.form-container {  padding: 30px 20px 15px; }
.form-title { font-size: 18px;}
.form-subtitle {  font-size: 12px;}
.form-container .layui-input-block{
    /*padding-left: 0; */
    padding-left: 100px;
    float: inherit; border-radius: 50px;  
    min-height: 32px!important;
}
.form-container .layui-form-label {  
    float: inherit; 
    /*position: relative; */
    position: absolute;    
    left: 0;top: 0;
    font-size: 12px;
    /*width: 100%;*/
    width: 100px;
    /*background-color: transparent;*/
    background-color: #FF8900; 
    /*color: #FF8900;*/
    /*border-radius: 0;*/
    border-radius: 32px;
    color: #fff;  
    text-align: center; height:32px;  
    line-height:32px;     }
.form-container .layui-input, .form-container .layui-select, .form-container .layui-textarea{   
    line-height: 32px; height:32px;
    /*text-align: center;*/
    text-align: left;
 }

.form-container .layui-form-item{margin-bottom:8px;}


.form-container input::placeholder {   font-size: 12px;  }
.form-container input::-webkit-input-placeholder {  font-size: 12px;}
.form-container input::-moz-placeholder {   font-size: 12px;}
.form-container input:-ms-input-placeholder { font-size: 12px;}

.studcare{ padding:5px 0; flex-wrap: wrap; }
.studcare li{ padding:5px 0; text-align: center; box-sizing: border-box; flex: 1 1 50%; }
.studcare li:nth-child{ width: 100%; }
.studcare li h3{ line-height: 19px;  font-size: 12px; }
.studcare li i{ margin-right: 2px; width: 19px;  height: 19px;  background:url(../images/public/vectors01.jpg) no-repeat; vertical-align: -4px; background-size: 100%; }
.studcare li.active i{background:url(../images/public/vectors02.jpg) no-repeat;background-size: 100%;}
.mostbox{ padding:15px 0 0px;  }
.mostbox .submit-btn { font-size: 16px;height: 35px; line-height: 35px; border-radius: 35px; width: 50%;   }
.agreebox{}
.agreebox .privacy-text { padding-left: 32px;  }
.agreebox .privacy-text h2 span{font-size: 12px; }
.agreebox .privacy-text h2 p{ font-size: 10px; padding-top: 0px; }
.agreebox .privacy-text i{  left: 0; top: 28px; width: 19px;  height: 19px;   margin-right: 3px; display: inline-block;  background:url(../images/public/vectors01.jpg) no-repeat; vertical-align: -4px; background-size: 100%; }
.agreebox .privacy-text i.checkeds{background:url(../images/public/vectors02.jpg) no-repeat;background-size: 100%;}
.layercls .layui-layer-setwin .layui-layer-close2{ width: 20px; height: 20px;top: -10px;  }
.agreebox .layui-form-item {margin-bottom:12px;}


/*弹窗2*/
.laylayer-nobg{max-width: 620px; z-index: 25; }
.open-house-popup {
    width: auto;
    padding: 0;
    border-radius: 30px;
    background-color: #fff;
    display: none;
}
.openboxs{  padding:30px 15px 15px;; border-radius:20px; }

.open-house-header {
    margin-bottom: 20px;
}
.open-house-title {
    font-size: 16px;
    margin-bottom: 5px;
}
.open-house-subtitle {
    font-size: 14px;
    padding: 5px 0 5px;
}
.programme-list {
    margin-bottom: 20px;
    border-radius: 20px;

}
.programme-list .layui-table{  font-size: 12px;  }
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
    
    height: 32px;line-height: 20px;
    font-family: 'gothamBook'; 
}
.programme-item {
    padding: 10px 0;
}
.programme-name { }
.programme-name i{  width: 21px;  height: 21px;display: inline-block;  background:url(../images/public/vector03.png) no-repeat; vertical-align: -4px; background-size: 100%; }


.footer-buttons {   padding:20px 10%;}
.footer-buttons .layui-btn{font-size: 14px; width: 120px; padding:0 20px; border-radius: 40px; line-height: 40px;height: 40px;  }

.footer-buttons .layui-btn:hover{color: #ff8900; border: none;}
.laylayer-nobg .layui-layer-setwin .layui-layer-close2{ width: 25px; height: 25px;
    background:url(../images/public/close1.png) no-repeat;  
    right: -8px; top: -8px; z-index: 55;  background-size: 20px!important;
}
/*弹窗结束-mob*/



}



/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }
}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }	 
   .top_nav li{    padding: 0 20px;}
   .nav_box{ }
  .interna{right: 30px;}	
}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
    .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }

  .kindle01 img{ max-width: 100%;  }
.top_nav li{    padding: 0 15px;}
.nav_box{ }
.interna{right: 30px;}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
	.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}


}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 .layui-col-5ths {   width: 20%!important;   float: left;  }
 .layui-container{ width: 1200px!important; }
.top_nav li{    padding: 0 10px;}
.nav_box{ }
.interna{right: 30px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}
}

/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

.layui-container{ width: 960px!important; }
.nav_box{ }
.logo img{ width:200px; }
.interna{right: 30px;}
.top_nav{padding:30px 0;}
.top_nav li{ padding:0 8px; }
.search { right: 70px;}
.search .searchbox{padding-right: 0px;}
.diatile{left: 0;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}

.fotbox{padding-right: 0;}


}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.phone{display:block;}
.pc{ display: none; }

.header{ height: 60px; }
.logo{ line-height: 60px; }
.logo img{  }
.top_nav li a:after{ display: none!important; }
.search .searchbox{ margin-right: 10px;}
.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;	width: 26px;}

.main_moblie{ display: block; }
.nursery,.gratuitously{ display: none; }
.pcside{ display: none!important; }
.blank_head{ height: 65px; }
.ginar_txt h1{ padding-top: 30px; }
.naviga{display: block;}


.dentile{ font-size: 24px;}
.dentile p{ padding-top: 6px; font-size: 16px;  }


.iphone{display: block!important; }

.blank80{ height: 60px; clear: both; }

.nav_box{ float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #ffae33;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
		left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}

.top_nav{ display:block; padding:20px 25px 20px; float:initial;  }
.top_nav a{ color: #fff!important;  font-size: 16px; width: auto; display: block; }
.top_nav li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav li.active a{font-weight: bold; background:transparent;}
.top_nav li:after{ display: inline-block; display: none!important;}
.top_nav li:last-child:after{display: none!important;}
.top_nav li a:hover{ color: #d10000; }

.search{top:23px; right: 55px;}
.search .searchbox{ padding-right:10px}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px; color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }

.curricnav{ height: 32px; line-height: 32px; top: 58px;   }
.curricnav .navs{  padding: 0 0 0 0; text-align: center; }
.curricnav .navs span{ padding:0 5px;  }
.curricnav .navs a{ font-size: 12px; }


.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}

.interna ul li{text-align: center;}

.voyagetxt .voyabig img{ height: 200px; }


.footer{  padding:40px 0 120px; }
.qrcode{ padding: 20px 0 0;  }
.qrcode em{  line-height:20px; font-size:12px; }
.qrcode img{ width:80px; }
.diately{   height:68px; bottom:0; width:100%; z-index:345; }
.diatebox{height:68px;}
.diatile{ padding: 0 0 0 60px; line-height: 38px; font-size: 14px;left: 0; bottom: 20px;}
.diatile img{left: 0; bottom: 0; width:80px; }
.diaform{ float:right; padding:15px 0 0;  }
.diaform .layui-form-item{ padding: 0 5px;  display:inline-block; } 
.diaform .layui-form-item .layui-input-block{ width:175px; }
.diaform .layui-input-block{margin-left: 0; width: 250px;}



/*电话 ipad*/

.telephony{ bottom: 20%;right: 10px;  }
.telebox{ margin: 15px 0; }
.booktri{margin-top: 15px;}
.telebox:hover span{ display: none; }
.telephony img{ width: 50px; } 
.booktri img{ width: 90px; }

.projector .swiper-button-next, .projector .swiper-button-prev{ width: 30px; height: 30px; }

}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){

.kindle01 img{ max-width: 100%;  }
.studcare li h3{ font-size: 10px; }

}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {

.kindle01 img{ max-width: 100%;  }

.studcare li h3{ font-size: 10px; }


}
 /*内页宽1500*/

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
 @media screen and (min-width: 1160px){

 .layui-col-5ths {
        width: 20%;
        float: left;
    }
}