@font-face {
	font-family:"SourceHanSansCNVF";
	src:url(../fonts/SourceHanSansCN-VF-2.otf) ;
}

/* 字体设置 */
.counter { font-family:"Inter-SemiBold" ; letter-spacing: -1px; }


body {
	width: 100%;
	margin: 0;
	padding: 0; 	
	line-height: 1.5;
	background: #fff;
	/* letter-spacing: 1px;"Inter-SemiBold", */
	cursor: default;
	font-family:"SourceHanSansCNVF", 微软雅黑,黑体; 
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

svg:not(:root) {  overflow: hidden;  width: 100%;}

/* h1,h2,h3,h4,h5,h6 { cursor: pointer; } */

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd { margin: 0; padding: 0;list-style: none; line-height: 1.35; }

a { font-weight: normal; display: inline-block; text-underline: none; text-decoration: none; color: #333; }

 li a ,
 dt a ,
 dd a ,
.swiper-slide a { color: #1d1d1f; display: block; width: 100%; height: 100%; text-decoration: none; position: relative; overflow: hidden;  cursor: pointer;}

 li:hover a ,
 dt:hover a ,
 dd:hover a { text-decoration: none;  }
 
 /* 内容 编辑器 */
 table { max-width: 100%; border:0 ;}
 table thead tr td,
 .firstRow td { background-color: #eee;  }
 table tr td { border:0 ; padding: .25rem .4rem;  }
 
 table tbody tr td { border-bottom: 1px #eee solid ; background-color: #fff; border-right: 1px #eee solid ;}
 table tbody tr td:last-child { border-right:none; }
 
.content table { width: 100%; height: auto; } 

button, input, optgroup, select, textarea { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

p,
.content p { font-size: .18rem; line-height: 1.5; text-align: justify;  }

input {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0) ;
}

input,button {outline:none;	border-style: none; background-color:transparent; box-shadow: none;	}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;  background-color:transparent; box-shadow: none; }
input[type="number"]{ -moz-appearance: textfield; } 

input::-webkit-autofill { 
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
 
hr { margin-top: 20px; margin-bottom: 20px; border-color: #eee; }

img ,video { border: none; max-width: 100%; object-fit: cover; } 


input[type="radio"] ,
input[type=checkbox] { border: 1px #eee solid; width: 13px; height: 13px; position: relative; }

/* input[type="radio"]:checked::after ,
input[type=checkbox]:checked::after {  content: "✓";}

input[type="radio"]:checked::after ,
input[type=checkbox]:checked::after {
    content: "✓";
    color: #6e6e73;
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
} */

input[type="radio"]::after ,
input[type=checkbox]::after {
    content: ' ';
    position: absolute;
    top: 0;
    color: #000;
    width: 100%;
    height: 100%;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    border-radius: 3px;
}


.swiper-container,
.swiper {  width: 100%;   height: 100%; }

.swiper-slide {
	text-align: center;
	font-size: 18px;	
	background-color: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.swiper-button-next , 
.swiper-button-prev {  width: 76px; height: 76px; margin: 0 20px; border: 2px #fff solid;border-radius: 50%;  }

.swiper-button-next i,
.swiper-button-prev i { width: 100%; height: 100%; }

.swiper-pagination-bullet { background-color: #f3f4f6; margin-right: 5px; opacity: 1;}
.swiper-pagination-bullet-active {  background-color:var(--theme_red);}

.swiper-button-next:hover ,
.swiper-button-prev:hover { /* background-color: rgba(148,4,7,.05); */ transition: all .3s;}

.swiper-button-next:hover i::before,
.swiper-button-next:hover i::after,
.swiper-button-prev:hover i::before,
.swiper-button-prev:hover i::after { border-color: var(--theme_red); transition: all .3s;}

.swiper-pagination-progressbar.swiper-pagination-horizontal { height: 2px; }

.swiper-button-prev:after,
.swiper-button-next:after {	color: #fff; font-size: 20px; font-weight: bold; }

.swiper-button-disabled { cursor: not-allowed !important; }


#v-windows .swiper-button-next {  right: -30px; }
#v-windows .swiper-button-prev {  left: -30px; }
#v-windows .swiper-button-prev:after { content: 'prev'; display: block; }
#v-windows .swiper-button-next:after { content: 'next'; display: block; }

.swiper-pagination-lock,
.swiper-button-lock { display: block; }

.swiper-pagination-progressbar { background-color: #a1a1a1; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: var(--theme_red); }

.slide-btn-group {
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.slide-btn-group div { 	position: relative; opacity: .5; transition: all .3s; } 
.slide-btn-group div:hover { opacity: 1; transition: all .3s; }

.slide-btn-group div::before {
	content: ""; 
	width: 25%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;	
	border-top: 2px #fff solid; 
	transform: translate(-50%,-50%) ;
	transition: all .3s;
}

.slide-btn-group div.swiper-button-prev { margin-right: 40px; }
.slide-btn-group div.swiper-button-prev::after  {
	content: "";
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	top: 50%;
	left: 28px;
	border-top: 2px #dddddd solid;
	border-right: 2px #dddddd solid;
	transform: translateY(-50%) rotate(-135deg);
	transition: all .3s;
}

.slide-btn-group div.swiper-button-next::after  {
	content: "";
	width: 11px;
	height:11px;
	display: block;
	position: absolute;
	top: 50%;
	right: 28px;	
	border-top: 2px #dddddd solid;
	border-right: 2px #dddddd solid;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}

.slide-btn-group div:hover::before ,
.slide-btn-group div:hover::after {	content: ""; opacity: 1; transition: all .3s; } 

.container {  max-width: 1866.83px; margin: auto; width: 75.55vw; min-width: 1230px;  position: relative; z-index: 1; }

/* .container { max-width: 14.5rem;   } */


/* 后台内容编辑框初始化 */
.info {	color: #313131; line-height: 1.8;  word-break: break-word;}
.info ol,
.info ul { padding-left: 15px; }
.info img { width: 100%; display: block; margin: auto;}
.course-info img { width: auto; }
ul.list-paddingleft-2 { padding-left: 20px; }

.info table { max-width: 100%; }
.info table p { display: inherit; }
.info p { text-align: left; margin-bottom: 8px; line-height: 1.6; color: #1d1d1f;  word-break: break-word;}
.info p a { display:inline; color: var(--theme_brown); }
.info b,
.info strong { color: #101010; } 

.mode-alumnus-body .table-scrolled { overflow: hidden; }
.mode-alumnus-body .table-scrolled table tr td { padding: 15px 20px; border-color: #eee; border-width: 8px; }
.mode-alumnus-body .table-scrolled table tr td:first-child { width: 25%; background-color: #f5f0ed;  }
.mode-alumnus-body .table-scrolled table tr td:first-child,
.mode-alumnus-body .table-scrolled table tr td:first-child p {  color: #9a6f4a; }
.mode-alumnus-body .table-scrolled table tr:nth-child(4) td:first-child,
.mode-alumnus-body .table-scrolled table tr:nth-child(2) td:first-child,
.mode-alumnus-body .table-scrolled table tr:nth-child(3) td:first-child { background-color: rgba(140,0,0,.1);  color: var(--theme_red); }
.mode-alumnus-body .table-scrolled table tr.firstRow td ,
.mode-alumnus-body .table-scrolled table tr:last-child td { border-bottom: none; background-color: var(--theme_red) !important; color: #fff !important; }


/* 通用箭头 */



/* 网站颜色设置 */
:root {
	--theme_red: #8c0000;	
	--theme_golden: #c5aa88; 
	--theme_brown: #9a6f4a; 
	--theme_grey: #b9b9c0;	
	--foot_bg:#101010;
	
	--mainColor:#1d1d1f;
	--subColor:#6e6e73;
	--color_desc: #b9b9c0;  
	--color_lightgrey:#f3f4f6;
	
	--border_color :#ddd;  
	--color_bai : #ffffff; 
	
	--space_15:15px;
	--space_16:16px;
	--space_20:20px;
	--space_24:24px;  
} 

.theme_red { background-color: var(--theme_red); color: #fff; }
.color_red { color: var(--theme_red); }

.theme_brown { background-color: var(--theme_brown); color: #fff; }
.color_brown { color: var(--theme_brown); }

.theme_golden { background-color: var(--theme_golden); color: #fff; }
.color_golden { color: var(--theme_golden); }

.mainColor { color: var(--mainColor);}
.color_desc,
.color_desc p { color: #a7a7af !important; }

.bg_faf8f5 { background-color:#faf8f5; }
.bg_6e6e73 { background-color:#6e6e73; }
.bg_b9b9c0 { background-color:#b9b9c0; }
.bg_f3f4f6 { background-color:#f3f4f6; }
.bg_e5e9eb { background-color:#e5e9eb; }
.bg_b69974 { background-color: #b69974; }
.bg_d4dadc { background-color: #d4dadc; } 

.color_575b5e { color: #575b5e; }
.color_6e6e73 { color: #6e6e73; }
.color_grey ,
.color_grey p { color: var(--theme_grey); }

.foot_bg { background-color: #101010; }

.bg_fff { background-color: #fff; }

/* 字体颜色 */ 
 

/* 白色 */
.color_bai {  color: var(--color_bai ); }
.color_bai ,
.color_bai * { color: #fff !important; border-color: rgba(255,255,255,.5) !important; }

.color_bai .btn-more-next::before ,
.color_bai .btn-more-next::after { border-color: #fff !important;  }



/* 其他底纹色系 */
.black_wamp {
	width: 100%;
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.bg_black { background-color: rgba(0,0,0,.15); }
.bg_black_ab {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0,0,0,.6);
}

.golden-linear-gradient { 
	background: -webkit-linear-gradient(45deg, rgba(197,170,136,1), rgba(255,255,255,0) ); 
}

.lifhtgolden-linear-gradient { 
	background: -webkit-linear-gradient(left , rgba(250,248,245,1), rgba(255,255,255,0) ); 
}

.black-linear-gradient { 
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) -10%, rgba(255,255,255,0) 21% );
}

.grey-linear-gradient { 
	background: -webkit-linear-gradient(top,rgba(215,215,219,1) , rgba(215,215,219,0) );
}

/* d7d7db */
.grey-line {
	width: 100%;
	height: 100%;
	padding-bottom: 64px;
	background:-webkit-linear-gradient(53deg,rgba(215,215,219,1) 15%,rgba(215,215,219,0)52%);
}


/* 遮罩层 */




/* 统一字体设置 */
.font-12 { font-size: .12rem;  }

.font-14 { font-size: .14rem; }

p, 
.font-16 { font-size: .16rem; }

.co-tittle span.title_en,
.font-18 { font-size: .18rem; }

.font-20,
.fix_banner_bottom ul li a * { font-size: .2rem; }

.font-22,
.stand-title-22 { font-size: .22rem; }

.font-24,
.news-tittle,
.stand-title-24 ,
.t-item dd .t-name ,
.notice-tittle { font-size: .24rem; }

.font-28 { font-size: .28rem; }

.font-30 ,
.co-tittle h3,
.faq-letter  { font-size: .3rem; }

.font-32 { font-size: .32rem; }

.font-36,
.co-tittle, 
.stand-title-detail ,
.stand-title-36 ,
.t-name { font-size: .36rem; }

.font-42 { font-size: .42rem; }

.font-48,
.counter,
.big_title ,
.innerban_title { font-size: .48rem; }

.font-60 { font-size: .6rem; }

.font-72 ,
.banner-tittle { font-size: .72rem; }
 
.font-100 { font-size: .96rem; }

 .none-padding { padding:0 !important; }

 .padding_20 { padding: .2rem; }
 .padding_up20 { padding: .2rem 0;  }
 
 .padding_30 { padding: .3rem; } 
 .padding_up30 { padding: .3rem 0;  }
 
 .padding_40 { padding: .4rem; }
 .padding_up40 { padding: .4rem 0;  }
 
 .padding_50 { padding: .5rem; }
 .padding_up50 { padding: .5rem 0 ; }
 
 .padding_60 { padding: .6rem; }
 .padding_up60 { padding: .6rem 0 ; }
 
 .padding_100 { padding: 1rem; }
 .padding_up100 { padding: 1rem 0 ; }
 
 .margin_up40 { margin: 40px auto; }
 .margin_bottom10 { margin-bottom: 10px; }
 .margin_bottom20 { margin-top: 0; margin-bottom: 20px; }
 .margin_bottom30 { margin-bottom: 30px; }
 .margin_bottom40 { margin-bottom: 40px !important; }
 .margin_bottom70 { margin-bottom: 70px; }
 .margin_bottom100 { margin-bottom: 100px; }

 .big_title { margin-bottom: 42px; }

/* 页面通用规则 */ 
.mode {  width: 100%;  overflow: hidden; padding: 1rem 0 ; position: relative; }

.dis_flex {	display: flex; flex-flow: row nowrap; justify-content: center; }

.flex-group { display: flex; justify-content: space-between; }

.grid-group { display: grid;  }



.float-left { float: left; }
.float-right { float: right; }

.position_static { position: static !important; }
.position_rela { position: relative; z-index: 1; }
.position_up { position: relative; z-index: 5; }
 
 
.sort-nums {
	display: block;
	background-color:rgba(140,0,0,.1);
	text-align: center;
	width:.7rem ;
	height: .7rem;
	text-align: center;
	line-height: .7rem;
	color: var(--theme_red);
	border-radius: 50%;
	font-size: .24rem;
}

.svg-root {
	display: flex;
	align-items: center;
	width: .7rem;
	height: .7rem;
	line-height: .7rem;
	text-align: center;
	/* background-color: rgba(140,0,0,0.1); */
	border-radius: 50%; 
} 

.svg-root:root { width: 100%; height: 100%; display: block; } 
.clearfix { clear: both; }
.phone ,
.phone-flex { display: none !important; } 

.icon { padding-left: 27px !important; background-repeat: no-repeat; background-size:auto;	background-position: 1px 60%;} 
.icon-lec-speaker { background-image: url(../img/icon/icon-lec-speaker.png); }
.icon-lec-date { background-image: url(../img/icon/icon-lec-date.png); }
.icon-lec-add { background-image: url(../img/icon/icon-lec-add.png); }


/* 固定底部 */
.position_fixed { position: fixed; top: 0; left: 0; transition: all .35s; }

.fixed-bottom { position: absolute; width: calc(100% - 30px);  bottom: 50px; z-index: 5;  }
 
.ft-bottom,
.inside-bottom { width: 100%; position: absolute; bottom: 0px; z-index: 5; }

.sm_panel .inside-bottom { bottom: 25px; }

/* 圆角 */ 
.has_boder { border: 1px #eee solid; overflow: hidden; }
.border-radius-8 { border-radius: 8px; overflow: hidden;}
.border-radius-10 { border-radius: 10px; }
.border-radius-30 { border-radius: 30px; }

.icon-plus { display: block; width: 30px; height: 30px; border-radius: 50%;  position: relative; }
.icon-plus::before,
.icon-plus::after { content: ""; position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); }
.icon-plus::before { width: 50%; border-top: 3px #fff solid; }
.icon-plus::after { height: 50%; border-left: 3px #fff solid; }




/* 通用标题 */
.co-tittle-group {  position: relative;}
.co-tittle-group a {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}
 
.co-tittle-group .normal-icon-plus { position: absolute; right: 0; top: 30%; transform: translateY(-50%); }

.co-tittle { width: 100%; position: relative; font-weight: bold; padding: 25px 0; color: var(--mainColor); margin-bottom: 20px; }
.co-tittle span { display: block; color: var(--theme_red);  } 
.co-tittle h3 {  color: var(--mainColor); cursor: default;  }
.bg_letter {  }
.bg_letter img {    
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: 3em; 
}

.btn_for_list {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 11px 18px;
	background-color: #fff;
	border-radius: 35px;
	color: #000;
	text-decoration: none;
	transition: all .35s;
}

.btn_for_list:hover {
	color: #fff;
	background-color: var(--theme_red);
	text-decoration: none;
	transition: all .35s;
}

.datenext { display: block;  width: 17px; position: relative; border-top: 2px #fff solid; margin-left: 10px; transform: translateX(-5px); transition: all .35s; }
.datenext::after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px #fff solid;
	border-right: 2px#fff solid;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-57%) rotate(45deg);
	transition: all .35s;
}

.datenext:hover { opacity: 1; transform: translateX(0px); transition: all .35s;  }

.btn_links {
    display: inline-flex;
    align-items: center;
    background-color: #f3f4f6;
    padding: 11px;
    border-radius: 30px;
    min-width: 200px;
	width: auto;
	height: auto;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: var(--mainColor);
	transition: all .35s;
} 

.btn_links span {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
	justify-content: center;
    margin-right: 15px;
    background-color: var(--theme_red);
    border-radius: 50%;
	transition: all .35s;
} 

.btn_links:hover {
	background-color: var(--theme_red);
	color: #fff;
	transition: all .35s;
}

.btn_links:hover span {
	background-color: #f3f4f6;
	transition: all .35s;
}

.btn_links:hover span .datenext ,
.btn_links:hover span .datenext::after { border-color: var(--theme_red); transition: all .35s;}

.reback_reds { background-color: transparent !important; padding: 0 !important; }
.reback_reds span { background-color: #f3f4f6 !important;}
.reback_reds:hover { color: #000 !important; }
.reback_reds:hover span  {background-color: var(--theme_red)!important; }
.reback_reds:hover span .datenext ,
.reback_reds:hover span .datenext::after  { border-color: #fff; transition: all .35s;}


.stand-title {  
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
	color: #1d1d1f; 
	overflow: hidden;
}

.t-name,
.news-tittle { 
	display: -webkit-box;
	line-height: 1.35;
	min-height: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	color: #1d1d1f;
	margin-bottom: 0.16rem;
}
.t-name { min-height: unset; display: block; }
.t-name span { display: block; font-size: 60%; }
 

/* 标题文字限制 */ 
.desc,
.txtlength_limit,
.stand-title { margin-bottom: 0.16rem; }
.stand-title-24 { line-height: 1.35;  }

.desc-unlimit p { color: var(--color_desc); text-align: left; }

.desc p ,
.txtlength_limit p {
	display: -webkit-box; 
	line-height: 1.5;
	overflow: hidden;
	/* max-height: 50px; */
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	text-align: left;
	color:var(--color_desc);
} 

.txtlength_limit_1 p  { display: -webkit-box;  -webkit-line-clamp: 1; overflow: hidden; } 
.txtlength_limit_3 p  { display: -webkit-box;  -webkit-line-clamp: 3; overflow: hidden; } 
.txtlength_limit_4 p { display: -webkit-box;  -webkit-line-clamp: 4; overflow: hidden; } 








/* head */
.headtop {
	width: 100%; 
	z-index: 100;
	/* padding: .2rem 0; */
	border-bottom:1px rgba(255,255,255,.35) solid;
	transition: all .35s;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	transition: all .35s;
}

.headtop::before {
    content: "";
    width: 100%;
    height: 1.3rem;
	position: absolute;
	top: 0;
	z-index: -1;
    background: -webkit-linear-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
	background: -moz-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
	background: -ms-linear-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
	background: linear-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
}

.headtop .container ,
.foot .container { width: 90%; max-width: unset; }


 
  
.headtop .dis_flex,.logo  { height: .7rem; }

.logo {	width: 30%;  overflow: hidden; 	float: left; 	position: relative; z-index: 10; }
.logo a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; }
.logo img {
	height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	transition: all .35s;
	opacity: 1;
} 

.headtop img.on-color { opacity: 1; }
.headtop img.old { opacity: 0; }

.fix_bai { background-color: var(--theme_red); }
/* .fix_bai img.old {  opacity: 1 !important;	}
.fix_bai img.on-color { opacity:0  !important; } */
.fix_bai { box-shadow: 0 5px 15px rgba(0,0,0,.15); }
.fix_bai::before { opacity: 0; } 

.headtop .dis_flex { width: 70%; float: right; justify-content: flex-end; align-items: center; }
.menu {  display: flex; justify-content: flex-end; align-items: center; align-content: center; flex-flow: row nowrap;  }
.menu ul { display: flex; justify-content: flex-end; }
.menu ul li { display: block; margin: 0; line-height: 1; padding: 15px 0; margin-left: 15px; position: relative;  }
.menu ul li p {
	display: block;
	line-height: 1;  
	margin: 0;  
	opacity: .5;
	color: rgba(255,255,255,.7); 
	text-decoration: none; 	
	transition: all .35s;
}
/* .menu ul li:last-child p {  padding-right:0.24rem;  border-right: 2px #eee solid; } */
.menu ul li p a {position: relative; overflow: visible; }
.menu ul li p a::after {
	content: "";
	width: 100%;
	display: block;
	border-top: 3px var(--theme_red) solid;
	position: absolute;
	top: calc(100% + .33rem);
	left: 0;
	opacity: 0;
	transition: all .35s;
}

.menu ul li.active p,
.menu ul li.nav_active p a,
.menu ul li p:hover  { opacity: 1 !important; transition: all .35s; }
.menu ul li.nav_active p a::after { opacity: 1; transition: all .35s; }

.lang a,
.menu ul li p a ,
.menu ul li ol a {  font-size: .16rem; font-weight: 600; line-height: 1.15; display: block; color: #fff; text-decoration: none; }

/* .menu ul li ol { display: none; } */
.fix_bai .menu ul li ol {  /* width: 100%; */position: absolute;top: calc(100% + .55rem);  left: 50%; transform: translateX(-50%); padding: 0;}
.fix_bai .menu ul li ol a { font-weight: normal; color: #b9b9c0;  font-size: 14px; text-align: center; }
.fix_bai .menu ul li ol a:hover { color: #fff; text-decoration: none; font-weight: 600; }
 
 
 .menu ul li ol {
 	width: 2rem; 
 	position: absolute;
 	top: calc(100% + .25rem);  
 	opacity: 0;
 	pointer-events: none;
 	z-index: -1;
 	left: 50%; 
 	transform: translateX(-50%); 
 	padding:0; 
 	background-color: rgba(0,0,0,.5);
 	transition: all .35s; 
 }
 
 .menu ul li ol::before {
 	content: "";
 	width: 0;
 	height: 0;
 	display: block;
 	border: 12px transparent solid;
 	border-top: none;
 	border-bottom: 15px rgba(0,0,0,.5) solid;
 	position: absolute;
 	left: 50%;
 	transform: translateX(-50%);
 	top: -14px;
 }
 
 .menu ul li:hover ol {
 	top: calc(100% + .15rem); 
 	opacity: 1;
 	pointer-events:auto;
 	z-index:10;
 	transition: all .35s; 
 }
 
 .menu ul li ol a { 
 	font-weight: normal; 
 	color: #fff; 
 	opacity: .8; 
 	padding: 13px  0; 
 	font-size: .14rem; 
 	text-align: center; 
 	transition: all .35s; 
 }
 
 .menu ul li ol a:hover { 
 	font-weight: bold; 
 	opacity: 1; 
 	background-color: rgba(140,0,0,1);
 	text-decoration: none; 
 	font-weight: 600; 
 	transition: all .35s; 
 }
 
 .fix_bai .menu ul li ol { top: calc(100% + .55rem); }
 
 
 

.lang { display: flex; align-items: center; max-height: .46rem;  padding-left: .18rem; }
.lang p { margin-left:0.24rem ; padding-left:0.24rem;  border-left: 2px rgba(255,255,255,.5) solid;  color: rgba(255,255,255,1); display: flex; align-items: center;  }
.lang p a { padding:0 .1rem;  font-weight: 600; line-height: 1;}
.lang a { font-size: .18rem;  padding:.15rem; position: relative; z-index: 1; font-weight: normal;  transition: all .35s;}
.lang a .btn-search  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.lang a:hover {  opacity: 1; transition: all .35s;  }
.lang a:hover .btn-search,
.lang a:hover .btn-search::after,
.btn-search:hover,
.btn-search:hover::after { color: #fff !important; border-color: #fff !important;}




/* menu_panel */
.menu_panel { display: none; border-top: 1px #eee solid; position: relative; z-index: 0; }
.menu_panel .hotline,
.menu_panel .menu_childs { padding: .3rem 0 ; position: relative; }
.menu_panel .hotline { width: 30%; float: left; }
.menu_panel .hotline::before {
	content: "";
	width: calc(100% + 5vw);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: -webkit-linear-gradient(right, rgba(140,0,0,0.1) ,rgba(140,0,0,0));
}

 

.menu_panel .menu_childs { width: 65%; float: left; }
.menu_panel .menu_childs ul {	width: calc(100% - 1.46rem); display: flex;	justify-content: flex-end;	}
.menu_panel .menu_childs ul li a { 
	display:none;
	height: auto;
	max-width: 1.1rem;
	padding: 0 0.35rem 0 0;
	text-align: center;
	font-size: .14rem;
	line-height: 1.5;
	color: #b9b9c0;
	margin-bottom: 5px;
	opacity: 0;
}


/* foot */
.foot { width: 100%; padding: .5rem 0; }

.ft-columns-2 { grid-template-columns: 25% 75%; }

.foot .ft-menu { margin-bottom: 30px; width: 90%; }
.foot .ft-menu ul { 	display: flex;	justify-content: space-between; }
.foot .ft-menu ul li p { font-size: .16rem; }
.foot .ft-menu ul li p a { color: #fff; }
.foot .ft-menu ul li ol { padding: 0; }
.foot .ft-menu ul li ol a { margin-top: .15rem; font-size: .14rem; color: #fff; opacity: .5; transition: all .35s; }
.foot .ft-menu ul li ol a:hover {  opacity: .7; transition: all .35s; }

.ft-contact ul { display: flex; justify-content: flex-start;  }
.ft-contact ul li { margin-right: 40px; }
.ft-contact ul li:last-child { margin-right: 0; }
.ft-contact ul li a { color: #fff; }
.ft-contact ul li p ,
.ft-code h6 { opacity: .5; margin-bottom: 10px;}
.ft-contact ul li h6 { font-size: .16rem; line-height: 1.35; }
.ft-contact ul li h6.numbers {font-size: .36rem; }

.ft-links { /* height: 100%; */ }
.ft-links ul { /* height: 100%; */ display: flex; align-items: flex-start; }
.ft-links ul li {   margin-right: 20px; opacity: .8;  transition: all .35s; }
.ft-links ul li a {font-size: 14px; color: #eee;  display: block; text-decoration: none; position: relative; }
.ft-links ul li i { position: absolute; right: 0; top:50% ; transform: translateY(-50%); }
.ft-links ul li .icon-plus { background-color: #fff; }
.ft-links ul li .icon-plus::before ,
.ft-links ul li .icon-plus::after { border-color: #999; }
.ft-links ul li:hover { opacity: 1; transition: all .35s; }

.apply_on_phone,
.apply_on_phone h4 { margin-bottom: 20px; }
.apply_on_phone p { display: flex; align-items: center; margin-bottom: 10px; }
.apply_on_phone p span { margin-right: 10px; min-width: 35px; }
.icon-red { 
	width: 35px; 
	height: 35px; 
	border-radius: 50%; 
	background-color:rgba(255,255,255,.15);
	display: inline-flex;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

ul.ft_code { display: flex;  justify-content: center;  margin-top: 36px; }
ul.ft_code li { width: 40%; margin: 0 10px; text-align: center; }

.copyright { 
	/* border-top: 1px rgba(255,255,255,.25) solid; 
	padding-top: .35rem; 
	margin-top: .5rem;  */
	display: flex;
	color: rgba(255,255,255,.35);
	justify-content: flex-end;
	align-items: end;
}

.code-follow { margin-bottom: var(--space_24); }
.code-follow span { color: #fff; opacity: .6; display: block; margin-bottom: 5px; position: relative; z-index: -1;}
.code-follow ul{ display: flex; align-items: center; }
.code-follow a {    
	width: 35px;
    height: 35px;
    position: relative; 
    border-radius: 50%;
    background-size: auto 17px;
    background-position: center center;
    margin-right: 15px; 
	z-index: 5;
	cursor: pointer;
}

.code-follow a img {
	width: 1rem;
	max-width: unset;
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: 0;
	/* border: 2px #fff solid; */
	border-radius: 5px;
	transform: translate(-50% , 30%) ; 
	pointer-events: none;
	transition: all .35s;
}

.code-follow a:hover img { 
	opacity: 1;
	transform: translate(-50% , -50%)  ;
	z-index: -1;
	transition: all .35s;
}


.ft-grid { display: grid; grid-template-columns: 65% 35%; }

 
/* foot-end */



.apply_window {
	/* width: 100px;
	height: 100px; 
	padding: 8px; */
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	/* background-color: var(--theme_red); */
	color: #fff;
	text-decoration: none; 
	position: fixed;
	right: 0rem;
	bottom: 4rem;
	z-index: 160;
	text-align: center;
	cursor: pointer;
	display: none;
}

.apply_window ul { display: flex;  flex-flow: column;  justify-content: flex-end;  align-items: end;}
.apply_window ul li {
    margin: 5px 0;
    padding: 15px;
	min-height: 65px;
	min-width: 245px;
    text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 2px 0 7px rgba(0, 0, 0, .51);
	transform: translateX(140px);
	transition: all .35s;
}
.apply_window ul li a { 
	color: #fff; 
	font-size: 16px; 
	display: flex; 
	align-items: center;
}
.apply_window ul li:first-child,
.apply_window ul li:last-child {
	background-image: url(../img/icon/logo-enter.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right 6px;	
}

.apply_window ul li:nth-child(1) { background-color: var(--theme_red);}
.apply_window ul li:nth-child(2) { background-color: #b69974; }
.apply_window ul li:nth-child(3) { background-color: #785233; }

.apply_window ul li .jt-right-arrow, 
.apply_window ul li .jt-right-arrow::after { border-color: #fff !important; }

.apply_window ul li span {	font-size: 18px; margin-right:16px;}

.apply_window ul li:hover {transform: translateX(0px); transition: all .35s;}
.apply_window:hover { color: #fff; text-decoration: none; }
.apply_window .icon-plus {
	position: absolute;
	right: 8px;
	bottom: 8px;
	cursor: pointer;
}

/* 移动端菜单按钮 */
.dot {  
	/* padding: 0 8px; */
	/* background-color: rgba(255,255,255,.35); */
	height: auto; 
	position: absolute;
	top: 47%;
	transform: translateY(-50%);
	right: 15px;
	cursor: pointer;
	z-index: 5;  
	display: none;
}

.dot span {
	display: block;
	width: 30px;
	transform-origin: center center;
	border-top: 3px #fff solid;
	margin: 0;
	transition: all .35s;
}
.dot span:nth-child(2) { margin: 6px 0;  }

.on span:nth-child(1) { transform: translate(0px, 8px ) rotate(45deg) ; }
.on span:nth-child(2) { opacity: 0; transition: all .35s; }
.on span:nth-child(3) { transform: translate(0px, -9px ) rotate(-45deg) ; }

.sm_panel { 
	width: 100%;
	height: 100vh; 
	padding-top:100px;
	background-color: var(--theme_red);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 88;
	display: none; 
}

.sm_menu ul li:first-child { border-top: 1px rgba(255,255,255,.35) solid; }
.sm_menu ul li { padding: 13px 0px; border-bottom: 1px rgba(255,255,255,.35) solid; transform: translateX(100%); opacity: 0; }
.sm_menu ul li a { color:rgba(255,255,255,.85); }
.sm_menu ul li ol { display: none; }

.sm_copyright p { text-align: center; font-size: 14px; color:rgba(255,255,255,.35);}
.sm_copyright p span { display: block; }

.sm_search-box { 
	width: 80%;
	margin-bottom: 20px; 
	position: relative; 
	background-color: #fff;
	border-radius: 50px;
	overflow: hidden;
}
.sm_search-box button { outline: none;  height: 100%; width: 47px; position: absolute;right: 0; top: 0; }
.sm_search-box .btn-search,
.sm_search-box .btn-search::after { border-color: var(--theme_red); }
.sm_search-box input { width: 90%;	height: 35px;	padding: 0 20px;}

.sm_lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: var(--theme_red);
	text-align: center;
	border-radius: 50%;
	margin-left: 20px;
}

 /* menu_panel-end */







/* 动画 */
.bannerInLeft:before {	animation: bannerIn 1s ease .1s forwards;}
.bannerInLeft { animation: bannerInLeft .7s ease .15s forwards; }

.bannerIn { animation: bannerIn 1s ease .15s forwards; }

.bannerInUp { animation: bannerInUp 1s ease .25s forwards; }
.bannerInUp-35 { animation: bannerInUp 1s ease .45s forwards; }
.bannerInUp-7 { animation: bannerInUp 1s ease .7s forwards; }

.footerInUp { animation: bannerInUp .35s ease .5s forwards; z-index: 55 !important; }
.footerInDown { animation: bannerInDown .35s ease  forwards; }

.scaleImg {animation: scaleBG 1s ease-out forwards;}

@-webkit-keyframes bannerIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes bannerInLeft {
	from { opacity: 0;	transform: translateX(100%);}
	to { opacity: 1; transform: translateX(0);}
}

@-webkit-keyframes bannerInUp {
	from { opacity: 0;	transform: translateY(100px); }
	to { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes bannerInDown {
	from { opacity: 1;	transform: translateY(0); }
	to { opacity: 0; transform: translateY(100px); }
}

@-webkit-keyframes slidebarShow {
	0 {   width: 0; }
	100% {  width: 35px; }
	/* 100% { width: 0; } */
}

@-webkit-keyframes scaleImg {
	0 {   transform: translate(-50%,-50%) skew(34deg, 0deg) scale(1.5); }
	100% {  transform: translate(-50%,-50%) skew(34deg, 0deg) scale(1); }
	/* 100% { width: 0; } */
}

@-webkit-keyframes scaleBG {
	0 {   transform: translate(-50%,-50%) scale(1.15); }
	100% {  transform: translate(-50%,-50%) scale(1); }
	/* 100% { width: 0; } */
}

/* 动画-end */
 
/* mode内页banner通用规则 */
.innerban { 
	width: 100%; 
	height: 4.8rem; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	 
}
.innerban .container { 
	height: 100%; 
	display: flex; 
	align-items: end;
	flex-flow: row;
}
.innerban .inside-bottom {	width: 100%; left: 0; right: 0; background-color:transparent; padding-bottom: 1rem; }
.innerban .inside-bottom .container { padding: 0; width: calc(75.55vw - 30px); display: flex; align-items: center;  }
.innerban_title { color: #fff; }


.sub_nav_bar {
	margin-top: -0.34rem;
	position: relative;
	z-index: 1;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 50%, #faf8f5 50%);
}

.sm_sub_nav { 	 
	height: .78rem; 
	position: relative; 
	z-index: 10; 
	
	display: flex;
	align-items: center;
	border-radius: 50px;
}
.sm_sub_nav .page-home { 
	width: .7rem; 
	height: .7rem; 
	line-height: .7rem; 
	text-align: center;	
	background-color: var(--theme_red);
	background-image: url(../img/icon/icon-home.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	transform:translateX(5px)  scale(.8);
}
.sub_nav_opacity {	
	height: 100%; 
	display: flex; 
	padding: 0 20px; 
	align-items: center;	
	justify-content: flex-start;	
	position: relative; 
}

/* .sub_nav_opacity::after  {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 33%;
	border-right: 1px rgba(255,255,255,.5) solid;
} */

.sub_nav_opacity h3 {	position: relative;	font-size: .16rem;	width: 2rem; padding-right: 15px; }
.sub_nav_opacity h3::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px transparent solid;
	border-bottom:none;
	border-top: 11px #fff solid;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.sub_nav_opacity ul { position: absolute; left: 0; top: 100%; width: 100%;background: #eee;	padding: 0 20px ; display: none; }
.sub_nav_opacity ul {display: flex;	align-items: center;}
.sub_nav_opacity ul li {margin-right: 15px;}
.sub_nav_opacity ul li:last-child { border-bottom: none ; }
.sub_nav_opacity ul li:hover a { color: #8c0000; text-decoration: none; }


.page_loaction {  position: absolute;  right: 20px;  font-size: 14px;}
.page_loaction a ,
.page_loaction { color: var(--color_desc); text-decoration: none; }

/* search-for-news */
.search-box { 
	width: 600px;
	height: 53px;
	background-color: #fff;
	border-radius: 80px;
	padding: 8px 30px;
	overflow: hidden;
	position: absolute;
	top: 63%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.search-box form {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.search-box input { width: 100%; height: 40px; line-height: 40px;  color: #333; }
.search-box button {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20px;
	bottom: 0;
	padding: 0;
	border: none;
	outline: none;
	border-radius: 50%;
}

.search-box button .btn-search ,
.search-box button .btn-search::after { border-color:var(--theme_red); }

.search-box button:hover { background-color: var(--theme_red); }
.search-box button:hover .btn-search,
.search-box button:hover .btn-search::after { border-color:#fff !important;  }

.resultslist ul li {  padding: 20px 0; border-top: 1px #eee solid; transition: all .35s; }
.resultslist ul li:last-child   { border-bottom: 1px #eee solid; transition: all .35s; }
.resultslist ul li h3 { margin-bottom: 5px; }

/* mode内页banner通用规则-end */

 
 /* 分类 */
 .schooltype-sort { position: relative; padding-left: .9rem; }
 .schooltype-sort .total { position: absolute; right: 0; bottom: 20px;	color: #999; } 
 .schooltype-sort .sort-types {	font-size: .16rem;	color: #999; position: absolute; left: 0; top: 15px; margin-bottom: 20px; }
 .schooltype-sort ul { display: flex; flex-flow: row wrap; }
 .schooltype-sort ul a { 
 	padding:11px 10px; 
 	margin-right: 10px; 
 	width: auto; 
 	height: auto; 
 	line-height: 1; 
 	border-radius: 5px;
 	font-size: .16rem; 
 	border: 1px #eee solid;
 	margin-bottom: 15px;
 }
 .schooltype-sort ul a:nth-child(1) {padding: 8px 15px; }
 .schooltype-sort ul a:hover { color: var(--theme_red); border-color:var(--theme_red) ; }
 
 .schooltype-sort ul a.selected { background-color: var(--theme_red);	border-color:var(--theme_red) ; color: #fff; }
 .s-letters ul { max-width: calc(100% - 142px); }
 .s-letters a { border: none !important;  color: #999;}
 
 /* 分类-end */