@charset "utf-8";

.pagebar {
	margin: .8rem auto 0 auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.pagebar>.p_t {
	align-self: flex-start;
	line-height: .38rem
}




.p_goto {
	margin: 0 .03rem
}

.p_goto input {
	display: flex;
	align-items: center;
	justify-content: center;
	height: .36rem;
	padding: 0;
	transition: .5s;
	position: relative;
	z-index: 1;
	border: none;
	border-radius: 0;
	width: .3rem
}

.p_goto a {
	display: flex;
	align-items: center;
	border-radius: .04rem;
	justify-content: center;
	height: .36rem;
	padding: 0 .1rem;
	transition: .5s;
	position: relative;
	z-index: 1
}

.p_goto a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: #e5e5e5 1px solid;
	border-radius: .04rem;
	z-index: -1;
	transition: .5s
}

.p_goto a:hover {
	background: #0071AA;
	color: #fff !important
}



.p_goto a:hover::before {
	border: #0071AA 1px solid
}

@media(max-width: 769px) {
	.pagebar {
		margin: .4rem auto 0
	}
}

.n_banner {
	padding-bottom: 28.64%;
	background-size: cover !important
}

.n_mb {
	align-items: flex-start;
	height: 0px
}

.n_mb .tit {
	position: relative;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50vw;
	top: calc(-1.74rem);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11;
	margin-left: -0.9rem
}

.n_mb .tit::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	background: url("../images/n_mb_bg2.png") center center / cover no-repeat;
	border-radius: 50vw;
	transform: scale(1.87);
	pointer-events: none
}

.n_mb .tit::after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	background: url("../images/n_mb_bg1.png") center center / cover no-repeat;
	border-radius: 50vw
}

.n_mb .tit h2 {
	font-size: 0.7rem;
	color: #442474;
	width: 1.6rem;
	font-family: '华文新魏';
	font-weight: normal
}

.mb {
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	right: -0.66rem;
	bottom: -0.44rem;
	font-size: 0.16rem;
	color: rgb(255, 255, 255);
	font-style: normal;
	z-index: 1
}

.mb::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url("../images/n_mb_bg3.png") center center / cover no-repeat;
	z-index: -1;
	transform: translate(-0.02rem, 0.14rem)
}

.mb::after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url("../images/n_mb_bg4.png") center center / cover no-repeat;
	z-index: -1
}

.mb span {
	display: inline-block;
	transform: rotate(90deg);
	margin: 0.02rem 0px;
	font-size: .14rem
}

.mb a {
	color: rgba(255, 255, 255, .7)
}

.mb em {
	font-style: normal
}

.n_ej {
	flex: 1 1 0%;
	padding: 0.44rem 0.15rem 0px 1.4rem;
	flex-wrap: nowrap;
	align-items: center;
	overflow: hidden;
	margin-right: -0.15rem;
	position: relative;
	z-index: 10
}

.n_ej li {
	position: relative;
	z-index: 1
}

.n_ej li:nth-child(1)::before {
	content: "";
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	border-bottom: 1px dashed rgb(214, 214, 214);
	right: 105%
}

.n_ej span {
	flex: 1 1 0%;
	height: 1px;
	border-bottom: 1px dashed rgb(214, 214, 214);
	margin: 0px 0.05rem;
	max-width: 0.65rem
}

.n_ej li .a {
	display: inline-block;
	font-size: 0.18rem;
	color: #333333;
	position: relative;
	z-index: 1;
	padding: 0.1rem 0px;
	line-height: 1.375;
	white-space: nowrap
}

.n_ej li .a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -.1rem;
	width: 0.35rem;
	height: 0.35rem;
	background: #d3b35b;
	z-index: -1;
	border-radius: 50vw;
	transform: scale(0);
	transition: all 0.5s ease 0s;
	margin: -.175rem 0 0 0
}

.n_ej li:last-child .a::after {
	content: "";
	position: absolute;
	width: 100vw;
	height: 1px;
	border-bottom: 1px dashed rgb(214, 214, 214);
	left: calc(100% + 0.05rem);
	top: 0.19rem
}

.n_ej li.on .a::before,
.n_ej li:hover .a::before {
	transform: scale(1)
}

.n_ej li.on .a {
	font-weight: bold
}

.n_container {
	position: relative;
	z-index: 1;
	background: #f5f5f7;
	padding: 0
}

.n_bg0 {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	z-index: -1;
	pointer-events: none
}

.n_bg1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10.63rem;
	max-width: 56%;
	pointer-events: none
}

.n_bg2 {
	position: absolute;
	top: 0px;
	left: 44%;
	animation: 6s linear 0s infinite normal none running dash1;
	pointer-events: none
}

.n_bg3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 3.51rem;
	max-width: 19%;
	pointer-events: none;
	overflow: hidden
}

.n_container .svgBox {
	position: absolute;
	bottom: -0.02rem;
	width: 2.06rem;
	left: 50%;
	transform: translateX(-50%)
}

.n_container .svgBox svg {
	width: 100%
}

.n_container .svgBox .cls-1,
.n_container .svgBox .cls-2 {
	fill: none
}

.n_container .svgBox .cls-2 {
	stroke: rgb(29, 98, 172);
	stroke-miterlimit: 10
}

.n_container .svgBox .cls-3 {
	clip-path: url("#clip-path")
}

.hide {
	overflow: hidden
}

.n_pad1 {
	padding: 3.25rem 0px 0px
}

.about .fl1 .arc-con {
	padding-bottom: 0.1rem;
}

.about .fl1 .arc-con p:nth-child(1) {
	margin-bottom: 0.1rem
}

.about .fl1 .arc-con1 {
	padding-left: 16.4%
}
.arc-con TABLE{ width:100%; margin:0 auto; border-collapse:collapse; border:1px solid #bbb; } 
.arc-con TABLE TD{ border:1px solid #bbb; padding:0px 5px; } 
.arc-con TABLE TD P {
    text-indent: 0px; margin: 0px; font-size: 14px;}
.about .fl1 {
	overflow: hidden;
	background: url("../images/about_b1.png") center bottom / 100% no-repeat;
	position: relative;
	z-index: 1;
	padding-top: 1.9rem;
	padding-bottom: 15vw
}

.about .fl1::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	pointer-events: none;
	background: url("../images/about_b2.png") left top no-repeat;
	background-size: 100% auto
}

.about .line1 {
	height: 0.09rem;
	position: relative;
	z-index: 1;
	margin: 0.8rem 0px
}

.about .line1s {
	margin: -0.045rem 0px !important
}

.about .line1::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	height: 1px;
	background: #e3e3e3;
	margin-top: -0.5px
}

.about .line1::after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0.42rem;
	height: 100%;
	background: #442474
}

.list16 {
	margin: 0 0px 0.8rem;
	justify-content: space-between
}

.list16 li .a {
	width: 2.14rem;
	height: 2.14rem;
	border: 1px solid #d3b35b;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 50vw;
	padding: 0.4rem 0px 0px 26%;
	margin: 0px auto
}

.list16 h3 {
	font-size: 0.2rem;
	color: rgb(51, 51, 51);
	white-space: nowrap
}

.list16 h2 {
	font-size: 0.72rem;
	color: #442474;
	font-family: 'Century Gothic';
	font-weight: normal;
	margin-top: 0.1rem;
	white-space: nowrap;
	line-height: 1
}

.about .fl3 {
	background: url("../images/about_b32.png") right top no-repeat;
	background-size: 34.84375vw auto;
	padding: 0.3rem 0 1.1rem
}

.about .fl3 .arc-con {
	padding-right: 36%
}

.about .fl2 {
	background: url(../images/about_b3.png) center no-repeat;
	background-size: 100% 100%;
	padding: 10vw 0;
	margin: -15vw 0 0;
	position: relative;
	z-index: 1
}

.about .fl2 .arc-con p {
	color: #fff
}

.jianzhu {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	z-index: 100;
	pointer-events: none;
	width: 3.84rem;
	max-width: 33.33%
}

@media (max-width: 1680px) {
	.n_mb .tit {
		margin-left: -15px
	}
}

@media (max-width: 1024px) {
	.n_pad1 {
		padding: 1rem 0px 0px
	}
}

#m_n_nav {
	display: none;
	line-height: 50px;
	position: relative;
	z-index: 9;
	width: 100%
}

#n_n_title {
	background: url(../images/footer.jpg) center top no-repeat;
	background-size: cover
}

#bnt_back {
	position: absolute;
	left: 15px;
	top: 0px
}

#bnt_back img {
	height: 28px
}

#bnt_back svg {
	fill: rgb(255, 255, 255);
	height: 30px;
	vertical-align: middle;
	width: 26px
}

#m_n_nav h1 {
	font-size: 14px;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 0px;
	line-height: 50px
}

#bnt_sub_nav {
	position: absolute;
	right: 15px;
	top: 0px;
	height: 50px;
	cursor: pointer;
	color: rgb(255, 255, 255);
	font-size: 18px;
	display: flex;
	align-items: center
}

#bnt_sub_nav svg {
	fill: rgb(255, 255, 255);
	height: 20px;
	vertical-align: middle;
	width: 20px
}

#bnt_sub_nav img {
	display: block;
	height: 20px
}

#bnt_sub_nav.on img {
	transform: rotate(-180deg)
}

#sub_nav_content {
	background: rgb(240, 243, 245);
	display: none;
	box-shadow: rgb(153, 153, 153) 0px 0px 5px;
	z-index: 9
}

#sub_nav_content ul {
	padding: 10px
}

#sub_nav_content ul li {
	display: block;
	line-height: 28px;
	margin: 1rem 0px
}

#sub_nav_content ul li a {
	display: block;
	border-left: 2px solid rgb(202, 158, 78);
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: rgb(83, 84, 85)
}

#sub_nav_content ul li.on a {
	color: rgb(202, 158, 78)
}

#sub_nav_content dl {
	font-size: 0px;
	overflow: hidden;
	background: rgb(255, 255, 255);
	padding: 10px 0px;
	display: flex;
	flex-wrap: wrap
}

#sub_nav_content dt {
	position: relative;
	background: rgb(255, 255, 255);
	z-index: 999;
	min-width: 33.33%;
	display: inline-block;
	margin-bottom: 0px;
	text-align: center
}

#sub_nav_content dt a {
	margin: 0px 20px;
	display: block;
	color: rgb(91, 83, 73);
	line-height: 30px;
	font-size: 14px;
	font-weight: 400;
	vertical-align: top
}

#sub_nav_content dt a i {
	position: absolute;
	right: 15px;
	top: 0px;
	opacity: 0;
	display: none
}

#sub_nav_content dt.title {
	background: rgb(250, 250, 251)
}

#sub_nav_content dt.title i {
	opacity: 1
}

#sub_nav_content dt.title_on {
	background: rgb(250, 250, 251)
}

#sub_nav_content dt.title_on a {
	color: rgb(215, 0, 41);
	border-top: 1px solid rgb(255, 255, 255)
}

#sub_nav_content dt.title_on a i {
	color: rgb(215, 0, 41)
}

#sub_nav_content dt.last a {
	border-top: 1px solid rgb(248, 248, 248)
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
	color: rgb(19, 77, 140)
}

#sub_nav_content dd {
	display: none
}

#sub_nav_content dd .box {
	padding: 0px
}

#sub_nav_content dd a {
	padding: 0px 25px;
	line-height: 30px;
	border-top: 1px solid rgb(231, 231, 231);
	font-size: 12px;
	color: rgb(91, 83, 73);
	display: block;
	height: 30px
}

#sub_nav_content dd a.on {
	color: rgb(215, 0, 41)
}

@media(max-width: 769px) {
	.n_mb {
		display: none
	}

	.about .fl1 {
		padding-top: 1rem
	}

	.about .fl1 .ar_article {
		padding-bottom: 0.5rem;
		padding-left: 0px
	}

	.about .fl1::before {
		background: url("../images/about_b2.png") left center / 0.5rem repeat-y
	}

	#m_n_nav {
		display: block
	}

	.list16 h2 {
		font-size: 0.4rem
	}

	.list16 li .a {
		width: 1.5rem;
		height: 1.5rem;
		padding: 0.3rem 0px 0px 0.15rem
	}

	.about .fl3 .img {
		width: 100%
	}

	.about .fl3 .txt {
		width: 100%;
		padding: 0.4rem 0.25rem
	}

	.about .fl3 {
		padding-bottom: 4rem;
		background: url("../images/about_b3.jpg") center bottom no-repeat
	}

	.about .fl3 .ar_article {
		width: 100%;
		padding: 0px
	}

	.about .fl3 .ar_article p:nth-child(2) {
		padding: 0px
	}

	.about .fl1::before {
		display: none
	}
}

@media(max-width: 769px) {
	.about .fl1 {
		padding-top: 0.5rem
	}

	.about .fl1 .ar_article p:nth-child(1) img {
		max-width: 60%
	}

	.about .fl1 .ar_article p:nth-child(1) {
		margin-bottom: 0.3rem
	}

	.list16 li {
		width: 50%;
		margin-bottom: 0.2rem
	}

	.list16 h3 {
		font-size: 0.16rem
	}

	.list16 h2 {
		font-size: 0.3rem;
		margin-top: 0.06rem
	}

	.list16 {
		margin: 0.4rem 0px 0.3rem
	}

	.about .line1 {
		margin: 0.4rem 0px
	}

	.about .fl3 {
		padding-bottom: .8rem;
		background: none;
		padding-top: .1rem;
		background-size: 32.94vw auto
	}

	.n_container {
		min-height: 50vh
	}

	.n_container .svgBox {
		width: 1.25rem
	}

	.list16 li .a {
		width: 1.25rem;
		height: auto;
		padding: 0 0px 0px;
		align-items: center;
		border: none
	}

	.n_banner {
		padding-bottom: 36%;
		background-size: cover !important
	}

	.about .fl1 .arc-con {
		padding: 0
	}

	.about .fl1 .arc-con1 {
		padding: 0 0 .4rem
	}

	.about .fl2 {
		background: url(../images/about_b31.jpg) center no-repeat;
		background-size: 100% 100%;
		padding: .4rem 0;
		margin: 0
	}

	.about .fl3 .arc-con {
		padding: 0
	}
}

.footer {
	background: url(../images/footer.jpg) center top no-repeat;
	background-size: cover;
	width: 100vw;
	overflow: hidden;
	padding: .5rem 0 0
}

.n_pad2 {
	padding: 1.8rem 0 12.60vw;
	overflow: hidden;
	background: url(../images/n_b1.png) center bottom no-repeat;
	background-size: 100% auto;
	min-height: 60vh
}

.lsyg {
	padding: 9.89vw 0 12.60vw
}
.lt21{ margin: 0 auto; width: 12rem; max-width: 100%}
.lt21 li {
	margin-bottom: -2px;
}

.lt21 .a {
	border: #ccc1dd 2px solid;
	padding: .3rem 0;
	background: #f5f5f7 url(../images/lt21_b.png) right top no-repeat;
	align-items: flex-start
}

.lt21 .a .ll {
	width: 28.10%;
	padding: 0 0 0 3.125vw;
	font-size: .22rem;
	color: #472474;
	font-family: "Microsoft YaHei";
	font-weight: bold;
	position: relative
}

.lt21 .a .ll:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
	width: .04rem;
	height: .3rem;
	background: #472474
}

.lt21 .a .cc1 {
	width: 11.50%;
	font-size: .2rem;
	color: #232323
}

.lt21 .a .cc2 {
	width: 35.29%;
	padding: 0 4.5vw 0 0
}

.lt21 .a .cc2 p {
	font-size: .16rem;
	color: #333333;
	line-height: 1.6;
}

.lt21 .a .rr {
	flex: 1;
	overflow: hidden;
	padding: 0 .2rem 0 0
}

.lt21 .a .rr p {
	font-size: .16rem;
	color: #333333;
	line-height: 2
}

@media(max-width: 769px) {
	.lt21 li {
		margin-bottom: .2rem
	}

	.lt21 .a {
		padding: .25rem 0
	}

	.lt21 .a .ll {
		font-size: .18rem;
		width: 50%;
		padding: 0 3.125vw
	}

	.lt21 .a .cc1 {
		font-size: .18rem;
		width: 50%
	}

	.lt21 .a .cc2 p {
		font-size: .16rem;
		line-height: 1.5
	}

	.lt21 .a .rr p {
		font-size: .16rem;
		line-height: 1.5
	}

	.lt21 .a .ll:before {
		height: .3rem
	}

	.lt21 .a .cc2 {
		width: 100%;
		padding: .1rem 3.125vw
	}

	.lt21 .a .rr {
		width: 50%;
		padding: 0 3.125vw
	}

	.n_pad2 {
		padding: 10vw 0 15vw
	}
}

.lrld table {
	border: #ccc1dd 2px solid;
	width: 100%
}

.lrld thead {
	background: url(../images/lrld.jpg) center no-repeat;
	background-size: cover
}

.lrld tbody {
	background: #f5f5f7
}

.lrld tr {
	text-align: center
}

.lrld tr th {
	font-size: .18rem;
	color: #fff;
	line-height: 1.5;
	padding: .14rem .1rem
}

.lrld tr th:nth-child(1) {
	width: 33.33%
}

.lrld tr td {
	font-size: .18rem;
	color: #333333;
	padding: .12rem .1rem;
	line-height: 1.5;
	border: 1px solid #ddd;
}

.lrld tr:nth-child(2n) {
	background: #fff
}

@media(max-width: 769px) {
	.lrld tr th {
		font-size: .16rem
	}

	.lrld tr td {
		font-size: .16rem
	}
}

.h3-1 {
	font-size: .28rem;
	color: #442474;
	margin-bottom: .16rem
}

.h3-1c {
	text-align: center
}

.bxln .arc-con1 {
	margin-bottom: .5rem
}

.bxln .left {
	width: 5.5rem
}

.bxln .right {
	width: calc(100% - 5.5rem - 6.77vw)
}

.bxln .right .box {
	margin-bottom: .3rem
}

.bxln .right .arc-con p {
	text-indent: 0
}

@media(max-width: 769px) {
	.h3-1 {
		font-size: .22rem;
		margin-bottom: .12rem
	}

	.bxln .left {
		width: 100%;
		order: 1
	}

	.bxln .right {
		width: 100%
	}

	.bxln .right .box {
		margin-bottom: .2rem
	}
}

.h3-2 {
	font-size: .28rem;
	color: #442474;
	margin-bottom: .5rem;
	position: relative;
	text-align: center
}

.h3-2 span {
	position: relative;
	display: inline-block
}

.h3-2 span::before {
	content: "";
	position: absolute;
	right: calc(50% + 1.2rem);
	top: 50%;
	background: url(../images/h3-2_b1.png) right center no-repeat;
	background-size: auto 100%;
	height: .11rem;
	width: 6.46rem;
	margin: -.055rem 0 0 0
}

.h3-2 span::after {
	content: "";
	position: absolute;
	left: calc(50% + 1.2rem);
	top: 50%;
	background: url(../images/h3-2_b2.png) left center no-repeat;
	background-size: auto 100%;
	height: .11rem;
	width: 6.46rem;
	margin: -.055rem 0 0 0
}

.xgxx .fl1 .arc-con p {
	margin-bottom: 0
}

.xgxx .fl2 {
	padding-top: 1rem
}

.xgxx .fl2 .bottom {
	padding: 0 5.2vw
}

.xgxx .fl2 .bottom .box1 {
	flex: 1;
	overflow: hidden
}

.xgxx .fl2 .bottom .box2 {
	width: 3.93rem
}

.lt22 li {
	margin-bottom: .6rem
}

.lt22 h4 {
	margin-bottom: .25rem
}

.lt22 h4 span {
	background: url(../images/lt22_b.png) center no-repeat;
	background-size: cover;
	width: .98rem;
	height: .45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .22rem;
	color: #f2d483;
	padding: 0 .15rem 0 0
}

.lt22 p {
	font-size: .2rem;
	color: #333333;
	background: url(../images/lt22_l.png) left bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: .2rem
}

.lt22 p span {
	margin: 0 0 0 .2rem
}

.xgxx .fl2 .h3-2 {
	margin-bottom: .7rem
}

@media(min-width: 769px) {
	.xgxx .fl2 .bottom .box1.rr {
		text-align: right
	}

	.xgxx .fl2 .bottom .box1.rr .lt22 h4 {
		display: flex;
		justify-content: flex-end
	}

	.xgxx .fl2 .bottom .box1.rr .lt22 h4 span {
		background: url(../images/lt22_b1.png) center no-repeat;
		background-size: cover;
		padding: 0 0 0 .15rem
	}

	.xgxx .fl2 .bottom .box1.rr .lt22 p {
		background: url(../images/lt22_l1.png) left bottom no-repeat;
		background-size: 100% auto
	}
}

@media(max-width: 769px) {
	.h3-2 span::before {
		height: .05rem;
		right: calc(50% + 0.7rem)
	}

	.h3-2 span::after {
		height: .05rem;
		left: calc(50% + 0.7rem)
	}

	.xgxx .fl2 .bottom .box1 {
		width: 100%;
		flex: auto
	}

	.xgxx .fl2 .bottom .box2 {
		width: 100%;
		order: 2;
		max-width: 62%;
		margin: 0 auto
	}

	.xgxx .fl2 .bottom {
		padding: 0
	}

	.h3-2 {
		font-size: .24rem;
		margin-bottom: .2rem !important
	}

	.lt22 li {
		margin-bottom: .3rem
	}

	.lt22 h4 {
		margin-bottom: .14rem
	}

	.lt22 h4 span {
		font-size: .18rem;
		width: .8rem;
		height: .36rem
	}

	.lt22 p {
		font-size: .16rem;
		padding-bottom: .12rem
	}

	.lt22 p span {
		margin: 0 0 0 .12rem
	}

	.xgxx .fl2 {
		padding-top: .4rem
	}
}

.n_b3 {
	background: url(../images/n_b3.png) center top no-repeat;
	background-size: 100% auto
}

.gljg .box {
	margin-bottom: .5rem
}

.lt23 {
	margin: 0 -7px;
}

.lt23 li {
	width: 20%;
	padding: 0 7px;
	margin-bottom: 14px;
}

.lt23 .a {
	height: .96rem;
	background: url(../images/lt23_b.jpg) center no-repeat;
	background-size: cover;
	padding: .15rem;
	border: #ccc1dd .02rem solid;
	align-items: flex-start;
	position: relative;
	z-index: 1
}

.lt23 .a::before {
	content: "";
	position: absolute;
	top: -.1rem;
	right: -2px;
	bottom: -.1rem;
	left: -2px;
	background: url(../images/lt23_b1.jpg) center no-repeat;
	background-size: cover;
	z-index: -1;
	transform: scaleY(0);
	transition: .5s;
	border: #ccc1dd 0.02rem solid
}

.lt23 .a::after {
	content: "";
	position: absolute;
	top: -.1rem;
	right: -2px;
	bottom: -.1rem;
	left: -2px;
	background: url(../images/lt23_b2.png) center bottom no-repeat;
	background-size: 100% auto;
	z-index: -1;
	opacity: 0;
	transition: .5s
}

.lt23 i {
	width: .22rem;
	height: .22rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: .04rem .1rem 0 0;
	z-index: 1
}

.lt23 i:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #442474;
	opacity: .2;
	border-radius: 50vw;
	animation: sca1 6s infinite linear
}

.lt23 i:after {
	content: "";
	position: absolute;
	width: .08rem;
	height: .08rem;
	background: #442474;
	border-radius: 50vw
}

.lt23 h4 {
	flex: 1;
	overflow: hidden;
	position: relative;
	z-index: 2
}

@keyframes sca1 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

@media(min-width: 1024px) {
	.lt23 .a:hover::before {
		transform: scaleY(1)
	}

	.lt23 .a:hover::after {
		opacity: 1
	}

	.lt23 i:before {
		background: #d3b35b
	}

	.lt23 i:after {
		background: #d3b35b
	}

	.lt23 .a:hover h4 {
		color: #fff
	}
}

@media(max-width: 769px) {
	.lt23 li {
		width: 100%;
		margin-bottom: .2rem
	}

	.lt23 .a {
		padding: .15rem;
		height: auto
	}

	.gljg .box {
		margin-bottom: .25rem
	}
}

.tit3 {
	align-items: center;
	justify-content: center
}

.tit3 h3 {
	background: url(../images/tit3_b.png) center no-repeat;
	background-size: cover;
	width: 1.42rem;
	height: 1.42rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .42rem;
	color: #d3b35b;
	position: relative;
	font-family: '华文新魏';
	font-weight: normal;
	line-height: 1
}

.tit3 h3:before {
	content: "";
	position: absolute;
	top: -.15rem;
	right: -.15rem;
	bottom: -.15rem;
	left: -.15rem;
	border: rgba(76, 29, 148, .33) 1px solid;
	border-radius: 50vw
}

.lt24 {
	padding: .6rem 0;
	position: relative;
	z-index: 1
}

.lt24::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -.5px;
	background: #4c1d94;
	width: 1px
}

.lt24::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -.04rem;
	background: #4c1d94;
	width: .08rem;
	height: .08rem;
	border-radius: 50vw
}

.lt24 .box {
	width: 50%
}

.lt24 .box li {
	border-top: #4c1d94 1px solid;
	padding: .4rem 0 .5rem;
	position: relative
}

.lt24 .box li::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: -.04rem 0 0 -.04rem;
	background: #4c1d94;
	width: .08rem;
	height: .08rem;
	border-radius: 50vw
}

.lt24 .box .ll {
	width: 40%;
	padding: 0 .3rem;
	font-size: .26rem;
	color: #442474;
	line-height: 1.5;
}

.lt24 .box .rr {
	flex: 1;
	overflow: hidden
}

.lt24 dl dd {
	font-size: .16rem;
	color: #333333;
	line-height: 1.5;
	margin-bottom: .15rem
}

.lt24 dl dd i {
	font-size: .18rem;
	color: #4c1d94;
	font-family: 'lib';
	margin: 0 0 0 .06rem
}

.lt24 .box:nth-child(1) .ll {
	order: 1;
	text-align: right
}

.lt24 .box:nth-child(1) li::after {
	left: auto;
	right: 0;
	margin: -.04rem -.04rem 0 0
}

@media(max-width: 769px) {
	.lt24 .box .ll {
		width: 100%;
		padding: 0 0 0 .15rem;
		font-size: .2rem;
		margin-bottom: .15rem
	}

	.lt24 .box .rr {
		flex: auto;
		width: 100%;
		padding: 0 0 0 .15rem
	}

	.lt24 .box:nth-child(1) .ll {
		order: -1;
		padding: 0 .15rem 0 0;
		text-align: left
	}

	.lt24 .box:nth-child(1) .rr {
		padding: 0 .15rem 0 0
	}

	.lt24 dl dd {
		margin-bottom: .1rem
	}

	.lt24 .box li {
		padding: .25rem 0 .3rem
	}

	.tit3 h3 {
		width: 1rem;
		height: 1rem;
		font-size: .3rem
	}

	.lt24 {
		padding: .4rem 0
	}
}

.n_b4 {
	background: url(../images/n_b4.png) center top no-repeat;
	background-size: 100% auto
}

.lt25 li {
	margin-bottom: .3rem
}

.lt25 .a {
	height: .96rem;
	align-items: center;
	border: #ccc1dd 2px solid;
	padding: 0 0 0 .28rem;
	position: relative;
	z-index: 1
}

.lt25 .a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/lt25_b.jpg) center no-repeat;
	background-size: cover;
	z-index: -1;
	opacity: 0;
	transition: .5s
}

.lt25 .time {
	background: url(../images/lt25_t.jpg) center no-repeat;
	background-size: cover;
	width: .7rem;
	height: .7rem;
	align-self: flex-start;
	margin: -2px 0 0;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.lt25 .time h3 {
	font-size: .2rem;
	color: #fff
}

.lt25 .time h6 {
	font-size: .13rem;
	color: #fff;
	margin: .02rem 0 0
}

.lt25 .txt {
	padding: 0 .4rem;
	flex: 1;
	overflow: hidden
}

.lt25 h4 {
	flex: 1
}

.lt25 i {
	font-size: .24rem;
	color: #442474;
	font-family: 'lib';
	margin: 0 0 0 .2rem
}

@media(min-width: 1024px) {
	.lt25 .a:hover {
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36)
	}

	.lt25 .a:hover:before {
		opacity: 1
	}

	.lt25 .a:hover .time {
		background: url(../images/lt25_ts.jpg) center no-repeat;
		background-size: cover
	}

	.lt25 .a:hover h4,
	.lt25 .a:hover i {
		color: #fff
	}
}

@media(max-width: 769px) {
	.lt25 li {
		margin-bottom: .15rem
	}

	.lt25 .a {
		padding: 0 0 0 .15rem
	}

	.lt25 .txt {
		padding: 0 .2rem
	}

	.lt25 i {
		display: none
	}
}

.lt26 li {
	margin-bottom: .3rem
}

.lt26 .a {
	align-items: center;
	border: #ccc1dd 2px solid;
	padding: .28rem 0 .28rem .28rem;
	position: relative;
	z-index: 1;
	transition: .5s
}

.lt26 .a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/lt26_b.jpg) center no-repeat;
	background-size: cover;
	z-index: -1;
	opacity: 0;
	transition: .5s
}

.lt26 .time {
	background: url(../images/lt25_t.jpg) center no-repeat;
	background-size: cover;
	width: .7rem;
	height: .7rem;
	align-self: flex-start;
	margin: -2px 0 0;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.lt26 .time h3 {
	font-size: .2rem;
	color: #fff
}

.lt26 .time h6 {
	font-size: .13rem;
	color: #fff;
	margin: .02rem 0 0
}

.lt26 .txt {
	padding: 0 .5rem;
	flex: 1;
	overflow: hidden
}

.lt26 .imgBox {
	width: 3.3rem
}

.lt26 .imgBox .img {
	padding-bottom: 56.36%
}

.lt26 h4 {
	font-weight: bold;
	font-family: "Microsoft YaHei"
}

.lt26 .line {
	width: .22rem;
	height: 2px;
	background: #53337e;
	margin: .12rem 0 .36rem
}

@media(min-width: 1024px) {
	.lt26 .a:hover {
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36)
	}

	.lt26 .a:hover:before {
		opacity: 1
	}

	.lt26 .a:hover .time {
		background: url(../images/lt25_ts.jpg) center no-repeat;
		background-size: cover
	}

	.lt26 .a:hover h4,
	.lt26 .a:hover i {
		color: #fff
	}

	.lt26 .a:hover .line {
		background: #fff
	}

	.lt26 .a:hover p {
		color: #fff;
		opacity: .3
	}
}

@media(max-width: 769px) {
	.lt26 .imgBox {
		width: 100%;
		margin: 0 0 .2rem
	}

	.lt26 li {
		margin-bottom: .15rem
	}

	.lt26 .a {
		padding: .15rem
	}

	.lt26 .txt {
		padding: 0 .2rem 0 0
	}

	.lt26 i {
		display: none
	}

	.lt26 .line {
		margin: .06rem 0 .2rem
	}
}

/*03-19*/
@font-face {
	font-family: 'DINCond-Black';
	src: url("../fonts/DINCond-Black.otf");
}

.lt27W {
	padding: 0 .6rem 0 0;
	position: relative;
	margin-bottom: .9rem;
}

.lt27 li {
	position: relative;
}

.lt27 li::before {
	content: "";
	position: absolute;
	background: url(../images/lt27_l.png) center no-repeat;
	background-size: cover;
	width: .57rem;
	height: .05rem;
	right: -80%;
	top: 50%;
	margin: -.025rem 0 0 0;
	transform: translateX(-.28rem);
}

.lt27 .a {
	font-size: 3.125vw;
	color: #442474;
	font-family: 'DINCond-Black';
	display: inline-block;
	position: relative;
	z-index: 1;
}

.lt27 .a::before {
	content: "";
	position: absolute;
	background: #442474;
	width: .31rem;
	height: .31rem;
	border-radius: 50vw;
	top: 50%;
	right: 18%;
	margin: -.15rem 0 0 0;
	opacity: 0;
	transition: .5s;
	z-index: -1;
}

.lt27 li.on .a {
	color: #d3b35b;
}

.lt27 li.on .a::before {
	opacity: 1;
}

.arrow3 {
	position: absolute;
	top: 50%;
	right: -.15rem;
	width: .64rem;
	height: .64rem;
	background: #d3b35b;
	border-radius: 50vw;
	margin: -.32rem 0 0;
	box-shadow: 0px 0px .2rem 0px rgba(103, 0, 0, 0.64);
	font-size: .3rem;
	color: #fff;
	font-family: "lib";
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.lt28 {
	margin: 0 -.3rem;
}

.lt28 li {
	width: 33.33%;
	padding: 0 .3rem;
	margin-bottom: .5rem;
}

.lt28 .imgBox .img {
	padding-bottom: 62.57%;
}

.lt28 h4 {
	margin: .2rem 0;
}

.lt28 h4 big {
	font-size: .36rem;
	color: #442474;
	margin: 0 .15rem 0 0;
}

@media(min-width: 1024px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {}

@media(max-width: 769px) {
	.lt27 li::before {
		display: none;
	}

	.lt27 .a {
		font-size: 6vw;
	}

	.arrow3 {
		width: .5rem;
		height: .5rem;
		margin: -.25rem 0 0;
		right: -.1rem;
	}

	.lt27W {
		margin-bottom: .3rem;
	}

	.lt28 {
		margin: 0 -7px;
	}

	.lt28 li {
		width: 100%;
		padding: 0 7px;
		margin-bottom: .1rem;
	}

	.lt28 h4 big {
		font-size: .22rem;
	}
}

@media(max-width: 560px) {}

.n_b5 {
	background: #f5f5f7 url(../images/n_b5.png) center no-repeat;
	background-size: 100% auto
}

.h3-3 {
	text-align: center;
	margin-bottom: .5rem;
	font-size: .6rem;
	font-family: 华文新魏;
	font-weight: normal;
}

.lt29 {
	margin: 0 -.18rem .8rem;
}

.lt29 li {
	flex: 1;
	padding: 0 .18rem;
}

.lt29 .imgBox {
	-webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.4) 100%);
}

.lt29 .imgBox .img {
	padding-bottom: 128.39%;
}

.lt29 .txt {
	padding: .2rem 0 0;
}

.lt29 h4 {
	font-size: .3rem;
	color: #333333;
	margin-bottom: .1rem;
}

.lt29 p {
	font-size: .14rem;
	color: #333333;
}

.lt30 {
	margin: -.2rem -.4rem;
}

.lt30 li {
	width: 50%;
	margin-bottom: .25rem;
}

.lt30 .a {
	padding: .4rem;
	position: relative;
	z-index: 1;
}

.lt30 .a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/lt30_b.jpg) center no-repeat;
	background-size: cover;
	z-index: -1;
	opacity: 0;
	transition: .5s
}

.lt30 .time h3 {
	font-size: .48rem;
	color: #d4b45d;
}

.lt30 .time h6 {
	font-size: .2rem;
	color: #d4b45d;
}

.lt30 .txt {
	flex: 1;
	overflow: hidden;
	border-top: #482474 3px solid;
	padding: 0 10% 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	transition: .5s;
}

.lt30 .txt .time {
	height: 1.9rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: #a9a9a9 1px solid;
	width: 100%;
	transition: .5s;
}

.lt30 .imgW {
	width: 4.44rem;
	margin: 0 0 0 .18rem;
}

.lt30 .imgBox {
	margin-bottom: .2rem;
}

.more1 {
	width: .64rem;
	height: .64rem;
	background: #fff;
	border-radius: 50vw;
	margin: -.32rem 0 0;
	box-shadow: 0px 0px 18px 0px rgba(103, 0, 0, 0.25);
	font-size: .3rem;
	color: #d3b35b;
	font-family: "lib";
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0 0 .2rem;
}

@media(min-width: 1024px) {
	.lt29 li.on {
		flex: 1.35;
	}

	.lt30 .a:hover:before {
		opacity: 1;
	}

	.lt30 .a:hover .more1 {
		background: #d3b35b;
		color: #fff;
	}

	.lt30 .a:hover h4 {
		color: #fff;
	}

	.lt30 .a:hover .txt {
		border-top: #d3b35b 3px solid;
	}

	.lt30 .a:hover .txt .time {
		border-right: #fff 1px solid;
	}
}

@media(max-width: 1024px) {}

@media(max-width: 800px) {}

@media(max-width: 769px) {
	.lt29 {
		margin: 0 -7px .8rem;
	}

	.lt29 li {
		flex: inherit;
		width: 50%;
		margin-bottom: .3rem;
		padding: 0 7px;
	}

	.h3-3 {
		font-size: .36rem;
		margin-bottom: .3rem
	}

	.lt30 li {
		width: 100%
	}

	.lt30 .a {
		padding: .25rem .4rem .05rem
	}

	.lt30 .imgW {
		width: 100%;
		margin: .15rem 0 0;
		order: 1;
	}

	.lt30 .txt {
		flex: auto;
		order: 1;
		padding: 0;
		flex-direction: row;
	}

	.lt30 .txt .time {
		width: 1.5rem;
		height: .8rem;
	}

	.more1 {
		width: .48rem;
		height: .48rem;
		margin: 0 .15rem 0 0;
	}

	.lt30 .time h3 {
		font-size: .3rem
	}

	.lt30 .time h6 {
		font-size: .16rem
	}
}

@media(max-width: 560px) {}

.zyjs .wp{ max-width: 12rem;}