@font-face {
	font-family:"HelveticaNowDispBd";
	src:url(../fonts/HelveticaNowDispBd.otf) ;
}

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

@font-face {
	font-family:"HelveticaNowDisplay-HairI";
	src:url(../fonts/HelveticaNowDispHairI.otf) ;
}

@font-face {
	font-family:"HelveticaNowDispMed";
	src:url(../fonts/HelveticaNowDispMed.otf) ;
} 
 
@font-face {
	font-family:"RUBIK-BOLD";
	src:url(../fonts/RUBIK-BOLD.ttf) ;
} 

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


/* 字体设置 */
.HelveticaNowDisplay-Regular { font-family:"HelveticaNowDisplay-Regular" ,微软雅黑,黑体;  }
 
.RUBIK-BOLD { font-family:"RUBIK-BOLD" ; letter-spacing: -1px; }

.RUBIK-BLACK ,
.counter { font-family:"RUBIK-BLACK" ; letter-spacing: -1px; }

.HelveticaNowDispBd-Bold { font-family:"HelveticaNowDispBd"; }

.counter { line-height: 1; }
 
body {
	width: 100%;
	margin: 0;
	padding: 0; 	
	line-height: 1.5;
	background: #fff; 
	cursor: default;
	font-family:"HelveticaNowDisplay-Regular" ;  
	/* font-family:"HelveticaNowDisplay-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 { 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 { 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; color: #1d1d1f;}
 
 /* 内容 编辑器初始化 */
 table { max-width: 100%; border:0 ;}
 table thead tr td,
 .firstRow td {  background-color: var(--theme_Lightblue); min-width: 1.2rem; }
 table tr td { border:0 ; padding: .1rem ;  }
 
 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: left;  }

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: #d2dbe6; }

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

#banner .swiper-button-next , 
#banner .swiper-button-prev { 
	opacity: 0; 
	width: 50px; 
	height: 50px; 
	margin: 0 20px; 
	border: 2px #fff solid;
	border-radius: 50%;  
	display: flex;
	align-items: center;
	justify-content: center;
}

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


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

.swiper-pagination-bullet {  
	width: 8px; height: 8px; 
	margin: 0 12px !important; 
	background-color: #f3f4f6; 
	opacity: 1; 
	outline: #fff;  
	outline-offset: 0;  
	outline-style: solid; 
	outline-width: 1px;
	transition: all .35s;
}
.swiper-pagination-bullet-active {  outline-offset: 10px;  transition: all .35s; }

/* .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: #3c4b5e; 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: #3c4b5e; }


/* 按钮组 */
.slide-btn-group {	position: absolute;	display: flex;	justify-content: space-between;	align-items: center;}
.slide-btn-group .swiper-pagination-bullet { }
.slide-btn-group div { 	position: relative; width: auto; } 
 
.slide-btn-group .swiper-button-prev ,
.slide-btn-group .swiper-button-next { 
	min-width: 40%; 
	font-size: .18rem;
	color: #3c4b5e; 
	width: unset; 
	height: 44px;
	line-height: 44px; 
	position: relative; 
	padding: 0 53px; 
	display: inline-flex; 
	justify-content: flex-start;
	align-items: center;
}

.slide-btn-group .swiper-button-prev::before ,
.slide-btn-group .swiper-button-next::before {
	content: "";
	width: 40px;
	border-top: 2px #3c4b5e solid;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.slide-btn-group .swiper-button-prev::before { left: 0; }
.slide-btn-group .swiper-button-next::before { right: 0; }


.slide-btn-group .swiper-button-prev::after,
.slide-btn-group .swiper-button-next::after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 56%;
	left: 0;	
}


.slide-btn-group .swiper-button-prev::after  {	
	border-top: 2px #3c4b5e solid;
	border-left: 2px #3c4b5e solid;
	transform-origin: left center;
	transform: translateY(-50%) rotate(-45deg);
	transition: all .3s;
}

.slide-btn-group .swiper-button-next::after  {	 
	border-top: 2px #3c4b5e solid;
	border-right: 2px #3c4b5e solid;
	transform-origin: right center;
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}

/* .slide-btn-group div:hover::before ,
.slide-btn-group div:hover::after {	content: ""; border-color: #8c0000; transition: all .3s; } */




/* 后台内容编辑框初始化 */
.info {	color: #313131; line-height: 1.8;  word-break: break-word;}
.info ol,
.info ul { padding-left: 15px; }
.info img { width: 90%; 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 ,
.info section {/* margin-bottom: 15px; */ line-height: 1.8; color: #8a9099;  word-break: break-word;}
.info p a { display:inline;   }
.info b,
.info strong { color: #101010; } 
.info p  { margin-bottom: 8px; font-size: .18rem; }

.info h1,
.info h2,
.info h3,
.info h4,
.info h5,
.info h6 { line-height: 1.35; }

 .desc-unlimit a,
 .info a { color: #0180ff; }
 
 

.researchs-tablelist table { width: 100%; border: 1px #eee solid;}
.researchs-tablelist table p { margin-bottom: 0; display: block; font-size: 14px; color: #333; }
.researchs-tablelist table tr td:first-child { min-width: 100px; }

/* 网站颜色设置 */
:root {
	--theme_blue: #0a659f;
	--theme_orange:#ed6c00;
	--theme_grey: #c3c6ca;
	--theme_Lightblue: #e5f1fa;
	--theme_Lightgrey: #dae2eb;
	
	--theme_body_bg: #ebeff4;
	
	--party_bg: #fef5e9;
	--party_txt: #dd001a;
	
	--border_color :#d2dbe6; 
	--slide-dot: #cccccc;
	
	--color_title: #00162c;	
	--color_desc: #6e6e73;
	--color_date: #b9b9c0; 
	
	--color_bai : #ffffff; 
	
	--gap-space:24px;
	
	--icon-jt:#000820;
} 

.theme_blue { background-color: var(--theme_blue) !important; color: #fff  ; }
.theme_grey { background-color:var(--theme_grey); color: #fff; }
.theme_orange { background-color:var(--theme_orange) !important; color: #fff; }
.theme_Lightblue { background-color: var(--theme_Lightblue) !important; color: #fff  ; }
.theme_Lightgrey { background-color: var(--theme_Lightgrey);  }

.theme_party { background-color: var(--party_bg) !important; color: var(--party_txt);  }
.theme_party_txt { background-color: var(--party_txt) !important; color: #fff !important; }
.theme_party_txt * ,
.theme_party_txt .icon-more::after  { border-color: #fff !important; color: #fff !important;}


.color_party { color: var(--party_txt) !important; }
.color_party i ,
.color_party i::before,
.color_party i::after { border-color: var(--party_txt); }


 
.theme_body { background-color: var(--theme_body_bg);  }

.grid-container2 { 
	max-width: 1230px !important;
	margin: auto;
	display: grid; 
	gap: 50px; 
}

.foot-bg {
	padding: 50px 0;
	background-color: #000820; 
	color: #fff; 
	background-image: url(../img/icon/ft-wave.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom	;
}
.grid-container2 .ft-logo,
.grid-container2 .ft-contact p{ width: 100%; text-align: center; }
.grid-container2 .ft-contact p span { display: block; }
.grid-container2 .ft-menu { 
	padding: 50px 0;
	border-top: 1px rgba(255,255,255,.35) solid; 
	border-bottom: 1px rgba(255,255,255,.35) solid;
}
.grid-container2 .ft-menu ul { display: flex; justify-content: center; gap: 55px; }
.grid-container2 .ft-menu ul li {position: relative;}
.grid-container2 .ft-menu ul li::after {
	content: "·";
	font-size: 24px;
	position: absolute;
	left: calc(100% + 23px);
	top: 50%;
	transform: translateY(-50%);
}

.grid-container2 .ft-menu ul li:last-child::after {	display: none; }
.grid-container2 .ft-menu ul li p a { font-size: 14px; }

.grid-container2 .ft-contact { gap: 5px; }
.grid-container2 .ft-contact p { font-size: 14px; }

.copyright2 { opacity: .5; margin-top: 15px; font-size: 12px !important;}


/* 字体颜色 */
.color_themeBlue { color: var(--theme_blue);}
.color_themeGrey { color:var(--theme_grey);  }
.color_themeOrange { color: var(--theme_orange)!important;  }
.color_themeLightblue { color: var(--theme_Lightblue);}
.color_themeLightgrey { color: var(--theme_Lightgrey);  }
.color_lightblue { color:var(--theme_Lightblue) ; }
.color_title { color: var(--color_title) !important;}
.color_d2dbe6 { color: #d2dbe6 !important; }
.color_d2dbe6 *,
.color_d2dbe6 ::after ,
.color_d2dbe6 :before{ border-color: #d2dbe6 !important; color: #d2dbe6 !important; }

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


/* 其他底纹色系 */
.bg_fff { background-color: #fff; }
.bg_fbf8f5 { background-color: #fbf8f5; }
.paddig-10 { padding: 10px; }

 
/* 边框线 */
.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; }

 
/* 渐变背景 */
.line-waves-grey {
	background: -webkit-linear-gradient(top, #ebeff4 , #ebeff4);
}



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



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

.font-14,
.tool_list .tool_flex ul li a  { font-size: .12rem; }

p,
.font-16,
.news-tags ,
.unison-date { font-size: .16rem; }

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

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

.font-22,
.stand-title-22 ,
.noticelist ul li .news-tittle { font-size: .22rem; }

.font-24 ,
.co-tittle-en ,
.stand-title-24 ,
.news-tittle  { font-size: .24rem; }

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

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

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

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

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

.font-48,
.stand-title-48 ,
.counter { 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; }

 

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

.dis_flex {	display: flex; flex-flow: row wrap;  }
.dis_grid {	display: grid; gap: var(--gap-space); }

.position_static { position: static !important; }
.position_rela { position: relative; z-index: 1; }
.position_up { position: relative; z-index: 5; }

.svg-root {
	display: flex;
	align-items: center;
	width: .7rem;
	height: .7rem;
	line-height: .7rem;
	text-align: center; 
	border-radius: 50%; 
} 

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

.icon { 
	padding-left: 22px; 
	background-repeat: no-repeat; 
	background-position:left center; 
}

.icon-news-svg { background-image: url(../img/icon/icon-news-svg.png); background-size: auto 97%;}  
.icon-home {  padding-left: 30px !important; background-image: url(../img/icon/icon-home.png); background-size: auto 80%;}  
.icon-paln { padding-left: 40px !important; background-image: url(../img/icon/icon-paln.png); background-size:25px; }  
 
/* 圆角 */ 
.border-radius-5 { border-radius: 5px; }
.border-radius-10 { border-radius: 10px; }
.border-radius-20 { border-radius: 20px; }
.border-radius { border-radius: 50%; overflow: hidden; }

/* 通用标题 */
.co-tittle-group { position: relative; margin-bottom: .35rem; color: var(--theme_blue);}
.co-tittle-group .total { position: absolute; bottom: 0; right:0 ;  }
.co-tittle-group a { margin-left: 16px; }
.co-tittle-group small { display: block; font-size: .18rem; line-height:1.5; font-weight: bold; }

.co-tittle { position: relative; color: var(--color_title); display: flex; justify-content: space-between; align-items: center; font-weight: lighter; }
.co-tittle span { line-height: 1; display: block; text-align: right; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.icon-angle {
    display: block;
	margin-top: 9px;
    font-size: .38rem;
    line-height: 1;
    font-weight: lighter;
    opacity: .5;
	color: var(--color_title);
    text-transform: uppercase;
    letter-spacing: -3px;
    padding-left: 50px;
	position: relative;
	font-family:"HelveticaNowDisplay-HairI";
}

.icon-angle:before {
	content: "";
	display: block;
	width: 40px;
	height: 88%;
	position: absolute;
	top: 5px;
	left: 0;
	background: -webkit-linear-gradient(225deg, rgba(237, 108, 0, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: -moz-linear-gradient(225deg, rgba(237, 108, 0, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: -mos-linear-gradient(225deg, rgba(237, 108, 0, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: -ms-linear-gradient(225deg, rgba(237, 108, 0, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: linear-gradient(225deg, rgba(237, 108, 0, 1) 2%, rgba(255, 255, 255, 0) 53%);
}

.color_bai .icon-angle:before {
	background: -webkit-linear-gradient(225deg, rgba(255,255,255, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: -moz-linear-gradient(225deg, rgba(255,255,255, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: -mos-linear-gradient(225deg, rgba(255,255,255, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: -ms-linear-gradient(225deg, rgba(255,255,255, 1) 2%, rgba(255, 255, 255, 0) 53%);
	background: linear-gradient(225deg, rgba(255,255,255, 1) 2%, rgba(255, 255, 255, 0) 53%);
}


.stand-title-20,
.stand-title-22,
.stand-title-24,
.stand-title-32,
.stand-title-36,
.stand-title-48,
.news-detail-title {line-height: 1.35; }

.btn-stand-more {
	display: flex;
	width: auto;
	min-height: 10px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.icon-jt-left,
.icon-jt-right {
	display: inline-block;
	width: 16px;
	height: 2.3px;
	background-color: #fff;
	position: relative;
}

.icon-jt-left::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px #fff solid;
	border-left: 3px #fff solid;
	position: absolute;
	left: 0;
	top: 49%;
	transform: translateY(-50%) rotate(-45deg);
}

.icon-jt-right::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px #fff solid;
	border-right: 3px #fff solid;
	position: absolute;
	left: calc(100% - 10px);
	top: 49%;
	transform: translateY(-50%) rotate(45deg);
}

.icon-jt-top {
	display: inline-block;
	width: 3px;
	height: 16px;
	background-color: var(--icon-jt);
	position: relative;
}
.icon-jt-top::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px var(--icon-jt) solid;
	border-right: 3px var(--icon-jt) solid;
	position: absolute;
	left: 1px;
	top: 0;
	transform: translateX(-50%) rotate(-45deg);
}


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

.news-tittle ,
.desc p , 
.txtlength_limit p {
	display: -webkit-box; 
	line-height: 25px;
	overflow: hidden;
	/* max-height: 50px; */
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	text-align: left; 
}

.news-tittle { -webkit-line-clamp: 3;  word-spacing: -2px; line-height: 1.35; color: var(--color_title); font-weight: bold; height: fit-content; }

/* ul li .news-tittle { min-height: .98rem; } */

.desc-unlimit p { color: var(--color_title);   text-align: left; margin-bottom: 10px; }
.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; } 


.container {  max-width: 1866.83px; margin: auto; width:16rem; min-width: 1230px;  position: relative; z-index: 1; }
.container:before,
.container::after {display: none; }
.grid-container { display: grid; }
.grid-container::before,
.grid-container::after { content: ""; display: none; }
.gap-space { gap:var(--gap-space) }


.headtop .container , 
/* .copyright .container , */
#banner .inside-bottom { width: 90%; }
 
.icon-svg { fill:#fff }  

.btn-common-more {
	background-color: var(--theme_blue);
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #fff;
	padding: .1rem .2rem;
	margin: 0;
	width: 2rem;
	transition: all .35s;
}

.btn-common-more i {
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	position: relative;
	transition: all .35s;
}

.btn-common-more i:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.btn-common-more i::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(0);
	background-image: url(../img/icon/btn-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all .35s;
	/* border: 5px solid;
	border-image: linear-gradient( 115deg, rgba(255,255,255,1) , rgba(255,255,255,0)) 1 1; */
}


.btn-common-more:hover {
	color: #fff;
	text-decoration: none;
	/* background-color: var(--theme_orange); */
	transition: all .35s;
}


.btn-common-more:hover i::after{
	transform: translate(-50%,-50%) rotate(360deg);
	transition: all .35s;
}




/* head */
.headtop {
	width: 100%;  
	padding: 15px 0; 
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	transition: all .35s; 
}
.headtop::before {
    content: "";
    width: 100%;
    height: 3.5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .55));
    position: absolute;
    z-index: -1;
    top: 0;
	pointer-events: none;
}

.fix_bai::before { display: none; }
/* .headtop::before {
    content: "";
    width: 100%;
    height: 1.3rem;
	position: absolute;
	top: 0;
	z-index: -1;
    background: -webkit-linear-gradient(top , rgba(60,75,94,.65) 7%, rgba(0,0,0,.01) 95%);
	background: -moz-gradient(top , rgba(60,75,94,.65) 7%, rgba(0,0,0,.01) 95%);
	background: -ms-linear-gradient(top , rgba(60,75,94,.65) 7%, rgba(0,0,0,.01) 95%);
	background: linear-gradient(top , rgba(60,75,94,.65) 7%, rgba(0,0,0,.01) 95%);
	pointer-events: none;
} */

 .fix_bai { 
	padding: 10px 0;
	background-color: #fff;
	box-shadow:  0 10px 15px rgba(0,0,0,.15); 
	transition: all .35s;
}
 .fix_bai .menu ul li p a,
 .fix_bai .tool ul a { color: var(--color_title) !important; } 
 .fix_bai .menu ul li p:hover a { color: var(--theme_blue) !important; }
 .fix_bai .icon-svg { fill: var(--color_title) !important; }
 .fix_bai .btn-search,
 .fix_bai .btn-search::after,
 .fix_bai a.btn-search-box ,
 .fix_bai .tool ul a:hover { border-color: var(--color_title) !important; }
 


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

.has_panel { display: flex; align-items: center; position: relative; z-index: 15; padding: .2rem 0; }

.logo {	
	width: 40%; 
	height: .7rem; 
	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%;
	width: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	transition: all .35s;
	opacity: 1;
} 

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

.headtop .container { display: flex; align-items: center; }
.headtop .menubar { width: 60%; /* float: right; */ justify-content: flex-end; align-items: center; }
.tool { width: 100%; }
.tool ul {	display: flex; 	justify-content: flex-end;	align-items: center;}
.tool ul a { 
	/* color: var(--color_title) ; */
	color: rgba(255, 255, 255, 0.5);
	margin-left: 16px;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 0 8px;
	border: 1px transparent  solid;
	min-height: 30px;
	line-height: 33px;
	text-decoration: none;
	transition: all .35s;
}

.tool ul a:hover {
	color: rgba(255, 255, 255, 1);
	border: 1px  rgba(255, 255, 255, 1)  solid;
	text-decoration: none;
	transition: all .35s;
}



.tool ul a svg {fill: rgba(255, 255, 255, 0.5); width: 22px; margin-left: 5px; font-weight: bold; }
.btn-search-box { 
	border: 1px #fff  solid !important;
	border-radius: 50%;
}

.tool ul a .btn-search ,
.tool ul a .btn-search::after { border-color: #fff; }

.menu {  width: 100%; display: flex; justify-content: flex-end; align-items: center; align-content: center; flex-flow: row nowrap;  }
.menu ul { width: 100%; display: flex; justify-content: flex-end; }
.menu ul li { display: block; margin: 0; line-height: 1; padding: 8px 0; margin-right: 3%; position: relative;  }
.menu ul li:last-child { margin-right: 0; }
.menu ul li p {	display: block;	line-height: 1;  margin: 0;  color: var(--color_title) ; text-decoration: none; transition: all .35s;}
.menu ul li.nav_active p a,
.menu ul li p:hover a { color: var(--theme_blue);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; 
	transition: all .35s;
}


 .fix_bai img.on-color { opacity: 1 !important; }
 .fix_bai img.old { opacity: 0 !important; }
 
.fix_bai .lang a,
.fix_bai .menu ul li p a ,
.fix_bai .menu ul li ol a ,
.fix_bai .tool ul a:hover svg { fill:var(--color_title); color: var(--color_title)  ; text-decoration: none; transition: all .35s;}
.fix_bai .tool ul a svg,
.fix_bai .tool ul a  { fill:rgba(0,22,44,.5) !important; color: rgba(0,22,44,.5) !important; }

.menu ul li ol {  
	width: 170px;
	position: absolute;
	top: calc(100% + 10px );
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 20px;
	background-color: #fff;
	overflow: visible;
	display: none;
}
.menu ul li ol:before { 
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 9px transparent solid;
	border-top: none;
	border-bottom: 13px #fff solid;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.fix_bai .menu ul li ol { top: calc(100% + 35px ); box-shadow: 0 15px 25px rgba(0, 0, 0, .15);}


.menu ul li ol a { font-weight: normal; color: #999; padding: 8px 0; font-size: 14px; text-align: center; border-bottom: 1px #eee solid; }
.menu ul li ol a:last-child { border: none; }
.menu ul li ol a:hover { color:var(--theme_blue); text-decoration: none; font-weight: 600; }

.foot { width: 100%; position: relative;}
.foot .grid-container {	grid-template-columns: 35% 65%;  }
.foot .ft-grid-left ,
.foot .ft-grid-right .ft-menu ,
.foot .ft-grid-right .ft-grid-third { padding:50px 70px; }

.foot .ft-grid-left { display: grid; gap: var(--gap-space); padding-left: 0; border-right: 1px rgba(255,255,255,.15) solid; }
.foot .ft-grid-right .ft-menu ,
.foot .ft-grid-right .ft-grid-third { padding-right: 0; }
.foot .ft-grid-right .ft-grid-third { position: relative; }

.foot .ft-grid-right .ft-grid-third::after {
	content: "";
	width: calc(100% + ( 100vw - 16rem ) / 2 - 5px );
	border-top: 1px rgba(255,255,255,.15) solid; 
	position: absolute;
	top: 0;
	left: 0;
}

.ft-menu ul {
	display: grid;
	gap: var(--gap-space);
	grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
}
.ft-menu ul li ol { 
	padding: 0;
	margin-top: 10px;
	display: flex;
	flex-flow: column;
	gap: 8px;
}
.ft-menu ul li p a  { font-size: .24rem; }
.ft-menu ul li p a ,
.ft-menu ul li ol a { color: rgba(255,255,255,1);  }
.ft-menu ul li ol a { font-size: 14px; opacity: .4;  transition: all .35s;}
.ft-menu ul li ol a:hover { opacity: 1;  transition: all .35s;}

.ft-contact {
    display: flex;
    flex-flow: column;
    align-items: baseline;
    justify-content: end;
    gap: 16px;
}

.ft-grid-third p a { 
	color: rgba(255,255,255,.75);
	font-size: 14px;
	display: inline-flex;
	padding-right: 5px;
	margin-right: 5px;
	text-decoration: none;
}

.ft-grid-third p a:hover { text-decoration: none; }

.ft-grid-third {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slogan { line-height:1.35;}

.ft-contact p { font-size: .2rem;  font-weight: lighter; }
.ft-contact p span { display: block; font-size: .16rem; line-height: 2; }

.copyright { clear: both; border-top: 1px rgba(255,255,255,.15) solid; padding: .4rem 0; }
.copyright p { font-size: 14px; display: flex; justify-content: space-between; color: rgba(255,255,255,.5); }





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

.dot span {
	display: block;
	width: 100%;
	transform-origin: center center;	
	border-top:2px #fff solid;
	margin: 5px 0; 
	transition: all .35s;
}

.fix_bai .dot span { border-color: var(--theme_blue); }

.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, -5px ) rotate(-45deg) ; }

.sm_panel {
	position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 20;
    padding-top: 95px; 
	height: 100vh;
	display: none;
}

.sm_panel .container { 
	height: calc(100vh - 85px); 
	display: grid;
	gap: 20px;
}

.sm_menu ul ol { display: none; }
.sm_menu ul li:first-child { border-top: 1px #d2dbe6 solid; }
.sm_menu ul li { transform: translateX(100%); opacity: 0; border-bottom: 1px #d2dbe6 solid; }
.sm_menu ul li p a { padding: 14px 0; font-size: 18px; color: #3c4b5e; }

.sm_copyright {  padding: 15px 0; }
.sm_copyright p { text-align: center; font-size: 12px; color: #999; } 

.sm_tool {
	display: grid;
	grid-template-columns: 30px 20px auto;
	gap: 10px;
	align-items: center;
	 height: fit-content;
}

.search-smbox { position: relative; border: 1px #eee solid; }

.search-smbox,
.search-smbox form input, 
.search-smbox form button { height: 35px; }
.search-smbox form input { padding: 0 10px; }

.search-smbox form {
	display: grid;
	grid-template-columns: 85% 15%;
}

.search-smbox form .btn-search ,
.search-smbox form .btn-search::after{ border-color: #0180ff; }

/* 动画 */


/* .co-tittle-group, */
/* .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 */

 

 
/* mode内页banner通用规则 */
.innerban { 
	width: 100%; 
	height:4.8rem; 
	background-color: #0a659f;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;	 
}
.innerban .inside-bottom {	
	position: absolute;
	bottom: 0;
	height: auto;
	width: 100%;
	left: 0;
	right: 0;  
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	/* pointer-events: none; */
	z-index: 10;
	padding-top: 1rem;
	background: -webkit-linear-gradient(bottom,#0a659f,rgba(255,255,255,0));
	background: -moz-linear-gradient(bottom,#0a659f,rgba(255,255,255,0));
	background: -ms-linear-gradient(bottom,#0a659f,rgba(255,255,255,0));
	background: linear-gradient(bottom,#0a659f,rgba(255,255,255,0));
}

.innerban .container { 
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row-reverse;
	color: #fff;
}

.innerban .sub_nav { width: calc(100% - 1.5rem); width: auto;}

.innerban .page_bread { width: 2.8rem; width: auto; display: flex; justify-content: flex-end; } 
.innerban .page_bread p,
.innerban .page_bread p a { color: #fff; text-decoration: none; }

.innerban-title { margin-top: 10%; }
.innerban-title h1 { font-weight:500; margin-bottom: 8px; }
.innerban-title p { opacity: .85; }

.sm_sub_nav {
	padding: 20px 0;
    background-color: var(--theme_Lightblue);
}

.main-box {  position: relative; }
.main-box ul {
	position: absolute;
	background-color:#0a659f ;
	width: 100%;
	display: none;
}

.main-box ul li a { color: #fff; text-decoration: none; padding: 8px 12px; }
.main-box ul li:hover a {background-color:#eee ; color: #0a659f; text-decoration: none; } 

h3.page-title {
    font-size: 16px;
    background: #fff;
    padding: 12px;
    position: relative;
	padding-right: 15px;
}

h3.page-title::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 7px transparent solid;
	border-top: 8px #0a659f solid;
	border-bottom: none;
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
}


.sm_sub_nav { width: 100%; }
.sub_nav_panel { position: relative; z-index: 15; margin-top: -50px; margin-bottom: 70px; }

.drop_menu {  display: flex;  align-items: center; justify-content: flex-end;} 
.page-position {  border-right: 1px #b2b9c1 solid; padding-right: 10px;  }
.page-position a { line-height: 1; display: block; }

.panel_drop { position: relative; width: 200px; margin-left: 20px; }
.panel_drop::after {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	right: 5px;
	top: 38%;
	transform-origin: center center;
	transform:  translateY(-50%) rotate(135deg);
	border-top: 2px #b2b9c1 solid;
	border-right: 2px #b2b9c1 solid;
}
.panel_drop ul { background-color: rgba(255,255,255,.5);  position: absolute;  top: 100%;  width: 100%;  padding: 15px; display: none; }
.panel_drop ul li { opacity: .5; display: block; padding-bottom: 8px; border-bottom:  1px #b2b9c1 solid; margin-bottom: 8px; transition: all .35s; }
.panel_drop ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
.panel_drop ul li:hover { opacity: 1; transition: all .35s; }

.child-menu { margin-left: 40px; }
.child-menu::before {
	content: "";
	height: 16px;
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	border-left: 1px #b2b9c1 solid;
}

input.select-option { 
	width: 100%;
	padding:5px 0; 
	text-align: left;	
	position: relative; 
	padding-right:20px; 
	/* font-weight: bold; */
	font-size: .18rem; 
	color: #2e3b4c; 
	cursor: pointer; 
}

.type-search { position: relative; border-bottom: 1px #d2dbe6 solid; }

.search-tool-box { position: absolute; right: 0; top: 0; height: 100%; padding-left: 40px; opacity: .5; z-index: 5; display: flex; align-items: center; }
.search-tool-box form  { width: 100%;  }
.search-tool-box input { height: .46rem; color: #2e3b4c; z-index: 5; font-size: .18rem; }
.search-tool-box input::placeholder {color: #2e3b4c; }
.search-tool-box button { padding: 0 10px; height: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  }
.search-tool-box button i { width: .17rem; height: .17rem; }
.search-tool-box button i,
.search-tool-box button i::after { border-color: #2e3b4c; }

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

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

.btn-search {
	display: block;
	min-width: 12px;
	min-height: 12px;
	width: .13rem;
	height: .13rem;
	border: 2px #fff solid;
	border-radius: 50%;
	position: relative;
	font-style: normal;
	cursor: pointer;
	margin: auto;
}

.btn-search::after {
	content: "";
	display: block;
	width: 5px;
	border-top: 2px #fff solid;
	position: absolute;
	top:100%;
	left: 78%;
	transform: rotate(45deg);
}

.search-box input { width: calc(100% - 18px); 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;
}

.search-box button .btn-search ,
.search-box button .btn-search::after { border-color:#2e3a4c; }

.normal_state_opacity { opacity: 1; }

.resultslist ul li {  padding: 20px 0; border-top: 1px #eee solid; }
.resultslist ul li:last-child   { border-bottom: 1px #eee solid;}
.resultslist ul li h3 { margin-bottom: 5px; }
.resultslist ul li p small { font-size: 20px;  }
.resultslist ul li p.unison-date big {
	line-height: 1; 
	letter-spacing: -2px; 
	display: block; 
	font-size:28px;
	font-weight: bold;
}
.resultslist ul li a {
	display: grid;
	grid-template-columns: 100px  calc(100% - 300px)  150px;
	align-items: center;
	gap: var(--gap-space);
}

.resultslist ul li:hover h3 { color: var(--theme_orange); transition: all .35s;}

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


/* fenye  */
.pages { width: 100%; /* margin-top: 40px; */ border-top: 1px #e1e1e1 solid; }
.pages ul { width: 100%; padding: 35px 0 0; position: relative; text-align: center; }
.pages ul a {
	display: inline-block;
	min-width: 35px;
	min-height: 35px;
	width: .5rem;
	height: .5rem; 
	color: #2e3a4c;
	text-align: center;
	line-height: .52rem;	
	border: none;
	font-size: .16rem;
	font-weight: bold;
	border-radius: 50%;
	margin: 0 10px;
	text-decoration: none;
	transition: all .35s; 
}

.pages ul a.prev,
.pages ul a.next { 
	width: 66px;
	height: 66px;
	line-height: 66px;
	background-color: #c3c6ca; 
	color:  #fff; 	
	cursor: pointer; 
	text-align: center;  
	position: relative; 
}
/* 
.pages ul a.prev { position: absolute; left: 0; text-align: left; }
.pages ul a.next { position: absolute; left: auto; right: 0; text-align: right; }
  
.pages ul a.prev:hover ,
.pages ul a.next:hover {background-color: transparent;  } */

.pages ul a.prev:hover i ,
.pages ul a.next:hover i { border-color: #2e3a4c;  } 

/* .pages ul a i,
.pages ul a i::after { border-width: 1px; } */


.pages ul a.active,
.pages ul a:hover { background-color: #00162c; border-color: #00162c; color:  #fff; transition: all .35s;  }

.pages ul a.prev:hover i::before,
.pages ul a.next:hover i::before { border-color:#fff; }
 

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