@font-face {
	font-family:"OPPOSans-Bold";
src:url(../font/oplussans3-bold.jpg) }

@font-face {
	font-family:"OPPOSans-Medium";
src:url(../font/sourcehansanscn-medium.jpg) }

@font-face {
	font-family:"OPPOSans-Regular";
src:url(../font/oplussans3-regular.jpg) }

@font-face {
	font-family:"HelveticaNowDisplay-Bold";
src:url(../font/helveticanowdispbd.jpg) }
 

body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #333;	
	line-height: 1.5;
	background: #f8f8f8;
	/* letter-spacing: 1px; */
	cursor: default;
	font-family: "OPPOSans-Regular", Helvetica Neue, Helvetica, Arial, sans-serif;}

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




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

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

 li a ,
 dt a ,
 dd a ,
.swiper-slide a { 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: .2rem; margin-bottom: .2rem; 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;}

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

.swiper-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 5px;
	border-radius: 5px;}

.swiper-button-prev:after,
.swiper-button-next:after {	color: #4F4F4F; font-size: 16px;}

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


.page { text-align:left; margin-top: .5rem; text-align: center;}

.no_line { border: none !important;}

.page ul { list-style: none;}

.page ul a {
	display: inline-block;
	width: .36rem;
	height: .36rem;
	text-align:center;
	line-height: .34rem;
	color: #313131;
	margin: 0 5px;
	border: 1px #bfbfbf solid ;
	text-decoration: none;
	font-size: .14rem;
    transition: all .35s;}

.page ul a:hover ,
.page ul a.active {background-color: #8b0012;  border-color:#8b0012 ;	color: #fff; transition: all .35s;}

.page ul a:first-child, .prev { display: inline-block; width: auto; padding: 0 10px ;}
.page ul a:last-child, .next { display: inline-block; width: auto; padding: 0 10px ;}



/* 后台内容编辑框初始化 */
.info {	color: #666;}
.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: 10px;}
.info b,
.info strong { color: #101010;}

.min-h {min-height: 5.5rem;}
.container {   margin: auto; width: 12.3rem;  position: relative; z-index: 1;}


/* 字体设置 */
.sy-Bold ,
.Hel-Bold ,
.news-tittle ,
.h4-tittle ,
.benner-tittle,
.tab-head ul li { font-family:"OPPOSans-Bold"; /* font-family:"sy-bold"; */ font-weight: bold;}

.sy-Medium ,
.ft-content h6,
.h6-tittle ,
.menu ul li p a ,
.sub_nav ul li a,
.home-tab .tab-head ul li ,
.orgz-team h3 ,
.team_list ul li .team-desc p ,
.normal-tittle ,
.list_forword ul li a ,
.sm_panle span { font-family:"OPPOSans-Medium"; font-weight: normal;}

.rili_date,
.english-tittle ,
.co-tittle ,
#meeting-years .swiper-slide { font-weight: bold; font-family:"OPPOSans-Bold"; letter-spacing: 0px;}
 


/* 网站颜色设置 */
:root {
	--theme_red: #8B0012;
	--foot_bg: #282828;
	--theme_txtcolor: #101010 ;
	
	--color_txt: #BEBEBE ;
	
	--border_color: #e5e5e5;
	
	--font_333 : #333333;
	--font_666: #666666;
	--font_999: #999999;
	--font_eee: #eeeeee;
	--color_bai : #ffffff;}

.ft-bgcolor { background-color: var(--foot_bg);}
.bg_f8f8f8 { background-color: #f8f8f8;}

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

.color_txt  { color: var(--color_txt);}

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


.color_333 { color: var(--font_333) !important;}
.color_666 { color: var(--font_666);}
.color_999 { color: var(--font_999 );}
.color_eee { color: var(--font_eee );}
.color_bai { color: var(--color_bai );}

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



/* 背景色 & 字体色 */
.bg_black { background-color: rgba(0,0,0,.15);}

.bg_fff { background-color: #fff;}


/* 渐变背景 */
.bg_lightLeft45 {
	background: -webkit-linear-gradient(45deg, #f5fbfb , #fff);}

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


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


/* 首页通用按钮 */
.btn_more_lightred {
	outline: none;
    display: block;
    margin: auto;
	margin-bottom: .2rem;
	margin-top: .25rem;
    padding: .15rem;
    width: 180px;
    text-align: center;
    background-color: rgba(139,0,19,.1); 
    line-height: 1;
    font-size: .14rem;
    color: #8b0013;
	text-decoration: none;
	cursor: pointer;
	transition: all .35s ;}


.btn_more_lightred:hover {
	text-decoration: none;
	background-color: rgba(139,0,19,1);
	color: #fff;
	transition: all .35s ;}

.btn_more_red {
	outline: none;
    display: block;
    margin: auto;
    padding: .1rem .13rem;
    width: 90px;
    text-align: center;
    background-color: #8b0013; 
    line-height: 1;
    font-size: .12rem;
    color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: all .35s;}

.btn_more_redline  {
	outline: none;
    display: block;
    margin: auto;
    padding: .1rem .13rem;
    width: 90px;
    text-align: center;
    border: 1px #8b0013 solid; 
    line-height: 1;
    font-size: .12rem;
    color:#8b0013;
	text-decoration: none;
	cursor: pointer;
	transition: all .35s;}

.btn_more_redline:hover,
.btn_more_red:hover {
	background-color:#8b0013;
	text-decoration: none;
	color:#fff;
	transition: all .35s;}


/* 边框线 */
.has_topline ,
.line-top { border-top: 1px var(--border_color) solid;}
.line-bottom { border-bottom: 1px var(--border_color) solid;}


/* 统一字体设置 */
.font-12 ,
.tags ,
.rl_date big ,
p.news-deta,
.search-tags ul a ,
.co-tittle a ,
.zj-select-options a { font-size: .12rem;}

.font-14,
.ft-info p ,
.ft-link ul li,
.h6-tittle ,
p.news-date,
.benner-desc,
.desc,
.desc p ,
.txtlength_limit,
.txtlength_limit p,
.view_text ,
.t-author { font-size: .14rem;}

p,
.font-16,
.h4-tittle ,
.sub_nav ul li a ,
.tab-head ul li { font-size: .16rem;}

.font-18 ,
.search-by-years ul li { font-size: .18rem;}

.font-20,
.co-tittle ,
.normal-tittle  { font-size: .2rem;}

.font-22,
.search-by-years ul li.active { font-size: .22rem;}

.font-24 ,
.t-name,
.course-info b,
.course-info strong  { font-size: .24rem;}

.font-28,
.teacher-name { font-size: .28rem;}

.font-30 { font-size: .3rem;}

.font-32,
.benner-tittle { font-size: .32rem;}

.font-36 { font-size: .34rem;}

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

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

.font-70 ,
big.counter-value { font-size: .7rem;}
 
.font-100 { 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_up60 { padding: .6rem .4rem;}
 .padding_left120 { padding:.6rem  1.2rem ;}
 
 .margin_up50 { margin: 50px auto;}
  
 .margin_bottom20 { margin-top: 0; margin-bottom: .1rem;}
 .margin_bottom30 { margin-bottom: 30px;}
 .margin_bottom70 { margin-bottom: 70px;}


/* 页面通用规则 */
.group-2 { display: flex;}
.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;} 

.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;}
.inside-bottom {}

/* 圆角 */
#banner,
.mainbody .box ,
.tags ,
.home-cards ul li ,
.home-meeting ul li .img16_9 ,
.btn_more_red,
.btn_more_lightred,
.ft-link ul li ,
.img16_9 ,
.head_search,
.btn_more_redline { border-radius: 4px;}




/* 通用标题 */
.co-tittle { color: var(--theme_red); line-height: 1.5; margin-bottom: .2rem; position: relative;}
.co-tittle span { line-height: 1; font-weight: bold;}
.co-tittle a { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.sub-tittle { text-align: left;  color: #fff; margin-bottom: 25px;} 
.sub-tittle h3,
.sub-tittle span {	display: block;	font-size: .22rem;}

.h4-tittle { 
	display: -webkit-box;
	line-height: 1.35; 
	min-height: 0.45rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical; 
	margin-bottom: 3px;  
	font-weight: normal;
	color: #101010; 
	text-align: left;
	transition: all .35s;}

.h6-tittle { 
	display: -webkit-box;
	line-height: 1.35; 
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
	margin-bottom: 3px;}

.news-tittle { 
	display: -webkit-box;
	line-height: 1.35;
	min-height: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #333; 
	margin-bottom: .1rem;  
	font-size: .18rem;}

.news-date ,
.news-type { 
	display: inline-block; 
	color: #000; 
	font-weight: bold; 
	margin: 0;  
	margin-top: .17rem; 
	line-height: 1;}

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


/* 标题文字限制 */ 
.desc,
.desc p ,
.txtlength_limit,
.txtlength_limit p,
.view_text,
.h6-tittle ,
.teacher-name,
.t-name ,
.book_list ul li .t-author {
	display: -webkit-box; 
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #999;}

.news_list ul li .desc,
.news_list ul li .desc p ,
.home-recruit ul li .txtlength_limit,
.home-recruit ul li .txtlength_limit p ,
.home-views ul li .h6-tittle ,
.book_list ul li .t-author  { display: -webkit-box;  -webkit-line-clamp: 1; overflow: hidden;} 




 



/* head */
.headtop {
	width: 100%;	
	padding: 20px 0 0;
	z-index: 100;
	transition: all .35s;
	background-color: #fff;
	position: relative;
	z-index: 50;
	transition: all .35s;}

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

.logo {	
	width: 50%; 
	height: .5rem; 
	overflow: hidden; 
	float: left; 
	position: relative; 
	z-index: 10;  
	margin-bottom: 20px;}

.logo a { display: block; width: 100%; height: 100%;position: relative; z-index: 1;}

.logo img {
	height: .5rem;
	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;}


/* 头部搜索 */
.head_search  { 
	width: 120px;
	/* height: .5rem; */ 
	float: right; 
	padding:.1rem .2rem;
	position: relative;
	border: 1px var(--theme_red) solid;
	font-size: .12rem;
	transform: translateY(3px);
	transition: all .5s;}
.main_search  { 
	width: 89%;
	padding:.1rem .2rem;
	position: relative;
	border: 1px var(--theme_red) solid;
	font-size: .12rem;
	transform: translateY(3px);
	transition: all .5s;}
.getWidth { width: calc(120px + 50px) !important; transition: all .5s;}

.head_search_2  {
	width: 89%;
	/* height: 0.5rem; */ 
	padding: 7px 15px;
	position: relative;
	border-radius: 35px ;
	font-size: 12px;
	transform: translateY(-1px);
	background-color: #f8f8f8;}

.head_search_2 input::placeholder { color: #BEBEBE;}

.head_search_2 .icon-search-autoColor ,
.head_search_2 .icon-search-autoColor::after { border-color: #BEBEBE;}

.head_search input ,
.head_search_2 input { color: #000;}


.head_search input::placeholder { color: var(--theme_red);}



.sm_search { position: relative; z-index: 0; display: none;}
.sm_search form { width: 100%;}

.btn-submit ,
.sm_head_search { 
	width: 0.5rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;}

 .sm_head_search { width: 40px; display: none;} 

.btn-reset {
    position: absolute;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #BEBEBE;
	right: 0;}


.menu { width: 100%; border-top: 1px #eee solid;  position: relative; z-index: 5;}
.menu ul { 	padding: 0;	list-style: none;  height: 100%;}
.menu ul li { position: relative;   height: 100%;  display: block; float: left; margin-right: 0.2rem;}
.menu ul li p { display: table; width: 100%; height: 100%;}
.menu ul li p a { display: table-cell; padding: .1rem 0; font-size: .14rem; vertical-align: middle; color: rgba(0,0,0,.5); text-decoration: none;}
 
.menu ul li:hover p a { color:  var(--theme_txtcolor);  transition: all .35s;}

.menu ul li.page_on a { color: var(--theme_red); transition: all .35s;}
 
/* 二级菜单 */
.menu ul li ol { 
	position: absolute; 
	left: 0px; 
	top: 100%; 
	padding: .3rem 0;
	padding-left: 25px; 	 
	/* background-color: #333; */	
	height: 2.6rem;
	border-right: 1px rgba(255,255,255,.15) solid;}
.menu ul li ol { display: none;} 
.menu ul li ol a { 
	display: inline-block; 
	width: auto; height: auto; 
	line-height: 2.5; 
	color: rgba(255,255,255,.4); 
	font-size: .16rem;
	
	margin-right: 15px; 
	transition: all .35s;} 
.menu ul li ol a:hover { color: rgba(255,255,255,1);  transition: all .35s;}



.fixed-btngroup {
	width: 55px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 15;} 

.fixed-btngroup a {
	display: block;
	padding: 15px;
	width: 65px;	 
	text-align: center;
	color: #fff;
	transition: all .35s;}

.fixed-btngroup a span {
	display: inline-block;
	word-break: break-all;
	width: 25px;
	height: auto;
	transform-origin: center;
	transform: translate(-5px, 0px) rotate(0deg);}

.btn-backtop {
	width: 45px;
	height: 45px;
	background-color: var(--theme_red);
	background-image: url(../../images/cenet_2023/icon/icon-backtop.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	text-align: center; 
	position: fixed;
	right: 45px;
	bottom: 45px;
	z-index: 50;
	cursor: pointer;
	display: none;
	padding-right: 10px;
	transition: all .35s;}

 
/* 移动端菜单按钮 */
.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: 14;
	background-color: #fff;
	top: 0;
	padding-top: 85px;
	display: none; 
	overflow: hidden;}

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


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


/* head-end */

/* .foot */
.foot { margin-top: 50px; padding: 0.5rem 0; color: #fff;}
.foot .row { margin-bottom: 50px;}

.ft-logo img { height: 45px;}

.ft-content { color: #fff;}
.ft-content h6 { margin-bottom: 20px;}
.ft-info p { color: #9A9A9A ; margin-bottom: 10px;}

.ft-link { width: 87%;}
.ft-link ul { padding: 0;}
.ft-link ul li { 
	float: left; 
	width: calc((100% - 20px) / 2);
	background-color: rgba(255,255,255,.1);
	text-align: center;
	margin-bottom: 20px;
	margin-right: 20px; 
	overflow: hidden;
	transition: all .3s;}

.ft-link ul li a { padding: 10px 0; color: #fff; text-decoration: none;}
.ft-link ul li:hover { background-color: rgba(255,255,255,.2); transition: all .3s;}


.ft-link ul li:nth-child(2n) { margin-right: 0;} 
.ft-link ul li:hover { opacity: 1; transition: all .3s;}

.ft-link ul li ,
.ft-link ul li p a {  color: #fff; text-decoration: none; line-height: 1.5;}
.ft-link ul li ol a:hover { color: #fff;}

.ft-medium { width: 1.25rem; margin-left: auto; margin-right: 0;}

.ft-copyright {    
    padding-top: 15px; 
    color: rgba(255,255,255,.5);
    font-size: .12rem;}

.ft-copyright p { display: inline-block;  font-size: .14rem;}
.ft-copyright span { float: right;}
.ft-copyright span a { color: rgba(255,255,255,.5); cursor: pointer;}
 
/* foot-end */




/* 内页二级菜单 */
.sub_nav { 	 
	height: 100%;  
	background-color: #fff; 
	position:relative; 
	z-index: 3;  
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 20px;}
.sub_nav ul { padding: 0; height: 100%;}
.sub_nav ul li { display: block; float: left; height: 100%; margin-left: 20px;}
.sub_nav ul li a {
	display:block; 
	padding: .15rem 0 ; 
	line-height: 1; 
	color: var(--theme_txtcolor); 	
	/* border-bottom: .15rem transparent solid ; */
	transition: all .35s;}

.sub_nav ul li.active a { color: var(--theme_red) !important; 	transition: all .35s;} 
.sub_nav ul li:hover a { color: var(--theme_red) !important; transition: all .35s;}

/* 菜单-滑块 */
.active_line,
.active_stickline {
	outline: none;
	border-top: 2px var(--theme_red) solid;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	display: none;}

.active_stickline  { top: auto; bottom: -3px;}



/* 页面定位 */
.scroll_fix_left {
    position: sticky !important;
    top: 20px !important;
   /* left: -120px !important; */
	right: calc((100vw - 13.8rem) / 2 + 5px) !important;
    transition: all .3s;}

.scroll_fix_right {
    position: sticky;
    top: 20px;
    right: calc((100vw - 13.8rem) / 2 + 5px);
    transition: all .3s;}


.page_load {
	width: 5.1rem;
	float: left;
	height: 100%;
	position: relative;
	padding: 0.35rem;
	line-height: 1;	 
	color: var(--color_txt);}

.page_load .icon-home {	
	display: inline-block; 
	background-image:url(../../images/cenet_2023/icons/icon-home.png) ;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	cursor: pointer;	
	color: transparent !important;
	position: relative;
	margin-right: 10px;}
.page_load .icon-home::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px transparent solid;
	border-left: 5px #BEBEBE solid;
	border-right: none;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);}


.page_load a,
.page_load a:hover { color: #8B0012 ; display: inline-block; text-decoration: none;}

/* innerban-end */


/* fenye  */
button.loading_more {
    border: none;
    outline: none;
    padding: 10px 20px;
	font-size: 16px;}

.pages { width: 100%; /* margin-top: 40px; */ border-top: 1px #e1e1e1 solid;}
.pages ul { width: 100%; padding: 25px 0; position: relative; text-align: center;}
.pages ul a {
	display: inline-block;
	width: .5rem;
	height: .5rem; 
	color: #333;
	text-align: center;
	line-height: .48rem;
	background-color: #f2f5f6;
	font-size: .18rem;
	font-weight: bold;
	margin: 0 5px;
	text-decoration: none;
	transition: all .35s;}

.pages ul a.prev,
.pages ul a.next {	width: 1.15rem;	position: absolute; font-weight: normal; font-family:"SY-Medium";}

.pages ul a.next { left: auto; right: 0;}
.pages ul a.prev { 	left: 0;}

.pages ul a.active,
.pages ul a:hover { background-color: #8B0012; border-color:#8B0012 ; color: #fff; 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;}

/* 样式2 */
.pages_inner2 { width: 100%; margin-bottom: 20px;}
.pages_inner2 ul li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 4px;
	overflow: hidden;}

.pages_inner2 ul li a {
	background-color: rgba(0,0,0,.7);
	padding: .2rem;
	position: relative;
	color: #fff;
	transition: all .35s;}

.pages_inner2 ul li .h6-tittle { color: #fff;  margin-bottom: 10px;}
 
.pages_inner2 ul li:nth-child(1) .news-deta {
	position: absolute;
	right: .2rem;
	bottom: .15rem;} 
 
.pages_inner2 ul li:nth-child(2) .news-deta {
	position: absolute;
	left: .2rem;
	bottom: .15rem;}


button.prev,
button.next {  line-height: 1; background-size: auto 68%; display: block; width: 100%; font-size: .14rem;}

button.prev {
	text-align: left;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:url(../../images/cenet_2023/icon/fy-prev.png);}


/* button.prev::before {
	content: "";
	width: .08rem;
	height: .08rem;
	border-top: 2px #333 solid ;
	border-right: 2px #333 solid ;
	position: absolute;
	left: 0;
	top: 48%;
	transform: translateY(-50%) rotate(-135deg);
} 

button.prev::after {
	content: "";
	width: .2rem;
	border-top: 2px #333 solid ;
	position: absolute;
	left: 0;
	top: 48%;
	transform: translateY(-50%)  ;
} */

button.next { 
	text-align: right;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image:url(../../images/cenet_2023/icon/fy-next.png);}

/* button.next::before {
	content: "";
	width: .08rem;
	height: .08rem;
	border-top: 2px #333 solid ;
	border-right: 2px #333 solid ;
	position: absolute;
	right: 0;
	top:  48%;
	transform: translateY(-50%) rotate(45deg);
}

button.next::after {
	content: "";
	width: .2rem;
	border-top: 2px #333 solid ;
	position: absolute;
	right: 0;
	top: 48%;
	transform: translateY(-50%)  ;
} */

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

.noneline { border-color: transparent;}
/* fenye-end */





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


/* .li-line-2 ul li,
.li-line-3 ul li,
.li-line-4 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 */