@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

@font-face {
    font-family: 'PingFangSC';
    src: url('../font/PingFangSC.otf');
}

@font-face {
    font-family: 'din';
    src: url('../font/d-din-pro.otf');
}


body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: Arial, sans-serif;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #fff;
}

a:hover {
	color: #fff;
}

a:active {
	color: #fff;
}

body {
	color: #141E28;
	font-family: 'PingFangSC';
	font-size: 16px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

#container {
	padding-top: 180px;
	overflow: hidden;
	text-align: left;
}
.comSection {
	margin: 0 auto;
	padding: 0 24px;
	max-width: 1440px;
}

em {
	font-style: normal;
}


/*------------------------------------------------------------
	header
------------------------------------------------------------*/
.header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.header .hInnerBox {
	background: #fff;
}
.header .hInner {
	margin: 0 auto;
	padding: 30px 24px;
	max-width: 1440px;
	display: flex;
	justify-content: space-between;
}
.header .hInner .tel {
	display: flex;
	align-items: center;
}
.header .hInner .tel .icon {
	margin: 1px 12px 0 0;
}
.header .hInner .logo {
	margin-left: 10px;
}
.header .hInner .btnBox {
	margin-top: 5px;
	display: flex;
}
.header .hInner .btnBox .link {
	margin-right: 40px;
	color: #1F5CCD;
	font-size: 20px;
}
.header .hInner .btnBox .link a {
	color: #1F5CCD;
}
.header .hInner .btnBox .link a:hover {
	text-decoration: underline;
}
.header .hInner .btnBox .langBox {
	position: relative;
	z-index: 1;
}
.header .hInner .btnBox .langBox > a {
	display: flex;
	align-items: center;
	color: #B4BEC8;
	font-size: 20px;
}
.header .hInner .btnBox .langBox > a .txt {
	margin: 0 4px;
}
.header .hInner .btnBox .langBox .jsBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
.header .hInner .btnBox .langBox:hover .jsBox {
	display: block;
}
.header .hInner .btnBox .langBox .jsBox li {
	text-align: center;
}
.header .hInner .btnBox .langBox .jsBox li a {
	display: block;
	color: #B4BEC8;
	line-height: 50px;
}
.header .hInner .btnBox .langBox .jsBox li.on a,
.header .hInner .btnBox .langBox .jsBox li a:hover {
	color: #fff;
	background: #1F5CCD;
}
.header.logined .hInner .link,
.header .hInner .infoBox {
	display: none;
}
.header.logined .hInner .infoBox {
	display: block;
}
.header .hInner .infoBox {
	margin: 5px 40px 0 0;
}
.header .hInner .infoBox a {
	display: flex;
	align-items: center;
}
.header .hInner .infoBox a .avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
}
.header .hInner .infoBox a span {
	margin: 0 12px;
	color: #141E28;
	font-size: 20px;
	line-height: 24px;
}
.header .hInner .infoBox a .arrow {
	width: 12px;
	height: 12px;
}
.header .gNavi {
	padding: 0 24px;
	position: relative;
	background: #1F5CCD;
}
.header .gNavi .naviUl {
	margin: 0 auto;
	max-width: 1440px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #1F5CCD;
}
.header .gNavi .naviUl > li > a {
	color: #fff;
	font-size: 20px;
	line-height: 79px;
	display: block;
	position: relative;
}
.header .gNavi .naviUl > .li05 > a {
	padding-right: 24px;
	background: url("../images/common/h_icon03.png") no-repeat right center;
}
.header .gNavi .naviUl > li > a:before {
	/* margin-left: -40px; */
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #fff;
	content: "";
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .gNavi .naviUl > li:hover > a:before {
	visibility: visible;
	opacity: 1;
}
.header .gNavi li .jsBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	background: #fff;
}
.header .gNavi li .jsBox .subBox {
	margin: 0 auto;
	padding: 40px 24px;
	max-width: 1360px;
}
.header .gNavi li .jsBox .list01 {
	margin: 0 -38px 39px 0;
	display: flex;
}
.header .gNavi li .jsBox .list01 li {
	padding-right: 38px;
	width: 33.33%;
	box-sizing: border-box;
}
.header .gNavi li .jsBox .list01 li a {
	display: block;
	position: relative;
	overflow: hidden;
}
.header .gNavi li .jsBox .list01 li a img {
	width: 100%;
	height: 214px;
	object-fit: cover;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .gNavi li .jsBox .list01 li a span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	/* background: rgba(0,0,0,0.5); */
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	/* opacity: 0;
	visibility: hidden; */
}
.header .gNavi li .jsBox .list01 li a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.header .gNavi li .jsBox .line {
	margin-bottom: 40px;
	height: 1px;
	background: #F3F6F9;
}
.header .gNavi li .jsBox .list02 {
	margin-right: -40px;
	display: flex;
	flex-wrap: wrap;
}
.header .gNavi li .jsBox .list02 li {
	padding: 0 40px 40px 0;
	width: 25%;
	box-sizing: border-box;
}
.header .gNavi li .jsBox .list02 li a {
	padding-right: 12px;
	display: flex;
	align-items: center;
	color: #141E28;
	background: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .gNavi li .jsBox .list02 li a:hover {
	color: #fff;
	background: #005AFF;
}
.header .gNavi li .jsBox .list02 li a .img {
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.header .gNavi li .jsBox .list02 li a span {
	margin: 0 12px;
	min-width: 1px;
	flex: 1;
	font-size: 20px;
	line-height: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header .gNavi li .jsBox .list02 li a .arrow {
	width: 24px;
	height: 24px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}
.header .gNavi li .jsBox .list02 li a:hover .arrow {
	opacity: 1;
	visibility: visible;
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
.footer {
	padding-top: 80px;
	position: relative;
	overflow: hidden;
	background: #0C172A;
}
.footer .fBox {
	margin: 0 auto;
	padding: 0 24px;
	max-width: 1440px;
}
.footer .logo {
	margin-bottom: 40px;
	text-align: center;
}
.footer .fInner {
	margin-bottom: 60px;
	display: flex;
	line-height: 36px;
}
.footer .fInner .ttl {
	margin-bottom: 32px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.footer .fInner .naviBox {
	margin-right: 38px;
	min-width: 1px;
	flex: 1;
}
.footer .fInner .naviBox ul {
	display: flex;
	flex-wrap: wrap;
}
.footer .fInner .naviBox li {
	margin-bottom: 20px;
	width: 25%;
}
.footer .fInner .naviBox li a {
	color: #B4BEC8;
}
.footer .fInner .naviBox li a:hover {
	color: #fff;
}
.footer .fInner .productsBox {
	width: 30.5%;
}
.footer .fInner .productsBox li {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	color: #B4BEC8;
}
.footer .fInner .productsBox li img {
	margin-right: 15px;
}
.footer .fInner .productsBox li span {
	font-family: 'din';
	font-size: 20px;
	font-weight: bold;
}
.footer .fInner .productsBox li a {
	color: #B4BEC8;
	font-size: 14px;
}
.footer .fInner .productsBox li a:hover {
	color: #fff;
}
.footer .copyright {
	color: #B4BEC8;
	line-height: 60px;
	text-align: center;
}

.sp {
	display: none !important;
}

.comTitle {
	padding: 28px 0;
	position: relative;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
}
.comTitle .line {
	margin-left: -12px;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 0;
	overflow: hidden;
}
.comTitle .line:before {
	width: 4px;
	height: 40px;
	position: absolute;
	left: 8px;
	top: -4px;
	background: #005AFF;
	content: "";
	transform: rotate(20deg);
}

.main .comSubmit {
	margin: 40px auto 0;
	width: 480px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	line-height: 80px;
	background: #1F5CCD;
	border-radius: 40px;
	cursor: pointer;
}
.main .comSubmit:hover {
	opacity: 0.8;
}
.main .comSubmit img {
	margin-left: 16px;
}

.main .pagination {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.main .comContactBox {
	padding: 120px 0;
	background: url("../images/common/contact_bg.png") no-repeat center center;
	background-size: cover;
}
.main .comContactBox .linkUl {
	display: flex;
	justify-content: center;
}
.main .comContactBox .linkUl li {
	margin: 0 12px;
	width: 326px;
}
.main .comContactBox .linkUl li a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	line-height: 80px;
	border-radius: 40px;
	background: #005AFF;
}
.main .comContactBox .linkUl li:first-child a {
	background: #E22C28;
}
.main .comContactBox .linkUl li a img {
	margin-left: 12px;
	width: 16px;
}
.main .comContactBox .linkUl li a:hover {
	opacity: 0.8;
}

.wuliuPopBg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1110;
	background: rgba(0,0,0,0.5);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}
.wuliuPop,.orderPop {
	padding-bottom: 40px;
	width: 92%;
	max-width: 1440px;
	max-height: 90%;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1111;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}
.wuliuPopBg.show,
.wuliuPop.show,
.orderPop.show {
	opacity: 1;
	visibility: visible;
}
.wuliuPop .ttlBox,
.orderPop .ttlBox {
	margin-bottom: 20px;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #F3F6F9;
}
.wuliuPop .ttlBox .ttl,
.orderPop .ttlBox .ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
}
.wuliuPop .ttlBox .close,
.orderPop .ttlBox .close {
	width: 15px;
	cursor: pointer;
}
.wuliuPop .infoBox {
	margin: 0 24px 27px;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 60px;
	background: #F3F6F9;
}
.wuliuPop .infoBox .status {
	color: #005AFF;
	font-weight: bold;
}
.wuliuPop .infoBox .address {
	display: flex;
	align-items: center;
	font-weight: bold;
}
.wuliuPop .infoBox .address img {
	margin: 0 20px;
	width: 16px;
}
.wuliuPop .stepUlBox {
	margin: 0 24px;
	min-height: 1px;
	flex: 1;
	overflow-y: auto;
}
.wuliuPop .stepUl {
	position: relative;
}
.wuliuPop .stepUl:before {
	width: 2px;
	height: 100%;
	position: absolute;
	left: 3px;
	top: 0;
	background: #C8D2DC;
	content: "";
}
.wuliuPop .stepUl li {
	padding: 0 0 35px 20px;
	position: relative;
	overflow: hidden;
	color: #B4BEC8;
}
.wuliuPop .stepUl li:last-child {
	padding-bottom: 0;
}
.wuliuPop .stepUl li:before {
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 8px;
	border-radius: 50%;
	background: #C8D2DC;
	content: "";
}
.wuliuPop .stepUl li:first-child:after {
	width: 2px;
	height: 100%;
	position: absolute;
	left: 3px;
	bottom: 100%;
	background: #fff;
	content: "";
	transform: translateY(8px);
	-webkit-transform: translateY(8px);
}
.wuliuPop .stepUl li:last-child:after {
	width: 2px;
	height: 100%;
	position: absolute;
	left: 3px;
	top: 16px;
	background: #fff;
	content: "";
}
.wuliuPop .stepUl li .txt01 {
	margin-bottom: 4px;
}
.wuliuPop .stepUl li .txt01 .txt {
	margin-right: 20px;
	color: #141E28;
	font-weight: bold;
}
.orderPop {
	max-width: 1200px;
}
.orderPop .listBox {
	min-height: 1px;
	flex: 1;
	overflow-y: auto;
}
.orderPop .listBox .ttl {
	margin: 0 24px 10px;
	font-weight: bold;
}
.orderPop .list {
	margin: 0 24px 20px;
	border: 1px solid #C8D2DC;
}
.orderPop .list:last-child {
	margin-bottom: 0;
}
.orderPop .list .item {
	display: flex;
	border-bottom: 1px solid #C8D2DC;
}
.orderPop .list .item:last-child {
	border: none;
}
.orderPop .list .item .txtBox {
	width: 33.33%;
	border-right: 1px solid #C8D2DC;
	background: #F5F6F7;
}
.orderPop .list .item .txtBox .subBox {
	padding: 15px 32px 16px 24px;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 28px;
	box-sizing: border-box;
}
.orderPop .list .item .txtBox .subBox .txt {
	min-width: 1px;
	flex: 1;
}
.orderPop .list .item .txtBox .subBox .subTxt {
	display: block;
	color: #B4BEC8;
}
.orderPop .list .item .txtBox .star {
	margin: 6px 0 0 20px;
	color: #FF3838;
	font-size: 22px;
	line-height: 16px;
}
.orderPop .list .item .inputBox {
	min-width: 1px;
	padding: 15px 24px 16px;
	flex: 1;
	position: relative;
	box-sizing: border-box;
}
.orderPop .list .item .inputBox .error {
	position: absolute;
	right: 5px;
	bottom: 0;
	display: none;
	color: #FF3838;
}
.orderPop .list .item .inputBox .error.show {
	display: block;
}
.orderPop .list .item .inputBox input[type="text"] {
	padding: 0;
	width: 100%;
	height: 28px;
	color: #141E28;
	font-size: 16px;
	line-height: 28px;
	border: none;
	background: none;
	box-sizing: border-box;
}
.orderPop .list .item .inputBox input::-webkit-input-placeholder{color:#B4BEC8;}
.orderPop .list .item .inputBox input::-moz-placeholder{color:#B4BEC8;opacity:1;}
.orderPop .list .item .inputBox input:-moz-placeholder{color:#B4BEC8;opacity:1;}
.orderPop .list .item .inputBox textarea::-webkit-input-placeholder{color:#B4BEC8;}
.orderPop .list .item .inputBox textarea::-moz-placeholder{color:#B4BEC8;opacity:1;}
.orderPop .list .item .inputBox textarea:-moz-placeholder{color:#B4BEC8;opacity:1;}
.orderPop .list .item .inputBox .radioUl {
	margin-left: -4px;
	display: flex;
}
.orderPop .list .item .inputBox .radioUl li {
	margin-right: 33px;
	line-height: 28px;
}
.orderPop .list .item .inputBox .radioUl li label {
	display: block;
	position: relative;
}
.orderPop .list .item .inputBox .radioUl li label input {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.orderPop .list .item .inputBox .radioUl li label span {
	padding-left: 27px;
	display: block;
	color: #646E78;
	background: url("../images/common/radio.png") no-repeat left 3px center;
	background-size: 16px auto;
}
.orderPop .list .item .inputBox .radioUl li label input:checked + span {
	color: #1F5CCD;
	background-image: url("../images/common/radio_on.png");
}
.orderPop .list .item .inputBox .radioUl02 {
	flex-wrap: wrap;
}
.orderPop .list .item .inputBox .radioUl02 li {
	margin: 0 0 32px;
	width: 100%;
}
.orderPop .list .item .inputBox .radioUl02 li:last-child {
	margin: 0;
}
.orderPop .list .item .inputBox .file {
	height: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.orderPop .list .item .inputBox .file span {
	margin-right: 20px;
	color: #1F5CCD;
	position: relative;
}
.orderPop .list .item .inputBox .file span .el-icon-remove {
	position: absolute;
	right: -18px;
	top: -5px;
	color: #FF3838;
}
.orderPop .list .item .inputBox .file input {
	width: 48px;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	box-sizing: border-box;
	cursor: pointer;
}
.orderPop .list .item .inputBox textarea {
	padding: 0;
	width: 100%;
	height: 202px;
	color: #141E28;
	font-size: 16px;
	line-height: 28px;
	border: none;
	background: none;
	box-sizing: border-box;
	resize: none;
}
.orderPop .list .item .txtBoxTotal {
	width: 16.66%;
}
.orderPop .list .item .unitBox {
	min-width: 1px;
	flex: 1;
}
.orderPop .list .item .unitBox .txtBox {
	width: 19.98%;
}

.comBanner {
	height: 480px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../images/company/banner.png") no-repeat center top;
	background-size: cover;
}
.comBanner span {
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	text-shadow: 0px 8px 20px rgba(0,0,0,0.1);
}

@media all and (min-width: 1240px) {
	
}
@media all and (min-width: 1240px) and (max-width: 1449px) {
}
@media all and (min-width: 750px) and (max-width: 1239px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	img {
		width: 100%;
		display: block;
	}
	#container {
		padding-top: 80px;
		overflow: hidden;
	}
	.comSection {
		padding: 0 32px;
	}
	.spHeader {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.spHeader .hInner {
		padding: 20px 32px;
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #fff;
	}
	.spHeader .hInner .menu {
		width: 32px;
		height: 32px;
	}
	.spHeader .hInner .menu.on {
		background: url("../images/common/close.png") no-repeat;
		background-size: 100% auto;
	}
	.spHeader .hInner .menu.on img {
		visibility: hidden;
	}
	.spHeader .hInner .logo {
		width: 294px;
	}
	.spHeader .hInner .langBox > a {
		width: 32px;
		height: 32px;
		display: block;
	}
	.spHeader .hInner .langBox > a.on {
		background: url("../images/common/close.png") no-repeat;
		background-size: 100% auto;
	}
	.spHeader .hInner .langBox > a.on img {
		visibility: hidden;
	}
	.spHeader .hInner .langBox .jsBox {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		display: none;
		background: #fff;
	}
	.spHeader .hInner .langBox .jsBox ul {
		padding: 0 32px;
	}
	.spHeader .hInner .langBox .jsBox li {
		border-bottom: 1px solid #F5F5F5;
	}
	.spHeader .hInner .langBox .jsBox li:last-child {
		border: none;
	}
	.spHeader .hInner .langBox .jsBox li a {
		display: block;
		color: #141E28;
		font-size: 28px;
		line-height: 94px;
		text-align: center;
	}
	.spHeader .hInner .langBox .jsBox li.on a {
		color: #fff;
		background: #005AFF;
	}
	.spHeader .menuBox {
		padding-top: 80px;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		overflow-y: auto;
		box-sizing: border-box;
		background: #F5F6F7;
		/* opacity: 0; */
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}
	.spHeader .menuBox.show {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.spHeader .menuBox .naviUl {
		padding: 0 32px;
		background: #fff;
	}
	.spHeader .menuBox .naviUl > li {
		border-bottom: 1px solid #F5F5F5;
	}
	.spHeader .menuBox .naviUl > li:last-child {
		border: none;
	}
	.spHeader .menuBox .naviUl > li > a {
		display: block;
		color: #333;
		font-size: 28px;
		line-height: 96px;
		background: url("../images/common/arrow03.png") no-repeat right center;
		background-size: 28px 28px;
	}
	.spHeader .menuBox .naviUl > li.li05 > a {
		background-image: url("../images/common/arrow04.png");
	}
	.spHeader .menuBox .naviUl > li.li05 > a.on {
		background-image: url("../images/common/arrow05.png");
	}
	.spHeader .menuBox .naviUl > li .jsBox {
		margin: 0 -32px;
		padding: 24px 32px 4px;
		display: none;
		background: #F5F6F7;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li {
		margin-bottom: 20px;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li a {
		display: block;
		position: relative;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li a img {
		width: 100%;
		height: 214px;
		object-fit: cover;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li a span {
		width: 80%;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		font-size: 28px;
		text-align: center;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 {
		margin-right: -26px;
		display: flex;
		flex-wrap: wrap;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li {
		padding: 0 26px 20px 0;
		width: 50%;
		box-sizing: border-box;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a {
		display: flex;
		align-items: center;
		background: #fff;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a .img {
		width: 80px;
		height: 80px;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a span {
		margin: 0 22px;
		min-width: 1px;
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #141E28;
		font-size: 28px;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a .arrow {
		display: none;
	}
	.spHeader .menuBox .link {
		padding: 80px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #C8D2DC;
		font-size: 28px;
	}
	.spHeader .menuBox .link a {
		margin: 0 32px;
		color: #005AFF;
	}
	.spHeader .menuBox .infoBox,
	.spHeader .menuBox.logined .link {
		display: none;
	}
	.spHeader .menuBox.logined .infoBox {
		display: block;
		border-top: 20px solid #F5F6F7;
	}
	.spHeader .menuBox .infoBox a {
		padding: 16px 32px;
		display: flex;
		align-items: center;
		color: #333;
		font-size: 28px;
		background: #fff url("../images/common/arrow03.png") no-repeat right 16px center;
		background-size: 28px 28px;
	}
	.spHeader .menuBox .infoBox a .avatar {
		margin-right: 20px;
		width: 48px;
		height: 48px;
		border-radius: 50%;
	}
	.footer {
		padding: 80px 32px 0;
	}
	.footer .fBox {
		margin: 0;
		padding: 0;
	}
	.footer .logo {
		margin: 0 auto 64px;
		width: 298px;
	}
	.footer .fInner {
		margin-bottom: 64px;
		display: block;
	}
	.footer .fInner .naviBox {
		display: none;
	}
	.footer .fInner .productsBox {
		width: auto;
	}
	.footer .fInner .productsBox .ttl {
		display: none;
	}
	.footer .fInner .productsBox li {
		margin-bottom: 0;
		line-height: 72px;
	}
	.footer .fInner .productsBox li a {
		font-size: 28px;
	}
	.footer .fInner .productsBox li span {
		font-family: "PingFangSC";
		font-size: 28px;
		font-weight: normal;
	}
	.footer .fInner .productsBox li img {
		margin-right: 20px;
		width: 36px;
	}
	.footer .copyright {
		margin: 0 -32px;
		font-size: 20px;
		line-height: 60px;
		background: rgba(0,0,0,0.2);
	}

	.comTitle {
		padding: 28px 0;
		font-size: 48px;
	}
	.comTitle .line {
		margin-left: -10px;
		width: 20px;
		height: 20px;
	}
	.comTitle .line:before {
		width: 4px;
		left: 4px;
	}

	.main .comSubmit {
		margin-top: 40px;
		width: 480px;
		font-size: 28px;
		line-height: 80px;
	}
	.main .comSubmit img {
		margin-left: 20px;
		width: 28px;
	}

	.main .pagination {
		margin-top: 40px;
	}
	.main .pagination .el-pagination .btn-next .el-icon,
	.main .pagination .el-pagination .btn-prev .el-icon {
		font-size: 24px;
	}
	.main .pagination .el-pagination.is-background .btn-next,
	.main .pagination .el-pagination.is-background .btn-prev,
	.main .pagination .el-pager li {
		margin: 0 10px !important;
		padding: 0 8px;
		min-width: 60px !important;
		height: 56px !important;
		font-size: 26px;
		line-height: 56px !important;
		border-radius: 4px !important;
	}

	.main .comContactBox {
		padding: 80px 0;
		background-image: url("../images/common/sp_contact_bg.png");
	}
	.main .comContactBox .linkUl {
		margin: 0 -10px;
	}
	.main .comContactBox .linkUl li {
		margin: 0;
		padding: 0 10px;
		width: 50%;
		box-sizing: border-box;
	}
	.main .comContactBox .linkUl li a {
		font-size: 28px;
		line-height: 80px;
	}
	.main .comContactBox .linkUl li a img {
		margin-left: 20px;
		width: 28px;
	}

	.wuliuPop {
		padding-bottom: 48px;
	}
	.wuliuPop .ttlBox,.orderPop .ttlBox {
		margin-bottom: 24px;
		padding: 0 24px;
	}
	.wuliuPop .ttlBox .ttl,.orderPop .ttlBox .ttl {
		font-size: 28px;
		line-height: 80px;
	}
	.wuliuPop .ttlBox .close,.orderPop .ttlBox .close {
		width: 28px;
	}
	.wuliuPop .infoBox {
		margin: 0 24px 32px;
		padding: 20px 24px;
		line-height: 1.5;
	}
	.wuliuPop .infoBox .order {
		margin-bottom: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 28px;
	}
	.wuliuPop .infoBox .order .txt {
		color: #B4BEC8;
	}
	.wuliuPop .infoBox .addressBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.wuliuPop .infoBox .addressBox .address {
		font-size: 24px;
		font-weight: normal;
	}
	.wuliuPop .infoBox .addressBox .address img {
		margin: 0 20px;
		width: 24px;
	}
	.wuliuPop .infoBox .addressBox .status {
		font-size: 24px;
		font-weight: normal;
	}
	.wuliuPop .stepUlBox {
		margin: 0 24px;
	}
	.wuliuPop .stepUl:before {
		width: 3px;
		left: 4px;
	}
	.wuliuPop .stepUl li {
		padding: 0 0 32px 30px;
		font-size: 24px;
	}
	.wuliuPop .stepUl li:before {
		width: 12px;
		height: 12px;
		top: 15px;
	}
	.wuliuPop .stepUl li:first-child:after {
		width: 3px;
		left: 4px;
		transform: translateY(15px);
		-webkit-transform: translateY(15px);
	}
	.wuliuPop .stepUl li:last-child:after {
		width: 3px;
		left: 4px;
		top: 27px;
	}
	.wuliuPop .stepUl li .txt01 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.wuliuPop .stepUl li .txt01 .txt {
		font-size: 28px;
	}
	.orderPop .listBox .ttl {
		margin: 0 24px 16px;
		font-size: 28px;
	}
	.orderPop .list {
		margin: 0 24px 32px;
	}
	.orderPop .list .item {
		display: block;
	}
	.orderPop .list .item .txtBox {
		width: auto;
		border: none;
		border-bottom: 1px solid #C8D2DC;
	}
	.orderPop .list .item .txtBox .subBox {
		padding: 0 28px 0 18px;
		font-size: 28px;
		line-height: 79px;
	}
	.orderPop .list .item .txtBox .star {
		margin: 4px 0 0;
		font-size: 24px;
	}
	.orderPop .list .item .inputBox {
		padding: 0 18px;
		font-size: 28px;
		line-height: 79px;
	}
	.orderPop .list .item .inputBox input[type="text"] {
		height: 79px;
		font-size: 28px;
		line-height: 79px;
	}
	.orderPop .list .item .inputBox .error {
		font-size: 24px;
	}
	.orderPop .list .item .inputBox .radioUl li {
		font-size: 28px;
		line-height: 79px;
	}
	.orderPop .list .item .txtBox .subBox .subTxt {
		margin-top: -36px;
		font-size: 24px;
		font-weight: normal;
	}
	.orderPop .list .item .inputBox .radioUl02 li {
		margin: 0;
		line-height: 80px;
	}
	.orderPop .list .item .inputBox .radioUl03 {
		display: block;
	}
	.orderPop .list .item .inputBox .radioUl03 li {
		margin: 0;
		line-height: 80px;
	}
	.orderPop .list .item .inputBox .file {
		padding: 16px 0;
	}
	.orderPop .list .item .inputBox .file span {
		line-height: 48px;
	}
	.orderPop .list .item .inputBox .file img {
		width: 48px;
		height: 48px;
	}
	.orderPop .list .item .inputBox .file input {
		width: 48px;
	}
	.orderPop .list .item .inputBox textarea {
		padding-top: 14px;
		height: 226px;
		font-size: 28px;
	}

	.comBanner {
		height: auto;
		position: relative;
		display: block;
		background: none !important;
	}
	.comBanner span {
		width: 80%;
		text-align: center;
		position: absolute;
		left: 50%;
		top: 50%;
		font-size: 32px;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
}

@media all and (min-width: 0) and (max-width: 749px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	img {
		width: 100%;
		display: block;
	}
	#container {
		padding-top: 40px;
		overflow: hidden;
	}
	.comSection {
		padding: 0 16px;
	}
	.spHeader {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.spHeader .hInner {
		padding: 10px 16px;
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #fff;
	}
	.spHeader .hInner .menu {
		width: 16px;
		height: 16px;
	}
	.spHeader .hInner .menu.on {
		background: url("../images/common/close.png") no-repeat;
		background-size: 100% auto;
	}
	.spHeader .hInner .menu.on img {
		visibility: hidden;
	}
	.spHeader .hInner .logo {
		width: 147px;
	}
	.spHeader .hInner .langBox > a {
		width: 16px;
		height: 16px;
		display: block;
	}
	.spHeader .hInner .langBox > a.on {
		background: url("../images/common/close.png") no-repeat;
		background-size: 100% auto;
	}
	.spHeader .hInner .langBox > a.on img {
		visibility: hidden;
	}
	.spHeader .hInner .langBox .jsBox {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		display: none;
		background: #fff;
	}
	.spHeader .hInner .langBox .jsBox ul {
		padding: 0 16px;
	}
	.spHeader .hInner .langBox .jsBox li {
		border-bottom: 1px solid #F5F5F5;
	}
	.spHeader .hInner .langBox .jsBox li:last-child {
		border: none;
	}
	.spHeader .hInner .langBox .jsBox li a {
		display: block;
		color: #141E28;
		font-size: 14px;
		line-height: 47px;
		text-align: center;
	}
	.spHeader .hInner .langBox .jsBox li.on a {
		color: #fff;
		background: #005AFF;
	}
	.spHeader .menuBox {
		padding-top: 40px;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		overflow-y: auto;
		box-sizing: border-box;
		background: #F5F6F7;
		/* opacity: 0; */
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}
	.spHeader .menuBox.show {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.spHeader .menuBox .naviUl {
		padding: 0 16px;
		background: #fff;
	}
	.spHeader .menuBox .naviUl > li {
		border-bottom: 1px solid #F5F5F5;
	}
	.spHeader .menuBox .naviUl > li:last-child {
		border: none;
	}
	.spHeader .menuBox .naviUl > li > a {
		display: block;
		color: #333;
		font-size: 14px;
		line-height: 48px;
		background: url("../images/common/arrow03.png") no-repeat right center;
		background-size: 14px 14px;
	}
	.spHeader .menuBox .naviUl > li.li05 > a {
		background-image: url("../images/common/arrow04.png");
	}
	.spHeader .menuBox .naviUl > li.li05 > a.on {
		background-image: url("../images/common/arrow05.png");
	}
	.spHeader .menuBox .naviUl > li .jsBox {
		margin: 0 -16px;
		padding: 12px 16px 2px;
		display: none;
		background: #F5F6F7;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li {
		margin-bottom: 10px;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li a {
		display: block;
		position: relative;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li a img {
		width: 100%;
		height: 107px;
		object-fit: cover;
	}
	.spHeader .menuBox .naviUl li .jsBox .list01 li a span {
		width: 80%;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		font-size: 14px;
		text-align: center;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 {
		margin-right: -13px;
		display: flex;
		flex-wrap: wrap;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li {
		padding: 0 13px 10px 0;
		width: 50%;
		box-sizing: border-box;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a {
		display: flex;
		align-items: center;
		background: #fff;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a .img {
		width: 40px;
		height: 40px;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a span {
		margin: 0 11px;
		min-width: 1px;
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #141E28;
		font-size: 14px;
	}
	.spHeader .menuBox .naviUl li .jsBox .list02 li a .arrow {
		display: none;
	}
	.spHeader .menuBox .link {
		padding: 40px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #C8D2DC;
		font-size: 14px;
	}
	.spHeader .menuBox .link a {
		margin: 0 16px;
		color: #005AFF;
	}
	.spHeader .menuBox .infoBox,
	.spHeader .menuBox.logined .link {
		display: none;
	}
	.spHeader .menuBox.logined .infoBox {
		display: block;
		border-top: 10px solid #F5F6F7;
	}
	.spHeader .menuBox .infoBox a {
		padding: 8px 16px;
		display: flex;
		align-items: center;
		color: #333;
		font-size: 14px;
		background: #fff url("../images/common/arrow03.png") no-repeat right 16px center;
		background-size: 14px 14px;
	}
	.spHeader .menuBox .infoBox a .avatar {
		margin-right: 10px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
	}
	.footer {
		padding: 40px 16px 0;
	}
	.footer .fBox {
		margin: 0;
		padding: 0;
	}
	.footer .logo {
		margin: 0 auto 32px;
		width: 149px;
	}
	.footer .fInner {
		margin-bottom: 32px;
		display: block;
	}
	.footer .fInner .naviBox {
		display: none;
	}
	.footer .fInner .productsBox {
		width: auto;
	}
	.footer .fInner .productsBox .ttl {
		display: none;
	}
	.footer .fInner .productsBox li {
		margin-bottom: 0;
	}
	.footer .fInner .productsBox li span {
		font-family: "PingFangSC";
		font-size: 14px;
		font-weight: normal;
	}
	.footer .fInner .productsBox li img {
		margin-right: 10px;
		width: 18px;
	}
	.footer .copyright {
		margin: 0 -16px;
		font-size: 10px;
		line-height: 30px;
		background: rgba(0,0,0,0.2);
	}

	.comTitle {
		padding: 14px 0;
		font-size: 24px;
	}
	.comTitle .line {
		margin-left: -5px;
		width: 10px;
		height: 10px;
	}
	.comTitle .line:before {
		width: 2px;
		left: 0;
	}

	.main .comSubmit {
		margin-top: 20px;
		width: 240px;
		font-size: 14px;
		line-height: 40px;
	}
	.main .comSubmit img {
		margin-left: 10px;
		width: 14px;
	}

	.main .pagination {
		margin-top: 20px;
	}

	.el-message-box {
		max-width: 80%;
	}

	.main .comContactBox {
		padding: 40px 0;
		background-image: url("../images/common/sp_contact_bg.png");
	}
	.main .comContactBox .linkUl {
		margin: 0 -5px;
	}
	.main .comContactBox .linkUl li {
		margin: 0;
		padding: 0 5px;
		width: 50%;
		box-sizing: border-box;
	}
	.main .comContactBox .linkUl li a {
		font-size: 14px;
		line-height: 40px;
	}
	.main .comContactBox .linkUl li a img {
		margin-left: 10px;
		width: 14px;
	}

	.wuliuPop {
		padding-bottom: 24px;
	}
	.wuliuPop .ttlBox,.orderPop .ttlBox {
		margin-bottom: 12px;
		padding: 0 12px;
	}
	.wuliuPop .ttlBox .ttl,.orderPop .ttlBox .ttl {
		font-size: 14px;
		line-height: 40px;
	}
	.wuliuPop .ttlBox .close,.orderPop .ttlBox .close {
		width: 14px;
	}
	.wuliuPop .infoBox {
		margin: 0 12px 16px;
		padding: 10px 12px;
		line-height: 1.5;
	}
	.wuliuPop .infoBox .order {
		margin-bottom: 4px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 14px;
	}
	.wuliuPop .infoBox .order .txt {
		color: #B4BEC8;
	}
	.wuliuPop .infoBox .addressBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.wuliuPop .infoBox .addressBox .address {
		font-size: 12px;
		font-weight: normal;
	}
	.wuliuPop .infoBox .addressBox .address img {
		margin: 0 10px;
		width: 12px;
	}
	.wuliuPop .infoBox .addressBox .status {
		font-size: 12px;
		font-weight: normal;
	}
	.wuliuPop .stepUlBox {
		margin: 0 12px;
	}
	.wuliuPop .stepUl:before {
		left: 2px;
	}
	.wuliuPop .stepUl li {
		padding: 0 0 16px 15px;
		font-size: 12px;
	}
	.wuliuPop .stepUl li:before {
		width: 6px;
		height: 6px;
		top: 6px;
	}
	.wuliuPop .stepUl li:first-child:after {
		left: 2px;
		transform: translateY(6px);
		-webkit-transform: translateY(6px);
	}
	.wuliuPop .stepUl li:last-child:after {
		left: 2px;
		top: 12px;
	}
	.wuliuPop .stepUl li .txt01 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.wuliuPop .stepUl li .txt01 .txt {
		font-size: 14px;
	}
	.orderPop .listBox .ttl {
		margin: 0 12px 8px;
		font-size: 14px;
	}
	.orderPop .list {
		margin: 0 12px 16px;
	}
	.orderPop .list .item {
		display: block;
	}
	.orderPop .list .item .txtBox {
		width: auto;
		border: none;
		border-bottom: 1px solid #C8D2DC;
	}
	.orderPop .list .item .txtBox .subBox {
		padding: 0 14px 0 9px;
		font-size: 14px;
		line-height: 39px;
	}
	.orderPop .list .item .txtBox .star {
		margin: 2px 0 0;
		font-size: 12px;
	}
	.orderPop .list .item .inputBox {
		padding: 0 9px;
		font-size: 14px;
		line-height: 39px;
	}
	.orderPop .list .item .inputBox input[type="text"] {
		height: 39px;
		font-size: 14px;
		line-height: 39px;
	}
	.orderPop .list .item .inputBox .error {
		font-size: 12px;
	}
	.orderPop .list .item .inputBox .radioUl li {
		font-size: 14px;
		line-height: 39px;
	}
	.orderPop .list .item .txtBox .subBox .subTxt {
		margin-top: -18px;
		font-size: 12px;
		font-weight: normal;
	}
	.orderPop .list .item .inputBox .radioUl02 li {
		margin: 0;
		line-height: 40px;
	}
	.orderPop .list .item .inputBox .radioUl03 {
		display: block;
	}
	.orderPop .list .item .inputBox .radioUl03 li {
		margin: 0;
		line-height: 40px;
	}
	.orderPop .list .item .inputBox .file {
		padding: 8px 0;
	}
	.orderPop .list .item .inputBox .file span {
		line-height: 24px;
	}
	.orderPop .list .item .inputBox .file img {
		width: 24px;
		height: 24px;
	}
	.orderPop .list .item .inputBox .file input {
		width: 24px;
	}
	.orderPop .list .item .inputBox textarea {
		padding-top: 7px;
		height: 113px;
		font-size: 14px;
	}

	.comBanner {
		height: auto;
		position: relative;
		display: block;
		background: none !important;
	}
	.comBanner span {
		width: 80%;
		text-align: center;
		position: absolute;
		left: 50%;
		top: 50%;
		font-size: 16px;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
}