/*
Author: W3layout
Author URL: http//w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http//creativecommons.org/licenses/by/3.0/
*/
/* reset */
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	/* vertical-align: baseline; */
}

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

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hide{
	display: none !important;
}

/* start editing from here */
a {
	text-decoration: none;
}

.txt-rt {
	text-align: right;
}

/* text align right */
.txt-lt {
	text-align: left;
}

/* text align left */
.txt-center {
	text-align: center;
}

/* text align center */
.float-rt {
	float: right;
}

/* float right */
.float-lt {
	float: left;
}

/* float left */
.clear {
	clear: both;
}

/* clear float */
.pos-relative {
	position: relative;
}

/* Position Relative */
.pos-absolute {
	position: absolute;
}

/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}

/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}

/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}

/* horizontal menu */
img {
	max-width: 100%;
}

/*end reset*/
@font-face {
	font-family: 'bebas_neueregular';
	src: url(../fonts/BebasNeue-webfont.ttf) format('truetype');
}

@font-face {
	font-family: 'FZLanTingCHJT';
	src: url(https://zhen12.oss-cn-beijing.aliyuncs.com/ttf/FZLanTingCHJT.TTF) format('truetype');
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}

.wrap {
	width: 80%;
	margin: 0 auto;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
}

.banner-wrap {
	width: 100%;
}

.header-top {
	display: flex;
	justify-content: flex-end;
}

.logo {
	width: 9rem;
	height: auto;
	margin-left: -6rem;
	margin-right: 5.5rem;
	/* padding-top: 0.4em;
	padding-bottom: 0.4em; */
}

.logo img {
	max-width: 100%;
	/*height: auto;*/
	/*height: 48px;*/
}

.logo h1 a {
	color: #000;
	font-size: 2em;
	font-family: 'bebas_neueregular';
}

/*--menu--*/
.cssmenu {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
	align-items: center;
	text-align: center;
	height: 60px;
}

.cssmenu >ul{
	height: 60px;
	line-height: 60px;
	margin-top: 0px !important;
	display: flex;
	align-items: center;
}

.cssmenu>ul>li {
	display: inline-block;
	/* position: relative; */
}

.cssmenu>ul>li.active a,
.cssmenu>ul>li a:hover {
	text-decoration: none;
	/* color: #FFF; */
	/*background: #a5dbf4;*/
	color: #0965A2;
	/*font-family: 'FZLanTingCHJT', 'FZLantTingHei-Bold', sans-serif;*/
	/*background: linear-gradient(to right, #0952a5, #4089DB);*/
	/*-webkit-background-clip: text;*/
	/*background-clip: text;*/
	/*color: transparent !important;*/
	/*display: inline-block;*/
	/* border: solid 1px #5cc3f1; */
}

.cssmenu>ul>li>a {
	font: 18px/1.5 'FZLanTingCHJT';
	color: #959595;
	display: block;
	/* line-height: 1.8em; */
	padding: 0 3px;
	/* letter-spacing: 1px; */
}

#sticky-header {
	position: sticky;
	/* 吸顶效果 */
	top: 0;
	/* 距离顶部的距离 */
	background-color: white;
	height: 60px;
	/* 初始高度 */
	z-index: 1000;
	/* 确保在最上层 */
	transition: height 0.2s ease, box-shadow 0.2s ease;
	/* 阴影过渡效果 */

	display: flex;
	align-items: center;
	/* 垂直居中 */
	/*overflow: hidden;*/
	/* 防止内容溢出 */
}

#sticky-header.compressed {
	height: 48px;
	/* 压缩后的高度（80% 的初始高度） */
}

#sticky-header.shadow {
	box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.header-text {
	float: center;
	margin: -10px 20px;
	margin-right: -8%;
	font-size: 2.8125em;
	color: #8A8803;
}

.header-text .phone {
	/* display: flex; */
	/* height: 100%; */
	color: #959595;
	font: 20px/1.5 'FZLanTingCHJT', Helvetica, sans-serif;
	/* font-size: 0.64em; */
	padding-left: 40px;
	/* align-items: center; */
	white-space: nowrap;
	margin: 0;
	background: url(../images/phone-new1.png) left center no-repeat;
	background-size: 24px auto;
}

.banner {
	background: white;
	/* padding-bottom: 2%; */
}

.about-banner {
	background: white;
}

.header-image {
	position: relative;
	width: 100%;
	height: 0;
	/* 初始高度为0 */
	padding-top: 18em;
	/* 根据图片宽高比设置高度（假设图片宽高比为16:9） */
	overflow: hidden;
	/* 隐藏超出部分 */
}

.header-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 确保图片覆盖整个容器 */
	object-position: top;
	/* 只显示图片的上部 */
}

.header-image .article {
	position: absolute;
	top: 0%;
	left: 10%;
	color: white;
	padding: 20px;
	z-index: 2;
	/* 设置文章内容的层级高于图片 */
	text-align: left;
	/* 文字居中 */
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.header-image .article>.title {
	font-family: 'FZLanTingCHJT', Helvetica, sans-serif;
	margin: 0;
	font-size: 3em;
	color: white;
}

.header-image .article>.content {
	/*font-family: "Microsoft YaHei", "微软雅黑", sans-serif;;*/
	/*font-family: 'FZLanTingCHJT', 'FZLantTingHei-Bold', sans-serif;*/
	font-family: 'FZLanTingHei', 'FZLanTingHei-Regular', sans-serif;
	/*font-weight: normal;*/
	/*margin: 1em,0;*/
	font-size: 1em;
	/*font-weight: 600;*/
	color: white;
	margin-top: 5px;
	line-height: 1.8;
	text-align: justify;
}

.breadcrumb {
	margin-bottom: 4%;
	background: none;
	padding: 0;
}

.breadcrumb>.active {
	color: #838383;
}

.breadcrumb li,
.breadcrumb li a {
	font-size: 14px;
	color: #005AD8;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.breadcrumb li a:hover {
	text-decoration: none;
	color: #F15F43;
}


.main {
	padding: 5% 0;
}

.top-img {
	position: relative;
	padding: 0;
	text-align: center;
}

.top-img>#learn-more {
	position: absolute;
	top: calc(50%);
	/* 纵向距顶端 30% */
	left: calc(56%);
	/* 横向距左侧 50% */
	transform: translate(-50%, -50%);
	/* 微调按钮位置 */
	z-index: 9999;
}

/*--content--*/
.top-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1%;
	align-items: end;
}

.top-box p {
	color: #20508D;
	font-size: 1em;
	line-height: 1.5em;
	width: 100%;
	margin: 0 auto;
	font-weight: 600;
}

.top-box h2 {
	text-align: center;
	color: #20508D;
	font-size: 1.6em;
	/* font-family: 'bebas_neueregular'; */
	/* font-family: 'PT Sans', sans-serif; */
	font-family: Arial, sans-serif;
	font-weight: 800;
}

hr {
	border-bottom: 1px solid #ccc;
	border-top: none;
	width: 60%;
	margin-top: 6%;
	margin-bottom: 4%;
}

.group {
	display: flex;
	justify-content: flex-start;
	/*justify-content: space-around;*/
	flex-wrap: wrap;
	margin-left: -12px;
	/* 抵消最左侧元素的左边距 */
	margin-right: -12px;
	/* 抵消最右侧元素的右边距 */
}

.group>* {
	flex: 0 0 calc(25% - 24px);
	/* 每行最多4个元素，减去间距 */
	/*margin: 0.11rem;*/
	margin: 12px;
}

.group-between {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.group-between .span_1_of_3:last-child{
	/*width: 50%;*/
	/*margin-right: auto;*/
}

/*  GRID OF THREE   ============================================================================= */
.col_1_of_3 {
	display: block;

	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

.col_1_of_3:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 1;
}

/* all browsers except IE6 and lower */
.span_1_of_3 {
	width: 30%;
}

.span_1_of_3 img {
	display: block;
	width: 100%;
	height: auto;
}

.span_1_of_3 h3 a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.2;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
}

.span_1_of_3 h3 a:hover {
	color: #E4E24F;
}

.contact-us {
	/*margin-top: 6%;*/
}


/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap {
		width: 95%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap {
		width: 95%;
	}

	.col_1_of_5 {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_5 {
		width: 94%;
		padding: 3%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.wrap {
		width: 95%;
	}

	.col_1_of_5 {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_5 {
		width: 50%;
		padding: 0.06rem;
	}
	.copy p{
		font-size: 8px !important;
	}
	.footer{
		bottom: 0 !important;
	}
	.licheng-text{
		font-size: 22px !important;
	}
	.licheng{
		margin-top: 0 !important;
	}
}

.grid_img {
	text-align: center;
	margin-bottom: 4%;
}

.content-top {
	/* margin-top: -4%; */
	/* margin-bottom: -2%; */
}

/*  GRID OF FOUR   ============================================================================= */
.col_1_of_4 {
	display: block;
	/* float: left; */
	/* margin: 1% 0 1% 1.6%; */

	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

.col_1_of_4:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 1;
}

/* all browsers except IE6 and lower */
.span_1_of_4 {
	width: 23.4%;
}

.span_1_of_4 img {
	display: block;
	width: 100%;
}

.span_1_of_4 h3 a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.2;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
}

.span_1_of_4 h3 a:hover {
	color: #E4E24F;
}

.article-header {
	display: flex;
	justify-content: space-between;
	height: 6rem;
	line-height: 0.75;
	-webkit-text-size-adjust: 100%;
	font-size: 0.8125em;
	text-rendering: optimizeLegibility;
	font-family: Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	min-height: 4.3rem;
	transition: color .25s ease-in-out;
	color: #fff;

	align-items: flex-start;
	padding: 1rem;
	background-image: linear-gradient(254deg, #008bc5 5%, #005192);
}

.article-header-higher {
	display: flex;
	justify-content: space-between;
	height: 6rem;
	line-height: 0.75;
	-webkit-text-size-adjust: 100%;
	font-size: 0.8125em;
	text-rendering: optimizeLegibility;
	font-family: Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*min-height: 6.5rem;*/
	transition: color .25s ease-in-out;
	color: #fff;

	align-items: flex-start;
	padding: 1rem;
	background-image: linear-gradient(254deg, #008bc5 5%, #005192);
}

.title-wrapper {
	display: flex;
	width: 100%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	text-rendering: optimizeLegibility;
	font-family: Arial, sans-serif;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow: visible;
	flex-direction: column;
}

.body-copy-title {
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 600;
	word-break: normal;
	margin-bottom: 0.5em;
	text-align: center;
	height: auto;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.body-copy-s {
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	font-weight: 600;
	word-break: normal;
	margin: 0;
	text-align: center;
	height: auto;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.icon {
	display: inline-block;
	width: 1.8rem;
	height: auto;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	font-family: Arial, sans-serif;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	box-sizing: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	vertical-align: middle;
	flex-shrink: 0;
	margin-top: .4rem;
}


/*********************************************************************************/
/* Articles                                                                      */
/*********************************************************************************/

#top {}

#top .me {
	border-radius: 50%;
	overflow: hidden;
}

#top p {}

#top p a {
	color: inherit;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap {
		width: 95%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap {
		width: 95%;
	}

	.col_1_of_4 {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_4 {
		width: 94%;
		padding: 3%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.wrap {
		width: 95%;
	}

	.group>*{
		flex: 0 0 calc(50%) !important;
	}

	.col_1_of_4 {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_4 {
		/*width: 92%;*/
		/*padding: 4%;*/
		width: 50%;
		padding: 0.31rem;
	}
	.article .title{
		font-size : 1.62rem !important;
	}
	.article .content{
		font-size : 0.5rem !important;
		left: 0 !important;
	}
	.index-about-number-m{
		margin-right: 0px !important;
		font-size: 16px !important;
	}
	.huodongs{
		/*justify-content: space-between !important;*/
		/*flex-wrap: wrap !important;*/
		/*flex-direction: column !important;*/
		/*align-content: center !important;*/
	}
	.huodongs .hd-data{
		width: 50%;
		margin-bottom: 15px;
	}
	.tabinner{
		display: flex !important;
	}
	.index-about-number-mt{
		font-size: 16px !important;
	}
	.huodongs-mt{
		font-size: 12px !important;
	}
	.huodongs-mjia{
		font-size: 14px !important;
	}
}

.caption {
	background: #2F292B;
	padding: 20px;
	text-align: center;
}

hr.hr {
	border-bottom: 1px solid #4A4A4A;
	width: 133px;
	position: relative;
	top: -4px;
}

.caption p {
	color: #fff;
	font-size: 0.8125em;
	line-height: 1.5em;
}

.content-bottom {
	margin-bottom: 5%;
}

.caption1 {
	padding-top: 8%;
}

time {
	color: #929292;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 8px;
}

.lnk {
	color: #E4E24F;
	font-size: 1.2em;
	line-height: 1.2;
	font-family: 'PT Sans', sans-serif;
	margin-bottom: 3%;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.lnk:hover {
	color: #888;
}

.caption1 p {
	color: #999;
	font-size: 0.8125em;
	line-height: 1.5em;
	margin-bottom: 5%;
}

.btn.btn-primary {
	box-shadow: none;
	background: #E4E24F;
	position: relative;
	font-size: 0.99em;
	display: inline-block;
	padding: 7px 15px 7px 15px;
	font-family: 'PT Sans', sans-serif;
	color: #FFF;
	text-shadow: none;
	border: none;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 4px solid #CFCD32;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.btn.btn-primary:hover {
	background: #333;
	border-bottom: 4px solid #111;
}

.hover_img img {
	/* -webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s; */
}

.hover_img img:hover {
	/* -webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	opacity: 1; */
}

/* 行布局 */
.article-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* 单元格 */
.u {
	flex: 0 0 100%;
	max-width: 100%;
}

.u8 #title {
	font-family: 'FZLanTingCHJT','FZLantTingHei-Bold',sans-serif;
	background: linear-gradient(to right, #0952a5, #4089DB);
	/* 线性渐变背景 */
	-webkit-background-clip: text;
	/* 兼容 WebKit 内核浏览器 */
	background-clip: text;
	/* 标准属性 */
	color: transparent;
	/* 将文字颜色设置为透明，以显示背景渐变 */
	font-size: 1.5rem;
	/* 字体大小 */
	/* 确保渐变效果生效 */
	display: flex;
	justify-content: center;
	/*text-align: center;*/
	margin: 0.6rem 0.6rem 0.6rem 0;
}

/* 4单元格和8单元格 */
@media (min-width: 768px) {
	.u4 {
		flex: 0 0 52%;
		max-width: 52%;
	}

	.u8 {
		flex: 0 0 41%;
		max-width: 41%;
		padding-right: 3%;
	}

	.u8 #title {
		font-family: 'FZLanTingCHJT','FZLantTingHei-Bold',sans-serif;
		background: linear-gradient(to right, #0952a5, #4089DB);
		/* 线性渐变背景 */
		-webkit-background-clip: text;
		/* 兼容 WebKit 内核浏览器 */
		background-clip: text;
		/* 标准属性 */
		color: transparent;
		/* 将文字颜色设置为透明，以显示背景渐变 */
		font-size: 3em;
		/* 字体大小 */
		display: inline-block;
		/* 确保渐变效果生效 */
		margin-bottom: 1em;
	}

	.u8 #content {
		font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
		margin-bottom: 3em;
		color: #080808;
		font-size: large;
		line-height: 1.8;
		letter-spacing: 1px;
		text-align: justify;
	}
}

/* 图像样式 */
.image-full img {
	width: 100%;
	height: auto;
	display: block;
}

/* 标题样式 */
h1 {
	font-size: 2em;
	margin-bottom: 1em;
	color: #666;
}

/* 按钮样式 */
.button {
	display: inline-block;
	padding: 0.4em 2em;
	border: solid 1px #666;
	color: #666;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}

.button:hover {
	color: #0056b3;
	border-color: #0056b3;
}

.button-big {
	font-size: 1.2em;
}

.partners {
	margin-bottom: 2%;
}

/*--footer--*/
.footer {
	/*background: #fff;*/
	text-align: center;
	padding: 0.5rem 0;
	position: absolute;
	bottom: 5px;
	width: 100%;
}

.footer-text h2 {
	color: #fff;
	font-size: 3em;
	font-family: 'bebas_neueregular';
	text-transform: uppercase;
	margin-bottom: 2%;
}

.footer-text p {
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #e0e0e0;
}

.follow_icon {
	list-style: none;
	padding: 2% 0;
}

ul.follow_icon li {
	display: inline-block;
	margin-left: 15px;
}

.follow_icon li a img {
	vertical-align: middle;
}

.copy p {
	color: #fff;
	font-size: 0.75rem;
}

.copy p a {
	color: #fff;
}

.copy p span{
	color: #070707 !important;
}

.copy p a:hover {
	text-decoration: none;
	color: #005192;
}

/*--about--*/
.col:first-child {
	margin-left: 0;
}

.col {
	display: block;
	float: left;
}

.span_1_of_about {
	width: 73.2%;
	margin-right: 3%;
}

.span_1_of_about h3 {
	color: #888;
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'bebas_neueregular';
}

.about-img {
	width: 30%;
	float: left;
	margin-right: 2%;
}

.about-desc {
	width: 68%;
	float: left;
	margin-right: 0;
}

.about-desc p {
	color: #999;
	font-size: 0.8125em;
	line-height: 1.5em;
}

.about-topgrid1 {
	width: 29%;
	float: left;
	margin-right: 5%;
}

.about-topgrid1 h3 {
	color: #888;
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'bebas_neueregular';
}

.about-topgrid1 img {
	margin-bottom: 10px;
}

.about-topgrid1 h5 {
	color: #888;
	font-size: 13px;
	line-height: 1.5em;
	padding-bottom: 5px;
}

.about-topgrid1 p {
	font-size: 0.8125em;
	color: #999;
	line-height: 1.5em;
	padding: 4px 0px 8px 0px;
}

.about-histore {
	float: left;
	width: 30%;
}

.about-histore h3 {
	color: #888;
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'bebas_neueregular';
}

.about-histore ul li span {
	color: #888;
	font-size: 14px;
	padding: 15px 0px 15px 0px;
	margin-bottom: 13px;
	float: left;
	width: 15%;
}

.about-histore ul li p {
	font-size: 0.8125em;
	color: #999;
	line-height: 1.5em;
	padding: 4px 0px 8px 0px;
	float: right;
	width: 83%;
}

.about-services {
	width: 30%;
	float: left;
	margin-left: 5%;
}

.about-services h3 {
	color: #888;
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'bebas_neueregular';
}

.questions {
	margin: 10px 0 3px 0;
}

.questions h4 {
	color: #888;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: normal;
}

.questions p {
	font-size: 0.8125em;
	color: #999;
	line-height: 1.5em;
	padding: 4px 0px 8px 0px;
}

.comments-custom li {
	overflow: hidden;
	margin: 0;
	padding: 0px 0 20px 0;
	border-bottom: none;
	background: none;
}

.comments-custom.unstyled .icon {
	background: url(../images/comment.png) no-repeat 0 50%;
	width: 37px;
	height: 70px;
	float: left;
	border-right: 1px solid #D3D0D0;
	padding: 0 8px 0 0;
	margin: 0 10px 0 0;
}

.right-text {
	width: 80%;
	float: left;
}

.comments-custom.unstyled .comments-custom_h {
	color: #333;
	font-size: 1em;
	margin: -2px 0 0 0;
}

.comments-custom.unstyled .comments-custom_txt {
	padding: 2px 0 0 0;
	font-size: 13px;
	line-height: 1.5em;
}

.comments-custom time {
	font-size: 11px;
	color: #333;
}

.span_1_of_about1 h3 {
	color: #888;
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'bebas_neueregular';
}

.about-top {
	padding-bottom: 3%;
}

.comments-custom.unstyled .comments-custom_txt a {
	color: #999;
}

.comments-custom.unstyled .comments-custom_txt a:hover {
	color: #E4E24F;
}

.span_1_of_about1 {
	width: 23.2%;
}

p.desc {
	font: italic 18px PT Sans, sans-serif;
	line-height: 23px;
	color: #999;
	font-size: 1.2em;
}

.padd {
	padding: 0 100px;
}

h4.head {
	color: #BDBA04;
	font-family: 'PT Sans', sans-serif;
	font-size: 0.8125em;
	line-height: 1.5em;
	text-transform: uppercase;
	padding-bottom: 3%;
}

.list-box .numb {
	font-family: 'bebas_neueregular';
	font-size: 4em;
	color: #888;
	display: block;
}

h4 {
	color: #BDBA04;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	text-transform: uppercase;
}

h5 {
	color: #BDBA04;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	text-transform: uppercase;
	padding-top: 5px;
}

p.txt1 {
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #333;
	margin-bottom: 5%;
}

p.txt2 {
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #999;
}

.more {
	padding-top: 4%;
}

/*--contact--*/
/*  Contact Form  ============================================================================= */
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%;
}

.col:first-child {
	margin-left: 0;
}

.span_2_of_3 {
	width: 66.1%;
}

.span_1_of_3 {
	width: 30%;
}

.span_2_of_3 h3,
.span_1_of_3 h3 {
	color: #888;
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'bebas_neueregular';
}

.contact-form {
	position: relative;
	padding-bottom: 30px;
}

.contact-form div {
	padding: 5px 0;
}

.contact-form span {
	display: block;
	font-size: 0.8125em;
	color: #333;
	padding-bottom: 5px;
}

.contact-form input[type="text"],
.contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	background: #fcfcfc;
	border: none;
	outline: none;
	color: #464646;
	font-size: 0.8125em;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-appearance: none;
}

.contact-form textarea {
	resize: none;
	height: 120px;
}

.company_address {
	padding-top: 26px;
}

.company_address p {
	font-size: 0.8125em;
	color: #999;
	line-height: 1.5em;
}

.company_address p span {
	text-decoration: underline;
	color: #333;
	cursor: pointer;
}

.company_address p span:hover {
	text-decoration: none;
}

.map {
	border: 1px solid #C7C7C7;
	margin-bottom: 15px;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap {
		width: 95%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
	.wrap {
		width: 95%;
	}

	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}

	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap {
		width: 95%;
	}

	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}

	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		width: 97%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.button-big{
		margin-top: 10px !important;
		font-size: 10px !important;
		padding: 0.15em 0.5em !important;
	}
	.wrap {
		width: 95%;
	}

	.span_2_of_3 {
		width: 90%;
		padding: 5%;
	}

	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_3 {
		width: 50% !important;
		padding: 0.31rem;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		width: 92%;
	}

	.header-image{
		padding-top: 13rem;
	}
	.header-image img{
		height: 12.5rem;
	}
	.header-image .article{
		height: 12.5rem;
		width: 100%;
		left: 0;
	}

	body{
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.main{
		flex: 1;
		padding: 7% 0;
	}
	#content{
		/*letter-spacing: 4.5px;*/
		line-height: 2;
		font-size: 10px !important;
		text-align: justify !important;
	}
	.new-footer{
		height: 36vh !important;      /* 比PC端略小，适配平板 */
		min-height: 250px !important; /* 最低高度，避免内容挤压 */
		max-height: 400px !important; /* 最高高度，避免占满手机屏幕 */
	}
	.content-text p{
		margin-bottom: 35px !important;
		font-size: 10px !important;
		margin-top: 8px !important;
		line-height: 1.8 !important;
		letter-spacing: 0 !important;
		text-align: justify !important;
	}
	.content-top{
		margin-top: 10px;
	}
	.title-ct-m{
		font-size: 24px !important;
	}
	.vo_s-history__content{
		padding: 0 !important;
	}
	.vo_swiper-slide h4{
		font-size: 16px !important;
	}
	.vo_swiper-slide > div{
		padding-top: 20px !important;
	}
	.licheng-yahei{
		font-size: 7px !important;
		margin-bottom: 5px !important;
		font-family: none !important;
	}
}

/*--404--*/
.page-not-found h1 {
	font-size: 15em;
	color: #F0F0F0;
	text-align: center;
}

/*--responsive design--*/
@media (max-width:1366px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 79%;
	}
}

@media (max-width:1280px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 78%;
	}
}

@media (max-width:1024px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 73%;
	}

	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.header-text .phone {
		background: url(../images/phone.png) left 7px no-repeat;
	}
}

@media (max-width:800px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 65%;
	}

	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.logo h1 a {
		font-size: 5em;
	}

	.header-text {
		margin: -88px 0px;
	}

	.cssmenu>ul>li>a {
		font: normal 14px/30px PT Sans, sans-serif;
		padding: 4px 13px;
		line-height: 4.8em;
	}

	.top-box h2 {
		font-size: 1rem;
	}

	hr {
		width: 350px;
	}

	.span_1_of_5 h3 {
		font-size: 13px;
	}

	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}

	.btn.btn-primary {
		font-size: 0.8125em;
	}

	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}

	.list-box .numb {
		font-size: 3em;
	}

	h4 {
		font-size: 1.2em;
	}

	.footer-text h2 {
		font-size: 2.5em;
	}
}

@media (max-width:768px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 64%;
	}
}

@media (max-width:640px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 65%;
	}

	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.logo h1 a {
		font-size: 4em;
	}

	.header-text {
		margin: -79px -20px;
	}

	.cssmenu>ul>li>a {
		font: normal 14px/30px PT Sans, sans-serif;
		padding: 4px 13px;
		line-height: 4.8em;
	}

	.top-box h2 {
		font-size: 1rem;
	}

	hr {
		width: 350px;
	}

	.span_1_of_5 h3 {
		font-size: 13px;
	}

	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}

	.btn.btn-primary {
		font-size: 0.8125em;
	}

	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}

	.list-box .numb {
		font-size: 3em;
	}

	h4 {
		font-size: 1.2em;
	}

	.footer-text h2 {
		font-size: 2.5em;
	}

	.header {
		padding: 20px 0;
	}

	.header-text .phone {
		background: url(../images/phone.png) left 9px no-repeat;
	}

	.span_1_of_about {
		width: 100%;
	}

	.span_1_of_about1 {
		width: 100%;
	}

	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	.about-histore {
		float: none;
		width: 100%;
	}

	.about-services {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.span_1_of_about h3 {
		font-size: 1.7em;
	}

	.about-topgrid1 h3 {
		font-size: 1.7em;
	}

	.about-histore h3 {
		font-size: 1.7em;
	}

	.about-services h3 {
		font-size: 1.7em;
	}
}

@media (max-width:480px) {
	.custom-dot-list li{
		font-size: 10px !important;
		line-height: 1.4 !important;
	}
	.custom-dot-list li span{
		line-height: 1.7 !important;
	}
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 65%;
	}

	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.logo h1 a {
		font-size: 4em;
	}

	.header-text {
		margin: 0;
		float: none;
		text-align: center;
	}

	.cssmenu>ul>li>a {
		font: normal 13px/30px PT Sans, sans-serif;
		padding: 4px 10px;
		line-height: 4.8em;
	}

	.top-box h2 {
		font-size: 1rem;
	}

	.title-wrapper{
		font-size: 0.7rem;
	}

	.article-header{
		height: 6rem;
	}
	.article-header-higher{
		height: 6rem;
	}

	.icon{
		width: 1.6rem;
		margin-top: 0.2rem;
	}

	.top-box p{
		font-size: 0.8rem;
		line-height: 0.8rem;
	}

	hr {
		width: 350px;
		margin-bottom: 3% !important;
	}

	.span_1_of_5 h3 {
		font-size: 13px;
	}

	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}

	.btn.btn-primary {
		font-size: 0.8125em;
	}

	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}

	.list-box .numb {
		font-size: 3em;
	}

	h4 {
		font-size: 1.2em;
	}

	.footer-text h2 {
		font-size: 2em;
	}

	.header {
		padding: 20px 0;
	}

	.padd {
		padding: 0 20px;
	}

	.header-text .phone {
		background: url(../images/phone.png) left 9px no-repeat;
	}

	.span_1_of_about {
		width: 100%;
	}

	.span_1_of_about1 {
		width: 100%;
	}

	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	.about-histore {
		float: none;
		width: 100%;
	}

	.about-services {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.span_1_of_about h3 {
		font-size: 1.7em;
	}

	.about-topgrid1 h3 {
		font-size: 1.7em;
	}

	.about-histore h3 {
		font-size: 1.7em;
	}

	.about-services h3 {
		font-size: 1.7em;
	}

	.span_2_of_3 h3,
	.span_1_of_3 h3 {
		font-size: 1.7em;
	}
}

@media (max-width:320px) {
	.wrap {
		width: 90%;
	}

	.right-text {
		width: 65%;
	}

	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.logo h1 a {
		font-size: 4em;
	}

	.header-text {
		margin: 0;
		float: none;
		text-align: center;
	}

	.cssmenu>ul>li>a {
		font: normal 13px/30px PT Sans, sans-serif;
		padding: 0px 0px;
		line-height: 2.8em;
	}

	.top-box h2 {
		font-size: 1.5em;
	}

	hr {
		width: 230px;
	}

	.span_1_of_5 h3 {
		font-size: 13px;
	}

	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}

	.btn.btn-primary {
		font-size: 0.8125em;
	}

	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}

	.list-box .numb {
		font-size: 3em;
	}

	h4 {
		font-size: 1.2em;
	}

	.footer-text h2 {
		font-size: 2em;
	}

	.header {
		padding: 20px 0;
	}

	.padd {
		padding: 0 20px;
	}

	.header-text .phone {
		background: url(../images/phone.png) left 9px no-repeat;
	}

	.span_1_of_about {
		width: 100%;
	}

	.span_1_of_about1 {
		width: 100%;
	}

	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	.about-histore {
		float: none;
		width: 100%;
	}

	.about-services {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.span_1_of_about h3 {
		font-size: 1.7em;
	}

	.about-topgrid1 h3 {
		font-size: 1.7em;
	}

	.about-histore h3 {
		font-size: 1.7em;
	}

	.about-services h3 {
		font-size: 1.7em;
	}

	.span_2_of_3 h3,
	.span_1_of_3 h3 {
		font-size: 1.7em;
	}

	.top-box p {
		width: 90%;
	}

	.cssmenu>ul>li {
		display: block;
	}

	.cssmenu {
		padding: 2px 0;
	}

	.follow_icon li a img {
		width: 60%;
	}

	ul.follow_icon li {
		margin-left: -3px;
	}
}

.dropdown-select{
	position: absolute;
	display: none;
	top: 46px;
	z-index: 99999999999999;
	background: #fff;
	width: 155px;
	left: -31px;

	padding-top: 13px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.dropdown-select li{
	/*margin: 5px 0;*/
	background: #fff;
}

.dropdown-select li a:hover{
	font-size: 13px;
	/*color: #0a4782;*/
	/*font-weight: bold;*/
}

.dropdown-select li a{
	display: block;
	/*white-space: nowrap;*/
	font-weight: normal;
	color: #11487E;
	line-height: 20px;
	/*height: 40px;*/
	font-size: 12px;
	padding: 6px 10px;
	/*border-bottom: 1px solid #eee;*/
	margin: 0;
	text-align: center;
	word-wrap: break-word;
	white-space: normal;
}

.cssmenu ul li{
	position: relative;
	/*letter-spacing: 0.5px;*/
}

.cssselect{
	padding-bottom: 15px;
	padding-top: 15px;
}

/*.cssselect .dropdown-select:before{*/
/*	border-left: 5px solid transparent;*/
/*	border-right: 5px solid transparent;*/
/*	border-bottom: 5px solid #007dc3;*/
/*	content: " ";*/
/*	height: 0;*/
/*	left: 10px;*/
/*	position: absolute;*/
/*	top: 8px;*/
/*	width: 0;*/
/*	transition: opacity 0.1s ease-in-out; !* 过渡效果 *!*/
/*}*/

.show-before:before {
	display: inline-block;
}

.dropdown-select li a:hover{
	background: #fff;
	/*color: red !important;*/
}

.dropdown-select li:nth-child(1){
	padding-top: 5px !important;
}

.dropdown-select li:nth-last-child(1){
	padding-bottom: 5px !important;
}

.contact-us .top-img img{
	/*max-height: 470px;*/
	/*width: 100%;*/
}
.huodongs{
	display: flex;
	justify-content: space-evenly;
}
.huodongs .hd-data{
	text-align: center;
	color: #265ba7;
}