@charset "UTF-8";
html, body, * {font-family:"Microsoft YaHei", '微软雅黑','思源黑体';font-weight: normal;font-family: 'syhtnor';}
*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
body {margin: 0;padding: 0;font:14px/180% Microsoft Yahei;color:#000000;}
a{color:#000000;text-decoration:none;}
a:hover{text-decoration:none;}
ul{list-style-type: none;}
li{list-style-type: none;}
.clear{clear:both;font-size:0;margin:0;padding:0;}
.l{float:left;}
.r{float:right;}	
.tra_s_2
	{
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}
.box_s{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
.body-style{
	background-color: #000000;
}
  /* 京华老宋 */
  @font-face {
	font-family: 'KingHwaOldSong';
	src: url('https://yuanmilclub.oss-cn-beijing.aliyuncs.com/web/font/KingHwa_OldSong.ttf') format('truetype');
  }
/* 思源宋体 400 */
@font-face {
	font-family: 'systmed';
 	src: url('https://yuanmilclub.oss-cn-beijing.aliyuncs.com/web/font/SourceHanSerifCN-Regular.otf') format('truetype');
}
/* 思源宋体 500 */
@font-face {
	font-family: 'systmed-medium';
 	src: url('https://yuanmilclub.oss-cn-beijing.aliyuncs.com/web/font/SourceHanSerifCN-Medium.otf') format('truetype');
}
/* 思源黑体 400 */
@font-face {
	font-family: 'syhtnor';
	src: url('https://yuanmilclub.oss-cn-beijing.aliyuncs.com/web/font/SourceHanSansCN-Regular.otf') format('truetype');
}
/* 思源黑体 700 */
@font-face {
	font-family: 'syhtnor-bold';
	src: url('https://yuanmilclub.oss-cn-beijing.aliyuncs.com/web/font/SourceHanSansCN-Bold.otf') format('truetype');
}
  
.mains{
	width:1160px;
	margin:0 auto;
	padding: 0 20px;
}
/* index-video */
.index-video{
	width: 100%;
	font-size: 0;
	position: relative;
	min-width: 1240px;
}
.index-video video{
	width: 100%;
	display: block;
}
.index-video button{
	width: 28px;
	height: 28px;
	position: absolute;
	right: 50px;
	bottom:30px;
}
/* index-video end */
/* header */
header{
	position: fixed;
	left:0;
	top: 0;
	width:100%;
	padding-top: 30px;
	z-index: 1000;
	min-width: 1200px;
}
header .header-main{
	width: calc(100% - 140px);
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	color:#ffffff;
	min-width: 1200px;
}

.logo{position: fixed;top:30px;left:50%;transform: translate(-50%,0);font-size:0;}
.logo img{ width: 56px;height: 96px;display: block;}
header .header-main .nav{font-size:14px;line-height: 2.5;letter-spacing: 1px;}
header .header-main .nav a{position: relative;color: #ffffff;font-family: 'systmed';margin:0 18px;padding-bottom: 9px;}
header .header-main .nav a.on{border-bottom:1px solid #ffffff;}
header .header-main .nav a:after{content: "";position: absolute;left:50%;bottom:0;width:0;height:1px;background-color: #ffffff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
header .header-main .nav a:hover:after{width:100%;left:0;}
.header-right{
	letter-spacing: 1px;
	display: flex;
	align-items: center;
} 
.header-right a{
	display:inline-block;
	margin-left: 40px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
    color: #ffffff;
	font-family: 'syhtnor';
	font-size: 14px;
}
.header-right a:nth-child(3){
    background-color:#ffffff;
    color: #000000;
	display: inline-block;
	font-family: 'syhtnor';
	font-size: 14px;
	border-radius: 4px;
	padding: 8px 16px;
	line-height: 1;
}
.header-right a:nth-child(2):hover{
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	border-bottom: 1px solid #ffffff;
}

/* 自定义方形单选框和复选框样式 - 使用图片 */

/* 隐藏原生单选框和复选框 */
.div-item input[type="radio"],
input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	min-width: 12.25px;
	min-height: 12.25px;
	border: none;
	outline: none;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	margin-right: 8px;
	background-color: transparent;
	background-image: url('../images/in/redio-default.png');
	background-size: 12.25px 12.25px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.3s ease;
	display: inline-block;
}

/* 选中状态 - 使用选中图片 */
.div-item input[type="radio"]:checked,
input[type="checkbox"]:checked {
	background-image: url('../images/in/redio-checked.png');
	background-size: 20px 20px;
}

/* 禁用状态 */
.div-item input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.menu-login{
	display: block;
}
.menu-login-content{
		display: flex;
		justify-content: flex-start;
		align-items: center;
}
.menu-login-icon{
	width: 28px;
	height: 28px;
	margin-right: 8px;
	border-radius: 50%;
}
/* header end */
/* banner */
.swiper-container{width:100%;height:100%;overflow:hidden;}
.swiper-container .main_list{width:100%;}
.swiper-container .main_list .sl_img{width:100%;font-size:0;}
.swiper-container .main_list .sl_img img{width:100%;display:block;}
.swiper-container .main_list .sl_img video{width:100%;display:block;}
.swiper-container .swiper-pagination-bullet{opacity:1;width:8px;height:8px;border-radius:6px;display: inline-block;background:#9a9a9a;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.swiper-container .swiper-pagination-bullet-active{width:26px;background:#ffffff;}
.swiper-container-horizontal>.swiper-pagination-bullets{width:100%;left:0;height:30px;bottom:50px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.swiper-container .main_list .sl_img .banner_info{position:absolute;font-family:"PingFang SC";font-size:15px;left: 0;top: 24%;width: 100%;}
.swiper-container .swiper-button-prev{z-index:10;left:1.5rem;top:45%;width:0.7rem!important;height:0.7rem!important;background:url(../images/left.png) center center no-repeat;background-size:90% 90%;} 
.swiper-container .swiper-button-prev:after{content:''!important;} 
.swiper-container .swiper-button-next{right:1.5rem;top:45%;width:0.7rem!important;height:0.7rem!important;background:url(../images/right.png) center center no-repeat;background-size:90% 90%;} 
.swiper-container .swiper-button-next:after{content:''!important;} 
/* banner end */
/* index-title */
.index-title{width: 100%;text-align: center;min-width:1200px}
.index-title h2{color: #E0E0E0;font-family: 'KingHwaOldSong';font-size: 32px;font-weight: normal;line-height: 2.0;text-align: center;letter-spacing: 0em;}
.index-title p{
	font-family: Source Han Sans;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0em;
	color: #909090;
}
/* index-title end */
/* portrait */
/*.portrait{width: 100%;}*/
.portrait-con{margin-top:40px;color:#ffffff;}
.portrait-con h3{
	font-family: 'KingHwaOldSong';
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0em;
	color: #E0E0E0;}
.portrait-con .portrait-list{
	/*width: 1200px;*/
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin:60px auto;
}
.portrait-con .portrait-list li{
	font-family: 'systmed';
}
.portrait-con .portrait-list li .data{
	font-size:24px;
	color: #909090;
	font-family: 'systmed';
}
.portrait-con .portrait-list li .data span{
	font-size:50px;
	display: inline-block;
	line-height: 1.0;
	font-family: 'KingHwaOldSong';
	color: #E0E0E0;
	padding-right: 6px;
}
.portrait-con .portrait-list li h5{
	display: inline-block;
	font-size:16px;
	line-height: 2.0;
	padding:15px 0 10px 0;
	font-family: 'KingHwaOldSong';
	color: #E0E0E0;
	padding-left: 25px;
	background:url(../images/hx_icon.png) left center no-repeat ;
	background-size: 16px auto;
}
.portrait-con .portrait-list li p{
	font-family: Source Han Sans;
	color: #909090;
}
.card{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
.card li{
	width: 268px;
	margin:20px 100px;
	text-align: center;
}
.card li .card-img{
	width: 100%;
	height: 170px;
	border-radius:6px;
	font-size:0;
	overflow: hidden;
}
.card li .card-img img{
	width: 100%;
	display: block;
}
.card li h6{
	margin-top:10px;
	font-size: 20px;
	line-height: 26px;
	font-family: 'KingHwaOldSong';
	color: #E0E0E0;
	letter-spacing: 1px;
	margin-bottom: 12px;
}
.card li .card-type{
	font-family: 'syhtnor';
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0em;
	/* 次要文字颜色 */
	color: #909090;
	margin-bottom: 20px ;
}
.card li .card-price{
	font-family: 'syhtnor';
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0em;
	/* 白色 */
	color: #E0E0E0;
	margin-bottom: 24px;
}
.card li .card-btn{
	height: 35px;
	border-radius: 24.5px;
	background: #E0E0E0;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;

	font-family: 'syhtnor';
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0em;
	/* 黑色 */
	color: #000000;
	transition: all 0.3s;
}

.card li .card-btn:hover{
	background: #ffffff;
	/*鼠标图标变化*/
	 cursor: pointer;
	/* 鼠标悬停动画 向上移动 */

	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(212, 212, 212, 0.4);


}
.card li .card-btn-recommend{
	height: 33px;
	border-radius: 24.5px;
	border: 1px solid #909090;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'systmed';
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0em;090;
}
.card li .card-btn-recommend span{
	color: #909090;
}
/* portrait end */
/* middle */
.middle{
	width: auto;
	font-size:0;
	position: relative;
	height: 380px;
	overflow: hidden;
	background-image: url("../images/mid.jpg");
	background-position: center;
	min-width: 1200px;
}
.middle img{
	width: 100%;
	display: block;
}
.middle .middle-main{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.middle a{
	position: relative;
	font-family: 'KingHwaOldSong';
	font-size:40px;
	line-height: 2.0;
	color: #FFFFFF;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.middle a::before{content: "";position: absolute;right:-10px;top:50%;transform: translate(0,-50%); width:0px;height: 2px;background-color: #ffffff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.middle a:hover::before{width:60px;right:-70px;}
.middle a::after{content: "";position: absolute;left:-10px;top:50%;transform: translate(0,-50%); width:0px;height: 2px;background-color: #ffffff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.middle a:hover::after{width:60px;left:-70px;}
.middle a:hover{
	transform: translate(0,-6px);
}
/* middle end */
/* mid-data */
.mid-data{width:100%;margin:175px auto;}
.mid-data-main{
	display: flex;
	justify-content: space-between;
}
.mid-data-main .items{
	width: 162px;
	height: 61px;
	border-radius: 6px;
	padding: 24px 14px;
	opacity: 1;
	/* 模块背景色 */
	background: #0F0F0F;
	margin-right:12px;
	color:#ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;

	overflow: hidden;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.mid-data-main .items :last-child{
	margin-right:0;
}
.mid-data-main .items:hover{
	transform: translate(0,-6px);
}
.mid-data-main .items .items-zh{
	display: inline-block;
	color: #E0E0E0;
	line-height: 37px;

	font-family: 'KingHwaOldSong';
	font-size: 28px;
	font-weight: normal;
}
.mid-data-main .items .items-en{
	display: inline-block;
	color: #909090;
	font-family: 'syhtnor';
	font-size: 12px;
	font-weight: 300;
	line-height: 17px;
	text-align: right;
}
.mid-data-main .items .info{
	margin-top:30px;
	font-size:18px;
	color: #E0E0E0;
	font-family: 'systmed';
}
.mid-data-main .items .info span{
	font-size: 44px;
	padding-right: 5px;
	font-family: 'systmed';
}
/* mid-data end */
/* newcard */
.member-title{
	padding-bottom: 20px;
	display: flex;justify-content:space-between;align-items: center;
	border-bottom:1px solid #1C1C1C;
}
.member-title p{
	font-family: 'systmed';
	font-size:14px;
	color: #909090;
}
.newcard-con{width: 100%;margin-top:40px;color:#ffffff;}
.newcard-con h3{
	font-family: 'syhtnor';
	font-family: 'systmed';
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0em;
	color: #E0E0E0;}
.card2{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin-top:60px;
}
.card2 li{
	width: 268px;
	margin:20px 100px;
	text-align: center;
}
.card2 li .card-img{
	width: 100%;
	height: 170px;
	border-radius:6px;
	font-size:0;
	overflow: hidden;
}
.card2 li .card-img img{
	width: 100%;
	display: block;
}
.card2 li h6{
	margin-top:15px;
	font-size: 16px;
	line-height: 2.0;
	font-family: Source Han Sans;
	font-family: 'systmed';
	color: #E0E0E0;
	letter-spacing: 1px;
}
.card2 li h5{
	font-size:14px;
	line-height: 2.0;
	color: #909090;
	font-family: 'syhtnor';
}
.card2 li div span{
	font-size: 18px;
	line-height: 3.0;
	color: #E0E0E0;
	font-family: 'syhtnor';
}
.card2 li p{
	display: inline-block;
	font-size:16px;
	line-height: 35px;
	color: #909090;
	font-family: 'syhtnor';
	border:1px solid #ffffff;
	border-radius: 20px;
	padding: 0 32px;
	margin-top:10px;
}
.card2 li .apply-btn{
	display: inline-block;
	font-size:16px;
	line-height: 35px;
	color: #000000;
	font-family: 'syhtnor';
	border:1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 0 32px;
	margin-top:10px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.card2 li:hover .apply-btn{
	transform: translate(0,-6px);
}
/* newcard end */

/* footer */
footer{
	width:100%;
	padding: 120px 0 0 0;
	background: url(../images/footer_back.png) center top no-repeat #080808;
	background-size: 100% auto;
}
.footer-con{
	width: 100%;
	display: flex;
	justify-content: left;
	color:#ffffff;
	padding-bottom: 50px;
	background: url(../images/footer_con.png) right center no-repeat;
	background-size: auto 80%;
}
.footer-con .con{
	width:130px;
	margin-right:80px;
	text-align: center;	
}
.footer-logo{
	width: 100%;
	font-size:0;
}
.footer-logo img{
	width: 52px;
}
.media{
	width: 100%;
	margin-top:15px;
	display: flex;
	justify-content: center;
}
.media a img{
	width:14px;
	margin:0 7px;
}

.footer-con .con1{
	max-width:170px;
	margin-right:70px;
}
.footer-con .con1 h5{
	font-size: 14px;
	color: #E0E0E0;
	font-family: 'syhtnor';
	margin-bottom: 10px;
}
.footer-con .con1 li {
	font-size: 12px;
	line-height: 1.6;
	color: #909090;
	font-family: 'syhtnor';
	font-weight: normal;
	margin:5px 0;
}
.footer-con .con1 li a{
	font-size: 12px;
	line-height: 1.8;
	color: #909090;
	font-family: 'syhtnor';
	font-weight: normal;
}
.con-tym{
	width: 100px;
	text-align: center;
	font-size: 12px;
	line-height: 2.0;
	color: #E0E0E0;
}
.con-tym img{
	width:94px;
}
.con-tym p{
	color: #E0E0E0;
}

.copyright{border-top:1px solid #3d3d3d;font-size:12px;line-height: 54px;color: #909090;display: flex;justify-content: space-between;align-items: center;}
.copyright a{color: #909090;}
.copyright div a{padding-left: 20px;}
/* footer end */
/* pp */
.pp {
	width: 100%;
	margin:100px auto;
}
.pp .pp-main{
	width: 100%;
	text-align: center;
	min-width: 1200px;
}
.pp .pp-main .pp-img{
	width: 80%;
	margin:40px auto 160px auto;
	text-align: center;
}
.pp .pp-main .pp-img img{
	max-width: 100%;
}

.pp-img-box{
	position: relative;
	margin-top: 70px;
	margin-bottom: 170px;
}
.pp-img-content{
	position: relative;
	width: 168px;
	height: 239px;
	margin: 0 auto;
	/*background-color: #9a9a9a;*/
}
.pp-img-content img,.pp-img-content .logo-text-box {
	animation-fill-mode: forwards; /* 动画结束后停在终点 */
	animation-duration: 1.2s; /* 统一动画时长，确保同步完成 */
	animation-timing-function: ease; /* 平滑过渡 */
}
.pp-img-content img.logo-bord{
	position: absolute;
	top: 0;
	left: 0;
	width: 168px;
	height: 239px;
}
.pp-img-content img.logo-bottom {
	position: absolute;
	left: 15.93px;
	top: 67.76px;
	width: 79.9%;
	height: 55.5%;
	opacity: 1;
}
.pp-img-content img.logo-top {

	position: absolute;
	left: 61.93px;
	top: 27.21px;
	width: 27.81%;
	height: 10.13%;
	opacity: 1;
}
.logo-line-left, .logo-line-right{
	width: 154px;
	height: 19px;
	position: absolute;
	opacity: 0;
}
.logo-line-left{
	top: 35px;
	left: -312px;
}
.logo-line-right{
	top: 125px;
	left: 396px;
}
.logo-text-box{
	display: flex;
	flex-direction: column;
	width: 200%;
	position: absolute;
	justify-content: flex-end;
	align-items: flex-end;
	text-align: right !important;
	top: 39px;
	left: -659px;

	opacity: 0;
}
.logo-text-box:last-child{
	justify-content: flex-start;
	align-items: flex-start;
	left: 560px;
	top: 127px;
}
.logo-text-box:first-child{

}
.logo-text-box span:first-child{
	font-family:  'systmed';
	font-size: 20px;
	font-weight: 500;
	line-height: 29px;
	/* 白色 */
	color: #E0E0E0;
}

.logo-text-box span:last-child{
	font-family: 'syhtnor';
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	/* 次要文字颜色 */
	color: #909090;
	/*超过宽度不换行*/
	white-space: nowrap;
	margin-top: 3px;
}
/* -------------------------- 1. 第一个图片：向左移动 -------------------------- */
@keyframes moveLeft {
	0% { transform: translateX(0); } /* 初始位置 */
	100% { transform: translateX(-213px); } /* 向左移动200px（可调整） */
}
.img-left { animation-name: moveLeft; }

/* -------------------------- 2. 第二个图片：向右移动 -------------------------- */
@keyframes moveRight {
	0% { transform: translateX(0); } /* 初始位置 */
	100% { transform: translateX(240px); } /* 向右移动200px（可调整） */
}
.img-right { animation-name: moveRight; }

/* -------------------------- 3. 第三个图片：保持不动（无需动画，或空动画） -------------------------- */
/* 若需要显式定义“不动”，可加空动画（不影响结果） */
@keyframes stay {
	0% { transform: translateX(0); }
	100% { transform: translateX(0); }
}
/* -------------------------- 4. 文字元素：显示 -------------------------- */
@keyframes showText {
	0% { opacity: 0; transform: translateY(20px); } /* 初始位置 */
	100% { opacity: 1; transform: translateY(0); } /* 显示 */
}
.text-show { animation-name: showText; }

/* -------------------------- 5. 线元素：显示 -------------------------- */
@keyframes showLine {
	0% { opacity: 0; transform: translateY(20px); } /* 初始位置 */
	100% { opacity: 1; transform: translateY(0); } /* 显示 */
}
.line-show { animation-name: showLine; }

/* -------------------------- 2. 离开时的动画（反向：回归原位） -------------------------- */
/* 第一个图：从左移位置回归 */
@keyframes leaveLeft {
	0% { transform: translateX(-213px); } /* 从左移终点开始 */
	100% { transform: translateX(0); } /* 回到原位 */
}
.leave-left { animation-name: leaveLeft; }
/* 第二个图：从右移位置回归 */
@keyframes leaveRight {
	0% { transform: translateX(240px); } /* 从右移终点开始 */
	100% { transform: translateX(0); } /* 回到原位 */
}
.leave-right { animation-name: leaveRight; }
/* 第三个图：保持不动（无需动画，或空动画） */
@keyframes stay {
	0% { transform: translateX(0); }
	100% { transform: translateX(0); }
}
.leave-stay { animation-name: stay; }
@keyframes leaveShow {
	0% { opacity: 1; transform: translateY(0); } /* 显示 */
	100% { opacity: 0; transform: translateY(-20px); } /* 隐藏 */
}
.leave-show { animation-name: leaveShow; }



/* pp end */
/* map */
.map {
	width: 100%;
	margin:100px auto;
}
.map .map-main{
	width: 100%;
	text-align: center;
}
.map .map-main .map-img{
	width:1300px;
	height: 596px;
	font-size: 0;
	margin:80px auto 160px auto;
	text-align: center;
	position: relative;
}
.map .map-main .map-img img{
	width: 100%;
	height: 100%;
}
.map-icon li{
	position: absolute;
	width: 29px;
	height: 29px;
	background: url(../images/map_icon.png) center center no-repeat;
	background-size:20px 20px;
	cursor: pointer;
}
.map-icon li .infos{
	position: absolute;
	background: #0F0F0F;
    display: none;
    /*width: 220px;*/
    /*height: 80px;*/
	padding: 10px 15px;
    border-radius: 10px;
    position: absolute;
    left: 30px;
    top: 0;
	z-index: 2001;
	overflow:hidden ;
}
.map-icon li .infos{
	color: #000000;
	text-align: left;
}

.map-icon li .infos .infos-item{
    font-family: 'syhtnor';
    color: #ffffff;
    white-space:nowrap;
	font-size: 14px;
	line-height: 2.5;
	padding-left:24px;
	background: url(../images/school.png) left center no-repeat;
	background-size: 16px auto;
}

.map-icon li .infos h5{
	font-size: 16px;
	font-family:'syhtnor';
	line-height: 1.8;
}
.map-icon li .infos p{
	color: #000000;
	font-family:'syhtnor';
	opacity:0.6;
}

.map-icon li.c1{
	z-index: 1600;
	left: 475px;
	top:200px;
}
.map-icon li.c2{
	z-index: 1000;
	left: 456px;
	top:320px;
}
.map-icon li.c3{
	z-index: 1000;
	left: 562px;
	top:434px;
}
.map-icon li.c4{
	z-index: 1001;
	left: 956px;
	top:90px;
}
.map-icon li.c5{
	z-index: 1000;
	left: 990px;
	top:172px;
}
.map-icon li.c6{
	z-index: 1006;
	left: 88px;
	top:110px;
}
.map-icon li.c7{
	z-index: 1000;
	left: 136px;
	top:116px;
}
.map-icon li.c8{
	z-index: 1000;
	left: 128px;
	top:129px;
}
.map-icon li.c9{
	z-index: 1000;
	left: 582px;
	top:180px;
}

.map-icon li.cur{
	/*background-image: url(../images/map_icon2.png);*/
	/*background-size: 100% 100%;*/
}
.map-icon li.cur .infos{
	display: block;
}
/* map end */
/* guwen */
.guwen{
	width: 100%;
	margin:120px auto
}
.all-title{
	display: flex;
	padding-bottom: 20px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #1C1C1C;	
}
.all-title h3{
	font-family: 'syhtnor';
    font-family: 'systmed';
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em;
    color: #E0E0E0;
}
.guwen-son{
	display: flex;
	margin-top: 20px;
}
.guwen-son li{
	margin-right:20px;
}
.guwen-son li a{
	font-size: 14px;
	line-height: 2.0;
	color: #909090;
}
/* guwen end */
/* actives */
.actives{
	margin:160px auto;
}
.cat1 {
	width: 100%;
	display: flex;
}
.cat1 h4{
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	color: #E0E0E0;
	font-family: 'syhtnor';
	margin-right: 15px;
	font-variation-settings: "opsz" auto;
	font-feature-settings: "kern" on;
}
.cat1 .cat1-list{
	display: flex;
	flex-wrap: wrap;
}
.cat1 .cat1-list li{
	margin:0 15px;
}
.cat1 .cat1-list li a{
	font-size:16px;
	line-height: 28px;
	color: #909090;
	font-family: 'syhtnor';
}
.cat1 .cat1-list li:hover a{
	color: #ffffff;
}

.cat2 {
	width: 100%;
	display: flex;
	flex-wrap:wrap ;
	margin:12px auto;
}
.cat2 .cat2-list{
	display: flex;
	flex-wrap: wrap;
}
.cat2 .cat2-list li{
	margin-right:30px;
}
.cat2 .cat2-list li a{
	font-size:16px;
	line-height: 28px;
	padding-bottom: 5px;
	color: #909090;
	font-family: 'syhtnor';
}
.cat2 .cat2-list li:hover a{
	color: #E0E0E0;
}
.cat2 .cat2-list li.on a{
	/* font-weight: bold; */
	color: #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
.cat2 .cat2-list li:hover a{
	color: #E0E0E0;
}
/* actives end */
/* cat3 */
.cat3{
	margin:25px auto;
}
.cat3-list{
	width: 100%;
	display: flex;
}
.cat3-list .cat3-y{
	width:110px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #E0E0E0;
	font-size: 16px;
	color: #E0E0E0;
	position: relative;
}
.cat3-list .cat3-y span{
	font-family: 'syhtnor';
}
.cat3-list .cat3-y .left-icon{
	/* position: absolute;
	left:0;
	top:0; */
	width: 14px;
	height: 14px;
	background: url(../images/left.png) center no-repeat;
	background-size: 7px auto;
	cursor: pointer;
}
.cat3-list .cat3-y .right-icon{
	/* position: absolute;
	left:0;
	top:0; */
	width: 14px;
	height: 14px;
	background: url(../images/right.png) center no-repeat;
	background-size: 7px auto;
	cursor: pointer;
}
.cat3-list .cat3-m{
	display: flex;
	font-size:16px;
	line-height: 2.0;
	color: #909090;
}
.cat3-list .cat3-m li{
	margin:0 20px;
	font-family: 'syhtnor';
	cursor: pointer;
}
.cat3-list .cat3-m li.on{
	color:#ffffff;
}
.cat-main{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cat-main li{
	width:49%;
	background: #0F0F0F;
	border-radius: 6px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:10px 0;
}
.cat-main li .cat-img{
	width: 101px;
	height: 101px;
	font-size: 0;
	overflow: hidden;
}
.cat-main li .cat-img img{
	width: 101px;
	height: 101px;
}
.cat-main li .cat-info{
	width: calc(100% - 132px);
	height: 100%;
	padding: 0 12px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cat-main li .cat-info .cat-info-right{
	width: 85px;
	height: 80%;
	text-align: right;
	font-size:14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cat-main li .cat-info .cat-info-right p{
	font-family: 'syhtnor';
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: right;
	/* 纯白 */
	color: #FFFFFF;
}
.cat-main li .cat-info .cat-info-right a{
	width: 100%;
	display: inline-block;
	text-align: center;
	line-height: 28px;
	background-color: #E0E0E0;
	color: 000000;
	border-radius: 6px;
}
.cat-main li .cat-info .cat-info-right a.cat-over{
	background: #909090!important;
}
.cat-main li .cat-info .cat-info-left{
	width: calc(100% - 100px);
}
.cat-main li .cat-info .cat-info-left h5{
	font-size: 16px;
	line-height: 1.8;
	color: #E0E0E0;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 
	font-family: 'syhtnor-bold';
}
.cat-info-left div{
	font-size: 14px;
	margin:5px auto;
	color: #909090;
}
.cat-info-left div span{
	color: #E0E0E0;
	padding: 3px 4px;
	background: #E0E0E0;
	margin-right: 5px;
	border-radius: 4px;

	font-family: 'syhtnor';
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0em;
	/* 黑色 */
	color: #000000;
}
.cat-info-left p{
	font-size:14px;
	color: #E0E0E0;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 
}
/* cat3 end */
/* ketang */
.ketang{
	margin:160px auto;
}

.ketang-tab{
	width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 38px auto 12px;
}
.ketang-tab img{
	width: 56px;
	height: 56px;
	/*cursor: pointer;*/
}

.ketang-title{
	position: relative;
	height: 32px;
	width: 1200px;
	margin: 0 auto 28px;
}
.ketang-title .tab-item:first-child{
	position: absolute;
	left: 0;
	top: 0;
	width: 909px;
	height: 32px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-image: url("../images/yuanxiketang/index-bg-01.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}
.ketang-title .tab-item:first-child .tab-title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 18px;
}

.ketang-title .tab-item .tab-title span:last-child{
	font-family: 'syhtnor-bold';
}
.ketang-title .tab-item:last-child .tab-title{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 18px;

}
.ketang-title .tab-item .tab-title span:last-child{
	margin-left: 12px;
}
.ketang-title .tab-item .tab-title{
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	text-align: justify; /* 浏览器可能不支持 */
	letter-spacing: 0em;
	font-family: 'syhtnor';

	font-variation-settings: "opsz" auto;
	font-feature-settings: "kern" on;
	/* 白色 */
	color: #E0E0E0;
}
.ketang-title .tab-item:last-child{
	position: absolute;
	right: 0;
	top: 1px;
	width: 299px;
	height: 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-image: url("../images/yuanxiketang/index-bg-02.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}

.ketang-son {
	display: flex;
}
.ketang-son h4{
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	color: #E0E0E0;
	font-family: 'syhtnor';
	margin-right: 15px;
	font-variation-settings: "opsz" auto;
	font-feature-settings: "kern" on;
}
.ketang-son .ketang-son-list{
	display: flex;
	flex-wrap: wrap;
}
.ketang-son .ketang-son-list li{
	margin:0 15px;
}
.ketang-son .ketang-son-list li a{
	font-size:16px;
	line-height: 28px;
	color: #909090;
	font-family: 'syhtnor';
}
.ketang-son .ketang-son-list li:hover a{
	color: #ffffff;
}

.kt-contain{
	width: 1340px;
	margin: 25px auto;
	position: relative;
	overflow: hidden;
}
.kt-contain .kt-main {
	overflow: hidden;
}
.kt-contain .swiper-button-prev{z-index:10;left:0;top:50%;width:40px!important;height:40px!important;border-radius:50%;background:url(../images/kt_left.png) center center no-repeat #1C1C1C;background-size:8px auto;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.kt-contain .swiper-button-prev:after{content:''!important;} 
.kt-contain .swiper-button-next{right:0;top:50%;width:40px!important;height:40px!important;border-radius:50%;background:url(../images/kt_right.png) center center no-repeat #1C1C1C;background-size:8px auto;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
} 
.kt-contain .swiper-button-next:after{content:''!important;} 
.kt-contain .swiper-button-prev:hover{transform: scale(1.05, 1.05);transition: .4s transform;z-index:1000;}

.kt-list li{
	padding-bottom: 15px;
	border-radius: 6px;
	background: #0F0F0F;
	overflow: hidden;
	position: relative;
}
.kt-list li .tags{
	background: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	z-index: 1000;
	padding: 4px 12px;
	font-family: 'syhtnor';
	position: absolute;
	left: 8px;
	top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #D8D8D8;
}
.kt-list li .kt-img{
	width: 100%;
	height: 220px;
	font-size: 0;
	overflow: hidden;
	position: relative;
}
.kt-list li .kt-img img{
	width: 100%;
	display: block;
}
.kt-list li .kt-info{
	width: 90%;
	margin: 16px auto;
}
.kt-list li .kt-info h5{
	margin:10px auto;
	font-size: 16px;
	line-height: 24px;
	color: #E0E0E0;
	font-family: 'syhtnor';
}
.kt-list li .kt-info .kt-js{
	font-size: 14px;
	line-height: 1.5;
	color: #E0E0E0;
	display: flex;
	align-items: center;
}
.kt-list li .kt-info .kt-js .kt-js-img{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 4px;
}
.kt-list li .kt-info .kt-js .kt-js-img img{
	width: 100%;
	min-height: 100%;
	margin-right:6px;
}
.kt-list li .kt-more{
	display: block;
	font-size: 14px;
	color: #000000;
	line-height: 36px;
	border-radius: 6px;
	text-align: center;
	background: #E0E0E0;
	margin-top:16px;
}
/* ketang end */



.mid-data-remark{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 1200px;
	margin: 24px auto;
}
.mid-data-remark-left{
	width: 420px;
	height: 224px;
}
.remark-left-title span{

	font-family: 'KingHwaOldSong';
}
.remark-left-title{
	line-height: 21px;
	font-family: 'KingHwaOldSong';
	font-size: 16px;
	font-weight: normal;
	/* 白色 */
	color: #E0E0E0;
	margin-bottom: 16px;
}
.remark-left-content{
	margin-left: 38px;
	margin-bottom: 6px;
}
.remark-left-content p{
	font-family: 'syhtnor';;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	letter-spacing: 0em;
	/* 白色 */
	color: #E0E0E0;
	margin-bottom: 10px;
}
.remark-left-bottom{
	font-family: 'syhtnor';;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	letter-spacing: 0em;
	/* 白色 */
	color: #E0E0E0;
}
.mid-data-remark-right{
	width: 615px;
	height: 183px;
}
.mid-data-remark-right .remark-right-row{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mid-data-remark-right .remark-right-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mid-data-remark-right .remark-tab-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mid-data-remark-right .remark-tab-right li{
	width: 50px;
	margin-left: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mid-data-remark-right .remark-tab-right{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 25px;
}
.mid-data-remark-right img{
	width: 16px;
	height: 16px;
}
.mid-data-remark-right .remark-right-row-head span, .mid-data-remark-right .remark-right-row-head li{
	font-family: "KingHwaOldSong";
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
	/* 白色 */
	color: #E0E0E0;

}
.mid-data-remark-right .remark-right-row-head{
	border-bottom: 1px solid #3A3A3A;
	height: 40px;
	margin-bottom: 15px;
}
.mid-data-remark-right .remark-left-row-title span:last-child{
	margin-left: 4px;
}
.mid-data-remark-right .remark-left-row-title span{
	font-family: 'KingHwaOldSong';
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0em;
	/* 白色 */
	color: #E0E0E0;
}
.mains .swiper-wrapper{
	height: auto;
}