@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

}
/* 去除iPhone中默认的input样式  清除苹果浏览器的圆角表单*/
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font-family: Microsoft YaHei,Tahoma,Arial,sans-serif; color:#555; background:#f4f4f4; position:relative;}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#969696; font-family: Microsoft YaHei,Tahoma,Arial,sans-serif;}
a:hover{ text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei;}
img{border: none; display:block;}

html{ font-size:62.5%; }
@media screen and (min-width:481px) {
html {
	font-size: 94% !important;
}
}
@media screen and (min-width:561px) {
html {
	font-size: 109% !important;
}
}
@media screen and (min-width:641px) {
html {
	font-size: 125% !important; 
}
}

/*-----------------------------header*/
.header{ width:100%;  position:relative; z-index:5;}
.head_mid{ width:94.6%; margin:0 auto; padding:1.125rem 0; box-sizing:border-box; overflow:hidden; }
.head_mid .logo{ float:left; overflow:hidden; width:8.4375rem;}
.head_mid .logo img{ width:8.4375rem; display:block; vertical-align:middle; height:3.3125rem;}
.head_mid span{ float:right; width:9rem; height:auto;}
.head_mid span img{ width:100%; overflow:hidden;}

.fx_school{ width:18.3%; height:3.3rem; float:left; border-left:1px solid #e5e5e5; margin-left:4.2%;}
.fx_school font{ width:100%; text-align:center; display:block; line-height:3.3rem; font-size:1.875rem; color:#151515;}
.fx_school font i{ display:inline-block; width:1.5rem; height:auto; margin-left:8px; vertical-align:middle; -webkit-transition:all 0.4s ease-in-out; }
.fx_school font i.on{ -webkit-transform:rotate(-180deg); -webkit-transform-origin:50% 50%;}


/*-----------------------------分校隐藏列表*/
#fx_ct{ width:100%; position:absolute; left:-100%; top:0; height:500px; overflow:hidden; background:#FFF; -webkit-transition:all 0.4s ease-in-out; z-index:120;}
#fx_ct.se{ left:0px;  max-height:inherit; height:auto;}
#fx_ct h5{ height:4.8rem; line-height:4.8rem; color:#FFF; background:#ff771c; text-align:center; font-size:2.125rem; }
#fx_ct h5 a{ float:left; width:1rem; margin: 1.4rem 0 1.4rem 1rem; }
#fx_ct h5 a img{ width:100%;}

.city_box{ width:100%; overflow:hidden; background:#f7f7f7;}
.ct_list{ float:left; width:92%; overflow:hidden; padding-bottom:6rem;}
.hot_ct{ width:94.4%; margin:0 auto; overflow:hidden;}
.hot_ct span{ color:#ff771c; display:block; height:4.8rem; line-height:4.8rem; font-size:1.75rem;}
.hot_ct p{ width:100%; overflow:hidden;}
.hot_ct p a{ float:left; width:23%; height:3rem; text-align:center; background:#FFF; font-size:1.6rem; line-height:3rem; border:1px solid #ededed; color:#000; border-radius:6px; margin:0 1.8% 1.8% 0;}
.hot_ct p a:nth-child(4){ margin-right:0px;}
.hot_ct p a:nth-child(8){ margin-right:0px;}
.hot_ct p a:nth-child(12){ margin-right:0px;}
.hot_ct p a:nth-child(16){ margin-right:0px;}


.jm_list{ width:100%; overflow:hidden;}
.jm_list dl{ width:100%; overflow:hidden;}
.jm_list dl dt{ width:100%; padding-left:3.6%; box-sizing:border-box; line-height:3rem; font-size:1.75rem; color:#ff771c;}
.jm_list dl dd{width:100%; padding-left:3.6%; box-sizing:border-box;  background:#FFF;}
.jm_list dl dd a{ display:block; width:100%;  line-height:3.6rem; font-size:1.8rem; color:#2f2f2f; border-bottom:1px solid #f7f7f7;}

#sub_anch{ position:fixed; right:-100%; -webkit-transition:all 0.4s ease-in-out; top:0px; width:5.6%; overflow:hidden; height:100%; padding-top:16%; box-sizing:border-box; padding-bottom:50px; }
#sub_anch table{ width:100%; height:100%; text-align:center;  }
#sub_anch table tr td{ text-align:center; padding:1px 0; box-sizing:border-box;}
#sub_anch table tr td a{ display:block; vertical-align:middle; text-align:center; font-size:1.2rem;}
.city_box a#back_top{ position:fixed; width:3rem; overflow:hidden; bottom:80px; right:12%; display:none; z-index:130;}
.city_box a#back_top img{ display:block; width:100%;}
.city_box a#back_top.show{
	display:block;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


#sub_anch span{ position:absolute; left:0px; bottom:0px;}
#sub_anch.se{ right:0px;}

/*----------------------轮播图-------------------*/

.pic{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index:1;
}
.focus{ 
	width: 100%; 
	height:auto;  
	margin:0 auto; 
	overflow:hidden;   
}
.focus .hd{  
	position:absolute; 
	z-index: 1; 
	bottom: 1.2rem; 
	text-align:center; 
	right: 9.3%;
	
}
.focus .hd ul{ 
	overflow:hidden;
}
.focus .hd ul li{ 
	float: left; 
	width: 1rem; 
	height: 1rem;
	background:#FFF; 
	margin: 0 5px; 
	text-align: center; 
	font-size: 0;
	-webkit-transition:all 0.4s ease-in-out;
	border-radius:0.5rem;
}
.focus .hd ul .on{
	background:#ea5404;
	width:2rem;
}
.focus .bd{ 
	position:relative; z-index:0;
}
.focus .bd li img{ 
	width:100%;  
}
.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ 
}

/*-----------------------phone--*/
.call{ width:100%; text-align:center;}
.call a{ display:inline-block; height:6.75rem; line-height:6.75rem; color:#ff771c; font-size:2.6rem; font-family:arial; font-weight:bold; letter-spacing:2px;}
.call a i{ width:3rem; height:3rem; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:1.43rem;}

/*-----------------------main--*/
#mask{ -webkit-transition:all 0.4s ease-in-out; width:100%; height:100%;  overflow:hidden; left:0px; top:100%;  position:fixed; z-index:21474836476; }
#mask div{width:100%; height:100%;  overflow:hidden; background:url(../images_new/icon/black_bg.png) repeat; }
#mask.show{ top:0px;

  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;


}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


#mask dl{ width:85.6%; margin:0 auto; overflow:hidden; height:18rem; background:#FFF; border-radius:6px; position:absolute; left:50%; margin-left:-42.8%; top:50%; margin-top:-9rem;}
#mask dl dt{ width:100%; height:5.875rem; line-height:5.875rem; text-align:center; position:relative; font-weight:bold; color:#ff771c; border:1px solid #f4f4f4; font-size:2.5rem;}
#mask dl i{ position:absolute; width:1.2rem; height:1.2rem; line-height:1.2rem; text-align:center; font-size:2rem; color:#d3d3d3; top:1rem; right:1rem; font-weight:normal;}
#mask dl dd{ width:100%; overflow:hidden; text-align:center; padding:3rem 0; box-sizing:border-box;}
#mask dl dd a{ display:inline-block; color:#ff771c; font-size:1.875rem; padding:0.8rem 1.2rem; margin-right:2%; background:#f4f4f4; border-radius:8px;}
#mask dl dd a:nth-child(3){ margin-right:0px;}







/*-----------------------main--*/
.main{ width:94.67%; margin:0 auto; overflow:hidden;}

/*-----------------------ysks--*/

.ysks{ width:100%; overflow:hidden;}
.ysks table{ width:100%; text-align:center; background:#FFF;}
.ysks table tr td { text-align:center; border-left:1px solid #f4f4f4;}
.ysks table tr td span{ color:#ff771c; font-size:1.4rem; font-weight:bold; text-align:center; display:block; height:3.6rem; line-height:4.6rem;}
.ysks table tr td img{ display:block; margin:0 auto; outline:none; border:none; width:100%; vertical-align:bottom;  }


/*-----------------------hot--*/
.same{ width:100%; overflow:hidden;}
.same h4{ text-align:left; color:#4e4e4e; font-size:2rem; line-height:7rem; font-weight:bold; overflow:hidden;}
.same h4 a{ float:right; color:#ff771c; font-weight:normal; font-size:1.75rem;}
.hot_cor table{ width:100%; text-align:center; margin-bottom:1.25rem;}
.hot_cor table tr:nth-child(1) td:nth-child(1){ width:9.75rem;   border-right:6px solid #f4f4f4;}
.hot_cor table tr:nth-child(1) td:nth-child(1) a{ padding:0;}

.hot_cor table tr td{ background:#FFF; border:1px solid #f4f4f4; width:38.025%; height:7rem;}

.hot_cor table tr td a{  background:#FFF; height:100%; color:#4e4e4e; font-size:1.5rem; line-height:2rem; }
.hot_cor table tr td img{ width:9.75rem;  height:14rem;}
.hot_cor table tr td i{ color:#ff771c; font-size:1.5rem; line-height:2rem; }
.hot_cor table#bm_cor tr:nth-child(1) td:nth-child(1){ width:9.75rem;   border-right:6px solid #f4f4f4;}
.hot_cor table#bm_cor tr td { width:76.05%;}
.hot_cor table#bm_cor tr td i{color:#6c95ed;}
.hot_cor table:nth-child(4) tr td img{ height:8rem;}

.hot_cor table#global_cor tr:nth-child(1) td:nth-child(1){ width:9.75rem;   border-right:6px solid #f4f4f4;}
.hot_cor table#global_cor tr td { width:25.35%;}



.mid_banner{ width:100%; padding-bottom:1rem;}
.mid_banner img{ width:100%;}


/*-----------------------activity--*/


.act_ct{ width:100%; overflow:hidden;}
.act_ct dl{ width:100%; overflow:hidden; border-bottom:2px solid #FFF;}
.act_ct dl dt{width:100%; background:#ff771c;}
.act_ct dl dt h6{ width:91.54%; margin:0 auto; padding:1.43rem 0; color:#FFF; font-size:1.65rem; font-weight:bold;}
.act_ct dl dt h6 b{ display:inline-block; width:1.625rem; vertical-align:middle; margin-right:0.4rem;}
.act_ct dl dt h6 p{display:inline-block;width:83%;overflow:hidden;vertical-align: middle;height:1.9rem; line-height:1.9rem;}
.act_ct dl dt h6 b img{ width:100%; height:auto;}
.act_ct dl dt h6 i{ -webkit-transition:all 0.8s ease-in-out; float:right; width:2.4375rem; margin:0.6rem auto; height:1.25rem; background:url(../images_new/icon/white_san.png) no-repeat; background-size:100% 100%;}
.act_ct dl dt h6 i.se{ -webkit-transform:rotate(-180deg);  background:url(../images_new/icon/yellow_san.png) no-repeat; background-size:100% 100%;}
.act_ct dl dd{ width:100%; overflow:hidden; padding:2.3rem 4.5% 1rem; box-sizing:border-box; background:#FFF;}
.act_ct dl dd p{ color:#4e4e4e; font-size:1.75rem; line-height:2.85rem;}
.act_ct dl dd p i{ color:#ff771c;}
.act_ct dl dd a{ display:block; width:50%; height:3rem; line-height:3rem; text-align:center; border-radius:2.3rem; margin:1.2rem auto; color:#ff771c; border:1px solid #ff771c; font-size:1.75rem;}



/*-----------------------ms--*/
.ms{ width:94.67%; margin:0 auto; overflow:hidden;}
.ms_box{ width:100%; overflow:hidden; padding-bottom:4rem; }
.ms_pic{ 	width: 100%;
	position: relative;
	z-index:1;
}
#ms-scroll .hd{ bottom:-2.8rem; right:auto; width:100%;}
#ms-scroll .hd ul li{ float:none; display:inline-block; background:#d2d2d2; -webkit-transition:all 0.4s ease-in-out; width:1.5rem; height:1.5rem; border-radius:0.75rem;}
#ms-scroll .hd ul li.on{ background:#ff771c; width:4.5rem;}
#ms-scroll{ width:100%; background:#ffffff; padding:2rem 1rem; box-sizing:border-box; border-radius:8px;}
#ms-scroll .bd ul li dl{ width:49%; overflow:hidden; float:left; border-left:1px solid #ebebeb;  border-bottom:1px solid #ebebeb; padding-top:2rem;}
#ms-scroll .bd ul li dl dt{ width:64.7%; overflow:hidden; margin:0 auto;}
#ms-scroll .bd ul li dl dd{ width:100%; overflow:hidden; padding:1rem 1.4rem; box-sizing:border-box;}
#ms-scroll .bd ul li dl dd h6{ width:100%; text-align:center; color:#4e4e4e; font-size:1.625rem; overflow:hidden; line-height:2.2rem;}
#ms-scroll .bd ul li dl dd h6 i{ display:inline-block; width:2.125rem; height:2.125rem; margin-right:1rem; vertical-align:middle;}
#ms-scroll .bd ul li dl dd span{ display:block; width:100%; text-align:center; color:#4e4e4e; font-size:1.625rem; line-height:2.5rem;}
#ms-scroll .bd ul li dl dd p{ color:#7d7d7d; font-size:1.2rem; line-height:2.5rem; text-align:center;}
#ms-scroll .bd ul li a:nth-child(1) dl{ border-left:0px;}
#ms-scroll .bd ul li a:nth-child(3) dl{ border-left:0px; border-bottom:0px;}
#ms-scroll .bd ul li a:nth-child(4) dl{ border-bottom:0px;}



/*-----------------------twentyone--*/
.twentyone{ width:100%; overflow:hidden; padding-bottom:3.125rem;}
.twentyone dl{ float:left; width:49.57%; height:10rem; padding:1.4rem 0 0 1rem; box-sizing:border-box; overflow:hidden; background:#fff1e8; margin:0 0.86% 0.86% 0; position:relative;}
.twentyone dl:nth-child(2),.twentyone dl:nth-child(4),.twentyone dl:nth-child(6){ margin-right:0px;}
.twentyone dl dt{  color:#ff771c; font-size:1.625rem; font-weight:bold; line-height:3rem; position:relative; z-index:2;}
.twentyone dl dd img{ position:absolute; right:0px; top:0.4rem; width:40%; height:auto; position:absolute; z-index:0;}
.twentyone dl dd{ color:#4e4e4e; font-size:1.2rem; line-height:1.5rem; text-align:left; }
.twentyone dl dd.word21{ position:relative; z-index:2;}


/*-----------------------bkgl--*/
.bkgl_box{ width:94.67%; margin:0 auto; overflow:hidden; padding-bottom:70px;}
.bkgl_box .hd{ width:100%; overflow:hidden;}
.bkgl_box .hd h4{ float:left; text-align:left; color:#4e4e4e; font-size:2rem; line-height:7rem; font-weight:bold; overflow:hidden;}
.bkgl_box .hd ul{ float:right; line-height:7rem; overflow:hidden;}
.bkgl_box .hd ul li{ color:#656565; font-size:1.8rem; padding:0 0.6rem; float:left; text-align:center;}
.bkgl_box .hd ul li.on{ color:#ff771c; font-weight:bold;}

.tempWrap_bk{ width:100%; overflow:hidden; background:#FFF; border-radius:8px;  box-sizing:border-box;}
.tempWrap_bk ul li{width:95%; height:6.625rem; border-bottom:1px solid #eeeeee; padding-top:1.2rem; padding-bottom:1.375rem; margin:0 auto; overflow:hidden;}
.tempWrap_bk ul li dd{float:left; width:100%; height:6.625rem; overflow:hidden; position:relative;}
.tempWrap_bk ul li dd p{width:100%;  line-height:2rem; color:#4e4e4e; font-size:1.75rem;}
.tempWrap_bk ul li dd span{position:absolute; left:0px; bottom:0; color:#767676; font-size:1.375rem;}
.tempWrap_bk ul li dt{float:right; width:33%; height:6.625rem;}
.tempWrap_bk ul li dt img{width:100%; height:auto;}

.tempWrap_bk ul li.on_img dd{width:66.6%;}
.tempWrap_bk ul li.three_img{height:12.5rem;}
.tempWrap_bk ul li.three_img dd{float:none;}
.tempWrap_bk ul li.three_img dt{float:none; display:block; width:100%; margin-top:1rem;}
.tempWrap_bk ul li.three_img dt img{float:left; width:32.6%; height:auto; margin-right:1%;}
.tempWrap_bk ul li.three_img dt img:nth-child(3){ margin-right:0px;}



/*-----------------------footer--*/
.foot_nav{ width:100%; overflow:hidden; position:fixed; left:0px; bottom:50px; z-index:100;}
.foot_nav a{ float:left; width:19.6%; margin-right:0.4%; overflow:hidden; background:#ff771c; padding-top:1rem; font-size:1.5rem; line-height:2.2rem; color:#FFF; text-align:center; padding-bottom:0.2rem;}
.foot_nav a i{ display:block; width:2rem; margin:0 auto; overflow:hidden; height:2rem;}
.foot_nav a i img{ display:block; vertical-align:middle; margin:0 auto; }
.foot_nav a:nth-child(5){ border-right:0px;}




/*----------erji_header-----------------*/
.erji_header{width:100%; position:relative; z-index:5; background:#fff;}
.erji_header p{width:24%; height:3.3rem; line-height:3.3rem; float:left; border-left:1px solid #e5e5e5; margin-left:4%; padding-left:4.2%; font-size:2rem;}
.erji_header span{margin-right:0.8rem;}
.erji_header font{float:right; width:2.8rem; height:auto;}


/*----------erji_banner----------------*/
.erji_banner{width:100%; height:auto;}
.erji_banner img{width:100%; height:auto;}


/*----------erji_nav----------------*/
.topmenu{width:100%; height:4.5rem; background:#fff; position:relative; z-index:2;}
.swiper-slide{width: auto!important;}
.topmenu .swiper-wrapper a{padding:0 1rem; line-height:4.5rem; color:#151515; font-size:1.6rem;}
.topmenu .swiper-wrapper a.se{color:#ff771c;}

.topmenu a.more{position:absolute; width:4.75rem; right:0px; top:6px; z-index:2;}



#all_clum{ -webkit-transition:all 0.4s ease-in-out; width:100%; height:100%; background:url(../images_new/icon/black_bg.png) repeat; left:0px; top:100%; z-index:10; position:fixed; z-index:102; }
#all_clum div{width:100%; height:100%; background:url(../images_new/icon/black_bg.png) repeat; overflow:hidden;  }
#all_clum.show{ top:0px;

  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;


}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


#all_clum dl{ width:85.6%; margin:0 auto; overflow:hidden; height:27rem; background:#FFF; border-radius:6px; position:absolute; left:50%; margin-left:-42.8%; top:50%; margin-top:-9rem;}
#all_clum dl dt{ width:100%; height:5.875rem; line-height:5.875rem; text-align:center; position:relative; font-weight:bold; color:#ff771c; border:1px solid #f4f4f4; font-size:2.5rem;}
#all_clum dl i{ position:absolute; width:1.2rem; height:1.2rem; line-height:1.2rem; text-align:center; font-size:2rem; color:#d3d3d3; top:1rem; right:1rem; font-weight:normal;}
#all_clum dl dd{ width:100%; overflow:hidden; padding:3rem 3rem; box-sizing:border-box;}
#all_clum dl dd a{ display:inline-block; color:#ff771c; font-size:1.75rem; padding:0.8rem 1rem; background:#f4f4f4; margin-bottom:0.4rem;}
#all_clum dl dd a:nth-child(3){ margin-right:0px;}




/*---------------------------gedu_course---------------*/
.gedu_course{width:94.66%; margin:0 auto; margin-top:1.875rem;}
.gedu_course table{ width:100%; overflow:hidden; text-align:center; table-layout : fixed}
.gedu_course table tr td{ height:6rem; background:#ff771c; font-size:1.6rem;}
.gedu_course table tr td a{color:#FFF; }

/*---------------------------gedu_course2---------------*/
.gedu_course2{width:94.66%; margin:0 auto; margin-top:1.875rem;}

.gedu_course2 table{ width:100%; overflow:hidden; text-align:center; table-layout : fixed}
.gedu_course2 table tr td{ height:6rem; background:#007ecd; font-size:1.6rem;}
.gedu_course2 table tr td a{color:#FFF; }




.course_center2{width:100%; height:5rem; overflow:hidden; margin-bottom:0.3rem;}
.course_center2 li{float:left; width:24.2%; height:5.5rem; line-height:5.5rem; background:#fff; overflow:hidden; text-align:center; margin-right:0.26rem; margin-bottom:0.38rem;}
.course_center2 li a{color:#007ecd; font-size:1.55rem; width:100%; height:100%; line-height:1.8rem; padding-top:1rem; display:block;}


.course_bottom2{width:98.8%; height:5rem; overflow:hidden; background:#fff; padding:0.4rem 0.1rem;}
.course_bottom2 li{float:left; width:32%; height:100%; background:#e5f2fa; overflow:hidden; text-align:center; margin-left:1%; margin-bottom:0.38rem;}
.course_bottom2 li a{color:#007ecd; font-size:1.55rem; width:100%; height:100%; line-height:1.8rem; padding-top:0.8rem; display:block;}


/*---------------------------gedu_course3---------------*/
.gedu_course3{width:94.66%; margin:0 auto; margin-top:1.875rem;}

.course_top3{width:100%; height:12rem; overflow:hidden; margin-bottom:0.3rem;}
.course_top3 li{float:left; width:32.6%; height:4.5rem; padding-top:1rem; line-height:1.8rem; background:#fff; overflow:hidden; text-align:center; margin-right:0.26rem; margin-bottom:0.38rem;}
.course_top3 li a{color:#c76dc7; font-size:1.75rem; width:100%; height:100%; display:block;}
.course_top3 li a font{font-size:2.2rem;}
.course_top3 li.co_one{background:#c76dc7; width:49.4%; height:4.8rem;}
.course_top3 li.co_two{width:49.4%; font-weight:bold; height:4.8rem; margin-right:0;}
.course_top3 li.co_one a{color:#fff; font-weight:bold;}
.course_top3 li.co_last{line-height:3.4rem; margin-right:0;}

/*---------------------------gedu_course4---------------*/
.gedu_course4{width:94.66%; margin:0 auto; margin-top:1.875rem;}

.gedu_course4 ul{width:100%; height:20rem; overflow:hidden; margin-bottom:0.3rem;}
.gedu_course4 ul li{float:left; width:32.7%; height:4.5rem; padding-top:1rem; line-height:1.8rem; background:#fff; overflow:hidden; text-align:center; margin-right:0.26rem; margin-bottom:0.38rem;}
.gedu_course4 ul li a{color:#09d4a1; font-size:1.75rem; width:100%; height:100%; display:block;}

.gedu_course4 ul li.co_one{width:35.9%; height:9rem; background:none; padding-top:0;}
.gedu_course4 ul li.co_one a{width:100%; height:3.9rem; padding-top:0.4rem; background:#09d4a1; margin-bottom:0.38rem; color:#fff; font-weight:bold;}
.gedu_course4 ul li.co_lang{width:20.5%; height:6.7rem; padding-top:2.4rem;}




/*------------------------recom_course----------------*/
.recom_course{background:#fff; padding-top:1.75rem; padding-bottom:3.125rem;}

.recom_course .title{text-align:center;}
.recom_course .title h3{ display:inline-block; height:4.375rem; line-height:4.375rem; color:#4e4e4e; font-size:1.875rem; font-family:arial; font-weight:bold;}
.recom_course .title h3 i{ width:1.875rem; height:2.625rem; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:0.75rem;}

.recom_course .principal ul{overflow:auto; display:box; display:-webkit-box; margin-left:1.25rem;}
.recom_course .principal ul li{height:11.625rem; width:42%; border:1px solid #eeeeee; border-top:3px solid #eeeeee; margin-right:0.625rem; position:relative;}
.recom_course .principal ul li h4{color:#ff771c; width:86%; margin:0 auto; overflow:hidden; height:4.25rem; font-size:1.625rem; line-height:4.25rem;}
.recom_course .principal ul li p{width:86%; overflow:hidden; margin:0 auto; text-align:left; height:1.5rem; line-height:1.5rem; color:#767676; font-size:1.125rem;}
.recom_course .principal ul li p i{width:1.125rem; height:1.125rem; margin-right:0.375rem; display:inline-block; vertical-align:top; padding-top:2px;}
.recom_course .principal ul li h5{color:#ff771c; font-size:1.25rem; position:absolute; left:6%; bottom:1.625rem;}
.recom_course .principal ul li h5 font{font-size:1.625rem;}
.recom_course .principal ul li span{height:1.625rem; line-height:1.625rem; background:#ff771c; border-radius:0.81rem; color:#fff; font-size:1.125rem; position:absolute; right:6%; bottom:1.625rem; padding:0 0.4rem;}


.recom_course .dean ul{overflow:auto; display:box; display:-webkit-box; margin-left:1.25rem;}
.recom_course .dean ul li{height:11.625rem; width:42%; border:1px solid #eeeeee; border-top:3px solid #6c95ed; margin-right:0.625rem; position:relative;}
.recom_course .dean ul li h4{color:#6c95ed; width:86%; margin:0 auto; overflow:hidden; height:4.25rem; font-size:1.625rem; line-height:4.25rem;}
.recom_course .dean ul li p{width:86%; overflow:hidden; margin:0 auto; text-align:left; height:1.5rem; line-height:1.5rem; color:#767676; font-size:1.125rem;}
.recom_course .dean ul li p i{width:1.125rem; height:1.125rem; margin-right:0.375rem; display:inline-block; vertical-align:top; padding-top:2px;}
.recom_course .dean ul li h5{color:#6c95ed; font-size:1.25rem; position:absolute; left:6%; bottom:1.625rem;}
.recom_course .dean ul li h5 font{font-size:1.625rem;}
.recom_course .dean ul li span{height:1.625rem; line-height:1.625rem; background:#6c95ed; border-radius:0.81rem; color:#fff; font-size:1.125rem; position:absolute; right:6%; bottom:1.625rem; padding:0 0.4rem;}



/*-------------------------------course_main--------------------------*/
.course_main{width:100%; overflow:hidden; padding:2rem 0; background:#fff; margin-top:0.625rem; margin-bottom:11rem;}

.cour_list1{width:94.6%; height:9.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list1 dt{width:17.8%; height:8.5rem; line-height:2.375rem; text-align:center; padding-top:1.25rem; float:left; overflow:hidden; background:#ff771c;}
.cour_list1 dt a{color:#fff; font-size:1.625rem;}
.cour_list1 dt a font{font-size:1.875rem;}
.cour_list1 dd{width:74%; height:7.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list1 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list1 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list1 dd ul li a{color:#767676; font-size:1.375rem;}

.cour_list2{width:94.6%; height:16.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list2 dt{width:17.8%; height:12.5rem; line-height:2.375rem; text-align:center; padding-top:4.25rem; float:left; overflow:hidden; background:#6c95ed;}
.cour_list2 dt a{color:#fff; font-size:1.625rem;}
.cour_list2 dt a font{font-size:1.875rem;}
.cour_list2 dd{width:74%; height:14.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list2 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list2 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list2 dd ul li a{color:#767676; font-size:1.375rem;}


.cour_list3{width:94.6%; height:9.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list3 dt{width:17.8%; height:8.5rem; line-height:2.375rem; text-align:center; padding-top:1.25rem; float:left; overflow:hidden; background:#f76c71;}
.cour_list3 dt a{color:#fff; font-size:1.625rem;}
.cour_list3 dt a font{font-size:1.875rem;}
.cour_list3 dd{width:74%; height:7.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list3 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list3 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list3 dd ul li a{color:#767676; font-size:1.375rem;}


.cour_list4{width:94.6%; height:16.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list4 dt{width:17.8%; height:12.5rem; line-height:2.375rem; text-align:center; padding-top:4.25rem; float:left; overflow:hidden; background:#ff771c;}
.cour_list4 dt a{color:#fff; font-size:1.625rem;}
.cour_list4 dt a font{font-size:1.875rem;}
.cour_list4 dd{width:74%; height:14.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list4 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list4 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list4 dd ul li a{color:#767676; font-size:1.375rem;}


.cour_list5{width:94.6%; height:9.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list5 dt{width:17.8%; height:8.5rem; line-height:2.375rem; text-align:center; padding-top:1.25rem; float:left; overflow:hidden; background:#6c95ed;}
.cour_list5 dt a{color:#fff; font-size:1.625rem;}
.cour_list5 dt a font{font-size:1.875rem;}
.cour_list5 dd{width:74%; height:7.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list5 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list5 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list5 dd ul li a{color:#767676; font-size:1.375rem;}


.cour_list6{width:94.6%; height:9.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list6 dt{width:17.8%; height:8.5rem; line-height:2.375rem; text-align:center; padding-top:1.25rem; float:left; overflow:hidden; background:#f76c71;}
.cour_list6 dt a{color:#fff; font-size:1.625rem;}
.cour_list6 dt a font{font-size:1.875rem;}
.cour_list6 dd{width:74%; height:7.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list6 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list6 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list6 dd ul li a{color:#767676; font-size:1.375rem;}

.cour_list7{width:94.6%; height:16.75rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list7 dt{width:17.8%; height:12.5rem; line-height:2.375rem; text-align:center; padding-top:4.25rem; float:left; overflow:hidden; background:#ff771c;}
.cour_list7 dt a{color:#fff; font-size:1.625rem;}
.cour_list7 dt a font{font-size:1.875rem;}
.cour_list7 dd{width:74%; height:14.75rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list7 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list7 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list7 dd ul li a{color:#767676; font-size:1.375rem;}


.cour_list8{width:94.6%; height:4.65rem; margin:0 auto; margin-bottom:0.625rem;}
.cour_list8 dt{width:17.8%; height:4.3rem; line-height:1.775rem; text-align:center; padding-top:0.4rem; float:left; overflow:hidden; background:#007ecd;}
.cour_list8 dt a{color:#fff; font-size:1.625rem;}
.cour_list8 dt a font{font-size:1.875rem;}
.cour_list8 dd{width:74%; height:2.6rem; padding:1rem; border:1px solid #eeeeee; float:right; overflow:hidden;}
.cour_list8 dd ul li{width:50%; height:2.375rem; line-height:2.375rem; float:left; overflow:hidden;}
.cour_list8 dd ul li i{display:inline-block; vertical-align:top; padding-top:1rem; margin-right:0.4rem;}
.cour_list8 dd ul li a{color:#767676; font-size:1.375rem;}


/*-------------------news_list----------------------资讯列表页面*/
.news_list{width:94.6%; height:auto; padding-bottom:11rem; margin:0 auto;}
.news_list ul li{width:100%; height:6.625rem; border-bottom:1px solid #eeeeee; padding-top:1.2rem; padding-bottom:1.375rem;}
.news_list ul li dd{float:left; width:100%; height:6.625rem; overflow:hidden; position:relative;}
.news_list ul li dd p{width:100%;  line-height:2rem; color:#4e4e4e; font-size:1.75rem;}
.news_list ul li dd span{position:absolute; left:0px; bottom:0; color:#767676; font-size:1.375rem;}
.news_list ul li dt{float:right; width:33%; height:6.625rem;}
.news_list ul li dt img{width:100%; height:auto;}

.news_list ul li.on_img dd{width:66.6%;}
.news_list ul li.three_img{height:12.5rem;}
.news_list ul li.three_img dd{float:none;}
.news_list ul li.three_img dt{float:none; display:block; width:100%; margin-top:1rem;}
.news_list ul li.three_img dt img{float:left; width:32.6%; height:auto; margin-right:1%;}
.news_list ul li.three_img dt img:nth-child(3){ margin-right:0px;}


/*-------------------new_content----------------------资讯详情页面*/
.con_nav{width:74%; height:4.5rem;  line-height:4.5rem; overflow:hidden; position:absolute; left:0px; top:0px; margin-left:2%;}
.con_nav i{width:2.5rem; height:2.4rem; float:left; margin-top:1.2rem; border-right:1px solid #eeeeee; padding-right:0.8rem;}
.con_nav a{float:left; color:#292929; font-size:2rem; margin:0 0.8rem;}
.con_nav span{float:left; color:#292929; font-size:2rem;}

.new_content{width:100%; height:auto; margin:0 auto; padding-bottom:2rem; border-bottom:4px solid #ededed;}

.con_title{width:94.6%; padding-top:2rem; margin:0 auto; line-height:3rem; color:#292929; font-size:2rem; text-align:center; font-weight:bold;}

.con_date{width:94.6%; height:3.75rem; line-height:3.75rem; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
.con_date p{float:left; color:#949494; font-size:1.5rem;}
.con_date span{float:left; margin-left:1rem; color:#949494; font-size:1.5rem;}

.con_main{width:94.6%; height:auto; padding-bottom:2rem; margin:0 auto;}
.con_main p{line-height:2.8rem; color:#292929; font-size:1.675rem;}
 
 
/*--------------名师内容页面----------------*/ 
.new_content dl{ width:100%; overflow:hidden; margin:0 auto; padding-top:2rem; background:#f4f4f4; margin-bottom:1rem;}
.new_content dl dt{ width:36%; overflow:hidden; margin:0 auto;}
.new_content dl dt img{width:100%; height:auto;}
.new_content dl dd{ width:100%; overflow:hidden; padding:1rem 0; box-sizing:border-box;}
.new_content dl dd h6{ width:100%; text-align:center; color:#4e4e4e; font-size:1.625rem; overflow:hidden; line-height:2.2rem;}
.new_content dl dd h6 i{ display:inline-block; width:2.125rem; height:2.125rem; margin-right:1rem; vertical-align:middle;}
.new_content dl dd span{ display:block; width:100%; text-align:center; color:#4e4e4e; font-size:1.625rem; line-height:2.5rem;}
 
 
.btn_main_con{width:100%; height:3.45rem; overflow:hidden; text-align:center; margin:2rem 0 0 0;} 
.btn_main_con a{display:inline-block; width:23%; margin-left:1%; height:2.4rem; line-height:2.4rem; text-indent:5%; color:#fff; font-size:1.2rem;}

.btn_main_con a.couse_sea{background:url(../images_new/icon/course_sea.png) no-repeat; background-size:100% 100%;}
.btn_main_con a.zx_chat{background:url(../images_new/icon/zx_chat.png) no-repeat; background-size:100% 100%;}
.btn_main_con a#we_chat{background:url(../images_new/icon/we_chat2.png) no-repeat; background-size:100% 100%;}
.btn_main_con a.exam_btn{background:url(../images_new/icon/exam_btn.png) no-repeat; background-size:100% 100%;}
 
 
/*加老师微信弹窗*/
#wechat_bg{width:100%; height:100%; background:#000; opacity:0.6; position:fixed; top:0px; left:0px; z-index:10; display:none;}

#wechat_main{width:250px; height:228px; border-radius:4px; background:#fff; display:none; position:fixed; top:50%; margin-top:-90px; left:50%; margin-left:-125px; z-index:11; box-shadow:0px 0px 70px #000;}
#wechat_main h2{width:100%; line-height:40px; text-align:center; color:#333; font-size:16px; font-family:'微软雅黑'; font-weight:bold;}
#wechat_main iframe{display:block; width:206px; height:165px; overflow:hidden; margin:0 auto;}

#wechat_main span{color:#cccccc; font-size:20px; position:absolute; top:4px; right:20px; cursor:pointer; font-weight:bold;}


 
 
 

/*-------------------teacher_list----------------------名师列表页面*/
.teacher_list{width:94.6%; height:auto; display:inline-block; margin-left:2.3%; padding-bottom:11rem;}
.teacher_list ul li{ width:50%; overflow:hidden; float:left; padding-top:2rem;}
.teacher_list ul li dl dt{ width:64.7%; overflow:hidden; margin:0 auto;}
.teacher_list ul li dl dd{ width:100%; overflow:hidden; padding:1rem 1.4rem; box-sizing:border-box;}
.teacher_list ul li dl dd h6{ width:100%; text-align:center; color:#4e4e4e; font-size:1.625rem; overflow:hidden; line-height:2.2rem;}
.teacher_list ul li dl dd h6 i{ display:inline-block; width:2.125rem; height:2.125rem; margin-right:1rem; vertical-align:middle;}
.teacher_list ul li dl dd span{ display:block; width:100%; text-align:center; color:#4e4e4e; font-size:1.625rem; line-height:2.5rem;}
.teacher_list ul li dl dd p{ color:#7d7d7d; font-size:1.2rem; line-height:2.5rem; height:5rem; overflow:hidden; text-align:center;}





.jj_date{width:94.6%; height:5.625rem; overflow:hidden; margin:0 auto; background:#fff1e8; margin-top:1.6rem; margin-bottom:2rem;}
.jj_date p{width:33%; padding-top:1.125rem; height:4.5rem; border-right:1px solid #fff; color:#ff771c; font-size:1.375rem; line-height:1.6rem; float:left; text-align:center;}

#fenx_btn{width:33%; float:left; text-indent:2.2rem; height:5.625rem; line-height:5.625rem; color:#ff771c; font-size:1.875rem;}
#fenx_btn i{width:1.5rem; height:1.875rem; display:inline-block; vertical-align:middle; margin-right:1rem;}
#fenx_btn i img{display:block;}
.jj_date a.down_btn{width:32.3%; float:right; padding-top:1.125rem; height:4.5rem; background:#ff771c; color:#fff; font-size:1.625rem; text-align:center;}
.jj_date a.down_btn font{font-size:1.2rem; color:#fce531;}


.new_c_form{width:94.6%; background:#fff1e8; margin:0 auto;}
.new_c_form h3{width:100%; line-height:5rem; color:#ff831f; font-size:1.8rem; text-align:center;}
.new_c_form iframe{width:315px; height:230px; overflow:hidden; display:block; margin:0 auto;}

#share_bg{width:100%; height:100%; position:fixed; top:100%; left:0px; background:#000; opacity:0.3; z-index:9147483647; -webkit-transition:all 0.4s ease-in-out;}

#share_main{width:100%; height:13rem; padding-top:3rem; overflow:hidden; position:fixed; bottom:-100%; left:0; background:#fff; z-index:9147483648; -webkit-transition:all 0.4s ease-in-out;}
#share_main ul{width:100%; height:7rem; text-align:center;}
#share_main ul li{display:inline-block; margin-left:2rem; width:6rem; height:7rem;}
#share_main ul li a{width:5rem; height:5rem; overflow:hidden; display:block; margin:0 auto;}
#share_main ul li p{width:100%; line-height:2rem; text-align:center; color:#323232; font-size:1.2rem;}
#share_close{width:100%; height:4rem; line-height:4rem; text-align:center; background:#f0f0f0; color:#323232; font-size:1.875rem; position:absolute; bottom:0px; left:0px;}

#share_bg.show{ top:0px;

  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;

}
#share_main.show{ bottom:50px;

  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;

}

#link_val{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.wx_share_tip{
    position: fixed;
    right: 0.4rem;
    top: 0.3rem;
    z-index: 10001;
    display: none;
}
.wx_share_tip img{
    width: 1.8rem;
}


.exam_banner{width:94.6%; height:auto; margin:0 auto; display:block;}
.exam_banner img{width:100%; height:auto;}















/*----------------------课程列表------------------------*/

.kecheng{
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom:150px;
}

.kecheng_top{
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	border-bottom: 1px solid #c2c2c2;
	border-left: 10px solid #ff771c;
	box-sizing: border-box;
}
.course_head{
	 border:none;
	  text-align:center;
		
}
.cour_list_head{width: 100%;
	height: 6rem;
	background: #ff771c;
	box-sizing: border-box;}
.logo_head{ text-align:center; box-sizing:border-box; position:relative; width:100%; height:6rem;}
.logo_head a{ display:inline-block; width:6rem; vertical-align:middle; margin-right:1rem; }
.logo_head a img{ width:100%; height:auto;}
.logo_head span{ line-height:6rem; color:#FFF; font-size:1.8rem; display:inline-block;}
.logo_head #go_back{  font-size:2.6rem; line-height:6rem; color:#FFF; width:3rem; display:block; text-align:center; position:absolute; left:0px; bottom:0px;}


.kecheng_top h3{
	font-size: 2rem;
	color: #ff771c;
	float: left;
	text-indent:2rem;
}
.course_head h3{ text-indent:0px;}


.kecheng_top a{
	font-size: 1.5rem;
	float: right;
	padding-right: 4rem;
	position: relative;
}

.kecheng_top a:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 1.6rem;
	width: 1.4rem;
	height: 1.4rem;
	background:url(../images_new/icon/more_bg.png) no-repeat;
	transform: translate(-50%,0);
	-webkit-transform: translate(0,-50%);
	background-size:100% 100%;
	
}

.kecheng_bottom ul li{
	width: 100%;
	height: 5rem;
	border-bottom: 1px solid #c2c2c2;
	padding-left: 3rem;
	box-sizing: border-box;
	position: relative;
}

.kecheng_bottom ul li:last-child{
	border: 0;
}

.kecheng_bottom ul li p{
	float: left;
	font-size: 1.75rem;
	color: #282828;
	line-height: 5rem;
	width: 57%;
	overflow: hidden;
	color: #282828;
	height:5rem;
	text-indent:1rem;

}

.kecheng_bottom ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 30px;
	width: 5px;
	height: 5px;
	background: #ff771c;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

.kecheng_bottom ul li i{
	float: left;
	margin-top: 28px;
	width: 62px;
	height: 28px;
	line-height: 28px;
	background: #fe525d;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.kecheng_bottom ul li span{
	float: right;
	width: 5rem;
	height: 2.6rem;
	line-height:  2.6rem;
	text-align: center;
	background: #ff9f23;
	margin-right: 1rem;
	border-radius: 8px;
	margin-top: 17px;
	font-size: 1.75rem;
	color: #fff;
}

.kecheng_bottom ul li span a{
    color: #fff;
}

.kecheng_bottom ul li span.purple{
	background-color: #007ecd;
}



/*--------------------------------------map*/


.map{ width:100%; height:80%; overflow:hidden; position:relative; z-index:1;}
#allmap{width:100%;height:100%;}
#r-result{ -webkit-transition:all 0.4s ease-in-out; position:absolute; overflow:hidden; display:none;  left:50%; bottom:80px; background:#FFF; width:94.4%; margin-left:-47.2%;  height:7rem; border-radius:12px;}

#r-result dl{ width:100%; height:100%; box-sizing:border-box;  height:7rem;  padding-left:6%; position:relative; background:#FFF; overflow:hidden;}
#r-result dl dt{ float:left; width:79%; border-left:3px solid #ff771c; font-size:1rem; line-height:1.4rem; overflow:hidden; height:5rem; margin:1rem auto; padding-left:1rem; box-sizing:border-box;}
#r-result dl dt i{ display:block; color:#ff771c; font-weight:bold; font-size:1.4rem; line-height:1.6rem;}
#r-result dl dd{ float:right; width:20%; box-sizing:border-box;}
#r-result dl dd a{ float:right; background:#ff771c; width:100%;  padding-top:1.4rem; height:5.6rem;   border-top-right-radius:12px; border-bottom-right-radius:12px;  color:#FFF; text-align:center;  line-height:20px;}

#r-result.se{
	display:block;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}


@media screen and (max-width:376px) {
html {
	font-size: 62.5% !important;
}
.ysks table tr td span{ height:2.8rem; line-height:2.8rem;}
#ms-scroll .bd ul li dl dd{padding:0.8rem;}
#ms-scroll .bd ul li dl dd span{ font-size:1.4rem;}
#ms-scroll .bd ul li dl dd p{ font-size:1rem;}

#mask dl dd a{ padding:0.4rem 0.8rem;}

.act_ct dl dd a{ height:2.4rem; line-height:2.4rem;}

#ms-scroll .hd ul li{ width:1.2rem; height:1.2rem;}
.fx_school{ width:22%;}


.erji_header p{margin-left:0;}
.head_mid span{width:8rem;}
.erji_header font{width:2.6rem;}

#all_clum dl dd a{padding:0.8rem 1.3rem; font-size:1.75rem;}

.gedu_course{margin-top:1.475rem;}
.course_top{height:11rem;}
.course_top li.co_one{height:11rem;}
.course_top li.co_one a{padding-top:4rem; font-size:1.45rem; line-height:2rem;}
.course_top li.co_two{height:11rem;}
.course_top li.co_two a{padding-top:4.2rem; font-size:1.35rem; line-height:2rem;}
.course_top li{width:15%; height:5.3rem;}
.course_top li a{ font-size:1.35rem; line-height:1.4rem;}
.course_bottom span a{font-size:1.55rem;}

.cour_list1 dt a{font-size:1rem;}
.cour_list2 dt a{font-size:1rem;}
.cour_list3 dt a{font-size:1rem;}
.cour_list4 dt a{font-size:1rem;}
.cour_list5 dt a{font-size:1rem;}
.cour_list6 dt a{font-size:1rem;}
.cour_list7 dt a{font-size:1rem;}
.cour_list1 dt a font{font-size:1.5rem;}
.cour_list2 dt a font{font-size:1.5rem;}
.cour_list3 dt a font{font-size:1.5rem;}
.cour_list4 dt a font{font-size:1.5rem;}
.cour_list5 dt a font{font-size:1.5rem;}
.cour_list6 dt a font{font-size:1.5rem;}
.cour_list7 dt a font{font-size:1.5rem;}

.teacher_list ul li dl dd{padding:0.8rem;}
.teacher_list ul li dl dd span{ font-size:1.4rem;}
.teacher_list ul li dl dd p{ font-size:1rem;}

#fenx_btn{text-indent:2rem;}

.course_top2 li a{font-size:1.45rem;}
.course_center2 li a{font-size:1.45rem;}
.course_bottom2 li a{font-size:1.45rem;}

.gedu_course4 ul li.co_lang{ width:20.4%;}
.head_mid .logo img{ width:7.4rem;}
}

@media screen and (max-width:321px) {
html {
	font-size: 56% !important;
}
.head_mid .logo img{ width:7rem; height:auto;}
.fx_school font{ font-size:1.8rem;}
.fx_school font i{ width:1.2rem;}
.ysks table tr td span{ height:2.4rem; line-height:3rem; font-size:1rem;}

#mask dl dd a{ padding:0.4rem 0.4rem; margin-right:0.6%;}
.hot_ct p a{ margin:0 1.2% 1.2% 0;}

.act_ct dl dt h6 i{ width:1.6rem;  height:0.8rem; margin:0.4rem auto;}

.focus .hd ul li{ width:0.8rem; height:0.8rem;}
.act_ct dl dd p{ font-size:1.6rem;}
.act_ct dl dd a{ height:3rem; line-height:3rem;}
#sub_anch{ padding-top:18%;}
#ms-scroll .hd ul li{ width:0.8rem; height:0.8rem; border-radius:0.4rem;}
.foot_nav a{ padding-top:0.6rem; font-size:1rem; line-height:1.6rem;}
.foot_nav a i{ width:1.6rem;}
.gedu_course4 ul li{ width:32.6%;}
.gedu_course4 ul li.co_lang{ width:20.3%;}

.erji_header p{margin-left:0;}
.head_mid span{width:6rem;}
.erji_header font{width:2rem; margin-top:0.5rem;}
#all_clum dl dd a{padding:0.4rem 0.8rem; font-size:1.55rem;}

.recom_course .principal ul li{height:10rem;}
.recom_course .principal ul li h5 font{font-size:1.425rem;}
.recom_course .dean ul li{height:10rem;}
.recom_course .dean ul li h5 font{font-size:1.425rem;}

.recom_course2 .principal ul li{height:10rem;}
.recom_course2 .principal ul li h5 font{font-size:1.425rem;}
.recom_course2 .dean ul li{height:10rem;}
.recom_course2 .dean ul li h5 font{font-size:1.425rem;}

.cour_list1 dd{width:71%;}
.cour_list2 dd{width:71%;}
.cour_list3 dd{width:71%;}
.cour_list4 dd{width:71%;}
.cour_list5 dd{width:71%;}
.cour_list6 dd{width:71%;}
.cour_list7 dd{width:71%;}
.cour_list8 dd{width:71%;}

.cour_list1 dd ul li a{font-size:1rem;}
.cour_list2 dd ul li a{font-size:1rem;}
.cour_list3 dd ul li a{font-size:1rem;}
.cour_list4 dd ul li a{font-size:1rem;}
.cour_list5 dd ul li a{font-size:1rem;}
.cour_list6 dd ul li a{font-size:1rem;}
.cour_list7 dd ul li a{font-size:1rem;}
.cour_list8 dd ul li a{font-size:1rem;}

.cour_list1 dt a{font-size:1rem;}
.cour_list6 dt a{font-size:1rem;}


.news_list ul li.three_img{height:11.6rem;}

.teacher_list ul li dl dd{padding:0.8rem;}
.teacher_list ul li dl dd span{ font-size:1.4rem;}
.teacher_list ul li dl dd p{ font-size:1rem;}

#fenx_btn{text-indent:1.4rem;}

.btn_main_con a{font-size:1rem; height:2.2rem; line-height:2.2rem;}

.kecheng_bottom ul li p{ width:48%;}


.twentyone dl dt{  color:#ff771c; font-size:1.4rem; font-weight:bold; line-height:3rem; position:relative; z-index:2;}
.twentyone dl dd{ font-size:1rem;}

}
