@charset "utf-8";
	@font-face {
	font-family:'siyuan';
	src:url('/ziyuan/fonts/siyuan_Medium.woff2') format('woff2'),
	url('/ziyuan/fonts/siyuan_Medium.woff') format('woff');
	font-display: swap;
	font-weight:normal;
	font-style:normal;
}
	@font-face {
	font-family: "siyuan_light";
	src:url("../fonts/siyuan_light.woff2") format("woff2"),
	url("../fonts/siyuan_light.woff") format("woff");
	font-display: swap;
	font-weight:normal;
	font-style:normal;
}
* {
	font-family:'PingFang SC',Helvetica,Arial,'Microsoft YaHei',sans-serif;
	color:#000;
	font-size:22px;
}
body {
	margin:0 auto;
	padding:0;
}
a,p,div,ul,li,img,h1,h2,h3,h4,i,button{
	border:0;
	list-style:none;
	padding:0;
	margin:0;
}
img{
	display: block;
	object-fit: cover;
}
a,a:hover {
	text-decoration:none;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	transition-duration:0.2s;
}
h3,.about h1,.area h1,.news h1,.footer h1{	
	border-bottom: 1px solid #8D8D8D;
	padding-bottom: 28px;
	margin:0 auto;
	margin-bottom:45px;	
	width:1200px;
	overflow: hidden;
}
h3 p,.about h1 p,.area h1 p,.news h1 p,.footer h1 p{
	font-size:40px;
	font-family:"siyuan";
	font-weight: 100;
	float:left;
	line-height: 40px;
}
h3 span,h1 span{
	font-size: 20px;
	font-family: "siyuan";
	padding-left:38px;
	display: block;
	float:left;
	line-height: 54px;
	font-weight: 100;
}
/* --- all --- */
.about,.area,.news,.footer.con{
	width: 100%;
}
.main{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
}
.line{
	width:100%;
	height:14px;
	background-color: #353E65;
}
.top{
	width:100%;
	position:absolute;
	z-index:999;
}
.top .main{
	overflow: visible;
}
.top .logo img{
	width:175px;
	height:122px;
}
.top .logo{
	width: 175px;
	float:left;
}
.top_m{
	display:none;
}
.clear{
	position: inherit;
	background-color: #353E65;
	height:122px;
}
.nav{
	width: 995px;
	padding-left: 30px;
	float: left;
	height:122px;
	background-color: rgba(53, 62, 101, 0.4);
	position: relative;
	overflow: visible;
}
.nav .nav_t{
	display: none;
	padding-top:42px;
	position: absolute;
	z-index:99;
	top:140px;
	left:264px;	
	margin-top:-40px;
}
.nav .k{	
	background-color: rgba(53, 62, 101, 0.7);
	padding:16px 20px;
	width: 130px;
	overflow: hidden;
}
.nav .nav_t .k i{
	position:absolute;
	width:0px;
	height:0px;
	border:13px solid transparent;
	display:block;
	left:10px;
	top:16px;
	margin-left:10px;
	border-bottom-color: rgba(53, 62, 101, 0.7);
}
.nav .nav_t a{
	color:#fff;
	display: block;
	width:124px;
	border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
	padding:16px 0;
	font-size: 16px;
	padding-left:5px;
	transition-duration:0.4s;
}
.nav .nav_t a:hover{
	background-color: #353E65;
	transition-duration:0.4s;
	padding-left: 8px;
}
.nav .nav_t a:last-child{
	border:none;
}
.nav h2 a,.nav h2 span{
	color:#fff;
}
.nav h2{
	float: left;
	position: relative;
	height:121px;
	transition-duration:0.4s;
}
.nav h2 a{
	display: block;
	font-size:16px;
	margin:50px 30px 0 30px;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	height:71px;
}
.nav h2:hover{
	background-color: #353E65;
}
.p2 h2:hover{
	background-color: #1f284f;
}
.nav h2 i{
	position: absolute;
	width:24px;
	height:24px;
	background-image: url(../img/icon.png);
	background-size: 24px 24px;
	right:-26px;
	bottom:46px;
	pointer-events: none;
}
.nav h2 a.link{
	font-weight:inherit;
	border-bottom: 1px solid #fff;
}
.nav h2 a span{
	display: block;
	font-size:14px;
	padding-top:14px;
	width:56px;
	pointer-events: none;
}
.banner_m{
	display: none;
}
.banner {
	max-width:1920px;
	width:100%;
	height:900px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	min-width:1400px
}
.banner .swiper-container{
	overflow: hidden;
	position: relative;
}
.banner .swiper-slide {
	position:relative;
	overflow:hidden;
	height:900px;
}
.banner .swiper-slide img {
	top:0;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:900px;
	display:block;
	position:absolute;
}
.banner .swiper-button-prev,.banner .swiper-button-next {
	background-size:50px;
    width:50px;
    height:50px;
}
.banner .swiper-button-prev {
	background-image:url(../img/prev.png);
	left:8%;
}
.banner .swiper-button-next {
	background-image:url(../img/next.png);
	right:8%;
}
.about{
	padding-top:100px;
}
.about .font p,.area .font p,.dance .font p{
	font-size:22px;
	font-family:"siyuan_light";
	line-height: 36px;
}
.about .font p.c,.area .font p.c,.dance .font p.c{
	font-size: 20px;
	color:#666;
	padding-top:40px;
}
.a_bout{
	display: flex;
    flex-direction: column;
}
.about .font{
	order: 1;
	width: 1200px;
}
.about .pic{
	order: 2;
	width: 1200px;
}
.about .pic li{
    margin-top: 40px;
	width: 550px;
	height:364px;
	overflow: hidden;
	float:left;
}
.about .pic li:last-child{
    float:right;
}
.about img{
	width: 550px;
	height: auto;
}
.about img,.area img,.news img{
	transition-duration:0.4s;
}
.about img:hover,.area .pic:hover img{
	transform: scale(1.1);
}
.area,.news{
	padding-top:120px;
}
.area .pic{
	position: relative;
}
.area .tit{
	position: absolute;
	font-size: 60px;
	font-family: "siyuan";
	font-weight: 100;
	background-color: #353E65;
	color:#fff;
	padding:75px 260px 30px 64px;
	line-height: 60px;
}
.area .tit span{
	font-size: 24px;
	font-family: "siyuan_light";
	padding-left:30px;
	color:#fff;
	line-height: 24px;
}
.area .pic{
	overflow:hidden;
}
.area .pic .im{
	margin-bottom: 34px;
}
.area .uk,.area .world,.area .b_dance{
	padding-bottom: 70px;
	margin-bottom: 70px;
	border-bottom: 1px solid #EBEEEE;
}
.h{
	padding:70px 0;
}
.border{
	border: 0 !important;
	padding:0 !important;
	margin:0 !important;
}
.area .uk .im{
	width: 656px;
	height:444px;
	overflow: hidden;
}
.area .uk img{
	width: 656px;
	height:444px;
}
.area .uk .tit{
	z-index: 99;
	bottom: 64px;
	right:0;
}
.area .b_dance .im{
	width: 1200px;
	height:454px;
	overflow: hidden;
}
.area .b_dance img{
	width: 1200px;
	height:454px;
}
.area .b_dance .tit{
	background-color: rgba(53, 62, 101, 0.7);
	bottom: 64px;
	left:0;
	padding-right: 150px;
	z-index: 99;
}
.area .world img{
	width: 724px;
	height:483px;
}
.area .world .im{
	width: 724px;
	height:483px;
	overflow: hidden;
	float:right;
}
.area .world .tit{
	top: 64px;
	left:0;
	padding:40px 35px 140px 187px;
	z-index: 99;
}
.area .world .tit span{
	display: block;
	text-align: right;
	padding-top:40px;
}
.area .w_dance img{
	width: 1200px;
	height:576px;
}
.area .w_dance .im{
	width: 1200px;
	height:576px;
	overflow: hidden;
}
.area .w_dance .tit{
	background-color: rgba(53, 62, 101, 0.7);
	bottom: 64px;
	right:0;
	padding-right: 200px;
	padding-left:35px;
	z-index: 99;
}
.area ul{
	overflow: hidden;
	padding-bottom: 40px;
}
.area li a{
	font-family: "siyuan_light";
	float:left;
	margin-right:15px;
	font-size: 18px !important;
	padding:10px 20px;
	border: 1px #353E65 solid;
	color: #353E65;
	transition-duration:0.4s;
}
.area li a:hover{
	background-color: #353E65;
	color:#fff;
}
.area li a.bg{
	background-color: #353E65;
	color:#fff;
	box-sizing: border-box;
}
.news{
	height:auto;
}
.news ul{
	overflow: hidden;
	margin-bottom: 48px;
}
.news li.t{
	width: 800px;
	height:200px;
	border:1px solid #DADADA;
	border-left: none;
	box-sizing: border-box;
	transition-duration:0.2s;
}
.news li.im{
	width: 400px;
	height:200px;
	overflow: hidden;
}
.news li{
	float:left;
}
.news img{
	width:400px;
	height: 200px;
}
.news a:hover img{
	transform: scale(1.1);
}
.news ul p{
	padding-left:48px;
	font-family: "siyuan_light";
	color:#666;
	line-height: 40px;
	padding-right: 20px;
}
.news p.tit{
	font-size: 26px;
	font-family: "siyuan";
	font-weight: 100;
	color:#000;
	line-height: 64px;
	transition-duration:0.2s;
	overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis; 
	padding-top:.08rem;
}
.news a{
	display: block;
}
.news a:hover p.tit{
	color:#353E65;
	transition-duration:0.4s;
}
.news a:hover li.t{
	border:1px solid #353E65;
	border-left: none;
	box-sizing: border-box;
	transition-duration:0.4s;
}
.news .menu a{
	width:250px;
	margin:0 auto;
	background-color: #242424;
	color:#fff;
	text-align: center;
	font-family: "siyuan_light";
	line-height: 56px;
	margin-top:10px;
	margin-bottom:130px;
	transition-duration:0.4s;
}
.news .menu a:hover{
	background-color:#353E65;
}
.news .page ul{
	display:inline-block;
	text-align:center;
	width:100%;
	font-size:0;
	margin:0;
}
.news .page li{
	display: inline-block;
	margin:0 5px;
	float:none;
}
.news .page li a{
	border:1px #ccc solid;
	padding:5px 12px;
	border-radius:4px;
	display:block;
	color:#777;
	font-size:16px;
	height:auto;
}
.news .page li a:hover{
	color:#fff;
	border:1px #353E65 solid;
	background:#353E65;
}
.news .page li.active a{
	color:#fff;
	border:1px #353E65 solid;
	background:#353E65;
	padding:5px 12px;
	border-radius:4px;
}
.add p{
	padding:50px 0 30px 0;
	margin:0 auto;
	width: 1200px;
	font-weight: 200;
	color:#353E65;
	border-bottom: 1px solid #777;
}
.add span{
	font-size:24px;
}
.add a{
	color:#999;
	font-size:24px;
}
.con{
	padding-bottom:70px;
}
.con .nr h1{
	font-family: "siyuan";
	font-size: 32px;
	text-align: center;
	padding:60px 0 50px;
} 
.con .nr p{
	font-size: 16px;
	line-height: 32px;
	font-family: "siyuan_light";
}
.con .nr img{
	margin:30px auto 30px auto;
}
.footer{
	background-color: #353E65;
	overflow: hidden;
	padding:30px 0 40px 0;
}
.footer h3,.footer span,.footer p{
	color:#fff;
}
.footer h3{
	border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
	padding-bottom: 26px;
}
.footer h3 span{
	font-family:'PingFang SC',Helvetica,Arial,'Microsoft YaHei',sans-serif;
	font-weight: normal;
	padding-left: 60px;
}
.footer li{
	float: left;
}
.footer li:last-child{
	float: right;
}
.footer li p{
	color:#fff;
	font-size: 30px;
	line-height: 80px;
}
.footer li span{
	font-size: 24px;
	line-height: 46px;
	margin-top:-18px;
}
.footer ul{
    overflow:hidden;
}
.footer ul li.address{
    width:600px;
}
.footer p.icp{
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    margin-top: 40px;
    color: #9b9b9b;
    border-top: 1px solid rgba(255, 255, 255, .05);
}



.container{
	position: absolute;
	top:18%;
	z-index: 99;
}
.container p{
	padding-left:10px;
	text-transform: uppercase;
	display: block;
}
.container .text1{
	font-family: "siyuan_light";
	font-size:48px;	
	animation: text 1.5s 1;
	color:#fff;
}
.container .text2{
	font-size:24px;
	line-height: 46px;
	color:#fff;
	font-weight: 200;
}
.tx{
	position: absolute;
	bottom:140px;
	right:360px;
	z-index: 99;
	width: 364px;
	height:359px;
	background: url(../img/text.png) no-repeat;
	background-size: 364px 359px;
	animation: fadeIn 1s 1.6s forwards;
	animation-fill-mode: forwards;
	opacity: 0;

}
@keyframes fadeIn {
    from {opacity: 0;bottom: 120px;}
    to {opacity: 1;}
  }
@keyframes text{
	0%{
		color:#fff;
		margin-bottom: 40px;
	}
	30%{
		letter-spacing: 10px;
		margin-bottom: 40px;
	}
	85%{
		letter-spacing: 5px;
		margin-bottom: 40px;
	}
}