@font-face {
	font-family:"libreBodoni-Bold";
	src:url(../font/libre-bodoni.bold.otf) ;
}

@font-face {
	font-family:"libreBodoni-Regular";
	src:url(../font/libre-bodoni.regular.otf) ;
}


@font-face {
	font-family:"libreBodoni-Italic";
	src:url(../font/libre-bodoni.italic.otf) ;
}

@font-face {
	font-family:"RUBIK-BLACK";
	src:url(../font/RUBIK-BLACK.ttf) ;
}

@font-face {
	font-family:"RUBIK-REGULAR";
	src:url(../font/RUBIK-REGULAR.ttf) ;
}

@font-face {
	font-family:"RUBIK-LIGHT";
	src:url(../font/RUBIK-LIGHT.ttf) ;
}


@font-face {
	font-family:"Domine-SemiBold";
	src:url(../font/Domine-SemiBold.ttf) ;
}

@font-face {
	font-family:"IBMPlexSans-Regular";
	src:url(../font/IBMPlexSans-Regular.ttf) ;
}
 
 
 

/* 字体设置 */
.libreBodoni-Regular ,
.news-tittle ,
.co-tittle,
.stand-title,
.btn_more_lightred,
.sub-tittle,
.range-nums ,
.ft-tittle,
.banner-tittle ,
button.login-apply,
i.h_yaers ,
.t-name ,
.t-name2,
.t-tag-title ,
.box-sticky-left .t-desc p span,
#deans .swiper-slide h3.deans-name ,
.tagcloud ,
.projectName ,
.second-dom .info p strong,
.nums { font-family:"Domine-SemiBold", Arial, Helvetica, sans-serif;  }

.libreBodoni-Bold { font-family:"Domine-SemiBold", 微软雅黑,黑体; }

.libreBodoni-Italic,
.history-yaers ,
.all-box .box-1 .box-3 .co-tittle { font-family:"Domine-SemiBold", 微软雅黑,黑体; }

.RUBIK-REGULAR ,
.tool_list .links-grout a,
.menu ul li p,
.child-panel ol.sub-child,
.menu_fixed a ,
.third-tab-child .tab-item a ,
.news-date, .news-type ,
.txtlength_limit,
.txtlength_limit p,
#deans .swiper-slide h3.deans-name span ,
.news_flex  ,
.tool_group .news_selection ul a ,
.ft-tittle a ,
.text-bord p ,
.contactlist ul li p.redlinear-gradient { font-family:"IBMPlexSans-Regular" ; font-style: normal; font-weight: normal; letter-spacing: 0px;}

p,
.info p ,
.desc,
.desc p,
.unison-date,
.child-panel ol.sub-child a,
.menu_fixed ul li a ,
.third-tab-child .tab-item a ,
.btn-enters-group a ,
.ft-tittle ,
.contactlist ul li a p.icon { font-family:"IBMPlexSans-Regular" ;  }

 
.desc,
.desc p,
.ft-tittle ,
.ft-tittle a 
.enters_list ul li dl .desc p ,
.child-panel ol.sub-child a ,
.menu_fixed ul li a ,
.third-tab-child .tab-item a,
.btn-enters-group a,
.sub_nav ul li a { /* font-weight: bold; */ letter-spacing: 0px; }

body {
	width: 100%;
	/* max-width: 2454px; */
	margin: 0 ;
	padding: 0; 	
	line-height: 1.5;
	background: #fff;
	overflow-x: hidden;
	font-size: .18rem;
	/* letter-spacing: 1px; */
	cursor: default;
	font-family:"IBMPlexSans-Regular", 微软雅黑,黑体;	
}


* {
    -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 {  }

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

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: var(--color_title); 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; color: var(--color_title);}
 
 /* 内容 编辑器 */
 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: .3rem; margin-bottom: .3rem; border-color: #eee; }

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


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

.swiper-slide {
	text-align: center;
	font-size: 18px;	
	/* background-color: #f8f8f8; */
	/* 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;
	text-align: left;
	
}

.swiper-button-next { width: 50px; right: 10px; }
.swiper-button-prev { width: 50px; left: 10px; }

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

.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: #4F4F4F; font-size: 40px; }

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

#photos .swiper-pagination { position: static; margin-top: 20px; }


#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; width: .5rem; } 

.slide-btn-group div::before {
	content: ""; 
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;	
	border-top: 2px #dddddd 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: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;	
	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: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;	
	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: "";
	border-color: var(--theme_red);
	transition: all .3s;
} 


.menu_fixed i::before,
.menu_fixed i::after,
#banner .swiper-button-prev  i::before,
#banner .swiper-button-prev  i::after,
#banner .swiper-button-next i::before,
#banner .swiper-button-next i::after,
.btn_more_lightred:hover i::before,
.btn_more_lightred:hover i::after,
.btn_more_lightred i::before,
.btn_more_lightred i::after { border-color: #fff; transition: all .35s ; }

/* span.swiper-pagination-bullet-active { background-color: #ffff !important; } */


.container {   margin: auto;   position: relative; z-index: 1; }

.container, 
#banner .inside-bottom { /* width: 14.6rem; */ width: 74vw; }


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

.info table { max-width: 100%; }
.info p { margin-bottom: 5px; color: #555;  line-height: 1.5; letter-spacing: 0px; word-spacing: 3px; text-align: left; }
.info p:last-child { margin-bottom: 0; }
.info p,.info p span{font-family:"IBMPlexSans-Regular"}


/* 通用箭头 */
.jt-more-left-arrow,
.jt-more-right-arrow {
	display: block;
	margin: 0;
	line-height: 1;
	position: relative;
	z-index: 1;
	min-width: 20px;
	min-height: 20px;
	cursor: pointer;
}

.jt-more-left-arrow::before,
.jt-more-right-arrow::before {
	content: "";
	display: block;
	width: 12px;
	border-top: 2px  var(--color_title) solid;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.jt-more-left-arrow::after,
.jt-more-right-arrow::after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px var(--color_title) solid;
	border-right: 2px var(--color_title) solid;
	position: absolute;
	top: 50%;
}

.jt-more-left-arrow::after { left: calc(50% - 2px); transform: translate(-50%,-50%) rotate(-135deg); }
.jt-more-right-arrow::after { right: calc(50% - 9px); transform: translate(-50%,-50%) rotate(45deg); }

.jt-more-left-arrow:hover::before,
.jt-more-right-arrow:hover::before  { border-color: var(--theme_red); transition: all .35s; }


 


/* 网站颜色设置 */
:root {
	--theme_red: #940407;
	--theme_black: #1f0505;
	--theme_Lightgold: #f8f5f1;
	
	--body-bg:#101010;
	--slide-dot: #cccccc;
	
	--color_title: #222222;	
	--color_desc: #888888 ;
	
	
	--border_color :#eeeeee;
	--color_bai : #ffffff;
	--color_555 : #555;	
}

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


/* 字体颜色 */
.color_red { color: var(--theme_red) !important; }

.color_title  { color: var(--color_title); }
.color_desc ,
.unison-date { color: var(--color_desc); }
.color_555 { color: var(--color_555); }

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

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


/* 其他底纹色系 */
.bg_fff { background-color: #fff; }
.bg_f8f5f1 { background-color: #f8f5f1; }
.bg_f8f4f1 { background-color: #f8f4f1; } 
.bg_392f30 { background-color: #392f30; }
.bg_f7f7f7 { background-color: #f7f7f7; }
.bg_990508 { background-color: #990508; }
.bg_fbf8f6 { background-color: #fbf8f6; }
.bg_f9f6f1 { background-color: #f9f6f1; }
.bg_f0f1f1 { background-color: #f0f1f1; }

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


 
/* 边框线 */
.line-bai { border-color: rgba(255,255,255,.5) ; }
.border_color { border-color:var(--border_color) !important; }

.has_topline ,
.line-top { border-top: 1px var(--border_color) solid; }
.line-bottom { border-bottom: 1px var(--border_color) solid; }


.bg_lineBottom {	
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 4%, rgba(0,0,0,0) 74%);
}


.line-red {
	width: 100%; height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	transform: translateY(100%);
	opacity: 0;
	background: -webkit-linear-gradient(bottom, rgba(140,0,0,1) 1%, rgba(140,0,0,0) 51%);
	background: -moz-linear-gradient(bottom, rgba(140,0,0,1) 1%, rgba(140,0,0,0) 51%);
	background: -ms-linear-gradient(bottom, rgba(140,0,0,1) 1%, rgba(140,0,0,0) 51%);
	background: linear-gradient(bottom, rgba(140,0,0,1) 1%, rgba(140,0,0,0) 51%);
	transition: all .35s ;
}

ul li:hover .line-red { transform: translateY(0);opacity: 1; transition: all .35s ; }

.line-red-bottom {
	background: -webkit-linear-gradient(bottom, rgba(77,1,1,1) ,rgba(120,3,4,0));
}


/* 遮罩层 */
.black_wamp {
	width: 100%;
	height: 100%;
	background-color: rgba(31,5,5,.05);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.red_wamp { background-color: rgba(148,4,7,.05); }



/* 首页通用按钮 */
.btn_more_lightred {
	outline: none;
    display: block;
    margin: auto;  
    line-height: 1;
    font-size: .14rem;
	padding-right: 50px;
    color: var(--color_title);
	text-decoration: none;
	cursor: pointer;
	transition: all .35s ;
}

.btn_more_lightred i { 
	margin-left: 15px;	 
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: #1f0505;	
	border-radius: 50%; 
	transition: all .35s ;
}
.btn_more_lightred:hover i { text-decoration: none; background-color: var(--theme_red);	transition: all .35s ;}




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

.font-14, 
.toollins .links-grout a ,
.copyright,
.btn-more-next{ font-size: .14rem; }


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

p,
.mission-cards-desc p ,
.font-18,
.news-date,
.desc,
.desc p,
.info p  { font-size: .18rem; }

.font-20 ,
.btn_more_lightred ,
.news-type ,
.txtlength_limit,
.txtlength_limit p ,
.t-name,
.ft-tittle { font-size: .2rem; }

.font-22 ,
.course-tittle ,
.menu ul li p a ,
.text-bord p,
.project-info p { font-size: .22rem; }

.font-24 ,
.news-tittle ,
dl.ft-contact h6,
.sub-tittle ,
.t-tag-title { font-size: .24rem; }

.font-28 ,
.mission-cards ul li span.nums,
.teachers_list ul li dl.team_item dd .t-name,
.teachers_list ul li dl.team_item dd .t-name2 { font-size: .28rem; }

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

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

.font-36  ,
.co-tittle { font-size: .36rem ;}

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

.font-48 ,
.banner-tittle { font-size: .48rem; }

.font-60,
.range-nums { font-size: .6rem; }

.font-70 ,
big.counter-value { font-size: .7rem; }
 
.font-100,
.history-yaers { font-size: .96rem; }


 .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 ; } 
 
 .padding_up150 { padding: 1.5rem 0; }
 
 .margin_up50 { margin: 50px auto; }
  
 .margin_bottom20  { margin-bottom: 20px; }
 .margin_bottom30  { margin-bottom: 30px; }
 .margin_bottom40  { margin-bottom: 40px !important; }
 .margin_bottom50  { margin-bottom: 50px ; }
 .margin_bottom70  { margin-bottom: 70px; }
 .margin_bottom100 { margin-bottom: 100px; }

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

.fullcontainer_16  { width: 16rem; margin: auto; position: relative; z-index: 0; padding: .7rem; padding-top: 0;  } 

.fullwidth { 
	width: 100vw; 
	margin-left: 50%; 
	transform: translateX(-50%);  
	margin-bottom: 88px; 
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.li-line-4 ul,
.li-line-3 ul,
.li-line-2 ul { display: flex; flex-flow: row wrap; }


.mainbody { margin-top: 30px; }
.mainbody .box { background-color: #fff; padding: .2rem;  margin-bottom: .2rem; overflow: hidden;  }

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

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

.w_25 { width: 25%; }
.w_50 { width: 50%; }
.w_70 { width: calc(100% - (100% / 4 ) - 5px ) ; margin-right: 20px;  }
.w_30 { width: calc((100% / 4 ) - 25px); transition: all .35s;}

.tags {
	display: inline-block;
	background-color: var(--theme_red);
	color: #fff;
	text-align: center;
	padding: .08rem .15rem; 
	line-height: 1;	
}

hr.line { border-color: rgba(255,255,255,.35); position: relative; z-index: 5; }

.clearfix { clear: both; }
.phone { display: none; } 

.icon { padding-left: 45px !important; background-repeat: no-repeat; background-size:auto;	background-position: 15px center;} 
.icon-left { padding-left: 30px; background-repeat: no-repeat; background-size:auto;	background-position:left center;} 
.icon-download { background-image: url(../img/icon/icon-download.png); }
.icon-phone { background-image: url(../img/icon/icon-phone.png); }
.icon-add  { background-image: url(../img/icon/icon-add.png); }
.icon-home  { background-image: url(../img/icon/icon-home.png); }

.no-repeat  { background-repeat: no-repeat; }
.no-repeat-right  { 
	background-repeat: no-repeat; 
	background-size:auto;
	background-position: 85% center;
}

.position-bottom-right  { 
	background-repeat: no-repeat; 
	background-size:auto;
	background-position: right bottom;
}


/* 固定底部 */
.fixed-bottom { width: calc(100% - 30px); position: absolute; bottom: 50px; z-index: 5;  }

.ft-bottom,
.inside-bottom { width: 100%; position: absolute; bottom: 0px; z-index: 5; }


/* 圆角 */
.border-radius-4 { border-radius: 4px; }




/* 通用标题 */
.co-tittle-group { position: relative; }
.co-tittle-group a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex;  align-items: center;}
.co-tittle-group a i { margin-left: 16px; }

.co-tittle { /* letter-spacing: -2px; */   color: #9a0000; line-height: 1; margin-bottom: .4rem; position: relative; }
.co-tittle span { line-height: 1; font-weight: bold; }
.co-tittle a { color: #9a0000 ; padding-bottom: 3px; text-decoration: none; display: inline-block; position: relative;overflow: hidden; }
.co-tittle a::after {
	content: "";
	display: inline-block;
	width: 100%;
	border-top: 1px #9a0000 solid;
	position: absolute;
	bottom: 6px;
	left: 0;
	transform: translateX(-100%); 
	opacity: 0;
	transition: all .3s;
}

.co-tittle a .btn_more_lightred  { 
	display: none; 
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.co-tittle:hover a::after { opacity: 1;transform: translateX(0); transition: all .3s; }

.btn_more_lightred { 
	color: #222; 
	margin: 0;
	display: inline-block;
	text-decoration: none; 
	padding: 12px 20px 10px;
	padding-right: 45px;
	border-radius: 6px;
	line-height: 1;
	position: relative;
	z-index: 1;
}

.btn_more_lightred::before {
	content: "";
	height: 30px;
	width: 30px;
	display: block;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform-origin: center center;
	transform: translateY(-50%) scale(1);
	z-index: -1;
	background-color: #101010;
	transition: all .35s;
}

.btn_more_lightred:hover { 	color:#fff ;text-decoration: none;}

.btn_more_lightred:hover::before {
	 
	display: block;
	height: 100%;
	width: 100%;
	right: -4px;
	border-radius: 33px;
	transform:  translateY(-50%) scale(1.02);
	background-color: var(--theme_red);
	transition: all .35s;
}

.btn-more-alone { text-align: center; margin: .3rem 0;}

.sub-tittle {  text-align: left;  line-height: 1.35; color: #fff; margin-bottom: .4rem; } 
  
.stand-title {   color: var(--color_title); line-height: 1.25;}
 
.news-tittle { 
	display: -webkit-box;
	line-height: 1.3;
	min-height: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	color: var(--color_title);
	margin-bottom: 0.16rem;
}

.news-date ,
.news-type { 
	display: inline-block; 
	color: var(--color_desc); 
	font-weight: normal; 
	margin: 0;  
	margin-bottom: .16rem; 
	line-height: 1; 
}

.news-type { color: var(--theme_red); }

.relative_news dd {	border: 1px var(--border_color) solid;	border-top: none;}


/* 标题文字限制 */ 
.desc,
.desc p ,
.txtlength_limit,
.txtlength_limit p,
.banner-tittle {
	display: -webkit-box; 
	line-height: 1.3;
	min-height: .48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	text-align: left;
	color: #888;	
}

.txtlength_limit_1,
.txtlength_limit_1 p  { display: -webkit-box;  -webkit-line-clamp: 1; overflow: hidden;} 

.txtlength_limit_4,
.txtlength_limit_4 p ,
#news .contentNews .news-tittle  { display: -webkit-box;  -webkit-line-clamp: 4; overflow: hidden;} 

.txtlength_limit_3,
.txtlength_limit_3 p ,
#news .contentNews .desc p  { display: -webkit-box;  -webkit-line-clamp:3; overflow: hidden;} 

#upcoming .contentNews .desc p  { display: -webkit-box;  -webkit-line-clamp: 5; overflow: hidden;} 
 


/* head */
.headtop {
	width: 100%; 
	z-index: 100;
	padding: .2rem 0;
	transition: all .35s;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	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 { width: 90%; }


.position_fixed { position: fixed; top: 0; left: 0;transition: all .35s; }

.logo {	
	width: 3.38rem; 
	height: .6rem; 
	overflow: hidden; 
	float: left; 
	position: relative; 
	z-index: 10;
	/* margin-top: 2%; */
	transform: translateY(7px);
}

.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::before { opacity: 0; }
.fix_bai { padding: 10px 0 16px !important; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,.06); }
.fix_bai img.on-color { opacity: 0 !important; transition: all .35s;}
.fix_bai img.old { opacity: 1 !important;transition: all .35s; }
.fix_bai .tool_list .links-grout a:nth-child(1),
.fix_bai .tool_list .links-grout a:nth-child(2) { color: var(--theme_red); opacity: 1 !important; transition: all .35s; }
.fix_bai .langChange { color: #888 !important; }

.fix_bai .langChange::after, 
.fix_bai .icon-search-autoColor ,
.fix_bai .icon-search-autoColor::before,
.fix_bai .langSearch::after { border-color: #888 !important; transition: all .35s; }

.fix_bai .menu ul li p a { letter-spacing: 0;  color: var(--color_title) !important;  transition: all .35s; }
.fix_bai .menu ul li:hover p ,
.fix_bai .tool_list .links-grout li:hover { background-color: rgba(148,4,7,.05);  transition: all .35s; }

.fix_bai .menu ul li:hover p a ,
.fix_bai .tool_list .links-grout li:hover a{ color: var(--theme_red) !important;  transition: all .35s; }


.toolbox  { width: calc(100% - 3.38rem); float: right; }
.tool_list { margin-bottom: 8px; padding-right: 0.22rem; }
.icon-search-autoColor,
.tool_list .links-grout .icon-search-autoColor {    
	position: relative; 
	display: inline-block;
	z-index: 1;
	margin-top: 0; 
	transform:translate(-1px, 0px); 
	width: 14px;
	height:14px;
	border: 2px #fff solid;
	border-radius: 50%;
}

.icon-search-autoColor::before {
	content: "";
	display: block;
	width: 8px;
	border: 1px #fff solid; 
	position: absolute;
	top: 99%;
	left: 79%;
	transform: rotate(45deg);
	z-index: 0;
}
 
/* .tool_list .links-grout .langChange { padding: 5px; margin-left: 20px !important; } */
.tool_list .links-grout .langSearch { min-width: 14px; margin-left: 39px !important; }


/* .tool_list .links-grout .langChange::after, */
.tool_list .links-grout .langSearch::after { 
	content: ""; 
	display: block;
	width: .36rem; 
	height: .36rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 1px #fff solid; 	
	border-radius: 50%; 
}

.tool_list .links-grout { 
	width: 100% ;  
	display: flex; 
	justify-content: flex-end; 
	align-items: center;
	align-content: center;
}
.tool_list .links-grout li { padding: 5px 10px 3px; display: inline-block; margin: 0; line-height: 1; border-radius: 5px; margin-left: 20px; transition: all .35s; }
.tool_list .links-grout li:hover { background-color: rgba(255,255,255,.35); transition: all .35s; }

.tool_list .links-grout a {
	color: #fff; 
	opacity: .5; 
	text-align: center;
	text-decoration: none;
	position: relative;
	cursor: pointer;	
	transition: all .35s;
}  

.tool_list .links-grout a:hover { opacity: 1; transition: all .35s; }

 /* 菜单 */
.menu { width: 100%;  position: relative; z-index: 5; float: left; }
.menu ul { 	padding: 0;	list-style: none;  height: 100%; display: flex; justify-content: flex-end;  }
.menu ul li {  position: relative; margin-left: 1%; height: 100%;  display: block; margin-bottom: 0;  }
.menu ul li p {  position: relative; overflow: hidden; opacity: .8; border-radius: 5px; transition: all .35s;  }
.menu ul li p a { 
	display: block; width: auto; 
	text-decoration: none; color: #fff;  
	line-height: 1; padding: .08rem .1rem;  
	text-decoration: none;  
	text-transform: uppercase;
}

.onShow p,
.menu ul li:hover p {  opacity: 1; background-color: rgba(255,255,255,.35); transition: all .35s;  }

.onShow p a,
.menu ul li:hover p a { text-decoration: none; color: #fff;  transition: all .35s; }

.menu ul li.page_on a { color: var(--theme_red); transition: all .35s; }
 
 
/* 二级菜单 */
.child-panel { display: none; margin-top: 10px;  position: absolute; left: 0;  width: 2.5rem;  background-color: #940407;   color: #fff; }
.child-panel ol.sub-child {  width: 100%; padding: 0;  }
.child-panel ol.sub-child li { float: none; position: relative; margin-left: 0; }
.child-panel ol.sub-child li:hover ,
.child-panel ol.sub-child li.actives { background-color: #6e0002; }
.child-panel ol.sub-child a {  color: #fff; font-size: .18rem; display: block; line-height: 1.2; padding: 0.2rem ; }
.third-child { 	
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: #6e0002;
	color: #fff; 
}

.third-child a:hover { background-color: rgba(255,255,255,.2); }

.has-child { padding-right: 15px; }
.has-child::before {
	content: "";
	display: block  ;
	width: 10px;
	height: 10px;
	border-top: 2px #fff solid;
	border-right:2px #fff solid;
	transform-origin: right top	;
	transform: rotate(45deg);
	position: absolute;
	top: .3rem;
	right: .2rem;
}

.menu ul li:last-child .child-panel { left: unset; right: 0; }

/* 三级菜单 */
.has-third-child { /* min-width: 6rem; */ border-radius: 8px; /* overflow: hidden; */ background-color: #6e0002; }
.has-third-child .sub-child { /* display: flex; flex-flow: row nowrap; height: .7rem; */ background-color: #940407; padding: ; }
.has-third-child .sub-child li::after {
	content: "";
	width: auto;
	height: calc(100% - 40px);
	border-left: 1px rgba(255,255,255,.2) solid;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.has-third-child .sub-child li:last-child::after { border: none; }

.has-third-child .sub-child li a { padding: 0.2rem ; display: flex; align-items: center; }

.has-third-child .menu_fixed {  margin: .2rem;  }
.has-third-child .menu_fixed ol {padding: 0; display: flex; justify-content: space-between; }
.has-third-child .menu_fixed ol li { width: calc((100% - 20px) / 2) ; }

.third-tab-child { background-color: #6e0002 ; width: 100%;  position: relative; display: none; padding: 0;   }
.third-tab-child .tab-item { color: #fff; height: auto; display: none; width: 100%; position: absolute; left: 0; top: 0;  padding: .2rem; }
.third-tab-child .tab-item a { 
	color: #fff; 
	text-decoration: none;  
	line-height: 1.15;
	height: 0.35rem;
	display: flex;
	align-items: center;
	/* float: left;
	width: calc( (100% - .4rem ) / 3) ; */
	margin-right: .2rem; 
	/* margin-bottom: .2rem; */
}
.third-tab-child .tab-item a:nth-child(3n) { margin-right: 0; }
.third-tab-child .tab-item a:hover { text-decoration: underline; }

.menu_fixed { clear: both; margin: 0.2rem ; margin-top: 0; border-top: 1px  rgba(255,255,255,.2)  solid; }
.menu_fixed ol { display: block; padding: 0;}
.menu_fixed ol li {	position: relative; float: none; margin-top: .2rem;  overflow: hidden;	z-index: 1;}
.menu_fixed ol li::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	opacity: 0;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}

.menu_fixed ol li a { 
	padding: .2rem; 
	line-height: 1; color: #fff; 
	text-decoration: none; 
	background-color: rgba(255,255,255,.2) ; 
	background-position:15px 217% !important;
	position: relative; 
	overflow: hidden;
	z-index: 1;
}

.menu_fixed ol li:hover::before { opacity: 1;transform: translateX(0);	transition: all .3s; }
.menu_fixed ol li:hover a { color: var(--color_title); background-position:15px -116% !important; } 
.menu_fixed ol li:hover i::before,
.menu_fixed ol li:hover i::after { border-color: var(--theme_red); }
.menu_fixed a i { position: absolute; right: .1rem; top: 50%; transform: translateY(-50%); }



/* foot */
.foot { background-color: #101010; padding-top: .65rem; position: relative ; z-index: 4; }
.ft-logo { width: 45%; float: left; }
.ft-right { width: 55%; float: left; min-height: 2rem; }
.ft-right .ft-site { width: 30%;float: left; color: #fff; margin-left: 6%;}
.ft-right .ft-site:first-child { margin-left: 0; }

.ft-right .ft-add { width: 28%; float: left;  color: #fff;  opacity: .5; margin-left: 6%; }
.ft-right .ft-add .ft-tittle { background-size: auto 93%; background-position: 0px center; padding-left: 25px !important; }
.ft-right .ft-add p { text-align: left; }

.ft-tittle { margin-bottom: .2rem; color: #fff; }
.ft-tittle:last-child ,
ul.ft-child li { margin-bottom: 0; }
.ft-tittle a { color: #fff; }
ul.ft-child {	border-left: 1px #fff solid; padding-left: .2rem; }
ul.ft-child li {     
	margin-bottom: 0.08rem; 
	line-height: 1; 
	display: block; 
	font-size: .18rem;
	position: relative; 
	transition: all .3s; 
}
.ft-tittle a,
ul.ft-child li a { 
	line-height: 1.15; 
	width: auto; 
	display: inline-block;
	color: #fff; 
	text-decoration: none; 
	position: relative; 
	overflow: hidden; 
	transition: all .3s; 
}

.ft-tittle a::before,
ul.ft-child li a::before {
	content: "";
	width: 100%;
	
	border-top: 1px rgba(255,255,255,.85) solid;
	position: absolute;
	left: 0;
	bottom: 0px;	
	opacity: 0;
	transform: translateX(-100%);
	transition: all .3s;
}

.ft-tittle a:hover::before,
ul.ft-child li:hover a::before { opacity: 1; transform: translateX(0); transition: all .3s; } 

.btn-Intranet  {width: 100%;  position: relative; z-index: 1; }
.btn-Intranet img { width: 100%; margin-top: -.2rem; }
.btn-Intranet span {
	display: none;
	position: absolute;
	left: .2rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}



.medium_list {width: 100%; margin-top: .5rem; margin-bottom: .8rem; }
.medium_list ul { display: flex; justify-content: flex-start; flex-flow: row nowrap; }
.medium_list ul li {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(255,255,255,.1);
    position: relative;
    /* margin: auto 3%; */	
    margin-bottom: 10px;
	margin-right: 10px;
    transition: all .3s;
}

.medium_list ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0.5;
	/* width: 44%; */
    FILTER: gray;
    -webkit-filter: grayscale(100%);
    transition: all .35s;
}

.medium_list ul li:hover {  box-shadow: 0 0 9px 1px rgb(0 0 0 / 8%); transition: all .3s; }
.medium_list ul li:hover img {opacity: 1; FILTER: gray;  -webkit-filter: grayscale(0);  transition: all .35s;}


.copyright {  border-top: 1px rgba(255,255,255,.5) solid;   padding: 0.3rem 0;  color: rgba(255,255,255,.5); }
.copyright p { color: #888; position: relative; }
.copyright p span { float: right; } 

/* 移动端菜单按钮 */
.dot { 
	width: 27px; 
	height: auto; 
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	cursor: pointer;
	z-index: 5;  
	display: none;
}

.dot span {
	display: block;
	width: 100%;
	transform-origin: center center;
	border-top: 3px var(--theme_red) solid;
	margin: 5px 0; 
}

div#sm_tags { display: none; }

.sm_panel {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 100;
	background-color: rgba(0,0,0,.8);
	top: 0;
	padding: 50px 0;
	display: none; 
	overflow: hidden;
}

.sm_panel .container {
	padding: 15px;
	width: calc(100% - 40px);
	background-color: var(--theme_red);
	color: #fff;
	height: calc(100vh - 100px);
}

.sm_panel .container .close3 { position: relative; margin-left: calc(100% - 37px); top: 0; right: 0; }

.sm_menu { width: 100%; }
.sm_menu ul li { 
	padding: 7px 0;	
	position: relative; 
	/* border-bottom: 1px var(--border_color) solid; */
	/* transform: translateX(100%);
	opacity: 0; 
	transition: all .35s; */
}
.sm_menu ul li a { text-transform: uppercase; line-height: 1; color: var(--theme_txtcolor); font-size: 16px; }

.sm_menu ul li p a { position: relative; width: auto;  padding-right: 30px; display: inline-flex; }
.sm_menu ul li p a i { position: absolute;right: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .35s;}
.sm_menu ul li p a .jt-more-right-arrow::before, 
.sm_menu ul li p a .jt-more-right-arrow::after { border-color: #fff ; }
.sm_menu ul li.active p a i { opacity: .35; transition: all .35s; }

.sm_menu ul li ol { list-style: none; display: none; }
.sm_menu ul li ol a {  font-size: 18px; margin-top: 15px; opacity: .5;  text-decoration: underline; }

.on span:nth-child(2),
.onphone span:nth-child(2),
.searchphone span:nth-child(2) { opacity: 0; transition: all .35s; }

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

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


.sm_foot { width:calc(100% - 30px);  position: absolute;  bottom: 0;   color: #fff;  }
.sm_foot ul.links-grout {  width: 90%; margin: auto; display: flex;  flex-flow: wrap;  justify-content:space-between; }
.sm_foot ul.links-grout li a { line-height: 1; padding: 16px 10px; font-size: 22px; display: block; color: #fff; text-decoration: none; }
.sm_foot ul.links-grout li:last-child { width: 100%; margin: 0; }
.sm_foot ul.links-grout li:last-child a { font-size: 18px; text-align: center; border: 2px rgba(255,255,255,.5) solid; border-radius: 33px; }
.sm_foot i.icon-search-autoColor {  width: 20px;  height: 20px; }

/* fenye  */
.noneline { border-color: transparent !important; margin-top: 0; }

.pages { width: 100%; padding-top: 20px; border-top:  1px var(--border_color) solid; }
.pages .p_pages{ 
	width: 100%; 
	padding: 25px 0; 
	position: relative; 
	text-align: center; 
	display: flex;
    justify-content: center; 
	align-items: center;
	align-content: center; 
}
.pages .p_pages .p_first_d,.pages .p_pages .p_first,.pages .p_pages .p_last,.pages .p_pages .p_last_d{display:none}
.pages .p_pages span {
	display: inline-block;
	min-width:40px;
	min-height: 40px;
	width: .6rem;
	height: .6rem; 
	color: #333;
	text-align: center;
	line-height: .58rem;
	background-color:transparent;
	border :  1px var(--border_color) solid;
	font-size: .18rem;
	font-weight: bold;
	margin: 0 5px;
	text-decoration: none;
	transition: all .35s; 
}

.pages .p_pages .p_prev_d,.pages .p_pages .p_prev,
.pages .p_pages .p_next_d,.pages .p_pages .p_next {	
	cursor: pointer;  
	width: 1.15rem; 
	display: flex; 
	justify-content: space-between;
	padding: 0 .24rem;
	align-items: center; 
	align-content: center; 
	position: absolute; 
	font-weight: normal;   
}

 

.pages .p_pages .p_next_d,.pages .p_pages .p_next { left: auto; right: 0;   }
.pages .p_pages .p_prev_d,.pages .p_pages .p_prev { 	left: 0; }
 .pages .p_pages span a{display:flex;justify-content: center;}
.pages .p_pages span.active,
.pages .p_pages span:hover { color: var(--theme_red); border-color:rgba(140,0,0,0) ; background-color: rgba(140,0,0,.05); transition: all .35s;} 

.pages ul a.next:hover i::before,
.pages ul a.next:hover i::after,
.pages ul a.prev:hover i::before,
.pages ul a.prev:hover i::after { border-color:var(--theme_red) ; transition: all .35s; }

.pages_inner { width: 100%;  position: relative; border-top: 1px #e1e1e1 solid; padding-top: 30px; margin: 30px 0; }
.pages_inner::after {
	content: "";
	height: calc(100% - 30px);
	border-right: 1px #e5e5e5 solid ;
	position: absolute;
	left: 50%;
	bottom: 0;
}
.pages_inner a { width: 38%; float: left;text-decoration: none; }
.pages_inner a:nth-child(1) { margin-right: 10%; }
.pages_inner a:nth-child(2) { float: right;  } 
.pages_inner .txtlength_limit { font-size: .2rem; -webkit-line-clamp: 1; }

.pages_inner a:hover  { color: #8B0012; text-decoration: none;  transition: all .35s; }

 

.pages_inner a:hover,
.pages_inner a:hover button.prev ,
.pages_inner a:hover button.next { color:  #8B0012 ; transition: all .35s; }

.pages_inner a:hover button.prev::before ,
.pages_inner a:hover button.prev::after ,
.pages_inner a:hover button.next::before ,
.pages_inner a:hover button.next::after { border-color: #8B0012 ; color: #fff; transition: all .35s;  }
 

/* fenye-end */





/* 动画 */
/* .sm_menu ul li { opacity: 0;	transform: translateX(100%); } */

/* .co-tittle-group, */
/* .li-line-2 ul li,
.li-line-3 ul li, */
.enters_list ul li { opacity: 0;	transform: translateY(100px);}

.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 */