body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, del, dfn, em, img, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, button, input, table, caption, tbody, tfoot, thead, tr, th, td, menu {
	margin:0;
	padding:0;
}
.img {
 width:100%;
 height:auto;
}
a {
 text-decoration:none;
}
.clear {
 clear:both;
}
.banner {
 width:100%;
 height:auto;
 min-width:1300px;
 text-align:center;
 position:relative;
 background-color:#ea2737;
 background-image:url(/img/banner/banner-bg.png);
 background-size:100% 100%;
 background-repeat:no-repeat;
}


.but_go {
     text-decoration: none;
    display: inline-block;
    padding: 0.2% 3%;
    width: auto;
    height: auto;
    font-size: 28px;
    border: 1px solid #ffffff;
    color: #ffffff;
    position: absolute;
    top: 75%;
    /*left: 43%;*/
    left: 50%;
    border-radius: 10px;
    margin-left: -24%;
}
    .but_go:hover {
    text-decoration:none;
    border: 1px solid #f2d991;
    color: #f2d991;
    }
    .pict{
  
    width: 100%;
    min-width:1300px;
    height: auto;
    background-image: url(/img/home_img/sy-sp-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
        padding-bottom: 5%;
        overflow: hidden;
    /*background-position-x: 49%;*/
 
}
.pict_n {
     padding: 0;
    margin: 0;
  width:1300px;
  height:auto;
  position:relative;
  left:50%;
  margin-left:-650px;
  padding-top: 6%;
}
    span.close {
      font-size: 60px;
    color: #fff;
    position: absolute;
    right: 6%;
    top: 0%;
    cursor: pointer;
    z-index: 999;
    display: none;
}
    .video{
        position: absolute;

    left: 18.5%;
    top: 30%;
    }
.pict_n > p {
 font-size:38px;
 font-weight:500;
 line-height: 36px;
}
.pict_n > p > .eng {
  font-size:24px;
  color:#999999;
  font-weight:400;    
}
.unique {
 width:100%;
 height:auto;
 min-width:1300px;
 text-align:center;
 background-color:#fdecee;
 padding:4% 0;
}
.unique > p {
   /*font-size:38px;
 font-weight:500;
 line-height: 36px;
 color:#ffffff;  
 letter-spacing:1px;
 margin-bottom: 2%;*/
    font-size:38px;
 font-weight:500;
 line-height: 36px;
}
    .unique > p > .eng {
     font-size:24px;
  color:#999999;
  font-weight:400; 
    }
.unique_box {
 width:1300px;
 position:relative;
 left:50%;
 margin-left:-650px;
 height:auto;
 text-align:center;
 margin-top: 2%;
}
    .unique_box > ul {
     width:90%;
     height:auto;
     margin-left:5%;
     overflow:hidden;
    text-align:center;
    padding-bottom:2%;
    }
.unique_box > ul>li {
    list-style: none;
    width:309px;
    height: auto;
    float: left;
    margin-left: 5%;
    overflow: hidden;
    background-color:#ffffff;
 }
    .unique_box > ul li > img {
     width:100%;
     height:auto;
     overflow:hidden;
    }
.li_title {
 font-size:20px;
 color:#333333;
 letter-spacing:3px;
 font-weight:bold;
 margin-top:16px;
}
.miaoshu {
 padding: 15px 7px;
 text-align:left;
 font-size:14px;
 font-weight:500;
  color:#333333;
}
.mode {
     width:100%;
min-width:1300px;
 height:auto;
 text-align:center;
}
.mode_box {
    width:1300px;
 position:relative;
 left:50%;
 margin-left:-650px;
 height:auto;
 text-align:center;
  padding:4% 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image:url(/img/home_img/sy-kt-bg.png);
}
.mode_box> ul {
     width:100%;
     height:auto;
     overflow:hidden;
    text-align:center;
    padding-top:2%;
    }
.mode_box> ul>li {
    list-style: none;
    width: 24%;
    height: auto;
    float: left;
    margin-left: 7%;
    overflow: hidden;
      box-sizing: border-box;
    transition: all .5s;
    -webkit-transition: all .5s; 

 }
    .mode_box > ul > li:hover {
      cursor: pointer;
    transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari ºÍ Chrome */
    -o-transform:scale(1.1);
    }

/*.mode_box> ul li > img {
     width:40%;
     height:auto;
     overflow:hidden;
    }*/
   .mode > p {
 font-size:38px;
 font-weight:500;
 line-height: 36px;
 margin-top:5%;
}
.mode> p > .eng {
  font-size:24px;
  color:#999999;
  font-weight:400;    
}
.mode_tit {
 font-size:28px;
 color:#292526;
 font-weight:500;
  line-height: 20px;
    margin-top: 8%;
}
    .mode_tit > span {
     font-size:18px;
     color:#999999;
    
    }
.mode_miao {
 font-size:18px;
 color:#292526;
 line-height: 30px;
 margin-top: 8%;
 font-weight:500;
}
.teacher {
 width:100%;
 height:auto;
  min-width:1300px;
  text-align:center;
  padding:2% 0;
  /*background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image:url(/img/home_img/sy-sz-bg.png);*/

}
   .teacher > p {
 font-size:38px;
 font-weight:500;
 line-height: 36px;
 margin-top:2%;
}
.teacher> p > .eng {
  font-size:24px;
  color:#999999;
  font-weight:400;    
}
.mode > ul > li {
    list-style:none;
 float:left;
 margin-left:3.3%;
}
.mode > ul {
    width: 1300px;
    height: auto;
    margin-top: 2%;
    padding-bottom: 5%;
    position: relative;
    left: 50%;
    margin-left: -650px;
}
.z_img {
  margin-top:-30%;
}

.attend {
 width:100%;
 height:auto;
  min-width:1300px;
  text-align:center;
  padding:2% 0;
  background-color:#f1f1f1;
  margin-top:5%;
}
   .attend > p {
 font-size:38px;
 font-weight:500;
 line-height: 36px;
 margin-top:2%;
}
.attend> p > .eng {
  font-size:24px;
  color:#999999;
  font-weight:400;    
}
.teacher_name {
 font-size:22px;
 line-height:30px;
 text-align:left;
 padding:5px 10px;
}
.teac_dir {
font-size:16px;
line-height:22px;
 text-align:left;
 padding:5px 10px;
}
.teac_good {
 font-size:14px;
 line-height:24px;
 color:#666666;
  text-align:left;
 padding:5px 10px;
 padding-bottom:5%;
}
#fix{
    position: fixed;
    top: 30%;
    right:0;
    z-index: 500;
}
#fix>a>img{
	display: block;
	width: 100%;
	height: auto;
}
#goPageTop>img{
	display: block;
	width: 100%;
	height: auto;

}
@media screen and (max-width: 1366px) {
    .but_go {
     margin-left: -34%;
    }
}
@media screen and (min-width: 1366px) and (max-width:1440px){
    .but_go {
     margin-left: -30% !important;
    }
}
@media screen and (min-width: 1440px) and (max-width:1620px){
    .but_go {
     margin-left: -28% !important;
    }
}
@media screen and (min-width: 1620px) and (max-width:1700px){
    .but_go {
     margin-left: -26% !important;
    }
}
/*ʦ×Ê*/
   .teacher {
 width:100%;
 height:auto;
  min-width:1300px;
  text-align:center;
  padding:2% 0;
 background-color:#fcf5e4;

}
   .teacher > p {
 font-size:38px;
 font-weight:500;
 line-height: 36px;
 margin-top:2%;
}
.teacher> p > .eng {
  font-size:24px;
  color:#999999;
  font-weight:400;    
}
.swiper-slide ul .rig .t_name {
   font-size:22px;
   line-height:30px;
   font-weight:bold;
}
.swiper-slide ul .rig .t_bri {
   font-size:18px;
   margin-top:1%;
    font-weight:bold;
}
.swiper-slide ul .rig .t_deta {
   font-size:16px;
   margin-top:1%;
   line-height: 22px;
}

@media screen and (max-width: 1366px) {

    .view .swiper-container {
     height:450px;
    }
}
@media screen and (min-width: 1370px) {
    .view .swiper-container {
     height:450px;
    }
}
@media screen and (max-width: 1024px) {

     .view .swiper-container {
     height:450px;
    }
}


.shipin {
  width:100%;
  height:auto;
  margin-top:2.5%;
}
.vi_left {
 width:80%;
 height:auto;
 float:left;
 position:relative;
}
.vi_right {
 width:20%;
 height:auto;
 float:right;
 text-align:left;
}
.img_right img {
 cursor:pointer;
}

.img_mar {
 margin-top:26px;
}
.vi_right img {
   border: #ffffff solid 2px;
}
.vi_right img:hover {
 box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */  
  border: #ff0000 solid 2px;
}
/*.vi_left img:hover {
   margin-top:0px !important;
}
.on_img:hover {
   margin-top:-4px !important;
}*/
.border {
  box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */  
  border: #ff0000 solid 2px;
}
.play_but {
 position:absolute;
 z-index:99;
 left:48%;
 top: 38%;
 cursor:pointer;
}


/*×¢²áµ¯´°*/
#lay {
 text-align:right;
}
#lay .Finput {
    width: 80%;
    height: 36px;
    font-size: 12px;
    color: #acaaaa;
    text-indent: 10px;
    line-height: 36px;
    margin-right: 10%;
    margin-top: 14px;
    border-radius: 4px;
    border: 1px solid #acaaaa;
    outline:none;
    margin-left: 2%;
}
#lay > p > span {
 color:#ff0000;
}
    #lay > .Agree {
        text-align: left;
        text-indent: 10%;
        font-size: 12px;
        line-height: 40px;
        color: #999999;
    }
    #lay > .Login {
       text-align: center;
        font-size: 12px;
        line-height: 40px;
        color: #999999;
    }
.layui-layer-title {
    padding: 0 !important;
    height: 76px !important;
    line-height: 96px !important;
    text-align: center !important;
    border-bottom: 0 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
    color: #333;
    overflow: hidden;
    border-radius:8px !important;
    letter-spacing: 2px !important;
}
#lay .bottom {
   width: 80%;
    height: 36px;
    font-size: 14px;
    color: #ffffff;
    text-indent: 10px;
    line-height: 36px;
    margin-right: 10%;
    border-radius: 4px;
    background-color:#FF2C2C;
    border:0;
    outline:none;
    cursor:pointer;
}
#lay >p> .Get_code {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #FDAB2A;
    color: #ffffff;
    right: 10%;
    top: 16.5%;
    font-size: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor:pointer;
}
.layui-layer {
 border-radius:8px !important;
}
/*µÇ¼µ¯´°*/
#lay_login {
 text-align:right;
}
#lay_login .Finput {
    width: 80%;
    height: 36px;
    font-size: 12px;
    color: #acaaaa;
    text-indent: 10px;
    line-height: 36px;
    margin-right: 10%;
    margin-top: 14px;
    border-radius: 4px;
    border: 1px solid #acaaaa;
    outline:none;
    margin-left: 2%;
}
#lay_login > p > span {
 color:#ff0000;
}
   #lay_login > .Agree {
        text-align: left;
        text-indent: 10%;
        font-size: 12px;
        line-height: 40px;
        color: #999999;
    }
 #lay_login > .Login {
       text-align: center;
        font-size: 12px;
        line-height: 40px;
        color: #999999;
    }
#lay_login .bottom {
   width: 80%;
    height: 36px;
    font-size: 14px;
    color: #ffffff;
    text-indent: 10px;
    line-height: 36px;
    margin-right: 10%;
    border-radius: 4px;
    background-color:#FF2C2C;
    border:0;
    outline:none;
    cursor:pointer;
}
#lay_login >p> .Get_code {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #FDAB2A;
    color: #ffffff;
    right: 10%;
    top: 16.5%;
    font-size: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor:pointer;
}