/*****通用编码******/
* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: none;
	/*只针对低版本谷歌*/
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
}

*,
:after,
:before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* 谷歌 */
	-moz-box-sizing: border-box;
	/* Firefox */
}

body,
ol,
table,
tr,
td,
ul,
li,
dt,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
textarea,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	/*font-family: "Segoe UI", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, Helvetica, Arial, Tahoma, sans-serif, \5b8b\4f53;*/
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0
}

*html {
	background-attachment: fixed;
}

/*解决IE6下滚动抖动的问题*/
body {
	color: #1f2329;
	font-size: 14px;
	_overflow: hidden;
	min-width: 1400px;
	line-height: 1.5;
	overflow-x: hidden;
	background: #fff;
	width: 100%;
	-webkit-font-feature-settings: "tnum";
	font-feature-settings: "tnum";
	*cursor: default;
}

img {
	border: none;
	vertical-align: middle;
}

ul,
ol,
li,
form,
dl {
	list-style: none;
}

p {
	margin: 0px;
	padding: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.flex {
	display: flex;
}

.t-c {
	text-align: center;
}

.t-r {
	text-align: right;
}

.box {
	padding: 60px 0;
}

/*-------给a加时间过渡、清除默认样式---------*/
a {
	outline: none;
	cursor: pointer;
	text-decoration: none;
	color: #666;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}

a:hover {
	color: #009eff;
}

a:active,
a:hover {
	text-decoration: none
}

a,
area,
a:active {
	blr: expression(this.onFocus=this.blur());
}

:focus {
	-moz-outline-style: none;
}

/*在浏览器拖动鼠标颜色*/
::selection {
	color: #fff;
	background-color: #009eff;
}

::-moz-selection {
	color: #fff;
	background-color: #009eff;
}

/*更改浏览器滚动条颜色兼容*/
html,
body {
	/*更改ie内核滚动条颜色*/
	scrollbar-face-color: #009eff;
	scrollbar-highlight-color: #009eff;
	scrollbar-shadow-color: #009eff;
	scrollbar-3dlight-color: #009eff;
	scrollbar-arrow-color: #222;
	scrollbar-track-color: #222;
	scrollbar-darkshadow-color: #009eff;
}

/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #fcfcfc;
}

::-webkit-scrollbar-track {
	border-radius: 0;
	background-color: #fcfcfc;
}

::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #009eff;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/*-------表单居中、清理描边---------*/
input,
button,
select,
textarea {
	outline: none
}

input,
select,
textarea,
button {
	vertical-align: middle
}

button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}

input[type=submit] {
	cursor: pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

/*----- 表格重置-----*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

caption {
	display: none;
}

:focus {
	outline: 0
}

.animate {
	transition: all .5s cubic-bezier(.25, 0, 0, 1);
	-webkit-transition: all .5s cubic-bezier(.25, 0, 0, 1);
	-moz-transition: all .5s cubic-bezier(.25, 0, 0, 1);
	-ms-transition: all .5s cubic-bezier(.25, 0, 0, 1);
	-o-transition: all .5s cubic-bezier(.25, 0, 0, 1)
}

/*----- clearfix-----*/
.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

/*----- 超出省略号///-----*/
.toe {
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*----- 超出2行省略号///-----*/
.multiLine {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	line-height: 1.7;
}

/**font-size**/
.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f12 {
	font-size: 12px;
}

.f24 {
	font-size: 24px;
}

.f32 {
	font-size: 32px;
}

/* background color */
.bgcolor-fff {
	background-color: #fff !important;
}

.bgcolor-333 {
	background-color: #333 !important;
}

.bgcolor-f6 {
	background-color: #f6f6f6 !important;
}

.img-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
}

.img-box:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

/**font**/
@font-face {
	font-family: 'chiconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/iconfont.woff2') format('woff2'),
		url('../fonts/iconfont.woff') format('woff'),
		url('../fonts/iconfont.ttf') format('truetype'),
		url('../fonts/iconfont.svg#iconfont') format('svg');
}

.chiconfont {
	font-family: "chiconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: BarlowLight;
	src: url(../fonts/BarlowLight.ttf);
}

@font-face {
	font-family: Cinzel-Black;
	src: url(../fonts/Cinzel-Black.ttf);
}

@font-face {
	font-family: DIN-Bold;
	src: url(../fonts/DIN-Condensed-Bold.ttf)
}

#bd>section.atsx-layout {
	display: block;
}

.atsx-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: auto;
	flex: auto;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 0;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	body {
		min-width: auto;
	}
}

/**header**/
.header {
	width: 100%;
	z-index: 100;
	background: hsla(0, 0%, 100%, .8);
	border-bottom: 1px solid #eff0f1;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: ease .5s;
}

.header-container {
	z-index: 1100;
}

.header-content {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	width: 1600px;
	/* padding:0 10.93%; */
	margin: 0 auto
}

.dynamic-header {
	position: fixed;
	z-index: 999;
	border-bottom: none;
	width: 100%;
	top: -96px;
	/* -ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

.header-transparent {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: rgba(255, 255, 255, 0.9);
	-ms-transform: translateY(90px);
	transform: translateY(90px);
	box-shadow: none !important;
}

.dynamic-header.header-show {
	top: -80px;
	-ms-transform: translateY(80px);
	transform: translateY(80px);
	box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}

.logo {
	position: relative;
	width: 236px;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.logo a {
	width: 200px;
}

.logo a img {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: ease .5s;
}

.logo img:nth-child(1) {
	opacity: 1;
}

.header-transparent .logo img:nth-child(1) {
	opacity: 0;
}

.header-transparent .logo img:nth-child(2) {
	opacity: 1;
}

.nav-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style: none;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	margin: 0 0 0 20px;
	position: relative
}

.nav-wrapper .nav-item {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 10
}

.nav-wrapper .nav-item:first-child {
	padding-right: 32px
}

.nav-wrapper .nav-item h2.nav-item-link {
	font-weight: 400;
	font-size: 18px;
	line-height: 80px;
	cursor: pointer;
}

.nav-wrapper .nav-item h2.nav-item-link a {
	color: #000;
	font-weight: 400;
	display: inline-block;
	position: relative;
	line-height: inherit;
}

.header-transparent .nav-wrapper .nav-item h2.nav-item-link a {
	color: #000;
}

/*.header .nav-wrapper .nav-item h2.nav-item-link a:before{*/
/*	content: "";*/
/*	position: absolute;*/
/*	left: calc(50% - 2.5px);*/
/*	bottom: 2px;*/
/*	width: 0px;*/
/*	height: 0px;*/
/*	opacity: 0;*/
/*	border-left: 2.5px solid transparent;*/
/*	border-right: 2.5px solid transparent;*/
/*	border-bottom: 5px solid #009eff;*/
/*	transition:.3s ease-in-out;*/
/*}*/
.header-transparent .nav-wrapper .nav-item h2.nav-item-link a:before {
	border-bottom-color: #fff;
}

.nav-wrapper .nav-item h2.nav-item-link a:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	bottom: 0px !important;
	background-color: #fff;
	opacity: 0;
	transform: scaleX(0);
	transition: .3s ease-in-out;
}

.nav-item .submenu {
	position: absolute;
	top: 80px;
	left: 50%;
	display: none;
	width: 100%;
	margin-left: -50%;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 3px 16px rgba(0, 0, 0, .1)
}

.nav-item .submenu a {
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	position: relative;
	display: block;
	overflow: hidden;
	height: 40px;
	padding: 0 10px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
}

.nav-item .submenu a:last-child {
	border-bottom: 0
}

.nav-item .submenu a:hover {
	color: #fff;
	background: rgba(0,158,255,1)
}

.nav-item .submenu a:hover:after {
	right: 15px;
	visibility: visible
}

.nav-wrapper .nav-item h2.nav-item-link a.active {
	font-weight: 600;
	color: rgba(0,158,255,1);
}

.nav-wrapper .nav-item .nav-item-link:hover a:after,
.nav-wrapper .nav-item .nav-item-link a.active:after {
	opacity: 1;
	transform: scaleX(1);
}

.nav-wrapper .nav-item .nav-item-link:hover a:before,
.nav-wrapper .nav-item .nav-item-link a.active:before {
	opacity: 1;
}

.nav-wrapper>.nav-item+.nav-item {
	margin-left: 10px;
	padding: 0 26px
}

.nav-wrapper .nav-item .nav-item-link:hover a,
.nav-wrapper .nav-item .nav-item-link a.active {
	color: rgba(0,158,255,1);
}

.header .nav-wrapper .nav-item .nav-item-link:hover a:after,
.header .nav-wrapper .nav-item .nav-item-link a.active:after {
	background-color: rgba(0,158,255,1);
}

.header .nav-wrapper .nav-item .nav-item-link:hover a:before,
.header .nav-wrapper .nav-item .nav-item-link a.active:before {
	opacity: 1;
}

.header-transparent .nav-wrapper .nav-item .nav-item-link:hover a:after,
.header-transparent .nav-wrapper .nav-item .nav-item-link a.active:after {
	background-color: rgba(0,158,255,1)
}

.header-transparent .nav-wrapper .nav-item .nav-item-link:hover a:before,
.header-transparent .nav-wrapper .nav-item .nav-item-link a.active:before {
	opacity: 1;
}

.header-transparent .nav-wrapper .nav-item .nav-item-link:hover a {
	color: rgba(0,158,255,1);
}

.header-transparent .nav-wrapper .nav-item h2.nav-item-link {
	line-height: 100px;
}

.header-transparent .nav-item .submenu {
	top: 100px;
}

.nav-wrapper .nav-item:hover .submenu {
	display: block;
	opacity: 1;
	/*	z-index:999;*/
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

/*tel*/
.tel {
	color: #009eff;
	align-items: center;
}

.tel i {
	width: 40px;
	height: 40px;
	color: #009eff;
	font-size: 40px;
	text-align: center;
	line-height: 42px;
	margin-right: 5px;
}

.tel strong {
	display: block;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
}

.header-transparent .tel,
.header-transparent .tel i {
	color: #fff;
}

/*Header button*/
.menu-button {
	margin: 0;
	position: relative;
	height: 50px;
	width: 30px;
	cursor: pointer;
}

.menu-button:after,
.menu-button:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #4f4f4f;
	content: "";
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}

.menu-button:after {
	bottom: 13px;
}

.menu-button:before {
	top: 13px;
}

.menu-button span {
	display: block;
	height: 1px;
	width: 100%;
	background: #4f4f4f;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 2px;
	margin-top: -1px;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}

.menu-button.active:after {
	transform: rotate(-45deg) translate(0px, -1px);
	-webkit-transform: rotate(-45deg) translate(0px, -1px);
	-moz-transform: rotate(-45deg) translate(0px, -1px);
	-ms-transform: rotate(-45deg) translate(0px, -1px);
	-o-transform: rotate(-45deg) translate(0px, -1px);
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	left: 5px;
	bottom: 13px;
}

.menu-button.active:before {
	transform: rotate(45deg) translate(0px, 2px);
	-webkit-transform: rotate(45deg) translate(0px, 2px);
	-moz-transform: rotate(45deg) translate(0px, 2px);
	-ms-transform: rotate(45deg) translate(0px, 2px);
	-o-transform: rotate(45deg) translate(0px, 2px);
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	top: 13px;
	left: 5px;
}

.menu-button.active span {
	opacity: 0
}

.header-transparent .menu-button:after,
.header-transparent .menu-button:before {
	background: #fff
}

.header-transparent .menu-button span {
	background: #fff;
}

/* m nav*/
.m-nav {
	position: fixed;
	top: 0;
	/*box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);*/
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	display: none;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%)
}

.m-nav a {
	outline: none
}

.m-nav.open {
	transform: translateX(0)
}

.m-nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box
}

.m-nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer
}

.m-nav .logo {
	width: 100%;
	margin: 0 auto
}

.m-nav .logo img {
	width: 38%;
	display: block;
	margin: 0 auto 30px
}

.m-nav .ul {
	margin-top: 30px
}

.m-nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0
}

.m-nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.m-nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(7) {
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(8) {
	-webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	position: relative;
}

.m-nav .ul li a.active {
	font-weight: 800;
	color: #1b2c43
}

.m-nav .ul li a i {
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.m-nav .ul li .dropdown_menu {
	display: none
}

.m-nav .ul li.dropdown.active .dropdown_menu {
	display: block
}

.m-nav .ul li .dropdown_menu a {
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5
}

.m-nav .ul li .dropdown_menu a:last-child {
	border: none
}

.m-nav-search {
	border: solid 1px #ddd;
	margin-top: 20px;
	border-radius: 18px;
	height: 36px;
	width: 90%;
	margin-bottom: 10px;
}

.m-nav-search input {
	width: calc(100% - 40px);
	padding-left: 20px;
	height: 34px;
	border: none;
	outline: none;
	background: transparent;
	font-size: 1.4rem;
	color: #333;
}

.m-nav-search button {
	width: 40px;
	height: 34px;
	background: transparent;
	border: none;
	outline: none;
	font-size: 1.8rem;
	color: #333;
}

.m-nav-tel {
	text-align: center;
	margin-top: 18px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #666;
}

.m-nav-tel a {
	font-weight: 800;
}

.m-nav-link {
	text-align: center;
	margin-top: 18px;
}

.m-nav-link a {
	display: inline-block;
	padding: 5px 25px;
	color: #fff;
	cursor: default;
	background: #00598e;
	font-size: 14px;
	line-height: 2;
}

.container {
	width: 1600px;
	padding: 0;
}

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

	.header-content,
	.container {
		width: 100%;
	}
}

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

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

@media screen and (max-width: 1200px) {
	.container {
		width: 100%;
		padding: 0 15px;
	}
}

@media screen and (max-width: 1024px) {
	.header-content {
		width: 100%;
	}
}

@media screen and (max-width:950px) {
	.m-nav {
		display: block;
		z-index: 1000
	}
}

@media screen and (max-width: 760px) {
	.box {
		padding: 30px 0;
	}

	.header-content {
		padding: 0 15px;
	}

	.header-transparent.header .logo,
	.header .logo {
		width: 136px
	}

	.header-transparent .menu-button:after,
	.header-transparent .menu-button:before {
		background: #333
	}

	.header-transparent .menu-button span {
		background: #333;
	}
}

/**home banner**/
.banner {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	overflow: hidden;
}

.banner .swiper-slide {
	overflow: hidden;
}

.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banner .text-title {
	text-align: center;
}

.banner .text-title img {
	margin: 0 auto;
}

.banner .text-desc {
	text-align: center;
	font-size: 24px;
	line-height: 1.8;
	padding: 10px 0;
	color: #fff;
}

.banner .more {
	margin-top: 40px;
}

.swiper-banner-next,
.swiper-banner-prev {
	top: calc(50% + 40px);
	/*background-color: rgba(210,210,210,.6);*/
	/*background-size: 15px 15px;*/
	border-radius: 50%;
	width: 52px;
	height: 52px;
	transition: all .5s;
	color: rgba(255, 255, 255, .2);
	outline: none;
	opacity: 0;
}

.swiper-banner-prev i {
	transform: rotateY(-180deg);
}

.swiper-banner-next i,
.swiper-banner-prev i {
	font-size: 50px;
}

.swiper-banner-next:after,
.swiper-banner-prev:after {
	content: "";
}

.banner:hover .swiper-banner-next,
.banner:hover .swiper-banner-prev {
	opacity: 1;
}

.swiper-banner-next:hover,
.swiper-banner-prev:hover {}

.swiper-banner-next {

	right: 20px;
}

.swiper-banner-prev {

	left: 20px;
}

.swiper-container .swiper-banner-next.swiper-button-disabled,
.swiper-container .swiper-banner-prev.swiper-button-disabled {
	opacity: 0;
}

.swiper-pagination-bullet {
	background: none;
	opacity: 1;
	margin: 0 5px !important;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	position: relative;
	outline: none;
	vertical-align: middle;
}

.swiper-pagination-bullet span {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 1);
	display: block;
	margin-top: 0px;
	margin-left: 0px;
}

.swiper-pagination-bullet i {
	display: none;
	border-radius: 20px;
	background: #fff;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0px;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 3;
	transition-timing-function: linear;
}

.swiper-pagination-bullet-active {
	width: 47px;
	border-radius: 20px;
}

.swiper-pagination-bullet-active span,
.swiper-pagination-bullet:hover span {
	width: 100%;
	height: 20px;
	border-radius: 20px;
	margin-top: 0;
	margin-left: 0;
	/*background:#fff;*/
	position: relative;
	z-index: 1;
}

.swiper-pagination-bullet-active i {
	animation: middle 6s;
}

.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
	animation: first 6s;
}

.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
	animation: last 6s;
}

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

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

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

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

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

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

@media screen and (max-width: 760px) {
	.banner {
		margin-top: 50px;
		height: 24vh;
	}

	.swiper-pagination-bullet {
		height: 12px;
	}

	.swiper-pagination-bullet span {
		width: 12px;
		height: 12px;
		border-radius: 100%
	}

	.swiper-pagination-bullet-active {
		width: 30px;
		background-color: #fff
	}

	.swiper-pagination-bullet-active span,
	.swiper-pagination-bullet:hover span {
		height: 12px;
		border-radius: 100%;
	}
}

/*main*/
.title {
	position: relative;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.title h4 {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	font-size: 38px;
	font-weight: 800;
	color: rgba(0,158,255,1);
	line-height: 2;
	font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;
	z-index: 1;
}

.title h4 span {
	color: rgba(0,158,255,1);
}

.title .en {
	line-height: 1;
	font-size: 48px;
	font-weight: bold;
	background-image: -webkit-linear-gradient(left,#00609d,#009eff);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/* color: rgba(0, 96, 157, 0.18); */
	font-family: Cinzel-Black;
	letter-spacing: 2px;
	text-transform: uppercase;
	opacity: .18;
}

.more {
	display: inline-block;
	padding: 8px 24px;
	background-color: rgba(255, 255, 255, 1);
	font-size: 18px;
	border: 1px solid rgba(0,158,255,1);
	color: rgba(0,158,255,1);
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.more::before {
	content: '';
	width: 2000px;
	height: 2000px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	background: rgba(0,158,255,1);
	-webkit-transition: all .6s cubic-bezier(.23, 1.08, .62, .95);
	border-radius: 50%;
	z-index: -1;
}

.more span {
	display: flex;
	align-items: center;
	justify-content: center;
}

.more i {
	width: 30px;
	margin-left: 5px;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	/* transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s; */
}

.more i img {
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.more i img:nth-child(2) {
	opacity: 1;
}

.more:hover {
	color: #fff;
}

.more:hover i img:nth-child(1) {
	opacity: 1;
}

.more:hover i img:nth-child(2) {
	opacity: 0;
}

.more:hover::before {
	-webkit-transform: translate(-50%, -50%) scale(1);
}

/* about us */
.about {}

.about-cont {
	flex-direction: row;
}

.about-pic {
	width: 46%;
	margin-left: 50px;
	position: relative;
}

.about-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-left {
	width: 52%;
	position: relative;
}

.abt-det {
	color: rgba(51, 51, 51, 1);
	font-size: 20px;
	line-height: 2;
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.abt-det p {
	color: rgba(51, 51, 51, 1);
	font-size: 20px;
	line-height: 2;
	text-align: justify;
}

.abt-text .more {
	margin-top: 20px;
}

.hor-list {
	margin-top: 50px;
	clear: both;
}

.hor-list .swiper-slide {
	height: 198px;
}

.hor-list .swiper-slide::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, .18);
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}

.hor-list .swiper-slide i {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4rem;
	height: 4rem;
	opacity: 0;
	border-radius: 100%;
	background-color: rgba(0,158,255,1)
}

.hor-list .swiper-slide i img {
	width: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.hor-list .swiper-slide:hover i {
	opacity: 1
}

.hor-list .swiper-slide:hover i::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: rgba(0,158,255,1);
	border-radius: 50%;
	content: '';
	animation: scaleAnimate 1s ease infinite;
	-webkit-animation: scaleAnimate 1s ease infinite;
}

.hor-list .swiper-slide .img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.hor-list .swiper-slide:hover::after {
	opacity: 1
}

.swiper-honor-next,
.swiper-honor-prev {
	top: 84%;
}

.swiper-honor-prev,
.swiper-rtl .swiper-honor-next {
	left: -60px;
}

.swiper-honor-next,
.swiper-rtl .swiper-honor-prev {
	right: -120px;
}

.swiper-honor-next,
.swiper-honor-prev {
	width: 36px;
	height: 36px;
	background-color: #a8aaab;
	border-radius: 100%;
	transition: all .5s;
	outline: none;
}

.swiper-honor-next i,
.swiper-honor-prev i {
	font-size: 28px;
	color: rgba(255, 255, 255, 1);
}

.swiper-honor-prev i {
	transform: rotate(180deg);
}

.swiper-honor-next:after,
.swiper-honor-prev:after {
	content: "";
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.title {
		text-align: center;
		margin-bottom: 30px
	}

	.title .en {
		font-size: 16px;
		margin-top: 0;
	}

	.title h4 {
		font-size: 24px;
		margin-top: 0px;
	}

	.title .sub-tit {
		font-size: 14px;
		margin: 10px 0 15px;
	}

	.more {
		font-size: 12px;
		padding: 6px 15px;
	}

	.about-cont {
		margin-top: 20px;
		flex-direction: column;
	}

	.abt-det p {
		font-size: 14px
	}

	.about-left {
		width: 100%;
	}

	.about-adv {
		width: 100%;
	}

	.about-adv .adv-item h4 i {
		font-size: 24px
	}

	.about-pic {
		width: 100%;
		margin: 0 0 20px;
	}

	.abt-text {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.abt-det {
		text-align: left;
		font-size: 14px;
		line-height: 1.6;
		text-align: justify;
		margin-bottom: 20px;
	}

	.hor-list {
		margin-top: 0px
	}

	.hor-list .swiper-slide {
		height: 80px;
	}

	.swiper-honor-next,
	.swiper-honor-prev {
		display: none;
	}
}

/* advantage */
.about-adv {
	margin-top: 30px;
	flex-direction: row;
	justify-content: space-around;
}

.about-adv .adv-item {
	padding-right: 80px;
	position: relative;
	font-size: 16px;
	color: rgba(102, 102, 102, 1);
	text-align: center;
}

.about-adv div.adv-item+div.adv-item {
	padding-left: 80px;
}

.about-adv .adv-item:last-child {
	padding-right: 0;
}

.about-adv .adv-item h4 {
	font-size: 16px;
	color: rgba(0,158,255,1);
}

.about-adv .adv-item h4 i {
	font-size: 65px;
	font-family: BarlowLight;
	font-weight: 800;
}

/* solution */
.solution,
.page-culture {
	background: url(../images/bg1.jpg) no-repeat center;
	background-size: cover;
}

.solution .title .en,
.page-culture .title .en {
	color: rgba(255, 255, 255, .18);
	;
}

.solution .title h4,
.solution .title h4 span,
.page-culture .title h4,
.page-culture .title h4 span {
	color: #fff;
}

.solution .title h4::after,
.page-culture .title h4::after {
	content: "";
	width: 55px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.solution .title .s-slogan {
	margin-top: 30px;
	color: #fff;
	font-size: 20px;
	line-height: 2;
}

.solution .sol-cont {
	flex-direction: row;
	justify-content: space-between;
}

.sol-item {
	position: relative;
	cursor: pointer;
}

.solution .sol-cont>div+div {
	padding-left: 200px;
}

.solution .sol-cont>div+div::after {
	content: "";
	width: 200px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
	/*transform: translateY(-50%);*/
	background: url(../images/line-bg1.png) no-repeat center;
	background-size: contain;
}

.sol-item i {
	margin: 0 auto;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	border: 2px solid rgba(255, 255, 255, 1);
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.sol-item i img {
	height: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: ease .5s;
}

.sol-item i img:nth-child(2) {
	opacity: 1;
}
.sol-item h4{
	font-size: 2rem;
	color: #fff;
	line-height: 3;
	font-weight: 800;
}
.sol-item p {
	font-size: 1.6rem;
	line-height: 1.6;
	color: rgba(255,255,255,.68);
}

.sol-item:hover i.icon {
	background-color: rgba(255, 255, 255, 0.82);
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.sol-item:hover i.icon img:nth-child(1) {
	opacity: 1;
}

.sol-item:hover i.icon img:nth-child(2) {
	opacity: 0;
}

.sol-item:hover i.icon::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: #fff;
	border-radius: 50%;
	content: '';
	animation: scaleAnimate 1s ease infinite;
	-webkit-animation: scaleAnimate 1s ease infinite;
}

@-webkit-keyframes scaleAnimate {
	from {
		-webkit-transform: scale(1);
		opacity: 0.5;
	}

	to {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}

@media screen and (max-width: 1600px) {
	.solution .sol-cont>div+div {
		padding-left: 19.5rem
	}

	.solution .sol-cont>div+div::after {
		width: 15rem
	}
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.about-adv .adv-item {
		padding-right: 0
	}

	.about-adv div.adv-item+div.adv-item {
		padding-left: 30px
	}

	.about-adv .adv-item h4 i {
		font-size: 20px
	}

	.about-adv {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.solution .title .s-slogan {
		font-size: 13px
	}

	.solution .sol-cont {
		flex-wrap: wrap;
		justify-content: center
	}

	.solution .sol-cont>div+div {
		padding-left: 7.5rem
	}

	.solution .sol-cont>div+div::after {
		width: 7rem;
		height: 6rem;
	}

	.sol-item {
		margin-bottom:20px;
		width: 50%;
	}
	.solution .sol-cont>div:nth-child(3),.solution .sol-cont>div:last-child{
		padding-left: 0;
	}
	.solution .sol-cont>div:nth-child(3)::after,.solution .sol-cont>div:last-child::after{
		display: none;
	}
	.sol-item i {
		width: 6rem;
		height: 6rem;
		margin: 0 auto;
	}
	.sol-item h4{
		font-size: 1.8rem;
	}
	.sol-item p {
		font-size: 1.4rem
	}
}

/* product */
.product {
	background-color: #f1f1f1;
}

.product .container {
	position: relative;
}

.pro-classify-tab {
	margin-bottom: 30px;
}

.pro-classify-tab span {
	margin: 0 15px;
	padding: 10px 30px;
	cursor: pointer;
	color: rgba(0,158,255,1);
	font-size: 16px;
	display: inline-block;
	border: 1px solid rgba(0,158,255,1);
	border-radius: 30px;
}

.pro-classify-tab span.active {
	background-color: rgba(0,158,255,1);
	color: #fff;
}

.pro-list {
	margin-bottom: 30px;
}
.pro-list .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	margin: 0 auto;
  }
  
.pro-list .swiper-slide {
	width: 400px!important;
	height: 300px;
	background-color: #fff;
}
/* .pro-item {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
	float: left;
} */

.pro-item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.pro-item:last-child {
	margin-right: 0;
}

.pro-item a .img-box {
	height: 100%
}

.pro-item a .img-box img {
	margin: 0 auto;
	display: block;
	width: 90%;
	height: 90%;
	object-fit: contain;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	transition: -webkit-transform 2s;
}

.pro-item .pro-text {
	width: 100%;
	height: 100%;
	padding: 20px 30px;
	position: absolute;
	left: 0;
	bottom: -80%;
	color: #fff;
	border-radius: 20px;
	background-color: rgba(0,158,255,.6);
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}

.pro-text h4 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}

.pro-text h4::after {
	content: "";
	width: 62px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	opacity: 0;
}

.pro-text p.info {
	width: 278px;
	margin: 0 auto 20px;
	font-size: 14px;
	text-align: justify;
	line-height: 1.6;
	color: #fff;
	letter-spacing: 2px;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.pro-text .more {
	font-size: 14px;
	background-color: #fff;
	color: rgba(0,158,255,1);
	;
}

/* .pro-item a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
} */
.pro-item a:hover .pro-text {
	width: 90%;
	height: 90%;
	left: 50%;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
}

.pro-item a:hover .pro-text h4::after {
	opacity: 1;
}

.pro-item a:hover .more:hover {
	border-color: #fff;
	color: #fff;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.pro-classify-tab {
		margin-bottom: 15px
	}

	.pro-classify-tab span {
		margin: 0 10px 15px;
		font-size: 14px
	}

	.pro-item {
		width: calc((100% - 15px) / 2);
		margin-right: 15px;
		margin-bottom: 15px
	}

	.pro-item:nth-child(2n) {
		margin-right: 0px
	}

	.pro-item a .img-box {
		height: 136px;
	}

	.pro-item .pro-text {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		padding: 8px 12px;
		width: 100%;
		height: auto;
		bottom: auto;
		border-radius: 0px;
		background-color: rgba(0,158,255,1)
	}

	.pro-text h4 {
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: normal;
	}

	.pro-text p.info {
		display: none;
	}

	.pro-text .more {
		display: none;
	}
}

/* Application */
.application {
	background: url("../images/bg2.png") no-repeat center;
	background-size: cover;
}

.application .container {
	width: 100%;
}

.app-cont {
	align-items: stretch;
	flex-direction: row;
}

.app-left-pic {
	width: 50%;
	border-radius: 0px 20px 20px 0px;
	flex: 1;
}

.app-list {
	width: 50%;
	flex: 1;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.app-item {
	width: 23%;
	margin-left: 5.5%;
}

.app-item a {
	width: 16rem;
	height: 16rem;
	margin: 0 auto;
	justify-content: center;
	align-items: stretch;
	cursor: pointer;
	color: rgba(0,158,255,1);
	font-size: 18px;
}

.app-item .icon {
	width: 75%;
	height: 40%;
	margin: 0 auto;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.app-item .icon img {
	width: 68%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: ease .5s;
}

.app-item .icon img:nth-child(1) {
	opacity: 1;
}

.app-item:nth-child(2) .icon img {
	width: 78%;
}

.app-item:nth-child(3) .icon img {
	width: 80%;
}

.app-item:nth-child(4) .icon img {
	width: 80%;
}

.app-item:nth-child(5) .icon img {
	width: 62%;
}

.app-item:nth-child(6) .icon img {
	width: 58%;
}

.app-item:nth-child(7) .icon img {
	width: 58%;
}

.app-item:nth-child(8) .icon img {}

.app-item:nth-child(9) .icon img {}

.app-item p {
	font-size: 18px;
	margin-bottom: 15px;
}

.app-item a:hover {
	background: rgba(0,158,255,1);
	border-radius: 20px;
	color: #fff;
}

.app-item a:hover .icon img:nth-child(1) {
	opacity: 0;
}

.app-item a:hover .icon img:nth-child(2) {
	opacity: 1;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.app-cont {
		flex-direction: column
	}

	.app-left-pic {
		width: 100%;
		flex: auto;
		border-radius: 10px;
	}

	.app-list {
		width: 100%;
		flex: auto
	}

	.app-item {
		margin-left: 0;
		width: 33.33%
	}

	.app-item a {
		width: 90%;
		height: 12rem;
	}

	.app-item p {
		font-size: 14px;
		margin-bottom: 0
	}
}

/* news */
.news {
	background-color: #fff;
}

.news-classify-tab .more {
	padding: 10px 0;
	color: #555;
	border: none;
	line-height: 2;
}

.news-classify-tab .more:hover {
	background-color: transparent;
	border: none;
}

.swiper-news {
	margin-bottom: 30px;
}

.news-title {
	padding: 20px;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	background-color: rgba(245, 245, 245, 1);
	;
}

.news-title::after {
	content: "";
	width: 0%;
	height: 2px;
	background-color: rgba(0,158,255,1);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .3s ease-in-out;
}

.news-img {
	width: 100%;
	height: 294px;
	position: relative
}

.news-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.news-list-box li:hover .news-title::after {
	width: 100%;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.news {
		padding-bottom: 30px;
	}

	.news-classify-tab .more {
		padding: 15px 0;
		line-height: 1;
	}

	.news-thd {
		margin-bottom: 10px;
	}

	.news-img {
		height: 202px;
	}
	.news-title{
		padding: 10px;
		font-size: 16px;
	}

	.news-time .date {
		font-size: 2.33rem
	}

	.news-time p {
		font-size: 1rem;
	}

	.news-time i {
		font-size: 2rem;
	}

	.news-info h4 {
		font-size: 1.33rem;
		padding: 5px 0 10px;
		margin-bottom: 8px
	}

	.news-info p {
		font-size: 1.2rem;
		line-height: 1.6
	}
}

/* page */
.pbanner {
	height: 432px;
	position: relative;
	background-color: rgba(0,158,255,1);
	z-index: 1;
}

.pbanner img {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.56;
	object-fit: cover;
}

.ad-text {
	background: url(../images/h-bg.png) no-repeat center 0;
	background-size: contain;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	position: absolute;
	left: 10%;
	width: 80%;
	height: auto;
	top: 60%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ad-text h2 {
	font-size: 40px;
	font-weight: 800;
}

.ad-text p {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 2;
}

/* page sub classify */
.page-subnav {
	margin-top: -50px;
	height: 100px;
	background-color: #fff;
	position: relative;
	z-index: 5;
}

.page-subnav ul {
	flex-direction: row;
}

.page-subnav ul li {
	flex: 1;
	height: 100px;
}

.page-subnav ul li a {
	padding: 5px 8px;
	height: 100%;
	font-size: 15px;
	color: #333;
	line-height: 1.8;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: ease-in .3s;
	-webkit-transition: ease-in .3s;
	-moz-transition: ease-in .3s;
	-ms-transition: ease-in .3s;
	-o-transition: ease-in .3s;
}

.page-subnav ul li a::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: rgba(0,158,255,1);
	content: "";
	transition: ease-in .3s;
	-webkit-transition: ease-in .3s;
	-moz-transition: ease-in .3s;
	-ms-transition: ease-in .3s;
	-o-transition: ease-in .3s;
}

.page-subnav ul li:hover a,
.page-subnav ul li a.active {
	background-color: rgba(0,158,255,.1);
}

.page-subnav ul li:hover a::after,
.page-subnav ul li a.active::after {
	width: 100%;
}

/*location*/
.location {
	color: #4f4f4f;
	/* background-color: #ebebeb; */
	box-shadow: 0 3px 7px rgba(0, 0, 0, .07);
	position: relative;
	z-index: 5;
}

.location .container:before,
.location .container:after {
	display: none;
}

/* .location .local{
	display: flex;
	align-items: center;
	justify-content: space-between;
} */
.location .local .rt {
	line-height: 60px;
}

.local i.iconfont {
	vertical-align: bottom;
	margin-right: 5px
}

.local,
.local a {
	font-size: 14px
}

.page-content {
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

.page-about-info {
	overflow: visible;
	display: block;
}

.page-about-info p {
	font-size: 18px;
	margin-bottom: 20px
}

.page-about-adv .adv-item {
	padding-right: 30px;
}

.page-about-adv div.adv-item+div.adv-item {
	padding-left: 30px;
}

.page-culture .container {
	position: relative;
}

.cul-list {
	flex-direction: row;
	flex-wrap: wrap;
}

.cul-list li {
	margin-top: 60px;
	padding-right: 50px;
	color: #fff;
	width: 33.33%;
}

.cul-list li+li+li+li {
	padding-left: 10%;
}

.cul-list li img {
	margin-bottom: 15px;
	width: 6.9rem;
}

.cul-list li h4 {
	font-size: 24px;
	font-weight: 800;
	line-height: 2;
}

.cul-list li h4 span {
	padding-left: 10px;
	font-size: 18px;
	font-weight: 100;
}

.cul-list li p {
	font-size: 18px;
	font-weight: 100;
	line-height: 1.6;
}

.logo-text {
	color: transparent;
	font-size: 10.8vw;
	font-weight: bolder;
	line-height: 1;
	letter-spacing: 3px;
	font-family: 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif;
	position: absolute;
	left: 0;
	bottom: 0px;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .2);
	display: block;
	width: 100%;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.pbanner {
		height: 18vh;
		margin-top: 50px
	}

	.page-subnav {
		margin-top: 0;
		height: auto;
		padding: 0
	}

	.page-subnav ul li a {
		font-size: 14px;
		line-height: 60px;
	}

	.page-about-info p {
		font-size: 16px
	}

	.ad-text {
		padding: 10px 0;
		top: 50%;
	}

	.ad-text h2 {
		font-size: 18px;
	}

	.ad-text p {
		font-size: 12px;
	}

	.cul-list li {
		margin-top: 20px;
		padding-right: 0;
		width: 50%;
		text-align: center;
	}

	.cul-list li img {
		margin-bottom: 10px
	}

	.cul-list li h4 {
		font-size: 20px;
	}

	.cul-list li h4 span {
		display: block;
		font-size: 15px;
		line-height: 1
	}
	.cul-list li p{
		padding: 10px 10px 0;
		font-size: 14px;
	}
	.cul-list li+li+li+li {
		padding-left: 0
	}
}

/* page honor */
.page-honor {
	margin-right: -30px;
}

.page-horor-li {
	width: 25%;
	margin-bottom: 30px;
}

.page-horor-li .img-box {
	width: 90%;
	height: 242px;
	margin: 0 auto 16px;
	overflow: hidden;
	position: relative;
}

.page-horor-li .img-box .img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.page-horor-li .img-box:hover::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .18);
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}

.page-horor-li .img-box i {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4rem;
	height: 4rem;
	opacity: 0;
	border-radius: 100%;
	background-color: rgba(0,158,255,1)
}

.page-horor-li .img-box i img {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.page-horor-li .img-box:hover i {
	opacity: 1
}

.page-horor-li .img-box:hover i::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: rgba(0,158,255,1);
	border-radius: 50%;
	content: '';
	animation: scaleAnimate 1s ease infinite;
	-webkit-animation: scaleAnimate 1s ease infinite;
}

.page-horor-li .line {
	width: 100%;
	height: 8px;
	background-color: rgba(0,158,255,1);
	box-shadow: 0px 0 16px rgba(0, 0, 0, 0.25);
}

.page-horor-li:hover .img-box .img {
	transform: translate(-50%, -50%);
}

.page-horor-li p {
	padding: 30px 0;
	font-size: 16px;
	color: #333;
	text-align: center;
}

.page-horor-li.swiper-slide-active p,
.page-horor-li:hover p {
	color: rgba(0,158,255,1);
	;
}

.swiper-btn {
	position: relative;
	height: 75px;
	flex-direction: row;
	justify-content: center;
}

.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-rtl .swiper-button-next:after,
.swiper-btn .swiper-button-next:after,
.swiper-btn .swiper-rtl .swiper-button-prev:after {
	content: "";
}

.swiper-btn .swiper-button-next,
.swiper-btn .swiper-button-prev {
	width: 75px;
	height: 75px;
	background: rgba(0,158,255,1);
	position: relative;
	top: 0;
	left: auto;
	right: auto;
	margin: 0 20px 0;
	cursor: pointer;
}

.swiper-btn i.icon {
	display: flex;
	width: 75px;
	height: 75px;
	/* background: rgba(0,158,255,1); */
	align-items: center;
	justify-content: center;
	position: relative;
}

.swiper-btn i.icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.swiper-btn i.icon img:nth-child(2) {
	opacity: 1;
}

.swiper-btn .swiper-button-next.swiper-button-disabled,
.swiper-btn .swiper-button-prev.swiper-button-disabled {
	background: rgba(0, 114, 52, 0.1);
	opacity: 1;
}

.swiper-btn .swiper-button-next.swiper-button-disabled i.icon img:nth-child(1),
.swiper-btn .swiper-button-prev.swiper-button-disabled i.icon img:nth-child(1) {
	opacity: 1;
}

.swiper-btn .swiper-button-next.swiper-button-disabled i.icon img:nth-child(2),
.swiper-btn .swiper-button-prev.swiper-button-disabled i.icon img:nth-child(2) {
	opacity: 0;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.page-cont {
		padding-bottom: 30px;
	}

	.location .local {
		flex-direction: column;
	}

	.subtopic {
		width: 100%
	}

	#partnav li {
		margin: 8px 1.5%;
		padding: 0;
		width: 22%;
		height: 35px;
		border: 0;
		border: 0;
		background-color: #fff;
		line-height: 35px;
		float: left
	}

	.local p {
		padding-left: 10px;
		width: 100%;
		line-height: 50px
	}

	#partnav li a {
		width: 100%;
		line-height: 35px;
		display: block;
		overflow: hidden;
		padding: 0;
		background-image: none;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.content_box .local {
		margin-top: 1rem;
		padding: 10px 18px;
		border: 1px solid #23478E;
		border-right: 0;
		border-left: 0
	}

	#partnav li.active a {
		border: 1px solid #23478E;
		background-color: #fff;
		color: #23478E
	}

	.content_box .pro {
		margin-top: 20px
	}

	.cTitle {
		margin: 10px auto;
	}

	.cTitle span {
		display: block;
		font-size: 2rem
	}

	.cTitle b {
		font-size: 2.4rem
	}

	.content_box .content .txt img {
		width: 100% !important;
		height: auto !important;
	}

	.content_box .pro_list li {
		margin-top: 0;
		padding: 0 5px;
	}

	.page-honor {
		margin-right: 0;
	}

	.page-horor-li .img-box {
		height: 110px
	}

	.page-horor-li p {
		padding: 15px 0;
		font-size: 12px
	}

	.swiper-btn .swiper-button-next,
	.swiper-btn .swiper-button-prev {
		width: 38px;
		height: 38px;
	}

	.swiper-btn i.icon {
		width: 100%;
		height: 100%;
	}

	.swiper-btn i.icon img {
		width: 25%
	}

	.p-hor-item {
		width: 50%;
		padding: 0 2%;
		margin-bottom: 2%;
	}

	.p-hor-item .hor-pic {
		height: 128px;
	}
}

/* page partner */
.page-partner {
	background: url("../images/brandBg.jpg") no-repeat center center;
	background-size: cover;
	transform: translate3d(0px, 0px, 0px);
	transition: all 0ms ease 0s;
}

.page-partner .container {
	flex-direction: row;
}

.boxC {
	width: 45%;
	align-items: stretch;
}

.boxC .title {
	text-align: left;
}

.boxC .title h4 {
	left: 0;
	transform: translateX(0%);
}

.boxC .title h4::after {
	content: "";
	width: 55px;
	height: 4px;
	background-color: rgba(0,158,255,1);
	position: absolute;
	left: 0;
	bottom: 0;
}

.singePage p {
	font-size: 18px;
	color: #333;
	line-height: 2;
	text-align: justify
}

.parterImg {
	margin-left: 2%;
	width: 53%;
	position: relative;
}

.parterImg .img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.parterImg .pics {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0%;
	perspective: 500;
	-webkit-perspective: 500;
	transform-style: preserve-3d;
}

.parterImg .pics img {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0%;
}

.saceIn {
	-webkit-animation-name: saceIn;
	animation-name: saceIn;
}

@-webkit-keyframes saceIn {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(200px) translateY(-150px);

	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0px) translateY(0px);
	}
}

.page-partner-list {
	margin-top: 50px
}

.page-partner-item {
	width: 25%;
	padding: 10px;
	cursor: pointer;
}

.page-partner-img {
	background: #fff;
	height: 98px;
	padding: 15px 20px;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
	/* filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); */
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}

.page-partner-img img {
	max-height: 100%;
}

.page-partner-item:hover .page-partner-img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.page-partner-item:hover .page-partner-img {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px)
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.page-partner .container {
		flex-direction: column
	}

	.boxC {
		width: 100%;
	}

	.boxC .title {
		text-align: center;
	}

	.boxC .title h4 {
		left: 50%;
		transform: translateX(-50%)
	}

	.boxC .title h4::after {
		left: 50%;
		transform: translateX(-50%)
	}

	.singePage p {
		font-size: 14px
	}

	.parterImg {
		margin-left: 0px;
		width: 100%;
	}

	.page-partner-list {
		margin-top: 15px;
	}

	.page-partner-item {
		padding: 5px
	}

	.page-partner-img {
		height: 45px;
		padding: 5px 10px
	}
}

/*page solution*/
.p-sol-item {
	margin-bottom: 30px;
	flex-direction: row;
	align-items: center;
	display: flex;
	align-items: center;
}

.p-sol-item .imgzh {
	width: calc(100% - 1000px);
	width: -webkit-calc(100% - 1000px);
	height: 600px;
	border-radius: 0 60px 0 0;
	position: relative;
	overflow: visible;
}

.p-sol-item .imgzh img {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.p-sol-item .sol-text {
	padding-left: 3%;
	width: 1000px;
}

.p-sol-item .subTitle {
	margin-bottom: 20px;
	display: flex;
	align-items: flex-end;
	font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;
}

.p-sol-item .subTitle img {
	opacity: 0.6;
}

.p-sol-item .subTitle strong {
	font-weight: 800;
	font-size: 32px;
	color: rgba(0,158,255,1);
	font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;
}

.p-sol-item .subTitle span {
	padding-left: 10px;
	font-size: 16px;
	color: rgba(204, 204, 204, 1);
	letter-spacing: 1px;
}

.p-sol-item .sol-text p {
	color: #333;
	font-size: 20px;
	line-height: 2;
	text-align: justify;
	text-indent: 2em;
}

.page-sol-list .p-sol-item:nth-child(2n) .sol-text {
	padding-left: 0;
	padding-right: 3%;
}

.page-sol-list .p-sol-item:nth-child(2n) .imgzh img {
	right: auto;
	left: 0;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.p-sol-item {
		flex-wrap: wrap
	}

	.p-sol-item:nth-child(2n) {
		flex-wrap: wrap-reverse;
	}

	.p-sol-item .imgzh {
		margin-bottom: 2%;
		width: 100%;
		height: 300px;
		overflow: hidden;
		border-radius: 15px 15px 0 0;
		float: none;
		position: relative
	}

	.p-sol-item .imgzh img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.p-sol-item .sol-text {
		width: 100%;
		padding-left: 0;
		float: none;
	}

	.p-sol-item .subTitle {
		flex-wrap: wrap
	}

	.p-sol-item .subTitle strong {
		font-size: 24px;
	}

	.p-sol-item .subTitle span {
		font-size: 12px;
		display: block;
		margin-bottom: 5px;
	}

	.p-sol-item .sol-text p {
		font-size: 16px;
	}
}

/* page service */
.page-service .container {
	flex-direction: row;
	align-items: center;
	position: relative
}

.page-service .goback {
	border: 1px solid #dedede;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.page-service .goback:hover {
	color: #fff;
	background-color: rgba(0,158,255,1);
	border-color: rgba(0,158,255,1)
}

#china-map {
	width: 1200px;
	height: 800px;
}

#global-map {
	width: 1100px;
	position: relative
}

#global-map img {
	width: 100%
}

#global-map .arrow {
	position: absolute;
	width: 100%;
	transition: 2s;
	transform: scale(0);
	transform-origin: 80% 45%;
}

.serveron {
	-webkit-animation-name: serveron;
	animation-name: serveron;
}

@-webkit-keyframes serveron {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.p-ser-text {
	width: 450px;
}
.p-ser-text .serTit img{
	display: block;
	width: 200px;
}
.serCont {
	margin-top: 30px;
}

.serCont p {
	color: #333;
	font-size: 20px;
	line-height: 2;
}

/* page sidebar */
.sideBar {
	margin-right: 2%;
	width: 15.5%;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.sideBar li {
	margin-bottom: 10px;
}

.sideMenu li a {
	position: relative;
	display: block;
	padding: 16px 20px;
	color: #fff;
	font-size: 1.125em;
	line-height: 1.6em;
	text-align: center;
	background-color: #97d7ff;
}

.sideMenu li a:hover {
	background-color: #68c3fb;
	color: #fff;
}

.sideMenu li a.active {
	color: #fff;
	background-color: #009eff;
	font-weight: bold;
}

.page-application .container {
	display: flex;
	align-items: stretch;
}

.p-app-content {
	padding: 20px 0;
	width: 82.5%;
	position: relative;
	padding-left: 2%;
}

.p-app-content::before {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #eeeeee;
}

.p-app-content .page-title {
	margin-bottom: 30px;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.page-service {
		width: 100%;
		overflow: hidden
	}

	.page-service .container {
		flex-direction: column
	}

	#china-map {
		width: 120%;
		height: 340px
	}

	#global-map {
		margin-bottom: 20px;
		width: 100%;
	}

	.p-ser-text {
		width: 100%;
		margin-left: 0px
	}

	.serCont p {
		font-size: 14px;
	}

	.page-application .container {
		flex-wrap: wrap;
	}

	.sideBar {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0
	}

	.p-app-content::before {
		display: none;
	}
}

/* page product list */
.page-product-list li {
	width: 25%;
	padding: 0 10px 20px;
}

.page-product-list li a {
	display: block;
	width: 100%;
	box-shadow: 4px 5px 14px rgb(210 210 210 / 35%)
}

.page-product-list li .img-box {
	height: 232px;
}
.page-product-list li .img-box img{
	object-fit: contain;
}

.page-product-list li .product-text {
	width: 100%;
	padding: 20px 22px 24px 22px;
	background-color: #fff;
}

.page-product-list li .product-text h3 {
	font-size: 20px;
	color: #333;
	line-height: 24px;
	margin-bottom: 18px;
}

/*page product detail*/
.product-intro {
	width: 100%;
	padding: 50px 0;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 30px;
}

.product-intro:before,
.product-intro:after {
	display: none;
}

.preview-wrap {
	margin-right: 2%;
	width: 38%;
	flex-direction: column;
	justify-content: space-between;
}

.itemInfo-wrap {
	width: 60%;
}

.main-img {
	width: 100%;
	height: 460px;
	margin-bottom: 15px;
}

.main-img .swiper-slide {
	position: relative;
	padding: 20px;
	border: 2px solid #f2f4f6;
	overflow: hidden;
}

.main-img .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.thumbs-img {
	width: 100%;
	height: 96px;
	margin: 0;
	overflow: hidden;
}

.thumbs-img .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border: 2px solid #f2f4f6;
	cursor: pointer;
}

.thumbs-img .swiper-slide.swiper-slide-thumb-active {
	border-color: rgba(0,158,255,1);
}

.thumbs-img .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.main-img .swiper-button-next,
.main-img .swiper-button-prev {
	color: rgba(0,158,255,1);
}

.sku-name {
	padding: 10px 20px;
	line-height: 1.6;
	font-size: 24px;
	color: #333;
	font-weight: 600;
	overflow: hidden;
	border-bottom: 2px solid rgba(0,158,255,1);
	background: rgba(0,158,255,0.1);
	margin-bottom: 20px;
}

.itemInfo-wrap dl {
	margin-left: 20px;
	margin-bottom: 15px;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 20px;
}

.itemInfo-wrap dt {
	min-height: 0;
	min-width: 18%;
	padding-right: 20px;
	color: #333;
	line-height: 2;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 18%;
	flex: 1 1 18%;
	text-align: justify;
	text-align-last: justify;
	-webkit-text-align-last: justify;
	text-justify: distribute;
	vertical-align: top;
	position: relative;
}

.itemInfo-wrap dd {
	min-height: 0;
	min-width: 82%;
	color: #999;
	line-height: 2;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 82%;
	flex: 1 1 82%;
}

.online-btn {
	margin-left: 20px;
	margin-top: 30px;
	flex-direction: row;
}

.online-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 40px;
	border: 1px solid rgba(0,158,255,1);
	background-color: transparent;
	border-radius: 5px;
	color: rgba(0,158,255,1);
	font-size: 18px;
	margin-right: 20px;
}

.online-btn a i {
	margin-left: 12px;
	font-size: 26px;
	line-height: 1;
}

.online-btn a:first-child {
	color: #fff;
	background-color: rgba(0,158,255,1);
	box-shadow: 0 0 16px rgba(0, 130, 63, .28);
}

.detail-cont .tab-cont {
	width: 100%;
}

.ETab {
	position: relative;
	padding-top: 98px;
}

.tab-main {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -3000px;
	width: 6000px;
	height: 68px;
	box-shadow: 0 3px 7px rgb(0 0 0 / 7%);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	z-index: 5;
}

.tab-main ul {
	height: 68px;
}

.tab-main ul li {
	padding: 0 50px;
	font-size: 18px;
	color: #333;
	font-weight: 800;
	line-height: 68px;
	height: 100%;
	display: inline-block;
	cursor: pointer;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}

.tab-main ul li.active {
	background-color: rgba(0,158,255,1);
	color: #fff;
}

.pro-det-tab-nav.fixed {
	position: fixed;
	top: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}

.pro-det-tab-nav.slide-up {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.detail-content {
	padding: 30px;
}

.detail-content img {
	max-width: 90%;
	height: auto !important;
}

.detail-content p {
	color: #666;
	line-height: 2;
	margin-bottom: 10px;
}
.detail-content table{
	border-right: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
}
.detail-content table th,.detail-content table td{
	padding: 3px;
    border-left: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    text-align: center;
    white-space: nowrap;
}

.tab-item {
	display: none;
}

.detail-txt h4.dt-mt {
	font-size: 18px;
	font-weight: 800;
	color: rgba(0,158,255,1);
	margin: 20px 0;
}

/*product goods*/
.pro-goods {
	margin-bottom: 30px;
}

.pro-goods .page-pro-goods {
	display: block;
}

.pro-goods .tit {
	position: relative;
	font-size: 24px;
	color: #000;
	font-weight: 800;
	margin-bottom: 20px;
}

.pro-goods .tit strong {
	color: rgba(0,158,255,1);
	font-weight: 800;
}

.page-pro-goods .img-box {
	height: 252px;
	align-items: center;
	justify-content: center;
}

.pro-name {
	padding: 10px 0;
	font-size: 14px;
	line-height: 2;
	color: #333;
	text-align: center;
}

.pro-name:hover {
	color: rgba(0,158,255,1);
}

.gpro-btn-next,
.gpro-btn-prev {
	background-color: rgba(0,158,255,1);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
}

.gpro-btn-next::after,
.gpro-btn-prev::after {
	font-size: 18px;
	font-weight: 600;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.page-product-list li {
		width: 50%
	}

	.page-product-list li .product-text {
		padding: 10px 15px
	}

	.page-product-list li .img-box {
		height: 82px;
	}

	.product-intro {
		padding: 0;
		flex-direction: column
	}

	.preview-wrap {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
		float: none;
	}

	.thumbs-img {
		height: 72px;
	}

	.itemInfo-wrap {
		width: 100%;
		float: none;
	}

	.sku-name {
		font-size: 18px;
	}

	.itemInfo-wrap dl {
		font-size: 15px;
	}

	.itemInfo-wrap dt {
		min-width: 26%;
		-ms-flex: 1 1 26%;
		flex: 1 1 26%;
	}

	.itemInfo-wrap dd {
		min-width: 74%;
		-ms-flex: 1 1 74%;
		flex: 1 1 74%;
	}

	.online-btn {
		margin-left: 0;
		justify-content: center;
	}

	.online-btn a {
		padding: 8px 15px;
		font-size: 14px;
	}

	.online-btn a i {
		font-size: 18px;
		margin-left: 8px;
	}

	.online-btn a:last-child {
		margin-right: 0;
	}

	.ETab.box {
		padding: 0 !important;
		margin-bottom: 20px;
	}

	.tab-main {
		width: 100%;
		height: 50px;
		position: relative;
		left: auto;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.tab-main ul {
		height: 50px;
	}

	.tab-main ul li {
		padding: 0 20px;
		line-height: 50px;
		font-size: 16px;
	}

	.pro-goods {
		padding: 0 15px
	}

	.tit {
		font-size: 18px;
	}

	.page-pro-goods .img-box {
		height: 92px;
	}

	.pro-name {
		padding: 0;
		font-size: 13px
	}
}

/* page newslist */
.page-news-list {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

.page-news-list a {
	width: calc(100% / 3);
	padding: 25px;
	-webkit-transition: all .35s;
	position: relative;
}

.page-news-list a::before {
	width: 100%;
	height: 1px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, .05);
	content: '';
}

.page-news-list a::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background: rgba(0, 0, 0, .05);
	content: '';
}

.page-news-list a:nth-child(3n)::after {
	opacity: 0;
}

.page-news-list a .time {
	width: 100%;
	line-height: 1;
	margin-bottom: 1vw;
	display: flex;
	align-items: flex-end;
}

.page-news-list a .time b {
	display: block;
	font-family: DIN-Bold;
	font-size: 40px;
	line-height: 1;
}

.page-news-list a .time span {
	line-height: 1;
	font-size: 12px;
	text-transform: uppercase;
	opacity: .7;
	margin-bottom: 8px;
	margin-left: 5px;
}

.page-news-list .img-box {
	margin-bottom: 15px;
	height: 302px;
}

.page-news-list .tit {
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	position: relative;
	margin-bottom: 5px;
}

.page-news-list .des {
	color: #3e3e3e;
	opacity: 0.7;
}

/*page new news list*/
.page-news {
	background-color: #f7f7f7;
}

.page-news-list2 .three {
	margin-top: 36px;
	width: 100%;
}

.page-news-list2 .three .t {
	position: relative;
	width: 431px;
	height: 324px;
	overflow: hidden;
	box-shadow: -1px 1px 20px #999;
}

.page-news-list2 .three .t img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease-out 0s;
	-ms-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-webkit-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
}

.page-news-list2 .three .del {
	margin: auto;
	width: calc(100% - 431px);
	background: #fff;
	position: relative;
	padding: 18px 30px 7px 10px;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	margin-top: 20px;
}

.kuang {
	margin-left: 80px;
	margin-right: 195px;
	position: relative;
	z-index: 5;
}

.kuang h3 {
	font-size: 22px;
	line-height: 34px;
	color: #464646;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	padding-top: 10px;
}

.kuang h4 {
	line-height: 98px;
	font-size: 22px;
	color: #1b2c43;
}

.kuang p {
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	color: #848484;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lf {
	margin: 31px 0 20px;
	position: relative;
	-webkit-transition: all .6s ease-out 0s;
	-moz-transition: all .6s ease-out 0s;
	-ms-transition: all .6s ease-out 0s;
	-o-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s;
}

.lf:after {
	position: absolute;
	content: '';
	width: 0px;
	background: #666;
	height: 2px;
	top: 55%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transition: all .6s ease-out 0s;
	-moz-transition: all .6s ease-out 0s;
	-ms-transition: all .6s ease-out 0s;
	-o-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s;
}

.lf img {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.del:hover .lf {
	padding-left: 200px
}

.del:hover .lf:after {
	width: 200px
}

@media screen and (max-width: 1685px) {
	.kuang {
		margin-right: 30px;
		margin-left: 40px;
	}
}

@media screen and (max-width:1199px) {
	.t {
		width: 100%;
	}

	.t img {
		width: 100%;
	}

	.page-news-list2 .three .t {
		width: 100%;
	}

	.page-news-list2 .three .t img {}

	.page-news-list2 .three .del,
	.kuang {
		width: 100%;
	}

	.kuang {
		margin-left: 0;
		padding: 0px;
	}

	.page-news-list2 .three .del {
		padding: 25px 15px;
	}

	.lf {
		margin-bottom: 0;
		margin-top: 20px;
	}

	.kuang h4 {
		line-height: 30px;
		padding: 10px 0;
	}

	.kuang p {
		line-height: 26px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.page-news-list2 .three .del {
		margin-top: -80px;
	}

	.kuang h4 {
		line-height: 40px;
	}
}

/*page news details*/
.page-title {
	font-size: 20px;
	color: #000;
	font-weight: bold
}

.page-info {
	font-size: 12px;
	color: #999;
	padding: 10px 0;
	border-bottom: dashed 1px #ddd;
	margin-bottom: 30px;
}

.page-info span {
	margin-left: 20px;
}

.page-text {
	font-size: 16px;
	line-height: 2;
	color: #666;
}
.page-text h4,.page-text strong{
	color: #333;
	font-weight: bold;
}
.page-text p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 12px;
}

.page-text img {
	max-width: 100%;
	height: auto !important
}

.page-news-left {
	width: 75%;
}

.page-news-right {
	width: 23%;
	margin-bottom: 30px;
	background: #fff;
	padding: 15px;
}

.page-news-right h3 {
	font-size: 24px;
	color: #333;
	font-weight: 800;
}

.page-news-right h3:after {
	display: block;
	width: 45px;
	height: 3px;
	background: #009eff;
	content: "";
	margin-top: 10px;
	margin-bottom: 15px;
}

.page-news-hot li {
	padding: 8px 0
}

.page-news-hot li a {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.page-news-hot li a .name {
	line-height: 1.4;
}

.page-news-hot li a .time {
	opacity: .5;
	line-height: 1.7;
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.sideBar {
		width: 100%;
		float: none;
	}

	.sideBar li {
		width: 49%;
		float: left;
		margin-right: 2%
	}

	.sideBar li:nth-child(2n) {
		margin-right: 0
	}

	.sideMenu li a {
		padding: 8px 15px
	}

	.p-app-content {
		padding: 0;
		width: 100%;
		float: none;
	}

	.page-news-list {
		margin-top: 0
	}

	.page-news-list a {
		width: calc(100% / 2);
		padding: 15px;
	}

	.page-news-list .img-box {
		height: 106px;
		margin-bottom: 10px
	}

	.page-news-list a .time b {
		font-size: 28px
	}

	.page-news-list a .time span {
		margin-bottom: 5px
	}

	.page-news-list .tit {
		color: #333;
		font-size: 16px;
		height: 58px;
		line-height: 1.8;
	}

	.page-news-list .des {
		font-size: 13px;
		line-height: 1.6
	}

	.page-news-list a:nth-child(3n)::after {
		opacity: 1
	}

	.page-news-list a:nth-child(2n)::after {
		opacity: 0
	}

	.page-news-left {
		width: 100%;
	}

	.page-news-right {
		width: 100%;
		padding: 15px 0
	}

	.page-news-right h3 {
		font-size: 18px;
	}

	.page-news-right h3:after {
		width: 35px
	}
}

/*page job*/
.join_con {
	position: relative;
	background-color: #fff;
	padding-bottom: 80px;
}

.join_nav {
	width: 100%;
	color: #000;
	font-size: 14px;
	text-align: left;
	position: relative;
	border-bottom: 1px solid #b2b2b2;
	padding: 25px 4%;
}

.join_nav li {
	display: inline-block;
	opacity: .6;
	padding: 0 20px;
	cursor: pointer;
}

.join_nav li.on,
.join_nav li:hover {
	color: #e60012;
	opacity: 1;
}

.join_nav li:nth-child(1) {
	padding-left: 0;
}

.join_nav .mark {
	position: absolute;
	right: 4%;
	top: 25px;
}

.join_list {
	text-align: left;
	position: relative;
}

.join_list li {
	width: 100%;
	color: #000;
	font-size: 12px;
}

.join_list li .li_con {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 30px 2%;
	cursor: pointer;
}

.join_list li:nth-child(2n+2) .li_con {
	background-color: #fcfcfc;
}

.join_list li .li_con:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #000;
	border-bottom: none;
	position: absolute;
	right: 4%;
	top: 36px;
	/*transition: all .3s;*/
}

.join_list li:hover .li_con:after {
	border-top: 8px solid red;
}

.join_list li.on .li_con:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid red;
	border-top: none;
}

.join_list li .li_con b {
	font-size: 16px;
}

.join_list li .li_con span {
	float: right;
	opacity: .6;
	margin-right: 60px;
}

.join_list li .li_detail {
	width: 100%;
	color: #000;
	font-size: 14px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 4% 80px;
	display: none;
}

.join_list li .li_detail p {
	line-height: 30px;
}

.join_list li .li_detail b {
	font-weight: bold;
}

.li_detail_jy {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 35px 0;
}

.li_detail_jy p {
	display: inline-block;
	width: 36%;
}

.li_detail_jy p:nth-child(2),
.li_detail_jy p:nth-child(5) {
	width: 42%;
}

.li_detail_jy p:nth-child(3),
.li_detail_jy p:nth-child(6) {
	width: 20%;
}

.li_detail_jy p b {
	margin-right: 10px;
}

.li_detail_xx {
	width: 100%;
	padding: 30px 0;
}

.li_detail_btn {
	width: 250px;
	height: 60px;
	line-height: 60px;
	color: #f3f3f3;
	font-size: 18px;
	text-align: center;
	background-color: #222;
	margin-left: 0;
	cursor: pointer;
}

.li_detail_btn:hover {
	background-color: #333;
}

.join_pop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.85);
	display: none;
}

.join_pop_box {
	width: 1200px;
	max-width: 90%;
	max-height: 90%;
	background-color: #fff;
	position: relative;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 5% 0;
}

.join_pop_box_close {
	position: absolute;
	right: 0;
	bottom: 100%;
	z-index: 100;
	background-color: #e60014;
	padding: 5px;
	cursor: pointer;
}

.join_pop_box_close i {
	display: block;
	color: #fff;
	font-size: 40px;
	transform: rotate(45deg);
	cursor: pointer;
}

.join_pop_con {
	width: 600px;
	max-width: 100%;
	height: 100%;
}

.section_title {
	text-shadow: none;
}

.join_pop_put {
	width: 100%;
	position: relative;
}

.join_pop_put p {
	width: 100%;
	line-height: 40px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.join_pop_put p span {
	display: block;
}

.join_pop_put p input {
	display: block;
	width: 100%;
	line-height: 40px;
	cursor: text;
}

.join_pop_put p select {
	display: inline-block;
	width: 45%;
	line-height: 40px;
	border: none;
	cursor: pointer;
}

.join_pop_put p select.bm {
	margin-right: 8%;
}

.join_pop_btn {
	width: 250px;
	height: 60px;
	line-height: 60px;
	color: #f3f3f3;
	font-size: 18px;
	text-align: center;
	background-color: #222;
	margin-left: 0;
	margin-top: 50px;
	cursor: pointer;
}

.join_pop_btn:hover {
	background-color: #333;
}

.join_pop_em {
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

.join_pop_em span {
	color: #d93a3a;
}

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

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

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

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

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

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

@media screen and (max-width: 760px) {
	.join_list {
		padding: 0
	}

	.li_detail_jy {
		padding: 15px 0
	}

	.join_list li .li_con {
		padding: 15px 4%
	}

	.li_detail_jy p {
		width: 50%
	}

	.li_detail_jy p:nth-child(3),
	.li_detail_jy p:nth-child(6) {
		width: 100%
	}

	.join_list li .li_con:after {
		top: 20px
	}
}

/* page contact */
.contact {
	width: 100%;
	height: auto;
	display: flex;
	background-color: #fff;
}

.contact-block {
	cursor: pointer;
}

.contact-address,
.contact-telephone,
.contact-email {
	width: 50%;
	height: 262px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.contact-block i {
	font-size: 36px;
	color: #009eff;
}

.addressmap {
	width: 100%;
}

.contact-title {
	font-size: 18px;
	font-weight: 800;
	color: #009eff;
}

.contact-list {
	margin-top: 10px;
}

.contact-list p {
	max-width: 100%;
	font-size: 14px;
	line-height: 1.6;
}

.BMap_bubble_title {
	color: #f00;
	font-size: 16px;
	font-weight: 800;
}

.contact-block.active {
	background-color: #009eff;
	color: #fff !important;
	animation: swim 0.5s;
}

.contact-block.active i,
.contact-block.active .contact-title,
.contact-block.active .contact-list a {
	color: #fff;
}

@keyframes swim {
	from {
		transform: scale(0.5, 1);
	}

	to {
		transform: scale(1);
	}
}

@-ms-keyframes swim {
	from {
		transform: scale(0.5, 1);
	}

	to {
		transform: scale(1);
	}
}

@-webkit-keyframes swim {
	from {
		transform: scale(0.5, 1);
	}

	to {
		transform: scale(1);
	}
}

@-moz-keyframes swim {
	from {
		transform: scale(0.5, 1);
	}

	to {
		transform: scale(1);
	}
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.page-content .contact {
		flex-wrap: wrap;
	}
	.contact-list p{
		padding: 0 15px;
	}
	.contact-address,
	.contact-telephone,
	.contact-email {
		width: 100%;
		height: auto;
		padding: 20px 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}

	.contact-block i {
		font-size: 24px
	}
}

/* pages 分页  */
.pages {
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.pages b,
.page-this {
	display: inline-block;
	background: #009eff;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
	margin: 0 5px;
}

.pages a,
.page-end,
.page-start {
	margin-bottom: 10px;
	display: inline-block;
	background: #efefef;
	padding: 0 15px;
	font-size: 12px;
	color: #666;
	height: 40px;
	line-height: 40px;
}

.pages a:hover,
.pages b {
	background: #009eff;
	color: #fff;
}

.pages a,
.pages b,
.page-end,
.page-start,
.page-this {
	line-height: 40px
}

/*page next*/
.page-next {
	margin-top: 20px;
	border-top: dashed 1px #ddd;
	padding-top: 15px;
}

.page-next p {
	font-size: 14px;
	line-height: 30px;
	color: #999
}

.page-next p a {
	color: #999
}

.page-next p:hover,
.page-next p:hover a {
	color: #009eff;
	font-weight: bold
}

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

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

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

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

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

@media screen and (max-width: 760px) {
	.book {
		width: 100%;
	}
}

/*footer*/
.footer {
	width: 100%;
	color: rgba(255, 255, 255, .72);
	background: linear-gradient(to bottom,#009eff, #00609d);
}

.bottom {
	padding: 60px 0 60px;
}

.f-left {
	width: 40%;
}

.flogo {
	margin-bottom: 40px;
	width: 300px;
}

.flogo img {
	width: 100%;
}

.f-contact-div {
	flex-direction: row;
	align-items: center;
	margin: 15px 0;
	flex-wrap: wrap;
}

.f-contact-div i {
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	margin-right: 12px;
}

.f-contact-div i img {
	width: 70%;
}

.f-contact-div .icon-phone img {
	width: auto;
	height: 80%;
}

.f-contact-div p {
	padding-right: 30px;
	font-size: 18px;
}

.f-contact-div strong {
	width: 100%;
	display: block;
	font-size: 20px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
}

.f-menu {}

.f-menu div {
	align-items: center;
	flex-direction: row;
	justify-content: center;
}

.f-menu a {
	font-size: 16px;
	line-height: 2;
	color: #fff;
	position: relative;
	padding-right: 50px;
	margin: 15px 0;
}

.f-menu i {
	margin-bottom: 10px;
}

.f-menu i img {
	width: 3.6rem;
}

.f-menu a+a {
	padding-left: 50px;
}

.f-menu a+a::after {
	content: "";
	width: 1px;
	height: 90%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	opacity: 0.3;
	transform: translateY(-50%);
}

/* .f-menu .f-menu-top a+a::after{
	opacity: 0.3;
} */
.f-menu .f-menu-bd a {
	line-height: 1;
	color: #ccc;
}

.f-menu .f-menu-bd a+a {}

.f-menu .f-menu-bd a+a::after {
	height: 100%;
}

.f-weixin {
	width: 10%;
	text-align: center;
}

.f-weixin img {
	width: 100%;
}

.f-weixin p {
	font-size: 14px;
	line-height: 2;
}

.footer-copy {
	/* background: rgba(0,158,255,1); */
	padding: 15px 0;
	position: relative;
	font-size: 14px;
	color: rgba(255, 255, 255, .56);
	border-top: 1px solid rgba(255, 255, 255, .1)
}

.footer-copy i {
	position: absolute;
	left: 50%;
	top: -50px;
	width: 140px;
	height: 50px;
	background: url(../images/backg_4.png) no-repeat top center;
	content: "";
	margin-left: -70px;
	cursor: pointer
}

.footer-copy a {
	color: rgba(255, 255, 255, .56)
}

.backTop {
	position: fixed;
	z-index: 10;
	right: 50px;
	bottom: -100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	cursor: pointer;
	line-height: 50px;
	font-size: 24px;
	color: #1f2329;
}

.backTop.active {
	bottom: 50px;
}

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

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

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

@media screen and (max-width: 1024px) {
	.f-menu {
		width: 38.625%
	}

	.footer-nav-list {
		display: none
	}

	.footer-tel dd {
		width: 100% !important;
		float: none;
	}

	.footer-form {
		width: 41.72%
	}

	.footer-form h3 {
		font-size: 1.8rem
	}

	.footer-form h3 span {
		font-size: 1.2rem
	}
}

@media screen and (max-width:992px) {
	.footer-top {
		padding: 30px 0 85px
	}

	.f-menu {
		width: 70%
	}

	.f-weixin {
		margin-left: auto;
		width: 30%
	}

	.footer-form {
		width: 100%;
	}

	.footer-form h3 {
		font-size: 1.4rem
	}
}

@media screen and (max-width: 760px) {
	.pages {
		margin: 20px auto;
	}

	.footer {
		margin-top: 0;
	}

	.bottom {
		padding: 20px 0 40px;
	}

	.f-left {
		width: 100%;
		float: none;
		padding: 0 15px;
	}

	.flogo {
		margin-bottom: 30px;
		text-align: center;
	}

	.flogo img {
		width: 50%;
	}

	.f-contact-div {
		width: 100%;
		justify-content: flex-start;
	}

	.f-contact-div p {
		width: 86%;
		padding-right: 0;
		font-size: 12px;
	}

	.f-menu {
		width: 100%;
		padding: 0 20px 20px;
		margin-bottom: 20px;
		flex-direction: column;
		display: none;
	}

	.footer-tel {
		font-size: 1.2rem
	}

	.footer-form-list li {
		padding: 0
	}

	.f-weixin {
		width: 100%;
		display: none;
	}

	.footer-copy i {
		top: -32px;
		height: 32px;
		background-size: contain;
	}

	.footer-copy {
		font-size: 12px;
		padding: 10px 0;
		line-height: 1.8
	}

	.backTop {
		width: 38px;
		height: 38px;
		line-height: 36px;
		font-size: 14pt;
		right: 30px;
	}

	.backTop.active {
		bottom: 30px;
	}
}

.box_d_mb {
	margin: 10px;
}

.box_d_mb h4 {
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 30px;
	color: #333333;
	padding-bottom: 10px;
}

.text {
	border: 1px solid #ccc;
	line-height: 24px;
	padding: 10px;
	color: #333;
	font-size: 14px;
}

.text p {
	border-bottom: 1px dashed #ccc;
	margin: 10px 0;
	line-height: 24px;
}

.red {
	color: #f00;
	font-weight: 800;
	margin-left: 5px;
}

.box_d_mc {
	line-height: 24px;
	margin: 20px 10px;
	color: #333;
}

.table_a {
	width: 100px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
	font-weight: 800;
	line-height: 24px;
}

.table_b {
	width: 360px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
	font-weight: 800;
	line-height: 24px;
}

.table_c {
	width: 120px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
	font-weight: 800;
	line-height: 24px;
}

.table_d {
	width: 120px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
	font-weight: 800;
	line-height: 24px;
}

.table_e {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 24px;
	padding: 5px 10px;
}

.table_f {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 24px;
	text-align: center;
}

.table_g {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 24px;
	padding-left: 10px;
	width: 600px;
}

.box_d_md {
	width: 500px;
	border: 1px solid #ccc;
	margin: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.box_d_md h2,
.box_d_mf h2,
.box_d_mg h2 {
	background: #006699;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-family: "微软雅黑";
	margin: 1px 1px 10px 1px;
	color: #fff;
	padding-left: 10px;
	position: relative;
}

.box_d_md h2 a,
.box_d_mf h2 a,
.box_d_mg h2 a {
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 0;
}

.item span.sel a {
	color: #006699;
	cursor: pointer;
	text-decoration: underline;
}

.box_d_md dl,
.box_d_mf dl {
	padding: 0 10px;
}

.md_1 {
	background: #009999;
}

.md_2 {
	background: #b2d1e0;
	cursor: pointer;
}

.box_d_md dl dt,
.box_d_mf dl dt {
	line-height: 30px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 800;
	color: #333;
	margin-bottom: 2px;
}

.box_d_md dd,
.box_d_mf dd {
	line-height: 24px;
	padding-left: 10px;
	margin-bottom: 2px;
	position: relative;
}

.show_on {
	background: #ccc;
}

.show {
	background: #e8e8e8;
	cursor: pointer;
}

.num {
	position: absolute;
	right: 10px;
}

.btndiv {
	margin: 10px 0 10px 175px;
}

.btndiv_a {
	margin: 10px 0 10px 80px;
}

.btndiv_b {
	margin: 10px 0 10px 240px;
}

.btndiv_c {
	margin: 20px 0 10px 130px;
}

.box_d_mf {
	width: 620px;
	border: 1px solid #ccc;
	margin: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.box_d_mg {
	width: 300px;
	border: 1px solid #ccc;
	margin: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.box_d_list {
	padding: 0 10px 10px;
}

.box_d_list li {
	height: 24px;
	line-height: 24px;
}

.box_d_list label {
	vertical-align: center;
	height: 24px;
}

.fzli span.jbspan {
	background: none repeat scroll 0 0 #6699CC;
	float: left;
	margin-right: 5px;
	text-align: center;
	width: 65px;
}

.box_fz_list {
	padding: 0 10px;
}

.box_fz_list h3 {
	background: #b2d1e0;
	line-height: 30px;
	padding-left: 10px;
	font-size: 16px;
	color: #333;
	margin-bottom: 3px;
}

.fz_show {
	background: #ccc;
	clear: both;
	overflow: hidden;
	line-height: 24px;
	padding-left: 20px;
	margin-bottom: 2px;
}

.fz_show h4 {
	float: left;
	margin-right: 10px;
}

.fz_show span.show_a {
	height: 22px;
	line-height: 22px;
	margin-top: 1px;
	background: #abd9c5;
	float: left;
	margin-right: 5px;
	text-align: center;
	width: 65px;
}

.fz_show span.show_a:hover {
	background: #cccc99;
}

.box_p {
	width: 400px;
	line-height: 22px;
	background: url(../images/icon_h.gif) no-repeat 5px 15px;
	padding: 10px 10px 10px 50px;
	border: 1px solid #ccc;
	margin: 10px;
}

.n_box4_f {
	background: url(../images/rc_img.jpg) no-repeat scroll 0 0;
	height: 55px;
	line-height: 55px;
	padding-left: 70px;
}

/*造价咨询服务计算器*/
.calAll {
	width: 600px;
	height: auto;
	margin: 50px auto 0px auto;
	color: #000;
}

.calAll li {
	list-style: none;
}

.calleft {
	float: left;
	width: 120px;
	text-align: right;
	line-height: 30px;
}

.calright {
	float: left;
}

.calright select {
	height: 32px;
	line-height: 32px;
}

#txtMoney,
#txtSJmoney {
	border: 1px #CCC double;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}

#bntSubmit {
	/*background-image:url('/Content/skins/images/background_start.png'); width:194px; height:41px;*/
	background-color: #2774CC;
	width: 250px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
}

#current1,
#options1 {
	border: 1px solid #CECECE;
}

#replace1 {
	cursor: default;
	overflow: visible;
	position: relative;
	z-index: 999;
}

#current1 {
	/*background:url("/Content/skins/images/bgbtn.png") right center no-repeat;margin-bottom:0;*/
}

#current1,
#replace1,
#options1 li {
	width: 250px;
	height: 20px;
	height: 20px;
	line-height: 20px;
}

#options1 {
	border-top: 0 none;
	display: none;
	list-style-type: none;
	margin-top: 0;
	position: absolute;
	width: 260px;
}

#current1,
#options1 li {
	padding: 5px;
}

#current1,
#options1,
#options1 li {
	background-color: #FFF;
}

#current2,
#options2 {
	border: 1px solid #CECECE;
}

#replace2 {
	cursor: default;
	overflow: visible;
	position: relative;
	z-index: 998;
}

#current2 {
	/*background:url("/Content/skins/images/bgbtn.png") right center no-repeat;margin-bottom:0;*/
}

#current2,
#replace2,
#options2 li {
	width: 250px;
	height: 20px;
	height: 20px;
	line-height: 20px;
}

#options2 {
	border-top: 0 none;
	display: none;
	list-style-type: none;
	margin-top: 0;
	position: absolute;
	width: 260px;
}

#current2,
#options2 li {
	padding: 5px;
}

#current2,
#options2,
#options2 li {
	background-color: #FFF;
}

.calAll ul li {
	padding: 10px;
	overflow: hidden
}

td {
	border: solid #CECECE 1px;
	border-width: 0px 1px 1px 0px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
}

th {
	border: solid #CECECE 1px;
	border-width: 0px 1px 1px 0px;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
}

#tabMoney,
#tabSJMoney {
	border: solid #CECECE 1px;
	border-width: 1px 0px 0px 1px;
}

.spanSum {
	font-size: 14px;
	color: #2774CC;
}

.jsq_div {
	position: relative;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1px;
	text-indent: 100px;
	color: #2774CC;
	background-color: #F2F7FD;
	top: 10px;

}

.jsq {
	width: 61px;
	height: 61px;
	position: absolute;
	left: 20px;
	top: -10.5px;
}