/* CSS Document */
.wow {
	transition-delay: 0.3s;
}

.pc {
	display: block;
}

.wrap {
	width: 100%;
	max-width: 1440px;
	padding: 0 15px;
	margin: 0 auto;
}

.to-top {
	position: fixed;
	width: 80px;
	height: 80px;
	background: url(../images/to-top.png) center center no-repeat #0A3D8E;
	right: 0;
	top: 85%;
	/* margin-top: -30px; */
	z-index: 999;
	display: none;
	cursor: pointer;
}

.headBg {
	height: 80px;
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	background-color: #FFFFFF;
	transition: all .3s;
	z-index: 10;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);
}

.logo {
	height: 80px;
	font-size: 0;
}

.logo a {
	display: block;
}

.logo img {
	width: auto;
	height: 56px;
}

.logoText {
	position: relative;
	height: 80px;
	align-items: flex-start;
	font-size: 14px;
	color: #0A3D8D;
	padding-left: .3rem;
}

.logoText::before {
	display: block;
	content: "";
	width: 1px;
	height: 80%;
	position: absolute;
	left: .15rem;
	top: 10%;
	background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
}

.topRig {
	font-size: 0;
	list-style: none;
	line-height: 80px;
}

.topRig li {
	display: inline-block;
	vertical-align: middle;
	margin-left: .2rem;
	font-size: 16px;
}

.topLink a {
	display: block;
	width: 110px;
	height: 35px;
	line-height: 35px;
	border-radius: 18px;
	background-color: #D61718;
	color: #FFFFFF;
	text-align: center;
}

.topLang a {
	color: #000000;
}

.topLang a:hover {
	color: #0A3D8D;
}

.searchBtn {
	cursor: pointer;
}

.searchBtn i {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/searchBtn.png) center center no-repeat;
	background-size: contain;
}

.topRig li.navBtn {
	display: none;
}

.navList {
	display: flex;
	justify-content: center;
	list-style: none;
	line-height: 80px;
	font-size: 16px;
	text-align: center;
}

.navList>li {
	position: relative;
	padding: 0 20px;
}

.navList>li>a {
	position: relative;
	display: block;
	color: #000000;
}

.navList>li>a::before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: #0A3D8D;
	transition: all .3s;
}

.navList>li>a:hover {
	color: #0A3D8D;
}

.navList>li.cur>a,
.navList>li.active>a {
	color: #0A3D8D;
}

.navList>li.cur>a::before,
.navList>li.active>a::before {
	left: 0;
	width: 100%;
}

.navSub {
	position: absolute;
	left: 50%;
	top: auto;
	width: 100%;
	min-width: 166px;
	transform: translateX(-50%);
	background-color: #FFFFFF;
	list-style: none;
	line-height: 28px;
	padding: .3rem .2rem;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 2px rgba(0, 0, 0, 0.08);
	display: none;
}

.navSub li {
	margin: 5px 0 10px;
}

.navSub li a {
	position: relative;
	color: #000000;
	transition: all .3s;
}

.navSub li a::after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 0;
	height: 2px;
	background-color: #0048B9;
	transition: all .3s;
}

.navSub li a:hover {
	color: #0048B9;
}

.navSub li a:hover::after {
	left: 0;
	width: 100%;
}

.nav-dropdown {
	position: absolute;
	left: 0;
	top: auto;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 2px rgba(0, 0, 0, 0.08);
	display: none;
}

.open .nav-dropdown {
	display: block;
}

.nav-box {
	display: flex;
	max-width: 1420px;
	padding: 0;
	margin: 0 auto;
	display: none;
}

.nav-box::before {
	display: block;
	content: "";
	width: 25%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #E5E7ED;
}

.nav-box ul {
	position: relative;
	list-style: none;
	max-height: 60vh;
	overflow: hidden;
	overflow-y: auto;
}

.nav-second {
	width: 12%;
	padding: .3rem .2rem .3rem 0;
	background-color: #E5E7ED;
}

.nav-second li {
	line-height: 40px;
}

.nav-second li a {
	position: relative;
	font-size: 14px;
	color: #000000;
	line-height: 24px;
	padding-bottom: 6px;
	transition: all .3s;
}

.nav-second li a::after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 0;
	height: 2px;
	background-color: #0048B9;
	transition: all .3s;
}

.nav-second li:hover a,
.nav-second li.active a {
	color: #0048B9;
}

.nav-second li:hover a:after,
.nav-second li.active a::after {
	left: 0;
	width: 100%;
}

.nav-right {
	display: flex;
	width: 88%;
}

.nav-third {
	width: 20%;
	padding: .3rem 0;
	background-color: #F5F5F6;
}

.nav-third li {
	padding: 0 .3rem 0 .5rem;
	line-height: 40px;
}

.nav-third li a {
	font-size: 14px;
	color: #000000;
	line-height: 24px;
	padding-bottom: 6px;
}

.nav-third li:hover,
.nav-third li.active {
	background-color: #FFFFFF;
}

.nav-third li:hover a,
.nav-third li.active a {
	color: #0048B9;
}

.nav-fourth {
	font-size: 0;
	width: 80%;
	padding: .3rem 0 .3rem .5rem;
	margin: 0 -10px;
	background-color: #FFFFFF;
}

.nav-fourth li {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	line-height: 30px;
	padding: 0 10px;
	margin-bottom: .15rem;
}

.nav-fourth li a {
	display: block;
	font-size: 14px;
	color: #000000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nav-fourth li a:hover {
	color: #0048B9;
}

.nav-fourth-tit {
	font-size: 14px;
	color: #0048B9;
	line-height: 20px;
	padding: 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-only .nav-third {
	display: none;
}

.nav-only .nav-fourth {
	width: 100%;
	margin: 0;
}

.nav-box.case::before {
	display: none;
}

.nav-one {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0;
	margin: 0 -27px;
}

.nav-one li {
	padding: 5px 27px;
}

.nav-one li a {
	display: block;
	font-size: 14px;
	color: #111111;
	line-height: 1.8;
}

.nav-one li a:hover {
	color: #0048B9;
}

.searchBg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 5;
	padding: 80px 0 0;
	display: none;
}

.search {
	position: relative;
	max-width: 880px;
	margin: 120px auto 80px;
	border-bottom: 1px solid #FFFFFF;
}

.searchInput {
	display: block;
	width: 100%;
	background: none;
	border: none;
	height: 50px;
	padding: 10px 0;
	padding-right: 50px;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 16px;
}

.searchIco {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border: none;
	background: url(../images/searchBtn2.png) right center no-repeat;
	cursor: pointer;
}

.searchH3 {
	text-align: center;
	color: #FFFFFF;
	font-size: 26px;
	font-family: PingFang SC;
	font-weight: 400;
	margin: .4rem 0;
}

.searchKay {
	font-size: 0;
	text-align: center;
	margin: 0 -.22rem;
}

.searchKay li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .22rem;
	margin: .1rem 0;
}

.searchKay li a {
	display: block;
	color: #FFFFFF;
	min-width: 122px;
	border: 1px solid #CCCCCC;
	border-radius: 18px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	transition: all .3s;
}

.searchKay li a:hover {
	background-color: #FFFFFF;
	color: #0A3D8D;
}

.mNav {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: all .3s;
}

.mNavBg {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.mNavClose {
	display: block;
	width: 50px;
	height: 45px;
	background: url(../images/close.png) center center no-repeat;
	background-size: 28px auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
}

.mNavList {
	position: absolute;
	right: 0;
	top: 0;
	width: 84%;
	height: 100%;
	background-color: #FFFFFF;
}

.mNav ul {
	list-style: none;
}

.mNav ul li ul {
	margin-top: 1px;
}

.mNav ul li a {
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333333;
	padding-right: 50px;
	line-height: 36px;
}

.m-dropdown>a::after {
	display: block;
	width: 50px;
	/* content: "\f107"; */
	position: absolute;
	right: 0;
	top: 0;
	font-family: FontAwesome;
	text-align: center;
	transition: all .3s;
}

.m-open>a::after {
	transform: rotate(180deg);
}

.mNav .mNavList {
	height: 100%;
	overflow-y: auto;
}

.mNav .mNavList>li {
	margin-bottom: 1px;
}

.mNav .mNavList>li>a {
	font-size: 16px;
	background-color: #F1F1F1;
	line-height: 45px;
	padding-left: 15px;
}

.mNav .mNavList>li>ul>li>a {
	font-size: 15px;
	padding-left: 30px;
}

.mNav .mNavList>li>ul>li>ul>li>a {
	font-size: 14px;
	padding-left: 45px;
}

.mNav .mNavList>li>ul>li>ul>li>ul>li>a {
	font-size: 13px;
	padding-left: 60px;
}

.mNav .mNavList>li>ul>li>ul>li>ul>li>ul>li>a {
	font-size: 12px;
	padding-left: 75px;
}

.mNav .mNavList>li ul {
	display: none;
}

.mNav.show-on-mobile {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.mNav-Lang {
	display: none;
}

.mainBg {
	position: relative;
	min-height: 34vh;
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	background-color: #FFFFFF;
	z-index: 1;
}

.grayBg {
	background-color: #fafafa;
}

.whiteBg {
	background-color: #FFFFFF;
}

.footBg {
	position: relative;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.8;
	background-color: #306ece;
	background-image: url(../images/footBg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 1;
	overflow: hidden;
}

.footBg a {
	color: #FFFFFF;
}

.footBg a:hover {
	text-decoration: underline;
}

.links {
	padding: .3rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.linkTit {
	float: left;
}

.linkList {
	overflow: hidden;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.1rem;
}

.linkList li {
	position: relative;
	display: block;
	padding: 0 .1rem;
	margin-right: .04rem;
}

.linkList li::after {
	display: block;
	content: "|";
	position: absolute;
	left: 100%;
	top: 0;
	color: #242F5A;
}

.linkList li:last-child::after {
	display: none;
}

.linkList li a {
	display: block;
}

.ftTop {
	margin: .5rem 0;
	display: flex;
	justify-content: space-between;
}

.ftNav {
	width: 38%;
	padding-right: 3%;
	list-style: none;
	display: flex;
	flex-shrink: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.ftNav li {
	width: 33.33%;
}

.ftNav li p {
	margin-bottom: .15rem;
}

.ftNav li a {
	display: block;
}

.ftRig {
	width: 62%;
	padding-left: 3.5%;
	overflow: hidden;
}

.ftCon {
	float: left;
	width: calc(100% - 220px);
}

.ftCon p {
	margin-bottom: .04rem;
}

.ftCon p.ftTel {
	font-size: 35px;
}

.wechat {
	float: right;
	width: 220px;
	margin: 0 -.1rem;
	font-size: 0;
	text-align: center;
}

.wechat li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 .1rem;
	font-size: 14px;
}

.wechat img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 2px;
}

.ftBot {
	padding: .2rem 0;
	overflow: hidden;
}

.copyRight {
	width: 60%;
}

.ftBot .linkList {
	width: 40%;
	justify-content: flex-end;
}

.page a,
.page span {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #464646;
	border-radius: 50%;
}

.page a:hover,
.page a.active {
	color: #333333;
}

.page a.prev {
	background: url(../images/prev.png) right center no-repeat;
}

.page a.first {
	background: url(../images/first.png) right center no-repeat;
}

.page a.next {
	background: url(../images/next.png) right center no-repeat;
}

.page a.last {
	background: url(../images/last.png) right center no-repeat;
}

.banIn {
	position: relative;
	height: 460px;
	overflow: hidden;
	background: #0A357B;
}

.banIn .banImg {
	/* position: fixed;    left: 0;    top: 0; */
	width: 100%;
	height: 100%;
}

.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	align-items: center;
}

.location {
	color: #111111;
	font-size: 16px;
	padding: 30px 0 44px 0;
	padding: 20px 0;
}

.location a {
	color: #111;
}

.location span {
	color: #0A3D8E;
}

.banIn .banner-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.banIn .banner-text .inner-text {
	color: #FFFFFF;
}

.banIn .banner-text .inner-text h4 {
	font-size: 42px;
	font-weight: 400;
}

.banIn .banner-text .inner-text p {
	font-size: 22px;
	margin-top: 25px;
}

.pagination {
	display: flex;
	justify-content: center;
	margin: .6rem 0;
}

.pagination a,
.pagination .num span {
	display: inline-block;
	margin: 0 13px;
	width: 32px;
	height: 32px;
}

.pagination .prev {
	background: url(../images/page_left.png) center center no-repeat;
}

.pagination .prev:hover {
	background: url(../images/page_right.png) center center no-repeat;
	transform: scaleX(-1);
}

.pagination .num a,
.pagination .num span {
	background: #E0E0E0;
	border-radius: 50%;
	font-size: 12px;
	color: #333333;
	line-height: 32px;
	text-align: center;
	transition: all .5s;
}

.pagination .num a:hover,
.pagination .num a.active {
	background: #0A3D8E;
	color: #FFFFFF;
}

.pagination .next {
	background: url(../images/page_left.png) center center no-repeat;
	transform: scaleX(-1);
}

.pagination .next:hover {
	background: url(../images/page_right.png) center center no-repeat;
	transform: scaleX(1);
}

.tabBar {
	list-style: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 5;
	background-color: #F4F4F4;
	border-top: 1px solid #999999;
	display: flex;
	text-align: center;
	display: none;
}

.tabBar li {
	flex: 1;
}

.tabBar li a {
	display: block;
	font-size: .16rem;
	color: #999999;
	line-height: .30rem;
	padding: .1rem;
}

.tabBar li a img {
	width: .34rem;
	height: .34rem;
	margin: 0 auto;
}

.tabBar li.on a {
	color: #333333;
}

.tabBar li.on img.show {
	display: none;
}

.tabBar li.on img.hides {
	display: block;
}

.maskBg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10;
}

.videoBox,
.maskBox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #FFFFFF;
	border-radius: 5px;
	width: 95%;
	height: auto;
	padding: .5rem .3rem .1rem;
	max-width: 600px;
}

.videoBox {
	max-width: 800px;
	padding: 40px 15px 15px;
}

#video {
	display: block;
	width: 100%;
	height: auto;
}

.maskClose {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) center center no-repeat;
	cursor: pointer;
}

.maskTip {
	text-align: center;
	font-size: 16px;
	line-height: 2;
	color: #666666;
	padding: .1rem 0;
}

.maskCopy {
	display: flex;
	align-items: center;
	display: block;
	text-align: center;
	padding-bottom: .2rem;
}

.maskCopy input {
	flex: 1;
	overflow: hidden;
	border: 1px solid #0A3D8E;
	height: 40px;
	line-height: 38px;
	padding: 0 10px;
}

.maskCopy button {
	display: block;
	width: 100px;
	height: 40px;
	border-radius: 5px;
	color: #FFFFFF;
	background: #0A3D8E;
	border: none;
	margin-left: .1rem;
	cursor: pointer;
}

.maskCopy button:focus {
	outline: none;
}

.onLine {
	list-style: none;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.onLine>li {
	position: relative;
	margin: .02rem 0;
}

.onLine>li>a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	background-color: #0A3D8E;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
}

.onLine>li>a>img {
	width: 44px;
	height: auto;
}

.onText {
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	line-height: 80px;
	background-color: #0A3D8E;
	color: #FFFFFF;
	text-align: center;
	min-width: 230px;
	transform: translateX(150%);
	transition: all .3s;
}

.onTel {
	color: #FFFFFF;
	white-space: nowrap;
	font-size: 26px;
}

.onWx {
	right: 100%;
	min-width: 160px;
	font-size: 12px;
	line-height: 1;
}

.onWx ul {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	list-style: none;
	height: 100%;
}

.onWx ul li {
	width: 48%;
}

.onWx ul li img {
	display: block;
	max-width: 80%;
	margin: 0 auto 2px;
}

.open .onText {
	transform: translateX(0);
}

.onLine>li.zmessage {
	position: static;
}

.zMessBox {
	position: absolute;
	right: calc(100% + 10px);
	top: 2px;
	width: calc(100vw - 100px);
	max-width: 320px;
	background-color: #FFFFFF;
	box-shadow: 0px .08rem .4rem 0px rgba(0, 0, 0, 0.08);
	display: none;
}

.zTit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 46px;
	background: #0A3D8E;
	color: #FFFFFF;
	padding: 0 13px 0 19px;
}

.zClose {
	width: 24px;
	height: 24px;
	background: url(../images/zClose.png) center center no-repeat;
	background-size: contain;
	cursor: pointer;
}

.zList {
	list-style: none;
	padding: 0 .25rem;
	max-height: 340px;
	overflow-y: auto;
}

.zList li {
	margin-top: .2rem;
}

.zLabel {
	font-size: 14px;
	color: #333333;
	display: block;
	margin-bottom: 5px;
}

.zLabel span {
	color: #C02C2C;
	font-weight: bold;
}

.zInput {
	width: 100%;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
	line-height: 28px;
	padding: 0 10px;
}

select.zInput {
	height: auto;
	max-height: 200px;
	line-height: 30px;
	background: url(../images/select.png) right .1rem center no-repeat;
}

textarea.zInput {
	height: 66px;
	line-height: 22px;
	padding: 5px 10px;
	resize: none;
}

.zBot {
	padding: .22rem .25rem;
	background: #FFFFFF;
}

.zBtn {
	display: block;
	border: none;
	width: 100%;
	line-height: 36px;
	background: #0A3D8E;
	border-radius: 4px;
	font-size: 14px;
	color: #F7F7F7;
	text-align: center;
}

.open .zMessBox {
	display: block;
}

.shareBg {
	display: none;
}

.bsBox {
	box-sizing: content-box;
}

.empty {
	text-align: center;
	padding: .3rem 0;
	font-size: 16px;
	color: #999999;
}

@media (max-width:1600px) {
	.wrap {
		max-width: 1230px;
	}

	.navList {
		font-size: 15px;
	}

	.navList>li {
		padding: 0 10px;
	}

	.navSub {
		padding: .2rem .1rem;
		line-height: 24px;
		min-width: 140px;
	}

	.nav-box {
		max-width: 1200px;
	}

	.nav-second {
		padding: .3rem .1rem .3rem 0;
	}

	.nav-third li {
		padding: 0 .2rem;
	}

	.nav-fourth {
		padding: .3rem 0 .3rem .2rem;
	}

	.nav-fourth li {
		width: 33.33%;
	}

	.nav-one {
		padding: 20px 0;
	}

	.topRig li {
		font-size: 14px;
	}

	.topLink a {
		width: 80px;
		height: 30px;
		line-height: 30px;
	}

	.searchBtn i {
		width: 25px;
	}

	.searchInput {
		font-size: 14px;
	}

	.searchH3 {
		font-size: 22px;
	}

	.searchKay {
		margin: 0 -.1rem;
	}

	.searchKay li {
		padding: 0 .1rem;
	}

	.searchKay li a {
		min-width: 110px;
		line-height: 32px;
		font-size: 14px;
	}

	.footBg {
		font-size: 14px;
	}

	.links {
		padding: .2rem 0;
	}

	.ftNav li p {
		margin-bottom: .1rem;
	}

	.ftCon p.ftTel {
		font-size: 28px;
	}

	.ftTop {
		margin: .4rem 0;
	}

	.location {
		font-size: 14px;
		padding: 15px 0;
	}

	.banIn {
		height: 320px;
	}

	.banIn .banner-text .inner-text h4 {
		font-size: 32px;
	}

	.banIn .banner-text .inner-text p {
		font-size: 18px;
		margin-top: 15px;
	}
}

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

@media (min-width:1201px) {
	.mNav {
		display: none !important;
	}
}

@media (max-width:1200px) {
	.headBg {
		height: 60px;
	}

	.logo {
		position: relative;
		z-index: 1;
		height: 60px;
	}

	.logo img {
		height: 40px;
	}

	.logoText {
		height: 60px;
	}

	.topRig {
		position: relative;
		z-index: 1;
		line-height: 60px;
	}

	.topRig li {
		margin-left: .2rem;
	}

	.topRig li.navBtn {
		display: inline-block;
		cursor: pointer;
	}

	.navBtn span {
		display: block;
		width: 25px;
		height: 30px;
		position: relative;
	}

	.navBtn span b {
		display: block;
		width: 100%;
		height: 2px;
		background: #4f4f4f;
		position: absolute;
		left: 0;
		top: calc((100% - 4px) / 2);
		transition: all .3s;
	}

	.navBtn span b:nth-child(1) {
		transform: translateY(8px) rotate(0deg);
	}

	.navBtn span b:nth-child(3) {
		transform: translateY(-8px) rotate(0deg);
	}

	.navBtn.active b:nth-child(1) {
		transform: translateY(0) rotate(45deg);
	}

	.navBtn.active b:nth-child(3) {
		transform: translateY(0) rotate(-45deg);
	}

	.navBtn.active b:nth-child(2) {
		opacity: 0;
	}

	.navList {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #FFFFFF;
		transform: translateY(-100%);
		overflow-y: auto;
		padding: 100px 20px 0;
		text-align: right;
		line-height: 28px;
		transition: all .3s;
	}

	.navList.show-on-mobile {
		transform: translateY(0);
	}

	.navList>li {
		float: none;
		padding: 0;
		margin: 0 0 .2rem;
	}

	.navList>li:nth-last-of-type(1) {
		font-size: 12px;
	}

	.footBg {
		padding-bottom: calc(.84rem + 1px);
	}

	.ftCon p.ftTel {
		font-size: 24px;
	}

	.tabBar {
		display: flex;
	}
}

@media (max-width:991px) {
	.onLine {
		display: none;
	}

	.ftTop {
		display: block;
	}

	.ftNav {
		width: 100%;
		padding: 0;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		padding-bottom: .2rem;
		display: block;
	}

	.ftNav li {
		width: 100%;
		margin: 0 -.1rem;
	}

	.ftNav li p {
		display: inline-block;
		vertical-align: top;
		padding: 0 .1rem;
	}

	.ftRig {
		width: 100%;
		padding: .3rem 0 0;
	}

	.mainBg {
		font-size: 12px;
		line-height: 24px;
	}

	.location {
		/* padding: 15px 0 20px 0;		font-size: 14px; */
		display: none;
	}

	.banIn {
		height: 3rem;
	}

	.banIn .banImg {
		height: 100%;
	}

	.banIn .banner-text .inner-text h4 {
		font-size: 28px;
	}

	.banIn .banner-text .inner-text p {
		font-size: 18px;
		margin-top: .15rem;
	}

	.pagination a,
	.pagination .num span {
		margin: 0 5px;
		width: 28px;
		height: 28px;
	}

	.pagination .num a,
	.pagination .num span {
		line-height: 28px;
	}
}

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

@media (max-width:640px) {
	.topRig li.topLang {
		display: none;
	}

	.mNav-Lang {
		display: block;
	}

	.logoText {
		display: none;
	}

	.searchInput {
		height: 44px;
		line-height: 24px;
	}

	.searchIco {
		width: 44px;
		height: 44px;
		background-size: 22px auto;
	}

	.searchH3 {
		font-size: 18px;
		margin: .3rem 0;
	}

	.searchKay li a {
		font-size: 12px;
		min-width: 90px;
		line-height: 28px;
	}

	.linkTit {
		float: none;
		width: 100%;
	}

	.footBg {
		padding-bottom: calc(.9rem + 1px);
	}

	.ftTop {
		margin: .3rem 0;
	}

	.ftCon {
		float: none;
		width: 100%;
	}

	.ftCon p.ftTel {
		font-size: .32rem;
	}

	.wechat {
		float: none;
		width: 60%;
		max-width: 220px;
		margin: .3rem auto 0;
	}

	.wechat li {
		font-size: 12px;
	}

	.ftBot {
		font-size: 12px;
	}

	.copyRight,
	.ftBot .linkList {
		float: none;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.page {
		margin: .2rem 0;
	}

	.banIn .banner-text .inner-text p {
		font-size: 14px;
	}

	.banIn .banner-text .inner-text h4 {
		font-size: 20px;
	}

	.tabBar li a {
		font-size: .18rem;
		line-height: .3rem;
	}

	.tabBar li a img {
		width: .4rem;
		height: .4rem;
	}

	.onLine>li>a {
		width: 60px;
		height: 60px;
		font-size: 12px;
		line-height: 20px;
	}

	.onLine>li>a>img {
		width: 30px;
		height: 30px;
	}

	.onText {
		height: 60px;
		line-height: 60px;
		min-width: 160px;
	}

	.onTel {
		font-size: 20px;
	}

	.onWx {
		height: 90px;
		line-height: 1;
	}

	.onWx ul {
		align-items: center;
	}
}

@media (max-width:460px) {
	.headBg {
		height: 50px;
	}

	.logo {
		height: 50px;
	}

	.logo img {
		height: 34px;
	}

	.topRig {
		line-height: 50px;
	}

	.topRig li {
		margin-left: .2rem;
	}

	.footBg {
		padding-bottom: calc(1.1rem + 1px);
	}

	.tabBar li a {
		font-size: .22rem;
		line-height: .36rem;
	}

	.tabBar li a img {
		width: .54rem;
		height: .54rem;
	}

	.page a {
		display: none;
	}

	.page a.first,
	.page a.prev,
	.page a.next,
	.page a.last {
		display: inline-block;
	}
}