body{padding: 0;margin: 0;font-family: "Source Han Sans CN";font-size: 16px;color: #333;overflow-x: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;}
.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;}
.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; }
.imgH:hover 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);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.baibg{background: #ffffff;}
.huibg{background: #f0eeed;}
.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: 1232px;margin: 0 auto;}
.container2{padding: 0 16px;max-width: 1432px;margin: 0 auto;}
@media (max-width:1432px) {.container2{padding: 0 16px;max-width: 1232px;}}
@media (max-width:1232px) {.container{padding: 0 16px;max-width: 1024px;}}
@media (max-width:1024px) {.container{padding: 0 16px;max-width: 800px;}}
@media (max-width:800px) {.container{padding: 0 16px;max-width: 100%;}}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_7{width: calc(100% / 7);}
.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_32{width: calc((100% / 3) * 2);}
.col_2{width: calc(100% / 2);}
.imgB{
	position: relative;
    padding-top: 100%;
	display: block;
}
.imgB .pic{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.imgB .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.topDiv{height: 68px;}
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;
	border-bottom: 1px solid rgba(255, 255, 255, 0.502);
}
header .nrBox{height: 68px;}
header .logo img{max-height: 38px;display: block;}
header .menuUl>li{
	margin-right: 28px;
	position: relative;
}
header .menuUl>li:last-child{margin-right: 0;}
header .menuUl .yiji{
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
/* header .menuUl .ejBtn{
	background: url(../img/jt1.png) center center no-repeat;
	background-size: cover;
	display: block;
	width: 14px;
	height: 8px;
	position: absolute;
	right: -18px;
	top: calc(50% - 4px);
} */
header .menuUl .yiji a{
	font-size: 14px;
	color: #333333;
	line-height: 68px;
	display: block;
	position: relative; 
}
header .menuUl>li .yiji a::before{
	content: "";
	display: block;
	width: 0;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: -1px;
	background: #ff5a00;
	transition: all 0.3s;
}
header .menuUl>li.on .yiji a,
header .menuUl>li:hover .yiji a{color: #ff5a00;}
header .menuUl>li.on .yiji a::before{
	width: 100%;
	left: 0;
}
header .menuUl .erjiBox{
	position: absolute;
	left: 50%;
	top: 68px;
	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: 120px;
	padding: 8px;
	z-index: 99;
}
header .menuUl>li:hover .erjiBox{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0) translateX(-50%);
}
header .menuUl .erjiUl>li{
	border-bottom: 1px solid rgba(255, 90, 0,0.1);
}
header .menuUl .erjiUl>li:last-child{border-bottom: 0;}
header .menuUl .erjiUl>li>a{
	font-size: 14px;
	color: #666666;
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 4px 8px;
	text-align: center;
}
header .mopenBtn{display: none;}
.topBox{
	background: rgba(255,255,255,0.9);
	position: fixed;
	left: 0px;
	top: 68px;
	width: 100%;
	height: 48px;
	font-size: 12px;
	color: rgb(51, 51, 51);
	z-index: 2;
}
.topBox .nrB{justify-content: flex-end;}
.topBox a{
	font-size: 12px;
	color: rgb(51, 51, 51);
	line-height: 48px;
	margin-left: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topBox a:first-child{margin-left: 0;}
.topBox a.telB{
	font-size: 18px;
	color: rgb(51, 51, 51);
}
.topBox a.telB img{margin-right: 10px;}
.indTopDiv{display: none;}
header.indHead{
	background: rgba(0,0,0,0.8);
}
header.indHead .menuUl>li{margin-top: 12px;}
header.indHead .menuUl .yiji a{
	color: #ffffff;
}
header.indHead .menuUl>li{margin-right: 2.5vw;}
header.indHead .nrBox{
	padding: 0 48px;
	max-width: 100%;
	height: 80px;
}
header.indHead .topBox{
	position: relative;
	left: unset;
	top: unset;
	width: unset;
	background: none;
	height: unset;
}
header.indHead .topBox .sjrjB{padding-top: 22px;margin: 0 12px 0 0;}
header.indHead .topBox .telB{
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	display: block;
	line-height: 1;
	margin: 0;
}
header.indHead .topBox .telB span{display: block;padding-left: 40px;}
header.indHead .topBox .telB p{display: flex;justify-content: flex-start;align-items: center;margin-top: 8px;}
header.indHead .topBox .telB img{width: 24px;margin-right: 16px;}
header.indHead .topBox .telB b{
	font-size: 24px;
	color: rgb(255, 255, 255);
	font-weight: 400;
}
header.indHead .topBox .ljG{
	margin-left: 36px;
}
header.indHead .topBox .ljG a{
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	display: block;
	margin: 0;
	line-height: 24px;
}
header.indHead .menuUl .erjiBox{
	background: rgba(0,0,0,0.8);
}
header.indHead .menuUl .erjiUl>li>a{
	color: #ffffff;
}
@media (max-width:1720px) {
	header.indHead .menuUl>li{margin-right: 1.2vw;}
	header.indHead .topBox .ljG{margin-left: 20px;}
	header.indHead .topBox .telB b{font-size: 20px;}
}
@media (max-width:1480px) {
	header.indHead .menuB {display: block;}
	header.indHead .menuUl .yiji a{margin: 0;}
	header.indHead .topBox .sjrjB{padding: 0;}
	header.indHead .topBox .telB span{display: none;}
	header.indHead .topBox .telB p{margin-top: 0;}
	header.indHead .topBox .ljG{display: flex;align-items: center;justify-content: flex-start;}
	header.indHead .topBox .ljG a:last-child{margin-left: 16px;}
	header.indHead .menuUl .yiji{height: 40px;}
	header.indHead .menuUl .yiji a{line-height: 40px;}
}
@media (max-width:1232px) {
	header .menuUl>li{margin-right: 12px;}
	header.indHead .menuUl>li{margin-right: 1vw;}
	header.indHead .menuUl>li:last-child{margin-right: 0;}
	header.indHead .logo img{max-width: 20vw;}
}
@media (max-width:1024px) {
	.topDiv{height: 56px;}
	header{box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);}
	header .nrBox{
		height: 56px;
	}
	header .logo img{max-height: 44px;}
	header .findBox{height: 56px;}
	header .mopenBtn{
		display: block;
		width: 28px;
		height: 22px;
		position: relative;
		cursor: pointer;
		margin-left: 16px;
	}
	header .mopenBtn span, 
	header .mopenBtn:after, 
	header .mopenBtn:before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgb(255, 90, 0);
		position: absolute;
		-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
		transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
		-o-transition: transform .5s cubic-bezier(.165,.84,.44,1);
		transition: transform .5s cubic-bezier(.165,.84,.44,1);
		transition: transform .5s cubic-bezier(.165,.84,.44,1), -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
		transition: transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
	}
	header .mopenBtn:before{
		top: 0;
	}
	header .mopenBtn:after {
		bottom: 0;
	}
	header .mopenBtn span{
		top: 50%;
		margin-top: -1px;
		-webkit-transition: opacity .2s cubic-bezier(.165,.84,.44,1);
		-o-transition: opacity .2s cubic-bezier(.165,.84,.44,1);
		transition: opacity .2s cubic-bezier(.165,.84,.44,1);
	}
	header.open .mopenBtn:before {
		-webkit-transform: translateY(11px) rotate(45deg);
		-ms-transform: translateY(11px) rotate(45deg);
		transform: translateY(11px) rotate(45deg);
	}
	header.open .mopenBtn:after {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		-ms-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}
	header.open .mopenBtn span {
		opacity: 0;
	}
	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;
	}
	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(255, 90, 0);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	header .menuUl .hasDown>div>.ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgb(255, 90, 0);
		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;
		border-top: 1px dashed #d6d6d6;
	}
	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;}
	header.indHead .nrBox{padding: 0 16px;height: 56px;}
	header .logo img{max-width: unset;max-height: 28px;}
	header.indHead .logo img{max-width: unset;max-height: 28px;}
	header.indHead .menuUl .yiji a{color: #666666;}
	header.indHead .topBox{padding: 0 16px;}
	header.indHead .topBox .telB b{color: #666666;}
	header.indHead .topBox .ljG a{color: #666666;}
	.topBox{position: relative;left: unset;top: unset;}
	.topBox .nrB {flex-wrap: wrap;justify-content: flex-start;}
	.topBox a{font-size: 14px;}
	.topBox a.telB{margin-left: 0;}
	.indTopDiv{height: 56px;display: block;}
	header.indHead .menuUl>li{margin-top: 0;}
	header.indHead .menuUl .erjiBox{background: none;}
	header.indHead .menuUl .erjiUl>li>a{color: #666666;}
}
footer{
	background: #1f1f1f;
	position: relative;
}
footer .topB{
	position: absolute;
	right: 8.33vw;
	top: -36px;
	cursor: pointer;
}
footer .topB img{display: block;width: 72px;margin: 0 auto;}
footer .topB span{
	display: block;
	font-size: 14px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	margin: 16px auto 0;
	text-align: center;
}
footer .foot1{padding: 44px 0;}
footer .foot1 .nrBox{flex-direction: row-reverse;}
footer .foot1R{width: 50%;}
footer .foot1L{width: 50%;}
footer .logo{
	border-bottom: 1px solid #333333;
	padding-bottom: 24px;
	display: block;
	margin-bottom: 40px;
}
footer .logo img{max-height: 64px;display: block;margin: 0 auto;max-width: 80%;}
footer .ewmB{width: 218px;}
footer .ewmB p{width: calc(50% - 16px);}
footer .ewmB img{
	border-radius: 5px;
	display: block;
	width: 100%;
}
footer .ewmB span{
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	margin: 12px auto 0;
	display: block;
}
footer .infoB{
	width: calc(100% - 272px);
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 2.25;
}
footer .fNav li{width: calc(25% - 16px);}
footer .fTit{
	font-size: 18px;
	color: rgb(255, 255, 255);
	margin-bottom: 12px;
}
footer .fCon a{
	display: block;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 4px;
}
footer .fCon a:hover{color: rgba(255, 255, 255,1);}
footer .foot2,
footer .foot3{
	background: #0f0f0f;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.502);
}
footer .foot2 .nrBox,
footer .foot3 .nrBox{
	background: #0f0f0f;
	padding-top: 20px;
	padding-bottom: 20px;
}
footer .foot2 a,
footer .foot3 a{color: rgba(255, 255, 255, 0.502);}
footer .foot2 a:hover,
footer .foot3 a:hover{color: rgba(255, 255, 255, 1);}
footer .foot2 .nrBox{border-bottom: 1px solid rgba(255,255,255,0.1);}
footer .foot3 .nrBox{padding-bottom: 12px;}
footer .foot3L{position: relative;padding-left: 88px;}
footer .foot3L .tit{position: absolute;left: 0;top: 0;}
footer .foot3L a{margin: 0 16px 8px 0;display: inline-block;}
footer .foot3R a{margin-left: 24px;margin-bottom: 8px;display: inline-block;}
@media (max-width:1480px) {
	footer .topB{right: 2vw;}
}
@media (max-width:1232px) {
	footer .fNav li{width: calc(25% - 10px);}
	footer .logo img{max-width: 60%;}
}	
@media (max-width:1024px) {
	footer .foot1 .nrBox{display: block;}
	footer .foot1L{width: 100%;margin: 24px 0 0;}
	footer .foot1R{width: 100%;}
}
@media (max-width:800px) {
	footer .topB{top: -24px;right: 16px;}
	footer .topB img{width: 48px;}
	footer .logo{padding-bottom: 16px;margin-bottom: 16px;}
	footer .logo img{margin-left: 0;}
	footer .foot1R>div{display: block;}
	footer .ewmB{margin: 0 auto;}
	footer .infoB{width: 100%;line-height: 1.6;margin-top: 16px;}
	footer .foot2 .nrBox, footer .foot3 .nrBox{padding-top: 12px;padding-bottom: 12px;display: block;text-align: center;}
	footer .teck{margin-top: 8px;}
	footer .foot3L{text-align: left;}
	footer .foot3R{text-align: right;}
	footer .foot3R a{margin-bottom: 0;}
	
	footer .fNav{display: block;}
	footer .fNav li,
	footer .fNav li:first-child{width: 100%;padding: 0;margin: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	footer .fNav .fTit{
		font-size: 16px;
		position: relative;
		margin-bottom: 0;
		padding: 12px 0;
		width: 100%;
	}
	footer .fNav .fTit .ejBtn{
		position: absolute;
		right: 12px;
		top: 16px;
		width: 16px;
		height: 16px;
	}
	footer .fNav .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 .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 li.open .fTit{border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	footer .fNav li.open .fTit .ejBtn::after{display: none;}
	footer .fNav .fCon{display: none;}
	footer .fNav .fCon b{font-size: 24px;}
	footer .fNav .fCon{margin: 0;padding: 4px 16px;}
	footer .fNav .fCon:nth-child(2){padding-top: 16px;}
	footer .fNav .fCon:last-child{padding-bottom: 16px;}
	footer .fBot{border-top: 1px solid rgb(0, 20, 80);display: block;text-align: center;}
	footer .frLi{width: max-content;margin: 8px auto 0;}
	footer .fNav li:last-child{border-bottom: 0;}
	footer .fNav li:last-child .fTit{margin-bottom: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	footer .fNav li:last-child .fCon{padding: 0;}
}