@charset "utf-8";

@media only screen and (min-width: 800px) {
	body::-webkit-scrollbar {
		width: 5px;
		height: 5px;
		background-color: #fff;
	}

	/*定义滚动条轨道 内阴影+圆角*/
	body::-webkit-scrollbar-track {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background: #fff;
	}

	/*定义滑块 内阴影+圆角*/
	body::-webkit-scrollbar-thumb {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background-color: #26a65c;
	}
}

/*=========
  基本默认值
  ==========*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-word-break: normal !important;
	word-break: normal !important;
	word-wrap: break-word !important;
}

html {
	height: 100vh;
}

html,
body {
	-webkit-overflow-scrolling: touch;
	/*苹果手机端滑动卡屏*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	/*手机端点击底部出现背景*/
	width: 100%;

	min-width: 320px;
	font-size: 12px;
}

body {
	overflow-y: auto;
	color: #000;
	font-family: "Arial", "sans-serif";
}


/** Generated by FG **/
@font-face {
	font-family: 'ziti';
	src: url('../fonts/din-bold.eot');
	src: local('☺'), url('../fonts/din-bold.woff') format('woff'), url('../fonts/din-bold.ttf') format('truetype'), url('../fonts/din-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

li {
	list-style: none;
}

img {
	border: none;
	vertical-align: top;
	max-width: 100%;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	color: #000;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

::after,
::before {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

table {
	border-collapse: collapse;
}

input,
textarea,
select {
	font-family: "Arial", "sans-serif";
	font-size: 12px;
	outline: none;
	appearance: none;
	/*清楚表单默认样式*/
	-moz-appearance: none;
	-webkit-appearance: none;
}

/** 文本输入框的 X  **/
input::-ms-clear {
	display: none;
}

/** 密码输入框的 X  **/
input::-ms-reveal {
	display: none;
}

/*94%的内容*/
.wrap {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	position: relative;
}

.wrap1 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	position: relative;
}


/*图片通用样式*/
.img-common {
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-background-size: cover;
}

/*清楚浮动*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}

/*Flex居中样式*/
.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

/*动画*/
.donghua {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
}

/*文字溢出*/
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}


.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
	float: left;
	font-size: 12px;
	padding-left: 17px;
	line-height: 16px;
	height: 16px;
	background-image: url(../images/icons_0_16.png);
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 6px 6px 6px 0;
}

.imgbox {
	overflow: hidden;
	position: relative;
	display: block;
}

.out-box {
	position: relative;
	overflow: hidden;
}

.mejs-container .mejs-controls .mejs-fullscreen-button button {
	position: absolute;
	right: 0;
	top: 0;
}

.swiper-pagination-bullet {
	outline: none;
	cursor: pointer;
}

.en {
	text-transform: uppercase;
}

.btn {
	outline: none;
}

.swiper-container {
	height: auto;
}

.swiper-container .swiper-wrapper {
	height: auto;
}

.swiper-container .swiper-wrapper .swiper-slide {
	height: auto;
}

/*通用按钮more*/
.more-common {
	font-size: 0;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	text-transform: uppercase;
}

.more-common span {
	font-family: "ziti";
	font-size: 14px;
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.more-common.green span {
	color: #26a65c;
}

.more-common span:nth-child(2) {
	-webkit-transition-delay: .03s;
	-moz-transition-delay: .03s;
	-o-transition-delay: .03s;
	transition-delay: .03s;
}

.more-common span:nth-child(3) {
	-webkit-transition-delay: .06s;
	-moz-transition-delay: .06s;
	-o-transition-delay: .06s;
	transition-delay: .06s;
}

.more-common span:nth-child(4) {
	margin-right: 3px;
	-webkit-transition-delay: .09s;
	-moz-transition-delay: .09s;
	-o-transition-delay: .09s;
	transition-delay: .09s;
}

.more-common span:nth-child(5) {
	-webkit-transition-delay: .12s;
	-moz-transition-delay: .12s;
	-o-transition-delay: .12s;
	transition-delay: .12s;
}

.more-common span:nth-child(6) {
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.more-common span:nth-child(7) {
	-webkit-transition-delay: .18s;
	-moz-transition-delay: .18s;
	-o-transition-delay: .18s;
	transition-delay: .18s;
}

.more-common span:nth-child(8) {
	-webkit-transition-delay: .21s;
	-moz-transition-delay: .21s;
	-o-transition-delay: .21s;
	transition-delay: .21s;
}

.more-common:before {
	content: "";
	width: 0;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.more-common:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;

}

@media only screen and (min-width: 601px) {
	.more-common:hover span {
		-webkit-transform: rotateX(360deg);
		-moz-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}

	.more-common:hover:before {
		width: 100%;
	}

	.more-common:hover:after {
		width: 0;
	}
}

@media only screen and (max-width: 414px) {
	.more-common:hover span {
		font-size: 12px;
	}
}


/*通用按钮*/
.index-btn {
	position: relative;
	width: 130px;
	height: 45px;
	display: block;
	clear: both;
}

.index-btn:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	left: 0;
	top: 0;
}

.index-btn .block {
	width: 130px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background-color: #26a65c;
	position: relative;
	z-index: 5;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	border: none;
	cursor: pointer;
}

.index-btn .block span {
	width: 45px;
	height: 10px;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.index-btn .block span:before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.index-btn .block span:after {
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

@media only screen and (min-width: 601px) {
	.index-btn:hover .block {
		-webkit-transform: translate(-5px, -5px);
		-moz-transform: translate(-5px, -5px);
		-ms-transform: translate(-5px, -5px);
		-o-transform: translate(-5px, -5px);
		transform: translate(-5px, -5px);
	}
}

@media only screen and (max-width: 1024px) {
	.index-btn {
		width: 100px;
		height: 36px;
	}

	.index-btn .block {
		width: 100px;
		height: 36px;
		line-height: 36px;
	}
}

/* =========

    导航

 ========= */
.headerbox.height {
	height: 100px;
}

.headerbox .header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 111;
	height: 100px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.headerbox .header .wrap {
	max-width: 1820px;
}

.headerbox .header .logo {
	display: block;
	width: 145px;
	height: 100px;
	position: relative;
	float: left;
	margin-right: 70px;
}

.headerbox[data-on='on'] .header .logo {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.headerbox .header .logo img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.headerbox .header .nav-list {
	float: left;
	font-size: 0;
	margin-right: 60px;
}

.headerbox .header .nav-list .lin {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 40px;
	position: relative;
	height: 100px;
	line-height: 100px;
}

.headerbox .header .nav-list .lin:after {
	content: "";
	width: 0;
	height: 4px;
	background-color: #84c743;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.headerbox .header .nav-list .lin .a {
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}

/*下拉菜单*/
.headerbox .header .nav-list .lin .nsub {
	width: 100vw;
	padding: 30px 0;
	background-color: #f5f5f5;
	position: fixed;
	left: 0;
	top: 100px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
}

.headerbox .header .nav-list .lin .nsub .subbox {
	max-width: 1300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft {
	max-width: 290px;
	width: 100%;
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll {
	height: 45px;
	line-height: 45px;
	padding-left: 50px;
	position: relative;
	font-size: 16px;
	color: #626262;
	cursor: pointer;
	display: block;
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll[data-on="on"] {
	color: #222222;
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll .ico {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll .ico.i2 {
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll[data-on="on"] .ico.i1 {
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll[data-on="on"] .ico.i2 {
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1)
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll .jt {
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #626262 #626262 transparent transparent;
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.headerbox .header .nav-list .lin .nsub .subbox .sleft .ll[data-on="on"] .jt {
	border-color: #222222 #222222 transparent transparent;
}

.headerbox .header .nav-list .lin .nsub .subbox .smid {
	max-width: 290px;
	width: 100%;
}

.headerbox .header .nav-list .lin .nsub .subbox .smid .mbox {
	display: none;
	padding-left: 40px;
	border-left: 1px solid #dcdcdc
}

.headerbox .header .nav-list .lin .nsub .subbox .smid .mbox[data-on="on"] {
	display: block;
}

.headerbox .header .nav-list .lin .nsub .subbox .smid .mbox .mm {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #626262;
	display: block;
}

.headerbox .header .nav-list .lin .nsub .subbox .smid .mbox .mm[data-on="on"] {
	font-weight: bold;
	color: #26a55c;
}


.headerbox .header .nav-list .lin .nsub .subbox .sright {
	max-width: 490px;
	width: 100%;
	padding-top: 10px;
	position: relative;
}

.headerbox .header .nav-list .lin .nsub .subbox .sright:after {
	content: "";
	width: 1px;
	height: 90%;
	background-color: #dcdcdc;
	position: absolute;
	left: 0;
	top: 0;
}

.headerbox .header .nav-list .lin .nsub .subbox .sright .inbox {
	max-width: 390px;
	margin: 0 auto;
	width: 100%;
}

.headerbox .header .nav-list .lin .nsub .subbox .sright .inbox .imgbox .rimg {
	padding-top: -webkit-calc(230 / 390 * 100%);
	padding-top: -moz-calc(230 / 390 * 100%);
	padding-top: calc(230 / 390 * 100%);
}

.headerbox .header .nav-list .lin .nsub .subbox .sright .inbox .bt {
	margin-top: 6px;
	font-size: 14px;
	color: #222222;
	line-height: 20px;
}


/*电话*/
.headerbox .header .phone {
	padding-left: 26px;
	height: 100px;
	line-height: 100px;
	padding-right: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/phone_03.png);
	-webkit-background-size: 17px auto;
	-moz-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
	float: left;
	position: relative;
	cursor: pointer;
}

.headerbox .header .phone:after {
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #26a65c #26a65c transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.headerbox .header .phone .select {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
}

.headerbox .header .phone .select .word {
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #fff;
}

.headerbox .header .phone .select .menu {
	position: absolute;
	right: 0;
	top: 100%;
	width: -webkit-calc(100% + 30px);
	width: -moz-calc(100% + 30px);
	width: calc(100% + 30px);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	overflow: hidden;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	background-color: #26a65c;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.headerbox .header .phone[data-on="on"] .select .menu {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.headerbox .header .phone .select .menu .mm {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #fff;
	padding: 0 10px;
	-moz-text-align-last: right;
	text-align-last: right;
}


/*按钮*/
.headerbox .header .mmbtn {
	float: right;
	margin-left: 45px;
	height: 100px;
}

.headerbox .header .mmbtn .inbox {
	padding-top: 25px;
	font-size: 12px;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	cursor: pointer;
}

.headerbox .header .mmbtn .inbox .line {
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.headerbox .header .mmbtn .inbox .line.l2 {
	top: 8px;
	left: 0;
	right: auto;
}

.headerbox .header .mmbtn .inbox .line.l3 {
	top: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}


/*搜索*/
.headerbox .header .searchbox {
	float: right;
	height: 100px;
}

.headerbox .header .searchbox form {
	background-color: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	border: 1px solid #fff;
	padding-left: 70px;
	transition: all .5s ease;
}

.headerbox .header .searchbox[data-on="on"] form {
	-webkit-border-radius: 50px 50px 50px 0;
	-moz-border-radius: 50px 50px 50px 0;
	border-radius: 50px 50px 50px 0;
}

.headerbox .header .searchbox form .select {
	width: 70px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.headerbox .header .searchbox form .select:before {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #dcdcdc;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.headerbox .header .searchbox form .select:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #26a65c #26a65c transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	transform: rotate(45deg);
	z-index: 5;
}

.headerbox .header .searchbox form .select .word {
	width: 100%;
	padding-left: 16px;
	font-size: 13px;
	color: #383838;
	cursor: pointer;
	position: relative;
	z-index: 11;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.headerbox .header .searchbox form .select .menu {
	position: absolute;
	left: -1px;
	top: 100%;
	width: 100%;
	font-size: 13px;
	color: #383838;
	background-color: #fff;
	border: none;
	cursor: pointer;
	z-index: 1;
	transition: all .3s ease;
	transform-origin: left top;
	transform: scaleY(0);
}

.headerbox.down .header .searchbox form .select .menu {
	background-color: #fafafa;
}

.headerbox .header .searchbox form .select[data-on="on"] .menu {
	transform: scaleY(1);
}

.headerbox .header .searchbox form .select .menu .mm {
	height: 30px;
	line-height: 30px;
	padding-left: 16px;
	transition: all .5s ease;
}

.headerbox .header .searchbox form .select .menu .mm span {
	position: relative;
	transition: all .5s ease;
}

.headerbox .header .searchbox form .select .menu .mm span:after {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #26a65c;
	position: absolute;
	left: calc(100% + 10px);
	top: 50%;
	margin-top: -1px;
	transform: scale(0);
}

.headerbox .header .searchbox form .select .menu .mm:hover span {
	color: #26a65c;
}

.headerbox .header .searchbox form .select .menu .mm:hover span:after {
	transform: scale(1);
}



.headerbox .header .searchbox form input[type="text"] {
	border: none;
	height: 35px;
	width: 180px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 0 40px 0 10px;
	background-color: transparent;
}

.headerbox .header .searchbox form input[type="submit"] {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 6px;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/sico.png);
	-webkit-background-size: 17px auto;
	-moz-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

/*下滚动*/
.headerbox.down .header {
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.headerbox.down .header .nav-list .lin .a {
	color: #000;
}

.headerbox.down .header .nav-list .lin.on .a {
	color: #26a65c;
}

.headerbox .header .nav-list .lin.on:after {
	width: 100%;
}

.headerbox.down .header .phone {
	color: #000;
}

.headerbox.down .header .phone select {
	color: #000;
}

.headerbox.down .header .searchbox form {
	border: 1px solid transparent;
	background-color: #f5f5f5;
}

.headerbox.down .header .mmbtn .inbox {
	color: #000;
}

.headerbox.down .header .mmbtn .line {
	background-color: #000;
}

.headerbox.down .header .phone .select .word {
	color: #000;
}

/*menu*/
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .35);
	left: 0;
	top: 0;
	z-index: 112;
	display: none;
}

.head-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 360px;
	background-color: #fff;
	z-index: 113;
	overflow: hidden;
	background: -webkit-linear-gradient(top, #fff, #eef2f5);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #fff, #eef2f5);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #fff, #eef2f5);
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef2f5));
	background: -moz-linear-gradient(top, #fff, #eef2f5);
	background: -o-linear-gradient(top, #fff, #eef2f5);
	background: linear-gradient(to bottom, #fff, #eef2f5);
	/* 标准的语法 */
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
}

.head-menu[data-on="on"] {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

.head-menu .toolbox {
	height: 100px;
	border-bottom: 1px solid #e6e6e6;
}

.head-menu .toolbox .tool {
	width: 94%;
	max-width: 260px;
	padding-right: 40px;
	position: relative;
}

.head-menu .toolbox .mmclose {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.head-menu .toolbox .mmclose:before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #2da961;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.head-menu .toolbox .mmclose:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #2da961;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.head-menu .toolbox .tool .searchbox {
	max-width: 180px;
}

.head-menu .toolbox .tool .searchbox form {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
}

.head-menu .toolbox .tool .searchbox form input[type="text"] {
	width: 100%;
	height: 35px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: none;
	padding: 0 40px 0 10px;
	background-color: #f0f0f0;
	font-size: 13px;
	color: #aaaaaa;
}

.head-menu .toolbox .tool .searchbox form input[type="submit"] {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 6px;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/sico.png);
	-webkit-background-size: 17px auto;
	-moz-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.head-menu .menu-box {
	height: -webkit-calc(100% - 100px);
	height: -moz-calc(100% - 100px);
	height: calc(100% - 100px);
	position: relative;
}

.head-menu .menu-box .wrap {
	max-width: 260px;
}

.head-menu .menu-box .mlist .lim {
	display: block;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.head-menu .menu-box .mlist .lim .word {
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	color: #1a1a1a;
	margin: 0 auto;
	width: 94%;
	max-width: 260px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.head-menu .menu-box .mlist .lim .menu {
	display: none;
	padding: 0 5%;
}

.head-menu .menu-box .mlist .lim[data-on="on"] .menu {
	display: block;
}

.head-menu .menu-box .mlist .lim .menu .mm {
	height: 30px;
	line-height: 30px;
	display: block;
}

.head-menu .menu-box .inbox {
	padding-top: 50px;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.head-menu .menu-box .inbox[data-on="on"] {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0;
	visibility: hidden;
}

.head-menu .menu-box .inbox .contact {
	margin-bottom: 50PX;
}

.head-menu .menu-box .inbox .contact .bt {
	font-size: 12px;
	color: #26a65c;
	margin-bottom: 10px;
}

.head-menu .menu-box .inbox .contact .desc {
	font-size: 12px;
	color: #1a1a1a;
	line-height: 30px;
	margin-bottom: 30px;
}

.head-menu .menu-box .inbox .contact .wxcode {
	width: 100px;
	height: 100px;
}

.head-menu .menu-box .outbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 115;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.head-menu .menu-box .outbox[data-on="on"] {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
	visibility: visible;
}

.head-menu .menu-box .outbox .inbtn {
	height: 50px;
	line-height: 50px;
	background-color: #26a65c;
	margin-bottom: 20px;
	cursor: pointer;
}

.head-menu .menu-box .outbox .inbtn .ww {
	max-width: 260px;
	width: 94%;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
}

.head-menu .menu-box .outbox .inbtn .ww span {
	width: 20px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.head-menu .menu-box .outbox .inbtn .ww span:before {
	content: "";
	border-style: solid;
	border-width: 2px 3px;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.head-menu .menu-box .outbox .inbtn .ww span:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.head-menu .menu-box .outbox .mlist .lim .word {
	font-size: 16px;
}


@media only screen and (min-width: 601px) {
	.headerbox .header .nav-list .lin:hover:after {
		width: 100%;
	}

	.head-menu .menu-box .mlist .lim:hover {
		background-color: #26a65c;
	}

	.head-menu .menu-box .mlist .lim:hover .word {
		color: #fff;
	}

	.headerbox .header .mmbtn .inbox:hover .line {
		width: 60%;
	}

	.headerbox .header .nav-list .lin:hover .a {
		color: #26a65c;
	}

	.headerbox .header .nav-list .lin:hover .nsub {
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}

	.head-menu .menu-box .mlist .lim .menu .mm:hover {
		color: #fff;
	}
}

@media only screen and (max-width: 1360px) {
	.headerbox.height {
		height: 80px;
	}

	.headerbox .header {
		height: 80px;
	}

	.headerbox .header .logo {
		width: 116px;
		height: 80px;
		margin-right: 50px;
	}

	.headerbox .header .nav-list {
		margin-right: 40px;
	}

	.headerbox .header .nav-list .lin {
		padding: 0 30px;
		height: 80px;
		line-height: 80px;
	}

	.headerbox .header .phone {
		height: 80px;
		line-height: 80px;
	}

	.headerbox .header .searchbox {
		height: 80px;
	}

	.headerbox .header .mmbtn {
		height: 80px;
	}

	.head-menu .toolbox {
		height: 80px;
	}

	.head-menu .menu-box {
		height: -webkit-calc(100% - 80px);
		height: -moz-calc(100% - 80px);
		height: calc(100% - 80px);
	}

	.headerbox .header .nav-list .lin .nsub {
		top: 80px;
	}
}

@media only screen and (max-width: 1280px) {
	.headerbox.height {
		height: 60px;
	}

	.headerbox .header {
		height: 60px;
	}

	.headerbox .header .logo {
		width: 87px;
		height: 60px;
		margin-right: 30px;
	}

	.headerbox .header .nav-list {
		margin-right: 30px;
	}

	.headerbox .header .nav-list .lin {
		padding: 0 20px;
		height: 60px;
		line-height: 60px;
	}

	.headerbox .header .phone {
		height: 60px;
		line-height: 60px;
	}

	.headerbox .header .searchbox {
		height: 60px;
	}

	.headerbox .header .mmbtn {
		height: 60px;
	}

	.head-menu .toolbox {
		height: 60px;
	}

	.head-menu .menu-box {
		height: -webkit-calc(100% - 60px);
		height: -moz-calc(100% - 60px);
		height: calc(100% - 60px);
	}

	.headerbox .header .nav-list .lin .nsub {
		top: 60px;
	}
}

@media only screen and (max-width: 1024px) {
	.headerbox.height {
		height: 50px;
	}

	.headerbox .header {
		height: 50px;
	}

	.headerbox .header .logo {
		width: 72.5px;
		height: 50px;
		margin-right: 15px;
	}

	.headerbox .header .nav-list {
		display: none;
	}

	.headerbox .header .phone {
		height: 50px;
		line-height: 50px;
	}

	.headerbox .header .searchbox {
		height: 50px;
	}

	.headerbox .header .mmbtn {
		height: 50px;
	}

	.headerbox .header .searchbox form input[type="text"] {
		height: 30px;
	}

	.headerbox .header .searchbox form input[type="submit"] {
		width: 30px;
		height: 30px;
	}

	.headerbox .header .mmbtn {
		margin-left: 20px;
	}

	.headerbox .header .mmbtn .inbox {
		padding-top: 22px;
		font-size: 0;
		width: 25px;
	}

	.head-menu .toolbox {
		height: 50px;
	}

	.head-menu .menu-box {
		height: -webkit-calc(100% - 50px);
		height: -moz-calc(100% - 50px);
		height: calc(100% - 50px);
	}
}

@media only screen and (max-width: 414px) {
	.headerbox .header .phone {
		display: none;
	}

	.head-menu {
		width: 86vw;
	}

	.head-menu .menu-box .inbox {
		padding-top: 3%;
	}

	.head-menu .toolbox .tool {
		max-width: none;
	}

	.head-menu .toolbox .tool .searchbox {
		max-width: none;
	}

	.head-menu .toolbox .tool .searchbox form input[type="text"] {
		height: 30px;
	}

	.head-menu .toolbox .tool .searchbox form input[type="submit"] {
		width: 30px;
		height: 30px;
	}

	.head-menu .menu-box .mlist .lim .word {
		height: 40px;
		line-height: 40px;
		max-width: none;
		font-size: 18px;
	}

	.head-menu .menu-box .wrap {
		max-width: none;
	}

	.head-menu .menu-box .inbox .contact {
		margin-bottom: 5%;
	}

	.head-menu .menu-box .outbox .inbtn {
		margin-bottom: 3%;
	}

	.head-menu .menu-box .outbox .inbtn .ww {
		max-width: none;
	}

	.head-menu .menu-box .inbox .contact .desc {
		margin-bottom: 3%;
	}

	.headerbox .header .searchbox form input[type="text"] {
		width: 120px;
	}
}

@media only screen and (max-width: 375px) {
	.headerbox .header .searchbox form input[type="text"] {
		height: 25px;
	}

	.headerbox .header .searchbox form input[type="submit"] {
		width: 25px;
		height: 25px;
	}
}



/* =========

    首页

 ========= */

/*首页轮播图*/
.htmleaf-container {
	position: relative;
}

.htmleaf-container.phone {
	display: none;
}

.htmleaf-container .section-info {
	position: relative;
}

#sections-wrapper {
	position: relative;
	overflow: hidden;
	height: 100vh;
	background: #000;
}

#sections-wrapper section {
	height: 100vh;
	font-size: 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



.hide-bottom {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.hide-top {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

/*描述*/
#sections-wrapper .text {
	position: absolute;
	top: 32%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 94%;
	max-width: 1200px;
	z-index: 12;
}

#sections-wrapper .text.center {
	text-align: center;
}

#sections-wrapper .text .bbt {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
}

#sections-wrapper section.show[data-on="on"] .text .bbt {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;

}

#sections-wrapper section[data-on="off"] .text .bbt {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}

/*#sections-wrapper section[data-on="off"] .text .bbt{
	-webkit-transform: translateY(-100%);
	   -moz-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	     -o-transform: translateY(-100%);
	        transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
}*/

#sections-wrapper .text .bbt b {
	color: #26a65c;
}

#sections-wrapper .text .desc {
	font-size: 30px;
	color: #fff;
	line-height: 1.5;
	text-transform: uppercase;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	font-family: 'ziti';
}

#sections-wrapper section[data-on="on"] .text .desc {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

#sections-wrapper section[data-on="off"] .text .desc {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
}

/*#sections-wrapper .hide-bottom .text .desc{
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	     -o-transform: translateY(100%);
	        transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
}*/

#sections-wrapper .text.left {
	text-align: left;
	padding-top: 40px;
}

#sections-wrapper .text.left .bbt {
	margin-bottom: 40px;
}

#sections-wrapper .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 11;
}

#sections-wrapper .segment {
	height: 100%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.segment-inner {
	position: absolute;
	top: 0;
	background: no-repeat center center / cover;
	height: 100%;
	width: 100vw;
}

.sections-control {
	text-align: center;
	font-size: 0;
	position: absolute;
	right: 25px;
	bottom: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
}

.section-thumbnail {
	width: var(--thumbnail-width);
	height: var(--thumbnail-height);
	display: block;
	margin-top: 4px;
	padding: 4px 0;
	position: relative;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	-moz-transition: .3s all ease;
	transition: .3s all ease;
	opacity: .5;
	cursor: pointer;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
}

.section-thumbnail:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: var(--thumbnail-height);
	top: 50%;
	margin-top: -webkit-calc(var(--thumbnail-height)/2 * -1);
	margin-top: -moz-calc(var(--thumbnail-height)/2 * -1);
	margin-top: calc(var(--thumbnail-height)/2 * -1);
	background: #fff;
}

.section-thumbnail:hover {
	opacity: 1;
}

.section-thumbnail.active {
	-webkit-transform: scaleX(2);
	-moz-transform: scaleX(2);
	-ms-transform: scaleX(2);
	-o-transform: scaleX(2);
	transform: scaleX(2);
	opacity: 1;
}


.htmleaf-container .btn {
	display: none;
	width: 50px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 15px 24px;
	-moz-background-size: 15px 24px;
	-o-background-size: 15px 24px;
	background-size: 15px 24px;
	position: absolute;
	top: 50%;
	transition: all .5s ease;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 111;
	border-radius: 50%;
}

.htmleaf-container .btn.prev {
	background-image: url(../images/btn_03.png);
	left: 2%;
}

.htmleaf-container .btn.next {
	background-image: url(../images/btn_05.png);
	right: 2%;
}

/*分页*/
.htmleaf-container .htmleaf-pagination {
	width: 94%;
	max-width: 1800px;
	position: absolute;
	left: 50%;
	bottom: 40px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-left: 60px;
}

.htmleaf-container .htmleaf-pagination:after {
	content: "";
	width: 40px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.htmleaf-container .htmleaf-pagination .now {
	font-size: 48px;
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.htmleaf-container .htmleaf-pagination span {
	width: 40px;
	font-size: 30px;
	color: rgba(255, 255, 255, .3);
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
}

.htmleaf-container .htmleaf-pagination .how {
	font-size: 30px;
	color: rgba(255, 255, 255, .3);
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*scroll*/
.htmleaf-container .scroll {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0;
	width: 94%;
	max-width: 1820px;
	z-index: 11;
}

.htmleaf-container .scroll .click {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	text-transform: uppercase;
	padding-bottom: 30px;
	cursor: pointer;
}

.htmleaf-container .scroll .click:after {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*推荐分类*/
.bannerbox {
	position: relative;
}

.bannerbox .incommon-box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 94%;
	max-width: 850px;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 12;
}

.bannerbox .incommon-box .bbt {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.bannerbox .incommon-box .bbt b {
	color: #26a65c;
}

.bannerbox .incommon-box .desc {
	font-size: 30px;
	color: #fff;
	line-height: 1.5;
	font-family: 'ziti';
}

.bannerbox .incommon-box .incommon-swiper {
	margin-top: 160px;
	border-style: solid;
	border-width: 1px;
	border-color: #1b7541;
	background-color: rgba(0, 0, 0, .5);
}

.bannerbox .incommon-box .incommon-swiper .lic {
	display: block;
	padding-top: 30px;
	padding-bottom: 45px;
	border-right: 1px solid #1b7541;
}

.bannerbox .incommon-box .incommon-swiper .swiper-slide:last-child .lic {
	border: none;
}

.bannerbox .incommon-box .incommon-swiper .lic .imgbox .cimg {
	padding-top: calc(160/ 214 * 100%);
}

.bannerbox .incommon-box .incommon-swiper .lic .title {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

@media only screen and (min-width: 601px) {
	.htmleaf-container .btn:hover {
		background-color: #26a65c;
		opacity: .8;
	}

	.bannerbox .incommon-box .incommon-swiper .lic:hover {
		background-color: #1c7c45;
	}
}

@media only screen and (max-width: 1024px) {
	#sections-wrapper .text .bbt {
		font-size: 30px;
		font-weight: normal;
	}

	#sections-wrapper .text .desc {
		font-size: 24px;
	}

	.htmleaf-container .htmleaf-pagination {
		padding-left: 40px;
	}

	.htmleaf-container .htmleaf-pagination:after {
		width: 30px;
		height: 2px;
	}

	.htmleaf-container .htmleaf-pagination .now {
		font-size: 36px;
	}

	.htmleaf-container .htmleaf-pagination span {
		width: 30px;
	}

	.htmleaf-container .htmleaf-pagination .how {
		font-size: 24px;
	}

	.bannerbox .incommon-box .bbt {
		font-size: 24px;
	}

	.bannerbox .incommon-box .desc {
		font-size: 24px;
	}

	.bannerbox .incommon-box .common-list {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 414px) {
	#sections-wrapper .text {
		top: 25%;
	}

	#sections-wrapper .text .bbt {
		font-size: 20px;
		margin-bottom: 5%;
		font-weight: normal;
	}

	#sections-wrapper .text .desc {
		font-size: 16px;
	}

	.htmleaf-container .htmleaf-pagination {
		padding-left: 30px;
		bottom: 60px;
	}

	.htmleaf-container .htmleaf-pagination:after {
		width: 24px;
		height: 1px;
	}

	.htmleaf-container .htmleaf-pagination .now {
		font-size: 30px;
	}

	.htmleaf-container .htmleaf-pagination span {
		width: 20px;
	}

	.htmleaf-container .htmleaf-pagination .how {
		font-size: 20px;
	}

	.htmleaf-container .btn.prev {
		left: 30%;
		top: auto;
		bottom: 5px;
		transform: translateY(0);
	}

	.htmleaf-container .btn.next {
		right: 30%;
		top: auto;
		bottom: 5px;
		transform: translateY(0);
	}

	.bannerbox .incommon-box .bbt {
		font-size: 16px;
	}

	.bannerbox .incommon-box .desc {
		font-size: 16px;
	}

	.bannerbox .incommon-box .incommon-swiper {
		margin-top: 5%;
	}

	.bannerbox .incommon-box .incommon-swiper .lic .lic .imgbox {
		max-width: 70%;
		margin: 0 auto;
	}

	.bannerbox .incommon-box .incommon-swiper .lic .lic .title {
		font-size: 14px;
		font-weight: normal;
	}
}

/*首页链接*/
.inlinkbox {
	padding-top: 30px;
	padding-bottom: 50px;
}

.inlinkbox .litem {
	width: -webkit-calc(100% / 4);
	width: -moz-calc(100% / 4);
	width: calc(100% / 4);
	float: left;
	text-align: center;
}

.inlinkbox .litem .imgbox {
	width: 150px;
	margin: 0 auto;
}

.inlinkbox .litem .imgbox .limg {
	padding-top: 100%;
	transition: all .5s ease;
}

.inlinkbox .litem .title {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 15px;
	color: #494d4f;
	padding-left: 15px;
	position: relative;
}

.inlinkbox .litem .title:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #26a65c #26a65c transparent transparent;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

@media only screen and (min-width: 601px) {
	.inlinkbox .litem:hover .imgbox .limg {
		transform: scale(1.1);
	}
}

@media only screen and (max-width: 1024px) {
	.inlinkbox .litem .imgbox {
		width: 120px;
	}
}

@media only screen and (max-width: 414px) {
	.inlinkbox {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.inlinkbox .litem .imgbox {
		width: 60px;
	}

	.inlinkbox .litem .title {
		font-size: 12px;
	}
}


/*首页产品类别*/
.inpclass-bg {
	padding: 90px 0;
	background-color: #282828;
	position: relative;
	margin-bottom: 40px;
}

.inpclass-bg:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #282828;
}

.inpclass-bg .pbox .pleft {
	width: 780px;
	float: left;
	position: relative;
	-webkit-box-shadow: -26px 46px 46px rgba(255, 255, 255, .2);
	-moz-box-shadow: -26px 46px 46px rgba(255, 255, 255, .2);
	box-shadow: -26px 46px 46px rgba(255, 255, 255, .2);
}

.inpclass-bg .pbox .pleft .swiperbox {
	margin-left: -85px;
	width: -webkit-calc(100% + 85px);
	width: -moz-calc(100% + 85px);
	width: calc(100% + 85px);
	position: relative;
	overflow: hidden;
}

.inpclass-bg .pbox .pleft .swiperbox:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #282828;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.inpclass-bg.on .pbox .pleft .swiperbox:after {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.inpclass-bg .pbox .pleft .swiperbox .inpclass-swiper .swiper-wrapper .swiper-slide .pimg {
	padding-top: -webkit-calc(440 / 866 * 100%);
	padding-top: -moz-calc(440 / 866 * 100%);
	padding-top: calc(440 / 866 * 100%);
	display: block;
}

.inpclass-bg .pbox .pright {
	width: -webkit-calc(97% - 780px);
	width: -moz-calc(97% - 780px);
	width: calc(97% - 780px);
	float: right;
	max-width: 450px;
	overflow: hidden;
}

.inpclass-bg .pbox .pright .rightbox {
	max-width: 340px;
	padding-top: 40px;
	overflow: hidden;
	text-transform: uppercase;
	position: relative;
}

.inpclass-bg .pbox .pright .rightbox .bg {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #282828;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 1000;
}

.inpclass-bg .pbox .pright .rightbox .inptitle-swiper {
	margin-bottom: 120px;
}

.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .class {
	font-size: 15px;
	color: rgba(255, 255, 255, .5);
	padding-bottom: 10px;
	font-weight: bold;
	position: relative;
	margin-bottom: 25px;
	display: block;
}

.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .class:after {
	content: "";
	width: 40px;
	height: 2px;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	left: 0;
	bottom: 0;
}

.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .title {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .demo {

	font-size: 0;
	font-size: 52px;
	color: #26a65c;
	display: block;
	font-weight: bold;
}

.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .demo span {
	font-size: 52px;
	color: #26a65c;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.inpclass-bg .pbox .pright .rightbox .morebox {
	font-size: 0;
	position: relative;
	z-index: 11;
}

.inpclass-bg .pbox .pright .rightbox .morebox .more-common {
	margin-right: 70px;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
	vertical-align: bottom;
}

.inpclass-bg .pbox .pright .rightbox .morebox .inpclass-pagination {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.inpclass-bg .pbox .pright .rightbox .morebox .inpclass-pagination .swiper-pagination-bullet {
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: transparent;
	font-size: 14px;
	color: rgba(255, 255, 255, .15);
	margin-right: 16px;
	padding-bottom: 10px;
}

.inpclass-bg .pbox .pright .rightbox .morebox .inpclass-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: #26a65c;
	border-bottom: 2px solid #26a65c;
}

@media only screen and (max-width: 1360px) {
	.inpclass-bg {
		padding: 70px 0;
	}

	.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .demo {
		font-size: 36px;
	}
}

@media only screen and (max-width: 1280px) {
	.inpclass-bg {
		padding: 50px 0;
	}

	.inpclass-bg:after {
		width: 100vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.inpclass-bg .pbox .pleft {
		width: 100%;
		float: none;
	}

	.inpclass-bg .pbox .pleft .swiperbox {
		margin-left: 0;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	.inpclass-bg .pbox .pright {
		width: 100%;
		float: none;
		max-width: none;
	}

	.inpclass-bg .pbox .pright .rightbox {
		padding-top: 30px;
	}

	.inpclass-bg .pbox .pright .rightbox .inptitle-swiper {
		margin-bottom: 50px;
	}

	.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .demo {
		font-size: 30px;
	}
}

@media only screen and (max-width: 1024px) {
	.inpclass-bg {
		padding: 30px 0;
	}

	.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .demo {
		font-weight: normal;
	}
}

@media only screen and (max-width: 414px) {
	.inpclass-bg {
		padding: 8% 0;
		margin-bottom: 5%;
	}

	.inpclass-bg .pbox .pright .rightbox {
		padding-top: 5%;
	}

	.inpclass-bg .pbox .pright .rightbox .inptitle-swiper {
		margin-bottom: 5%;
	}

	.inpclass-bg .pbox .pright .rightbox .inptitle-swiper .demo {
		font-size: 22px;
	}
}

/*产品推荐*/
.inproduct-swiper {
	margin-bottom: 120px;
}

.inproduct-swiper .swiper-wrapper .swiper-slide .imgbox {
	margin-bottom: 20px;
	max-width: 220px;
}

.inproduct-swiper .swiper-wrapper .swiper-slide .imgbox .pimg {
	padding-top: -webkit-calc(175 / 220 * 100%);
	padding-top: -moz-calc(175 / 220 * 100%);
	padding-top: calc(175 / 220 * 100%);
}

.inproduct-swiper .swiper-wrapper .swiper-slide .num {
	font-size: 14px;
	color: #262626;
	padding-bottom: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-bottom: 1px solid #01807b;
	margin-bottom: 20px;
	font-family: "ziti";
}

.inproduct-swiper .swiper-wrapper .swiper-slide .title {
	display: block;
	margin-bottom: 40px;
	font-size: 18px;
	color: #494d4f;
}

@media only screen and (min-width: 601px) {
	.inproduct-swiper .swiper-wrapper .swiper-slide:hover .imgbox .pimg {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	.inproduct-swiper .swiper-wrapper .swiper-slide:hover .title {
		color: #26a65c;
	}
}

@media only screen and (max-width: 1360px) {
	.inproduct-swiper {
		margin-bottom: 100px;
	}
}

@media only screen and (max-width: 1280px) {
	.inproduct-swiper {
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.inproduct-swiper {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 414px) {
	.inproduct-swiper {
		margin-bottom: 5%;
	}

	.inproduct-swiper .swiper-wrapper .swiper-slide .title {
		margin-bottom: 3%;
	}
}


/*首页文章*/
.inbook-bg {
	padding-bottom: 130px;
	overflow: hidden;
}

.inbook-bg .book-box1 {
	position: relative;
	margin-bottom: 30px;
}

.inbook-bg .book-box1 .imgbox {
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.inbook-bg .book-box1 .imgbox .kimg {
	padding-top: -webkit-calc(465 / 960 * 100%);
	padding-top: -moz-calc(465 / 960 * 100%);
	padding-top: calc(465 / 960 * 100%);
}

.inbook-bg .book-box1 .imgbox .simg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 5s ease;
	-o-transition: all 5s ease;
	-moz-transition: all 5s ease;
	transition: all 5s ease;
}

.inbook-bg .book-box1.on .imgbox .simg {
	opacity: 1;
	visibility: visible;
}

.inbook-bg .book-box1 .inbox .textbox {
	width: 100%;
	max-width: 690px;
	float: right;
	background-color: #242424;
	min-height: 510px;
	padding: 40px 0 40px 40px;
	position: relative;
	overflow: hidden;
}

.inbook-bg .book-box1 .inbox .textbox:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.inbook-bg .book-box1.on .inbox .textbox:after {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.inbook-bg .book-box1 .inbox .textbox .text {
	width: 94%;
	max-width: 520px;
	margin-right: 50px;
	margin-left: auto;
	position: relative;
}

.inbook-bg .book-box1 .inbox .textbox .text .cn {
	font-size: 24px;
	color: #fff;
	margin-bottom: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}

.inbook-bg .book-box1 .inbox .textbox .text .ene {
	font-size: 18px;
	color: #c8c8c8;
	margin-bottom: 70px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	font-family: "ziti";
}

.inbook-bg .book-box1 .inbox .textbox .text .demo {
	font-size: 16px;
	color: #c1c1c1;
	line-height: 30px;
	margin-bottom: 140px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}

.inbook-bg .book-box1.on .inbox .textbox .text .cn {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.inbook-bg .book-box1.on .inbox .textbox .text .ene {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.inbook-bg .book-box1.on .inbox .textbox .text .demo {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.inbook-bg .book-box2 .textbox {
	width: 390px;
	float: left;
}

.inbook-bg .book-box2 .textbox.phone {
	display: none;
}

.inbook-bg .book-box2 .textbox .num {
	font-size: 60px;
	color: #26a65c;
	font-weight: bold;
}

.inbook-bg .book-box2 .textbox .text {
	font-size: 20px;
	color: #595959;
	margin-bottom: 60px;
}

.inbook-bg .book-box2 .textbox .demo {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	font-weight: bold;
}

.inbook-bg .book-box2 .imgbox {
	width: -webkit-calc(97% - 350px);
	width: -moz-calc(97% - 350px);
	width: calc(97% - 350px);
	max-width: 780px;
	float: right;
	margin-top: 70px;
	position: relative;
	overflow: hidden;
}

.inbook-bg .book-box2 .imgbox:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.inbook-bg .book-box2.on .imgbox:after {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.inbook-bg .book-box2 .imgbox .kimg {
	padding-top: -webkit-calc(400 / 780 * 100%);
	padding-top: -moz-calc(400 / 780 * 100%);
	padding-top: calc(400 / 780 * 100%);
}

@media only screen and (min-width: 2000px) {
	.inbook-bg .book-box1 {
		margin-bottom: 150px;
	}

	.inbook-bg .book-box1 .imgbox {
		max-width: 1200px;
	}

	.inbook-bg .book-box1 .inbox .textbox {
		max-width: 860px;
	}

	.inbook-bg .book-box1 .inbox .textbox .text {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1280px) {
	.inbook-bg .book-box1 .imgbox {
		position: relative;
		width: 100%;
	}

	.inbook-bg .book-box1 .inbox {
		width: 100%;
	}

	.inbook-bg .book-box1 .inbox .textbox {
		max-width: none;
		min-height: auto;
		padding: 30px 0;
		float: none;
		-webkit-transition: all 0s;
		-o-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
	}

	.inbook-bg .book-box1 .inbox .textbox .text {
		max-width: none;
		margin: 0 auto;
	}

	.inbook-bg .book-box1 .inbox .textbox .text .en {
		margin-bottom: 30px;
	}

	.inbook-bg .book-box1 .inbox .textbox .text .demo {
		margin-bottom: 50px;
	}

	.inbook-bg .book-box2 {
		width: 100%;
	}

	.inbook-bg .book-box2 .imgbox {
		margin-top: 0;
		width: 100%;
		float: none;
		max-width: none;
		margin-bottom: 5%;
	}

	.inbook-bg .book-box2 .textbox {
		width: 100%;
		float: none;
		padding: 0 3%;
	}

	.inbook-bg .book-box1 .inbox .textbox .text .ene {
		margin-bottom: 50px;
	}

	.inbook-bg {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.inbook-bg .book-box1 .inbox .textbox .text .ene {
		margin-bottom: 36px;
	}

	.inbook-bg {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 414px) {
	.inbook-bg .book-box1 .inbox .textbox .text .cn {
		font-size: 20px;
	}

	.inbook-bg .book-box1 .inbox .textbox .text .demo {
		margin-bottom: 5%;
	}

	.inbook-bg .book-box2 .textbox .num {
		font-size: 36px;
	}

	.inbook-bg .book-box1 .inbox .textbox .text .ene {
		margin-bottom: 5%;
	}

	.inbook-bg .book-box2 .textbox.pc {
		display: none;
	}

	.inbook-bg .book-box2 .textbox.phone {
		display: block;
	}

	.inbook-bg {
		padding-bottom: 5%;
	}

	.inbook-bg .book-box1 {
		margin-bottom: 0;
	}
}

/*首页新闻*/
.innews-bg .swiperbox {
	width: -webkit-calc(100% - 290px);
	width: -moz-calc(100% - 290px);
	width: calc(100% - 290px);
	float: left;
	background-color: #26a65c;
	height: 80px;
	position: relative;
	z-index: 11;
}

.innews-bg .swiperbox:before {
	content: "";
	width: 55px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #26a65c;
}

.innews-bg .swiperbox:after {
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	background-color: #26a65c;
}

.innews-bg .swiperbox .theme {
	line-height: 80px;
	width: 115px;
	float: left;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	position: relative;
}

.innews-bg .swiperbox .theme:after {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #fff;
	-webkit-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-ms-transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	transform: scaleX(0.5);
	position: absolute;
	right: 0;
	top: 0;
}

.innews-bg .swiperbox .innews-swiper {
	width: -webkit-calc(97% - 115px);
	width: -moz-calc(97% - 115px);
	width: calc(97% - 115px);
	float: right;
	max-width: 920px;
	height: 80px;
}

.innews-bg .swiperbox .innews-swiper .swiper-wrapper .swiper-slide .lin {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	height: 80px;
}

.innews-bg .swiperbox .innews-swiper .swiper-wrapper .swiper-slide .lin .title {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
}

.innews-bg .swiperbox .innews-swiper .swiper-wrapper .swiper-slide .lin .time {
	font-size: 12px;
	color: rgba(255, 255, 255, .7);
}

.innews-bg .swiperbox .index-btn {
	position: absolute;
	right: 90px;
	top: 50%;
	z-index: 11;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.innews-bg .swiperbox .index-btn:after {
	background-color: rgba(0, 0, 0, .1);
}

.innews-bg .swiperbox .index-btn .block {
	background-color: #fff;
}

.innews-bg .swiperbox .index-btn .block span:before {
	background-color: #26a65c;
}

.innews-bg .swiperbox .index-btn .block span:after {
	border-color: transparent transparent transparent #26a65c;
}

.innews-bg .nright {
	font-size: 0;
	width: 290px;
	height: 80px;
	float: right;
	margin-top: -25px;
	position: relative;
	text-align: right;
	background: -webkit-linear-gradient(left, #205f33, #26a65c);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #205f33, #26a65c);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #205f33, #26a65c);
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#205f33), to(#26a65c));
	background: -moz-linear-gradient(left, #205f33, #26a65c);
	background: -o-linear-gradient(left, #205f33, #26a65c);
	background: linear-gradient(to right, #205f33, #26a65c);
	/* 标准的语法 */
}

.innews-bg .nright:after {
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #26a65c;
}

.innews-bg .nright .triangle {
	height: 55px;
	width: 55px;
	top: 11px;
	-webkit-transform: skewY(22deg);
	-moz-transform: skewY(22deg);
	-ms-transform: skewY(22deg);
	-o-transform: skewY(22deg);
	transform: skewY(22deg);
	left: -.06em;
	position: absolute;
	background-repeat: repeat-x;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(90deg, #8ac452 30%, #4d8715);
	background-image: -o-linear-gradient(90deg, #8ac452 30%, #4d8715);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #8ac452), to(#4d8715));
	background-image: -webkit-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: -moz-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: -o-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: linear-gradient(90deg, #8ac452 30%, #4d8715);
}

.innews-bg .nright .btn {
	width: 80px;
	height: 80px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 12px 20px;
	-moz-background-size: 12px 20px;
	-o-background-size: 12px 20px;
	background-size: 12px 20px;
	cursor: pointer;
	outline: none;
}

.innews-bg .nright .btn.innews-prev {
	border-right: 1px solid rgba(255, 255, 255, .35);
	background-image: url(../images/qie_03.png);
}

.innews-bg .nright .btn.innews-next {
	background-image: url(../images/qie_05.png);
}

@media only screen and (max-width: 1024px) {
	.innews-bg .nright {
		margin-top: 0;
		width: 120px;
		height: 60px;
		background: #26a65c;
	}

	.innews-bg .nright .triangle {
		display: none;
	}

	.innews-bg .nright .btn {
		width: 60px;
		height: 60px;
	}

	.innews-bg .swiperbox {
		width: -webkit-calc(100% - 120px);
		width: -moz-calc(100% - 120px);
		width: calc(100% - 120px);
		height: 60px;
	}

	.innews-bg .swiperbox .innews-swiper {
		height: 60px;
	}

	.innews-bg .swiperbox:before {
		display: none;
	}

	.innews-bg .swiperbox .theme {
		line-height: 60px;
		font-size: 24px;
	}

	.innews-bg .swiperbox .innews-swiper .swiper-wrapper .swiper-slide .lin {
		height: auto;
		display: block;
		padding: 8px 0;
	}

	.innews-bg .swiperbox .index-btn {
		right: 30px;
	}
}

@media only screen and (max-width: 414px) {
	.innews-bg .swiperbox .theme {
		display: none;
	}

	.innews-bg .swiperbox .innews-swiper {
		width: 100%;
	}

	.innews-bg .swiperbox .index-btn {
		display: none;
	}
}




/* =========

    通用内页大图

 ========= */
.allpage-banner {
	position: relative;
	overflow: hidden;
}

.allpage-banner .abanner {
	height: 600px;
}

.allpage-banner .theme {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 94%;
	text-align: center;
}

.allpage-banner .theme .ico {
	width: 60px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.allpage-banner .theme .cn {
	font-size: 36px;
	color: #fff;
	margin-bottom: 6px;
}

.allpage-banner .theme .en {
	font-size: 24px;
	color: #fff;
	font-family: "ziti";
}

@media only screen and (max-width: 1024px) {
	.allpage-banner .abanner {
		height: 500px;
	}

	.allpage-banner .theme .cn {
		font-size: 30px;
	}

	.allpage-banner .theme .en {
		font-size: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.allpage-banner .abanner {
		height: 400px;
	}
}

@media only screen and (max-width: 640px) {
	.allpage-banner .abanner {
		height: 330px;
	}
}

@media only screen and (max-width: 414px) {
	.allpage-banner .abanner {
		height: 260px;
	}

	.allpage-banner .theme .cn {
		font-size: 24px;
	}

	.allpage-banner .theme .en {
		font-size: 16px;
	}
}



/* =========

    通用路径

 ========= */
.pathbox {
	position: relative;
	margin-top: -80px;
	max-width: 1820px;
}

.md {
	position: absolute;
	top: -100px;
}

.pathbox .typebox {
	width: -webkit-calc(98% - 180px);
	width: -moz-calc(98% - 180px);
	width: calc(98% - 180px);
	max-width: 1560px;
	float: left;
	height: 80px;
	position: relative;
}

.pathbox .typebox:before {
	content: "";
	height: 80px;
	width: 100vw;
	top: 0;
	-webkit-transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	-ms-transform: skewX(30deg);
	-o-transform: skewX(30deg);
	transform: skewX(30deg);
	right: 23px;
	position: absolute;
	background-color: #fff;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}

.pathbox .typebox:after {
	/*content: "";*/
	width: 100vw;
	height: 100%;
	background-color: #fff;
	position: absolute;
	right: 50px;
	top: 0;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}

.pathbox .typebox .class-box {
	width: 100%;
	max-width: 1300px;
	margin-right: 0;
	margin-left: auto;
	height: 80px;
	overflow: hidden;
}

.pathbox .typebox .class-box .swiper-container {
	z-index: 0;
}

.pathbox .typebox .class-box .swiper-container .swiper-wrapper {
	z-index: 0;
}

.pathbox .class-box .path-swiper {
	border-bottom: 1px solid #e6e6e6;
}

.pathbox .class-box .path-swiper .swiper-wrapper .block {
	position: absolute;
	left: 1000px;
	bottom: 0;
	height: 4px;
	background-color: #26a65c;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass {
	font-size: 18px;
	color: #4a4a4a;
	height: 80px;
	position: relative;
	cursor: pointer;
}

.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide[data-on="on"] .pclass {
	color: #26a65c;
}

.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass:before {
	content: "";
	width: 1px;
	height: 60px;
	background-color: #e6e6e6;
	position: absolute;
	right: 0;
	bottom: 0;
}

.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide:nth-last-child(2) .pclass:before {
	display: none;
}

.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	left: 0;
	bottom: 0;
}

.pathbox .path {
	font-size: 0;
	width: 180px;
	float: right;
	text-align: right;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pathbox .path .pp {
	height: 80px;
	line-height: 80px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	color: #7e7e7e;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.pathbox .path .pp span {
	padding: 0 3px;
	font-size: 16px;
	vertical-align: middle;
}

.pathbox .path .pp.on {
	color: #26a65c;
}

.pathbox .path .pp.on span {
	color: #7e7e7e;
}

@media only screen and (max-width: 1360px) {
	.md {
		top: -80px;
	}
}

@media only screen and (max-width: 1280px) {
	.md {
		top: -60px;
	}
}

@media only screen and (max-width: 1024px) {
	.md {
		top: -50px;
	}

	.pathbox {
		margin-top: -60px;
	}

	.pathbox .typebox {
		height: 60px;
	}

	.pathbox .typebox .class-box {
		height: 60px;
	}

	.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass {
		height: 60px;
	}

	.pathbox .path .pp {
		height: 60px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 1000px) {
	.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass {
		font-size: 16px;
	}

	.pathbox {
		width: 100%;
		background-color: #fff;
	}

	.pathbox .typebox:before {
		display: none;
	}

	.pathbox .typebox {
		width: 100%;
	}

	.pathbox .path {
		display: none;
	}
}

@media only screen and (max-width: 414px) {
	.pathbox {
		margin-top: 0;
	}

	.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass {
		height: 50px;
	}

	.pathbox .class-box .path-swiper .swiper-wrapper .swiper-slide .pclass:before {
		height: 100%;
	}

	.pathbox.pj {
		display: none;
	}
}






/* =========

    通用类标题

 ========= */
.allclass-theme {
	font-size: 30px;
	color: #383838;
	font-weight: bold;
	position: relative;
	padding-bottom: 36px;
	text-align: center;
}

.allclass-theme:before {
	content: "";
	width: 50px;
	height: 4px;
	background-color: #26a65c;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.allclass-theme:after {
	content: "";
	width: 44px;
	height: 4px;
	background-color: #d6f0e5;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
	.allclass-theme {
		font-size: 24px;
		font-weight: normal;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 414px) {
	.allclass-theme {
		font-size: 20px;
		padding-bottom: 15px
	}

	.allclass-theme:before {
		width: 40px;
	}

	.allclass-theme:after {
		width: 32px;
	}
}


/* =========

    通用分页

 ========= */
.allfenye {
	text-align: center;
	font-size: 0;
}

.allfenye .btn {
	margin: 0 2px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 15px;
	color: #6a6a6a;
	border: 1px solid #e7e7e7;
	text-align: center;
}

.allfenye .btn.on {
	background-color: #26a65c;
	color: #fff;
	border: 1px solid #26a65c;
}

.allfenye .link {
	width: 48px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	margin: 0 2px;
	border: 1px solid #e7e7e7;
}

.allfenye .link:after {
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #6a6a6a transparent transparent #6a6a6a;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.allfenye .link.prev:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.allfenye .link.next:after {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

@media only screen and (min-width: 601px) {
	.allfenye .btn:hover {
		background-color: #26a65c;
		color: #fff;
		border: 1px solid #26a65c;
	}
}

@media only screen and (max-width: 1024px) {
	.allfenye .btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}

	.allfenye .link {
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
}

@media only screen and (max-width: 414px) {
	.allfenye .btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}

	.allfenye .link {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}

	.allfenye .link.prev {
		margin-right: 3%;
	}

	.allfenye .link.next {
		margin-left: 3%;
	}
}


.allfenye1 {
	text-align: right;
	font-size: 0;
	padding: 0 40px;
}

.allfenye1 .btn {
	width: 30px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 12px;
	color: rgba(61, 61, 61, 75);
	background-color: #fff;
	border: 1px solid #eeeeee;
}

.allfenye1 .btn.on {
	width: 40px;
	color: #3d3d3d;
	background-color: #fafafa;
}

.allfenye1 .link {
	height: 25px;
	line-height: 25px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	position: relative;
}

.allfenye1 .link.prev {
	width: 30px;
}

.allfenye1 .link.next {
	width: 30px;
}

.allfenye1 .link:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #bebebe transparent transparent #bebebe;
	position: absolute;
	left: 50%;
	top: 50%;
}

.allfenye1 .link.prev:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.allfenye1 .link.next:after {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.allfenye1 .link.max {
	font-size: 12px;
	color: rgba(102, 102, 102, .75);
}

.allfenye1 .link.max:after {
	display: none;
}

/* =========

    产品中心

 ========= */
.product-bg {
	padding-bottom: 100px;
	position: relative;
	z-index: 66;
}

/*分类列表*/
.product-bg .pclass-box {
	width: 310px;
	float: left;
	padding: 0 20px;
	margin-top: -350px;
	background-color: #fff;
	-webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 -10px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 -10px 10px rgba(0, 0, 0, .1);
}

.product-bg .pclass-box .theme {
	padding: 20px 0;
	font-size: 24px;
}

.product-bg .pclass-box .theme .cn {
	color: #26a65c;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.product-bg .pclass-box .theme .en {
	color: #e6e6e6;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: bottom;
	line-height: 24px;
}

.product-bg .pclass-box .pclass-menu .citem {
	margin-bottom: 1px;
}

.product-bg .pclass-box .pclass-menu .citem .classname {
	height: 60px;
	line-height: 60px;
	background-color: #ebebeb;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.product-bg .pclass-box .pclass-menu .citem[data-on="on"] .classname {
	background-color: #26a65c;
}

.product-bg .pclass-box .pclass-menu .citem .classname .ww {
	/*max-width: 250px;*/
	width: 96%;
	margin: 0 auto;
	font-size: 16px;
	color: #222222;
	padding-left: 40px;
	position: relative;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.product-bg .pclass-box .pclass-menu .citem[data-on="on"] .classname .ww {
	color: #fff;
}

.product-bg .pclass-box .pclass-menu .citem .classname .ww .ico {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.product-bg .pclass-box .pclass-menu .citem .classname .ww .ico.i2 {
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
}

.product-bg .pclass-box .pclass-menu .citem[data-on="on"] .classname .ww .ico.i1 {
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
}

.product-bg .pclass-box .pclass-menu .citem[data-on="on"] .classname .ww .ico.i2 {
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

.product-bg .pclass-box .pclass-menu .citem .classname .ww .jt {
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent #9da0a5 #9da0a5 transparent;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.product-bg .pclass-box .pclass-menu .citem[data-on="on"] .classname .ww .jt {
	border-color: transparent #fff #fff transparent;
	margin-top: -3px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.product-bg .pclass-box .pclass-menu .citem .menu {
	display: none;
}

.product-bg .pclass-box .pclass-menu .citem .menu[data-on="on"] {
	display: block;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .mtitle {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	padding: 0 10px;
	position: relative;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .mtitle .mww {
	max-width: calc(100% - 50px);
	font-size: 12px;
	color: #5b5b5b;
	font-weight: bold;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	display: block;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm[data-on="on"] .mtitle .mww {
	color: #26a65c;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .mtitle .jt {
	width: 40;
	height: 40;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .mtitle .jt:after {
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent #9da0a5 #9da0a5 transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list {
	max-width: 250px;
	width: 96%;
	margin: 0 auto;
	padding: 10px 0;
	display: none;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list[data-on="on"] {
	display: block;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip {
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: #737373;
	display: block;
	padding-left: 40px;
	position: relative;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip span {
	width: 30px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip span:before {
	content: "";
	border-style: solid;
	border-width: 3px 5px;
	border-color: transparent transparent transparent #26a65c;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip span:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip.on {
	color: #26a65c;
}

.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip.on span {
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 1;
	visibility: visible;
}

@media only screen and (max-width: 1024px) {
	.product-bg {
		padding-bottom: 50px;
	}

	.product-bg .pclass-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		padding-bottom: 30px;
		padding-top: 50px;
		z-index: 111;
		margin-top: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}

	.product-bg .pclass-box:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, .1);
		left: 100%;
		top: 0;
	}

	.product-bg .pclass-box[data-on="on"] {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}

	.product-bg .mmpbtn {
		width: 36px;
		height: 36px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #26a65c;
		position: fixed;
		right: 5%;
		bottom: 18%;
		z-index: 111;
	}

	.product-bg .mmpbtn .line {
		width: 50%;
		height: 2px;
		background-color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.product-bg .mmpbtn .line.l1 {
		margin-top: -6px;
	}

	.product-bg .mmpbtn .line.l3 {
		margin-top: 6px;
	}

	.product-bg .pclass-box .pclass-menu .citem .classname {
		height: 50px;
		line-height: 50px;
	}

	.product-bg .pclass-box .pclass-menu .citem .menu .mm .mtitle {
		height: 50px;
		line-height: 50px;
	}
}

@media only screen and (max-width: 414px) {
	.product-bg .pclass-box .pclass-menu .citem .classname {
		height: 45px;
		line-height: 45px;
	}

	.product-bg .pclass-box .pclass-menu .citem .menu .mm .mtitle {
		height: 45px;
		line-height: 45px;
	}

	.product-bg {
		padding-bottom: 10%;
	}
}

/*右边*/
.product-bg .pright {
	margin-top: -80px;
	width: -webkit-calc(97% - 310px);
	width: -moz-calc(97% - 310px);
	width: calc(97% - 310px);
	max-width: 950px;
	float: right;
}

.product-bg .pright .path {
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.product-bg .pright .path .pp {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	color: #7e7e7e;
}

.product-bg .pright .path .pp.on {
	color: #26a65c;
}

.product-bg .pright .path .pp span {
	padding: 0 3px;
	font-size: 16px;
	vertical-align: middle;
}

/*简介*/
.product-bg .pright .class-intro {
	padding: 30px 0;
}

.product-bg .pright .class-intro .cleft {
	width: -webkit-calc(97% - 200px);
	width: -moz-calc(97% - 200px);
	width: calc(97% - 200px);
	float: left;
}

.product-bg .pright .class-intro .cleft .cname {
	font-size: 24px;
	color: #26a65c;
	font-weight: bold;
	margin-bottom: 15px;
}

.product-bg .pright .class-intro .cleft .desc {
	font-size: 13px;
	color: #444444;
	line-height: 30px;
}

.product-bg .pright .class-intro .cright {
	width: 200px;
	float: right;
	font-size: 14px;
	color: #828282;
	padding-bottom: 10px;
	padding-left: 30px;
	line-height: 30px;
	border-left: 1px solid #ebebeb;
}

/*搜索*/
.product-bg .pright .search {
	border: 1px solid #e0e0e0;
	padding-right: 50px;
	position: relative;
}

.product-bg .pright .search input[type="text"] {
	height: 40px;
	border: none;
	padding: 0 20px;
	font-size: 13px;
	color: #aaaaaa;
	width: 100%;
}

.product-bg .pright .search .submit {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 10px;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/ssico_03.png);
	-webkit-background-size: 17px 18px;
	-moz-background-size: 17px 18px;
	-o-background-size: 17px 18px;
	background-size: 17px 18px;
	background-color: transparent;
	border: none;
}

.product-bg .pright .selectbox {
	background-color: #f9f9f9;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #ebebeb #ebebeb #ebebeb;
	padding-top: 6px;
	margin-bottom: 30px;
}

.product-bg .pright .selectbox .sitem {
	width: 25%;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-bottom: 6px;
}

.product-bg .pright .selectbox .sitem .word {
	font-size: 12px;
	color: #323232;
	margin-right: 6px;
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: calc(100% - 120px);
	text-align: right;
}

.product-bg .pright .selectbox .sitem .select {
	width: 100%;
	max-width: 120px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	position: relative;
}

.product-bg .pright .selectbox .sitem .select .jt {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #e6e6e6;
}

.product-bg .pright .selectbox .sitem .select .jt:after {
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: #717171 transparent transparent transparent;
	position: absolute;
	top: 13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.product-bg .pright .selectbox .sitem .select select {
	width: 100%;
	height: 30px;
	background-color: transparent;
	padding: 0 10px;
	border: none;
	position: relative;
	z-index: 11;
	cursor: pointer;
}

/*型号列表*/
.product-list .layui-table-view {
	border-top: 2px solid #5f6760;
}

.product-list .layui-table th {
	background-color: #262e2b;
	color: #fff;
	height: 70px;
	padding: 0;
	border: 1px solid #5f6760;
	vertical-align: baseline;
}

.product-list .layui-table th:nth-child(2n) {
	background-color: #363d3a;
}

.product-list .layui-table tr {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.product-list .layui-table tr.layui-table-hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}

.product-list .layui-table tr.layui-table-hover td {
	background-color: #ddd !important;
}

.product-list .layui-table td {
	color: #26a65c;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.product-list .layui-table td:nth-child(2n) {
	background-color: #fcfcfc;
}

.product-list .layui-table tr.layui-table-hover td:nth-child(2n) {
	background-color: #fff;
}

.product-list .layui-table td a {
	color: #26a65c;
	position: relative;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.product-list .layui-table td span {
	padding: 0 3px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	color: #fff;
	background-color: #f80000;
	position: absolute;
	left: 2px;
	top: -8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.product-list .layui-table td a.lan {
	text-decoration: underline;
}

.product-list .layui-table-cell {
	text-align: center;
	overflow: visible;
	height: auto;
	white-space: normal;
	line-height: 20px;
	padding-top: 10px;
}

.product-table {
	display: none;
}


@media only screen and (min-width: 601px) {
	.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip:hover {
		color: #26a65c;
	}

	.product-bg .pclass-box .pclass-menu .citem .menu .mm .list .lip:hover span {
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 1;
		visibility: visible;
	}
}

@media only screen and (max-width: 1024px) {
	.product-bg .pright {
		width: 100%;
		margin-top: -60px;
	}

	.product-bg .pright .path {
		height: 60px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 768px) {
	.product-bg .pright .selectbox .sitem {
		width: -webkit-calc(100% / 3);
		width: -moz-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media only screen and (max-width: 414px) {
	.product-bg .pright .class-intro {
		padding: 3% 0;
	}

	.product-bg .pright .class-intro .cleft {
		width: 100%;
		float: none;
		margin-bottom: 5%;
	}

	.product-bg .pright .class-intro .cright {
		padding-left: 0;
		width: 100%;
		float: none;
		border-left: none;
	}

	.product-bg .pright .class-intro .cleft .cname {
		font-size: 18px;
		margin-bottom: 5%;
	}

	.product-bg .pright .selectbox .sitem {
		width: 100%;
		margin-bottom: 3%;
		-webkit-box-pack: flex-start;
		-ms-flex-pack: flex-start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		justify-content: flex-start;
	}

	.product-bg .pright .selectbox .sitem .word {
		width: 120px;
	}

	.product-bg .pright .selectbox .sitem .select {
		max-width: none;
	}

	.product-list.none {
		display: none;
	}

	.product-table {
		display: block;
	}

	.product-table .ptr {
		border-bottom: 1px solid #cccccc;
	}

	.product-table .ptr .titlebox {
		height: 40px;
		line-height: 40px;
		padding-right: 30px;
		position: relative;
	}

	.product-table .ptr[data-on="on"] .titlebox {
		border-bottom: 1px solid #cccccc;
	}

	.product-table .ptr .titlebox .ptitle {
		font-size: 14px;
	}

	.product-table .ptr .titlebox .jt {
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
	}

	.product-table .ptr .titlebox .jt:after {
		content: "";
		width: 10px;
		height: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: transparent #cccccc #cccccc transparent;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -5px;
		margin-top: -7px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.product-table .ptr .sub {
		font-size: 13px;
		color: #333333;
		line-height: 2;
		padding: 5px;
		display: none;
		background-color: #f2f2f2;
	}

	.product-table .ptr[data-on="on"] .sub {
		display: block;
	}
}


/* =========

    产品详情

 ========= */
.nview-bg.pview {
	margin-bottom: 90px;
}

.nview-bg.pview .pview-box .pv-top .imgbox {
	width: 500px;
	float: left;
}

.nview-bg.pview .pview-box .pv-top .imgbox .pimg {
	padding-top: -webkit-calc(470 / 500 * 100%);
	padding-top: -moz-calc(470 / 500 * 100%);
	padding-top: calc(470 / 500 * 100%);
}

.nview-bg.pview .pview-box .pv-top .main {
	width: -webkit-calc(97% - 500px);
	width: -moz-calc(97% - 500px);
	width: calc(97% - 500px);
	max-width: 660px;
	float: right;
	padding-top: 40px;
}

.nview-bg.pview .pview-box .pv-top .main .title {
	font-size: 24px;
	color: #2e2e2e;
	margin-bottom: 10px;
}

.nview-bg.pview .pview-box .pv-top .main .desc {
	font-size: 16px;
	color: #272727;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

.nview-bg.pview .pview-box .pv-top .main .downbox {
	padding-bottom: 40px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 25px;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .bt {
	width: 115px;
	float: left;
	padding-left: 30px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/dico.png);
	-webkit-background-size: 17px 20px;
	-moz-background-size: 17px 20px;
	-o-background-size: 17px 20px;
	background-size: 17px 20px;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .bt .cn {
	font-size: 14px;
	color: #272727;
	margin-bottom: 5px;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .bt .en {
	font-size: 14px;
	color: #dcdcdc;
	font-size: "ziti";
}

.nview-bg.pview .pview-box .pv-top .main .downbox .dlist {
	width: -webkit-calc(97% - 115px);
	width: -moz-calc(97% - 115px);
	width: calc(97% - 115px);
	float: right;
	margin-bottom: 5px;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .dlist .ditem {
	width: -webkit-calc((100% - 8px) / 2);
	width: -moz-calc((100% - 8px) / 2);
	width: calc((100% - 8px) / 2);
	float: left;
	margin-bottom: 8px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background-color: #26a65c;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .dlist .ditem:nth-child(2n) {
	float: right;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .dlist .ditem .ww {
	font-size: 14px;
	color: #fff;
	padding-left: 25px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/dico_03.png);
	-webkit-background-size: 18px;
	-moz-background-size: 18px;
	-o-background-size: 18px;
	background-size: 18px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-transform: uppercase;
}

.nview-bg.pview .pview-box .pv-top .main .downbox .dlist .dall {
	font-size: 14px;
	color: #26a65c;
	font-weight: bold;
}

.nview-bg.pview .pview-box .pv-top .main .applybtn {
	max-width: 310px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #26a65c;
	margin-right: 0;
	margin-left: auto;
	display: block;
	position: relative;
}

.nview-bg.pview .pview-box .pv-top .main .applybtn:after {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #26a65c;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.nview-bg.pview .pview-box .pv-top .main .applybtn .word {
	padding-left: 30px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/suan_07.png);
	-webkit-background-size: 15px 14px;
	-moz-background-size: 15px 14px;
	-o-background-size: 15px 14px;
	background-size: 15px 14px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	color: #fff;
}

/*选项*/
.nview-bg.pview .pview-box .tab-select {
	border: 1px solid #e6e6e6;
	background: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #fcfcfc, #f5f5f5);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #fcfcfc, #f5f5f5);
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f5f5f5));
	background: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
	background: -o-linear-gradient(top, #fcfcfc, #f5f5f5);
	background: linear-gradient(to bottom, #fcfcfc, #f5f5f5);
	/* 标准的语法 */
	padding: 10px 10px 0 10px;
	font-size: 0;
}

.nview-bg.pview .pview-box .tab-select .stab {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	color: #676767;
	padding: 0 15px;
	margin-bottom: -2px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}

.nview-bg.pview .pview-box .tab-select .stab[data-on="on"] {
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #e6e6e6 #e6e6e6 transparent #e6e6e6;
}

.nview-bg.pview .pview-box .tab-box {
	height: 0;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	visibility: hidden;
}

.nview-bg.pview .pview-box .tab-box[data-on="on"] {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.nview-bg.pview .pview-box .tab-box .tab-theme {
	height: 90px;
	line-height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	border-bottom: 1px solid #e6e6e6;
}

.nview-bg.pview .pview-box .tab-box .tab-theme .cn {
	padding-left: 36px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/data_14.png);
	-webkit-background-size: 26px 29px;
	-moz-background-size: 26px 29px;
	-o-background-size: 26px 29px;
	background-size: 26px 29px;
	font-size: 30px;
	color: #26a65c;
}

.nview-bg.pview .pview-box .tab-box .tab-theme .en {
	font-size: 24px;
	color: #dcdcdc;
	font-family: "ziti";
}

/*产品参数*/
.nview-bg.pview .pview-box .tab-box .data-box {
	padding-top: 30px;
	margin-bottom: 70px;
}

.nview-bg.pview .pview-box .tab-box .data-box .bt {
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}

/*.nview-bg.pview .pview-box .tab-box .data-box .list .lid{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    background-color: #f5f5f5;
}
.nview-bg.pview .pview-box .tab-box .data-box .list .lid:nth-child(2n){
	background-color: #fff;
}*/
.nview-bg.pview .pview-box .tab-box .data-box .list .dd {
	width: 50%;
	float: left;
	background-color: #f5f5f5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	height: 50px;
	line-height: 50px;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd:nth-child(4n+3) {
	background-color: #fff;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd:nth-child(4n+4) {
	background-color: #fff;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd .title {
	width: -webkit-calc(5 / 12 * 100%);
	width: -moz-calc(5 / 12 * 100%);
	width: calc(5 / 12 * 100%);
	background-color: #ebebeb;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd:nth-child(4n+3) .title {
	background-color: #f5f5f5;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd:nth-child(4n+4) .title {
	background-color: #f5f5f5;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd .title .ww {
	width: 94%;
	max-width: 190px;
	margin: 0 auto;
	font-size: 13px;
	color: #3e3e3e;
	font-weight: bold;
}

.nview-bg.pview .pview-box .tab-box .data-box .list .dd .data {
	width: -webkit-calc(7 / 12 * 100%);
	width: -moz-calc(7 / 12 * 100%);
	width: calc(7 / 12 * 100%);
	text-align: center;
	font-size: 13px;
	color: #3e3e3e;
}

/*产品图纸*/
.nview-bg.pview .pview-box .tab-box .content {
	font-size: 18px;
	color: #333333;
	line-height: 2;
	overflow: hidden;
	padding: 50px 0;
}

/*相关应用*/
.nview-bg.pview .pview-box .tab-box .usebox {
	padding-top: 25px;
}

.nview-bg.pview .pview-box .tab-box .usebox .swiperbox {
	margin-bottom: 60px;
}

.nview-bg.pview .pview-box .tab-box .usebox .swiperbox .sbt {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 30px;
}

.nview-bg.pview .pview-box .tab-box .usebox .swiperbox .swiper-container .swiper-wrapper .uimg {
	padding-top: -webkit-calc(146 / 176 * 100%);
	padding-top: -moz-calc(146 / 176 * 100%);
	padding-top: calc(146 / 176 * 100%);
	transition: all .5s ease;
	cursor: pointer;
}

/*上下页*/
.nview-bg.pview .pview-box .product-page {
	margin-bottom: 80px;
	position: relative;
}

.nview-bg.pview .pview-box .product-page .btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	position: relative;
	font-weight: bold;
}

.nview-bg.pview .pview-box .product-page .btn:after {
	content: "";
	width: 40px;
	height: 40px;
	border: 2px solid #26a65c;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 16px 14px;
	-moz-background-size: 16px 14px;
	-o-background-size: 16px 14px;
	background-size: 16px 14px;
}

.nview-bg.pview .pview-box .product-page .btn.prev {
	padding-left: 56px;
	float: left;
}

.nview-bg.pview .pview-box .product-page .btn.next {
	padding-right: 56px;
	float: right;
}

.nview-bg.pview .pview-box .product-page .btn.prev:after {
	left: 0;
	background-image: url(../images/prev_18.png);
}

.nview-bg.pview .pview-box .product-page .btn.next:after {
	right: 0;
	background-image: url(../images/next_21.png);
}

.nview-bg.pview .pview-box .product-page .btn .ww {
	color: #8d8d8d;
}

.nview-bg.pview .pview-box .product-page .btn .title {
	color: #26a65c;
}

.nview-bg.pview .pview-box .product-page .index-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*产品推荐*/
.nview-bg.pview .pview-box .tuijian-box {
	padding-top: 70px;
	border-top: 1px solid #e6e6e6;
}

.nview-bg.pview .pview-box .tuijian-box .theme {
	margin-bottom: 30px;
	text-align: center;
	font-size: 30px;
	color: #26a65c;
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper {
	padding: 10px 0;
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide {
	max-width: 30%;
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide .imgbox {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide .imgbox .timg {
	padding-top: -webkit-calc(330 / 350 * 100%);
	padding-top: -moz-calc(330 / 350 * 100%);
	padding-top: calc(330 / 350 * 100%);
	transition: all .5s ease;
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide .imgbox .titlebox {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 3%;
	bottom: 25px;
	text-align: center;
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide .imgbox .titlebox .title {
	font-size: 18px;
	color: #292929;
}

.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide .imgbox .titlebox .ptitle {
	font-size: 14px;
	color: #919191;
}

.nview-bg.pview .pview-box .product-page .btn .ww.phone {
	display: none;
}

@media only screen and (min-width: 601px) {
	.nview-bg.pview .pview-box .pv-top .main .downbox .dlist .ditem:hover {
		background-color: #959595;
	}

	.nview-bg.pview .pview-box .pv-top .main .applybtn:hover {
		background-color: #fff;
	}

	.nview-bg.pview .pview-box .pv-top .main .applybtn:hover:after {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-moz-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}

	.nview-bg.pview .pview-box .pv-top .main .applybtn:hover .word {
		background-image: url(../images/lsuan_07.png);
		color: #26a65c;
	}

	.nview-bg.pview .pview-box .product-page .btn:hover:after {
		-webkit-transform: translateY(-50%) scale(0.7);
		-moz-transform: translateY(-50%) scale(0.7);
		-ms-transform: translateY(-50%) scale(0.7);
		-o-transform: translateY(-50%) scale(0.7);
		transform: translateY(-50%) scale(0.7);
	}

	.nview-bg.pview .pview-box .tab-box .usebox .swiperbox .swiper-container .swiper-wrapper .uimg:hover {
		transform: scale(1.1);
	}

	.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide:hover .imgbox .timg {
		transform: scale(1.1);
	}
}

@media only screen and (max-width: 1024px) {
	.nview-bg.pview .pview-box .pv-top .imgbox {
		width: 400px;
	}

	.nview-bg.pview .pview-box .pv-top .main {
		width: -webkit-calc(97% - 400px);
		width: -moz-calc(97% - 400px);
		width: calc(97% - 400px);
	}

	.nview-bg.pview .pview-box .tab-box .tab-theme .cn {
		font-size: 24px;
	}

	.nview-bg.pview .pview-box .product-page {
		margin-bottom: 50px;
	}

	.nview-bg.pview {
		margin-bottom: 60px;
	}

	.nview-bg.pview .pview-box .tuijian-box {
		padding-top: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.nview-bg.pview .pview-box .pv-top {
		margin-bottom: 3%;
	}

	.nview-bg.pview .pview-box .pv-top .imgbox {
		width: 100%;
		float: none;
	}

	.nview-bg.pview .pview-box .pv-top .main {
		width: 100%;
		float: none;
		padding-top: 3%;
		max-width: none;
	}
}

@media only screen and (max-width: 414px) {
	.nview-bg.pview .pview-box .pv-top .main .downbox {
		padding-bottom: 5%;
		margin-bottom: 5%;
	}

	.nview-bg.pview .pview-box .pv-top .main .downbox .bt {
		position: relative;
		width: 100%;
		margin-bottom: 3%;
	}

	.nview-bg.pview .pview-box .pv-top .main .downbox .dlist {
		width: 100%;
		float: none;
	}

	.nview-bg.pview .pview-box .pv-top .main .downbox .dlist .ditem {
		width: 100%;
		padding: 0 3%;
		text-align: left;
	}

	.nview-bg.pview .pview-box .pv-top .main .applybtn {
		max-width: none;
	}

	.nview-bg.pview .pview-box .tab-box .tab-theme {
		height: 60px;
		line-height: 60px;
	}

	.nview-bg.pview .pview-box .tab-box .tab-theme .cn {
		font-size: 20px;
	}

	.nview-bg.pview .pview-box .tab-box .tab-theme .en {
		font-size: 18px;
	}

	.nview-bg.pview .pview-box .tab-box .data-box .list .lid {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.nview-bg.pview .pview-box .tab-box .data-box .list .lid .dd {
		width: 100%;
	}

	.nview-bg.pview .pview-box .tab-box .data-box {
		padding-top: 3%;
		margin-bottom: 5%;
	}

	.nview-bg.pview .pview-box .tab-box .content {
		padding: 5% 0;
	}

	.nview-bg.pview .pview-box .product-page .index-btn {
		bottom: 0;
		top: auto;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.nview-bg.pview .pview-box .product-page {
		margin-bottom: 5%;
		padding-bottom: 50px;
	}

	.nview-bg.pview {
		margin-bottom: 5%;
	}

	.nview-bg.pview .pview-box .tuijian-box {
		padding-top: 5%;
	}

	.nview-bg.pview .pview-box .tuijian-box .theme {
		font-size: 24px;
		margin-bottom: 5%;
	}

	.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide {
		max-width: none;
	}

	.nview-bg.pview .pview-box .product-page .btn {
		width: 100%;
	}

	.nview-bg.pview .pview-box .product-page .btn.next {
		padding-left: 56px;
		padding-right: 0;
		float: left;
	}

	.nview-bg.pview .pview-box .product-page .btn.next:after {
		right: auto;
		left: 0;
	}

	.nview-bg.pview .pview-box .product-page .btn .ww.pc {
		display: none;
	}

	.nview-bg.pview .pview-box .product-page .btn .ww.phone {
		display: block;
	}

	.nview-bg.pview .pview-box .tuijian-box .tuijian-swiper .swiper-slide .imgbox {
		box-shadow: none;
	}

	.nview-bg.pview .pview-box .tab-box .data-box .list .dd {
		width: 100%;
	}
}

/* =========

    申请报价

 ========= */
.apply-bg {
	overflow: hidden;
	padding-bottom: 110px;
	background-color: #fafafa;
}

.apply-bg .themebox {
	padding-bottom: 50px;
	background-color: #26a65c;
}

.apply-bg .themebox .theme {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	height: 140px;
	position: relative;
	font-size: 30px;
}

.apply-bg .themebox .theme .cn {
	color: #fff;
	margin-right: 10px;
}

.apply-bg .themebox .theme .en {
	color: #84c743;
	font-family: "ziti";
}

.apply-bg .themebox .theme .back {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 30px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/back_03.png);
	-webkit-background-size: 19px 16px;
	-moz-background-size: 19px 16px;
	-o-background-size: 19px 16px;
	background-size: 19px 16px;
	font-size: 14px;
	color: #fff;
}

.apply-bg .inbox {
	margin-top: -50px;
}

.apply-bg .inbox .pbox {
	padding: 50px 0;
	background-color: #fff;
	margin-bottom: 50px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.apply-bg .inbox .pbox .pmain {
	width: 94%;
	margin: 0 auto;
	max-width: 1200px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	padding: 30px;
	background-color: #f5f5f5;
}

.apply-bg .inbox .pbox .pmain .imgbox {
	width: 140px;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.apply-bg .inbox .pbox .pmain .imgbox .pimg {
	padding-top: 100%;
	background-color: #fff;
}

.apply-bg .inbox .pbox .pmain .text {
	width: -webkit-calc(100% - 140px);
	width: -moz-calc(100% - 140px);
	width: calc(100% - 140px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	padding-left: 30px;
}

.apply-bg .inbox .pbox .pmain .text .title {
	font-size: 24px;
	color: #2e2e2e;
	margin-bottom: 10px;
}

.apply-bg .inbox .pbox .pmain .text .pbt {
	font-size: 16px;
	color: #808080;
}

/*填写信息*/
.app-form {
	max-width: 1200px;
	margin: 0 auto;
}

.app-form .bbt {
	font-size: 30px;
	color: #26a65c;
	margin-bottom: 45px;
}

.app-form .my-item {
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
	float: left;
	background-color: #fff;
	border: 1px solid #e6e5e5;
	padding: 0 10px;
}

.app-form .my-item:nth-child(2n-1) {
	float: right;
}

.app-form .my-item .my-input {
	padding-left: 30px;
	background-position: left;
	background-repeat: no-repeat;
}

.app-form .my-item.c1 .my-input {
	background-image: url(../images/mico_03.png);
	-webkit-background-size: 14px;
	-moz-background-size: 14px;
	-o-background-size: 14px;
	background-size: 14px;
}

.app-form .my-item.c2 .my-input {
	background-image: url(../images/mico_07.png);
	-webkit-background-size: 14px;
	-moz-background-size: 14px;
	-o-background-size: 14px;
	background-size: 14px;
}

.app-form .my-item.c3 .my-input {

	background-image: url(../images/mico_05.png);
	-webkit-background-size: 15px;
	-moz-background-size: 15px;
	-o-background-size: 15px;
	background-size: 15px;
}

.app-form .my-item.c4 .my-input {
	background-image: url(../images/mico_10.png);
	-webkit-background-size: 14px 12px;
	-moz-background-size: 14px 12px;
	-o-background-size: 14px 12px;
	background-size: 14px 12px;
}

.app-form .my-item .my-input input[type="text"] {
	width: 100%;
	height: 50px;
	border: none;
	font-size: 16px;
	color: #7e7e7e;
}

.app-form .my-item.textarea {
	width: 100%;
}

.app-form .my-item.textarea .my-textarea textarea {
	width: 100%;
	height: 160px;
	padding: 20px 30px;
	border: none;
	resize: none;
	font-size: 16px;
	color: #7e7e7e;
}

@media only screen and (max-width: 1280px) {
	.apply-bg {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.apply-bg {
		padding-bottom: 60px;
	}
}

@media only screen and (max-width: 414px) {
	.apply-bg .themebox .theme .cn {
		font-size: 20px;
	}

	.apply-bg .themebox .theme .en {
		font-size: 16px;
	}

	.apply-bg .themebox .theme {
		height: 100px;
	}

	.apply-bg .inbox .pbox {
		padding: 5% 0;
		margin-bottom: 5%;
	}

	.apply-bg .inbox .pbox .pmain {
		padding: 3%;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.apply-bg .inbox .pbox .pmain .imgbox {
		width: 100%;
		margin-bottom: 5%;
	}

	.apply-bg .inbox .pbox .pmain .text {
		padding-left: 0;
		width: 100%;
	}

	.apply-bg .inbox .pbox .pmain .text .title {
		font-size: 20px;
	}

	.apply-bg {
		padding-bottom: 6%;
	}

	.app-form .bbt {
		font-size: 24px;
		margin-bottom: 5%;
	}

	.app-form .my-item {
		width: 100%;
		margin-bottom: 5%;
	}
}


/* =========

    视觉配件

 ========= */
.part-list .lip {
	border: 1px solid #e0e0e0;
	margin-bottom: 60px;
}

.part-list .lip .pbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
}

.part-list .lip .pbox .imgbox {
	width: 360px;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.part-list .lip .pbox .imgbox .pimg {
	padding-top: -webkit-calc(240 / 360 * 100%);
	padding-top: -moz-calc(240 / 360 * 100%);
	padding-top: calc(240 / 360 * 100%);
}

.part-list .lip .pbox .main {
	width: -webkit-calc(100% - 360px);
	width: -moz-calc(100% - 360px);
	width: calc(100% - 360px);
	border-left: 1px solid #e0e0e0;
}

.part-list .lip .pbox .main .inbox {
	width: 94%;
	max-width: 520px;
}

.part-list .lip .pbox .main .inbox .title {
	font-size: 18px;
	color: #353535;
	margin-bottom: 10px;
}

.part-list .lip .pbox .main .inbox .demo {
	font-size: 14px;
	color: #828282;
	line-height: 20px;
	margin-bottom: 30px;
}

.part-list .lip .pbox .main .inbox .btnbox {
	height: 36px;
	position: relative;
	overflow: hidden;
}

.part-list .lip .pbox .main .inbox .btnbox .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
}

.part-list .lip .pbox .main .inbox .btnbox .btn.show {
	background-color: #26a65c;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.part-list .lip .pbox .main .inbox .btnbox .btn.hide {
	background-color: #7b7b7b;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.part-list .lip[data-on="on"] .pbox .main .inbox .btnbox .btn.show {
	background-color: #26a65c;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.part-list .lip[data-on="on"] .pbox .main .inbox .btnbox .btn.hide {
	background-color: #7b7b7b;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.part-list .lip .pbox .main .inbox .btnbox .btn .word {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	color: #fefefe;
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
}

.part-list .lip .pbox .main .inbox .btnbox .btn.show .word {
	background-image: url(../images/part_03.png);
}

.part-list .lip .pbox .main .inbox .btnbox .btn.hide .word {
	background-image: url(../images/part_03.png);
}

.part-list .lip .sub {
	width: -webkit-calc(100% - 360px);
	width: -moz-calc(100% - 360px);
	width: calc(100% - 360px);
	margin-right: 0;
	margin-left: auto;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	display: none;
}

.part-list .lip .sub .content {
	padding: 30px 0;
	width: 94%;
	max-width: 520px;
	font-size: 14px;
	color: #3b3b3b;
	line-height: 22px;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
	.part-list .lip {
		margin-bottom: 40px;
	}

	.part-list .lip .pbox {
		display: block;
	}

	.part-list .lip .pbox .imgbox {
		width: 100%;
		margin-bottom: 5%;
	}

	.part-list .lip .pbox .main {
		width: 100%;

		padding-bottom: 5%;
	}

	.part-list .lip .pbox .main .inbox {
		max-width: none;
	}

	.part-list .lip .sub {
		width: 100%;
	}
}

@media only screen and (max-width: 414px) {
	.part-list .lip {
		margin-bottom: 5%;
	}

	.part-list .lip .pbox .main .inbox .title {
		font-size: 16px;
	}
}



/* =========

    应用方案

 ========= */
.project-bg {
	padding-bottom: 100px;
}

.project-bg .project-class {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	background-color: #2b2d31;
}

.project-bg .project-class .classimg {
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: calc(100% - 300px);
}

.project-bg .project-class .classimg .imgbox {
	height: 530px;
	position: relative;
}

.project-bg .project-class .classimg .imgbox .cimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}

.project-bg .project-class .classimg .imgbox .cimg[data-on="on"] {
	opacity: 1;
	visibility: visible;
}

.project-bg .project-class .classmenu {
	width: 300px;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	padding: 60px 0;
	position: relative;
	z-index: 11;
}

.project-bg .project-class .classmenu .menu {
	width: 100%;
	margin-left: -40px;
}

.project-bg .project-class .classmenu .menu .lim {
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	position: relative;
	overflow: hidden;
}

.project-bg .project-class .classmenu .menu .lim[data-on='on'] {
	background-color: #26a65c;
}

.project-bg .project-class .classmenu .menu .lim:after {
	content: "";
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
	height: 1px;
	background-color: #32383e;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
}

.project-bg .project-class .classmenu .menu .lim[data-on='on']:after {
	display: none;
}

.project-bg .project-class .classmenu .menu .lim .ico {
	width: 60px;
	height: 60px;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
}

.project-bg .project-class .classmenu .menu .lim[data-on='on'] .ico {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

.project-bg .project-class .classmenu .menu .lim .title {
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.project-bg .project-class .classmenu .menu .lim[data-on='on'] .title {
	padding-left: 10px;
}

/*应用方案*/
.project-bg .project-list {
	overflow: hidden;
}

.project-bg .project-list .lip {
	width: -webkit-calc((100% - 80px) / 3);
	width: -moz-calc((100% - 80px) / 3);
	width: calc((100% - 80px) / 3);
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.project-bg .project-list .lip:nth-child(3n) {
	margin-right: 0;
}

.project-bg .project-list .lip .imgbox .pimg {
	padding-top: -webkit-calc(200 / 370 * 100%);
	padding-top: -moz-calc(200 / 370 * 100%);
	padding-top: calc(200 / 370 * 100%);
}

.project-bg .project-list .lip .text {
	padding: 20px 20px 15px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #e6e6e6 #e6e6e6 #e6e6e6;
}

.project-bg .project-list .lip .text .title {
	font-size: 20px;
	color: #262626;
	line-height: 30px;
	height: 60px;
}

@media only screen and (min-width: 1025px) {
	.project-bg .project-list .lip:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		box-shadow: 0 0 10px rgba(0, 0, 0, .1)
	}

	.project-bg .project-list .lip:hover .text .title {
		text-decoration: underline;
	}
}

@media only screen and (max-width: 1280px) {
	.project-bg {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.project-bg {
		padding-bottom: 50px;
	}

	.project-bg .project-class {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 768px) {
	.project-bg .project-class {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.project-bg .project-class .classimg {
		width: 100%;
	}

	.project-bg .project-class .classimg .imgbox {
		height: auto;
		padding-top: -webkit-calc(530 / 900 * 100%);
		padding-top: -moz-calc(530 / 900 * 100%);
		padding-top: calc(530 / 900 * 100%);
	}

	.project-bg .project-class .classmenu {
		width: 100%;
		padding: 30px 0;
	}

	.project-bg .project-class .classmenu .menu {
		margin-left: 0;
	}

	.project-bg .project-list .lip {
		width: -webkit-calc((100% - 40px) / 2);
		width: -moz-calc((100% - 40px) / 2);
		width: calc((100% - 40px) / 2);
	}

	.project-bg .project-list .lip:nth-child(3n) {
		margin-right: 40px;
	}

	.project-bg .project-list .lip:nth-child(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 414px) {
	.project-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}

	.project-bg .project-class {
		margin-bottom: 5%;
	}

	.project-bg .project-class .classmenu .menu .lim {
		height: 50px;
		line-height: 50px;
	}

	.project-bg .project-class .classmenu .menu .lim .ico {
		width: 50px;
		height: 50px;
	}

	.project-bg .project-class .classmenu .menu .lim .title {
		font-size: 16px;
		width: calc(100% - 50px);
	}

	.project-bg .project-list .lip {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 5%;
	}
}


/* =========

    应用方案详情

 ========= */
.shareview {
	height: 45px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	position: relative;
}

.shareview .bdsharebuttonbox {
	height: 45px;
	margin-right: 30px;
}

.shareview .bdsharebuttonbox .bds_more {
	width: 85px;
	height: 30px;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/share_03.png);
	-webkit-background-size: 14px;
	-moz-background-size: 14px;
	-o-background-size: 14px;
	background-size: 14px;
}

.shareview .back {
	height: 45px;
	line-height: 45px;
	padding-right: 10px;
	display: block;
	position: relative;
	font-size: 14px;
	color: #7e7e7e;
}

.shareview .back:after {
	content: "";
	width: 6px;
	height: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #7e7e7e #7e7e7e transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.shareview .down {
	position: absolute;
	right: 0;
	top: 0;
	width: 220px;
	height: 45px;
	line-height: 45px;
	background-color: #26a65c;
	text-align: center;
}

.shareview .down:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.shareview .down .word {
	font-size: 14px;
	color: #fff;
	padding-left: 30px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/down_03.png);
	-webkit-background-size: 18px 19px;
	-moz-background-size: 18px 19px;
	-o-background-size: 18px 19px;
	background-size: 18px 19px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.pview-bg {
	padding-top: 20px;
	padding-bottom: 100px;
}

.pview-bg .pview-title {
	font-size: 30px;
	color: #262626;
	margin-bottom: 20px;
}

.pview-bg .pview-content {
	padding-top: 10px;
	font-size: 15px;
	color: #383838;
	line-height: 2;
	overflow: hidden;
	margin-bottom: 50px;
}

.pview-bg .msgbox .bbt {
	font-size: 24px;
	color: #383838;
	font-weight: bold;
	padding-left: 15px;
	position: relative;
	margin-bottom: 30px;
}

.pview-bg .msgbox .bbt:before {
	content: "";
	width: 4px;
	height: 24px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pview-bg .msgbox .bbt:after {
	content: "";
	width: 4px;
	height: 18px;
	background-color: #84c743;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pview-bg .msgbox .pdemo {
	font-size: 15px;
	color: #383838;
	line-height: 2;
	overflow: hidden;
	margin-bottom: 60px;
}

.pview-bg .msgbox .effect-swiper {
	margin-bottom: 50px;
}

.pview-bg .msgbox .effect-swiper .swiper-wrapper .swiper-slide .eimg {
	padding-top: -webkit-calc(146 / 176 * 100%);
	padding-top: -moz-calc(146 / 176 * 100%);
	padding-top: calc(146 / 176 * 100%);
	cursor: pointer;
	background-color: #f5f5f5;
	transition: all .5s ease;
}

.pview-bg .msgbox .deploy-swiper .swiper-wrapper .swiper-slide .dd {
	display: block;
	background-color: #f5f5f5;
	position: relative;
}

.pview-bg .msgbox .deploy-swiper .swiper-wrapper .swiper-slide .dd .imgbox .dimg {
	padding-top: -webkit-calc(230 / 280 * 100%);
	padding-top: -moz-calc(230 / 280 * 100%);
	padding-top: calc(230 / 280 * 100%);
	transition: all .5s ease;
}

.pview-bg .msgbox .deploy-swiper .swiper-wrapper .swiper-slide .dd .title {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	padding: 0 3%;
	font-size: 16px;
	color: #383838;
	font-weight: bold;
	text-align: center;
}

.layui-layer.project {
	max-width: 584px !important;
	max-height: 704px !important;
	background-color: #fff;
}

.layui-layer.project .layer-himg {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.layui-layer.project .layer-himg img {
	max-width: 100%;
	max-height: 100%;
}

@media only screen and (min-width: 601px) {
	.shareview .down:hover:after {
		left: 4px;
		top: 4px;
	}

	.shareview .back:hover {
		color: #26a65c;
	}

	.shareview .back:after {
		border-color: #26a65c #26a65c transparent transparent;
	}

	.pview-bg .msgbox .effect-swiper .swiper-wrapper .swiper-slide:hover .eimg {
		transform: scale(1.1);
	}

	.pview-bg .msgbox .deploy-swiper .swiper-wrapper .swiper-slide:hover .dd .imgbox .dimg {
		transform: scale(1.1);
	}
}

@media only screen and (max-width: 1280px) {
	.pview-bg {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.pview-bg {
		padding-bottom: 60px;
	}

	.pview-bg .pview-title {
		font-size: 24px;
	}

	.pview-bg .pview-content {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 414px) {
	.pview-bg {
		padding-bottom: 5%;
	}

	.shareview {
		height: auto;
		padding-bottom: 0;
		margin-bottom: 5%;
	}

	.shareview .down {
		top: auto;
		left: 0;
		bottom: 0;
		width: 100%;
	}
}



/* =========

    技术支持

 ========= */
.support-bg {
	padding-top: 80px;
	padding-bottom: 110px;
}

.support-bg .support-theme {
	font-size: 24px;
	color: #383838;
	font-weight: bold;
}

/*下载中心*/
.support-bg .download-box .dright {
	width: 280px;
	float: right;
	padding: 15px;
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
	box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
}

.support-bg .download-box .dright .bt {
	font-size: 15px;
	color: #656565;
	font-weight: bold;
	margin-bottom: 10px;
}

.support-bg .download-box .dright .selectbox .sitem .word {
	height: 60px;
	line-height: 60px;
	background-color: #ebebeb;
	cursor: pointer;
}

.support-bg .download-box .dright .selectbox .sitem[data-on="on"] .word {
	background-color: #26a65c;
}

.support-bg .download-box .dright .selectbox .sitem .word .ww {
	width: 94%;
	max-width: 220px;
	margin: 0 auto;
	font-size: 14px;
	color: #282727;
	font-weight: bold;
	position: relative;
}

.support-bg .download-box .dright .selectbox .sitem[data-on="on"] .word .ww {
	color: #fff;
}

.support-bg .download-box .dright .selectbox .sitem .word .ww:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 2px;
	border-color: #9da0a5 #9da0a5 transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.support-bg .download-box .dright .selectbox .sitem[data-on="on"] .word .ww:after {
	margin-top: -6px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: #fff #fff transparent transparent;
}

.support-bg .download-box .dright .selectbox .sitem .menu {
	width: 94%;
	max-width: 220px;
	margin: 0 auto;
	display: none;
}

.support-bg .download-box .dright .selectbox .sitem .menu[data-on="on"] {
	display: block;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list {
	padding: 10px 0;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm {
	padding-left: 40px;
	font-size: 14px;
	color: #737373;
	height: 36px;
	line-height: 36px;
	display: block;
	position: relative;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm.on span {
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 1;
	visibility: visible;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm span {
	width: 30px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm span:before {
	content: "";
	border-style: solid;
	border-width: 3px 5px;
	border-color: transparent transparent transparent #26a65c;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm span:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.support-bg .download-box .dleft {
	width: -webkit-calc(97% - 280px);
	width: -moz-calc(97% - 280px);
	width: calc(97% - 280px);
	max-width: 970px;
	float: left;
}

.support-bg .download-box .dleft .dsearch {
	margin-top: 25px;
	margin-bottom: 25px;
	border: 1px solid #e1e1e1;
	padding-right: 50px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.support-bg .download-box .dleft .dsearch input[type="text"] {
	width: 100%;
	height: 55px;
	background-color: #f5f5f5;
	font-size: 12px;
	color: #bebebe;
	border: none;
	padding: 0 20px;
}

.support-bg .download-box .dleft .dsearch input[type="submit"] {
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background-color: #26a65c;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/wsico.png);
	-webkit-background-size: 17px 18px;
	-moz-background-size: 17px 18px;
	-o-background-size: 17px 18px;
	background-size: 17px 18px;
	cursor: pointer;
}

/*列表*/
.support-bg .download-box .dleft .dtable {
	margin-bottom: 30px;
}

.support-bg .download-box .dleft .dtable .dhead {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	height: 65px;
	line-height: 65px;
	border-top: 2px solid #5f6760;
}

.support-bg .download-box .dleft .dtable .dhead .hh {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 30px;
}

.support-bg .download-box .dleft .dtable .dhead .hh.h1 {
	width: -webkit-calc(100% - 320px);
	width: -moz-calc(100% - 320px);
	width: calc(100% - 320px);
	background-color: #262e2b;
}

.support-bg .download-box .dleft .dtable .dhead .hh.h2 {
	width: 320px;
	background-color: #363d3a;
	border-left: 1px solid #5f6760;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.support-bg .download-box .dleft .dtable .dbody .lib {
	height: 70px;
	line-height: 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

.support-bg .download-box .dleft .dtable .dbody .lib .unload {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 {
	padding-left: 30px;
	width: -webkit-calc(100% - 320px);
	width: -moz-calc(100% - 320px);
	width: calc(100% - 320px);
	background-color: #fff;
}

.support-bg .download-box .dleft .dtable .dbody .lib:nth-child(2n) .bb.b1 {
	background-color: #fcfcfc;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 .title {
	font-size: 16px;
	color: #333333;
	padding-left: 36px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/dbtn_03.png);
	-webkit-background-size: 22px 27px;
	-moz-background-size: 22px 27px;
	-o-background-size: 22px 27px;
	background-size: 22px 27px;
	display: block;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 {
	width: 320px;
	background-color: #fcfcfc;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	padding-left: 20px;
	border-left: 1px solid #e6e6e6;
}

.support-bg .download-box .dleft .dtable .dbody .lib:nth-child(2n) .bb.b2 {
	background-color: #f5f5f5;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn {
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 30px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(1) {
	background-image: url(../images/dbtn_06.png);
	-webkit-background-size: 23px 19px;
	-moz-background-size: 23px 19px;
	-o-background-size: 23px 19px;
	background-size: 23px 19px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(2) {
	background-image: url(../images/dbtn_08.png);
	-webkit-background-size: 23px 19px;
	-moz-background-size: 23px 19px;
	-o-background-size: 23px 19px;
	background-size: 23px 19px;
	//  background-size: 28px 19px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(3) {
	background-image: url(../images/dbtn_10.png);
	-webkit-background-size: 23px 19px;
	-moz-background-size: 23px 19px;
	-o-background-size: 23px 19px;
	background-size: 23px 19px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(4) {
	background-image: url(../images/dbtn_12.png);
	-webkit-background-size: 31px 19px;
	-moz-background-size: 31px 19px;
	-o-background-size: 31px 19px;
	background-size: 31px 19px;
}

.support-bg .download-box .dleft .allfenye {
	text-align: left;
}

@media only screen and (min-width: 601px) {
	.support-bg .download-box .dright .selectbox .sitem .menu .list .mm:hover span {
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 1;
		visibility: visible;
	}
}

@media only screen and (max-width: 1360px) {
	.support-bg {
		padding-top: 60px;
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1280px) {
	.support-bg {
		padding-top: 40px;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.support-bg .download-box .dright {
		width: 100%;
		float: none;
		margin-bottom: 5%;
	}

	.support-bg .download-box .dright .selectbox .sitem .word .ww {
		max-width: none;
	}

	.support-bg .download-box .dright .selectbox .sitem .menu[data-on="on"] {
		max-width: none;
	}

	.support-bg .download-box .dleft {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 768px) {
	.support-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}

	.support-bg .download-box .dright .selectbox .sitem .word {
		height: 50px;
		line-height: 50px;
	}

	.support-bg .support-theme {
		font-size: 20px;
	}

	.support-bg .download-box .dleft .dtable .dhead .hh.h1 {
		width: -webkit-calc(100% - 180px);
		width: -moz-calc(100% - 180px);
		width: calc(100% - 180px);
		padding-left: 10px;
	}

	.support-bg .download-box .dleft .dtable .dhead .hh.h2 {
		width: 180px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 {
		width: -webkit-calc(100% - 180px);
		width: -moz-calc(100% - 180px);
		width: calc(100% - 180px);
		padding-left: 10px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 {
		width: 180px;
		padding: 0 3%;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.support-bg .download-box .dleft .dtable .dhead {
		height: 50px;
		line-height: 50px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib {
		height: 55px;
		line-height: 55px;
	}
}

@media only screen and (max-width: 414px) {
	.support-bg .download-box .dleft .dtable .dhead .hh.h1 {
		width: 100%;
	}

	.support-bg .download-box .dleft .dtable .dhead .hh.h2 {
		display: none;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib {
		height: auto;
		line-height: 40px;
		display: block;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 .title {
		font-size: 15px;
		-webkit-background-size: 18px 23px;
		background-size: 18px 23px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 {
		width: 100%;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib:nth-child(2n) .bb.b1 {
		background-color: #fff;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 {
		height: 50px;
		width: 100%;
		border: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.support-bg .download-box .dleft .dsearch input[type="text"] {
		height: 40px;
	}
}


/*远心镜头选型*/
.step-bg .support-theme {
	padding-bottom: 30px;
	border-bottom: 2px solid #000000;
}

.step-bg .step-wrap {
	position: relative;
}

.step-bg .step-wrap .stepbox {
	background-color: #fff;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	visibility: hidden;
}

.step-bg .step-wrap .stepbox[data-on="on"] {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.step-bg .step-wrap .stepbox#step1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.step-bg .step-wrap .stepbox#step2 {
	position: relative;
	z-index: 11;
}

.step-bg .step-wrap .stepbox .containerFlex .boxleft {
	width: -webkit-calc(100% - 930px);
	width: -moz-calc(100% - 930px);
	width: calc(100% - 930px);
	float: left;
	padding-top: 30px;
	overflow: hidden;
}

.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox {
	width: 94%;
	max-width: 270px;
	margin: 0 auto;
}

.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt {
	font-size: 72px;
	color: #e6e6e6;
	line-height: 72px;
	font-family: "ziti";
	margin-bottom: 30px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt span {
	display: block;
}

.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .msg {
	font-size: 14px;
	color: #585858;
	line-height: 30px;
	text-transform: uppercase;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright {
	width: 100%;
	max-width: 930px;
	float: right;
	border-left: 1px solid #dddddd;
}

/*步骤1*/
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox {
	padding: 30px 0 10px 0;
	border-bottom: 1px solid #dddddd;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox {
	max-width: 830px;
	width: 94%;
	margin: 0 auto;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem {
	width: calc(97% / 2);
	max-width: 360px;
	float: left;
	margin-bottom: 20px;
	position: relative;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem:nth-child(2n) {
	float: right;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .label {
	font-size: 18px;
	color: #363636;
	font-weight: bold;
	margin-bottom: 20px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input {
	position: relative;
	max-width: 400px;
	height: 50px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input input {
	height: 50px;
	background-color: #fff;
	width: 100%;
	border: none;
	padding: 0 3%;
	border: 1px solid #dddddd;
	font-size: 14px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 10px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem .bbt {
	width: 90px;
	font-size: 14px;
	color: #363636;
	font-weight: bold;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem input[type='text'] {
	width: calc(100% - 130px);
	height: 40px;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 0 3%;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem .unit {
	width: 40px;
	text-align: right;
	font-size: 14px;
	color: #626262;
}


.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data {
	max-width: 550px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data .xx {
	width: 30px;
	position: relative;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data .xx:before {
	content: "";
	width: 15px;
	height: 1px;
	background-color: #757575;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data .xx:after {
	content: "";
	width: 15px;
	height: 1px;
	background-color: #757575;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data input {
	height: 50px;
	background-color: #f5f5f5;
	width: 100%;
	border: none;
	padding: 0 3%;
	font-size: 14px;
	border: 1px solid #dddddd;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn {
	padding: 40px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox {
	max-width: 830px;
	width: 94%;
	margin: 0 auto;
	font-size: 0;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	max-width: 240px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #dddddd;
	margin-right: 15px;
	font-size: 16px;
	color: #222222;
	text-align: center;
	cursor: pointer;
	background-color: #fff;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn.hui {
	background-color: #f5f5f5;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn.black {
	border: 1px solid #333333;
	background-color: #333333;
	color: #fff;
}

@media only screen and (max-width: 1280px) {
	.support-bg {
		padding-top: 60px;
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.support-bg {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxleft {
		width: 100%;
		float: none;
		padding-top: 3%;
		margin-bottom: 3%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox {
		max-width: none;
		width: 100%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt {
		font-size: 48px;
		line-height: 1.2;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright {
		width: 100%;
		float: none;
		border-left: none;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox {
		max-width: none;
		width: 100%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn {
		padding: 30px 0;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox {
		max-width: none;
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn {
		max-width: none;
		width: 30%;
	}
}

@media only screen and (max-width: 414px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt {
		font-size: 36px;
		margin-bottom: 3%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt span {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox {
		padding: 3% 0;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input {
		height: 40px;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input input {
		height: 40px;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data input {
		height: 40px;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn {
		height: 50px;
		line-height: 50px;
		margin-bottom: 3%;
		width: 100%;
		display: block;
		max-width: none;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem {
		padding-left: 0;
		width: 100%;
		float: none;
		max-width: none;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .label {
		position: relative;
	}
}


/*步骤2*/
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .ftheme {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	padding-bottom: 30px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem {
	position: relative;
	width: 50%;
	max-width: 420px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem:nth-child(2) {
	max-width: 360px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft {
	width: 235px;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 100%;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click span {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #f3f3f3;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click span:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #a2a2a2;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click span:after {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #26a65c;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .fleft .click span:before {
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .fleft .click span:after {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type1"] .fleft .fimg {
	padding-top: -webkit-calc(120 / 195 * 100%);
	padding-top: -moz-calc(120 / 195 * 100%);
	padding-top: calc(120 / 195 * 100%);
	background-color: #d1d1d1;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"][data-type="type1"] .fleft .fimg {
	background-color: #84c743;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type2"] .fleft {
	width: 160px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type2"] .fleft .fimg {
	padding-top: 100%;
	background-color: #d1d1d1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"][data-type="type2"] .fleft .fimg {
	background-color: #84c743;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type3"] .fleft .fimg {
	padding-top: -webkit-calc(120 / 195 * 100%);
	padding-top: -moz-calc(120 / 195 * 100%);
	padding-top: calc(120 / 195 * 100%);
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/acc_03.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox {
	width: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type1"] .inputbox {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input {
	position: relative;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .inputbox .my-input:after {
	display: none;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input {
	width: 160px;
	height: 50px;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	padding: 0 15px;
	font-size: 12px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .inputbox .my-input input {
	background-color: #fff;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input:-moz-placeholder {
	color: #bbbbbb;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input:-ms-input-placeholder {
	color: #bbbbbb;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input::-webkit-input-placeholder {
	color: #bbbbbb;
}

@media only screen and (max-width: 768px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem {
		width: 100%;
		margin-bottom: 3%;
	}
}

@media only screen and (max-width: 414px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft {
		width: 100%;
		margin-bottom: 3%;
		max-width: 70%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type1"] .inputbox {
		width: 100%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input {
		width: 100%;
		margin-bottom: 3%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input {
		width: 100%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type2"] .fleft {
		width: 100%;
		max-width: 50%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox {
		width: 100%;
	}
}

/*fa镜头步骤2*/
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox {
	padding-bottom: 40px;
	position: relative;
	border-bottom: 1px solid #dddddd;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .fabanner {
	padding-top: -webkit-calc(500 / 930 * 100%);
	padding-top: -moz-calc(500 / 930 * 100%);
	padding-top: calc(500 / 930 * 100%);
	background-image: url(../images/fabanner_03.png);
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .fabanner .inputbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input {
	position: absolute;
	width: 160px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(1) {
	top: 80px;
	left: 250px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(2) {
	top: 220px;
	left: 50px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(3) {
	top: 370px;
	left: 500px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input .my-label {
	font-size: 14px;
	color: #282828;
	display: block;
	margin-bottom: 10px;
}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input input[type="text"] {
	height: 50px;
	width: 100%;
	border: 1px solid #dddddd;
	padding: 0 15px;
}

@media only screen and (max-width: 768px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input {
		position: relative;
		top: 0 !important;
		left: 0 !important;
		width: -webkit-calc((100% - 30px) / 3);
		width: -moz-calc((100% - 30px) / 3);
		width: calc((100% - 30px) / 3);
		margin-right: 15px;
		float: left;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 414px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 3%;
	}

	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input input[type="text"] {
		height: 40px;
	}
}



/*所需倍率*/
.step-bg .need-box .need-num {
	border-top: 1px solid #dddddd;
	background-color: #f5f5f5;
	text-align: center;
	padding: 40px 0;
	display: none;
}

.step-bg .need-box .need-num[data-on="on"] {
	display: block;
}

.step-bg .need-box .need-num .bbt {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 20px;
}

.step-bg .need-box .need-num .num {
	font-size: 20px;
	color: #333333;
}

.step-bg .need-box .need-num .num span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 48px;
	line-height: 48px;
	color: #26a65c;
	vertical-align: middle;
	margin-left: 10px;
	font-family: "ziti";
}

@media only screen and (min-width: 601px) {
	.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input .list_cameras .lic:hover {
		background-color: rgba(102, 102, 102, 1);
		color: #fff;
	}
}

/*DTCM倍率速查表*/
.support-bg .table-bg {
	max-width: 1820px;
}

.support-bg .table-bg .support-theme {
	text-align: center;
	margin-bottom: 35px;
}

.support-bg .table-bg .tablebox {
	padding: 8px;
	background-color: #f5f5f5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.support-bg .table-bg .tablebox .inbox {
	overflow-x: auto;
}

.support-bg .table-bg .tablebox .inbox:not(:last-child) {
	margin-bottom: 3%;
}

.support-bg .table-bg .tablebox .inbox .tbt {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #494d4f;
}

.support-bg .table-bg .tablebox table {
	border: 1px solid #dcdcdc;
	margin-bottom: 30px;
}

.support-bg .table-bg .tablebox table .head {
	height: 80px;
	line-height: 80px;
	background-color: #30383c;
}

.support-bg .table-bg .tablebox table .head .h1 {
	width: 160px;
}

.support-bg .table-bg .tablebox table .head .h2 {
	padding: 0 30px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	border: none;
	white-space: nowrap;
}

.support-bg .table-bg .tablebox table .lib {
	background-color: #fff;
}

.support-bg .table-bg .tablebox table .lib:nth-child(2n+1) {
	background-color: #fafafa;
}

.support-bg .table-bg .tablebox table .lib:last-child {
	background-color: #666;
}

.support-bg .table-bg .tablebox table .lib .bb {
	padding: 15px 10px;
	text-align: center;
	font-size: 14px;
	color: #26a65c;
}

.support-bg .table-bg .tablebox table .lib .bb a {
	color: #26a65c;
	display: block;
}

.support-bg .table-bg .tablebox table .lib .bb a:hover {
	text-decoration: underline;
}

.support-bg .table-bg .tablebox table .lib .bb.b1 {
	width: 160px;
}

.support-bg .table-bg .tablebox table .lib .bb.b1 .title {
	width: 160px;
}

.support-bg .table-bg .tablebox table .lib:nth-child(2n) .bb.b1 {
	background-color: #f5f5f5;
}

.support-bg .table-bg .tablebox table .lib:last-child .bb.b1 {
	background-color: #666;
}




/* =========

    faq

 ========= */
.faq-bg {
	padding-top: 70px;
	padding-bottom: 130px;
}

.faq-bg .bannerbox {
	padding-top: 30px;
	padding-bottom: 80px;
	margin-bottom: 70px;
	position: relative;
	overflow: hidden;
}

.faq-bg .bannerbox:after {
	content: "";
	width: 100vw;
	height: 68%;
	background-color: #e9f5f0;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.faq-bg .bannerbox .banner {
	position: relative;
	z-index: 11;
	padding-top: -webkit-calc(330 / 1300 * 100%);
	padding-top: -moz-calc(330 / 1300 * 100%);
	padding-top: calc(330 / 1300 * 100%);
}

.faq-bg .faq-box {
	position: relative;
}

.faq-bg .faq-box .fmd {
	position: absolute;
	top: -100px;
}

/*筛选*/
.faq-bg .faq-box .boxright {
	width: 300px;
	float: right;
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}

.faq-bg .faq-box .boxright .brtitle {
	position: relative;
	font-size: 16px;
	color: #26a65c;
	font-weight: bold;
	margin-bottom: 15px;
}

.faq-bg .faq-box .boxright .brtitle .change {
	font-size: 12px;
	color: #7e7e7e;
	padding-left: 20px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/change_03.png);
	-webkit-background-size: 14px;
	-moz-background-size: 14px;
	-o-background-size: 14px;
	background-size: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

/*热门分类*/
.faq-bg .faq-box .boxright .brtype {
	padding-bottom: 30px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 0;
	margin-bottom: 30px;
}

.faq-bg .faq-box .boxright .brtype .type {
	font-size: 13px;
	color: #898989;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	background-color: #f0f0f0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.faq-bg .faq-box .boxright .brtype .type.on {
	background-color: #26a65c;
	color: #fff;
}

/*热门问题*/
.faq-bg .faq-box .boxright .brlist .lib {
	margin-bottom: 10px;
	font-size: 13px;
	color: #3e3e3e;
	line-height: 20px;
	cursor: pointer;
	padding-left: 15px;
	position: relative;
}

.faq-bg .faq-box .boxright .brlist .lib span {
	position: absolute;
	left: 0;
	top: 0;
}


/*列表*/
.faq-bg .faq-box .faq-list {
	width: -webkit-calc(97% - 300px);
	width: -moz-calc(97% - 300px);
	width: calc(97% - 300px);
	max-width: 950px;
	float: left;
}

/*行业知识*/
.faq-bg .faq-box .faq-list .lik {
	border-bottom: 1px solid #e6e6e6;
	padding: 40px 0;
	position: relative;
}

.faq-bg .faq-box .faq-list .lik:after {
	content: "";
	width: 0;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	bottom: 0;
}

.faq-bg .faq-box .faq-list .lik:first-child {
	padding-top: 0;
}

.faq-bg .faq-box .faq-list .lik .point {
	position: absolute;
	top: -100px;
}

.faq-bg .faq-box .faq-list .lik .text {
	max-width: 850px;
	margin: 0 auto;
}

.faq-bg .faq-box .faq-list .lik .text .titlebox {
	position: relative;
	padding-left: 80px;
	margin-bottom: 20px;
}

.faq-bg .faq-box .faq-list .lik .text .titlebox .ico {
	width: 50px;
	height: 46px;
	position: absolute;
	left: 0;
	top: 0;
}

.faq-bg .faq-box .faq-list .lik .text .titlebox .time {
	font-size: 12px;
	color: #7b7b7b;
	margin-bottom: 8px;
}

.faq-bg .faq-box .faq-list .lik .text .titlebox .title {
	font-size: 24px;
	color: #262626;
	display: block;
}

.faq-bg .faq-box .faq-list .lik .text .demobox {
	position: relative;
	padding-left: 80px;
}

.faq-bg .faq-box .faq-list .lik .text .demobox .more {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #26a65c;
	font-family: "ziti";
	text-transform: uppercase;
}

.faq-bg .faq-box .faq-list .lik .text .demobox .demo {
	font-size: 14px;
	color: #7b7b7b;
	line-height: 24px;
	height: 48px;
}

/*常见问题*/
.faq-bg .faq-box .faq-list .liq {
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

.faq-bg .faq-box .faq-list .liq .point {
	position: absolute;
	top: -100px;
}

.faq-bg .faq-box .faq-list .liq:first-child {
	border-top: 2px solid #222222;
}

.faq-bg .faq-box .faq-list .liq .qq {
	height: 100px;
	cursor: pointer;
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	background-color: #fff;
	z-index: 11;
}

.faq-bg .faq-box .faq-list .liq .qq .word {
	max-width: 890px;
	width: 96%;
	padding-left: 70px;
	font-size: 16px;
	color: #333333;
	position: relative;
	height: 45px;
	line-height: 45px;
}

.faq-bg .faq-box .faq-list .liq .qq .word:after {
	content: "Q.";
	font-size: 48px;
	color: #26a65c;
	font-family: "ziti";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 35px;
}

.faq-bg .faq-box .faq-list .liq .qq .word span {
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #26a65c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.faq-bg .faq-box .faq-list .liq .qq .word span:after {
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #fff #fff transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.faq-bg .faq-box .faq-list .liq[data-on="on"] .qq {
	background-color: #26a65c;
}

.faq-bg .faq-box .faq-list .liq[data-on="on"] .qq .word {
	color: #fff;
}

.faq-bg .faq-box .faq-list .liq[data-on="on"] .qq .word:after {
	color: #fff;
}

.faq-bg .faq-box .faq-list .liq[data-on="on"] .qq .word span {
	background-color: #fff;
}

.faq-bg .faq-box .faq-list .liq[data-on="on"] .qq .word span:after {
	border-color: transparent #26a65c #26a65c transparent;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	-moz-transform: translate(-50%, -50%) rotate(-135deg);
	-ms-transform: translate(-50%, -50%) rotate(-135deg);
	-o-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg);
}

.faq-bg .faq-box .faq-list .liq .sub {
	background-color: #fcfcfc;
	display: none;
}

.faq-bg .faq-box .faq-list .liq .sub .text {
	padding: 30px 0;
	max-width: 890px;
	width: 96%;
	margin: 0 auto;
}

.faq-bg .faq-box .faq-list .liq .sub .text .content {
	padding-left: 70px;
	font-size: 14px;
	color: #282828;
	line-height: 30px;
	position: relative;
}

.faq-bg .faq-box .faq-list .liq .sub .text .content:after {
	content: "A.";
	font-size: 48px;
	color: #26a65c;
	font-family: "ziti";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 35px;
}


@media only screen and (min-width: 601px) {
	.faq-bg.join {
		padding-top: 0;
	}

	.faq-bg .faq-box .faq-list .lik:hover:after {
		width: 100%;
	}

	.faq-bg .faq-box .faq-list .lik:hover .text .titlebox .title {
		color: #26a65c;
	}

	.faq-bg .faq-box .boxright .brtype .type:hover {
		background-color: #26a65c;
		color: #fff;
	}

	.faq-bg .faq-box .boxright .brlist .lib:hover {
		color: #26a65c;
	}
}

@media only screen and (max-width: 1024px) {
	.faq-bg .faq-box .boxright {
		width: 100%;
		float: none;
		background-color: #fff;
		z-index: 111;
		padding-top: 30px;
		top: 50px;
	}

	.faq-bg .faq-box .boxright .brtitle.none {
		display: none;
	}

	.faq-bg .faq-box .boxright .brlist {
		display: none;
	}

	.faq-bg .faq-box .boxright .brtype {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.faq-bg .faq-box .faq-list {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 414px) {
	.faq-bg .faq-box .boxright .brtype {
		padding-bottom: 3%;
		margin-bottom: 3%;
	}

	.faq-bg .faq-box .faq-list .lik .text .titlebox {
		padding-left: 0;
		margin-bottom: 3%;
	}

	.faq-bg .faq-box .faq-list .lik .text .titlebox .ico {
		display: none;
	}

	.faq-bg .faq-box .faq-list .lik .text .demobox {
		padding-left: 0;
	}

	.faq-bg .faq-box .faq-list .lik .text .demobox .demo {
		margin-bottom: 3%;
	}

	.faq-bg .faq-box .faq-list .lik .text .demobox .more {
		position: relative;
		font-size: 14px;
	}

	.faq-bg .faq-box .faq-list .lik .text .titlebox .title {
		font-size: 18px;
		margin-bottom: 3%;
	}

	.faq-bg .faq-box .faq-list .lik {
		padding: 5% 0;
	}

	.faq-bg .faq-box .faq-list .liq .qq .word {
		padding-left: 30px;
		padding-right: 50px;
	}

	.faq-bg .faq-box .faq-list .liq .qq .word:after {
		font-size: 24px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.faq-bg .faq-box .faq-list .liq .qq .word span {
		width: 30px;
		height: 30px;
	}

	.faq-bg .faq-box .faq-list .liq .qq {
		height: 60px;
		line-height: 60px;
	}

	.faq-bg .faq-box .faq-list .liq .sub .text {
		padding: 3% 0;
	}

	.faq-bg .faq-box .faq-list .liq .sub .text .content:after {
		font-size: 24px;
	}

	.faq-bg .faq-box .faq-list .liq .sub .text .content {
		padding-left: 30px;
	}
}

/* =========

    新闻资讯

 ========= */
.news-bg {
	padding-top: 70px;
	padding-bottom: 140px;
}

.news-bg .allclass-theme {
	margin-bottom: 60px;
}


/*全部资讯*/
.news-bg .news-all {
	padding-bottom: 80px;
}

.news-bg .news-all .allleft {
	width: -webkit-calc(97% - 346px);
	width: -moz-calc(97% - 346px);
	width: calc(97% - 346px);
	max-width: 800px;
	float: left;
}

.news-bg .news-all .part-bt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	margin-bottom: 30px;
}

.news-bg .news-all .part-bt .bt {
	font-size: 24px;
	color: #26a65c;
	font-weight: bold;
}

.news-bg .news-all .part-bt .view {
	padding-right: 12px;
	position: relative;
	font-size: 15px;
	color: #383838;
	font-family: "ziti";
	text-transform: uppercase;
}

.news-bg .news-all .part-bt .view:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #383838 #383838 transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.news-bg .news-all .news-list .lin:last-child {
	margin-bottom: 0;
}

.news-bg .news-all .allright {
	width: 346px;
	float: right;
}

/*公司新闻*/
.news-bg .news-all .allright .news-index {
	margin-bottom: 100px;
}

.news-bg .news-all .allright .news-index .lin {
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	position: relative;
}

.news-bg .news-all .allright .news-index .lin:after {
	content: "";
	width: 0;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	bottom: 0;
}

.news-bg .news-all .allright .news-index .lin .time {
	font-size: 12px;
	color: #7b7b7b;
	margin-bottom: 10px;
}

.news-bg .news-all .allright .news-index .lin .title {
	font-size: 22px;
	color: #262626;
	margin-bottom: 20px;
}

.news-bg .news-all .allright .news-index .lin .more {
	height: 10px;
	position: relative;
}

.news-bg .news-all .allright .news-index .lin .more span {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.news-bg .news-all .allright .news-index .lin .more span:before {
	content: "";
	width: 3px;
	height: 100%;
	background-color: #26a65c;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.news-bg .news-all .allright .news-index .lin .more span:after {
	content: "";
	width: 3px;
	height: 100%;
	background-color: #26a65c;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-moz-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	-o-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.news-bg .news-all .allright .video-list {
	border-bottom: 1px solid #e6e6e6;
}

.news-bg .news-all .allright .video-list .liv {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}

/*视频中心*/
.news-bg .video-list .liv {
	cursor: pointer;
	width: -webkit-calc((100% - 160px) / 3);
	width: -moz-calc((100% - 160px) / 3);
	width: calc((100% - 160px) / 3);
	float: left;
	margin-right: 80px;
	margin-bottom: 55px;
}

.news-bg .video-list .liv:nth-child(3n) {
	margin-right: 0;
}

.news-bg .video-list .liv .imgbox:before {
	content: "";
	width: 60px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/play_03.png);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	z-index: 11;
}

.news-bg .video-list .liv .imgbox:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .35);
	position: absolute;
	left: 0;
	top: 0;
}

.news-bg .video-list .liv .imgbox .vimg {
	padding-top: -webkit-calc(220 / 346 * 100%);
	padding-top: -moz-calc(220 / 346 * 100%);
	padding-top: calc(220 / 346 * 100%);
}

.news-bg .video-list .liv .title {
	font-size: 18px;
	color: #262626;
	position: relative;
	padding-right: 20px;
	height: 65px;
	line-height: 65px;
}

.news-bg .video-list .liv .title .more span {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.news-bg .video-list .liv .title .more span:before {
	content: "";
	width: 3px;
	height: 100%;
	background-color: #26a65c;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.news-bg .video-list .liv .title .more span:after {
	content: "";
	width: 3px;
	height: 100%;
	background-color: #26a65c;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-moz-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	-o-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.layui-layer.video {
	max-width: 820px !important;
	max-height: 480px !important;
	-webkit-animation-name: none !important;
	-moz-animation-name: none !important;
	-o-animation-name: none !important;
	animation-name: none !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.layui-layer-page .layui-layer-content {
	overflow: hidden !important;
	height: 100% !important;
}

.layui-layer .videobox {
	padding-top: -webkit-calc(440 / 740 * 100%);
	padding-top: -moz-calc(440 / 740 * 100%);
	padding-top: calc(440 / 740 * 100%);
	position: relative;
	overflow: hidden;
}

.layui-layer .videobox .mejs-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

.layui-layer .videobox .iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

:-webkit-full-screen-ancestor:not(iframe) {
	z-index: auto;
	position: static;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-filter: none;
	filter: none;
	-webkit-perspective: none;
	perspective: none;
	-webkit-transform-style: flat;
	transform-style: flat;
	will-change: auto;
	-webkit-mask: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}

@media only screen and (max-width: 1280px) {
	.news-bg {
		padding-top: 50px;
		padding-bottom: 100px;
	}

	.news-bg .allclass-theme {
		margin-bottom: 40px;
	}

	.news-bg .news-all {
		padding-bottom: 60px;
	}
}

@media only screen and (max-width: 1024px) {
	.news-bg {
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.news-bg .allclass-theme {
		margin-bottom: 30px;
	}

	.news-bg .news-all .allleft {
		width: 100%;
		float: right;
		max-width: none;
		margin-bottom: 5%;
	}

	.news-bg .news-all .allright {
		width: 100%;
		float: right;
	}

	.news-bg .news-all .allright .news-index {
		margin-bottom: 50px;
	}

	.news-bg .news-all {
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 414px) {
	.news-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}

	.news-bg .allclass-theme {
		margin-bottom: 5%;
	}

	.news-bg .news-all .part-bt {
		margin-bottom: 3%;
	}

	.news-bg .news-all {
		padding-bottom: 5%;
	}

	.news-bg .news-all .allright .news-index .lin {
		padding: 5% 0;
	}

	.news-bg .news-all .allright .news-index {
		margin-bottom: 5%;
	}

	.news-bg .news-all .part-bt .bt {
		font-size: 18px;
	}

	.news-bg .news-all .allright .news-index .lin .title {
		font-size: 20px;
	}

	.news-bg .video-list .liv {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 5%;
	}
}




/*展会动态*/
.news-bg .news-list .lin {
	margin-bottom: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
}

.news-bg .news-list .lin .imgbox {
	width: 345px;
	margin-right: 30px;

}

.news-bg .news-list .lin .imgbox .nimg {
	padding-top: -webkit-calc(230 / 345 * 100%);
	padding-top: -moz-calc(230 / 345 * 100%);
	padding-top: calc(230 / 345 * 100%);
}

.news-bg .news-list .lin .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	width: -webkit-calc(100% - 375px);
	width: -moz-calc(100% - 375px);
	width: calc(100% - 375px);
	position: relative;
}

.news-bg .news-list .lin .text .time {
	font-size: 12px;
	color: #7b7b7b;
	margin-bottom: 20px;
}

.news-bg .news-list .lin .text .title {
	font-size: 24px;
	color: #262626;
	margin-bottom: 25px;
	display: block;
}

.news-bg .news-list .lin .text .demo {
	font-size: 14px;
	color: #7b7b7b;
	line-height: 24px;
	height: 48px;
}

.news-bg .news-list .lin .text .more-common {
	position: absolute;
	left: 0;
	bottom: 0;
	height: auto;
	line-height: normal;
}

@media only screen and (min-width: 601px) {
	.news-bg .news-all .part-bt .view:hover:after {
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.news-bg .news-all .allright .news-index .lin:hover:after {
		width: 100%;
	}

	.news-bg .news-all .allright .news-index .lin:hover .more span {
		left: 100%;
		-webkit-transform: translate(-100%, -50%);
		-moz-transform: translate(-100%, -50%);
		-ms-transform: translate(-100%, -50%);
		-o-transform: translate(-100%, -50%);
		transform: translate(-100%, -50%);
	}

	.news-bg .video-list .liv:hover .imgbox:before {
		-webkit-transform: translate(-50%, -50%) scale(0);
		-moz-transform: translate(-50%, -50%) scale(0);
		-ms-transform: translate(-50%, -50%) scale(0);
		-o-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
	}

	.news-bg .video-list .liv:hover .imgbox:after {
		opacity: 0;
		visibility: hidden;
	}

	.news-bg .news-list .lin:hover .imgbox .nimg {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	.news-bg .news-list .lin:hover .text .title {
		color: #26a65c;
	}
}

@media only screen and (max-width: 1024px) {
	.news-bg .news-list .lin {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.news-bg .news-list .lin .imgbox {
		width: 270px;
	}

	.news-bg .news-list .lin .text {
		width: -webkit-calc(100% - 300px);
		width: -moz-calc(100% - 300px);
		width: calc(100% - 300px);
	}
}

@media only screen and (max-width: 414px) {
	.news-bg .news-list .lin {
		margin-bottom: 8%;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.news-bg .news-list .lin .imgbox {
		width: 100%;
		display: block;
		margin-bottom: 3%;
	}

	.news-bg .news-list .lin .text {
		width: 100%;
	}

	.news-bg .news-list .lin .text .time {
		margin-bottom: 3%;
	}

	.news-bg .news-list .lin .text .title {
		font-size: 20px;
		margin-bottom: 3%;
	}

	.news-bg .news-list .lin .text .more-common {
		position: relative;
		margin-top: 3%;
	}
}


/* =========

    新闻详情

 ========= */
.nview-bg {
	position: relative;
	margin-bottom: 120px;
}

.nview-bg .wrap {
	max-width: 800px;
}

.nview-bg:after {
	content: "";
	width: -webkit-calc(100% - 414px + 50px);
	width: -moz-calc(100% - 414px + 50px);
	width: calc(100% - 414px + 50px);
	height: 80px;
	/* background-color: #26a65c; */
	position: absolute;
	left: 0;
	top: 0;
}

.nview-bg .fright {
	width: 414px;
	height: 80px;
	position: absolute;
	right: 0;
	top: 22px;
	/* background: -webkit-linear-gradient(left, #205f33, #26a65c);
	background: -o-linear-gradient(right, #205f33, #26a65c);
	background: -moz-linear-gradient(right, #205f33, #26a65c);
	background: -webkit-gradient(linear, left top, right top, from(#205f33), to(#26a65c));
	background: -moz-linear-gradient(left, #205f33, #26a65c);
	background: -o-linear-gradient(left, #205f33, #26a65c);
	background: linear-gradient(to right, #205f33, #26a65c); */
}

.nview-bg .fright .triangle {
	height: 55px;
	width: 50px;
	bottom: 10px;
	-webkit-transform: skewY(-22deg);
	-moz-transform: skewY(-22deg);
	-ms-transform: skewY(-22deg);
	-o-transform: skewY(-22deg);
	transform: skewY(-22deg);
	left: -.06em;
	position: absolute;
/* 	background-repeat: repeat-x;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(90deg, #8ac452 30%, #4d8715);
	background-image: -o-linear-gradient(90deg, #8ac452 30%, #4d8715);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #8ac452), to(#4d8715));
	background-image: -webkit-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: -moz-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: -o-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: linear-gradient(90deg, #8ac452 30%, #4d8715); */
}

.nview-bg .from {
	height: 80px;
	line-height: 80px;
	font-size: 0;
	position: relative;
	z-index: 11;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nview-bg .from .ff {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	color: #ffffff;
	padding-right: 12px;
	position: relative;
}

.nview-bg .from .ff:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #fff;
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-60%) rotate(20deg);
	-moz-transform: translateY(-60%) rotate(20deg);
	-ms-transform: translateY(-60%) rotate(20deg);
	-o-transform: translateY(-60%) rotate(20deg);
	transform: translateY(-60%) rotate(20deg);
}

.nview-bg .from .ff:last-child:after {
	display: none;
}


.nview-bg .nview-time {
	margin-top: 120px;
	font-size: 14px;
	color: #26a65c;
	font-family: "ziti";
	margin-bottom: 10px;
}

.nview-bg .nview-title {
	font-size: 30px;
	color: #262626;
	margin-bottom: 10px;
}

.nview-bg .nview-content {
	font-size: 14px;
	color: #444444;
	line-height: 24px;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e6e6e6;
}

.nview-bg .allpage-box {
	padding-top: 30px;
}

.nview-bg .allpage-box .btn {
	font-size: 14px;
	color: #7b7b7b;
	position: relative;
}

.nview-bg .allpage-box .btn.prev {
	padding-left: 15px;
	float: left;
}

.nview-bg .allpage-box .btn.prev:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #7b7b7b transparent transparent #7b7b7b;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-moz-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	-o-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.nview-bg .allpage-box .btn.next {
	padding-right: 15px;
	float: right;
}

.nview-bg .allpage-box .btn.next:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #7b7b7b #7b7b7b transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

@media only screen and (min-width: 601px) {
	.nview-bg .allpage-box .btn:hover {
		color: #26a65c;
	}
}

@media only screen and (max-width: 1360px) {
	.nview-bg {
		margin-bottom: 100px;
	}
}

@media only screen and (max-width: 1280px) {
	.nview-bg {
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.nview-bg .fright {
		display: none;
	}

	.nview-bg:after {
		width: 100%;
		height: 60px;
	}

	.nview-bg .from {
		height: 60px;
		line-height: 60px;
	}

	.nview-bg .nview-time {
		margin-top: 50px;
	}

	.nview-bg .nview-title {
		font-size: 24px;
	}

	.nview-bg .nview-content {
		padding: 30px 0;
	}

	.nview-bg {
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 414px) {
	.nview-bg:after {
		height: 50px;
	}

	.nview-bg .from {
		height: 50px;
		line-height: 50px;
	}

	.nview-bg .nview-time {
		margin-top: 5%;
	}

	.nview-bg .nview-content {
		padding: 3% 0;
	}

	.nview-bg {
		margin-bottom: 5%;
	}

	.nview-bg .nview-title {
		font-size: 20px;
	}
}



/* =========

    关于视清

 ========= */
.about-bg {
	padding-top: 70px;
}

.about-bg .apoint {
	position: absolute;
	top: -180px;
}

/*企业简介*/
.about-bg .intro-box {
	position: relative;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../images/inbg_03.png);
}

.about-bg .intro-box .textbox {
	padding-top: 70px;
}

.about-bg .intro-box .textbox .imgbox {
	width: 540px;
	float: left;
	overflow: visible;
}

.about-bg .intro-box .textbox .imgbox:after {
	content: "";
	width: 100px;
	height: 300px;
	background-color: #26a65c;
	position: absolute;
	top: -90px;
	right: 100%;
	margin-right: 20px;
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	z-index: 11;
}

.about-bg .intro-box .textbox .imgbox .nimg {
	padding-top: -webkit-calc(640 / 540 * 100%);
	padding-top: -moz-calc(640 / 540 * 100%);
	padding-top: calc(640 / 540 * 100%);
}

.about-bg .intro-box .textbox .text {
	width: -webkit-calc(100% - 540px);
	width: -moz-calc(100% - 540px);
	width: calc(100% - 540px);
	float: right;
	padding-top: 100px;
}

.about-bg .intro-box .textbox .text .content {
	width: 94%;
	max-width: 590px;
	font-size: 18px;
	color: #262626;
	margin: 0 auto;
	line-height: 2;
}

@media only screen and (max-width: 1280px) {
	.about-bg {
		padding-top: 50px;
	}

	.about-bg .intro-box .textbox {
		padding-top: 50px;
	}

	.about-bg .apoint {
		top: -80px;
	}
}

@media only screen and (max-width: 1024px) {
	.about-bg {
		padding-top: 30px;
	}

	.about-bg .intro-box .textbox {
		padding-top: 30px;
	}

	.about-bg .intro-box .textbox .imgbox {
		width: 400px;
	}

	.about-bg .intro-box .textbox .text {
		width: -webkit-calc(100% - 400px);
		width: -moz-calc(100% - 400px);
		width: calc(100% - 400px);
		padding-top: 30px;
	}

	.about-bg .apoint {
		top: -60px;
	}
}

@media only screen and (max-width: 768px) {
	.about-bg .intro-box .textbox .imgbox {
		width: 100%;
		float: none;
	}

	.about-bg .intro-box .textbox .text {
		padding-top: 5%;
		width: 100%;
		float: none;
	}

	.about-bg .intro-box .textbox .text .content {
		max-width: none;
	}
}

@media only screen and (max-width: 414px) {
	.about-bg {
		padding-top: 5%;
	}
}

/*企业文化*/
.about-bg .culture-index {
	position: relative;
}

.about-bg .culture-index .culture-link {
	padding-top: 260px;
	min-height: 728px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/culico_02.png);
}

.about-bg .culture-index .culture-link .textbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	margin-top: 60px;
}

.about-bg .culture-index .culture-link .textbox .imgbox {
	width: 270px;
	background-color: rgba(255, 255, 255, .85);
	margin-right: 5px;
}

.about-bg .culture-index .culture-link .textbox .imgbox .cimg {
	padding-top: 100%;
}

.about-bg .culture-index .culture-link .textbox .text {
	width: -webkit-calc(100% - 275px);
	width: -moz-calc(100% - 275px);
	width: calc(100% - 275px);
	background-color: rgba(255, 255, 255, .85);
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.about-bg .culture-index .culture-link .textbox .text .inbox {
	max-width: 900px;
	width: 94%;
}

.about-bg .culture-index .culture-link .textbox .text .inbox .cotnent {
	font-size: 16px;
	color: #2d2d2d;
	line-height: 30px;
	margin-bottom: 30px;
}

.about-bg .culture-index .culture-word {
	background-color: #e9f5f0;
	padding: 80px 0;
	position: relative;
}

.about-bg .culture-index .culture-word:after {
	content: "";
	width: 1px;
	height: 180px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.about-bg .culture-index .culture-word .ww {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 0;
}

.about-bg .culture-index .culture-word .ww .text {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 94%;
	padding-left: 100px;
	max-width: 480px;
	position: relative;
}

.about-bg .culture-index .culture-word .ww .text .titlebox {
	position: absolute;
	left: 0;
	top: 0;
	font-family: "ziti";
}

.about-bg .culture-index .culture-word .ww .text .titlebox .num {
	font-size: 72px;
	color: #26a65c;
	line-height: 70px;
	margin-bottom: 5px;
	vertical-align: top;
}

.about-bg .culture-index .culture-word .ww .text .titlebox .title {
	font-size: 18px;
	color: #26a65c;
	font-weight: bold;
}

.about-bg .culture-index .culture-word .ww .text .content {
	font-size: 18px;
	color: #3a3a3a;
	line-height: 2;
	height: 108px;
	text-align: left;
}

@media only screen and (max-width: 1024px) {
	.about-bg .culture-index .culture-link {
		min-height: auto;
		padding-top: 100px;
		padding-bottom: 30px;
	}

	.about-bg .culture-index .culture-word {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 768px) {
	.about-bg .culture-index .culture-link {
		padding-top: 50px;
	}

	.about-bg .culture-index .culture-link .textbox {
		margin-top: 30px;
		display: block;
	}

	.about-bg .culture-index .culture-link .textbox .imgbox {
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
	}

	.about-bg .culture-index .culture-link .textbox .text {
		width: 100%;
		margin-top: 3%;
		padding: 3% 0;
	}

	.about-bg .culture-index .culture-word {
		padding: 30px 0;
	}

	.about-bg .culture-index .culture-word .ww {
		width: 100%;
		margin-bottom: 3%;
	}

	.about-bg .culture-index .culture-word:after {
		display: none;
	}
}

@media only screen and (max-width: 414px) {
	.about-bg .culture-index .culture-word .ww .text {
		padding-left: 80px;
	}

	.about-bg .culture-index .culture-word .ww .text .titlebox .num {
		font-size: 36px;
		line-height: 36px;
	}

	.about-bg .culture-index .culture-word .ww .text .titlebox .title {
		font-size: 16px;
	}

	.about-bg .culture-index .culture-word .ww .text .content {
		font-size: 16px;
		height: auto;
	}

	.about-bg .culture-index .culture-link .textbox .imgbox {
		display: none;
	}

	.about-bg .culture-index .culture-link .textbox .text .inbox .cotnent {
		margin-bottom: 5%;
	}
}

.culture-bg {
	position: relative;
}

.culture-bg:after {
	content: "";
	width: -webkit-calc(100% - 414px + 50px);
	width: -moz-calc(100% - 414px + 50px);
	width: calc(100% - 414px + 50px);
	height: 100px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	top: 0;
}

.culture-bg .fright {
	width: 414px;
	height: 100px;
	position: absolute;
	right: 0;
	top: 22px;
	background: -webkit-linear-gradient(left, #205f33, #26a65c);
	background: -o-linear-gradient(right, #205f33, #26a65c);
	background: -moz-linear-gradient(right, #205f33, #26a65c);
	background: -webkit-gradient(linear, left top, right top, from(#205f33), to(#26a65c));
	background: -moz-linear-gradient(left, #205f33, #26a65c);
	background: -o-linear-gradient(left, #205f33, #26a65c);
	background: linear-gradient(to right, #205f33, #26a65c);
}

.culture-bg .fright .triangle {
	height: 55px;
	width: 50px;
	bottom: 10px;
	-webkit-transform: skewY(-22deg);
	-moz-transform: skewY(-22deg);
	-ms-transform: skewY(-22deg);
	-o-transform: skewY(-22deg);
	transform: skewY(-22deg);
	left: -.06em;
	position: absolute;
	background-repeat: repeat-x;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(90deg, #8ac452 30%, #4d8715);
	background-image: -o-linear-gradient(90deg, #8ac452 30%, #4d8715);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #8ac452), to(#4d8715));
	background-image: -webkit-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: -moz-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: -o-linear-gradient(left, #8ac452 30%, #4d8715);
	background-image: linear-gradient(90deg, #8ac452 30%, #4d8715);
}

.culture-bg .theme {
	height: 100px;
	line-height: 100px;
	position: relative;
	z-index: 11;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
}

.culture-bg .theme .cn {
	font-size: 24px;
	color: #fff;
	margin-right: 15px;
}

.culture-bg .theme .en {
	font-size: 24px;
	color: #84c743;
	font-family: "ziti";
}

.culture-bg .culture-title {
	margin-bottom: 50px;
}

.culture-bg .culture-title .cn {
	font-size: 30px;
	color: #303030;
	margin-bottom: 10px;
}

.culture-bg .culture-title .en {
	font-size: 18px;
	color: #26a65c;
}

.culture-bg .bannrbox {
	padding: 30px 0;
	height: 750px;
	position: relative;
}

.culture-bg .bannrbox .banner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.culture-bg .bannrbox .textbox {
	width: 100%;
	position: relative;
	z-index: 1;
}

.culture-bg .bannrbox .content {
	font-size: 16px;
	color: #303030;
	line-height: 30px;
	max-width: 650px;
}

/*文化活动*/
.culture-bg .active-bg {
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: #f5f5f5;
}

.culture-bg .active-bg .active-swiper {
	margin-bottom: 70px;
}

.culture-bg .active-bg .active-swiper .swiper-wrapper .swiper-slide .imgbox .aimg {
	padding-top: -webkit-calc(240 / 378 * 100%);
	padding-top: -moz-calc(240 / 378 * 100%);
	padding-top: calc(240 / 378 * 100%);
}

.culture-bg .active-bg .active-swiper .swiper-wrapper .swiper-slide .main {
	padding: 20px;
	background-color: #fff;
}

.culture-bg .active-bg .active-swiper .swiper-wrapper .swiper-slide .main .title {
	font-size: 18px;
	color: #262626;
	margin-bottom: 8px;
}

.culture-bg .active-bg .active-swiper .swiper-wrapper .swiper-slide .main .time {
	font-size: 12px;
	color: #9d9d9d;
}

.culture-bg .active-bg .active-pagination {
	text-align: center;
}

.culture-bg .active-bg .active-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #b8b8b8;
	margin: 0;
	margin: 0 5px;
	opacity: 1;
}

.culture-bg .active-bg .active-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #26a65c;
}

@media only screen and (max-width: 1280px) {
	.culture-bg .active-bg {
		padding-top: 60px;
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.culture-bg .fright {
		display: none;
	}

	.culture-bg:after {
		width: 100%;
		height: 60px;
	}

	.culture-bg .theme {
		height: 60px;
		line-height: 60px;
	}

	.culture-bg .bannrbox {
		height: -webkit-calc(100vh - 60px);
		height: -moz-calc(100vh - 60px);
		height: calc(100vh - 60px);
	}

	.culture-bg .culture-title {
		margin-bottom: 30px;
	}

	.culture-bg .active-bg {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.culture-bg .culture-title .cn {
		font-size: 24px;
	}

	.culture-bg .active-bg .active-swiper {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 414px) {
	.culture-bg .culture-title .cn {
		font-size: 24px;
	}

	.culture-bg .culture-title {
		margin-bottom: 5%;
	}

	.culture-bg .theme .cn {
		font-size: 20px;
	}

	.culture-bg .theme .en {
		font-size: 20px;
	}

	.culture-bg .active-bg .active-swiper {
		margin-bottom: 5%;
	}

	.culture-bg .bannrbox {
		display: block;
		height: auto;
		padding: 0;
	}

	.culture-bg .bannrbox .banner {
		position: relative;
		height: auto;
		padding-top: calc(750 / 1920 * 100%);
	}

	.culture-bg .bannrbox .textbox {
		padding: 5% 0;
	}
}

/*发展历程*/
.about-bg .history-bg {
	position: relative;
}

.about-bg .history-bg .his-box {
	padding-top: 70px;
	padding-bottom: 60px;
}

.about-bg .history-bg .his-box .thumbsbox {
	margin-top: 30px;
	position: relative;
	padding: 0 50px;
	margin-bottom: 30px;
}

.about-bg .history-bg .his-box .thumbsbox:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	bottom: 15px;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}

.about-bg .history-bg .his-box .thumbsbox .btn {
	cursor: pointer;
	width: 30px;
	height: 30px;
	border: 1px solid #26a65c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 11px 9px;
	-moz-background-size: 11px 9px;
	-o-background-size: 11px 9px;
	background-size: 11px 9px;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	z-index: 11;
}

.about-bg .history-bg .his-box .thumbsbox .btn.gallery-prev {
	background-image: url(../images/hbtn_03.png);
	left: 0;
}

.about-bg .history-bg .his-box .thumbsbox .btn.gallery-next {
	background-image: url(../images/hbtn_05.png);
	right: 0;
}

.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs {
	padding-bottom: 15px;
}

.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	flex-direction: column-reverse;
	padding-bottom: 15px;
	cursor: pointer;
	position: relative;
	height: 80px;
}

.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide:after {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 3px solid #26a65c;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	-o-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	z-index: 11;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
	width: 28px;
	height: 28px;
}

.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .year {
	font-size: 40px;
	line-height: 40px;
	color: #dfdfdf;
	font-family: "ziti";
	text-align: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .year {
	font-size: 72px;
	line-height: 70px;
	color: #26a65c;
}

.about-bg .history-bg .his-box .gallery-top .swiper-wrapper .swiper-slide .hlist {
	padding: 0 50px;
}

.about-bg .history-bg .his-box .gallery-top .swiper-wrapper .swiper-slide .hlist .lih {
	padding-left: 80px;
	position: relative;
	margin-bottom: 10px;
}

.about-bg .history-bg .his-box .gallery-top .swiper-wrapper .swiper-slide .hlist .lih .date {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #bababa;
	line-height: 26px;
}

.about-bg .history-bg .his-box .gallery-top .swiper-wrapper .swiper-slide .hlist .lih .date span {
	font-size: 24px;
}

.about-bg .history-bg .his-box .gallery-top .swiper-wrapper .swiper-slide .hlist .lih .content {
	font-size: 16px;
	color: #636363;
	line-height: 30px;
}

.about-bg .his-show {
	background-color: #eceded;
	padding: 60px 0;
}

.about-bg .his-show .showbox:first-child {
	margin-bottom: 60px;
}

.about-bg .his-show .showbox .sbt {
	margin-bottom: 40px;
	position: relative;
}

.about-bg .his-show .showbox .sbt .bt {
	font-size: 30px;
	color: #383838;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 40px;
	position: relative;
}

.about-bg .his-show .showbox .sbt .bt:after {
	content: "";
	width: 2px;
	height: 30px;
	background-color: #26a65c;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(20deg);
	-moz-transform: translateY(-50%) rotate(20deg);
	-ms-transform: translateY(-50%) rotate(20deg);
	-o-transform: translateY(-50%) rotate(20deg);
	transform: translateY(-50%) rotate(20deg);
}

.about-bg .his-show .showbox .pagination {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}

.about-bg .his-show .showbox .pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #b8b8b8;
	margin: 0 4px;
	opacity: 1;
	transition: all .5s ease;
}

.about-bg .his-show .showbox .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #26a65c;
}

@media only screen and (max-width: 1024px) {
	.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .year {
		font-size: 48px;
		line-height: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .year {
		font-size: 36px;
		line-height: 1.5;
	}

	.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .year {
		font-size: 30px;
		line-height: 1.5;
	}

	.about-bg .history-bg .his-box {
		padding-top: 50px;
		padding-bottom: 40px;
	}
}

@media only screen and (max-width: 414px) {
	.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .year {
		font-size: 30px;
	}

	.about-bg .history-bg .his-box .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .year {
		font-size: 24px;
	}

	.about-bg .history-bg .his-box {
		padding-top: 5%;
		padding-bottom: 4%;
	}

	.about-bg .history-bg .his-box .gallery-top .swiper-wrapper .swiper-slide .hlist {
		padding: 0;
	}

	.about-bg .his-show .showbox .pagination {
		display: none;
	}
}


/*合作伙伴*/
.about-bg .his-show .showbox .partner-swiper .swiper-wrapper .swiper-slide .pimg {
	padding-top: -webkit-calc(140 / 240 * 100%);
	padding-top: -moz-calc(140 / 240 * 100%);
	padding-top: calc(140 / 240 * 100%);
}

/*荣誉资质*/
.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide {
	padding-right: 25px;
	padding-bottom: 25px;
	max-width: -webkit-calc(100% / 3);
	max-width: -moz-calc(100% / 3);
	max-width: calc(100% / 3);
}

.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide:before {
	content: "";
	width: -webkit-calc(100% - 25px);
	width: -moz-calc(100% - 25px);
	width: calc(100% - 25px);
	height: -webkit-calc(100% - 25px);
	height: -moz-calc(100% - 25px);
	height: calc(100% - 25px);
	background-color: #26a65c;
	position: absolute;
	right: 0;
	bottom: 0;
}

.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide:after {
	content: "";
	border-style: solid;
	border-width: 15px;
	border-color: #edeeee transparent transparent transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%, 50%) rotate(-45deg);
	-moz-transform: translate(50%, 50%) rotate(-45deg);
	-ms-transform: translate(50%, 50%) rotate(-45deg);
	-o-transform: translate(50%, 50%) rotate(-45deg);
	transform: translate(50%, 50%) rotate(-45deg);
}

.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide .himg {
	padding-top: -webkit-calc(400 / 312 * 100%);
	padding-top: -moz-calc(400 / 312 * 100%);
	padding-top: calc(400 / 312 * 100%);
	position: relative;
	z-index: 11;
}

.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide .himg:before {
	content: "";
	border-style: solid;
	border-width: 15px;
	border-color: transparent #edeeee transparent transparent;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide .himg:after {
	content: "";
	border-style: solid;
	border-width: 15px;
	border-color: #26a65c transparent transparent transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%, 50%) rotate(-45deg);
	-moz-transform: translate(50%, 50%) rotate(-45deg);
	-ms-transform: translate(50%, 50%) rotate(-45deg);
	-o-transform: translate(50%, 50%) rotate(-45deg);
	transform: translate(50%, 50%) rotate(-45deg);
}

.layui-layer.honor {
	max-width: 624px;
	max-height: 800px;
}

.layui-layer.honor .layer-himg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.layui-layer.honor .layer-himg img {
	max-width: 100%;
	max-width: 100%;
}

@media only screen and (max-width: 1024px) {
	.about-bg .his-show {
		padding: 40px 0;
	}
}

@media only screen and (max-width: 768px) {
	.about-bg .his-show .showbox .partner-swiper .swiper-wrapper .swiper-slide {
		max-width: none;
	}
}

@media only screen and (max-width: 414px) {
	.about-bg .his-show {
		padding: 5% 0;
	}

	.about-bg .his-show .showbox .sbt .bt {
		font-size: 20px;
		padding-right: 30px;
	}

	.about-bg .his-show .showbox .sbt .bt:after {
		height: 20px;
	}

	.about-bg .his-show .showbox .honor-swiper .swiper-wrapper .swiper-slide {
		max-width: none;
		padding-right: 15px;
		padding-bottom: 15px;
	}
}


/*联系我们*/
.about-bg .contact-box {
	position: relative;
	overflow: hidden;
}

.about-bg .contact-box .mapbox {
	position: relative;
}

.about-bg .contact-box .allmap {
	height: 720px;
}

.about-bg .contact-box .allmap img {
	max-width: none;
}

.about-bg .contact-box .mapbox .scroll {
	position: absolute;
	width: 100px;
	height: 100px;
	position: absolute;
	right: 5%;
	top: 5%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/scc.png);
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 11;
	cursor: pointer;
}

.about-bg .contact-box .swiperbox {
	position: relative;
}

.about-bg .contact-box .swiperbox .block {
	position: absolute;
	left: 0;
	bottom: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	border-style: solid;
	border-width: 25px;
	border-color: transparent transparent #26a65c transparent;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide {
	padding: 50px 0;
	cursor: pointer;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide .citem {
	width: 94%;
	max-width: 540px;
	margin: 0 auto;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide .citem .title {
	font-size: 24px;
	color: #212121;
	padding-left: 15px;
	margin-bottom: 15px;
	position: relative;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide .citem .title:after {
	content: "";
	width: 3px;
	height: 26px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide .citem .content {
	padding-left: 15px;
	font-size: 14px;
	color: #363535;
	line-height: 26px;
	height: 78px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide[data-on="on"] {
	background-color: #26a65c;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide[data-on="on"] .citem .title {
	color: #ffffff;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide[data-on="on"] .citem .title:after {
	background-color: #ffffff;
}

.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide[data-on="on"] .citem .content {
	color: #ffffff;
}

@media only screen and (max-width: 1280px) {
	.about-bg .contact-box .allmap {
		height: 600px;
	}
}

@media only screen and (max-width: 1024px) {
	.about-bg .contact-box .allmap {
		height: 450px;
	}

	.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 768px) {
	.about-bg .contact-box .allmap {
		height: 350px;
	}
}

@media only screen and (max-width: 414px) {
	.about-bg .contact-box .allmap {
		height: 280px;
	}

	.about-bg .contact-box .swiperbox .block {
		display: none;
	}

	.about-bg .contact-box .swiperbox .contact-swiper .swiper-wrapper .swiper-slide .citem .title {
		font-size: 18px;
	}
}


/*加入视清*/
.about-bg .join-index {
	position: relative;
	padding-top: 70px;
	overflow: hidden;
}

.about-bg .join-index .allclass-theme {
	margin-bottom: 70px;
	color: #fff;
}

.about-bg .join-index .joinbtn {
	width: 94%;
	max-width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -250px;
	background-color: rgba(255, 255, 255, .15);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 60px;
}

.about-bg .join-index .joinbtn .inbox {
	padding-top: 100%;
	background-color: rgba(38, 166, 92, .3);
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.about-bg .join-index .joinbtn .inbox .text {
	display: block;
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px);
	height: -webkit-calc(100% - 200px);
	height: -moz-calc(100% - 200px);
	height: calc(100% - 200px);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: -webkit-linear-gradient(top, #79c346, #31aa59);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #79c346, #31aa59);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #79c346, #31aa59);
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#79c346), to(#31aa59));
	background: -moz-linear-gradient(top, #79c346, #31aa59);
	background: -o-linear-gradient(top, #79c346, #31aa59);
	background: linear-gradient(to bottom, #79c346, #31aa59);
	/* 标准的语法 */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	padding-top: 50px;
}

.about-bg .join-index .joinbtn .inbox .text .title {
	padding-top: 70px;
	padding-bottom: 3px;
	background-position: center 0;
	background-repeat: no-repeat;
	background-image: url(../images/peo_06.png);
	-webkit-background-size: 51px 56px;
	-moz-background-size: 51px 56px;
	-o-background-size: 51px 56px;
	background-size: 51px 56px;
	font-size: 24px;
	color: #ffffff;
	border-bottom: 2px solid #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

@media only screen and (max-width: 1024px) {
	.about-bg .join-index {
		padding-top: 50px;
	}

	.about-bg .join-index .allclass-theme {
		margin-bottom: 50px;
	}

	.about-bg .join-index .joinbtn {
		margin-bottom: -150px;
	}
}

@media only screen and (max-width: 414px) {
	.about-bg .join-index {
		padding-top: 5%;
	}

	.about-bg .join-index .allclass-theme {
		margin-bottom: 5%;
	}

	.about-bg .join-index .joinbtn {
		max-width: 60%;
		margin-bottom: -60px;
	}

	.about-bg .join-index .joinbtn {
		padding: 3%;
	}

	.about-bg .join-index .joinbtn .inbox .text .title {
		padding-top: 50px;
		-webkit-background-size: 31px 36px;
		background-size: 31px 36px;
		font-size: 18px;
	}

	.about-bg .join-index .joinbtn .inbox .text {
		width: 94%;
		height: 94%;
	}
}


/*招聘列表*/
.join-table {
	margin-bottom: 5%;
}

.join-table .jhead {
	height: 80px;
	line-height: 80px;
}

.join-table .jhead .th {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
}

.join-table .jhead .hh {
	font-size: 18px;
	color: #262626;
	font-weight: bold;
}

.join-table .jhead .hh.h1 {
	width: -webkit-calc(100% - 490px);
	width: -moz-calc(100% - 490px);
	width: calc(100% - 490px);
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.join-table .jhead .hh.h2 {
	width: 230px;
}

.join-table .jhead .hh.h3 {
	width: 170px;
}

.join-table .jhead .hh.h4 {
	width: 90px;
}

.join-table .jbody .lih {
	cursor: pointer;
}

.join-table .jbody .lih .hword {
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
}

.join-table .jbody .lih:nth-child(2n) .hword {
	background-color: #fff;
}

.join-table .jbody .lih .hword .tr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.join-table .jbody .lih .hword .tr .close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(300%, -50%) rotate(360deg);
	-moz-transform: translate(300%, -50%) rotate(360deg);
	-ms-transform: translate(300%, -50%) rotate(360deg);
	-o-transform: translate(300%, -50%) rotate(360deg);
	transform: translate(300%, -50%) rotate(360deg);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.join-table .jbody .lih .hword .tr .close:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.join-table .jbody .lih .hword .tr .close:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.join-table .jbody .lih .hword .tr .dd {
	font-size: 16px;
	color: #262626;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.join-table .jbody .lih .hword .tr .dd.d1 {
	font-size: 18px;
	width: -webkit-calc(100% - 490px);
	width: -moz-calc(100% - 490px);
	width: calc(100% - 490px);
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.join-table .jbody .lih .hword .tr .dd.d2 {
	width: 230px;
}

.join-table .jbody .lih .hword .tr .dd.d3 {
	width: 170px;
}

.join-table .jbody .lih .hword .tr .dd.d4 {
	width: 90px;
}

.join-table .jbody .lih .hword .tr .dd .color {
	color: #26a65c;
}

.join-table .jbody .lih .hword .tr .dd .color span {
	font-size: 14px;
	color: #262626;
}

.join-table .jbody .lih[data-on="on"] .hword {
	background-color: #26a65c;
}

.join-table .jbody .lih[data-on="on"] .hword .tr .close {
	-webkit-transform: translate(0, -50%) rotate(0deg);
	-moz-transform: translate(0, -50%) rotate(0deg);
	-ms-transform: translate(0, -50%) rotate(0deg);
	-o-transform: translate(0, -50%) rotate(0deg);
	transform: translate(0, -50%) rotate(0deg);
}

.join-table .jbody .lih[data-on="on"] .hword .tr .dd {
	color: #fff;
}

.join-table .jbody .lih[data-on="on"] .hword .tr .dd.d2 {
	display: none;
}

.join-table .jbody .lih[data-on="on"] .hword .tr .dd.d3 {
	display: none;
}

.join-table .jbody .lih[data-on="on"] .hword .tr .dd.d4 {
	display: none;
}

.join-table .jbody .lih .sub {
	display: none;
	border-style: solid;
	border-width: 2px;
	border-color: transparent #26a65c #26a65c #26a65c;
	margin-top: -2px;
}

.join-table .jbody .lih .sub .text {
	width: 94%;
	max-width: 1200px;
	padding: 40px 0;
	margin: 0 auto;
}

.join-table .jbody .lih .sub .text .content {
	font-size: 14px;
	color: #5d5d5d;
	line-height: 36px;
	overflow: hidden;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1360px) {
	.faq-bg {
		padding-bottom: 90px;
	}
}

@media only screen and (max-width: 1280px) {
	.faq-bg {
		padding-top: 50px;
		padding-bottom: 60px;
	}
}

@media only screen and (max-width: 1024px) {
	.faq-bg {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.faq-bg .bannerbox {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.join-table .jhead .hh.none {
		display: none;
	}

	.join-table .jbody .lih .hword .tr .dd.none {
		display: none;
	}

	.join-table .jhead {
		height: 60px;
		line-height: 60px;
	}

	.join-table .jbody .lih .hword {
		height: 60px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 414px) {
	.faq-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}

	.faq-bg .bannerbox {
		padding-bottom: 5%;
		margin-bottom: 5%;
	}

	.join-table .jhead {
		height: 50px;
		line-height: 50px;
	}

	.join-table .jhead .hh {
		font-size: 16px;
	}

	.join-table .jbody .lih .hword {
		height: 50px;
		line-height: 50px;
	}
}



/* =========

    页脚

 ========= */
.footer {
	border-top: 1px solid #e6e6e6;
}

.footer .footer-top {
	padding-top: 50px;
}

.footer .footer-top .fnav-list {
	width: 850px;
	float: left;
}

.footer .footer-top .fnav-list .lif {
	float: left;
	width: -webkit-calc(0100% / 4);
	width: -moz-calc(0100% / 4);
	width: calc(0100% / 4);
}

.footer .footer-top .fnav-list .lif .fitem {
	margin-bottom: 30px;
}

.footer .footer-top .fnav-list .lif .fitem .fclass {
	font-size: 15px;
	color: #494d4f;
	margin-bottom: 20px;
	display: block;
}

.footer .footer-top .fnav-list .lif .fitem .menu .mm {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	color: #808080;
}

.footer .footer-top .tright {
	width: -webkit-calc(100% - 850px);
	width: -moz-calc(100% - 850px);
	width: calc(100% - 850px);
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
}

.footer .footer-top .tright .codebox .bt {
	font-size: 15px;
	color: #494d4f;
	margin-bottom: 30px;
}

.footer .footer-top .tright .codebox .code {
	width: 120px;
	height: 120px;
	margin-bottom: 10px;
}

.footer .footer-top .tright .codebox .word {
	font-size: 12px;
	text-align: center;
	color: #808080;
}

.footer .footer-top .tright .flogo {
	width: 150px;
}

.footer .footer-top .tright .flogo img {
	margin-bottom: 30px;
}

.footer .footer-top .tright .flogo .desc {
	font-size: 12px;
	color: #808080;
	line-height: 30px;
}

.footer .footer-bottom {
	border-top: 1px solid #ededed;
	padding: 18px 0;
	line-height: 2;
	overflow: hidden;
}

.footer .footer-bottom .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	font-size: 12px;
	color: #808080;
}

@media only screen and (min-width: 601px) {
	.footer .footer-top .fnav-list .lif .fitem .menu .mm:hover {
		color: #26a65c;
	}
}

@media only screen and (max-width: 1280px) {
	.footer .footer-top .fnav-list {
		width: 100%;
		float: none;
		padding-bottom: 3%;
	}

	.footer .footer-top .tright {
		width: 100%;
		float: none;
		padding-bottom: 3%;
	}
}

@media only screen and (max-width: 768px) {
	.footer .footer-top .fnav-list .lif {
		width: 50%;
	}
}

@media only screen and (max-width: 414px) {
	.footer .footer-top .fnav-list {
		display: none;
	}

	.footer .footer-top {
		padding-top: 5%;
	}

	.footer .footer-top .tright .flogo {
		width: -webkit-calc(90% - 120px);
		width: -moz-calc(90% - 120px);
		width: calc(90% - 120px);
	}

	.footer .footer-bottom .wrap {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.footer .footer-top .tright {
		position: relative;
		padding-top: 60px;
	}

	.footer .footer-top .tright .flogo img {
		width: 50%;
		margin-bottom: 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	.footer .footer-top .tright .codebox .bt {
		display: none;
	}
}


.nothing {
	font-size: 16px;
	color: #a3a3a3;
	text-align: center;
	height: 100px;
	line-height: 100px;
	position: relative;
}


/* =========

    搜索

 ========= */
.search-box {
	padding-bottom: 100px;
}

.search-box .themebox {
	padding-bottom: 80px;
	background-color: #dadada;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/sousuo_02.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}

.search-box .themebox .theme {
	height: 240px;
	text-align: center;
	color: #26a65c;
}

.search-box .themebox .theme .cn {
	font-size: 36px;
	margin-bottom: 10px;
}

.search-box .themebox .theme .en {
	font-size: 24px;
}

.pathbox .typebox .count {
	line-height: 80px;
	position: relative;
	z-index: 11;
	font-size: 14px;
	color: #848484;
}

.pathbox .typebox .count span {
	color: #26a65c;
}

/*搜索时列表*/
.search-box .slist {
	padding-bottom: 20px;
}

.search-box .slist .lis {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
}

.search-box .slist .lis:after {
	content: "";
	width: 0;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	left: 0;
	bottom: 0;
}

.search-box .slist .lis .imgbox {
	display: block;
	width: 150px;
	margin-right: 20px;
	border: 1px solid #e6e6e6;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.search-box .slist .lis .imgbox .simg {
	padding-top: 100%;
}

.search-box .slist .lis .main {
	width: -webkit-calc(100% - 170px);
	width: -moz-calc(100% - 170px);
	width: calc(100% - 170px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.search-box .slist .lis .main .inbox .title {
	font-size: 18px;
	color: #2e2e2e;
	margin-bottom: 10px;
	display: block;
}

.search-box .slist .lis .main .inbox .demo {
	font-size: 14px;
	color: #808080;
	line-height: 24px;
}

.search-box .slist .lis .main .inbox .more-common {
	margin-top: 10px;
}

.search-box .slist .lis .main .inbox .more-common:after {
	background-color: #26a65c;
}

.search-box .slist .lis .main .inbox .more-common:after {
	background-color: #26a65c;
}

@media only screen and (min-width: 601px) {
	.search-box .slist .lis:hover:after {
		width: 100%;
	}
}

@media only screen and (max-width: 1280px) {
	.search-box {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.search-box {
		padding-bottom: 60px;
	}

	.search-box .themebox .theme {
		height: 200px;
	}
}

@media only screen and (max-width: 768px) {
	.search-box .themebox .theme {
		height: 180px;
	}
}

@media only screen and (max-width: 414px) {
	.search-box {
		padding-bottom: 5%;
	}

	.search-box .themebox {
		padding-bottom: 0;
	}

	.search-box .themebox .theme .cn {
		font-size: 24px;
	}

	.search-box .themebox .theme .en {
		font-size: 20px;
	}

	.search-box .slist .lis {
		padding: 3% 0;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}

	.search-box .slist .lis .imgbox {
		width: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-moz-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		margin-right: 0;
		margin-bottom: 5%;
	}

	.search-box .slist .lis .main {
		width: 100%;
	}

	.pathbox .typebox .count {
		line-height: 60px;
	}
}



/*工具栏*/
.kefu-box {
	position: fixed;
	right: 5px;
	bottom: 18%;
	width: 56px;
	z-index: 555;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	background-color: #fff;
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	-ms-transform: translateX(200px);
	-o-transform: translateX(200px);
	transform: translateX(200px);
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.kefu-box.in {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

.kefu-box .kitem {
	position: relative;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.kefu-box .kitem:last-child {
	border: none;
}

.kefu-box .kitem .ico {
	width: 56px;
	height: 66px;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.kefu-box .kitem.qq .ico {
	background-image: url(../images/kico_08.png);
}

.kefu-box .kitem.wx .ico {
	background-image: url(../images/kico_05.png);
}

.kefu-box .kitem.top .ico {
	background-image: url(../images/kico_06.png);
}

.kefu-box .kitem .sub {
	position: absolute;
	right: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	width: 175px;
}

.kefu-box .kitem .sub .qqbox {
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	background-color: #fff;
	margin-left: 0;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.kefu-box .kitem .sub .qqbox:after {
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	left: 100%;
	top: 20px;
}

.kefu-box .kitem .sub .qq {
	width: 130px;
	margin: 0 auto;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #3e3e3e;
	padding-left: 24px;
	font-size: 14px;
	color: #1b1b1b;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/sddsf2_03.png);
	border-bottom: 1px solid #eee;
}

.kefu-box .kitem .sub .qq:last-child {
	border-bottom: none;
}

.kefu-box .kitem .sub .codebox {
	text-align: right;
}


@media only screen and (min-width: 601px) {
	.footer .footer-right .ftool .tt:hover .code {
		-webkit-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}

	.kefu-box .kitem:hover .ico {
		background-color: #26a65c;
	}

	.kefu-box .kitem.qq:hover .ico {
		background-image: url(../images/kico_03.png);
	}

	.kefu-box .kitem.wx:hover .ico {
		background-image: url(../images/kico_11.png);
	}

	.kefu-box .kitem.top:hover .ico {
		background-image: url(../images/kico_12.png);
	}

	.footer .footer-right .ftool .tt:hover .ico {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	.footer .footer-right .friend-box .sub .ff:hover {
		color: #fff;
		background-color: #26a65c;
	}

	.kefu-box .kitem:hover .sub {
		opacity: 1;
		visibility: visible;
	}

	.kefu-box .kitem .sub .tel:hover {
		color: #fff;
		background-color: #26a65c;
	}
}

@media only screen and (max-width: 1024px) {
	.kefu-box {
		display: none;
	}
}


/*禁止下载*/
.layui-layer.unload {
	max-width: 390px;
	max-height: 390px;
}

.unload-box {
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 30px 0 30px;
	position: relative;
}

.unload-box .close {
	width: 26px;
	height: 26px;
	position: absolute;
	right: 14px;
	top: 14px;
	border: 1px solid #2ba860;
	border-radius: 50%;
	cursor: pointer;
}

.unload-box .close:before {
	content: "";
	width: 60%;
	height: 1px;
	background-color: #2ba860;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.unload-box .close:after {
	content: "";
	width: 60%;
	height: 1px;
	background-color: #2ba860;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.unload-box .imgbox {
	max-width: 134px;
	border: 1px solid #e7e7e7;
}

.unload-box .imgbox .uimg {
	padding-top: 100%;
}

.unload-box .desc {
	padding: 15px 0;
	font-size: 18px;
	color: #676767;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid #eaeaea;
}

.unload-box .contact {
	padding: 25px 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../images/pphone_03.png);
	font-weight: bold;
}

.unload-box .contact .bbt {
	font-size: 15px;
	color: #26a65c;
	margin-bottom: 6px;
}

.unload-box .contact .text {
	font-size: 24px;
	color: #959595;
}

@media only screen and (max-width: 414px) {
	.unload-box {
		padding: 30px 20px 0 20px;
	}
}