body{padding: 0;margin: 0;font-family: "Microsoft YaHei";font-size: 18px;color: rgb(26, 26, 26);overflow-x:hidden;}
body.noscroll{height: 100vh;overflow-y: hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ovh7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.kuang:hover .imgH img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.imgJ{position: relative;}
.imgJ::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/jh.png) center center no-repeat rgba(51, 41, 119,0.67);
	background-size: 8%;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s;
}
.imgJ::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/bn7.png) center center no-repeat;
	background-size: 32%;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s;
}
.kuang:hover .imgJ::before{opacity: 1;}
.kuang:hover .imgJ::after{
	opacity: 1;
    -webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 10s linear infinite;
}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}	to{-webkit-transform:rotate(360deg);}}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #f5f5f5;}
.heibg{background: #151412;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.container{padding: 0 16px;max-width: 1272px;margin: 0 auto;}
@media (max-width:1272px) {.container{max-width: 1024px;}}
@media (max-width:1024px) {.container{max-width: 800px;}}
@media (max-width:800px) {.container{max-width: 100%};}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.col_2{width: calc(100% / 2);}
.imgZ{position: relative;padding-top: 100%;display: block;}
.imgZ .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.imgZ .pic video,
.imgZ .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.imgY{position: relative;padding-top: 100%;display: block;}
.imgY .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.imgY .pic video,
.imgY .pic img{max-width: 100%;max-height: 100%;display: block;}


.topDiv{height: 150px;}
header{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	z-index: 99;
	transition: all 0.3s;
	background: #ffffff;
}
header .topB{
	background: rgb(51, 41, 119);
	font-size: 14px;
	color: rgb(255, 255, 255);
}
header .topB .nrB{height: 40px;}
header .topB a{color: rgb(255, 255, 255);}
header .topB span{margin: 0 16px;}
header .nrBox{height: 110px;}
header .logo{display: block;}
header .logo img{max-height: 48px;display: block;}
header .menuUl>li{
	margin-right: 2vw;
	position: relative;
}
header .menuUl>li:last-child{margin-right: 0;}
header .menuUl .yiji{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
header .menuUl .yiji a{
	font-size: 16px;
	color: #131313;
	line-height: 42px;
	display: block;
	position: relative; 
}
header .menuUl>li .yiji a::before{
	content: "";
	display: block;
	width: 0;
	height: 4px;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: #332977;
	transition: all 0.3s;
}
header .menuUl>li.on .yiji a,
header .menuUl>li:hover .yiji a{color: #332977;}
header .menuUl>li.on .yiji a::before,
header .menuUl>li:hover .yiji a::before{
	width: 100%;
	left: 0;
}
header .menuUl .erjiBox{
	position: absolute;
	left: 50%;
	top: 76px;
	transition: all 0.3s;
	background: #ffffff;
	text-align: left;
	width: max-content;
	width: -webkit-max-content;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px) translateX(-50%);
	min-width: 150px;
	max-width: 280px;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	display:none;
}
header .menuUl>li:hover .erjiBox{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0) translateX(-50%);
	display:block;
}
header .menuUl .erjiUl>li{
	border-bottom: 1px dashed rgba(0,0,0,0.1);
}
header .menuUl .erjiUl>li:last-child{border-bottom: 0;}
header .menuUl .erjiUl>li>a{
	font-size: 14px;
	color: #333333;
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 8px 16px;
	text-align: center;
}
header .menuUl .erjiUl>li>a:hover{
	background: rgb(51, 41, 119);
	color: #ffffff;
}
header .langB{margin-left: 1.46vw;position: relative;z-index: 22;}
header .langB .aB{
	cursor: pointer;
	height: 40px;
	position: relative;
}
header .langB .aB img{
	display: block;
	height: 20px;
}
header .langB .bB{
	position: absolute;
	left: 50%;
	top: 40px;
	background: #ffffff;
	min-width: 100%;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px) translateX(-50%);
	transition: all 0.3s;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	width: max-content;
	z-index: 2;
}
header .langB:hover .bB{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0) translateX(-50%);
}
header .langB .bB a{
	font-size: 14px;
	color: #333333;
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 6px 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .langB .bB a img{height: 16px;margin-right: 4px;display: block;}
header .langB .bB a.on{
	background: #E8EAE9;
	pointer-events: none;
}
header .langB .bB a:hover{
	background: #332977;
	color: #ffffff;
}
header .findBtn{
	margin-left: 0.84vw;
	cursor: pointer;
}
header .findBtn img{display: block;}
.headSearch{
	transition: all 0.3s;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(20px);
}
.headSearch.on{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0);
}
.headSearch{height: 100vh;}
.headSearch.on{height: 100vh;}
.headSearch .yy {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0.7);
    z-index: 88;
    width: 100%;
    height: 100%;
}
.headSearch{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100vh;
	z-index: 99;
}
.headSearch .baibg{position: relative;z-index: 99;}
.headSearch .nrBox{
	/* width: 100%; */
	display: block;
	position: relative;
	padding-top: 80px;
	padding-bottom: 72px;
}
.headSearch .closeBtn{
	position: absolute;
	right: 0;
	top: 32px;
	font-size: 28px;
	cursor: pointer;
}
.headSearch .closeBtn img{width: 32px;display: block;}
.headSearch .headForm{
	width: 61%;
	border-bottom: 2px solid rgb(51, 41, 119);
	position: relative;
}
.headSearch .headForm .input{
	display: block;
	width: 100%;
	line-height: 50px;
	font-size: 18px;
	border: 0;
	padding: 0 116px 0 0;
}
.headSearch .headForm .submit{
	width: 100px;
	height: 50px;
	background: rgb(51, 41, 119);
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	cursor: pointer;
	color: #ffffff;
	font-size: 16px;
}
header .mopenBtn{display: none;}
@media (min-width:1024px) {
	header.onFix{top: -40px;}
	header.onFix .nrBox{height: 80px;}
}
@media (max-width: 1272px) {
	header .logo img{max-width: 180px;}
	header .menuUl .yiji a{font-size: 14px;}
}
@media (max-width:1024px) {
	.topDiv{height: 56px;}
	header .topB{display: none;}
	header .nrBox{height: 56px;}
	header .topB{font-size: 12px;}
	header .topB .nrB{height: 32px;}
	header .logo img{max-height: 32px;}
	header .findBtn{margin-left: 16px;}
	header .mopenBtn{
		display: block;
		width: 26px;
		height: 56px;
		position: relative;
		z-index: 20;
		float: right;
		cursor: pointer;
		transition: 0.4s;
		margin-left: 16px;
	}
	header .mopenBtn span {
		margin-top: 28px;
		display: block;
		width: 100%;
		height: 2px;
		background: #333;
		position: relative;
		vertical-align: middle;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
		transition: color 0.3s 0s;
	}
	header .mopenBtn span:after, 
	header .mopenBtn span:before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 26px;
		height: 2px;
		left: 0;
		background-color: #333;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
	}
	header .mopenBtn span:before {
		top: -8px;
		-webkit-transition-property: top, transform;
		-moz-transition-property: top, transform;
		-ms-transition-property: top, transform;
		-o-transition-property: top, transform;
		transition-property: top, transform;
	}
	header .mopenBtn span:after {
		bottom: -8px;
		-webkit-transition-property: bottom, transform;
		-moz-transition-property: bottom, transform;
		-ms-transition-property: bottom, transform;
		-o-transition-property: bottom, transform;
		transition-property: bottom, transform;
	}
	header.open .mopenBtn span {
		background-color: transparent;
		-webkit-transition-delay: 0s, 0s;
		-moz-transition-delay: 0s, 0s;
		-ms-transition-delay: 0s, 0s;
		-o-transition-delay: 0s, 0s;
		transition-delay: 0s, 0s;
	}
	header.open .mopenBtn span:after, 
	header.open .mopenBtn span:before {
		-webkit-transition-delay: 0s, .3s;
		-moz-transition-delay: 0s, .3s;
		-ms-transition-delay: 0s, .3s;
		-o-transition-delay: 0s, .3s;
		transition-delay: 0s, .3s;
	}
	header.open .mopenBtn span:before {
		top: 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header.open .mopenBtn span:after {
		bottom: 0px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.nofix{height: 100vh;overflow-y: hidden;}
	header .menuB{
		position: fixed;
		right: -100%;
		top: 56px;
		display: block;
		width: 100%;
		height: calc(100vh - 56px);
		background: #ffffff;
		transition: all 0.3s;
	}
	header.open .menuB{right: 0;}
	header .menuUl{
		display: block;
		padding: 16px;
		overflow: auto;
		height: 100%;
	}
	header .menuUl>li{margin: 0;border-bottom: 1px dashed #d6d6d6;}
	header .menuUl .yiji{height: auto;display: block;}
	header .menuUl .yiji a{line-height: 40px;color: #333333;width: calc(100% - 40px);}
	header .menuUl>li.on .yiji a::before{display: none;}
	header .menuUl>li .yiji a::before{display: none;}
	header .menuUl .hasDown>div>.ejBtn{
		position: absolute;
		right: 12px;
		top: 12px;
		width: 16px;
		height: 16px;
	}
	header .menuUl .hasDown>div>.ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgb(51, 41, 119);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	header .menuUl .hasDown>div>.ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgb(51, 41, 119);
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	header .menuUl .hasDown.open>div>.ejBtn::after{display: none;}
	header .menuUl .erjiBox{
		position: relative;
		left: unset;
		top: unset;
		opacity: 1;
		height: auto;
		visibility: visible;
		transform:unset;
		padding: 8px 0;
		display: none;
		transition: unset;
		width: 100%;
		border-radius: 0;
		background: none;
		border: 0;
		box-shadow: none;
		padding: 0 16px;
		max-width: unset;
	}
	header .menuUl .erjiUl>li{border: 0;}
	header .menuUl>li:hover .erjiBox{
		transform:unset;
	}
	header .menuUl .erjiUl>li{width: 100%;padding: 0;}
	header .menuUl .erjiUl>li>a{color: #333333;padding: 4px 16px;display: block;width: 100%;font-size: 15px;position: relative;background: none;text-align: left;}
	header .menuUl .erjiUl>li>a::before{
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #b1b1b1;
		position: absolute;
		left: 0;
		top: calc(50% - 2px);
	}
	header .menuUl .erjiUl>li.on, header .menuUl .erjiUl>li:hover{background: none;}
	.headSearch .nrBox{padding: 56px 16px 16px;height: auto;}
	.headSearch .closeBtn{right: 16px;top: 16px;}
	.headSearch .headForm{width: 100%;}
	.headSearch .headForm .input{line-height: 40px;padding-right: 64px;}
	.headSearch .headForm .submit{height: 40px;width: 64px;}
}

footer{background: #1d1b1b;}
footer .fNav{
	padding: 36px 0;
}
footer .fCol{max-width: 370px;}
footer .fNav .fTit{
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	margin-bottom: 16px;
	width: 100%;
	text-transform: capitalize;
}
footer .fNav .fCon,
footer .fNav .fnr{
	font-size: 14px;
	color: rgba(255, 255, 255, 0.749);
}
footer .fNav .fCon a{
	color: rgba(255, 255, 255, 0.749);
	display: block;
	margin-bottom: 10px;
	line-height: 1.4;
}
footer .fNav .fCon a:last-child{margin-bottom: 0;}
footer .fNav .fCon a:hover{color: #ffffff;}
footer .fNav .fnr .line{
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	line-height: 1.714;
}
footer .fNav .fnr .line:last-child{margin-bottom: 0;}
footer .fNav .fnr .line img{
	position: absolute;
	left: 0;
	top: 2px;
}
footer .fNav .moreB{
	border-radius: 4px;
	background-color: rgb(51, 41, 119);
	width: 180px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: rgb(255, 255, 255);
}
footer .fshare{margin-top: 20px;width: 180px;}
footer .fshare a{display: block;}
footer .fshare img{display: block;filter: grayscale(1) brightness(0%) invert(100%);max-height: 24px;max-width: 24px;}
footer .fBot{
	padding: 22px 0;
	border-top: 1px solid rgba(255,255,255,0.278);
}
footer .banquan{font-size: 14px;color: rgb(255, 255, 255);text-align: center;}
footer .banquan a{color: #ffffff;}
footer .banquan a:hover{color: #ffffff;}
@media (max-width:1024px) {
	footer .fNav{flex-wrap: wrap;}
	footer .fNav .fCol{width: calc(100% / 4);margin: 0;padding-right: 16px;}
	footer .fNav .fCol3{width: calc(100% / 2);margin: 0;padding-right: 0;}
	footer .fNav .fCol:last-child{width: 100%;padding-left: 0;}
	footer .fNav .fCol:nth-child(4){padding-left: 0;}
	footer .fNav .fTit{padding: 10px 0;}
	footer .fBot{padding: 12px 0;}
}
@media (max-width:800px) {
	footer .fNav{padding: 0 0 16px;}
	footer .fNav .fCol,
	footer .fNav .fCol:first-child{width: 100%;padding: 0;max-width: unset;border-bottom: 1px solid rgba(255, 255, 255,0.2);}
	footer .fNav .fCol3,
	footer .fNav .fCol4{border-bottom: 0;}
	footer .fNav .fCol4 .fTit{display: none;}
	footer .fNav .fCol .fTit{
		font-size: 16px;
		position: relative;
		margin-bottom: 0;
		padding: 12px 0;
	}
	footer .fNav .fCol .fTit .ejBtn{
		position: absolute;
		right: 12px;
		top: 16px;
		width: 16px;
		height: 16px;
	}
	footer .fNav .fCol .fTit .ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	footer .fNav .fCol .fTit .ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	footer .fNav .fCol.open .fTit .ejBtn::after{display: none;}
	footer .fNav .fCon{display: none;}
	footer .fNav .fCol:last-child .fTit{margin-bottom: 16px;}
	footer .fNav .fCol:last-child .fCon{display: block;padding: 0;}
	footer .fNav .fCon{margin: 0;padding: 16px;}
	footer .fNav .open .fCon{border-top: 1px solid rgba(255, 255, 255,0.2);}
	footer .fBot{display: block;text-align: center;}
	footer .fNav .moreB{margin-top: 16px;}
}

.swiper-pagination{
	bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-pagination-bullet{
	background: rgb(255, 255, 255);
	width: 10px;
	height: 10px;
	margin: 0 5px;
	transition: all 0.3s;
	border-radius: 10px;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background: #332977;
	width: 60px;
}
.swiper-button-prev,
.swiper-button-next{
	background-color: rgba(0, 0, 0,0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 52px;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size: 20px;
	color: #ffffff;
}

.banner{overflow: hidden;}
.swiper_banner{position: relative;z-index: 1;}
.swiper_banner .swiper-slide{
	justify-content: flex-start;
}
.swiper_banner .imgB{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0;
	z-index: 1;
}
.swiper_banner .nrBox{
	position: relative;
	z-index: 2;
	padding: 6vw 0;
	min-height: 460px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.swiper_banner .kuang{
	background-color: rgb(51, 41, 119);
	max-width: 425px;
	padding: 20px 16px;
	line-height: 1.2;
	transition: all 0.9s;
	color: rgb(255, 255, 255);
	transform: translateX(40px);
	opacity: 0;
}
.swiper_banner .font1{font-size: 24px;font-weight: 700;}
.swiper_banner .font2{font-size: 24px;margin-top: 32px;}
.swiper_banner .font3{font-size: 18px;margin-top: 12px;}
.swiper_banner .swiper-slide-active .kuang{transform: translateY(0);opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.banner .swiper-pagination-custom, 
.banner .swiper-pagination-fraction{bottom: 20px;}
.banner .swiper-button-prev,
.banner .swiper-button-next{display: none;}
.banny{position: relative;}
.banny .imgB{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0;
	z-index: 1;
}
.banny .nrBox{
	height: 320px;
	padding: 0;
	z-index: 2;
	padding: 72px 0;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.banny .topcat{
	font-size: 46px;
	font-family: "QuicksandBold";
	color: rgb(255, 255, 255);
}
.banny .topcat::after{
	content: "";
	border-radius: 2px;
	background: rgb(50, 43, 116);
	display: block;
	width: 65px;
	height: 5px;
	margin-top: 8px;
}
.banny .location{
	background-color: rgba(50, 43, 116,0.349);
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	color: rgb(255, 255, 255);
	padding: 13px 0;
	z-index: 2;
}
.banny .location a{
	color: rgb(255, 255, 255);
}
@media (max-width:1272px) {
	.banny .nrBox{height: 248px;}
	.banny .topcat{font-size: 40px;}
}
@media (max-width:1024px) {
	.swiper_banner .kuang{max-width: 348px;}
	.swiper_banner .nrBox{min-height: 280px;}
	.swiper_banner .font1{font-size: 20px;}
	.swiper_banner .font2{font-size: 20px;}
	.banny .nrBox{height: 200px;}
	.banny .topcat{font-size: 32px;}
}
@media (max-width:800px) {
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 10px;}
	.swiper_banner .nrBox{min-height: unset;padding: 24px 0 40px;}
	.swiper_banner .kuang{max-width: unset;background: rgba(51, 41, 119,0.5);}
	.swiper_banner .font1{font-size: 18px;}
	.swiper_banner .font2{font-size: 18px;margin-top: 12px;}
	.swiper_banner .font3{font-size: 14px;margin-top: 8px;}
	.banny .nrBox{height: unset;padding: 32px 0 56px;}
	.banny .topcat{font-size: 28px;}
	.banny .topcat::after{width: 32px;height: 3px;}
	.banny .location{padding: 8px 0;font-size: 14px;}
}

.indp{padding: 56px 0;}
.pubTit{
	font-size: 36px;
	font-family: "QuicksandBold";
	color: rgb(27, 27, 27);
	line-height: 1.2;
	margin-bottom: 32px;
	text-align: center;
}
.pubTit::after{
	content: "";
	background-color: rgb(51, 41, 119);
	display: block;
	width: 70px;
	height: 5px;
	border-radius: 5px;
	margin: 12px auto 0;
}
.txtB{
	font-size: 16px;
	color: rgb(27, 27, 27);
	line-height: 1.875;
}
.txtB h2{font-size: 1.875em;}
.moreBtn{
	border-radius: 4px;
	background: rgb(51, 41, 119);
	width: max-content;
	height: 44px;
	padding: 0 16px 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-transform: capitalize;
	margin: 40px auto 0;
}
.moreBtn img{
	display: block;
	margin-left: 10px;
	width: 24px;
	transition: all 0.3s;
}
.moreBtn:hover img{transform: translateX(10px);}
.moreB2{
	font-size: 16px;
	color: rgb(17, 17, 17);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
}
.moreB2 img{display: block;margin-right: 5px;width: 20px;}
.moreB2 span{transition: all 0.3s;}
.moreB2:hover span{transform: translateX(10px);}
@media (max-width:800px) {
	.indp{padding: 40px 0;}
	.pubTit{font-size: 24px;margin-bottom: 16px;}
	.pubTit::after{width: 40px;height: 3px;}
	.txtB{font-size: 14px;line-height: 1.6;}
	.txtB h2{font-size: 1.5em;}
	.moreBtn{height: 36px;font-size: 14px;margin-top: 20px;padding: 0 12px;}
	.moreBtn img{width: 16px;}
	.moreB2{font-size: 14px;}
	.moreB2 img {margin-right: 4px;width: 14px;}
}
/* 产品 */
.nyFlex{flex-direction: row-reverse;}
.leftSide{
	width: 306px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(218, 218, 218);
}
.leftSide .lefTit{
	background: rgb(51, 41, 119);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 60px;
	font-size: 20px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	padding: 0 20px;
}
.leftNav{padding: 14px 10px 28px;}
.leftNav li{margin-top: 8px;}
.leftNav li:first-child{margin-top: 0;}
.leftNav .zktit{
	font-size: 16px;
	color: rgb(39, 39, 39);
	line-height: 1.5;
	position: relative;
	cursor: pointer;
	border-bottom:1px solid #dadada;
}
.leftNav .zktit a{
	display: block;
	color: rgb(39, 39, 39);
	padding: 6px 16px 6px 0;
}
.leftNav li.hasDown .zktit::after{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #272727;
    border-right: 1px solid #272727;
    transform: rotate(315deg) translateY(-2px);
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
	transition: all 0.3s;
}
.leftNav li.on .zktit{color: #332977;background: #ffffff;}
.leftNav li.on .zktit a{color: #332977;}
.leftNav li.on .zktit::after{transform: rotate(45deg) translateY(-2px) translateX(-4px);}
.leftNav .zhshow{display: none;padding: 8px 0;}
.leftNav .zhshow a{
	font-size: 14px;
	color: rgb(97, 97, 97);
	display: block;
	padding: 16px 20px;
	line-height: 1.4;
	padding: 8px 0;
	position: relative;
}
.leftNav .zhshow a:last-child{border-bottom: 0;}
.leftNav .zhshow a.on,
.leftNav .zhshow a:hover{color: #332977;}
.leftNav .zhshow a.on::before,
.leftNav .zhshow a:hover::before{background: #332977;}
.rightSide{width: calc(100% - 344px);}
.prodUl{margin: -14px;}
.prodUl li{padding: 14px;}
.prodUl .kuang{
	display: block;
	height: 100%;
	transition: all 0.3s;
}
.prodUl .titB{
	font-size: 18px;
	color: rgb(51, 41, 119);
	font-weight: bold;
	margin-top: 8px;
}
.prodUl .descB{
	font-size: 14px;
	color: rgb(39, 39, 39);
	line-height: 1.786;
	margin-top: 4px;
}
.prodUl .descB b{
	display: block;
}
.xiaocms-page{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 60px auto 0;
	flex-wrap: wrap;
}
.xiaocms-page a,
.xiaocms-page span{
	background-color: #dad8d8;
	width: 36px;
	padding: 0 8px;
	text-align: center;
	height: 36px;
	margin: 6px;
	color: #1c1c1c;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.xiaocms-page span{
	color: #ffffff;
	border-color: #332977;
	background: #332977;
}
@media (max-width:1272px) {
	.leftSide{width: 280px;}
	.rightSide{width: calc(100% - 300px);}
	
}
@media (max-width:1024px) {
	.prodUl li{width: 50%;}
}
@media (max-width:800px) {
	.nyFlex{display: block;}
	.rightSide{width: 100%;}
	.leftNav{padding: 10px 16px;}
	.leftSide{width: 100%;margin-top: 16px;}
	.prodUl{margin: -4px;}
	.prodUl li{width: 50%;padding: 4px;}
	.prodUl .titB{font-size: 16px;margin-top: 8px;}
	.prodUl .descB{font-size: 14px;margin-top: 4px;line-height: 1.4;}
	.prodUl .moreB{margin-top: 8px;}
	.xiaocms-page{margin-top: 16px;}
	.xiaocms-page a, .xiaocms-page span{width: 28px;padding: 0 8px;text-align: center;height: 28px;margin: 2px;font-size: 14px;}
	.leftSide .lefTit{height: 44px;font-size: 18px;}
}
/* 产品详情 */
.proDetail .topInfo{align-items: stretch;}
.proDetail .imgBox{width: 54%;}
.proDetail .imgBox .swiper_xiaotu{margin-top: 12px;}
.proDetail .imgBox .swiper_xiaotu .swiper-slide{
	border-style: solid;
	border-width: 1px;
	border-color: rgba(11, 163, 233,0);
	position: relative;
}
.proDetail .imgBox .swiper_xiaotu .swiper-slide .playBtn{
	z-index: 2;
	cursor: pointer;
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/play.png) center no-repeat;
	background-size: 100%;
}
.proDetail .imgBox .swiper_xiaotu .swiper-slide-thumb-active{
	border-color: rgba(11, 163, 233,1);
}
.proDetail .topInfo .textBox{width: calc(46% - 56px);position: relative;padding-bottom: calc(5vw + 56px);}
.proDetail .textBox .titB{
	font-size: 30px;
	color: #0e0e0e;
	padding: 32px 0;
	font-weight: 400;
}
.proDetail .textBox .descB{
	font-size: 16px;
	color: rgb(39, 39, 39);
	line-height: 1.563;
}
.proDetail .textBox .descB b{
	display: block;
	margin-bottom: 16px;
}
.proDetail .textBox .moreB{
	border-radius: 10px;
	background-color: rgb(51, 41, 119);
	width: 249px;
	height: 55px;
	font-size: 18px;
	color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 4.8vw;
	text-transform: uppercase;
}
.proDetail .textBox .moreB img{
	display: block;
	margin-right: 16px;
}
.proDetail .xqBox{
	margin-top: 64px;
	background-color: rgb(255, 255, 255);
}
.proDetail .xqBox .pubTit{
	text-align: left;
	font-size: 30px;
}
.proDetail .xqBox .pubTit::after{
	height: 4px;
	margin-left: 0;
}
.proDetail .xqBox .nrBox{
	padding: 16px 0;
	color: rgb(102, 102, 102);
}
.proDetail .xqBox2 .nrBox{padding: 0;}
.ptjUl{margin: -8px;}
.ptjUl li{padding: 8px;}
.ptjUl .imgB{border: 1px solid rgb(224, 224, 224);}
.ptjUl .titB{
	font-size: 16px;
	color: rgb(41, 41, 41);
	text-align: center;
	margin: 16px auto 0;
}
@media (max-width:1024px) {
	.proDetail .imgBox{width: 45%;}
	.proDetail .topInfo .textBox{width: 50%;padding-bottom: 48px;}
	.proDetail .textBox .titB {
	    font-size: 24px;
	    padding: 12px 0;
	}
	.proDetail .textBox .moreB {
		width: 148px;
		height: 40px;
		font-size: 15px;
		bottom: 0;
	}
	.proDetail .textBox .moreB img {
	    margin-right: 8px;
	    height: 16px;
	}
	.proDetail .xqBox .pubTit{font-size: 24px;margin-bottom: 24px;}
	.ptjUl .titB{margin-top: 8px;}
}
@media (max-width:800px) {
	.proDetail .topInfo{display: block;}
	.proDetail .imgBox,
	.proDetail .topInfo .textBox{width: 100%;float: none;}
	.proDetail .textBox .descB b{margin-bottom: 8px;}
	.proDetail .textBox .moreB{margin-top: 0;}
	.proDetail .xqBox{margin-top: 40px;}
	.proDetail .xqBox .pubTit{font-size: 20px;margin-bottom: 16px;}
	.ptjUl{margin: -4px;}
	.ptjUl li{padding: 4px;width: 50%;}
}
.patUl{margin: -18px -15px;}
.patUl li{padding: 18px 15px;}
.patUl .kuang{
	background: rgb(255, 255, 255);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
.patUl .titB{
	font-size: 20px;
	color: rgb(23, 23, 23);
	text-align: center;
	padding: 18px;
}
@media (max-width:1024px) {
	.patUl{margin: -4px;}
	.patUl li{padding: 4px;width: 50%;}
	.patUl .titB{padding: 8px;font-size: 16px;}
}
.newsUl li:first-child{padding-top: 0;}
.newsUl li{padding: 36px 0;border-bottom: 1px solid #dad8d8;}
.newsUl .kuang{flex-direction: row-reverse;}
.newsUl .imgB{width: 334px;}
.newsUl .textB{width: calc(100% - 368px);}
.newsUl .timeB{
	font-size: 16px;
	color: rgb(51, 41, 119);
	font-weight: bold;
}
.newsUl .titB{
	font-size: 20px;
	color: rgb(27, 27, 27);
	font-weight: bold;
	line-height: 1.5;
	margin-top: 8px;
}
.newsUl .descB{
	font-size: 16px;
	color: rgb(27, 27, 27);
	line-height: 1.875;
	margin-top: 16px;
}
.newsUl .moreB{
	font-size: 18px;
	color: rgb(66, 66, 66);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
}
.newsUl .moreB img{display: block;margin-left: 10px;}
@media (max-width:1024px) {
	.newsUl .imgB{width: 240px;}
	.newsUl .textB {width: calc(100% - 256px);}
	.newsUl .timeB{font-size: 14px;}
	.newsUl .titB{font-size: 16px;margin-top: 8px;}
	.newsUl .descB{font-size: 14px;line-height: 1.6;-webkit-line-clamp:2;}
	.newsUl .moreB{font-size: 14px;}
	.newsUl .moreB img{height: 20px;}
}
@media (max-width:800px) {
	.newsUl li{padding: 16px 0;}
	.newsUl .kuang{display: block;}
	.newsUl .imgB{width: 100%;}
	.newsUl .textB {width: 100%;margin-top: 12px;}
	.newsUl .descB,
	.newsUl .moreB{margin-top: 8px;}
}

/* 联系我们 */
.ctctL{width: calc(50% - 40px);}
.ctctR{width: 50%;}
.ctctP .pubTit{text-align: left;margin-bottom: 28px;}
.ctctP .pubTit::after{margin-left: 0;border-radius: 0;}
.ctctP .pms{
	font-size: 18px;
	color: rgb(42, 42, 42);
	line-height: 1.2;
	margin-bottom: 28px;
}
.ctctP .info .line{
	position: relative;
	padding-left: 44px;
	margin-bottom: 24px;
	line-height: 1.714;
	font-size: 18px;
	color: rgb(42, 42, 42);
}
.ctctP .info .line:last-child{margin-bottom: 0;}
.ctctP .info .line img{
	position: absolute;
	left: 0;
	top: 5px;
}
.ctctP .info .line b{font-weight: 400;font-size: 20px;}
.ctctP .share{margin-top: 40px;display: flex;justify-content: flex-start;align-items: center;}
.ctctP .share a{display: block;margin-right: 22px;}
.ctctP .share a:last-child{margin-right: 0;}
.ctctP .share img{display: block;max-width: 28px;max-height: 28px;}
.ctcForm input,
.ctcForm textarea{
	display: block;
	border-width: 1px;
	border-color: rgb(182, 182, 182);
	border-style: solid;
	background-color: rgb(244, 244, 244);
	width: 100%;
	height: 44px;
	padding: 0 12px;
	font-size: 14px;
	margin-bottom: 20px;
	font-family: inherit;
}
.ctcForm textarea{
	height: 102px;
	padding: 8px 12px;
}
.ctcForm input[type=submit]{
	background: rgb(51, 41, 119);
	width: 188px;
	height: 48px;
	font-size: 20px;
	color: #ffffff;
	padding: 0;
	border: 0;
	cursor: pointer;
	text-transform: capitalize;
}
@media (max-width: 1024px) {
    .ctctP .pubTit{
        font-size: 28px;
        margin-bottom: 20px;
    }
	.ctctP .pms{font-size: 16px;}
}
@media (max-width: 800px) {
	.ctctP .nrBox{display: block;}
	.ctctL{width: 100%;}
	.ctctR{width: 100%;margin-top: 24px;}
    .ctctP .pubTit{font-size: 24px;margin-bottom: 16px;}
	.ctctP .pms{font-size: 14px;margin-bottom: 16px;}
	.ctctP .info .line{font-size: 16px;padding-left: 32px;margin-bottom: 12px;}
	.ctctP .info .line b{font-size: 18px;}
	.ctctP .info .line img{max-width: 20px;max-height: 20px;top: 6px;}
	.ctctP .share{margin-top: 24px;}
	.ctctP .share img{max-width: 20px;max-height: 20px;}
	.ctcForm input, .ctcForm textarea{margin-bottom: 12px;}
	.ctcForm input[type=submit]{width: 160px;height: 40px;font-size: 16px;}
}

/* 首页 */
.videoShow{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}
.videoShow .yinying{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
.videoShow .nrbox{
	width: 50%;
	position: relative;
}
.videoShow .nrbox video,
.videoShow .nrbox img{
	width: 100%;
}
.videoShow .nrbox i.close{
	width: 40px;
	height: 40px;
	position: absolute;
	right: -40px;
	top: -40px;
	background: url(../img/close.png) center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
@media (max-width:768px) { 
	.videoShow .nrbox{width: 88%;}
	.videoShow .nrbox i.close{right: 0;}
}
.ind1L{width: calc(50% + 20px);}
.ind1R{width: 45%;}
.ind1L .pubTit{font-size: 30px;text-align: left;font-weight: 600;margin-bottom: 12px;}
.ind1L .pubTit::after{display: none;}
.ind1L .since{
	font-size: 24px;
	color: rgb(51, 41, 119);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 18px;
}
.ind1L .since i{
	display: block;
	background-color: rgb(51, 41, 119);
	display: block;
	width: 175px;
	height: 1px;
	margin-right: 16px;
	margin-top: 8px;
}
.ind1L .moreBtn{margin-left: 0;}
.ind1R{position: relative;border-radius: 5px;overflow: hidden;}
.ind1R img{display: block;width: 100%;}
.ind1R .playB{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/play.png) center center no-repeat rgba(0,0,0,0.32);
	background-size: 84px;
	cursor: pointer;
}
.indp2 .pubTit,
.indp3 .pubTit{text-transform: uppercase;}
.indp2 .swiper-button-prev,
.indp2 .swiper-button-next,
.indp3 .swiper-button-prev,
.indp3 .swiper-button-next{display:none;}
.ind2Ul{margin: -20px;}
.ind2Ul li{padding: 20px;}
.swiper_indp2 .titB,
.ind2Ul .titB{
	font-size: 20px;
	color: rgb(17, 17, 17);
	margin-top: 10px;
}
.ind3Ul{margin: -15px;}
.ind3Ul li{padding: 15px;}
.swiper_indp3 .kuang,
.ind3Ul .kuang{
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.swiper_indp3{padding: 10px;}
.swiper_indp3 .textB,
.ind3Ul .textB{padding: 20px;}
.swiper_indp3 .titB,
.ind3Ul .titB{
	font-size: 16px;
	color: rgb(27, 27, 27);
	font-weight: bold;
}
.swiper_indp3 .descB,
.ind3Ul .descB{
	font-size: 14px;
	color: rgb(27, 27, 27);
	line-height: 1.714;
	margin-top: 12px;
}
.indp4{padding-top: 0;}
.ind4Ul{margin: -3px;}
.ind4Ul li{padding: 3px;}
.ind4Ul .imgB{padding-top: 48%;}
.ind4Ul .textB{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 28px 24px;
	 background-image: -moz-linear-gradient( 270deg, rgba(51, 41, 119,0) 0%, rgba(51, 41, 119,0.8) 100%);
	 background-image: -webkit-linear-gradient( 270deg, rgba(51, 41, 119,0) 0%, rgba(51, 41, 119,0.8) 100%);
	 background-image: -ms-linear-gradient( 270deg, rgba(51, 41, 119,0) 0%, rgba(51, 41, 119,0.8) 100%);
}
.ind4Ul .titB{
	font-size: 20px;
	color: rgb(255, 255, 255);
}
.ind4Ul .moreB2{
	color: #ffffff;
}
@media (max-width:1272px) {
	.ind1R .playB{background-size: 60px;}
}
@media (max-width:1024px) {
	.indp1 .nrBox{display: block;}
	.ind1L{width: 100%;}
	.ind1R{width: 100%;margin: 16px auto 0;}
	.ind2Ul,
	.ind3Ul{margin: -8px;}
	.ind2Ul li,
	.ind3Ul li{padding: 8px;}
	.swiper_indp3 .textB,
	.ind3Ul .textB{padding: 12px;}
	.ind4Ul .textB{padding: 16px;}
}
@media (max-width:800px) {
	.ind1L .pubTit{font-size: 20px;}
	.ind1L .since{font-size: 18px;margin-bottom: 12px;}
	.ind1L .since i{width: 96px;}
	
    .indp2 .swiper-button-prev,
    .indp2 .swiper-button-next,
    .indp3 .swiper-button-prev,
    .indp3 .swiper-button-next{display:flex;width:28px;height:40px;}
    .indp2 .swiper-button-prev,
    .indp3 .swiper-button-prev{left:0;}
    .indp2 .swiper-button-next,
    .indp3 .swiper-button-next{right:0;}
	.ind2Ul,
	.ind3Ul{margin: -4px;}
	.ind2Ul li,
	.ind3Ul li{padding: 4px;width: 100%;}
	.swiper_indp3{padding: 0;}
	.swiper_indp3 .titB{-webkit-line-clamp:1;}
	.swiper_indp3 .descB{-webkit-line-clamp:2;}
	.indp2 .nrBox,
	.indp3 .nrBox{padding: 0 40px;}
	.swiper_indp2 .titB,
	.ind2Ul .titB,
	.ind4Ul .titB{font-size: 16px;}
	.ind4Ul li{width: 100%;}
	.ind4Ul .textB{padding: 12px 16px;}
}