.slide-tool { position: absolute; z-index: 5; }
.cls-1 {  fill: #940407; fill-rule: evenodd; }


#magazine dl:hover .news-tittle,
.swiper-slide:hover .news-tittle,
li:hover .news-tittle { color: #940407; transition: all .3s;  }

/* .cls-1 {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray: 200px;
	stroke-dashoffset: -200px;
	opacity: 0.3;
	transition: all .3s;
} */

.mode-events .left-content { width: calc(100% - 3.6rem); float: left; } 
.mode-events .right-content { width: 3.4rem; margin-left: .2rem;  float: left; }


.mode-events .left-content ,
.mode-events .right-content  { padding-top: .75rem;}

.mode-events .left-content .co-tittle,
.mode-events .right-content .co-tittle { position: absolute; top: 0; }




#upcoming .contentNews .slide-tool,
#news .contentNews .slide-tool { 
	width: 100%; 
	height: 1rem; 
	bottom: 0; 
	border-top: 1px var(--border_color) solid;  
	display: flex;
	flex-flow: row nowrap;
}

#upcoming .swiper-pagination,
#news .swiper-pagination {
	width: calc(100% - 2rem); 
	height: 100%; 
	line-height: 1rem;
	margin: 0;
	position: static; 
	border-left: 1px var(--border_color) solid; 
	border-right: 1px var(--border_color) solid; 
}

 
#upcoming .swiper-button-prev,
#upcoming .swiper-button-next,
#news .swiper-button-prev,
#news .swiper-button-next { width: 1rem; height: 100%; margin: 0; position: static; }

#events .slide-tool { right: 0; top: 0; width: 1rem; height: 100%; border-left: 1px var(--border_color) solid; }
#events .swiper-button-prev { border-top: 1px var(--border_color) solid;  }
#events .swiper-button-prev,
#events .swiper-button-next {
	width: 100%;
	display: flex;
	float: none;
	height: calc(100% / 2);
	margin: 0;
	position: static;
}


/* banner */
#banner { width: 100%;	height: 100vh;	position: relative; }
#banner .news-type { opacity: .5; font-weight: normal; }
#banner .black_wamp {
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
	background: linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
}

#banner .swiper-slide a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	text-align: left;
}
#banner .swiper-slide a video { width: 100%; height: 100%; object-fit: cover; }

#banner .inside-bottom { position: absolute; bottom: .8rem;	left: 50%;	transform: translateX(-50%); }
#banner .inside-bottom::before {
content:"";
	width: 50px;
         height:50px;
	bacground:url(../img/arrow-down-double-fill.png)
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + .2rem);
}


#banner .swiper-pagination { position: static; color: #Fff;} 
#banner .swiper-pagination .swiper-pagination-bullet  { 
	width: .2rem; 
	height: .2rem; 
	margin-left: 10px;
	border: 2px #fff solid;
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}

#banner span.swiper-pagination-bullet-active { background-color: #fff !important;  }

.swiper-button-prev:after,
.swiper-button-next:after {	display: none; }

#banner .swiper-button-next,
#banner .swiper-button-prev {  opacity: .15; transition: all .3s; }

#banner .swiper-button-next:hover,
#banner .swiper-button-prev:hover { opacity: 1; transition: all .3s; }

#banner .swiper-button-next , 
#banner .swiper-button-next:hover ,
#banner .swiper-button-prev ,
#banner .swiper-button-prev:hover {	width: .55rem;	height: .55rem; background-color: transparent; margin:  auto 40px; transition: all .3s;}


#banner .swiper-button-prev i ,
#banner .swiper-button-next i {	display: block;	width: 100%; transform: translateY(0%);	border-color: #fff;	transition: all .3s;}
#banner .swiper-button-next i::after { right: calc(50% - 20px); }

#banner .swiper-button-prev i::before ,
#banner .swiper-button-next i::before { width: 24px;  transition: all .3s;}

#banner .swiper-button-prev i::after ,
#banner .swiper-button-next i::after { width: 18px; height: 18px; transition: all .3s;}
 

#banner .swiper-button-next .cls-1 { transform-origin: center center; transform: rotate(180deg); stroke-dasharray: 200px; stroke-dashoffset: 200px; }
#banner .swiper-button-prev:hover .cls-1 ,
#banner .swiper-button-next:hover .cls-1 { stroke-dashoffset: 0px; opacity: 1; transition: all .3s;}

#banner .slide-tool-frize {
	width: 100%;
	position: absolute;
	right: 0;
	z-index: 15;
	bottom: 1rem;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: center;
}

#banner .slide-tool-frize .slide-tool { 
	position: absolute; bottom: -11px;  z-index: 5;  right: 0; 
	display: flex; justify-content: center; align-items: center; 
}
#banner .slide-tool-frize .slide-tool div,
#banner .slide-tool-frize .slide-tool div span{  margin: 0 8px;  }

#banner .svg-root i::before ,
#banner .svg-root i::after { border-color: #fff !important; } 

.banner-tittle { width: 85%; }
svg:not(:root) {  overflow: hidden; width: 100%; height: 100%; }
.svg-circle { min-width: 30px; position: relative; }

.svg-circle svg { display: block; width: 100%; height: 100%; }

.svg-circle .cls-1 { opacity: 0.3; }
.svg-circle .cls-2, 
.svg-circle .cls-3 { fill-rule: evenodd; }
.svg-circle .cls-3 { fill: #fff; }

.svg-circle .cls-1, 
.svg-circle .cls-2 { fill: none; stroke: #fff; stroke-width: 3px; }

 #banner-btn .cls-2 { 
	transform-origin: center center; 
	transform: rotate(-90deg);
	stroke-dasharray:145,145 ; 
	stroke-dashoffset:0; 
	animation : bofang 5.5s linear .35s infinite; 
	-webkit-animation: bofang 5.5s linear .35s infinite; ;
}
/* #banner-btn:hover .cls-2 { stroke-dashoffset:145; transition: all .3s;} */

 

@-webkit-keyframes bofang {
	from { stroke-dashoffset:145;  }
	to {  stroke-dashoffset:0; }
}
@keyframes bofang {
	from { stroke-dashoffset:145;  }
	to {  stroke-dashoffset:0; }
}

/* banner-end */


/* news */
.mode-news { background-repeat: no-repeat;	background-position: left -10%;	background-size: 49%; }
.headline .contentNews .slide-tool { display: none !important; }
.headline .contentNews { padding-bottom: 0 !important; }

#news { width: 100%; display: flex; margin-bottom: 20px; overflow: hidden; }
#news .contentNews { overflow: visible; }
#news .contentNews::before {
	content: "";
    width: 0;
    height: 0;
    border: 10px transparent solid;
    border-left: none;
    border-right: 12px #fff solid;
    position: absolute;
    left: -10px;
    top: 0.5rem;
    z-index: 5;
}

#news .contentNews .swiper-slide ,
#upcoming .contentNews .swiper-slide { background-color: #fff;  }

#news .imgNews { /* min-width: 9.6rem; */ width: 66%;}
#news .contentNews,
#upcoming .contentNews { width: calc(100% - 66%); height: auto; background-color: #fff; padding-bottom: 1rem; position: relative; }
#news .unison-date ,
#upcoming .unison-date { position: absolute; bottom: .4rem; }
#news .news-type { margin-bottom: .24rem; }
#news .news-tittle { margin-bottom: .2rem;   font-size: .3rem; -webkit-line-clamp: 4;}

#news .contentNews .swiper-slide a ,
#upcoming .contentNews .swiper-slide a  { padding: .4rem; text-align: left; }

 
#events { background-color: #fff; padding: .2rem; padding-right: 1.2rem; }
#events .swiper-slide a { text-align: left; }
#events .swiper-slide a .news-tittle { margin-bottom: .1rem; -webkit-line-clamp:4; font-size: .21rem; }
#events .swiper-slide a .desc  { margin-bottom: 0; display: none;}
#events .swiper-slide a .desc p {   }

#upcoming { display: flex; }
#upcoming .imgNews {width: 6.7rem; float: left; }
#upcoming .contentNews {width: calc(100% - 6.7rem );  border: 1px var(--border_color) solid; border-left: none; }

#magazine { height: 100%; border: 1px var(--border_color) solid;  }
#magazine .swiper-slide,
#magazine dl { height: 100%; }
#magazine dl dt { height: 100%; background-color: #f7f7f7; }
#magazine dl dt .imgsize  { height: 100%; }
#magazine dl dt .imgsize img { width: 71%; height: auto;  top: 43%;}

#magazine dl dd { 
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-flow: column;
	border-top: 1px var(--border_color) solid;
}

#magazine dl .news-type,
#magazine dl .news-tittle { min-height: unset; margin-bottom: 0; }
#magazine dl .news-type { color: #999999; font-weight: normal; margin-bottom: .1rem; }

 
/* mode-date position: absolute; top: 0; left: 0;  */
.mode-certificate { padding: 0; position: relative; z-index: 10; }
.mode-certificate .container { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ; z-index: 5; }
.building-bg { position: relative;  width: 100%; z-index: -1;}
.building-bg img { width: 100%; }
.space { min-width: 7.6rem; height: 6rem; }
 
#certificate .swiper-circle {
	width: 6.1rem;
	height: 6.2rem;
	background-color:transparent;
	border-radius: 50%;
	position: relative;
	z-index: 4;
	margin-left: 50%; 
	transform: translate(-50%,0);
	overflow: visible;
}
#certificate .swiper-circle .swiper-slide  {  overflow: visible; background-size: cover;  }

.swiper-circle .imgsize {
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}

.swiper-circle .model {
	width: 100%;
	position: absolute;
	left: 0;
	top: -.17rem;
	transform: translateY(0);
}


#certificate .swiper-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}
#certificate .swiper-content .swiper-slide { text-align: left;}

#certificate .swiper-circle .swiper-slide ,
#certificate .swiper-content .swiper-slide  { opacity: 0 !important; }

#certificate .swiper-circle .swiper-slide-active,
#certificate .swiper-content .swiper-slide-active {  opacity: 1 !important; }

#certificate .content-for-title,
#certificate .content-for-rightText { width: calc((100% - 7rem) / 2); }

#certificate .content-for-rightText .btn_more_lightred {
	position: absolute;
	width: auto;
	height: auto;
	bottom: 1.25rem;
}

#certificate .desc { margin-bottom: 30px; }
#certificate .desc p ,
#certificate .news-tittle  { display: block; }
.links-for-logos ul { display: flex; justify-content: space-between; align-items: center; align-content: center;}
.links-for-logos ul li img { height: .25rem; }

#certificate .slide-tool { 
	width:auto;	
	display: flex;
	justify-content: flex-start;
	align-items:center;
	align-content: center;
	bottom: 1rem;
	z-index: 3; 
}

#certificate .content-for-rightText .btn_more_lightred i::before,
#certificate .content-for-rightText .btn_more_lightred i::after{ border-color:  var(--theme_red); }

#certificate .slide-tool::before {
	content: "";
	width: 100vw;
	height: 100%;
	border-top: 1px rgba(255,255,255,.2) solid;
	border-bottom: 1px rgba(255,255,255,.2) solid;
	position: absolute;
	top: 0;
	left: calc( (-100vw + 14.6rem) / 2);
	/* transform: translateX(-50%); */
	pointer-events: none;
}
#certificate .svg-root { padding: 0.4rem 0; }
#certificate .slide-tool .svg-root { opacity: .2; }
#certificate .slide-tool .svg-root:hover { opacity: 1; }
#certificate .btn_more_lightred i { background-color: #fff; }
#certificate .slide-tool i::before,
#certificate .slide-tool i::after { border-color: rgba(255,255,255,1); }

#certificate .slide-tool .swiper-pagination { position: relative; width: auto; bottom: 0; }
#certificate .swiper-pagination-bullet {
	width: auto;
	height: auto;
	bottom: 0;
	padding: 0.4rem 0.1rem;
	margin: 0 0.2rem;
	text-align: center;
	line-height:1;
	font-size: 18px;
	color: #fff;
	opacity: .2;
	border-radius: 0;
	background: transparent;
	border-bottom: 2px transparent solid;
}

#certificate .swiper-pagination-bullet-active {  border-color: #fff; opacity: 1; background: transparent; }

#certificate .swiper-button-prev,
#certificate .swiper-button-next { 
	position: static; 
	width: auto;
	height: auto;
	margin: 0;
	transform: translateY(0);
}

 
/* mode-date-end */


/* mode-events */
.mode-events {}
.mode-events .dis_flex { max-height: 64vh; }

#Events2 .swiper-slide { text-align: left; }
.swiper-slide .item_with_topImgs dd ,
#Events2 .swiper-slide .item_with_topImgs dd { padding: .3rem .24rem; }
#Events2 .swiper-slide .item_with_topImgs dd .desc,
.news_list ul li .desc { margin-bottom: .45rem; }

.news_list ul li .news-tittle { -webkit-line-clamp: 3; min-height: .93rem; }
.Media_list ul li .news-tittle { margin-bottom: 0; }

.notice_box {
	padding:  .3rem;
	height: 100%;
	/* background-color: #f8f5f1; */
	border: 1px var(--border_color) solid;
}

.notice_box ul li {     padding-bottom: 0.35rem;  margin-bottom: 0.35rem;   border-bottom: 1px var(--border_color) solid; }
.notice_box ul li:last-child { border: none;margin-bottom: 0; padding-bottom: 0; }
.notice_box ul li h3 { margin-bottom: .1rem;  }
.notice_box ul li .desc { margin-bottom: .1rem; display: none;}

.login-panle {
	padding: .4rem .3rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.login-form {
	position: absolute;
	bottom: .4rem;
	left: .3rem;
	right: .3rem;
	background-color: rgba(255,255,255,.95);
	color: var(--color_title);
}

.login-form form { width: 100%;  padding:0 .25rem .3rem; border-bottom: 1px var(--border_color) solid; display: none; }
.login-form form table { width: 100%; }
.login-form form table tr td { padding: 0; padding-top: .33rem; border: none; text-align: left; background-color: transparent;}
.login-form form table tr td label {
	display: block; 
	padding: 0 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-bottom: 0; 
	background-color: rgba(255,255,255,.15);
	transition: all .35s;
}

.formUp { 
	color: var(--theme_red);	
	transform: translateY(calc(-100% - .08rem) ) !important;
	transition: all .35s;
}

.login-form form table tr td p { 
	position: relative; 
	border: 1px #dcdcdc solid;
	border-radius: 5px;
	padding: 5px;	
}

.login-form form table tr td p input {
	display: block;
	width: 100%;
	border: none;
	outline: none;
}



.p-code { display: flex; justify-content: space-between; align-items: center; align-content: center; }

.p-code p ,
.Check-code { width: 48%; overflow: hidden;}
.Check-code { margin-left: 4%; }
.Check-code img { width: 100%; height: 100%; object-fit: cover; }

button.login-apply {
    width: 100%;
	background-color: #fff;
    text-align: left;
    border: none;
    outline: none;
    padding: 0.2rem 0.3rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: .18rem;
    line-height: 1;
	transition: all .35s;
}

button.login-apply i.jt-more-right-arrow {	transform-origin: center center;	transform: rotate(0deg); transition: all .35s;}

/* .golink i.jt-more-right-arrow { transform: rotate(0) !important; transition: all .35s; } */

button.login-apply:hover {	color: var(--theme_red);	transition: all .35s; }
button.login-apply:hover i.jt-more-right-arrow::before,
button.login-apply:hover i.jt-more-right-arrow::after { border-color: var(--theme_red);	transition: all .35s; }

/* mode-events-end */


/* mode-programs */
.enters_list { width: 100%; }
.enters_list ul { display: flex; }
.enters_list ul li { background-color: #fff; border: 1px #eee solid; }
.enters_list ul li .imgs_preViews img { width: 100%; }
.enters_list ul li a { border: 10px transparent solid; transition: all .3s; }
.enters_list ul li:hover { box-shadow: 0 0 50px 9px rgb(148 4 7 / 30%); transition: all .3s; }
.enters_list ul li:hover a { border-color: var(--theme_red) ; transition: all .3s; }

.enters_list ul li .svg-root ,
.enters_list ul li dl dt ,
.enters_list ul li dl dd { padding:.3rem .3rem; position: relative; }
.enters_list ul li dl dt { padding-bottom: 0; }
.enters_list ul li dl dd {  }
.enters_list ul li dl dd h3 { opacity: 0; position: absolute; top: .3rem; }
.enters_list ul li hr { margin: .3rem 0; opacity: .5; margin-top: 0; }  

.enters_list ul li dl i.jt-more-right-arrow,
.enters_list ul li .imgs_preViews { opacity: 0; transition: all .3s;}
.enters_list ul li .svg-root { opacity: 1; position: absolute;	top: 0;	left: 0; z-index: 5; transition: all .3s; }

.enters_list ul li:hover  dl i.jt-more-right-arrow,
.enters_list ul li:hover .imgs_preViews { opacity: 1; }
.enters_list ul li:hover .svg-root { z-index: -1; opacity: 0; transition: all .3s; }
.enters_list ul li:hover dl dt  { display: none; }

.enters_list ul li dl {	width: 100%; position: absolute; bottom: 0;	left: 0;  z-index: 5;}
.enters_list ul li dl .desc {  position: relative; overflow: visible; }
.enters_list ul li dl .desc p {  color:var(--theme_red) ; }
.enters_list ul li dl i.jt-more-right-arrow { 
	background-color: var(--theme_red); 
	padding: 16px; 
	border-radius: 50%; 
	position: absolute;
	right: .3rem;
	bottom: .3rem;
	/* top: 50%;
	transform: translateY(-50%); */
}

.enters_list ul li dl i::before,
.enters_list ul li dl i::after { border-color: #fff; }

.enters_list ul li:hover dl { color: #fff; height: 100%; background-color: rgba(0,0,0,.4); }
.enters_list ul li:hover dl dd {  height: 100%; position: absolute;  }
.enters_list ul li:hover dl dd h3 { opacity: 1; color: #fff; }
.enters_list ul li:hover dl .desc p ,
.enters_list ul li:hover dl hr{ color: rgba(255,255,255,0); display: none; transition: all .3s;}



/* 套盒 */
.all-box { width: 100%; display: flex; }
.all-box .box { float: left;  background-size: cover;   background-repeat: no-repeat; background-position: center bottom; }
.all-box .box .position_rela { text-decoration: none; display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

.all-box .box-1 { width: calc(100% - 60.34%); }
.all-box .box-2 { /* width: 8rem; */ width: 60.34%;  }

.all-box .box-1 .position_rela  { padding: .4rem; color: #fff;  }
.all-box .box-1 .box-3 { width: 100%; height: 50%; overflow: hidden; }
.all-box .box-1 .box-3 .co-tittle { line-height: 1.35; letter-spacing: 1px;   font-size: .32rem; }
img.model-girls {  position: absolute; right: 18%; bottom: -1.6rem; height: 4.2rem; }
.btn-enters-group { display: flex; flex-flow: column; align-items: baseline; justify-content: flex-start;  position: absolute; bottom: 0.4rem; transition: all .3s; }
.btn-enters-group a { 
	font-size: .18rem;
	display: inline-block;
	margin-top:8px;
	line-height: 1.15;
	border-radius: 40px;
	background-color: rgba(255,255,255,.3);
	box-shadow: 0 0 11px -2px rgb(0 0 0 / 5%);
	color: var(--theme_red);
	text-decoration: none; 
	opacity: 1; 
	transition: all .35s; 
}

.all-box .box-1 .box-3:hover .btn-enters-group { opacity: 1; transition: all .35s;  }


.btn-enters-group a:hover { opacity: 1;  text-decoration: none; background-color: rgba(255,255,255,.75); color: var(--theme_red); transition: all .35s; }
.btn-enters-group a:hover::before,
.btn_more_lightred::before { display: none; }

.btn-enters-group a i { right: 11px; }

.btn-enters-group a i,
.btn-enters-group a:hover i { background-color: transparent; }
.btn-enters-group a i::before,
.btn-enters-group a i::after { border-color: var(--theme_red) !important; }

.group2 a { color: #fff; }
.group2 a i::before,
.group2 a i::after { border-color: #fff !important; }

.group2 a:hover i::before,
.group2 a:hover i::after { border-color: var(--theme_red) !important; }



#ft-video .swiper-slide { display: block; position: relative; text-align: left; }
#ft-video .swiper-slide .bg_lineBottom  {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
}



#ft-video .swiper-slide .bg_lineBottom  .news-tittle {  min-height: unset; margin-bottom: .06rem; }
#ft-video .swiper-slide img { height: 100%; }



 /* contact */
.contactlist { width: 100%; }
.contactlist ul { display: flex;  flex-flow: row wrap;   }
.contactlist ul li { border:1px #dcdcdc solid;  }
.contactlist ul li h3.news-tittle { min-height: unset; } 
.contactlist ul li p.redlinear-gradient  { line-height: 1; color: #fff; padding: 16px 30px; font-size: .18rem;   }
.redlinear-gradient {
	background: -webkit-linear-gradient(left, rgba(149,5,10,1), rgba(149,5,10,.2));
	background: -ms-linear-gradient(left, rgba(149,5,10,1), rgba(149,5,10,.2));
	background: -moz-linear-gradient(left, rgba(149,5,10,1), rgba(149,5,10,.2));
	background: linear-gradient(left, rgba(149,5,10,1), rgba(149,5,10,.2));
}

.contactlist ul li a {
	display: block;
	text-decoration: none;
	padding: 24px 30px;
	height: auto; 
}

.contactlist ul li a p.icon {  	padding-left: 25px !important;	background-position-x: left;	color: #555;	width: unset;	margin-bottom: 5px;}
.icon-people {	background-image: url(../img/icon/icon-people.png);}
.icon-tel {	background-image: url(../img/icon/icon-tel.png);}
.icon-Email {	background-image: url(../img/icon/icon-email.png);}