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-image:url(/img/new_web/banner-bg01.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: fixed;
    right: 10%;
    top:8%;
    cursor: pointer;
    z-index: 99999;
    display: none;
}
    .video{
       cursor:pointer;
       width:100%;
    }
.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_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 {
       display: inline-block;
    background: rgba(236,49,49,1);
    border-radius: 30px;
    font-size: 27px;
    font-family: Adobe Heiti Std R;
    font-weight: normal;
    color: rgba(255,255,255,1);
    line-height: 40px;
    padding: 5px 70px;
    margin-top:2%;
    box-shadow: #FFC7C7 1px 4px;
}*/

.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;


}
   .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;
}
 .mode > ul > li > p {
       padding: 15px;
    text-align: left;
    background-color: #BEBEBE;
    font-size: 13px;
 }
    .mode > ul > li > img {
     vertical-align:bottom;
    }
.z_img {
  margin-top:-30%;
}


.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: 64px !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;
}


/*4.10����ҳ��*/
    /*.banner{
			width: 1300px;
			height: 500px;
			margin:10px  auto;
			position: relative;
			overflow: hidden;
           
		}
		.banner-inner {
			width: 5200px;
			height: 500px;
			position: absolute;
			left: 0;
			top: 0;
		}
		.banner img{
			width: 1300px;
			height: 500px;
			display: block;
			vertical-align: middle;
			float: left;
		}
		.banner .ctrlbtn a{
			display: block;
			position: absolute;
			top: 50%;
			width: 40px;
			height:100px;
			line-height: 100px;
			text-align: center;
			cursor: pointer;
			font-size: 24px;
			margin-top: -50px;
			color: white;
			background: rgba(100,100,100,.5);
		}
		.prev{ right: 0; font-family: "����";}
		.next{
			left: 0;font-family: "����";
		}
		.banner a:hover{
			background: rgba(255,255,255,0.5)
		}
		.banner ul{
			position: absolute;
			left: 0;
			bottom: 10px;
			width: 100%;
			text-align: center;
		}
		.banner li{ display: inline-block; width: 10px; height: 10px; overflow: hidden; margin: 0 5px; background-color: rgba(255,255,255,.5); border-radius: 50%; z-index: 1111; cursor: pointer;}
		.banner .active{
			background: rgba(255,255,255,1)
		}*/
.mystical {
  width:100%;
  height:auto;
  min-width:1300px;
  text-align:center;
  padding-top:2%;
  padding-bottom:2%;
  background-image:url(/img/new_web/top01-bg.png);
 background-size:100% 100%;
 background-repeat:no-repeat;
}
.stical_ul{
 width:1300px;
 height:auto;
 position:relative;
 left:50%;
 margin-left:-650px;
 overflow:hidden;
}
    .stical_ul > ul {
     width:100%;
     height:auto;
     margin-top:2%;
    }
    .stical_ul>ul>li {
     list-style:none;
     float:left;
     width:30.5%;
     margin-left:2%;
     text-align:left;
    }
  .stical_ul > ul > li > img {
    width:100%;
    height:auto;
 }
.stical_ul > ul > li >.one_title {
  font-size:20px;
font-family:SourceHanSansCN-Regular;
font-weight:500;
color:rgba(230,0,18,1);
line-height:38px;
 }
 .stical_ul > ul > li > p {
  color:#777777;
  font-size:16px;
  line-height:26px; 
  margin-top: 1%;  
  font-weight:500;  
  font-family:SourceHanSansCN-Regular;
   
}
.top_tit {
    margin-bottom: -2.2%;
    padding:0 5px;
}
  
.attend {
 width:100%;
 height:auto;
  min-width:1300px;
  text-align:center;
  padding:80px 0;
  background-color:#FDECEE;
}
.attend > p {
    font-size:40px;
    font-family:SourceHanSansCN-Medium;
    font-weight:500;
    color:#333333;
}
.attend > p.attend-title{
    margin-bottom: 30px;
}
    .attend > p > span {
     font-size:26px;
     display: block;
     /* line-height:68px; */
    }
.attend ul {
    width:1300px;
 height:auto;
 position:relative;
 left:50%;
 margin-left:-650px;
 overflow:hidden;
 text-align:center;
 display: flex;
 display: -webkit-flex;
 justify-content: center;
 -webkit-justify-content: center;
}
    .attend ul li {
        list-style:none;
     width:21%;
     height:auto;
     float:left;
     margin-left:3%;
     text-align:center;
     margin-top:40px;
      box-sizing: border-box;
    transition: all .5s;
    -webkit-transition: all .5s; 
    padding-bottom: 5%;
    }
     .attend 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);
    }
  .attend ul li .s_num {
   font-size:54px;
font-family:MyriadPro-Regular;
font-weight:400;
color:#E60012;
line-height:80px;
  }
.attend ul li p {
font-size:26px;
font-family:SourceHanSansCN-Regular;
font-weight:400;
color:#333333;
line-height:30px;
        }

/*��Ӱ�ֲ�*/

 html,body {
	width:100%;
	height:100%;
	margin: 0;
}
ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix{
	display: block;
	content:"";
	clear: both;
}
.poR{
	position:relative;
}
.box{
	width: 100%;
	height:650px;
    min-width:1300px;
	position: relative;
    background-color:#D7D6D6;
}

.box .box-con{
	width: 1300px;
	height:52%;
	position: absolute;
	top:17%;
	left:50%;
    margin-left:-650px;
}
    .box .box-con ul {
     width:100%;
     height:auto;
     overflow:hidden;
    }
.box .box-con li{
    width: 320px;
    height: 188px;
    background: #fff;
    position: absolute;
    left: 660px;
    top: 66px;
    cursor: pointer;
	    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(0,0,0,0.2)));  
    }

    .box .box-con li img{
    	width: 100%;
    	    height: 100%;
    }


   .box .prev_l,.next_l{
   	width:32%;
   	height: 73%;
   	display: block;
   	position: absolute;
   	top: 13%;
   	z-index: 50;
   	cursor: pointer;
   }

 .prev_l{
   	left: -44px;
   	background: url(../img/left.png) no-repeat 0px 50%;
  
   }
   .next_l{
	   right:-12px;
	   background: url(../img/right.png) no-repeat 100% 50%;
   }

.mode {
     width:100%;
min-width:1300px;
 height:auto;
 text-align:center;
 overflow: hidden;
     padding-top: 3%;
     padding-bottom:3%;
  background-size: 100% 100%;
 background-repeat:no-repeat;

}
   .mode > p {
   font-size:40px;
   font-family:SourceHanSansCN-Medium;
   font-weight:500;
   color:rgba(51,51,51,1);
   line-height: 70px;

}

/*.feedback {
 width:21% !important;
 height:335px !important;
 height:auto;
 background-color:#ffffff !important;
 box-shadow: #eeeeee 1px 1px 20px;
 border: #eeeeee solid 1px;
 cursor:pointer;

}
.feedback > p {
 background-color:#ffffff !important;
 padding:2px 20px !important;
}
    .feedback > img {
        margin-top: -25%;
    }
    .feedback > p {
     font-size:16px;
     font-family:SourceHanSansCN-Regular;
     line-height: 24px;
     color:#333333;
    }*/

.border {
    display:inline-block;
  width:50%;
  height:auto;
  height:0px;
  border:1.5px solid #E5E5E5;
 
}



/*��Ƶ����*/
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none;
}
 .prism-player {
   width: 80% !important;
   height: 80% !important;
   position: fixed !important;
   top: 10%;
   left: 10% !important;
   display: none;
   z-index: 9999 !important;
}


.top_mo {
font-size:18px;
font-family:SourceHanSansCN-Regular;
font-weight:400;
color:rgba(51,51,51,1);
line-height:28px;
    padding: 10px 22px 0;

    text-align: center;
    height: 180px;
}

.bott_name {
   font-size:18px;
font-family:SourceHanSansCN-Regular;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:25px;
}
.bot_bg {
    text-align: center;
    background: #ECECEC;
    font-size: 18px;
    font-family: SourceHanSansCN-Regular;
    font-weight: bold;
    color: #333333;
    line-height: 23px;
    padding: 23px 0;
    margin-top: 30px;
}
.feedbk {
 width:100%;
 height:86%;
 background-image:url(../img/new_web/fankui_k.png);
 background-size:100% 100%;
 background-repeat:no-repeat;
}
.feedbk > ul > li>img {
  width:60%;
  height:auto;
  vertical-align:middle;
}
    .feedbk > ul {
       padding-left:5%;
    }
    .feedbk > ul > li {
     float:left;
    }
  .username{
    width: 100% !important;
   line-height: 30px !important;
   font-weight: bold !important;
   color:#232323 !important;

 }
.age_ad {
 padding-top:0 !important;
width: 100% !important;
 font-size:16px !important;
font-family:Adobe Heiti Std R;
font-weight:normal;
color:#777777 !important;
  line-height: 34px !important;
}
    .age_ad > img {

        width:10%;
     vertical-align:middle;
     margin-right:5px;
    }
.font-t {
     width: 60%;
    height: 8%;
    position: fixed;
    z-index: 99999;
    color: #ffffff;
    left: 10%;
    top: 85%;
    display: none;
    background-color: #000000;
    padding: 10px 10% 0 10%;
    line-height: 24px;
 }