@charset "utf-8";

html {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font: inherit;
	vertical-align: baseline
}

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

body {
	font-size: 14px;
	color: #333;
	background: #fff;
	font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif
}

img {
	border: 0;
	vertical-align: bottom
}

::-webkit-input-placeholder {
	color: #999
}

:-moz-placeholder {
	color: #999
}

::-moz-placeholder {
	color: #999
}

:-ms-input-placeholder {
	color: #ccc
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto
}

input:focus,
textarea:focus,
button:focus,
select:focus {
	outline: 0
}

input::-ms-clear {
	display: none
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background: transparent
}

a:active,
a:hover {
	outline: 0
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

mark {
	color: #000;
	background: #ff0
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0
}

legend {
	padding: 0;
	border: 0
}

optgroup {
	font-weight: bold
}

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

td,
th {
	padding: 0
}


/*==通用↓==*/
.container {
	width: 1360px;
	min-width: 320px;
	margin: auto;
}

.wor,
.wor-content {
	line-height: 30px;
	color: #666;
	font-size: 16px;
	
	margin-top: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
	color: #333333;
	margin: 0px 0px;
	padding: 0px 0px;
	font-weight: 400
}

.cl:after,
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.clear {
	clear: both;
}

.cl,
.clearfix {
	zoom: 1;
}

a {
	color: #666666;
	text-decoration: none;
	outline: none;
	blr: expression(this.onFocus=this.blur());
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
}

em {
	font-style: normal
}

.wh {
	width: 100%;
}

.eps {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fn {
	font-weight: normal;
}

.center {
	text-align: center;
}

.hide {
	overflow: hidden;
}

.pcI {
	display: block;
}

.wapI {
	display: none;
}

.flatI {
	display: none;
}

.maxWidth {
	max-width: 100%;
}

.ingBox {
	padding: 50px 0;
}

div.imgPD {
	position: relative;
	padding-top: 90%;
}

div.imgPD img,
div.imgPD .effect-one-img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

div.imgPD11 {
	position: relative;
	padding-top: 110%;
}

div.imgPD70 {
	position: relative;
	padding-top: 70%;
}

div.imgPD80 {
	position: relative;
	padding-top: 80%;
}


/*==效果transition:0.4s↓==*/
.slow,
.slow a,
.slow p,
.slow li,
.slow td,
.slow input,
.slow button,
.slow select.slow textarea,
.slow em,
.slow img,
.slow span,
.slow hr,
.slow h1,
.slow h2,
.slow h3,
.slow h4,
.slow h5,
.slow h6,
.slow b,
.slow before,
.slow after {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


/*==图片效果effect1↓==*/
.effect-one {
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden
}

.effect-one .effect-one-img {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	opacity: 1;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	overflow: hidden;
	
	height: 230px;
}

@media (max-width:1200px) {
	
	.effect-one .effect-one-img {
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		opacity: 1;
		-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		-o-transition: all .7s ease-in-out;
		-ms-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
		overflow: hidden;
		
		height: 120px;
	}

}


.effect-oneBox:hover .effect-one-img,
.effect-one:hover .effect-one-img {
	/*opacity:.9;*/
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}


/*==效果effect2==*/
.effect-two {
	border: 1px #ddd solid;
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	overflow: hidden
}

.effect-two::before,
.effect-two::after {
	position: absolute;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.4s, -webkit-transform .4s;
	-moz-transition: opacity 0.4s, -moz-transform .4s;
	-o-transition: opacity 0.4s, -o-transform .4s;
	transition: opacity 0.4s, transform .4s
}

.effect-two::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: 1px solid #cdad81;
	border-bottom: 1px solid #cdad81;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.effect-two::after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-right: 1px solid #cdad81;
	border-left: 1px solid #cdad81;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.effect-two:hover::before,
.effect-two:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}


/*==按钮效果↓==*/
/*按钮效果-btn-1*/
.btn-1 {
	overflow: hidden;
	position: relative;
}

.btn-1:before,
.btn-1:after {
	content: "";
	position: absolute;
	z-index: -1;
	background-color: #cdad81;
	width: 100%;
	height: 0;
	left: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-1:before {
	bottom: 50%;
}

.btn-1:after {
	top: 50%;
}

.btn-1:hover:before,
.btn-1:hover:after {
	height: 50%;
}


/*按钮效果-btn-2*/
.btn-2 {
	background: -webkit-linear-gradient(left, #cdad81, #cdad81) no-repeat;
	background: linear-gradient(to right, #cdad81, #cdad81) no-repeat;
	background-size: 0% 100%;
}

.btn-2:hover {
	background-size: 100% 100%;
}


/*按钮效果-btn-3*/
.btn-3 {
	position: relative;
}

.btn-3:before,
.btn-3:after {
	z-index: 2;
	position: absolute;
	top: 50%;
	content: '';
	width: 50px;
	height: 50px;
	background: rgba(20, 127, 221, 0.7);
	border-radius: 50%;
}

.btn-3:before {
	left: -30px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* animation: criss-cross-left 0.8s reverse; */
}

.btn-3:after {
	right: -30px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	/* animation: criss-cross-right 0.8s reverse; */
}

.btn-3:hover:before,
.btn-3:hover:after {
	border-radius: ;
	/* @include size($btn-width); */
}

.btn-3:hover:before {
	-webkit-animation: criss-cross-left 0.8s both;
	animation: criss-cross-left 0.8s both;
}

.btn-3:hover:after {
	-webkit-animation: criss-cross-right 0.8s both;
	animation: criss-cross-right 0.8s both;
}


/*按钮效果-btn-4*/
.btn-4 {
	position: relative;
	z-index: 2;
}

.btn-4:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	z-index: -1;
	width: 0%;
	height: 100%;
	border-radius: 0 20px 20px 0;
	background: #cdad81;
	transition: all .7s ease-in-out;
}

.btn-4:hover:before {
	width: 100%;
}

.btn-4:hover {
	background: #ddd
}


/*鼠标移动效果*/
.effect-lower {
	position: relative;
}

.effect-lower .effect-lower-block {
	position: absolute;
	right: 0;
	top: 91px;
	width: 150px;
	line-height: initial;
	/* height:50px; */
	display: block;
	border: 1px #ddd solid;
	padding: 10px 20px;
	z-index: 9;
	background: #fff;
	filter: alpha(opacity=0);
	transform-origin: 95% 0%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	transition: all 1s;
}

.effect-lower:hover .effect-lower-block {
	opacity: 1;
	transform: scale(1);
}


/*==图片默认==*/
.ImgPrimary {
	background: url(../images/imgprimary.gif) no-repeat center center;
}

.ImgDisappear {
	background: url(../images/imgdisappear.png) no-repeat center center;
}


/*==浏览器↓==*/
.browser {
	float: left;
	width: 100%;
	padding: 20px 0;
	background: #f6f6b4;
}

.browser .center {
	width: 1000px;
	margin: auto;
}

.browser p {
	float: left;
	color: #666;
	font-size: 15px
}

.browser p font {
	color: #f60
}

.browser .right {
	float: right;
}

.browser .right a {
	display: inline-block;
	margin: 0 20px;
}

.browser .right img {
	width: 50px;
	display: block;
	margin: auto;
}

.browser .right b {
	display: block;
	color: #666;
	font-size: 14px;
	text-align: center;
	font-weight: 400
}

.browser .right a:hover b {
	color: #005AA0;
}


/*==分享模块↓==*/
.share {
	position: relative;
	z-index: 9;
	color: #666;
	font-size: 13px
}

.share a,
.ProductShow .sTop .share b {}

.share .jiathis_style {
	float: left;
}

.share .jiathis_style a {
	background: none;
	margin: 0 5px 0 5px;
	color: #999;
	font-size: 17px;
	cursor: pointer
}

.share .jiathis_style a.icon-weixin:hover {
	color: #51C332;
}

.share .jiathis_style a.icon-weibo:hover {
	color: #D32024;
}

.share .jiathis_style a span {
	display: none !important;
}

.share .collection {
	margin: 0 0 0 10px;
	border-left: 1px #ddd solid;
	padding-left: 15px;
	line-height: 10px;
	display: inline-block;
	color: #999;
	font-size: 17px;
	cursor: pointer
}

.share .collection:hover {
	color: #F98D1B;
}

.share .collection span {
	font-size: 13px;
	margin-left: 2px;
}


/*==内页ban↓==*/
.banner-within {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

.banner-within img {
	display: block;
	max-width: 100%;
	margin: auto
}

.banner-within img {
	transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-webkit-animation: minus 5s 0s ease both infinite;
	-moz-animation: minus 5s 0s ease both infinite;
	animation: minus 5s 0s ease both infinite;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}

/*缩小停止*/
@-webkit-keyframes minus {
	from {
		-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
		transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	}

	to {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

@keyframes minus {
	from {
		-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
		transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	}

	to {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

.banner-within2 {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

.banner-within2 img {
	display: block;
	max-width: 100%;
	margin: auto
}


/*===内页框↓==*/
.rack {
	float: left;
	width: 100%;
}

.rackWor {
	padding: 0 0 50px 0
}

.rackWor img {
	max-width: 100%
}


/*==分页↓==*/
#pages {
	float: left;
	width: 100%;
	margin: 40px 0 50px 0;
	text-align: center;
}

#pages span {
	border: 0px #ddd solid;
	padding: 8px 12px;
	margin: 0 5px;
	background: #003e93;
	color: #fff;
	transition: all .4s ease-in-out;
}

#pages a {
	border: 1px #ddd solid;
	padding: 8px 12px;
	color: #666;
	margin: 0 5px;
	background: #fff;
	transition: all .4s ease-in-out;
}

#pages a:nth-child(1),
#pages a:nth-child(3),
#pages a:nth-last-child(2) {
	display: none
}

#pages a:hover {
	color: #fff;
	background: #003e93;
}


/*==导航↓==*/
.navWap-block {
	position: fixed;
	z-index: 20;
	height: 100%;
	top: 55px;
	left: 0;
	overflow: auto;
	display: none;
	width: 100%;
	/*! max-width:640px; */
	margin: 0 auto;
}

.navWap-block .box {
	height: 100%;
	/*! overflow-x:hidden; */
	overflow-y: auto;
	background: #fff;
	width: 220px;
	position: relative;
	z-index: 2;
}

.navWap-block .searchWap {
	position: relative;
	margin: 20px 0 15px 0;
	overflow: hidden;
	padding: 0 20px;
}

.navWap-block .searchWap input {
	float: left;
	width: 140px;
	border-radius: none;
	border-bottom: 1px #bbb solid;
	color: #666;
	font-size: 13px;
	border-top: none;
	border-left: none;
	border-right: none;
	line-height: 30px;
}

.navWap-block .searchWap button {
	float: right;
	width: 30px;
	color: #fff;
	font-size: 13px;
	background: #666;
	border: none;
	line-height: 30px;
	border-radius: 50%;
}

.navWap-block .contactWap {
	margin: 20px 0 0 0;
	padding: 0 20px 80px 20px;
}

.navWap-block .contactWap span {
	display: block;
	color: #666;
	font-size: 13px;
	margin: 10px 0 15px 0;
}

.navWap-block .contactWap span font {
	display: block;
	color: #999;
	font-size: 14px;
	padding-left: 20px;
	margin-top: 3px;
}

.navWap-block .contactWap span:before {
	margin-right: 5px;
	font-size: 17px;
}

.navWap-block .contactWap span.weixin .ewm {
	display: block;
	max-width: 100px;
	margin: 5px auto 0;
}

.navWap-block ul li {
	/*! height:2.3rem; */
	line-height: 40px;
	border-bottom: 1px solid #eee;
}

.navWap-block ul li a {
	display: block;
	font-size: 14px;
	color: #555;
	/*! height:2.3rem; */
	opacity: 0;
	transform: translateX(-100%);
	transition: all 0.4s ease 0s;
	transition-delay: 160ms;
	color: #666;
	padding-left: 25px;
	padding-right: 20px;
}

.navWap-block ul li em {
	float: right;
	color: #999;
	font-size: ;
	font-size: 14px;
}

.navWap-block ul li:hover a,
.navWap-block ul li.active a {
	color: #003e93;
	/*! background:#1b1e27; */
	box-shadow: 3px 0 0 #003e93 inset;
}

.navWap-block ul li.active em {
	color: #003e93
}

.navWap-block ul li:first-child {
	border-top: none;
}

.navWap-block ul li:first-child i {
	font-size: 1.2rem;
}

/*.navWap-block ul li:nth-child(2) a{transition-delay:240ms;}
.navWap-block ul li:nth-child(3) a{transition-delay:320ms;}
.navWap-block ul li:nth-child(4) a{transition-delay:400ms;}
.navWap-block ul li:nth-child(5) a{transition-delay:480ms;}
.navWap-block ul li:nth-child(6) a{transition-delay:540ms;}
.navWap-block ul li:nth-child(7) a{transition-delay:600ms;}*/
.navWap-block .show li a {
	opacity: 1;
	transform: translateX(0);
}

/*-触发按钮-*/
.navWap-trigger {
	/*! position:absolute; */
	/*! right:2%; */
	/*! top:0; */
	/*! height: 2.3rem; */
	color: #fff;
	/*! line-height:2.3rem; */
	color: #fff;
	float: right;
	margin: 0px 15px 0 0;
}

.navWap-trigger .btn {
	padding: 0px;
	/*! position: absolute; */
	/*! top: 18px; */
	/*! right: 10px; */
	background: transparent;
	border: none;
	/* padding: 10px; */
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	z-index: 99999;
}

.navWap-trigger .btn:focus {
	outline: 0;
}

.navWap-trigger .icon-bar {
	display: block;
	margin: 6px 0;
	width: 30px;
	height: 3px;
	background-color: #003e93;
}

.navWap-trigger .btn:hover .icon-bar {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #FCA311;
}

.navWap-trigger .animated {
	display: block;
	margin: 0 auto;
	/*! position: fixed; */
}

.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar {
	background-color: #003e93;
}

.navWap-trigger .animated:focus {
	cursor: pointer;
	z-index: 9999;
}

.navWap-trigger .middle {
	margin: 0 auto;
}

.navWap-trigger .icon-bar {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
	z-index: 999999;
}

.navWap-trigger .animated .icon-bar {
	z-index: 999999;
	background-color: #003e93;
}

.navWap-trigger .animated .top {
	-webkit-transform: translateY(10px) rotateZ(45deg);
	-moz-transform: translateY(10px) rotateZ(45deg);
	-ms-transform: translateY(10px) rotateZ(45deg);
	-o-transform: translateY(10px) rotateZ(45deg);
	transform: translateY(7px) rotateZ(45deg);
}

.navWap-trigger .animated .bottom {
	-webkit-transform: translateY(-11px) rotateZ(-45deg);
	-moz-transform: translateY(-11px) rotateZ(-45deg);
	-ms-transform: translateY(-11px) rotateZ(-45deg);
	-o-transform: translateY(-11px) rotateZ(-45deg);
	transform: translateY(-11px) rotateZ(-45deg);
}

.navWap-trigger .animated .middle {
	width: 0;
}

/*-应用块-*/
.mainBox {
	position: relative;
}

.navWap-mask {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	z-index: 1;
	display: none;
	overflow: hidden;
	transition: all 0.5s;
	/*! max-width:640px; */
	margin: 0 auto;
}


/*==banner↓==*/
#bannerBox {
	width: 100%;
}

#bannerBox .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#bannerBox .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically*/
	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;
}

#bannerBox .swiper-slide img {
	max-width: 100%;
	display: block
}

#bannerBox .swiper-button-prev,
.bannerBox .swiper-button-next {
	display: none;
	left: 50px;
	background-image: none
}

#bannerBox .swiper-button-next {
	left: auto;
	right: 50px;
}

#bannerBox .swiper-button-prev:before,
.bannerBox .swiper-button-next:before {
	color: #fff;
	font-size: 80px;
}

#bannerBox .swiper-pagination {
	bottom: 25px;
}

#bannerBox .swiper-pagination span {}

#bannerBox .swiper-pagination span {
	opacity: 1;
	position: relative;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	font-size: 0px;
	width: 40px;
	height: 8px;
	border-radius: 0px;
	/* overflow:hidden; */
	background: #fff
}

#bannerBox .swiper-pagination span.swiper-pagination-bullet-active {
	background: #003e93;
	/* margin-top:-11px; */
}

#bannerBox .swiper-pagination span.swiper-pagination-bullet-active:before {
	opacity: 1;
}


/*==视频↓==*/
.layui-layer {
	width: 650px;
	min-width: 650px;
	max-width: 660px;
	height: 500px;
}


/*==网站地图↓==*/
.sitemap-frame {
	margin: 50px 0 20px 0;
}

.sitemap-frame .site-box {
	border-bottom: 2px #666 solid;
}

.sitemap-frame .site-box .left {
	padding: 10px 20px;
	color: #fff;
	background: #555;
}

.sitemap-frame .site-box .left a {
	color: #fff;
	display: inline-block;
}

.sitemap-frame .site-box .right {
	color: #888;
	font-size: 13px;
	line-height: 35px;
	padding-left: 20px;
}

.sitemap-frame .site-box .right a {
	display: inline-block;
	color: #888;
	font-size: 13px;
}

.sitemap-frame .site-box .right a:hover {
	color: #cdad81
}

.sitemap-frame .list {
	width: 100%;
	float: left;
	margin: 40px 0;
	display: table;
}

.sitemap-frame .list li {
	display: table-cell;
	text-align: center;
}

.sitemap-frame .list hr {
	width: 3px;
	height: 100%;
	border: none;
	background: #000;
}

.sitemap-frame .list h4 {}

.sitemap-frame .list h4 a {
	display: block;
	color: #fff;
	font-size: 15px;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px #ddd dotted;
	margin: 0 5px;
	background: #607782;
	border-radius: 7px;
}

.sitemap-frame .list a:before {
	padding-right: 5px;
}

.sitemap-frame .list .box {
	padding: 20px 0 10px 0;
	clear: both;
	border-left: 1px #ddd solid;
	margin: 0 5px;
}

.sitemap-frame .list .box a {
	position: relative;
	display: block;
	color: #666;
	font-size: 13px;
	background: #ededed;
	padding: 10px 5px;
	margin: 0 0 20px 5px;
	border-radius: 5px;
}

.sitemap-frame .list .box a:after {
	content: "";
	position: absolute;
	left: -12px;
	top: 20px;
	width: 12px;
	height: 5px;
	display: block;
	background: #CACACA;
	/* border-radius: 50%; */
}

.sitemap-frame .list a:hover {
	color: #fff;
	background: #cdad81
}

.sitemap-frame .list a:hover:after {}


/*=产品内页↓==*/
.ProductShow {}

.ProductShow .long {
	margin-top: 50px;
	margin-bottom: 50px;
}

.ProductShow .long .leftBox {
	width: 40%;
}

.ProductShow .long .rightBox {
	width: 60%;
	padding: 0 0 0 35px;
}

.ProductShow .rightBox h1 {
	color: #333;
	font-size: 20px;
}

.ProductShow .rightBox h1 em {
	/*! float:left; */
	padding: 0px 15px;
	color: #fff;
	font-size: 13px;
	background: #E83126;
	margin-right: 10px;
	border-radius: 5px;
}

.ProductShow .rightBox .wxBox {
	padding: 20px;
	color: #666;
	font-size: 13px;
	background: #f5f5f5;
	margin: 20px 0;
	line-height: 22px;
	min-height: 120px;
}

.ProductShow .rightBox .wxBox span {
	display: block;
	margin: 5px 0;
	color: #888;
	font-size: 13px;
}

.ProductShow .rightBox .tel {
	margin: 15px 0;
	padding: 15px 0;
	color: #666;
	font-size: 17px;
	/* border-top: 1px #ddd solid; */
	border-bottom: 1px #ddd solid;
}

.ProductShow .rightBox .tel em {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #cdad81;
	font-size: 30px;
	margin-right: 15px;
}

.ProductShow .rightBox .tel b {
	font-weight: bold;
	color: #cdad81;
	font-size: 25px;
}

.ProductShow .rightBox .con {
	margin: 10px 0 0 0;
	float: left;
}

.ProductShow .rightBox .con a {
	position: relative;
	color: #fff;
	float: left;
	font-size: 14px;
	border-radius: 5px;
	padding: 10px 50px;
	background: #cdad81;
}

.ProductShow .rightBox .con a:before {
	display: none;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	border-radius: 100px;
	/* z-index: -1; */
	/* background: #0E5D84; */
	border-bottom: 5px #0B7FB7 solid;
}

.ProductShow .rightBox .con a:hover {
	background: #c93118;
}

/*.ProductShow .sTop .right .con a:hover:before{border:0px;}*/
.ProductShow .rightBox .con .ewm {
	position: relative;
	float: left;
	margin: 5px 0 0 15px;
}

.ProductShow .rightBox .con .ewm em {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	background: url("../images/icon_ewm.png") no-repeat;
	cursor: -webkit-zoom-in;
}

.ProductShow .rightBox .con .ewm span {
	display: none;
	color: #666;
	font-size: 12px;
}

.ProductShow .rightBox .con .ewm .box {
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 185px;
	height: 0;
	/* padding: 15px 10px; */
	/* display: none; */
	border: 1px #aaa solid;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.ProductShow .rightBox .con .ewm:hover .box {
	opacity: 1;
	height: 200px;
}

.ProductShow .rightBox .con .ewm .box img {
	width: 140px;
	height: 140px;
	margin: auto;
	display: block;
}

.ProductShow .rightBox .con .ewm .box span {
	margin: 18px 0 2px 0;
	display: block;
	color: #666;
	font-size: 12px;
	text-align: center;
}


/*==详情↓==*/
.WorShowBox {
	margin: 0 0 50px 0
}

.WorShowBox .title {
	border-bottom: 1px #ddd solid;
	padding: 0 0 20px 0;
	text-align: center;
	margin: 0 0 20px 0;
}

.WorShowBox .title h1 {
	margin: 20px 0 0 0;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	color: #333;
	padding-bottom: 15px;
	font-weight: normal;
}

.WorShowBox .title span {
	padding: 0 7px;
	color: #999;
	font-size: 13px;
}

.WorShowBox .title .fonts a {
	padding: 0 3px;
}

.WorShowBox .title .fonts a {
	padding: 0 3px;
}

.WorShowBox .title a.active {
	font-weight: bold;
	color: #9a6834;
}

.WorShowBox .pagIng {
	border-top: 1px #ddd solid;
	margin-top: 20px;
	border: 1px #eee solid;
	padding: 10px;
}

.WorShowBox .pagIng a {
	color: #999;
	font-size: 13px;
}

.WorShowBox .pagIng a:hover {
	color: #e0232a
}

.WorShowBox .pagIng font {
	color: #bbb;
	font-size: 13px;
}

.WorShowBox .pagIng span {
	display: block;
	margin: 5px 0;
	color: #666;
	font-size: 13px;
}


/*===留言↓==*/
.comments .title {
	float: left;
	width: 100%;
	text-align: left;
	margin: 50px 0 35px;
	color: #666;
	font-size: 30px;
}

.comments .title {}

.comments .title b {
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #777;
	font-weight: 400;
}

.comments .title span {
	display: block;
	border: 2px solid #ccc;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	margin: .4em auto 0em;
	position: relative;
}

.comments .contact-form {}

.comments .contact-form input {
	float: left;
	width: 48%;
	margin-right: 3%
}

.comments .contact-form input:nth-child(even) {
	float: right;
	width: 48%;
}

.comments .contact-form input {
	outline: none;
	border-bottom: 1px solid #999;
	background: none;
	margin: 20px 0 0 0;
	color: #777;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	border-left: none;
	border-right: none;
	border-top: none;
}

.comments .contact-form textarea {
	outline: none;
	float: left;
	margin: 20px 0 0 0;
	background: none;
	height: 110px;
	width: 100%;
	border-bottom: 1px solid #999;
	color: #777;
	font-size: 15px;
	border-left: none;
	border-right: none;
	border-top: none;
}

.comments .contact-form button {
	float: left;
	display: block;
	cursor: pointer;
	background: #666;
	font-size: 17px;
	border: none;
	margin: 14px auto;
	color: #fff;
	padding: 7px 30px;
}

.comments .contact-form button:hover {
	background: #9a6834
}

.comments .title {
	float: left;
	width: 100%;
	text-align: left;
	margin: 50px 0 35px;
	color: #666;
	font-size: 30px;
	/* font-family: 'Gabriela', serif;*/
}

.comments .contact-form .yzm {
	width: 205px;
	margin-right: 20px;
}

.comments .contact-form .yzm input.input-verifycode {
	width: 120px;
	float: right;
	margin: 10px 0px 0px 0px;
}

.comments .contact-form .yzm img {
	float: left;
	margin: 20px 0 0 0;
}


/*==地图↓==*/
#dituContent {
	margin: 0px 0 0 0;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}


/*==客服↓==*/
.kefuBox-One {
	position: fixed;
	right: 0;
	top: 180px;
	z-index: 99
}

.kefuBox-One ul li {
	position: relative;
	margin: 2px 0;
	cursor: pointer;
}

.kefuBox-One ul li a {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	overflow: hidden;
}

.kefuBox-One ul li em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	padding: 6px 0 0 0;
	width: 100%;
	height: 100%;
	font-size: 22px;
	color: #eee;
	text-align: center;
	background: rgba(102, 102, 102, 0.9);
}

.kefuBox-One ul li .ewm {
	display: block;
	width: 100%;
}

.kefuBox-One ul li em.icon-mobile {
	font-size: 35px;
	padding: 0px 0px 0px 0px;
	/*! padding-top: 0px; */
}

.kefuBox-One ul li em.icon-phone {
	font-size: 30px;
}

.kefuBox-One ul li b {
	position: absolute;
	left: 0;
	top: 45px;
	padding: 3px;
	display: block;
	width: 100%;
	font-size: 14px;
	height: 100%;
	color: #ddd;
	line-height: 18px;
	text-align: center;
	background: #333;
}

.kefuBox-One ul li .toolbar-layer {
	position: absolute;
	right: 47px;
	bottom: -10px;
	width: 172px;
	opacity: 0;
	padding: 5px;
	border-radius: 5px;
	border: 1px #ccc solid;
	background: #fff;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	-moz-transform-origin: 95% 95%;
	-ms-transform-origin: 95% 95%;
	-o-transform-origin: 95% 95%;
	-webkit-transform-origin: 95% 95%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	-ms-transform: scale(0.01);
	-o-transform: scale(0.01);
	-webkit-transform: scale(0.01);
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}

.kefuBox-One ul li .img {
	width: 120px;
}

.kefuBox-One ul li .tel {
	color: #666;
	font-size: 14px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.86);
}

.kefuBox-One ul li .tel hr {
	width: 100%;
	/* height:2px; */
	border: 0px;
	background: #ff5400;
}

.kefuBox-One ul li .tel font {
	float: left;
	width: 100%;
	clear: both;
	margin: 5px 0;
	padding: 5px 0;
	font-weight: bold;
	color: #555;
	font-size: 15px;
	bo;
	border-bottom: 1px #ccc solid;
}

.kefuBox-One ul li:hover .toolbar-layer {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.kefuBox-One ul li:hover em {
	top: -45px
}

.kefuBox-One ul li:hover b {
	top: 0
}

.kefuBox-One ul li .cd-top {
	height: 0px;
}

.kefuBox-One ul li .cd-is-visible {
	height: 45px;
}


.nav-wap-content {
	display: none;
}

.nav-wap {
	display: none;
}

/*-响应式-*/
@media (max-width:1920px) {}







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



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


.nei{
	line-height: 30px;
	font-size: 14px;
}
.nei img{
	max-width: 650px;
}