@font-face {

	font-family: Gilroy;

	src: url('Gilroy-Medium-2.otf');

}


@font-face {
	font-family: AlibabaPuHuiTi;
	/* src: url(../font/AlibabaPuHuiTi-3-55-Regular.ttf); */
	src: url(../font/AlibabaPuHuiTi-3-55-Regular.woff2);
}

@font-face {
	font-family: SourceHanSerifCN;
	/* src: url(../font/SourceHanSerifCN-Regular-1.otf); */
	src: url(../font/SourceHanSerifCN-Regular-Min.otf);
}

@font-face {

	font-family: regular;

	src: url('gilroy-regular-3.otf');

}



@font-face {

	font-family: CopperplateGothicBT-Roman;

	src: url('Copperplate-Gothic-BT.ttf');

}



@font-face {

	font-family: Gilroy-Bold;

	src: url('Gilroy-ExtraBold.otf');

}



* {

	margin: 0;

	padding: 0;

	list-style: none;

	outline: none;

	text-decoration: none;

	font-family: AlibabaPuHuiTi;

}



.right{
	text-align: right;
}


.w98{
	width: 98px;
	text-align: center;
}

.pageChange {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 40px;
}

.pageChange .item {
	width: 40px;
	height: 40px;
	border: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #b0b0b2;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
}

.pageChange .item .img {
	width: 20px;
	height: 20px;
}

.pageChange .item.active {
	background-color: #5f3773;
	color: #FFF;
	border-color: #5f3773;
}

.pageChange .item:hover {
	background-color: #5f3773;
	color: #FFF;
	border-color: #5f3773;
}

a:hover {

	color: #603E71;

}



.wrap {

	width: 1400px;

	margin: 0 auto;

}



.bigWrap {

	width: 1530px;

	margin: 0 auto;

}



/* header */

header {

	background: #F6F1EB;

}



header h5 {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	padding: 15px;

	letter-spacing: 0px;

	color: #f6f1eb;

	width: 100%;

	box-sizing: border-box;

	background: #603E71;

	text-align: center;

}


.cohere.active {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #F6F1EB;
	z-index: 3;
}


.had {

	width: 100%;

	box-sizing: border-box;

	padding: 30px 80px 15px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	transition: .4s;

}


.cohere.active .had {
	padding-top: 10px;
	padding-bottom: 10px;
}



.menu,

.jump {

	display: flex;

	align-items: center;

}



.menu {

	gap: 15px;

	width: 105px;

}



.menu .iconfont {

	color: #603e71;

	font-size: 40px;

	transition: all 0.5s;
}






.logo {

	/* width: 250px; */
	font-size: 58px;
	font-weight: 900;
	color: #570e77;
}



.logo img {

	display: block;

	width: 100%;

	transition: .4s;

}

.cohere.active .logo img {
	transform: scale(.8);
}

.sidebar {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: -120%;

	z-index: 3;

	transition: 1s;

}



.sidebar.active {

	left: 0;

}



.sidebar::after {

	content: '';

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .2);

	top: 0;

	left: 0;

	display: none;

}



.sidebar.active::after {

	display: block;

}



.sidNav {

	width: 260px;

	max-width: 90%;

	height: 100%;

	background: #fff;

	box-sizing: border-box;

	padding: 70px 40px;

	position: relative;

	z-index: 1;

}



.sidNav>div {

	height: 100%;

	overflow-y: auto;

	box-sizing: border-box;

	padding-right: 8px;

}



.sidNav>div::-webkit-scrollbar {

	width: 2px;

}



.sidNav>div::-webkit-scrollbar-track {

	background-color: #f5f5f5;

	/*设定滚动条轨道颜色*/

}



::-webkit-scrollbar-thumb {

	background-color: #888;

	/*设定滚动条手柄颜色*/

}



.sidNav>div::-webkit-scrollbar-thumb:hover {

	background-color: #555;

	/*设定滚动条手柄在悬停时的颜色*/

}



.sidBox {

	display: flex;

	align-items: center;

	gap: 15px;

}



.close .iconfont {

	font-size: 20px;

}



.sidBox h3 {

	font-size: 30px;

	letter-spacing: 0px;

	color: #570e77;

}



.sidList li {

	margin: 35px 0;

}



.first {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.first a {

	font-size: 18px;

	font-weight: bold;

	letter-spacing: 0px;

	color: #603e71;

	cursor: pointer;

}



.fold .icon-tianjia,

.fold.active .icon-jian {

	display: none;

}



.fold.active .icon-tianjia {

	display: block;

}



.fold .iconfont {

	font-size: 18px;

	font-weight: bold;

}



.lower {

	width: 100%;

	box-sizing: border-box;

	padding-left: 15px;

}



.lower a,

.lower p {

	font-size: 14px;

	font-family: regular;

	letter-spacing: 0px;

	color: #313131;

	margin: 20px 0 0;

}



.lower a {

	display: block;

}



.lower p {

	display: flex;

	align-items: center;

	gap: 10px;

}



.lower p a {

	margin: 0;

}



.jump {

	gap: 20px;

}



.jump .iconfont {

	color: #603e71;

	font-size: 22px;

	font-weight: bold;

}



.jump a {

	position: relative;

}



.jump sup {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 20px;

	height: 20px;

	border-radius: 50%;

	background-color: #603e71;

	font-size: 13px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #ffffff;

	position: absolute;

	top: -10px;

	right: -10px;

	z-index: 1;

}



.boundary {

	position: relative;

	padding: 0 0 10px;

}



.boundary::after {

	content: '';

	display: block;

	width: 100%;

	height: 1px;

	background: #E1E0DF;

	position: absolute;

	left: 0;

	top: -10px;

	bottom: 0;

	margin: auto;

}



.boundary>div {

	width: 78px;

	background: #F6F1EB;

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

	z-index: 1;

	margin: 0 auto;

}



.boundary img {

	display: block;

	max-width: 78px;
	width: 100%;
	height: auto;

}



.hadNav {

	width: 1300px;

	margin: 10px auto 0;

	display: flex;

	justify-content: space-between;

}



.hadNav li {

	width: 200px;

	display: block;

	padding: 20px 0;

	box-sizing: border-box;

	/* border-bottom: 2px solid #603E71; */

	position: relative;

}

.hadNav li:hover {
	background: #603e71;
	border-radius: 10px 10px 0 0;
}



.hadNav li a {

	display: block;

	color: #603e71;

	text-align: center;

	white-space: nowrap;

	font-weight: bold;
}

.hadNav li a:hover {
	background: #603E71;
	color: #fff;
}



.hadNav li:hover h4 a {

	color: #fff;


}



.hadNav h4 a {

	font-size: 15px;

	font-weight: bold;

	font-stretch: normal;

	letter-spacing: 0px;

}



.second {

	min-width: 100%;

	background: #fff;

	position: absolute;

	top: 100%;

	min-width: 100%;

	left: 50%;

	transform: translateX(-50%);

	padding: 15px 0;

	display: none;

	z-index: 999;
	border-radius: 0 0 10px 10px;

}



.hadNav li:hover .second {

	display: block;

}



.second a {

	box-sizing: border-box;

	padding: 5px;

	font-weight: 900;

	font-size: 13px;

	/* font-family: regular; */

}



.banner {

	position: relative;

	width: 100%;

	overflow: hidden;

}



.banner img,

.banner video {

	display: block;

	width: 100%;

}



.swiper-slide {

	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;

}



.swiper-slide img {

	display: block;

	width: 100%;

	object-fit: cover;

}



/* footer */

footer {

	background: #F6F1EB;

	padding: 100px 0 0;

}



.fot {

	width: 1530px;

	margin: 0 auto;

	border-top: 1px solid #DCDCDC;

}



.fotLogo {

	width: 78px;

	display: flex;

	justify-content: center;

	background: #F6F1EB;

	margin: -42px auto 60px;

}



.fotLogo img {

	display: block;

	width: 78px;



}



.fotNav {

	max-width: 50%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

}



.fotNav a {

	display: block;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #313131;

}



.fotNav a:hover {

	color: #603E71;

}



.icp {

	padding: 35px 0 50px;

	border-top: 1px solid #DCDCDC;

	margin: 70px 0 0;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.icp h5 {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #313131;

}



.app {

	display: flex;

	gap: 15px;

}



.app .iconfont {

	font-size: 25px;

	color: #603E71;

}



.paging {

	margin: 100px 0;

}



.paging,

.paging li {

	display: flex;

	justify-content: center;

	gap: 10px;

}



.paging a {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 40px;

	height: 40px;

	box-sizing: border-box;

	border: 1px solid #603E71;

	color: #603E71;

	font-size: 16px;

	transition: .4s;

}



.paging a.active,

.paging a:hover {

	background: #603E71;

	color: #fff;

}



.paging a .iconfont {

	font-size: 20px;

	font-weight: bold;

}


.marsk {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .65);
	z-index: 1;
	display: none;
}

.marsk>div {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pop-pu {
	width: 90%;
	max-width: 630px;
	background: #fff;
}

.puTlt {
	width: 100%;
	box-sizing: border-box;
	padding: 15px 30px;
	background: #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.puTlt h3 {
	font-size: 24px;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #603e71;
}

.puTlt .iconfont {
	font-size: 20px;
	color: #603e71;
	font-weight: bold;
}

.puCont {
	width: 100%;
	box-sizing: border-box;
	padding: 75px 50px;
}

.puCont h4 {
	text-align: center;
	font-size: 30px;
	letter-spacing: 0px;
	color: #603e71;
}

.puCont p {
	text-align: center;
	margin: 25px 0 60px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #222222;
}

.puBtn {
	display: flex;
	justify-content: space-between;
}

.puBtn button {
	width: 48%;
	height: 50px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}

.puBtn button:first-child {
	border: solid 1px #603e71;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #603e71;
	background: none;
}

.puBtn button:last-child {
	background: #603e71;
	color: #fff;
	border: none;
}

.swiper-button-next,
.swiper-button-prev {
	z-index: 2;
}



@media screen and (max-width:1680px) {



	.fot,

	.bigWrap {

		max-width: 90%;

	}



}



@media screen and (max-width:1440px) {



	.wrap,

	.hadNav {

		width: 1200px;

	}



}





@media screen and (max-width:1280px) {



	.wrap,

	.hadNav {

		width: 90%;

	}



	.logo {

		width: 200px;

	}



	.hadNav li {

		width: 150px;

	}





}





@media screen and (max-width:1024px) {



	.fotNav {

		max-width: 70%;

	}



	.logo {

		width: 150px;

	}



	.sidNav {

		padding: 50px;

	}



	.hadNav li {

		width: 18%;

	}



	.hadNav li {

		padding: 15px 0;

	}



	.hadNav h4 a {

		font-size: 16px;

	}



	.paging {

		margin: 40px 0;

	}



}





@media screen and (max-width:768px) {



	header h5 {

		padding: 10px;

	}



	.had {

		padding: 20px;

	}



	.jump {

		gap: 5px;

	}



	.menu {

		width: 65px;

	}



	.menu p {

		display: none;

	}



	.menu .iconfont {

		font-size: 35px;

	}



	.jump .iconfont {

		font-size: 18px;

	}



	.logo {

		width: 120px;

	}



	.hadNav {

		display: none;

	}



	footer {

		padding: 50px 0 0;

	}



	.fotLogo {

		width: 50px;

		margin: -23px auto 20px;

	}



	.fotNav {

		display: none;

	}



	.icp {

		padding: 5px 0 50px;

		margin: 20px 0 0;

		flex-wrap: wrap;

		gap: 15px;

		border-top: none;

	}



	.sidNav {

		padding: 30px;

	}



	.sidBox h3 {

		font-size: 20px;

	}



	.sidList li {

		margin: 20px 0;

	}



	.first a {

		font-size: 16px;

	}



	.lower a,

	.lower p {

		font-size: 14px;

		margin: 10px 0 0;

	}



	.paging a {

		width: 30px;

		height: 30px;

		font-size: 14px;

	}


	.puCont {
		padding: 35px 15px;
	}

	.puTlt {
		padding: 10px 15px;
	}

	.puCont p {
		margin: 10px 0 30px;
		font-size: 14px;
	}

	.puCont h4 {
		font-size: 26px;
	}

	.puBtn button {
		font-size: 16px;
	}

	.boundary {
		padding: 0 0 15px;
	}

	.boundary::after {
		bottom: 10px;
	}

}




.btn {
	cursor: pointer;
}

.disabled {
	background: #ccc !important;
}

.layui-layer-btn0 {
	border-color: #603E71 !important;
	background-color: #603E71 !important;
}

.sort ul {
	z-index: 999;
}

.langBox a p {
	font-weight: 900;
}

.langBox a.on p {
	color: #603e71 !important;
}