@charset "utf-8";
a,
hr {
	padding: 0
}

a,
button,
input,
select,
textarea,
hr {
	margin: 0
}

article,
aside,
details,
figure,
footer,
header,
hr,
nav,
section,
summary {
	display: block
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;

}

input[type=checkbox],
th {
	vertical-align: bottom
}

strong,
th {
	font-weight: 700
}

html {
	box-sizing: border-box;
	overflow-y: scroll
}

*,
:after,
:before {
	box-sizing: inherit
}

embed,
img,
object {
	max-width: 100%
}

ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

a {
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font: 100%
}

td {
	font-weight: 400;
	vertical-align: top
}

hr {
	height: 1px
}

input,
select {
	vertical-align: middle
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}

input[type=radio] {
	vertical-align: text-bottom
}

.ie7 input[type=checkbox] {
	vertical-align: baseline
}

.ie6 input {
	vertical-align: text-bottom
}

input,
select,
textarea {
	font: 99% sans-serif
}

small {
	font-size: 85%
}

td,
td img {
	vertical-align: top
}

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

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

code,
kbd,
pre,
samp {
	font-family: monospace, sans-serif
}

.clickable,
button,
input[type=button],
input[type=file],
input[type=submit],
label {
	cursor: pointer
}

button,
input[type=button] {
	width: auto;
	overflow: visible
}

.ie7 img {
	-ms-interpolation-mode: bicubic
}

.clearfix:after,
.clearfix:before {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

a {
	text-decoration: none;
	border: none;
	color: inherit
}

input,
button,
select,
textarea {
	outline: none
}

textarea {
	resize: none
}

input,
textarea {
	font-family: "microsoft yahei";
	-webkit-appearance: none
}

em,
i {
	font-style: normal
}

body {
	font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", "STHeiti Light", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif;
	font-size: 14px;
	overflow: hidden;
	color: #666
}

body .page-mask {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 997 !important
}

@font-face {
	font-family: 'avantgardegothiccregular';
	src: url('../../fonts/avant/avantgardegothicc-demi-webfont.eot');
	src: url('../../fonts/avant/avantgardegothicc-demi-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/avant/avantgardegothicc-demi-webfont.woff2') format('woff2'), url('../../fonts/avant/avantgardegothicc-demi-webfont.woff') format('woff'), url('../../fonts/avant/avantgardegothicc-demi-webfont.ttf') format('truetype'), url('../../fonts/avant/avantgardegothicc-demi-webfont.svg#avantgardegothiccregular') format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'iconfont';
	src: url('http://at.alicdn.com/t/font_otg15houki0ms4i.eot');
	src: url('http://at.alicdn.com/t/font_otg15houki0ms4i.eot?#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_otg15houki0ms4i.woff') format('woff'), url('http://at.alicdn.com/t/font_otg15houki0ms4i.ttf') format('truetype'), url('http://at.alicdn.com/t/font_otg15houki0ms4i.svg#iconfont') format('svg')
}

.iconfont {
	font-family: "iconfont";
	font-size: 16px;
	font-style: normal
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden
}

hr {
	background: #eee;
	height: 1px;
	border: none
}

.animation {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out
}

.fadeInLeft {
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transform: translate(100%, 0);
	opacity: 0
}

.fadeInRight {
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	opacity: 0
}

.fadeInUp {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
	opacity: 0
}

.fadeInDown {
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform: translate(0, -100%);
	opacity: 0
}

.active-animeta {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.page-common-title {
	max-width: 100%;
	text-align: center
}

.page-common-title>h3 {
	display: block;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase
}

.page-common-title>em {
	display: block;
	line-height: 1;
	font-size: 16px;
	color: #999;
	font-family: "avantgardegothiccregular";
	margin-top: 10px;
	text-transform: capitalize
}

.page-common-title>p {
	width: 960px;
	margin: 0 auto;
	margin-top: 30px
}

@media screen and (max-width:992px) {
	.page-common-title>h3 {
		font-size: 26px
	}
	.page-common-title>em {
		font-size: 20px
	}
	.page-common-title>p {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.page-common-title>h3 {
		display: block;
		font-size: 24px
	}
	.page-common-title>em {
		font-size: 16px
	}
	.page-common-title p {
		font-size: 12px
	}
}

@media screen and (max-width:568px) {
	.page-common-title {
		max-width: 100%;
		padding: 0
	}
	.page-common-title>h3 {
		display: block;
		font-size: 18px
	}
	.page-common-title>em {
		font-size: 14px
	}
}

/*.list-page-filp {
	display: block;
	margin-top: 40px;
	text-align: center
}

.list-page-filp a {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 14px;
	margin: 0 2px;
	color: #666;
	line-height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #eee;
	text-transform: uppercase
}

.list-page-filp a:hover {
	background: #15b132;
	color: #fff
}

.list-page-filp span {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 40px;
	background: #15b132;
	color: #fff;
	margin: 0 2px
}

.list-page-filp .prev,
.list-page-filp .a1 {
	width: 60px
}

.list-page-filp .next {
	width: 60px
}

.list-page-filp .current {
	background: #15b132;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff
}

.list-page-filp .curr {
	font-size: 14px;
	background: #15b132;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff
}*/

/*.aside-right {
	position: fixed;
	right: 30px;
	bottom: 100px;
	z-index: 99;
	-webkit-transform: translate3d(0, 0, 0)
}

.aside-right .aside-list {
	width: 70px;
	border: 1px solid #eee
}

.aside-right .aside-list li {
	width: 100%;
	height: 70px;
	background: #fff;
	border-top: 1px solid #eee
}

.aside-right .aside-list li:first-child {
	border-top: none
}

.aside-right .aside-list li a {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

@media screen and (min-width:992px) {
	.aside-right .aside-list li a:hover {
		background: #15b132;
		color: #fff
	}
	.aside-right .aside-list li a:hover .iconfont {
		color: #fff
	}
}

.aside-right .aside-list li a>div {
	display: table-cell;
	vertical-align: middle
}

.aside-right .aside-list li a span {
	display: block;
	text-transform: uppercase;
	font-size: 12px
}

.aside-right .aside-list li a .iconfont {
	font-size: 30px;
	margin-bottom: 5px;
	color: #15b132
}

.aside-right .aside-list li .normal-tel {
	display: none
}

.aside-right .aside-list li .alter-tel {
	position: relative
}

.aside-right .aside-list li .alter-tel .tel {
	display: none;
	width: 150px;
	height: 70px;
	font-size: 16px;
	background: #fff;
	border: 1px solid #eee;
	color: #666;
	line-height: 70px;
	position: absolute;
	top: 0;
	right: 70px
}

@media screen and (max-width:768px) {
	.aside-right {
		right: 10px;
		bottom: 20px
	}
	.aside-right .aside-list {
		width: 40px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: none;
		color: #fff
	}
	.aside-right .aside-list li {
		width: 100%;
		height: 40px;
		border: none
	}
	.aside-right .aside-list li:nth-child(1) .aside-right .aside-list li:nth-child(2) {
		display: none
	}
	.aside-right .aside-list li a span {
		display: none
	}
	.aside-right .aside-list li a .iconfont {
		display: block;
		font-size: 20px;
		margin: 0
	}
	.aside-right .aside-list li .normal-tel {
		display: table
	}
	.aside-right .aside-list li .alter-tel {
		display: none
	}
}*/

/*.common-alter-mask {
	display: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999 !important
}

.common-alter-mask .alter-content {
	width: 260px;
	height: 260px;
	background: #fff;
	cursor: default;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.common-alter-mask .alter-content img {
	display: block;
	width: 100%;
	height: 100%
}

.common-alter-mask .alter-content .close-btn {
	display: block;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 40px;
	cursor: pointer;
	position: absolute;
	top: -40px;
	right: -40px
}*/

/*.common-banner-box {
	width: 100%;
	height: 380px;
	position: relative;
	z-index: 1
}

.common-banner-box .banner-bg {
	width: 100%;
	height: 380px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.common-banner-box .banner-text {
	display: table;
	max-width: 1170px;
	height: 100%;
	color: #fff;
	text-align: center;
	margin: 0 auto
}

.common-banner-box .banner-text>div {
	display: table-cell;
	vertical-align: middle
}

.common-banner-box .banner-text span {
	display: block;
	font-size: 72px;
	line-height: 1;
	font-family: "avantgardegothiccregular";
	color: #fff
}

.common-banner-box .banner-text em {
	display: block;
	font-size: 30px;
	line-height: 1;
	margin-top: 20px
}

@media screen and (max-width:992px) {
	.common-banner-box {
		width: 100%;
		height: 36.29032258vw
	}
	.common-banner-box .banner-bg {
		height: 36.29032258vw
	}
	.common-banner-box .banner-text span {
		font-size: 42px
	}
	.common-banner-box .banner-text em {
		display: block;
		font-size: 20px;
		line-height: 1;
		margin-top: 20px
	}
}

@media screen and (max-width:768px) {
	.common-banner-box {
		width: 100%;
		height: 36.45833333vw
	}
	.common-banner-box .banner-bg {
		height: 36.45833333vw
	}
	.common-banner-box .banner-text span {
		font-size: 42px
	}
	.common-banner-box .banner-text em {
		display: block;
		font-size: 20px;
		line-height: 1;
		margin-top: 20px
	}
}*/

.page-curmbs-box {
	width: 100%
}

.page-curmbs-box .page-curmbs {
	max-width: 1170px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto
}

.page-curmbs-box span,
.page-curmbs-box a {
	float: left
}

.page-curmbs-box a {
	margin: 0 10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.page-curmbs-box a:hover {
	color: #15b132
}

.page-curmbs-box a:nth-child(2) {
	margin-left: 0
}

.page-curmbs-box a:last-child {
	color: #15b132
}

.curmbs-gray-bg {
	background: #f9f9f9
}

@media screen and (max-width:1170px) {
	.page-curmbs-box {
		padding: 0 10px
	}
}

@media screen and (max-width:568px) {
	.page-curmbs-box {
		display: none
	}
}

.category-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center
}

.category-list-box .item {
	position: relative;
	z-index: 1;
	height: 40px;
	width: 100%;
	overflow: hidden;
	-ms-touch-action: none
}

.category-list-box .category-list {
	height: 40px;
	text-align: center;
	overflow: hidden
}

.category-list-box .category-list li {
	display: inline-block;
	margin-left: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}

.category-list-box .category-list li a {
	display: block;
	padding: 0 20px;
	line-height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #f0f0f0
}

@media screen and (min-width:992px) {
	.category-list-box .category-list li a:hover {
		background: #15b132;
		color: #fff
	}
}

.category-list-box .category-list .curr a {
	background: #15b132;
	color: #fff
}

.my-form {
	width: 100%
}

.my-form .form-group {
	margin: 10px 0;
	padding-left: 80px;
	text-align: left;
	border-bottom: 1px solid #6070af;
	position: relative
}

.my-form .form-group .input-name {
	width: 80px;
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 0
}

.my-form .form-group .error {
	width: auto;
	line-height: 30px;
	color: #f00;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0
}

.my-form .form-group input.error,
.my-form .form-group textarea.error {
	position: static
}

.my-form .form-group input {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 26px;
	border: none;
	background: none;
	font-family: "microsoft yahei"
}

.my-form .form-group textarea {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 30px;
	border: none;
	background: none;
	font-family: "microsoft yahei"
}

.my-form .form-group textarea:-webkit-autofill {
	background-color: transparent
}

.header-box {
	width: 100%;
	height: 80px;
	background: transparent;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	font-size: 14px;
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	z-index: 9999
}

.header-box .header-content {
	width: 100%;
	padding: 0 180px 0 295px
}

.header-box .header-content .header-user-oper {
	height: 80px;
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px
}

.header-box .header-content .header-logo {
	float: left;
	max-width: 275px;
	height: 80px
}

.header-box .header-content .header-logo>div {
	font-size: 0;
	width: 100%;
	line-height: 80px
}

.header-box .header-content .header-logo>div img {
	vertical-align: middle
}

.header-box .header-content .header-logo .logo {
	display: block
}

.header-box .header-content .header-logo .active-logo {
	display: none
}

.header-box .header-content .user-oper {
	float: right;
	margin-top: 22px
}

.header-box .header-content .user-oper .iconfont {
	display: none
}

.header-box .header-content .user-oper a {
	float: right;
	display: block;
	width: 70px;
	height: 36px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	border: 2px solid;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-left: 10px
}

.header-box .header-content .user-oper a .iconfont {
	font-size: 12px;
	margin-left: 10px
}

.header-box .header-content .user-oper a:hover {
	background: #fff;
	color: #15b132;
	border-color: #fff
}

.header-box .header-nav-box {
	width: 100%;
	height: 80px;
	text-align: center
}

.header-box .header-nav-box .head-title {
	display: none;
	text-align: center;
	font-size: 26px;
	line-height: 80px;
	position: absolute;
	top: 0;
	left: 200px;
	right: 200px
}

.header-box .header-nav-box .header-nav {
	display: inline-block
}

.header-box .header-nav-box .header-nav #navList {
	width: 100%
}

.header-box .header-nav-box .header-nav #navList>li {
	float: left;
	position: relative;
	z-index: 99
}

.header-box .header-nav-box .header-nav #navList>li>a {
	display: block;
	height: 100%;
	padding: 0 25px;
	line-height: 80px;
	border-top: 1px solid #eee;
	text-transform: uppercase;
	position: relative
}

@media screen and (min-width:1024px) {
	.header-box .header-nav-box .header-nav #navList>li>a:hover {
		color: #fff
	}
	.header-box .header-nav-box .header-nav #navList>li>a:hover::before {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	.header-box .header-nav-box .header-nav #navList>li>a:hover::after {
		border-top-color: #fff
	}
}

.header-box .header-nav-box .header-nav #navList>li>a::before {
	content: "";
	display: block;
	border-top: 4px solid;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0
}

.header-box .header-nav-box .header-nav #navList>li>.arrow {
	position: relative;
	z-index: 9
}

.header-box .header-nav-box .header-nav #navList>li>.arrow::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	border-top: 4px solid;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu {
	display: none;
	position: absolute;
	top: 80px;
	left: -10%;
	right: -10%;
	z-index: 999;
	overflow: hidden
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li {
	height: 40px;
	text-align: center;
	line-height: 40px
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	background: #f9f9f9;
	color: #666;
	padding: 0 20px;
	line-height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	border-top: 1px solid #15b132;
	position: relative
}

@media screen and (min-width:1024px) {
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a:hover {
		color: #fff;
		background: #15b132;
		border-top-color: #15b132
	}
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>.curr a {
	color: #fff;
	border-top-color: #15b132;
	background: #15b132
}

.header-box .header-nav-box .header-nav #navList>.curr a {
	color: #fff
}

.header-box .header-nav-box .header-nav #navList>.curr a::before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.header-box .header-nav-box button {
	display: none;
	width: 2.5em;
	height: 2em;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -1em;
	background: none;
	border: none
}

.header-box .header-nav-box button>span {
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	position: absolute;
	right: 0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.header-box .header-nav-box button>span:nth-of-type(1) {
	top: 0;
	-webkit-transition: all .07s linear;
	-moz-transition: all .07s linear;
	-ms-transition: all .07s linear;
	-o-transition: all .07s linear;
	transition: all .07s linear
}

.header-box .header-nav-box button>span:nth-of-type(2) {
	width: 100%;
	top: 50%;
	margin-top: -2px
}

.header-box .header-nav-box button>span:nth-of-type(3) {
	bottom: 0;
	-webkit-transition: all .07s ease-out;
	-moz-transition: all .07s ease-out;
	-ms-transition: all .07s ease-out;
	-o-transition: all .07s ease-out;
	transition: all .07s ease-out
}

.header-box .header-nav-box button span.two.squize {
	width: 0
}

.header-box .header-nav-box button span.rotate30 {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

.header-box .header-nav-box button span.rotate150 {
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

.header-box .header-nav-box button span.rotate45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.header-box .header-nav-box button span.rotate135 {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.header-box .header-nav-box .open span:nth-of-type(1) {
	top: 50%;
	margin-top: -1px;
	-webkit-transition: all .07s ease-out;
	-moz-transition: all .07s ease-out;
	-ms-transition: all .07s ease-out;
	-o-transition: all .07s ease-out;
	transition: all .07s ease-out
}

.header-box .header-nav-box .open span:nth-of-type(3) {
	top: 50%;
	margin-top: -1px;
	-webkit-transition: all .07s ease-out;
	-moz-transition: all .07s ease-out;
	-ms-transition: all .07s ease-out;
	-o-transition: all .07s ease-out;
	transition: all .07s ease-out
}

@media screen and (max-width:1200px) {
	.header-box {
		width: 100%;
		height: 80px
	}
	.header-box .header-nav-box {
		width: 100%;
		height: 80px
	}
	.header-box .header-nav-box .header-nav {
		display: inline-block
	}
	.header-box .header-nav-box .header-nav #navList {
		width: 100%
	}
	.header-box .header-nav-box .header-nav #navList>li {
		float: left;
		position: relative;
		z-index: 99
	}
	.header-box .header-nav-box .header-nav #navList>li>a {
		display: block;
		height: 100%;
		padding: 0 15px;
		line-height: 80px
	}
}

@media screen and (max-width:1040px) {
	.header-box {
		width: 100%;
		height: 60px
	}
	.header-box .header-content {
		width: 100%;
		padding: 0 180px 0 265px
	}
	.header-box .header-content .header-user-oper {
		height: 60px;
		position: absolute;
		top: 0;
		left: 20px;
		right: 80px
	}
	.header-box .header-content .header-logo {
		float: left;
		max-width: 245px;
		height: 60px
	}
	.header-box .header-content .header-logo>div {
		line-height: 60px
	}
	.header-box .header-content .user-oper {
		float: right;
		margin-top: 12px
	}
	.header-box .header-nav-box {
		width: 100%;
		height: 60px;
		color: #666
	}
	.header-box .header-nav-box .head-title {
		display: block;
		color: #fff;
		text-align: center;
		font-size: 26px;
		line-height: 60px
	}
	.header-box .header-nav-box .header-nav {
		display: block;
		overflow-y: auto;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0
	}
	.header-box .header-nav-box .header-nav #navList {
		display: none;
		width: 100%;
		background: #fff
	}
	.header-box .header-nav-box .header-nav #navList>li {
		float: none
	}
	.header-box .header-nav-box .header-nav #navList>li>a {
		line-height: 60px
	}
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu {
		display: none;
		position: static
	}
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a {
		font-size: 12px
	}
	.header-box .header-nav-box .header-nav #navList .curr>a {
		color: #15b132
	}
	.header-box .header-nav-box button {
		display: block
	}
}

@media screen and (max-width:768px) {
	.header-box {
		width: 100%;
		height: 60px
	}
	.header-box .header-content {
		width: 100%;
		padding: 0 180px 0 265px
	}
	.header-box .header-content .header-user-oper {
		height: 60px;
		position: absolute;
		top: 0;
		left: 20px;
		right: 80px
	}
	.header-box .header-content .header-logo {
		float: left;
		max-width: 245px;
		height: 60px
	}
	.header-box .header-content .header-logo>div {
		line-height: 60px
	}
	.header-box .header-content .user-oper {
		float: right;
		margin-top: 0;
		position: relative
	}
	.header-box .header-content .user-oper .iconfont {
		display: block;
		line-height: 60px;
		font-size: 30px;
		cursor: pointer
	}
	.header-box .header-content .user-oper .user {
		display: none;
		border: 1px solid #eee;
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -40px;
		background: #fff
	}
	.header-box .header-content .user-oper .user a {
		border: none;
		color: #15b132;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0
	}
	.header-box .header-content .user-oper .user a:first-child {
		border-bottom: 1px solid #eee
	}
	.header-box .header-nav-box {
		width: 100%;
		height: 60px;
		color: #666
	}
	.header-box .header-nav-box .head-title {
		display: none
	}
	.header-box .header-nav-box .header-nav {
		display: inline-block
	}
	.header-box .header-nav-box .header-nav #navList {
		width: 100%;
		background: #fff
	}
	.header-box .header-nav-box .header-nav #navList>li {
		float: none
	}
	.header-box .header-nav-box .header-nav #navList>li>a {
		line-height: 60px
	}
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu {
		display: none;
		position: static
	}
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a {
		font-size: 12px
	}
	.header-box .header-nav-box .header-nav #navList .curr>a {
		color: #15b132
	}
}

@media screen and (max-width:568px) {
	.header-box {
		width: 100%;
		height: 60px
	}
	.header-box .header-content {
		width: 100%;
		padding: 0
	}
	.header-box .header-content .header-user-oper {
		height: 60px;
		position: absolute;
		top: 0;
		left: 10px;
		right: 60px
	}
	.header-box .header-content .header-logo {
		float: left;
		max-width: 180px;
		height: 60px
	}
	.header-box .header-content .header-logo>div {
		line-height: 60px
	}
	.header-box .header-content .user-oper {
		float: right;
		margin-top: 0;
		position: relative
	}
	.header-box .header-content .user-oper .iconfont {
		display: block;
		line-height: 60px;
		font-size: 30px;
		cursor: pointer
	}
	.header-box .header-content .user-oper .user {
		display: none;
		border: 1px solid #eee;
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -40px;
		background: #fff
	}
	.header-box .header-content .user-oper .user a {
		border: none;
		color: #15b132;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0
	}
	.header-box .header-content .user-oper .user a:first-child {
		border-bottom: 1px solid #eee
	}
	.header-box .header-nav-box {
		width: 100%;
		height: 60px;
		color: #666
	}
	.header-box .header-nav-box .head-title {
		display: none
	}
	.header-box .header-nav-box .header-nav {
		display: inline-block
	}
	.header-box .header-nav-box .header-nav #navList {
		width: 100%;
		background: #fff
	}
	.header-box .header-nav-box .header-nav #navList>li {
		float: none
	}
	.header-box .header-nav-box .header-nav #navList>li>a {
		line-height: 60px
	}
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu {
		display: none;
		position: static
	}
	.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a {
		font-size: 12px
	}
	.header-box .header-nav-box .header-nav #navList .curr>a {
		color: #15b132
	}
}

.active-head {
	background: #fff;
	color: #666;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
}

.active-head .header-content {
	width: 100%
}

.active-head .header-content .header-logo .logo {
	display: none
}

.active-head .header-content .header-logo .active-logo {
	display: block
}

.active-head .header-content .user-oper .iconfont {
	color: #15b132
}

.active-head .header-content .user-oper a {
	float: right;
	color: #15b132
}

@media screen and (min-width:992px) {
	.active-head .header-content .user-oper a:hover {
		background: #15b132;
		color: #fff;
		border-color: #15b132
	}
}

.active-head .header-nav-box .head-title {
	color: #666
}

.active-head .header-nav-box .header-nav {
	display: inline-block
}

.active-head .header-nav-box .header-nav #navList {
	width: 100%
}

@media screen and (min-width:992px) {
	.active-head .header-nav-box .header-nav #navList>li>a:hover {
		color: #15b132
	}
	.active-head .header-nav-box .header-nav #navList>li>a:hover::before {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	.active-head .header-nav-box .header-nav #navList>li>a:hover::after {
		border-top-color: #15b132
	}
	.active-head .header-nav-box .header-nav #navList>li>a::before {
		content: "";
		display: block;
		border-top: 4px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 0
	}
}

@media screen and (min-width:992px) {
	.active-head .header-nav-box .header-nav #navList>li .dropdown-menu>li>a:hover {
		color: #fff;
		background: #15b132;
		border-top-color: #15b132
	}
}

.active-head .header-nav-box .header-nav #navList>li .dropdown-menu>.curr a {
	color: #fff;
	border-top-color: #15b132;
	background: #15b132
}

.active-head .header-nav-box .header-nav #navList>.curr a {
	color: #15b132
}

.active-head .header-nav-box .header-nav #navList>.curr a::before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.active-head .header-nav-box button>span {
	background: #15b132
}

.footer-box {
	width: 100%;
	text-align: center;
	background: #272727;
	color: #fff
}

.footer-box .footer-title {
	margin-bottom: 20px
}

.footer-box .footer-title em {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-family: "avantgardegothiccregular"
}

.footer-box .footer-title h4 {
	font-size: 24px
}

.footer-box .footer-content {
	max-width: 1170px;
	padding: 50px 0;
	margin: 0 auto;
	color: #fff;
	text-align: left;
	position: relative;
	overflow: hidden
}

.footer-box .footer-content .footer-service {
	float: left;
	width: 300px;
	padding-right: 20px
}

.footer-box .footer-content .footer-service .tel {
	display: block;
	font-size: 30px;
	line-height: 1;
	font-family: "avantgardegothiccregular"
}

.footer-box .footer-content .footer-service p {
	margin-top: 20px
}

.footer-box .footer-content .footer-service .logo-img {
	margin-top: 20px
}

.footer-box .footer-content .footer-nav {
	float: left;
	width: 200px
}

.footer-box .footer-content .footer-nav .nav-list {
	width: 100%;
	color: #999
}

.footer-box .footer-content .footer-nav .nav-list li {
	line-height: 30px
}

.footer-box .footer-content .footer-nav .nav-list li a {
	display: block;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

@media screen and (min-width:992px) {
	.footer-box .footer-content .footer-nav .nav-list li a:hover {
		color: #15b132
	}
}

.footer-box .footer-content .footer-product {
	float: left;
	width: 200px
}

.footer-box .footer-content .footer-product .product-list {
	width: 100%;
	color: #999
}

.footer-box .footer-content .footer-product .product-list li {
	line-height: 30px
}

.footer-box .footer-content .footer-product .product-list li a {
	display: block;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	padding-left: 8px;
	position: relative
}

.footer-box .footer-content .footer-product .product-list li a::after {
	content: "";
	width: 5px;
	border-top: 1px solid;
	position: absolute;
	left: 0;
	top: 50%
}

@media screen and (min-width:992px) {
	.footer-box .footer-content .footer-product .product-list li a:hover {
		color: #15b132
	}
}

.footer-box .footer-content .footer-follow {
	float: right;
	width: 250px;
	text-align: center
}

.footer-box .footer-content .footer-follow .follow-rq-code {
	width: 150px;
	margin: 0 auto;
	padding: 10px;
	background: #fff
}

.footer-box .footer-content .footer-follow .follow-rq-code img {
	display: block
}

.footer-box .footer-content .footer-follow span {
	display: block;
	margin-top: 20px
}

.footer-box .pic-link {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	padding-bottom: 20px
}

.footer-box .pic-link li {
	margin-right: 4px;
	float: left;
	margin-right: 10px 20px 10px 0;
	color: #999;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.footer-box .pic-link li:hover {
	color: #15b132
}

.footer-box .copy-box {
	height: 50px;
	font-size: 12px;
	line-height: 50px;
	color: #999;
	background: #202020
}

.footer-box .copy-box br {
	display: none
}

.footer-box .copy-box a {
	display: inline-block;
	margin-left: 10px
}

@media screen and (max-width:1200px) {
	.footer-box {
		width: 100%
	}
	.footer-box .footer-content {
		max-width: 992px;
		padding: 50px 10px
	}
	.footer-box .footer-content .footer-service {
		float: left;
		width: 300px
	}
	.footer-box .footer-content .footer-nav {
		float: left;
		width: 150px
	}
	.footer-box .footer-content .footer-product {
		float: left;
		width: 150px
	}
	.footer-box .footer-content .footer-follow {
		float: right;
		width: 200px
	}
}

@media screen and (max-width:992px) {
	.footer-box {
		width: 100%
	}
	.footer-box .footer-content {
		max-width: 768px
	}
	.footer-box .footer-content .footer-service {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		position: relative
	}
	.footer-box .footer-content .footer-service .logo-img {
		position: absolute;
		top: 30px;
		right: 100px
	}
	.footer-box .footer-content .footer-nav {
		float: left;
		width: 33.3333%
	}
	.footer-box .footer-content .footer-product {
		float: left;
		width: 33.3333%
	}
	.footer-box .footer-content .footer-follow {
		float: right;
		width: 100%;
		margin-top: 30px
	}
}

@media screen and (max-width:768px) {
	.footer-box {
		width: 100%
	}
	.footer-box .footer-content {
		max-width: 768px
	}
	.footer-box .footer-content .footer-service {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		position: relative
	}
	.footer-box .footer-content .footer-service .logo-img {
		position: absolute;
		top: 30px;
		right: 50px
	}
	.footer-box .footer-content .footer-nav {
		float: left;
		width: 33.3333%
	}
	.footer-box .footer-content .footer-product {
		float: left;
		width: 33.3333%
	}
	.footer-box .footer-content .footer-follow {
		float: right;
		width: 100%;
		margin-top: 30px
	}
}

@media screen and (max-width:568px) {
	.footer-box {
		width: 100%
	}
	.footer-box .footer-content {
		max-width: 768px;
		padding: 30px 10px
	}
	.footer-box .footer-content .footer-service {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		position: relative
	}
	.footer-box .footer-content .footer-service .logo-img {
		position: static
	}
	.footer-box .footer-content .footer-nav {
		float: left;
		width: 100%
	}
	.footer-box .footer-content .footer-nav .nav-list {
		width: 100%;
		color: #999
	}
	.footer-box .footer-content .footer-nav .nav-list li {
		float: left;
		width: 33.3333%
	}
	.footer-box .footer-content .footer-product {
		display: none;
		float: left;
		width: 100%;
		margin-top: 30px
	}
	.footer-box .footer-content .footer-product li {
		float: left;
		width: 50%
	}
	.footer-box .footer-content .footer-follow {
		float: right;
		width: 100%;
		margin-top: 30px
	}
}

.hp-banner-box {
	width: 100%;
	position: relative;
	background: #f9f9f9;
	overflow: hidden
}

.hp-banner-box .slider-mask {
	background: #fff;
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.hp-banner-box .slider-mask img {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.hp-banner-box .am-slides>li {
	display: none;
	width: 100%;
	height: 650px;
	background-size: cover !important;
	background-size: 100% auto;
	position: relative;
	overflow: hidden
}

.hp-banner-box .am-slides>li:first-child {
	display: block
}

.hp-banner-box .am-direction-nav {
	display: block
}

.hp-banner-box .am-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 9;
	display: block;
	width: 36px;
	height: 36px;
	margin: -18px 0 0;
	line-height: 38px;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	color: #15b132;
	background: #fff
}

.hp-banner-box .am-direction-nav a:hover {
	background: #15b132;
	color: #fff
}

.hp-banner-box .am-direction-nav a .iconfont {
	display: block;
	text-align: center;
	font-size: 14px
}

.hp-banner-box .am-direction-nav .am-prev {
	left: 40px
}

.hp-banner-box .am-direction-nav .am-next {
	right: 40px
}

.hp-banner-box .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	z-index: 8;
	text-align: center
}

.hp-banner-box .am-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size: 0;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
	border: 2px solid;
	background: transparent;
	background-clip: content-box;
	text-indent: -9999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-banner-box .am-control-nav li:hover {
	background: #fff;
	-webkit-transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.hp-banner-box .am-control-nav .am-active {
	background: #fff;
	-webkit-transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.hp-banner-box .banner-content1 {
	display: table;
	width: 100%;
	height: 100%;
	padding-left: 60%;
	padding-top: 80px
}

.hp-banner-box .banner-content1 .ele-animation {
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.hp-banner-box .banner-content1 .ele-animation .border-text {
	display: block;
	font-size: 40px;
	line-height: .8
}

.hp-banner-box .banner-content1 .ele-animation em {
	display: block;
	font-size: 56px;
	line-height: 1;
	margin-top: 20px
}

.hp-banner-box .banner-content1 .ele-animation p {
	font-size: 16px;
	margin-top: 20px
}

.hp-banner-box .banner-content1 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	border: 2px solid;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-top: 40px
}

.hp-banner-box .banner-content1 .ele-animation .more-btn .iconfont {
	font-size: 12px;
	margin-left: 10px
}

@media scroll and (max-width:992px) {
	.hp-banner-box .banner-content1 .ele-animation .more-btn:hover {
		background: #15b132;
		border-color: #15b132
	}
}

.hp-banner-box .banner-content2 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18%
}

.hp-banner-box .banner-content2 .ele-animation {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-align: center
}

.hp-banner-box .banner-content2 .ele-animation .border-text {
	display: block;
	font-family: "avantgardegothiccregular";
	font-size: 40px;
	text-transform: uppercase
}

.hp-banner-box .banner-content2 .ele-animation p {
	font-size: 28px;
	font-weight: 100;
	margin-top: 20px
}

.hp-banner-box .banner-content2 .ele-animation small {
	display: block;
	margin-top: 10px
}

.hp-banner-box .banner-content2 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	border: 2px solid;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 40px
}

.hp-banner-box .banner-content2 .ele-animation .more-btn .iconfont {
	font-size: 12px;
	margin-left: 10px
}

.hp-banner-box .banner-content2 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
	box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-banner-box .banner-content3 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18% 0 52%
}

.hp-banner-box .banner-content3 .ele-animation {
	display: table-cell;
	vertical-align: middle
}

.hp-banner-box .banner-content3 .ele-animation .border-text {
	display: block;
	font-size: 48px;
	font-family: "avantgardegothiccregular";
	text-transform: uppercase
}

.hp-banner-box .banner-content3 .ele-animation p {
	font-size: 28px;
	font-weight: 100;
	margin-top: 20px;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}

.hp-banner-box .banner-content3 .ele-animation .line {
	display: block;
	width: 50px;
	height: 4px;
	background: #15b132;
	margin-top: 20px;
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-ms-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}

.hp-banner-box .banner-content3 .ele-animation small {
	display: block;
	font-size: 16px;
	margin-top: 30px;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}

.hp-banner-box .banner-content3 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #15b132;
	overflow: hidden;
	margin-top: 40px
}

.hp-banner-box .banner-content3 .ele-animation .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-banner-box .banner-content3 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
	box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

@media screen and (max-width:1200px) {
	.hp-banner-box .am-slides>li {
		display: none;
		width: 100%;
		height: 45.83333333vw
	}
	.hp-banner-box .banner-content1 {
		display: table;
		width: 100%;
		height: 100%;
		padding-left: 60%;
		padding-top: 80px
	}
	.hp-banner-box .banner-content1 .ele-animation .border-text {
		display: block;
		font-size: 30px;
		line-height: .8
	}
	.hp-banner-box .banner-content1 .ele-animation em {
		display: block;
		font-size: 46px;
		line-height: 1;
		margin-top: 20px
	}
	.hp-banner-box .banner-content1 .ele-animation p {
		font-size: 16px;
		margin-top: 20px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		text-align: center;
		line-height: 36px;
		border: 2px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		overflow: hidden;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		margin-top: 40px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn .iconfont {
		font-size: 12px;
		margin-left: 10px
	}
	.hp-banner-box .banner-content2 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18%
	}
	.hp-banner-box .banner-content2 .ele-animation {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		text-align: center
	}
	.hp-banner-box .banner-content2 .ele-animation .border-text {
		display: block;
		font-family: "avantgardegothiccregular";
		font-size: 40px;
		text-transform: uppercase
	}
	.hp-banner-box .banner-content2 .ele-animation p {
		font-size: 28px;
		font-weight: 100;
		margin-top: 20px
	}
	.hp-banner-box .banner-content2 .ele-animation small {
		display: block;
		margin-top: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		text-align: center;
		line-height: 36px;
		border: 2px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		overflow: hidden;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		margin: 0 auto;
		margin-top: 40px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn .iconfont {
		font-size: 12px;
		margin-left: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn:hover {
		-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
	.hp-banner-box .banner-content3 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18% 0 52%
	}
	.hp-banner-box .banner-content3 .ele-animation {
		display: table-cell;
		vertical-align: middle
	}
	.hp-banner-box .banner-content3 .ele-animation .border-text {
		display: block;
		font-size: 48px;
		font-family: "avantgardegothiccregular";
		text-transform: uppercase
	}
	.hp-banner-box .banner-content3 .ele-animation p {
		font-size: 28px;
		font-weight: 100;
		margin-top: 20px;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-ms-transition-delay: .5s;
		-o-transition-delay: .5s;
		transition-delay: .5s
	}
	.hp-banner-box .banner-content3 .ele-animation .line {
		display: block;
		width: 50px;
		height: 4px;
		background: #15b132;
		margin-top: 20px;
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-ms-transition-delay: .7s;
		-o-transition-delay: .7s;
		transition-delay: .7s
	}
	.hp-banner-box .banner-content3 .ele-animation small {
		display: block;
		font-size: 16px;
		margin-top: 30px
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		line-height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden;
		margin-top: 40px
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn:hover {
		-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
}

@media screen and (max-width:992px) {
	.hp-banner-box {
		width: 100%
	}
	.hp-banner-box .am-slides>li {
		height: 46.37096774vw
	}
	.hp-banner-box .banner-content1 {
		display: table;
		width: 100%;
		height: 100%;
		padding-left: 60%;
		padding-top: 80px
	}
	.hp-banner-box .banner-content1 .ele-animation {
		display: table-cell;
		vertical-align: middle;
		color: #fff
	}
	.hp-banner-box .banner-content1 .ele-animation .border-text {
		display: block;
		font-size: 20px;
		line-height: .8
	}
	.hp-banner-box .banner-content1 .ele-animation em {
		display: block;
		font-size: 30px;
		line-height: 1;
		margin-top: 20px
	}
	.hp-banner-box .banner-content1 .ele-animation p {
		font-size: 16px;
		margin-top: 20px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn {
		display: block;
		width: 160px;
		height: 40px;
		color: #fff;
		text-align: center;
		line-height: 36px;
		border: 2px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		overflow: hidden;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		margin-top: 40px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn .iconfont {
		font-size: 12px;
		margin-left: 10px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn:hover {
		background: #15b132;
		border-color: #15b132
	}
	.hp-banner-box .banner-content2 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18%
	}
	.hp-banner-box .banner-content2 .ele-animation {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		text-align: center
	}
	.hp-banner-box .banner-content2 .ele-animation .border-text {
		display: block;
		font-family: "avantgardegothiccregular";
		font-size: 40px;
		text-transform: uppercase
	}
	.hp-banner-box .banner-content2 .ele-animation p {
		font-size: 28px;
		font-weight: 100;
		margin-top: 20px
	}
	.hp-banner-box .banner-content2 .ele-animation small {
		display: block;
		margin-top: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		text-align: center;
		line-height: 36px;
		border: 2px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		overflow: hidden;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		margin: 0 auto;
		margin-top: 40px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn .iconfont {
		font-size: 12px;
		margin-left: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn:hover {
		-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
	.hp-banner-box .banner-content3 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18% 0 52%
	}
	.hp-banner-box .banner-content3 .ele-animation {
		display: table-cell;
		vertical-align: middle
	}
	.hp-banner-box .banner-content3 .ele-animation .border-text {
		display: block;
		font-size: 48px;
		font-family: "avantgardegothiccregular";
		text-transform: uppercase
	}
	.hp-banner-box .banner-content3 .ele-animation p {
		font-size: 28px;
		font-weight: 100;
		margin-top: 20px;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-ms-transition-delay: .5s;
		-o-transition-delay: .5s;
		transition-delay: .5s
	}
	.hp-banner-box .banner-content3 .ele-animation .line {
		display: block;
		width: 50px;
		height: 4px;
		background: #15b132;
		margin-top: 20px;
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-ms-transition-delay: .7s;
		-o-transition-delay: .7s;
		transition-delay: .7s
	}
	.hp-banner-box .banner-content3 .ele-animation small {
		display: block;
		font-size: 16px;
		margin-top: 30px;
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-ms-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		line-height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden;
		margin-top: 40px
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn:hover {
		-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
}

@media screen and (max-width:768px) {
	.hp-banner-box {
		width: 100%
	}
	.hp-banner-box .am-slides>li {
		height: 117.1875vw
	}
	.hp-banner-box .am-direction-nav {
		display: block
	}
	.hp-banner-box .am-direction-nav .am-prev {
		left: 10px
	}
	.hp-banner-box .am-direction-nav .am-next {
		right: 10px
	}
	.hp-banner-box .banner-content1 {
		display: table;
		width: 100%;
		height: 100%;
		padding-left: 0;
		padding-top: 0;
		position: relative
	}
	.hp-banner-box .banner-content1 .ele-animation {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 80px;
		text-align: center
	}
	.hp-banner-box .banner-content1 .ele-animation .border-text {
		display: block;
		font-size: 20px;
		line-height: .8
	}
	.hp-banner-box .banner-content1 .ele-animation em {
		display: block;
		font-size: 30px;
		line-height: 1;
		margin-top: 10px
	}
	.hp-banner-box .banner-content1 .ele-animation p {
		font-size: 14px;
		margin-top: 20px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn {
		display: none
	}
	.hp-banner-box .banner-content2 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18%
	}
	.hp-banner-box .banner-content2 .ele-animation {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		text-align: center
	}
	.hp-banner-box .banner-content2 .ele-animation .border-text {
		display: block;
		font-family: "avantgardegothiccregular";
		font-size: 26px;
		text-transform: uppercase
	}
	.hp-banner-box .banner-content2 .ele-animation p {
		font-size: 20px;
		font-weight: 100;
		margin-top: 20px
	}
	.hp-banner-box .banner-content2 .ele-animation small {
		display: block;
		margin-top: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		text-align: center;
		line-height: 36px;
		border: 2px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		overflow: hidden;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		margin: 0 auto;
		margin-top: 40px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn .iconfont {
		font-size: 12px;
		margin-left: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn:hover {
		-webkit-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-moz-box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		box-shadow: 4px 4px 20px 1px rgba(250, 193, 1, 0.5), 4px 4px 20px 1px rgba(250, 193, 1, 0.5);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
	.hp-banner-box .banner-content3 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 10% 0 52%
	}
	.hp-banner-box .banner-content3 .ele-animation {
		display: table-cell;
		vertical-align: middle
	}
	.hp-banner-box .banner-content3 .ele-animation .border-text {
		display: block;
		font-size: 26px;
		font-family: "avantgardegothiccregular";
		text-transform: uppercase
	}
	.hp-banner-box .banner-content3 .ele-animation p {
		font-size: 20px;
		font-weight: 100;
		margin-top: 20px;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-ms-transition-delay: .5s;
		-o-transition-delay: .5s;
		transition-delay: .5s
	}
	.hp-banner-box .banner-content3 .ele-animation .line {
		display: block;
		width: 50px;
		height: 4px;
		background: #15b132;
		margin-top: 20px;
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-ms-transition-delay: .7s;
		-o-transition-delay: .7s;
		transition-delay: .7s
	}
	.hp-banner-box .banner-content3 .ele-animation small {
		display: block;
		font-size: 14px;
		margin-top: 30px;
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-ms-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s
	}
	.hp-banner-box .banner-content3 .ele-animation .more-btn {
		display: none
	}
}

@media screen and (max-width:568px) {
	.hp-banner-box {
		width: 100%
	}
	.hp-banner-box .am-slides>li {
		height: 116.1971831vw
	}
	.hp-banner-box .am-direction-nav {
		display: block
	}
	.hp-banner-box .am-direction-nav .am-prev {
		width: 30px;
		height: 30px;
		line-height: 30px;
		left: 10px
	}
	.hp-banner-box .am-direction-nav .am-next {
		width: 30px;
		height: 30px;
		line-height: 30px;
		right: 10px
	}
	.hp-banner-box .banner-content1 {
		display: table;
		width: 100%;
		height: 100%;
		padding-left: 0;
		padding-top: 0;
		position: relative
	}
	.hp-banner-box .banner-content1 .ele-animation {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 40px;
		text-align: center
	}
	.hp-banner-box .banner-content1 .ele-animation .border-text {
		display: block;
		font-size: 14px;
		line-height: .8
	}
	.hp-banner-box .banner-content1 .ele-animation em {
		display: block;
		font-size: 20px;
		line-height: 1;
		margin-top: 10px
	}
	.hp-banner-box .banner-content1 .ele-animation p {
		font-size: 12px;
		margin-top: 5px
	}
	.hp-banner-box .banner-content1 .ele-animation .more-btn {
		display: none
	}
	.hp-banner-box .banner-content2 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18%
	}
	.hp-banner-box .banner-content2 .ele-animation {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		text-align: center
	}
	.hp-banner-box .banner-content2 .ele-animation .border-text {
		display: block;
		font-family: "avantgardegothiccregular";
		font-size: 20px;
		text-transform: uppercase
	}
	.hp-banner-box .banner-content2 .ele-animation p {
		font-size: 14px;
		font-weight: 100;
		margin-top: 20px
	}
	.hp-banner-box .banner-content2 .ele-animation small {
		display: block;
		margin-top: 10px
	}
	.hp-banner-box .banner-content2 .ele-animation .more-btn {
		display: none
	}
	.hp-banner-box .banner-content3 {
		display: table;
		width: 100%;
		height: 100%;
		padding: 0 18% 0 52%
	}
	.hp-banner-box .banner-content3 .ele-animation {
		display: table-cell;
		vertical-align: middle
	}
	.hp-banner-box .banner-content3 .ele-animation .border-text {
		display: block;
		font-size: 20px;
		font-family: "avantgardegothiccregular";
		text-transform: uppercase
	}
	.hp-banner-box .banner-content3 .ele-animation p {
		font-size: 14px;
		font-weight: 100;
		margin-top: 20px;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-ms-transition-delay: .5s;
		-o-transition-delay: .5s;
		transition-delay: .5s
	}
	.hp-banner-box .banner-content3 .ele-animation .line {
		display: none;
		width: 50px;
		height: 4px;
		background: #15b132;
		margin-top: 20px;
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-ms-transition-delay: .7s;
		-o-transition-delay: .7s;
		transition-delay: .7s
	}
	.hp-banner-box .banner-content3 .ele-animation small {
		display: none;
		font-size: 16px;
		margin-top: 30px;
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-ms-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s
	}
}

.hp-advan-box {
	width: 100%
}

.hp-advan-box .advan-layout-mode {
	width: 100%;
	padding: 70px 0;
	border-bottom: 1px solid #eee
}

.hp-advan-box .advan-layout-mode:nth-child(1) .mode-img {
	float: left
}

.hp-advan-box .advan-layout-mode:nth-child(2) .mode-img {
	float: right
}

.hp-advan-box .advan-layout-mode:nth-child(2) .mode-brief-box .mode-list p:first-child {
	background: #379ade
}

.hp-advan-box .advan-layout-mode:nth-child(2) .mode-brief-box .mode-list p:first-child::after {
	background: #379ade
}

.hp-advan-box .advan-layout-mode:nth-child(2) .mode-brief-box .mode-list p:first-child::before {
	background: #379ade
}

.hp-advan-box .advan-layout-mode:nth-child(3) .mode-img {
	float: left
}

.hp-advan-box .advan-layout-mode:nth-child(3) .mode-brief-box .mode-list p:first-child {
	background: #7462c5
}

.hp-advan-box .advan-layout-mode:nth-child(3) .mode-brief-box .mode-list p:first-child::after {
	background: #7462c5
}

.hp-advan-box .advan-layout-mode:nth-child(3) .mode-brief-box .mode-list p:first-child::before {
	background: #7462c5
}

.hp-advan-box .advan-layout-mode .mode-content {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px
}

.hp-advan-box .advan-layout-mode .mode-img {
	width: 50%;
	padding-top: 5%
}

.hp-advan-box .advan-layout-mode .mode-img>.img-box {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	text-align: center
}

.hp-advan-box .advan-layout-mode .mode-img>.img-box img {
	vertical-align: middle
}

.hp-advan-box .advan-layout-mode .mode-brief-box {
	float: left;
	width: 50%;
	color: #999
}

.hp-advan-box .advan-layout-mode .mode-brief-box>span {
	display: block;
	font-size: 16px;
	line-height: 1
}

.hp-advan-box .advan-layout-mode .mode-brief-box>h4 {
	font-size: 30px;
	line-height: 1;
	margin-top: 20px;
	color: #666
}

.hp-advan-box .advan-layout-mode .mode-brief-box>small {
	display: block;
	font-size: 16px;
	line-height: 1;
	margin-top: 10px;
	font-family: "avantgardegothiccregular"
}

.hp-advan-box .advan-layout-mode .mode-brief-box p {
	margin-top: 30px
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list {
	margin-top: 50px;
	padding: 0 30px
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list li {
	float: left;
	width: 33.3333%;
	padding: 0 15px;
	cursor: pointer;
	text-align: center
}

@media screen and (min-width:992px) {
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list li:hover .icon-box {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p:first-child {
	width: 40px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #15b132;
	position: relative;
	z-index: 1
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p:first-child::after {
	content: "";
	display: block;
	width: 40px;
	height: 60px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #15b132;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p:first-child::before {
	content: "";
	display: block;
	width: 40px;
	height: 60px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #15b132;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p:first-child .iconfont {
	font-size: 34px
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list h6 {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	margin-top: 20px
}

.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p {
	margin-top: 10px
}

@media screen and (max-width:1200px) {
	.hp-advan-box {
		width: 100%
	}
	.hp-advan-box .advan-layout-mode {
		width: 100%;
		padding: 70px 0
	}
	.hp-advan-box .advan-layout-mode .mode-content {
		max-width: 1170px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box {
		float: left;
		width: 50%;
		color: #999
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list {
		margin-top: 30px;
		padding: 0
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list li {
		float: left;
		width: 33.3333%;
		padding: 0 10px
	}
}

@media screen and (max-width:992px) {
	.hp-advan-box {
		width: 100%
	}
	.hp-advan-box .advan-layout-mode {
		width: 100%;
		padding: 50px 0;
		border-bottom: 1px solid #eee
	}
	.hp-advan-box .advan-layout-mode .mode-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.hp-advan-box .advan-layout-mode .mode-img {
		float: none !important;
		width: 100%;
		padding: 0
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box {
		float: none;
		width: 80%;
		margin: 0 auto;
		margin-top: 50px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list {
		margin-top: 30px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list li {
		float: left;
		width: 33.3333%;
		padding: 0 15px
	}
}

@media screen and (max-width:768px) {
	.hp-advan-box {
		width: 100%
	}
	.hp-advan-box .advan-layout-mode {
		width: 100%;
		padding: 50px 0
	}
	.hp-advan-box .advan-layout-mode .mode-img {
		float: none !important;
		width: 100%;
		padding: 0
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box {
		float: none;
		width: 80%;
		margin: 0 auto;
		margin-top: 50px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list li {
		float: left;
		width: 33.3333%;
		padding: 0 15px
	}
}

@media screen and (max-width:568px) {
	.hp-advan-box {
		width: 100%
	}
	.hp-advan-box .advan-layout-mode {
		width: 100%;
		padding: 30px 0
	}
	.hp-advan-box .advan-layout-mode .mode-content {
		max-width: 1170px;
		margin: 0 auto;
		padding: 0 10px
	}
	.hp-advan-box .advan-layout-mode .mode-img {
		width: 100%
	}
	.hp-advan-box .advan-layout-mode .mode-img>.img-box {
		display: table;
		width: 80%;
		margin: 0 auto;
		padding: 0 20px;
		text-align: center
	}
	.hp-advan-box .advan-layout-mode .mode-img>.img-box img {
		vertical-align: middle
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box {
		float: left;
		width: 100%;
		margin-top: 30px;
		color: #999
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box>span {
		font-size: 16px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box>h4 {
		font-size: 20px;
		margin-top: 20px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box>small {
		display: block;
		font-size: 14px;
		line-height: 1;
		margin-top: 10px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box p {
		margin-top: 20px;
		font-size: 12px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list li {
		float: left;
		width: 33.3333%;
		padding: 0 15px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list h6 {
		font-size: 14px;
		margin-top: 20px
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p {
		display: none
	}
	.hp-advan-box .advan-layout-mode .mode-brief-box .mode-list p:first-child {
		display: block
	}
}

.solve-plan-box {
	width: 100%;
	padding: 50px;
	background: #f9f9f9
}

.solve-plan-box .solve-plan-content {
	max-width: 1170px;
	margin: 0 auto
}

.solve-plan-box .solve-plan-content .plan-list-box {
	width: 100%;
	margin-top: 50px
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list {
	padding: 0 1%
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li {
	float: left;
	width: 20%;
	padding: 0 30px;
	text-align: center;
	cursor: pointer;
	color: #999
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(2) .icon-box::after,
.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(2) .icon-box::before {
	background: #15b132
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(3) .icon-box::after,
.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(3) .icon-box::before {
	background: #379ade
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(4) .icon-box::after,
.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(4) .icon-box::before {
	background: #7462c5
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(5) .icon-box::after,
.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(5) .icon-box::before {
	background: #ff7fa6
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box {
	width: 130px;
	height: 130px;
	line-height: 130px;
	margin: 0 auto;
	color: #fff;
	cursor: pointer;
	background: #fff;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	z-index: 1
}

@media screen and (min-width:992px) {
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box:hover::after {
		-webkit-transform: scale(1.05, 1.05);
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05)
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box:hover::before {
		-webkit-transform: scale(.7, .7);
		-moz-transform: scale(.7, .7);
		-ms-transform: scale(.7, .7);
		-o-transform: scale(.7, .7);
		transform: scale(.7, .7)
	}
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box::after {
	content: "";
	background: #fdc339;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -3
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box::before {
	content: "";
	background: #fdc339;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: -1
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box .icon-bg {
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box .iconfont {
	font-size: 50px
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li h6 {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	margin-top: 30px
}

.solve-plan-box .solve-plan-content .plan-list-box .plan-list li p {
	margin-top: 20px
}

@media screen and (max-width:1200px) {
	.solve-plan-box {
		width: 100%;
		padding: 50px 10px
	}
	.solve-plan-box .solve-plan-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.solve-plan-box .solve-plan-content .plan-list-box {
		width: 100%;
		margin-top: 50px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list {
		padding: 0
	}
}

@media screen and (max-width:992px) {
	.solve-plan-box {
		width: 100%
	}
	.solve-plan-box .solve-plan-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.solve-plan-box .solve-plan-content .plan-list-box {
		width: 100%;
		margin-top: 50px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list {
		width: 100%;
		padding: 0;
		margin: -20px 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li {
		float: left;
		width: 33.3333%;
		padding: 20px 40px;
		text-align: center;
		color: #999
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(4) {
		margin: 0 4.3333% 0 12.3333%
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(5) {
		margin: 0 12.3333% 0 4.3333%
	}
}

@media screen and (max-width:768px) {
	.solve-plan-box {
		width: 100%
	}
	.solve-plan-box .solve-plan-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.solve-plan-box .solve-plan-content .plan-list-box {
		width: 100%;
		margin-top: 50px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list {
		width: 100%;
		padding: 0;
		margin: -20px 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li {
		float: left;
		width: 33.3333%;
		padding: 20px 20px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box {
		width: 100px;
		height: 100px;
		line-height: 100px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box .iconfont {
		font-size: 40px
	}
}

@media screen and (max-width:568px) {
	.solve-plan-box {
		width: 100%;
		padding: 30px 0
	}
	.solve-plan-box .solve-plan-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.solve-plan-box .solve-plan-content .plan-list-box {
		width: 100%;
		margin-top: 30px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list {
		width: 100%;
		padding: 0;
		margin: -20px 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li {
		float: none;
		width: 100%;
		height: 100px;
		padding: 10px 20px;
		text-align: center;
		color: #999
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(4) {
		margin: 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li:nth-child(5) {
		margin: 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box {
		float: left;
		width: 80px;
		height: 80px;
		line-height: 80px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .icon-box .iconfont {
		font-size: 30px
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li .plan-brief {
		margin-left: 100px;
		text-align: left;
		padding: 15px 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li h6 {
		font-size: 16px;
		line-height: 1;
		font-weight: bold;
		margin-top: 0
	}
	.solve-plan-box .solve-plan-content .plan-list-box .plan-list li p {
		margin-top: 10px;
		font-size: 12px
	}
}

.fare-coll-system {
	width: 100%;
	padding: 50px 20px
}

.fare-coll-system .system-content {
	max-width: 1170px;
	margin: 0 auto
}

.fare-coll-system .system-content .system-brief-box {
	margin-top: 50px
}

.fare-coll-system .system-content .system-brief-box .system-type-list {
	width: 300px;
	height: 44px;
	margin: 0 auto;
	border: 2px solid #15b132;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	text-align: center;
	overflow: hidden
}

.fare-coll-system .system-content .system-brief-box .system-type-list li {
	float: left;
	width: 50%;
	font-size: 16px;
	font-weight: bold;
	color: #15b132;
	line-height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	cursor: pointer
}

.fare-coll-system .system-content .system-brief-box .system-type-list li:hover {
	background: #15b132;
	color: #fff
}

.fare-coll-system .system-content .system-brief-box .system-type-list .curr {
	background: #15b132;
	color: #fff
}

.fare-coll-system .system-content .system-brief-box .system-fun-box {
	margin-top: 50px;
	height: 150px
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list {
	display: none;
	margin: 0 -15px
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:first-child {
	display: block
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) {
	text-align: center
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li {
	float: none;
	display: inline-block
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li svg {
	color: #666
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li {
	float: left;
	width: 16.66666667%;
	text-align: center
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li>div {
	display: table;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	border: 2px dashed #eee;
	position: relative
}

@media screen and (min-width:992px) {
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li>div:hover::after {
		opacity: 1
	}
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li>div::after {
	content: "";
	border: 2px dashed #15b132;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	left: -15px;
	right: -15px;
	top: -15px;
	bottom: -15px
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li>div>div {
	display: table-cell;
	vertical-align: middle
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li svg {
	font-size: 50px;
	color: #379ade
}

.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li p {
	margin-top: 15px;
	font-weight: bold
}

@media screen and (max-width:992px) {
	.fare-coll-system {
		width: 100%
	}
	.fare-coll-system .system-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.fare-coll-system .system-content .system-brief-box {
		margin-top: 50px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box {
		margin-top: 50px;
		height: auto
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list {
		display: none;
		margin: -10px -15px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:first-child {
		display: block
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) {
		text-align: center
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li {
		float: none;
		display: inline-block
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li svg {
		color: #666
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li {
		float: left;
		width: 16.66666667%;
		margin: 10px 0
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li>div {
		display: table;
		width: 120px;
		height: 120px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li svg {
		font-size: 40px;
		color: #379ade
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li p {
		margin-top: 10px;
		font-weight: bold
	}
}

@media screen and (max-width:768px) {
	.fare-coll-system {
		width: 100%
	}
	.fare-coll-system .system-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.fare-coll-system .system-content .system-brief-box {
		margin-top: 50px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box {
		margin-top: 50px;
		height: auto
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list {
		display: none;
		margin: -10px -15px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:first-child {
		display: block
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) {
		text-align: center
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li {
		float: none;
		display: inline-block
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li svg {
		color: #666
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li {
		float: left;
		width: 33.33333333%
	}
}

@media screen and (max-width:568px) {
	.fare-coll-system {
		width: 100%;
		padding: 30px 0
	}
	.fare-coll-system .system-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.fare-coll-system .system-content .system-brief-box {
		margin-top: 30px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box {
		margin-top: 30px;
		height: auto
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list {
		margin: -10px 0
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) {
		text-align: center
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list:nth-child(2) li {
		float: left
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li {
		float: left;
		width: 50%;
		margin: 10px 0;
		text-align: center
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li>div {
		display: table;
		width: 120px;
		height: 120px
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li svg {
		font-size: 40px;
		color: #379ade
	}
	.fare-coll-system .system-content .system-brief-box .system-fun-box .fun-list li p {
		margin-top: 10px;
		font-weight: bold
	}
}

.hard-product-box {
	width: 100%;
	padding: 50px 10px;
	background: #f9f9f9
}

.hard-product-box .hard-product-content {
	max-width: 1170px;
	margin: 0 auto
}

.hard-product-box .hard-product-content .product-list-box {
	margin-top: 50px
}

.hard-product-box .hard-product-content .product-list {
	margin: -15px
}

.hard-product-box .hard-product-content .product-list li {
	float: left;
	width: 25%;
	padding: 15px
}

.hard-product-box .hard-product-content .product-list li a {
	display: block;
	width: 100%;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

@media screen and (min-width:992px) {
	.hard-product-box .hard-product-content .product-list li a:hover {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
	.hard-product-box .hard-product-content .product-list li a:hover .product-img .mask {
		opacity: 1
	}
	.hard-product-box .hard-product-content .product-list li a:hover .product-brief::after {
		width: 100%
	}
	.hard-product-box .hard-product-content .product-list li a:hover .product-brief .iconfont {
		color: #15b132
	}
}

.hard-product-box .hard-product-content .product-list li .product-img {
	width: 100%;
	height: 280px;
	position: relative
}

.hard-product-box .hard-product-content .product-list li .product-img .mask {
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.hard-product-box .hard-product-content .product-list li .product-brief {
	height: 80px;
	padding: 20px 80px 20px 20px;
	position: relative
}

.hard-product-box .hard-product-content .product-list li .product-brief::after {
	content: "";
	display: block;
	width: 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	border-top: 2px solid #15b132;
	position: absolute;
	left: 0;
	bottom: 0
}

.hard-product-box .hard-product-content .product-list li .product-brief h6 {
	font-size: 16px;
	line-height: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.hard-product-box .hard-product-content .product-list li .product-brief p {
	color: #999;
	margin-top: 5px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.hard-product-box .hard-product-content .product-list li .product-brief .iconfont {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px
}

@media screen and (max-width:1200px) {
	.hard-product-box {
		width: 100%
	}
	.hard-product-box .hard-product-content {
		max-width: 1170px
	}
	.hard-product-box .hard-product-content .product-list {
		margin: -10px
	}
	.hard-product-box .hard-product-content .product-list li {
		float: left;
		width: 25%;
		padding: 10px
	}
}

@media screen and (max-width:992px) {
	.hard-product-box {
		width: 100%
	}
	.hard-product-box .hard-product-content {
		max-width: 1170px
	}
	.hard-product-box .hard-product-content .product-list {
		margin: -10px
	}
	.hard-product-box .hard-product-content .product-list li {
		float: left;
		width: 33.3333%;
		padding: 10px
	}
	.hard-product-box .hard-product-content .product-list li .product-img {
		width: 100%;
		height: 28.22580645vw
	}
	.hard-product-box .hard-product-content .product-list li .product-brief {
		height: 80px;
		padding: 20px 60px 20px 20px;
		position: relative
	}
	.hard-product-box .hard-product-content .product-list li .product-brief::after {
		content: "";
		display: block;
		width: 0;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		border-top: 2px solid #15b132;
		position: absolute;
		left: 0;
		bottom: 0
	}
	.hard-product-box .hard-product-content .product-list li .product-brief h6 {
		font-size: 16px;
		line-height: 1
	}
	.hard-product-box .hard-product-content .product-list li .product-brief p {
		color: #999;
		margin-top: 5px
	}
	.hard-product-box .hard-product-content .product-list li .product-brief .iconfont {
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -10px
	}
}

@media screen and (max-width:768px) {
	.hard-product-box {
		width: 100%
	}
	.hard-product-box .hard-product-content {
		max-width: 1170px
	}
	.hard-product-box .hard-product-content .product-list {
		margin: -10px
	}
	.hard-product-box .hard-product-content .product-list li {
		float: left;
		width: 33.3333%;
		padding: 10px
	}
	.hard-product-box .hard-product-content .product-list li .product-img {
		width: 100%;
		height: 28.22580645vw
	}
	.hard-product-box .hard-product-content .product-list li .product-brief {
		height: 60px;
		padding: 10px 30px 10px 10px;
		position: relative
	}
	.hard-product-box .hard-product-content .product-list li .product-brief h6 {
		font-size: 14px;
		line-height: 1
	}
	.hard-product-box .hard-product-content .product-list li .product-brief p {
		color: #999;
		font-size: 12px;
		margin-top: 5px
	}
	.hard-product-box .hard-product-content .product-list li .product-brief .iconfont {
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -10px
	}
}

@media screen and (max-width:568px) {
	.hard-product-box {
		width: 100%;
		padding: 30px 5px
	}
	.hard-product-box .hard-product-content {
		max-width: 1170px
	}
	.hard-product-box .hard-product-content .product-list-box {
		margin-top: 30px
	}
	.hard-product-box .hard-product-content .product-list {
		margin: 0
	}
	.hard-product-box .hard-product-content .product-list li {
		float: left;
		width: 50%;
		padding: 2%
	}
	.hard-product-box .hard-product-content .product-list li .product-img {
		width: 100%;
		height: 49.29577465vw
	}
	.hard-product-box .hard-product-content .product-list li .product-brief {
		height: 60px;
		padding: 10px 30px 10px 10px;
		position: relative
	}
	.hard-product-box .hard-product-content .product-list li .product-brief::after {
		content: "";
		display: block;
		width: 0;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		border-top: 2px solid #15b132;
		position: absolute;
		left: 0;
		bottom: 0
	}
}

.hp-achieve-box {
	width: 100%;
	height: 240px;
	background: url("../../images/main/hp_achieve_parallax.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.hp-achieve-box .achieve-list-box {
	max-width: 1170px;
	height: 100%;
	padding: 80px 0;
	margin: 0 auto;
	color: #fff
}

.hp-achieve-box .achieve-list-box .achieve-list {
	margin: 0 -30px
}

.hp-achieve-box .achieve-list-box .achieve-list li {
	float: left;
	width: 20%;
	padding: 0 30px;
	text-align: center
}

.hp-achieve-box .achieve-list-box .achieve-list li>div {
	display: inline-block
}

.hp-achieve-box .achieve-list-box .achieve-list li .dynamic {
	float: left;
	font-size: 48px;
	line-height: 48px;
	font-family: "avantgardegothiccregular"
}

.hp-achieve-box .achieve-list-box .achieve-list li .iconfont {
	float: left;
	font-size: 30px;
	margin-left: 10px;
	margin-top: 5px
}

.hp-achieve-box .achieve-list-box .achieve-list li p {
	margin-top: 10px
}

.hp-achieve-box .parallax-scroll-box {
	width: 100%;
	height: 240px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

@media screen and (max-width:992px) {
	.hp-achieve-box {
		width: 100%;
		height: 240px
	}
	.hp-achieve-box .achieve-list-box {
		max-width: 1170px;
		height: 100%;
		padding: 80px 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list {
		margin: 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list li {
		float: left;
		width: 20%;
		padding: 0 10px;
		text-align: center
	}
	.hp-achieve-box .achieve-list-box .achieve-list li>div {
		display: inline-block
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .dynamic {
		float: left;
		font-size: 38px;
		line-height: 48px;
		font-family: "avantgardegothiccregular"
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .iconfont {
		float: left;
		font-size: 24px;
		margin-left: 10px;
		margin-top: 10px
	}
	.hp-achieve-box .achieve-list-box .achieve-list li p {
		margin-top: 10px;
		font-size: 12px
	}
	.hp-achieve-box .parallax-scroll-box {
		display: none
	}
}

@media screen and (max-width:768px) {
	.hp-achieve-box {
		width: 100%;
		height: 280px
	}
	.hp-achieve-box .achieve-list-box {
		max-width: 1170px;
		height: 100%;
		padding: 40px 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list {
		margin: 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list li {
		float: left;
		width: 33.3333%;
		padding: 10px;
		text-align: center
	}
	.hp-achieve-box .achieve-list-box .achieve-list li:nth-child(4) {
		margin: 0 4.3333% 0 12.3333%
	}
	.hp-achieve-box .achieve-list-box .achieve-list li:nth-child(5) {
		margin: 0 12.3333% 0 4.3333%
	}
	.hp-achieve-box .achieve-list-box .achieve-list li>div {
		display: inline-block
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .dynamic {
		float: left;
		font-size: 38px;
		line-height: 48px;
		font-family: "avantgardegothiccregular"
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .iconfont {
		float: left;
		font-size: 24px;
		margin-left: 10px;
		margin-top: 10px
	}
	.hp-achieve-box .achieve-list-box .achieve-list li p {
		margin-top: 10px;
		font-size: 12px
	}
}

@media screen and (max-width:568px) {
	.hp-achieve-box {
		display: none;
		height: 380px
	}
	.hp-achieve-box .achieve-list-box {
		max-width: 1170px;
		height: 100%;
		padding: 20px 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list {
		margin: 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list li {
		float: left;
		width: 100%;
		padding: 0 10px;
		text-align: center
	}
	.hp-achieve-box .achieve-list-box .achieve-list li:nth-child(4) {
		margin: 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list li:nth-child(5) {
		margin: 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list li>div {
		display: block;
		max-width: 300px;
		margin: 0 auto;
		padding: 20px 0
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .mark {
		float: left
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .dynamic {
		float: left;
		font-size: 28px;
		line-height: 38px;
		font-family: "avantgardegothiccregular"
	}
	.hp-achieve-box .achieve-list-box .achieve-list li .iconfont {
		float: left;
		font-size: 20px;
		margin-left: 10px;
		margin-top: 10px
	}
	.hp-achieve-box .achieve-list-box .achieve-list li p {
		font-size: 14px;
		margin-left: 120px;
		text-align: left
	}
}

.cooper-case-box {
	width: 100%;
	padding: 50px 0
}

.cooper-case-box .cooper-case-content {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 100px
}

.cooper-case-box .case-list-box {
	width: 100%;
	margin-top: 50px;
	position: relative
}

.cooper-case-box .case-list-box .slider-mask {
	background: #fff;
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.cooper-case-box .case-list-box .slider-mask img {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.cooper-case-box .case-list-box .am-slides>li {
	display: none;
	width: 100%;
	position: relative
}

.cooper-case-box .case-list-box .am-slides>li:first-child {
	display: block
}

.cooper-case-box .case-list-box .am-direction-nav {
	display: block
}

.cooper-case-box .case-list-box .am-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 9;
	display: block;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 0;
	line-height: 60px;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	color: #999;
	border: 2px solid
}

@media screen and (min-width:992px) {
	.cooper-case-box .case-list-box .am-direction-nav a:hover {
		background: #15b132;
		color: #fff
	}
}

.cooper-case-box .case-list-box .am-direction-nav a .iconfont {
	display: block;
	text-align: center;
	font-size: 20px
}

.cooper-case-box .case-list-box .am-direction-nav .am-prev {
	left: -100px
}

.cooper-case-box .case-list-box .am-direction-nav .am-next {
	right: -100px
}

.cooper-case-box .case-list-box .am-control-nav {
	display: none
}

.cooper-case-box .case-list-box .case-list {
	margin: -15px;
	padding: 10px
}

.cooper-case-box .case-list-box .case-list li {
	float: left;
	width: 33.3333%;
	padding: 15px
}

.cooper-case-box .case-list-box .case-list li a {
	display: block;
	background: #fff;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

@media screen and (min-width:992px) {
	.cooper-case-box .case-list-box .case-list li a:hover {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
	.cooper-case-box .case-list-box .case-list li a:hover .case-brief .iconfont {
		opacity: 1
	}
}

.cooper-case-box .case-list-box .case-list li .case-img {
	height: 190px
}

.cooper-case-box .case-list-box .case-list li .case-brief {
	height: 80px;
	padding: 0 30px;
	text-align: center;
	position: relative
}

.cooper-case-box .case-list-box .case-list li .case-brief h6 {
	font-size: 16px;
	line-height: 40px
}

.cooper-case-box .case-list-box .case-list li .case-brief .iconfont {
	font-size: 20px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	color: #15b132;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px
}

@media screen and (max-width:1200px) {
	.cooper-case-box {
		width: 100%;
		padding: 50px 0
	}
	.cooper-case-box .case-list-box {
		width: 100%;
		margin-top: 50px
	}
	.cooper-case-box .case-list-box .am-direction-nav {
		display: block
	}
	.cooper-case-box .case-list-box .am-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 9;
		display: block;
		width: 50px;
		height: 50px;
		margin: -25px 0 0 0;
		line-height: 50px
	}
	.cooper-case-box .case-list-box .am-direction-nav a .iconfont {
		display: block;
		text-align: center;
		font-size: 20px
	}
	.cooper-case-box .case-list-box .am-direction-nav .am-prev {
		left: -80px
	}
	.cooper-case-box .case-list-box .am-direction-nav .am-next {
		right: -80px
	}
	.cooper-case-box .case-list-box .case-list {
		margin: -15px;
		padding: 10px
	}
	.cooper-case-box .case-list-box .case-list li {
		float: left;
		width: 33.3333%;
		padding: 15px
	}
	.cooper-case-box .case-list-box .case-list li .case-img {
		height: 15.83333333vw
	}
}

@media screen and (max-width:992px) {
	.cooper-case-box {
		width: 100%;
		padding: 50px 0
	}
	.cooper-case-box .cooper-case-content {
		padding: 0 60px
	}
	.cooper-case-box .case-list-box {
		width: 100%;
		margin-top: 50px
	}
	.cooper-case-box .case-list-box .am-direction-nav {
		display: block
	}
	.cooper-case-box .case-list-box .am-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 9;
		display: block;
		width: 40px;
		height: 40px;
		margin: -20px 0 0 0;
		line-height: 36px
	}
	.cooper-case-box .case-list-box .am-direction-nav a .iconfont {
		display: block;
		text-align: center;
		font-size: 16px
	}
	.cooper-case-box .case-list-box .am-direction-nav .am-prev {
		left: -50px
	}
	.cooper-case-box .case-list-box .am-direction-nav .am-next {
		right: -50px
	}
	.cooper-case-box .case-list-box .case-list {
		margin: -15px;
		padding: 10px
	}
	.cooper-case-box .case-list-box .case-list li {
		float: left;
		width: 50%;
		padding: 10px
	}
	.cooper-case-box .case-list-box .case-list li a {
		display: block;
		background: #fff
	}
	.cooper-case-box .case-list-box .case-list li .case-img {
		height: 19.15322581vw
	}
	.cooper-case-box .case-list-box .case-list li .case-brief {
		height: 80px;
		padding: 0 30px;
		text-align: center;
		position: relative
	}
	.cooper-case-box .case-list-box .case-list li .case-brief h6 {
		font-size: 16px;
		line-height: 80px
	}
	.cooper-case-box .case-list-box .case-list li .case-brief .iconfont {
		font-size: 20px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		opacity: 0;
		color: #15b132;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -10px
	}
}

@media screen and (max-width:568px) {
	.cooper-case-box {
		width: 100%;
		padding: 30px 0
	}
	.cooper-case-box .cooper-case-content {
		padding: 0
	}
	.cooper-case-box .case-list-box {
		width: 100%;
		margin-top: 30px
	}
	.cooper-case-box .case-list-box .am-direction-nav {
		display: block
	}
	.cooper-case-box .case-list-box .am-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 9;
		display: block;
		width: 40px;
		height: 40px;
		margin: -20px 0 0 0;
		line-height: 40px;
		background: rgba(0, 0, 0, 0.5);
		border: none
	}
	.cooper-case-box .case-list-box .am-direction-nav a .iconfont {
		display: block;
		text-align: center;
		font-size: 16px
	}
	.cooper-case-box .case-list-box .am-direction-nav .am-prev {
		left: 5px
	}
	.cooper-case-box .case-list-box .am-direction-nav .am-next {
		right: 5px
	}
	.cooper-case-box .case-list-box .case-list {
		margin: 0;
		padding: 5px
	}
	.cooper-case-box .case-list-box .case-list li {
		float: left;
		width: 50%;
		padding: 5px
	}
	.cooper-case-box .case-list-box .case-list li a {
		display: block;
		background: #fff
	}
	.cooper-case-box .case-list-box .case-list li .case-img {
		height: 33.45070423vw
	}
}

.about-page {
	width: 100%;
	padding: 50px 0
}

.about-page .about-company-brief {
	max-width: 1170px;
	margin: 0 auto
}

.about-page .about-company-brief .about-img {
	width: 100%;
	height: 300px;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #dedede
}

.about-page .about-company-brief .about-brief-box {
	margin-top: 40px
}

.about-page .about-company-brief .about-brief-box>p,
.about-page .about-company-brief .about-brief-box span,
.about-page .about-company-brief .about-brief-box div {
	color: #999 !important;
	margin-top: 20px;
	text-align: justify
}

.about-page .about-company-brief .about-video-box {
	max-width: 800px;
	margin: 0 auto;
	margin-top: 40px
}

.about-page .about-company-brief .about-video-box p {
	width: auto;
	height: auto
}

.about-page .about-company-brief .about-video-box video {
	width: 100% !important;
	height: 100% !important;
	-webkit-box-shadow: 4px 4px 20px 1px rgba(0, 0, 0, 0.3), 4px 4px 20px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 20px 1px rgba(0, 0, 0, 0.3), 4px 4px 20px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 20px 1px rgba(0, 0, 0, 0.3), 4px 4px 20px 1px rgba(0, 0, 0, 0.3)
}

@media screen and (max-width:1200px) {
	.about-page {
		width: 100%;
		padding: 50px 10px
	}
	.about-page .about-company-brief {
		max-width: 1170px;
		margin: 0 auto
	}
	.about-page .about-company-brief .about-brief-box {
		margin-top: 40px
	}
	.about-page .about-company-brief .about-brief-box>p,
	.about-page .about-company-brief .about-brief-box span,
	.about-page .about-company-brief .about-brief-box div {
		color: #999 !important;
		margin-top: 20px;
		text-align: justify
	}
}

@media screen and (max-width:992px) {
	.about-page {
		width: 100%
	}
	.about-page .about-company-brief {
		max-width: 1170px
	}
	.about-page .about-company-brief .about-img {
		height: 30.24193548vw
	}
}

@media screen and (max-width:768px) {
	.about-page {
		width: 100%
	}
	.about-page .about-company-brief {
		max-width: 1170px
	}
	.about-page .about-company-brief .about-img {
		height: 31.25vw
	}
}

@media screen and (max-width:568px) {
	.about-page {
		width: 100%;
		padding: 30px 10px
	}
	.about-page .about-company-brief {
		max-width: 1170px
	}
	.about-page .about-company-brief .about-img {
		height: 38.73239437vw
	}
	.about-page .about-company-brief .about-video-box video {
		-webkit-box-shadow: 4px 4px 20px 1px rgba(0, 0, 0, 0), 4px 4px 20px 1px rgba(0, 0, 0, 0);
		-moz-box-shadow: 4px 4px 20px 1px rgba(0, 0, 0, 0), 4px 4px 20px 1px rgba(0, 0, 0, 0);
		box-shadow: 4px 4px 20px 1px rgba(0, 0, 0, 0), 4px 4px 20px 1px rgba(0, 0, 0, 0)
	}
}

.contact-page {
	width: 100%;
	padding: 50px 10px
}

.contact-page .contact-content {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #dedede;
	position: relative
}

.contact-page .contact-content .contact-mode {
	width: 300px;
	background: rgba(0, 146, 63, 0.9);
	color: #fff;
	padding-top: 100px;
	position: absolute;
	right: 14%;
	top: 50px;
	bottom: 0;
	z-index: 9
}

.contact-page .contact-content .contact-mode .logo-box {
	padding: 0 30px;
	text-align: center
}

.contact-page .contact-content .contact-mode .contact-mode-list {
	width: 100%;
	margin-top: 160px;
	padding: 0 30px;
	text-align: center
}

.contact-page .contact-content .contact-mode .contact-mode-list li {
	width: 100%;
	margin: 10px 0
}

.contact-page .contact-content .contact-mode .contact-mode-list li>div {
	min-height: 30px;
	line-height: 20px
}

.contact-page .contact-content .contact-mode .contact-mode-list li .iconfont {
	float: left;
	font-size: 20px
}

.contact-page .contact-content .contact-mode .contact-mode-list li p {
	margin-left: 40px;
	text-align: left
}

.contact-page .contact-content .map {
	width: 100%;
	height: 580px
}

@media screen and (max-width:1200px) {
	.contact-page {
		width: 100%
	}
	.contact-page .contact-content {
		max-width: 1170px;
		margin: 0 auto;
		margin-top: 50px;
		padding-top: 50px;
		border-top: 1px solid #dedede;
		position: relative
	}
	.contact-page .contact-content .contact-mode {
		width: 300px;
		background: rgba(0, 146, 63, 0.9);
		color: #fff;
		padding-top: 100px;
		position: absolute;
		right: 7%;
		top: 50px;
		bottom: 0;
		z-index: 9
	}
}

@media screen and (max-width:992px) {
	.contact-page {
		width: 100%
	}
	.contact-page .contact-content {
		max-width: 1170px;
		margin: 0 auto;
		margin-top: 50px;
		padding-top: 50px;
		border-top: 1px solid #dedede;
		position: relative
	}
	.contact-page .contact-content .contact-mode {
		width: 100%;
		background: rgba(0, 146, 63, 0.9);
		color: #fff;
		padding-top: 50px;
		position: static;
		text-align: center
	}
	.contact-page .contact-content .contact-mode .logo-box {
		padding: 0 30px;
		text-align: center
	}
	.contact-page .contact-content .contact-mode .contact-mode-list {
		display: inline-block;
		width: auto;
		padding: 30px;
		margin-top: 0;
		text-align: center
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li {
		width: 100%;
		margin: 10px 0
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li>div {
		min-height: 30px;
		line-height: 20px
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li .iconfont {
		float: left;
		font-size: 20px
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li p {
		margin-left: 40px;
		text-align: left
	}
	.contact-page .contact-content .map {
		width: 100%;
		height: 58.46774194vw
	}
}

@media screen and (max-width:568px) {
	.contact-page {
		width: 100%;
		padding: 30px 0
	}
	.contact-page .contact-content {
		max-width: 1170px;
		margin: 0 auto;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #dedede;
		position: relative
	}
	.contact-page .contact-content .contact-mode {
		width: 100%;
		padding: 30px 0;
		position: static
	}
	.contact-page .contact-content .contact-mode .logo-box {
		padding: 0 30px;
		text-align: center
	}
	.contact-page .contact-content .contact-mode .contact-mode-list {
		width: 100%;
		margin-top: 30px;
		padding: 0 10px;
		text-align: center
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li {
		width: 100%;
		margin: 10px 0
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li>div {
		min-height: 30px;
		line-height: 20px
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li .iconfont {
		float: left;
		font-size: 20px
	}
	.contact-page .contact-content .contact-mode .contact-mode-list li p {
		margin-left: 40px;
		text-align: left
	}
	.contact-page .contact-content .map {
		width: 100%;
		height: 58.46774194vw
	}
}

.news-page,
.media-news-page {
	width: 100%;
	padding: 50px 10px
}

.news-page .news-list-box,
.media-news-page .news-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px
}

.news-page .news-list-box .media-news-img,
.media-news-page .news-list-box .media-news-img {
	width: 100%;
	height: 300px;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #dedede
}

.news-page .news-list-box .news-list,
.media-news-page .news-list-box .news-list {
	width: 100%
}

.news-page .news-list-box .news-list li,
.media-news-page .news-list-box .news-list li {
	width: 100%;
	padding: 50px 0 30px 0;
	border-bottom: 1px solid #dedede;
	position: relative;
	z-index: 1
}

@media screen and (min-width:992px) {
	.news-page .news-list-box .news-list li:hover::after,
	.media-news-page .news-list-box .news-list li:hover::after {
		width: 100%
	}
	.news-page .news-list-box .news-list li:hover .news-time .more-btn,
	.media-news-page .news-list-box .news-list li:hover .news-time .more-btn {
		-webkit-transform: translate(150%, 0);
		-moz-transform: translate(150%, 0);
		-ms-transform: translate(150%, 0);
		-o-transform: translate(150%, 0);
		transform: translate(150%, 0);
		color: #15b132
	}
	.news-page .news-list-box .news-list li:hover .news-brief h3,
	.media-news-page .news-list-box .news-list li:hover .news-brief h3 {
		color: #15b132
	}
	.news-page .news-list-box .news-list li:hover .news-img .img-mask,
	.media-news-page .news-list-box .news-list li:hover .news-img .img-mask {
		opacity: 1
	}
	.news-page .news-list-box .news-list li:hover .news-img .img-mask .iconfont,
	.media-news-page .news-list-box .news-list li:hover .news-img .img-mask .iconfont {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

.news-page .news-list-box .news-list li:after,
.media-news-page .news-list-box .news-list li:after {
	content: "";
	width: 0;
	height: 1px;
	background: #15b132;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1
}

.news-page .news-list-box .news-list .news-brief-content,
.media-news-page .news-list-box .news-list .news-brief-content {
	display: block;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden
}

.news-page .news-list-box .news-list .news-time,
.media-news-page .news-list-box .news-list .news-time {
	float: left;
	width: 100px;
	color: #999
}

.news-page .news-list-box .news-list .news-time>span,
.media-news-page .news-list-box .news-list .news-time>span {
	display: block;
	font-size: 30px;
	line-height: 1;
	font-family: "avantgardegothiccregular"
}

.news-page .news-list-box .news-list .news-time .more-btn,
.media-news-page .news-list-box .news-list .news-time .more-btn {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #dedede;
	border: 1px solid;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	margin-top: 20px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.news-page .news-list-box .news-list .news-time .more-btn .iconfont,
.media-news-page .news-list-box .news-list .news-time .more-btn .iconfont {
	font-size: 12px
}

.news-page .news-list-box .news-list .news-brief,
.media-news-page .news-list-box .news-list .news-brief {
	float: left;
	width: 65%;
	padding: 0 20px 0 100px;
	position: relative
}

.news-page .news-list-box .news-list .news-brief h3,
.media-news-page .news-list-box .news-list .news-brief h3 {
	font-size: 18px;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.news-page .news-list-box .news-list .news-brief h3:hover,
.media-news-page .news-list-box .news-list .news-brief h3:hover {
	color: #15b132
}

.news-page .news-list-box .news-list .news-brief span,
.media-news-page .news-list-box .news-list .news-brief span {
	font-size: 14px;
	color: #999
}

.news-page .news-list-box .news-list .news-brief p,
.media-news-page .news-list-box .news-list .news-brief p {
	width: 100%;
	margin-top: 15px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.news-page .news-list-box .news-list .news-img,
.media-news-page .news-list-box .news-list .news-img {
	float: right;
	width: 200px;
	height: 100px;
	position: relative
}

.news-page .news-list-box .news-list .news-img .img-mask,
.media-news-page .news-list-box .news-list .news-img .img-mask {
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.news-page .news-list-box .news-list .news-img .img-mask .iconfont,
.media-news-page .news-list-box .news-list .news-img .img-mask .iconfont {
	display: block;
	width: 40px;
	height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 40px;
	color: #fff;
	background: #15b132;
	-webkit-transform: translate(0, -100px);
	-moz-transform: translate(0, -100px);
	-ms-transform: translate(0, -100px);
	-o-transform: translate(0, -100px);
	transform: translate(0, -100px);
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

@media screen and (max-width:992px) {
	.news-page,
	.media-news-page {
		width: 100%
	}
	.news-page .news-list-box,
	.media-news-page .news-list-box {
		max-width: 768px
	}
	.news-page .news-list-box .media-news-img,
	.media-news-page .news-list-box .media-news-img {
		height: 39.0625vw
	}
	.news-page .news-list-box .news-list,
	.media-news-page .news-list-box .news-list {
		width: 100%
	}
	.news-page .news-list-box .news-list .news-brief,
	.media-news-page .news-list-box .news-list .news-brief {
		float: left;
		width: 58%;
		padding: 0 20px 0 20px
	}
}

@media screen and (max-width:768px) {
	.news-page,
	.media-news-page {
		width: 100%
	}
	.news-page .news-list-box,
	.media-news-page .news-list-box {
		max-width: 568px;
		margin: 0 auto
	}
	.news-page .news-list-box .media-news-img,
	.media-news-page .news-list-box .media-news-img {
		height: 32.55208333vw
	}
	.news-page .news-list-box .news-list,
	.media-news-page .news-list-box .news-list {
		width: 100%
	}
	.news-page .news-list-box .news-list li,
	.media-news-page .news-list-box .news-list li {
		width: 100%;
		padding: 50px 0 30px 0;
		border-bottom: 1px solid #dedede
	}
	.news-page .news-list-box .news-list .news-brief-content,
	.media-news-page .news-list-box .news-list .news-brief-content {
		display: block;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: relative;
		overflow: hidden
	}
	.news-page .news-list-box .news-list .news-time,
	.media-news-page .news-list-box .news-list .news-time {
		float: none;
		width: 100px;
		height: 100px;
		padding-left: 20px;
		color: #999
	}
	.news-page .news-list-box .news-list .news-time>span,
	.media-news-page .news-list-box .news-list .news-time>span {
		display: block;
		font-size: 30px;
		line-height: 1;
		font-family: "avantgardegothiccregular"
	}
	.news-page .news-list-box .news-list .news-time .more-btn,
	.media-news-page .news-list-box .news-list .news-time .more-btn {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		color: #dedede;
		border: 1px solid;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		margin-top: 20px;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px
	}
	.news-page .news-list-box .news-list .news-time .more-btn .iconfont,
	.media-news-page .news-list-box .news-list .news-time .more-btn .iconfont {
		font-size: 12px
	}
	.news-page .news-list-box .news-list .news-brief,
	.media-news-page .news-list-box .news-list .news-brief {
		float: none;
		width: 100%;
		padding: 20px 20px 0 20px
	}
	.news-page .news-list-box .news-list .news-img,
	.media-news-page .news-list-box .news-list .news-img {
		float: none;
		width: 200px;
		height: 100px;
		position: absolute;
		top: 0;
		right: 0
	}
}

@media screen and (max-width:568px) {
	.news-page,
	.media-news-page {
		width: 100%;
		padding: 30px 10px
	}
	.news-page .news-list-box,
	.media-news-page .news-list-box {
		max-width: 568px;
		margin: 0 auto
	}
	.news-page .news-list-box .media-news-img,
	.media-news-page .news-list-box .media-news-img {
		height: 38.73239437vw
	}
	.news-page .news-list-box .news-list,
	.media-news-page .news-list-box .news-list {
		width: 100%
	}
	.news-page .news-list-box .news-list li,
	.media-news-page .news-list-box .news-list li {
		width: 100%;
		padding: 30px 0 15px 0;
		border-bottom: 1px solid #dedede
	}
	.news-page .news-list-box .news-list .news-brief-content,
	.media-news-page .news-list-box .news-list .news-brief-content {
		display: block;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: relative;
		overflow: hidden
	}
	.news-page .news-list-box .news-list .news-time,
	.media-news-page .news-list-box .news-list .news-time {
		float: none;
		width: 80px;
		height: 100px;
		padding-left: 0;
		color: #999
	}
	.news-page .news-list-box .news-list .news-time>span,
	.media-news-page .news-list-box .news-list .news-time>span {
		display: block;
		font-size: 20px;
		line-height: 1;
		font-family: "avantgardegothiccregular"
	}
	.news-page .news-list-box .news-list .news-brief,
	.media-news-page .news-list-box .news-list .news-brief {
		float: none;
		width: 100%;
		padding: 20px 0 0 0
	}
	.news-page .news-list-box .news-list .news-brief h3,
	.media-news-page .news-list-box .news-list .news-brief h3 {
		font-size: 14px
	}
	.news-page .news-list-box .news-list .news-brief p,
	.media-news-page .news-list-box .news-list .news-brief p {
		font-size: 12px
	}
}

.history-page {
	width: 100%;
	padding: 50px 10px
}

.history-page .history-list-box {
	max-width: 1170px;
	margin: 0 auto
}

.history-page .history-list-box .history-img {
	width: 100%;
	height: 300px;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #dedede
}

.history-page .history-list-box .history-list {
	margin-top: 40px;
	position: relative
}

.history-page .history-list-box .history-list::after {
	content: "";
	border-left: 2px solid #15b132;
	position: absolute;
	left: 49px;
	top: 10px;
	bottom: 100px
}

.history-page .history-list-box .history-list li {
	min-height: 100px;
	margin-top: 40px;
	padding-left: 120px;
	padding-top: 10px;
	position: relative
}

.history-page .history-list-box .history-list li .history-time {
	display: table;
	width: 100px;
	height: 100px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.history-page .history-list-box .history-list li .history-time::after {
	content: "";
	display: block;
	width: 75px;
	height: 75px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #15b132;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: -1
}

.history-page .history-list-box .history-list li .history-time>div {
	display: table-cell;
	vertical-align: middle
}

.history-page .history-list-box .history-list li .history-time span {
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: bold
}

.history-page .history-list-box .history-list li .history-time span:first-child {
	display: inline-block;
	border-bottom: 2px solid
}

.history-page .history-list-box .history-list li .history-brief {
	min-height: 80px;
	padding: 30px 40px;
	border: 1px solid #eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 16px;
	position: relative
}

.history-page .history-list-box .history-list li .history-brief::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #fff;
	position: absolute;
	top: 30px;
	left: -8px
}

@media screen and (max-width:992px) {
	.history-page {
		width: 100%
	}
	.history-page .history-list-box {
		max-width: 1170px;
		margin: 0 auto
	}
	.history-page .history-list-box .history-img {
		height: 30.24193548vw
	}
	.history-page .history-list-box .history-list {
		margin-top: 40px;
		position: relative
	}
	.history-page .history-list-box .history-list::after {
		content: "";
		border-left: 2px solid #15b132;
		position: absolute;
		left: 50px;
		top: 10px;
		bottom: 100px
	}
	.history-page .history-list-box .history-list li {
		min-height: 100px;
		margin-top: 40px;
		padding-left: 120px;
		padding-top: 10px;
		position: relative
	}
	.history-page .history-list-box .history-list li .history-brief {
		min-height: 80px;
		padding: 30px 40px;
		border: 1px solid #eee;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		font-size: 14px;
		position: relative
	}
}

@media screen and (max-width:768px) {
	.history-page {
		width: 100%
	}
	.history-page .history-list-box {
		max-width: 1170px;
		margin: 0 auto
	}
	.history-page .history-list-box .history-img {
		height: 32.55208333vw
	}
	.history-page .history-list-box .history-list {
		margin-top: 40px;
		position: relative
	}
	.history-page .history-list-box .history-list::after {
		content: "";
		border-left: 2px solid #15b132;
		position: absolute;
		left: 50px;
		top: 10px;
		bottom: 100px
	}
	.history-page .history-list-box .history-list li {
		min-height: 100px;
		margin-top: 40px;
		padding-left: 120px;
		padding-top: 10px;
		position: relative
	}
	.history-page .history-list-box .history-list li .history-time {
		display: table;
		width: 100px;
		height: 100px;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1
	}
	.history-page .history-list-box .history-list li .history-time::after {
		content: "";
		display: block;
		width: 75px;
		height: 75px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #15b132;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: -1
	}
	.history-page .history-list-box .history-list li .history-time>div {
		display: table-cell;
		vertical-align: middle
	}
	.history-page .history-list-box .history-list li .history-time span {
		display: block;
		font-size: 18px;
		color: #fff;
		font-weight: bold
	}
	.history-page .history-list-box .history-list li .history-time span:first-child {
		display: inline-block;
		border-bottom: 2px solid
	}
	.history-page .history-list-box .history-list li .history-brief {
		min-height: 80px;
		padding: 30px 40px;
		border: 1px solid #eee;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		font-size: 14px
	}
}

@media screen and (max-width:568px) {
	.history-page {
		width: 100%
	}
	.history-page .history-list-box {
		max-width: 1170px;
		margin: 0 auto
	}
	.history-page .history-list-box .history-img {
		height: 38.73239437vw
	}
	.history-page .history-list-box .history-list {
		margin-top: 40px;
		position: relative
	}
	.history-page .history-list-box .history-list::after {
		content: "";
		border-left: 2px solid #15b132;
		position: absolute;
		left: 40px;
		top: 10px;
		bottom: 100px
	}
	.history-page .history-list-box .history-list li {
		min-height: 100px;
		margin-top: 40px;
		padding-left: 100px;
		padding-top: 0;
		position: relative
	}
	.history-page .history-list-box .history-list li .history-time {
		display: table;
		width: 80px;
		height: 80px;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1
	}
	.history-page .history-list-box .history-list li .history-time::after {
		content: "";
		display: block;
		width: 65px;
		height: 65px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #15b132;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: -1
	}
	.history-page .history-list-box .history-list li .history-time>div {
		display: table-cell;
		vertical-align: middle
	}
	.history-page .history-list-box .history-list li .history-time span {
		display: block;
		font-size: 16px;
		color: #fff;
		font-weight: bold
	}
	.history-page .history-list-box .history-list li .history-time span:first-child {
		display: inline-block;
		border-bottom: 2px solid
	}
	.history-page .history-list-box .history-list li .history-brief {
		min-height: 80px;
		padding: 10px 20px;
		border: 1px solid #eee;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		font-size: 12px
	}
}

.fn-intr-app {
	width: 100%;
	padding: 50px 10px
}

.fn-intr-app .app-brief-content {
	max-width: 1170px;
	margin: 0 auto
}

.fn-intr-app .app-brief-content .app-list-box {
	width: 100%;
	margin-top: 50px
}

.fn-intr-app .app-brief-content .app-list-box .app-list {
	padding: 0 15%
}

.fn-intr-app .app-brief-content .app-list-box .app-list li {
	float: left;
	width: 25%;
	padding: 0 30px;
	text-align: center;
	cursor: pointer;
	color: #999
}

.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(1) .icon-box::after,
.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(1) .icon-box::before {
	background: #15b132
}

.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(2) .icon-box::after,
.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(2) .icon-box::before {
	background: #379ade
}

.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(3) .icon-box::after,
.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(3) .icon-box::before {
	background: #7462c5
}

.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(4) .icon-box::after,
.fn-intr-app .app-brief-content .app-list-box .app-list li:nth-child(4) .icon-box::before {
	background: #ff7fa6
}

.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box {
	width: 130px;
	height: 130px;
	line-height: 130px;
	margin: 0 auto;
	color: #fff;
	cursor: pointer;
	background: #fff;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	z-index: 1
}

@media screen and (min-width:992px) {
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box:hover::after {
		-webkit-transform: scale(1.05, 1.05);
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05)
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box:hover::before {
		-webkit-transform: scale(.7, .7);
		-moz-transform: scale(.7, .7);
		-ms-transform: scale(.7, .7);
		-o-transform: scale(.7, .7);
		transform: scale(.7, .7)
	}
}

.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box::after {
	content: "";
	background: #fdc339;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -3
}

.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box::before {
	content: "";
	background: #fdc339;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: -1
}

.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box .icon-bg {
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2
}

.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box .iconfont {
	font-size: 50px
}

.fn-intr-app .app-brief-content .app-list-box .app-list li h6 {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	margin-top: 30px
}

.fn-intr-app .app-brief-content .app-list-box .app-list li p {
	margin-top: 20px
}

@media screen and (max-width:1200px) {
	.fn-intr-app {
		width: 100%;
		padding: 50px 10px
	}
	.fn-intr-app .app-brief-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.fn-intr-app .app-brief-content .app-list-box {
		width: 100%;
		margin-top: 50px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list {
		padding: 0 8%
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li {
		float: left;
		width: 25%;
		padding: 0 30px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box {
		width: 130px;
		height: 130px;
		line-height: 130px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box .iconfont {
		font-size: 50px
	}
}

@media screen and (max-width:992px) {
	.fn-intr-app {
		width: 100%
	}
	.fn-intr-app .app-brief-content .app-list-box {
		width: 100%;
		margin-top: 50px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list {
		padding: 0
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li {
		float: left;
		width: 25%;
		padding: 0 20px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box {
		width: 100px;
		height: 100px;
		line-height: 100px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box .iconfont {
		font-size: 40px
	}
}

@media screen and (max-width:768px) {
	.fn-intr-app {
		width: 100%
	}
	.fn-intr-app .app-brief-content .app-list-box {
		width: 100%
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list {
		padding: 0 10%;
		margin: -10px 0
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li {
		float: left;
		width: 50%;
		padding: 10px 20px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box {
		width: 100px;
		height: 100px;
		line-height: 100px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box .iconfont {
		font-size: 40px
	}
}

@media screen and (max-width:568px) {
	.fn-intr-app {
		width: 100%;
		padding: 30px 10px
	}
	.fn-intr-app .app-brief-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.fn-intr-app .app-brief-content .app-list-box {
		width: 100%;
		margin-top: 30px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list {
		padding: 0 5%;
		margin: -10px 0
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li {
		float: left;
		width: 100%;
		padding: 10px 0;
		text-align: left
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box {
		float: left;
		width: 80px;
		height: 80px;
		line-height: 80px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .icon-box .iconfont {
		font-size: 36px
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li .app-brief {
		margin-left: 100px;
		padding: 10px 0
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li h6 {
		margin-top: 0
	}
	.fn-intr-app .app-brief-content .app-list-box .app-list li p {
		margin-top: 10px
	}
}

.fn-intr-content {
	width: 100%;
	padding: 0 10px
}

.fn-intr-content .fn-intr-details {
	width: 100%;
	padding: 70px 0;
	border-top: 1px solid #eee
}

.fn-intr-content .fn-intr-details:nth-child(2n+1) .fn-img {
	float: left;
	text-align: left
}

.fn-intr-content .fn-intr-details:nth-child(2n+1) .fn-brief-box .fn-title {
	text-align: left;
	padding-left: 60px
}

.fn-intr-content .fn-intr-details:nth-child(2n) .fn-img {
	float: right;
	text-align: right
}

.fn-intr-content .fn-intr-details:nth-child(2n) .fn-brief-box .fn-title {
	text-align: right;
	padding-right: 60px
}

.fn-intr-content .fn-intr-details:nth-child(2) .fn-brief-box .fn-list .icon-box {
	background: #379ade
}

.fn-intr-content .fn-intr-details:nth-child(2) .fn-brief-box .fn-list .icon-box::after {
	background: #379ade
}

.fn-intr-content .fn-intr-details:nth-child(2) .fn-brief-box .fn-list .icon-box::before {
	background: #379ade
}

.fn-intr-content .fn-intr-details:nth-child(3) .fn-brief-box .fn-list .icon-box {
	background: #7462c5
}

.fn-intr-content .fn-intr-details:nth-child(3) .fn-brief-box .fn-list .icon-box::after {
	background: #7462c5
}

.fn-intr-content .fn-intr-details:nth-child(3) .fn-brief-box .fn-list .icon-box::before {
	background: #7462c5
}

.fn-intr-content .fn-intr-details:nth-child(4) .fn-brief-box .fn-list .icon-box {
	background: #fdc339
}

.fn-intr-content .fn-intr-details:nth-child(4) .fn-brief-box .fn-list .icon-box::after {
	background: #fdc339
}

.fn-intr-content .fn-intr-details:nth-child(4) .fn-brief-box .fn-list .icon-box::before {
	background: #fdc339
}

.fn-intr-content .fn-intr-details .fn-details-box {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px
}

.fn-intr-content .fn-intr-details .fn-img {
	width: 40%;
	padding-top: 5%
}

.fn-intr-content .fn-intr-details .fn-img>.img-box {
	display: table;
	width: 100%;
	height: 100%
}

.fn-intr-content .fn-intr-details .fn-img>.img-box img {
	vertical-align: middle
}

.fn-intr-content .fn-intr-details .fn-brief-box {
	float: left;
	width: 60%;
	color: #999
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-title>h4 {
	font-size: 30px;
	line-height: 1;
	margin-top: 20px;
	color: #666
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-title>small {
	display: block;
	font-size: 16px;
	line-height: 1;
	margin-top: 10px;
	font-family: "avantgardegothiccregular"
}

.fn-intr-content .fn-intr-details .fn-brief-box p {
	margin-top: 30px
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-list {
	margin: 0 -1%;
	margin-top: 30px
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-list li {
	float: left;
	width: 48%;
	padding: 15px;
	margin: 5px 1%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	cursor: pointer
}

@media screen and (min-width:992px) {
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list li:hover {
		-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
	}
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-list .icon-box {
	float: left;
	width: 70px;
	height: 70px;
	line-height: 64px;
	margin: 0 auto;
	border: 3px solid #fff;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	background: #15b132
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-list .icon-box .iconfont {
	font-size: 30px
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-list h6 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 80px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.fn-intr-content .fn-intr-details .fn-brief-box .fn-list p {
	margin-top: 10px;
	margin-left: 80px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media screen and (max-width:992px) {
	.fn-intr-content {
		width: 100%
	}
	.fn-intr-content .fn-intr-details {
		width: 100%;
		padding: 50px 0
	}
	.fn-intr-content .fn-intr-details:nth-child(2n+1) .fn-img {
		float: none;
		text-align: center
	}
	.fn-intr-content .fn-intr-details:nth-child(2n+1) .fn-brief-box .fn-title {
		text-align: center;
		padding-left: 0
	}
	.fn-intr-content .fn-intr-details:nth-child(2n+1) .fn-brief-box .fn-title>h4 {
		font-size: 24px
	}
	.fn-intr-content .fn-intr-details:nth-child(2n+1) .fn-brief-box .fn-title>small {
		display: block;
		font-size: 16px;
		line-height: 1;
		margin-top: 10px;
		font-family: "avantgardegothiccregular"
	}
	.fn-intr-content .fn-intr-details:nth-child(2n) .fn-img {
		float: none;
		text-align: center
	}
	.fn-intr-content .fn-intr-details:nth-child(2n) .fn-brief-box .fn-title {
		text-align: center;
		padding-right: 0
	}
	.fn-intr-content .fn-intr-details .fn-details-box {
		max-width: 1170px;
		margin: 0 auto;
		padding: 0
	}
	.fn-intr-content .fn-intr-details .fn-img {
		width: 100%;
		padding-top: 0;
		text-align: center
	}
	.fn-intr-content .fn-intr-details .fn-brief-box {
		float: none;
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.fn-intr-content {
		width: 100%
	}
	.fn-intr-content .fn-intr-details {
		width: 100%;
		padding: 50px 0
	}
	.fn-intr-content .fn-intr-details .fn-details-box {
		max-width: 1170px;
		margin: 0 auto;
		padding: 0
	}
	.fn-intr-content .fn-intr-details .fn-img {
		width: 100%;
		padding-top: 0
	}
	.fn-intr-content .fn-intr-details .fn-brief-box {
		float: none;
		width: 100%
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-title {
		text-align: center;
		padding-left: 0
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-title>h4 {
		font-size: 24px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-title>small {
		font-size: 14px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list {
		margin: 0 -1%;
		margin-top: 30px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list li {
		float: left;
		width: 48%;
		padding: 15px 10px
	}
}

@media screen and (max-width:568px) {
	.fn-intr-content {
		width: 100%
	}
	.fn-intr-content .fn-intr-details {
		width: 100%;
		padding: 50px 0
	}
	.fn-intr-content .fn-intr-details .fn-details-box {
		max-width: 1170px;
		margin: 0 auto;
		padding: 0
	}
	.fn-intr-content .fn-intr-details .fn-img {
		width: 100%;
		padding-top: 0
	}
	.fn-intr-content .fn-intr-details .fn-brief-box {
		float: none;
		width: 100%
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-title {
		text-align: center;
		padding-left: 0
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-title>h4 {
		font-size: 20px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-title>small {
		font-size: 12px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list {
		margin: 0;
		margin-top: 30px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list li {
		float: none;
		width: 100%;
		min-height: 80px;
		padding: 5px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list .icon-box {
		float: left
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list h6 {
		font-size: 14px;
		margin-left: 80px;
		margin-top: 10px
	}
	.fn-intr-content .fn-intr-details .fn-brief-box .fn-list p {
		margin-top: 5px;
		margin-left: 80px;
		font-size: 12px
	}
}

.fn-intr-poster {
	display: table;
	width: 100%;
	height: 300px;
	background: url("../../images/main/fn_intr_poster_bg.jpg") center no-repeat;
	background-size: cover
}

.fn-intr-poster .poster-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.fn-intr-poster .poster-content>div {
	display: inline-block
}

.fn-intr-poster .poster-content .poster-text {
	float: left;
	text-align: left;
	padding-left: 10px;
	margin-right: 90px;
	border-left: 4px solid #15b132
}

.fn-intr-poster .poster-content .poster-text em {
	display: block;
	font-size: 30px;
	line-height: 1
}

.fn-intr-poster .poster-content .poster-text span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1
}

.fn-intr-poster .poster-content .join-btn {
	display: block;
	width: 200px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #15b132;
	overflow: hidden;
	font-size: 16px;
	margin-top: 5px
}

.fn-intr-poster .poster-content .join-btn .iconfont {
	display: inline;
	margin-left: 5px
}

@media screen and (max-width:992px) {
	.fn-intr-poster {
		display: table
	}
	.fn-intr-poster .poster-content .poster-text {
		float: none;
		text-align: left;
		padding-left: 10px;
		margin-right: 0
	}
	.fn-intr-poster .poster-content .join-btn {
		display: block;
		width: 200px;
		height: 50px;
		color: #fff;
		line-height: 50px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden;
		font-size: 16px;
		margin: 0 auto;
		margin-top: 30px
	}
	.fn-intr-poster .poster-content .join-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
}

@media screen and (max-width:768px) {
	.fn-intr-poster {
		display: table;
		padding: 0 10px
	}
	.fn-intr-poster .poster-content .poster-text {
		float: none;
		text-align: left;
		padding-left: 10px;
		margin-right: 0
	}
	.fn-intr-poster .poster-content .poster-text em {
		display: block;
		font-size: 24px;
		line-height: 1
	}
	.fn-intr-poster .poster-content .poster-text span {
		display: block;
		margin-top: 10px;
		font-size: 16px;
		line-height: 1
	}
	.fn-intr-poster .poster-content .join-btn {
		display: block;
		width: 200px;
		height: 50px;
		color: #fff;
		line-height: 50px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden;
		font-size: 16px;
		margin: 0 auto;
		margin-top: 30px
	}
	.fn-intr-poster .poster-content .join-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
}

@media screen and (max-width:568px) {
	.fn-intr-poster {
		display: table;
		height: 260px;
		padding: 0 10px
	}
	.fn-intr-poster .poster-content .poster-text {
		float: none;
		text-align: left;
		padding-left: 10px;
		margin-right: 0
	}
	.fn-intr-poster .poster-content .poster-text em {
		display: block;
		font-size: 18px;
		line-height: 1
	}
	.fn-intr-poster .poster-content .poster-text span {
		font-size: 12px
	}
	.fn-intr-poster .poster-content .join-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		line-height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden;
		font-size: 16px;
		margin: 0 auto;
		margin-top: 30px
	}
	.fn-intr-poster .poster-content .join-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
}

.honor-page {
	width: 100%;
	padding: 50px 20px
}

.honor-page .honor-list-box {
	max-width: 1170px;
	margin: 0 auto
}

.honor-page .honor-page-img {
	width: 100%;
	height: 300px;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #dedede
}

.honor-page .honor-list {
	margin: 35px -15px -15px -15px
}

.honor-page .honor-list li {
	float: left;
	width: 33.3333%;
	padding: 15px;
	text-align: center
}

.honor-page .honor-list li>div {
	width: 100%;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	cursor: pointer
}

@media screen and (max-width:992px) {
	.honor-page .honor-list li>div:hover {
		-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
	}
	.honor-page .honor-list li>div:hover .honor-brief {
		color: #15b132
	}
}

.honor-page .honor-list .honor-img {
	width: 100%;
	height: 250px
}

.honor-page .honor-list .honor-brief {
	display: table;
	height: 60px;
	padding: 0 10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.honor-page .honor-list .honor-brief h6 {
	display: table-cell;
	vertical-align: middle
}

@media screen and (max-width:1200px) {
	.honor-page {
		width: 100%
	}
	.honor-page .honor-list {
		margin: 40px -10px -10px -10px
	}
	.honor-page .honor-list li {
		padding: 10px
	}
	.honor-page .honor-list .honor-img {
		width: 100%;
		height: 20vw
	}
}

@media screen and (max-width:992px) {
	.honor-page {
		width: 100%
	}
	.honor-page .honor-page-img {
		height: 30.24193548vw
	}
	.honor-page .honor-list {
		margin: 40px -10px -10px -10px
	}
	.honor-page .honor-list li {
		padding: 10px
	}
	.honor-page .honor-list li>div {
		border: 1px solid #eee
	}
}

@media screen and (max-width:768px) {
	.honor-page {
		width: 100%;
		padding: 30px 10px
	}
	.honor-page .honor-page-img {
		height: 32.55208333vw;
		padding-top: 30px;
		margin-top: 30px
	}
	.honor-page .honor-list {
		max-width: 500px;
		padding: 0;
		margin: 0 auto;
		margin-top: 25px
	}
	.honor-page .honor-list li {
		width: 50%;
		padding: 10px
	}
	.honor-page .honor-list .honor-img {
		width: 100%;
		height: 160px
	}
}

@media screen and (max-width:568px) {
	.honor-page {
		width: 100%
	}
	.honor-page .honor-page-img {
		height: 38.73239437vw
	}
	.honor-page .honor-list {
		width: auto;
		padding: 0;
		margin: 0;
		margin: 0 -5px;
		margin-top: 40px
	}
	.honor-page .honor-list li {
		width: 50%;
		padding: 5px
	}
	.honor-page .honor-list .honor-img {
		width: 100%;
		height: 31.69014085vw
	}
	.honor-page .honor-list .honor-brief {
		font-size: 12px
	}
}

.solution-plan-curmbs {
	background: #f9f9f9
}

.solution-plan-page .service-range-box {
	width: 100%;
	padding: 50px 10px;
	background: #f9f9f9
}

.solution-plan-page .service-range-box .service-range-list {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px;
	margin-top: 50px;
	text-align: center
}

.solution-plan-page .service-range-box .service-range-list li {
	float: left;
	width: 12.5%;
	padding: 0 20px
}

.solution-plan-page .service-range-box .service-range-list li>div {
	width: 100%;
	cursor: pointer
}

@media screen and (min-width:992px) {
	.solution-plan-page .service-range-box .service-range-list li>div:hover .service-icon {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
}

.solution-plan-page .service-range-box .service-range-list .service-icon {
	font-size: 100px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.solution-plan-page .service-range-box .service-range-list .service-title {
	font-size: 18px;
	margin-top: 20px
}

@media screen and (max-width:1200px) {
	.solution-plan-page .service-range-box {
		width: 100%
	}
	.solution-plan-page .service-range-box .service-range-list {
		max-width: 1170px;
		padding: 0 20px;
		margin-top: 50px
	}
	.solution-plan-page .service-range-box .service-range-list li {
		float: left;
		width: 12.5%;
		padding: 0 10px
	}
	.solution-plan-page .service-range-box .service-range-list li>div {
		width: 100%;
		cursor: pointer
	}
	.solution-plan-page .service-range-box .service-range-list .service-icon {
		font-size: 80px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.solution-plan-page .service-range-box .service-range-list .service-title {
		font-size: 16px;
		margin-top: 20px
	}
}

@media screen and (max-width:992px) {
	.solution-plan-page .service-range-box {
		width: 100%
	}
	.solution-plan-page .service-range-box .service-range-list {
		max-width: 1170px;
		padding: 0;
		margin-bottom: -20px
	}
	.solution-plan-page .service-range-box .service-range-list li {
		float: left;
		width: 25%;
		padding: 0 10px 20px 10px
	}
	.solution-plan-page .service-range-box .service-range-list li>div {
		width: 100%;
		cursor: pointer
	}
	.solution-plan-page .service-range-box .service-range-list .service-icon {
		font-size: 80px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.solution-plan-page .service-range-box .service-range-list .service-title {
		font-size: 16px;
		margin-top: 20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
	}
}

@media screen and (max-width:568px) {
	.solution-plan-page .service-range-box {
		width: 100%;
		padding: 30px 10px
	}
	.solution-plan-page .service-range-box .service-range-list {
		max-width: 1170px;
		padding: 0;
		margin-top: 30px;
		margin-bottom: -20px
	}
	.solution-plan-page .service-range-box .service-range-list li {
		float: left;
		width: 50%;
		padding: 0 10px 20px 10px
	}
	.solution-plan-page .service-range-box .service-range-list li>div {
		width: 100%;
		cursor: pointer
	}
	.solution-plan-page .service-range-box .service-range-list .service-icon {
		font-size: 80px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.solution-plan-page .service-range-box .service-range-list .service-title {
		font-size: 16px;
		margin-top: 20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
	}
}

.solution-plan-page .solution-plan-box {
	width: 100%;
	padding: 50px 10px
}

.solution-plan-page .solution-plan-box .solution-plan-content {
	max-width: 1170px;
	margin: 0 auto
}

.solution-plan-page .solution-plan-box .solution-plan-mode {
	margin: 0 -35px;
	margin-top: 50px;
	position: relative
}

.solution-plan-page .solution-plan-box .solution-plan-mode .trast-icon {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	color: #15b132;
	font-size: 24px;
	font-weight: bold;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px
}

.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief,
.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief {
	float: left;
	width: 50%;
	padding: 0 35px
}

.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief h6,
.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief h6 {
	font-size: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-img,
.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-img {
	width: 100%;
	height: 320px;
	margin-top: 20px
}

.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-text,
.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-text {
	display: table;
	width: 100%;
	height: 60px;
	font-size: 16px;
	padding: 0 10px
}

.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-text p,
.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-text p {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief {
	color: #fdc339
}

.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief {
	color: #15b132
}

@media screen and (max-width:1200px) {
	.solution-plan-page .solution-plan-box {
		width: 100%;
		padding: 50px 10px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode {
		margin: 0 -35px;
		margin-top: 50px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief {
		float: left
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-img,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-img {
		width: 100%;
		height: 26.66666667vw;
		margin-top: 20px
	}
}

@media screen and (max-width:992px) {
	.solution-plan-page .solution-plan-box {
		width: 100%
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode {
		margin: 0 -35px;
		margin-top: 50px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief {
		float: left
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief h6,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief h6 {
		font-size: 20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-text,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-text {
		font-size: 14px
	}
}

@media screen and (max-width:568px) {
	.solution-plan-page .solution-plan-box {
		width: 100%;
		padding: 30px 10px 0 10px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode {
		max-width: 400px;
		margin: 0 auto;
		position: relative
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .trast-icon {
		display: block;
		width: 50px;
		height: 50px;
		line-height: 46px;
		text-align: center;
		color: #15b132;
		font-size: 24px;
		font-weight: bold;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -25px 0 0 -25px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief {
		float: none;
		width: 100%;
		padding: 30px 0
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief h6,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief h6 {
		font-size: 20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-img,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-img {
		width: 100%;
		height: 45.77464789vw;
		margin-top: 20px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-text,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-text {
		display: table;
		width: 100%;
		height: 60px;
		font-size: 14px;
		padding: 0 10px
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief .brief-text p,
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief .brief-text p {
		display: table-cell;
		vertical-align: middle;
		text-align: center
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .faq-brief {
		color: #fdc339
	}
	.solution-plan-page .solution-plan-box .solution-plan-mode .plan-brief {
		color: #15b132
	}
}

.solution-plan-page .we-fn-box {
	width: 100%;
	padding: 50px 10px;
	background: #f9f9f9
}

.solution-plan-page .we-fn-box .we-fn-mode {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px
}

.solution-plan-page .we-fn-box .we-fn-mode h4 {
	font-size: 24px;
	line-height: 1
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list {
	margin: 0 -15px;
	margin-top: 30px
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list>li {
	float: left;
	width: 25%;
	padding: 0 15px
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list>li>div {
	width: 100%;
	height: 320px;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list .iconfont {
	display: block;
	font-size: 50px;
	line-height: 1;
	text-align: center;
	color: #15b132
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list dl {
	width: 100%;
	margin-top: 20px;
	text-align: center
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list dl dt {
	font-size: 18px;
	line-height: 1;
	text-align: center
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list dl dd {
	display: inline-block;
	color: #999;
	margin-top: 20px;
	text-align: left
}

.solution-plan-page .we-fn-box .we-fn-mode .fn-list dl dd li {
	margin: 5px 0
}

@media screen and (max-width:992px) {
	.solution-plan-page .we-fn-box {
		width: 100%
	}
	.solution-plan-page .we-fn-box .we-fn-mode {
		max-width: 568px
	}
	.solution-plan-page .we-fn-box .we-fn-mode h4 {
		font-size: 20px;
		line-height: 1
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list {
		margin: -10px;
		margin-top: 20px
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list>li {
		float: left;
		width: 50%;
		padding: 10px
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list>li>div {
		width: 100%;
		height: 320px;
		padding: 20px;
		background: #fff;
		-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list .iconfont {
		display: block;
		font-size: 50px;
		line-height: 1;
		text-align: center;
		color: #15b132
	}
}

@media screen and (max-width:568px) {
	.solution-plan-page .we-fn-box {
		width: 100%;
		padding: 30px 10px
	}
	.solution-plan-page .we-fn-box .we-fn-mode {
		max-width: 100%;
		margin-top: 30px
	}
	.solution-plan-page .we-fn-box .we-fn-mode h4 {
		font-size: 20px;
		line-height: 1
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list {
		margin: -10px;
		margin-top: 10px
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list>li {
		float: left;
		width: 100%;
		padding: 10px
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list>li>div {
		width: 100%;
		height: auto;
		padding: 20px;
		background: #fff;
		-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
	}
	.solution-plan-page .we-fn-box .we-fn-mode .fn-list .iconfont {
		display: block;
		font-size: 50px;
		line-height: 1;
		text-align: center;
		color: #15b132
	}
}

.solution-plan-page .core-advan-box {
	max-width: 1170px;
	margin: 0 auto;
	padding: 50px 10px
}

.solution-plan-page .core-advan-box .advan-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px
}

.solution-plan-page .core-advan-box .advan-list {
	margin: -15px -30px
}

.solution-plan-page .core-advan-box .advan-list li {
	float: left;
	width: 50%;
	height: 190px;
	padding: 15px 30px
}

.solution-plan-page .core-advan-box .advan-list .icon-box {
	float: left;
	width: 130px;
	height: 130px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 130px;
	border: 1px solid #15b132;
	color: #fff;
	position: relative;
	z-index: 1
}

.solution-plan-page .core-advan-box .advan-list .icon-box::after {
	content: "";
	background: #15b132;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: -1
}

.solution-plan-page .core-advan-box .advan-list .icon-box .iconfont {
	font-size: 50px
}

.solution-plan-page .core-advan-box .advan-list .brief-text {
	margin-left: 160px
}

.solution-plan-page .core-advan-box .advan-list .brief-text h6 {
	font-size: 18px
}

.solution-plan-page .core-advan-box .advan-list .brief-text p {
	margin-top: 20px;
	line-height: 24px;
	color: #999;
	text-align: justify;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

@media screen and (max-width:1200px) {
	.solution-plan-page .core-advan-box {
		width: 100%
	}
	.solution-plan-page .core-advan-box .advan-list {
		margin: -15px -20px
	}
	.solution-plan-page .core-advan-box .advan-list li {
		float: left;
		width: 50%;
		padding: 15px 20px
	}
	.solution-plan-page .core-advan-box .advan-list .icon-box {
		float: left;
		width: 100px;
		height: 100px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 100px
	}
	.solution-plan-page .core-advan-box .advan-list .icon-box .iconfont {
		font-size: 40px
	}
	.solution-plan-page .core-advan-box .advan-list .brief-text {
		margin-left: 130px
	}
	.solution-plan-page .core-advan-box .advan-list .brief-text h6 {
		font-size: 18px
	}
	.solution-plan-page .core-advan-box .advan-list .brief-text p {
		margin-top: 10px;
		line-height: 24px;
		color: #999;
		text-align: justify
	}
}

@media screen and (max-width:992px) {
	.solution-plan-page .core-advan-box {
		width: 100%;
		max-width: 768px;
		margin: 0 auto
	}
	.solution-plan-page .core-advan-box .advan-list {
		margin: -15px -20px -80px -15px
	}
	.solution-plan-page .core-advan-box .advan-list li {
		float: none;
		width: 100%;
		height: 160px;
		padding: 15px 20px
	}
	.solution-plan-page .core-advan-box .advan-list .icon-box {
		float: left;
		width: 100px;
		height: 100px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 100px
	}
	.solution-plan-page .core-advan-box .advan-list .icon-box .iconfont {
		font-size: 40px
	}
	.solution-plan-page .core-advan-box .advan-list .brief {
		margin-left: 130px
	}
	.solution-plan-page .core-advan-box .advan-list .brief h6 {
		font-size: 18px
	}
	.solution-plan-page .core-advan-box .advan-list .brief p {
		margin-top: 10px
	}
}

@media screen and (max-width:568px) {
	.solution-plan-page .core-advan-box {
		width: 100%;
		padding: 30px 5px
	}
	.solution-plan-page .core-advan-box .advan-list {
		margin: -15px 0;
		margin-bottom: -45px
	}
	.solution-plan-page .core-advan-box .advan-list li {
		float: none;
		width: 100%;
		padding: 15px 0
	}
	.solution-plan-page .core-advan-box .advan-list .icon-box {
		float: left;
		width: 80px;
		height: 80px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 80px
	}
	.solution-plan-page .core-advan-box .advan-list .icon-box .iconfont {
		font-size: 30px
	}
	.solution-plan-page .core-advan-box .advan-list .brief-text {
		margin-left: 100px
	}
	.solution-plan-page .core-advan-box .advan-list .brief-text h6 {
		font-size: 16px
	}
	.solution-plan-page .core-advan-box .advan-list .brief-text p {
		margin-top: 10px;
		font-size: 12px;
		line-height: 20px
	}
}

.solution-plan-page .build-chart-box {
	width: 100%;
	padding: 50px 10px;
	background: #f9f9f9
}

.solution-plan-page .build-chart-box .build-chart-img {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center
}

@media screen and (max-width:568px) {
	.solution-plan-page .build-chart-box {
		width: 100%;
		padding: 30px 5px;
		background: #f9f9f9
	}
	.solution-plan-page .build-chart-box .build-chart-img {
		max-width: 1170px;
		margin: 0 auto;
		margin-top: 30px;
		text-align: center
	}
}

.solution-plan-page .coopera-mode-box {
	width: 100%;
	padding: 50px 10px
}

.solution-plan-page .coopera-mode-box .mode-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list {
	margin: 0 -15px
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li {
	float: left;
	width: 20%;
	padding: 0 15px
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon {
	display: table;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	cursor: pointer;
	border: 2px dashed #eee;
	position: relative
}

@media screen and (min-width:992px) {
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon:hover::after {
		opacity: 1
	}
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon::after {
	content: "";
	border: 2px dashed #15b132;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon>div {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon span {
	display: block;
	color: #999
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon .number {
	font-size: 24px;
	line-height: 1;
	font-weight: bold
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon .iconfont {
	font-size: 50px;
	line-height: 1;
	margin-top: 10px
}

.solution-plan-page .coopera-mode-box .mode-list-box .mode-list p {
	font-size: 18px;
	line-height: 1;
	text-align: center;
	margin-top: 30px
}

@media screen and (max-width:992px) {
	.solution-plan-page .coopera-mode-box {
		width: 100%
	}
	.solution-plan-page .coopera-mode-box .mode-list-box {
		max-width: 1170px;
		margin-top: 50px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list {
		margin: -15px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li {
		float: left;
		width: 33.3333%;
		padding: 15px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li:nth-child(4) {
		margin: 0 4.3333% 0 12.3333%
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li:nth-child(5) {
		margin: 0 12.3333% 0 4.3333%
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon {
		display: table;
		width: 150px;
		height: 150px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon::after {
		opacity: 1
	}
}

@media screen and (max-width:758px) {
	.solution-plan-page .coopera-mode-box {
		width: 100%
	}
	.solution-plan-page .coopera-mode-box .mode-list-box {
		max-width: 1170px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list {
		margin: -15px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li {
		float: left;
		width: 33.3333%;
		padding: 15px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li:nth-child(4) {
		margin: 0 4.3333% 0 12.3333%
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li:nth-child(5) {
		margin: 0 12.3333% 0 4.3333%
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon {
		display: table;
		width: 120px;
		height: 120px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon .number {
		font-size: 20px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon .iconfont {
		font-size: 40px;
		line-height: 1;
		margin-top: 10px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list p {
		font-size: 16px
	}
}

@media screen and (max-width:568px) {
	.solution-plan-page .coopera-mode-box {
		width: 100%;
		padding: 30px 10px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list {
		margin: -15px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li {
		float: left;
		width: 50%;
		padding: 15px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li:nth-child(4) {
		margin: 0
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list li:nth-child(5) {
		margin: 0
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon {
		display: table;
		width: 100px;
		height: 100px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon .number {
		font-size: 20px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list .mode-icon .iconfont {
		font-size: 40px;
		line-height: 1;
		margin-top: 10px
	}
	.solution-plan-page .coopera-mode-box .mode-list-box .mode-list p {
		font-size: 16px
	}
}

.product-curmbs {
	background: #f9f9f9
}

.product-page {
	width: 100%;
	padding: 50px 0;
	background: #f9f9f9
}

.product-page .product-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px
}

.product-page .product-list-box .product-list {
	margin: -15px
}

.product-page .product-list-box .product-list li {
	float: left;
	width: 25%;
	padding: 15px
}

.product-page .product-list-box .product-list li a {
	display: block;
	width: 100%;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

@media screen and (min-width:992px) {
	.product-page .product-list-box .product-list li a:hover {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}
	.product-page .product-list-box .product-list li a:hover .product-img .mask {
		opacity: 1
	}
	.product-page .product-list-box .product-list li a:hover .product-brief::after {
		width: 100%
	}
	.product-page .product-list-box .product-list li a:hover .product-brief .iconfont {
		color: #15b132
	}
}

.product-page .product-list-box .product-list li .product-img {
	width: 100%;
	height: 280px;
	position: relative
}

.product-page .product-list-box .product-list li .product-img .mask {
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.product-page .product-list-box .product-list li .product-brief {
	height: 80px;
	padding: 20px 80px 20px 20px;
	position: relative
}

.product-page .product-list-box .product-list li .product-brief::after {
	content: "";
	display: block;
	width: 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	border-top: 2px solid #15b132;
	position: absolute;
	left: 0;
	bottom: 0
}

.product-page .product-list-box .product-list li .product-brief h6 {
	font-size: 16px;
	line-height: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.product-page .product-list-box .product-list li .product-brief p {
	color: #999;
	margin-top: 5px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.product-page .product-list-box .product-list li .product-brief .iconfont {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px
}

@media screen and (max-width:1200px) {
	.product-page {
		width: 100%
	}
	.product-page .product-list-box {
		max-width: 1170px
	}
	.product-page .product-list-box .product-list {
		margin: -10px
	}
	.product-page .product-list-box .product-list li {
		float: left;
		width: 25%;
		padding: 10px
	}
}

@media screen and (max-width:992px) {
	.product-page {
		width: 100%
	}
	.product-page .product-list-box {
		max-width: 1170px
	}
	.product-page .product-list-box .product-list {
		margin: -10px
	}
	.product-page .product-list-box .product-list li {
		float: left;
		width: 33.3333%;
		padding: 10px
	}
	.product-page .product-list-box .product-list li .product-img {
		width: 100%;
		height: 28.22580645vw
	}
	.product-page .product-list-box .product-list li .product-brief {
		height: 80px;
		padding: 20px 60px 20px 20px;
		position: relative
	}
	.product-page .product-list-box .product-list li .product-brief::after {
		content: "";
		display: block;
		width: 0;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		border-top: 2px solid #15b132;
		position: absolute;
		left: 0;
		bottom: 0
	}
	.product-page .product-list-box .product-list li .product-brief h6 {
		font-size: 16px;
		line-height: 1
	}
	.product-page .product-list-box .product-list li .product-brief p {
		color: #999;
		margin-top: 5px
	}
	.product-page .product-list-box .product-list li .product-brief .iconfont {
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -10px
	}
}

@media screen and (max-width:768px) {
	.product-page {
		width: 100%
	}
	.product-page .product-list-box {
		max-width: 1170px
	}
	.product-page .product-list-box .product-list {
		margin: -10px
	}
	.product-page .product-list-box .product-list li {
		float: left;
		width: 33.3333%;
		padding: 10px
	}
	.product-page .product-list-box .product-list li .product-img {
		width: 100%;
		height: 28.22580645vw
	}
	.product-page .product-list-box .product-list li .product-brief {
		height: 60px;
		padding: 10px 30px 10px 10px;
		position: relative
	}
	.product-page .product-list-box .product-list li .product-brief h6 {
		font-size: 14px;
		line-height: 1
	}
	.product-page .product-list-box .product-list li .product-brief p {
		color: #999;
		font-size: 12px;
		margin-top: 5px
	}
	.product-page .product-list-box .product-list li .product-brief .iconfont {
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -10px
	}
}

@media screen and (max-width:568px) {
	.product-page {
		width: 100%;
		padding: 30px 5px
	}
	.product-page .product-list-box {
		max-width: 1170px
	}
	.product-page .product-list-box .product-list-box {
		margin-top: 30px
	}
	.product-page .product-list-box .product-list {
		margin: 0
	}
	.product-page .product-list-box .product-list li {
		float: left;
		width: 50%;
		padding: 2%
	}
	.product-page .product-list-box .product-list li .product-img {
		width: 100%;
		height: 49.29577465vw
	}
	.product-page .product-list-box .product-list li .product-brief {
		height: 60px;
		padding: 10px 30px 10px 10px;
		position: relative
	}
	.product-page .product-list-box .product-list li .product-brief::after {
		content: "";
		display: block;
		width: 0;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		border-top: 2px solid #15b132;
		position: absolute;
		left: 0;
		bottom: 0
	}
}

.case-page {
	width: 100%;
	padding: 50px 10px
}

.case-page .case-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 50px
}

.case-page .case-list-box .case-list {
	margin: -25px
}

.case-page .case-list-box .case-list li {
	float: left;
	width: 50%;
	padding: 25px
}

.case-page .case-list-box .case-list .case-brief-content {
	display: block;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 1
}

@media screen and (min-width:992px) {
	.case-page .case-list-box .case-list .case-brief-content:hover::after {
		width: 100%
	}
	.case-page .case-list-box .case-list .case-brief-content:hover .case-img .img-mask {
		opacity: 1
	}
	.case-page .case-list-box .case-list .case-brief-content:hover .case-img .img-mask .iconfont {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
	.case-page .case-list-box .case-list .case-brief-content:hover .case-brief h3 {
		color: #15b132
	}
	.case-page .case-list-box .case-list .case-brief-content:hover .case-brief .more-btn {
		color: #15b132
	}
}

.case-page .case-list-box .case-list .case-brief-content:after {
	content: "";
	width: 0;
	height: 2px;
	background: #15b132;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1
}

.case-page .case-list-box .case-list .case-img {
	width: 100%;
	height: 240px;
	position: relative
}

.case-page .case-list-box .case-list .case-img .img-mask {
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.case-page .case-list-box .case-list .case-img .img-mask .iconfont {
	display: block;
	width: 40px;
	height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 40px;
	color: #fff;
	background: #15b132;
	-webkit-transform: translate(0, -100px);
	-moz-transform: translate(0, -100px);
	-ms-transform: translate(0, -100px);
	-o-transform: translate(0, -100px);
	transform: translate(0, -100px);
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.case-page .case-list-box .case-list .case-brief {
	width: 100%;
	height: 100px;
	padding: 20px;
	position: relative
}

.case-page .case-list-box .case-list .case-brief h3 {
	padding-right: 40px;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.case-page .case-list-box .case-list .case-brief p {
	width: 100%;
	margin-top: 15px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.case-page .case-list-box .case-list .case-brief .more-btn {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #dedede;
	border: 1px solid;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 20px;
	right: 20px
}

.case-page .case-list-box .case-list .case-brief .more-btn .iconfont {
	font-size: 12px
}

@media screen and (max-width:1200px) {
	.case-page {
		width: 100%
	}
	.case-page .case-list-box {
		max-width: 992px
	}
	.case-page .case-list-box .case-list {
		margin: -25px
	}
	.case-page .case-list-box .case-list li {
		float: left;
		width: 50%;
		padding: 25px
	}
	.case-page .case-list-box .case-list .case-brief-content {
		display: block;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		overflow: hidden;
		-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		position: relative;
		z-index: 1
	}
	.case-page .case-list-box .case-list .case-brief-content:after {
		content: "";
		width: 0;
		height: 2px;
		background: #15b132;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1
	}
}

@media screen and (max-width:1200px) {
	.case-page {
		width: 100%
	}
	.case-page .case-list-box {
		max-width: 992px
	}
}

@media screen and (max-width:992px) {
	.case-page {
		width: 100%
	}
	.case-page .case-list-box {
		max-width: 768px
	}
	.case-page .case-list-box .case-list {
		margin: -15px
	}
	.case-page .case-list-box .case-list li {
		float: left;
		width: 50%;
		padding: 15px
	}
	.case-page .case-list-box .case-list .case-img {
		width: 100%;
		height: 24.19354839vw
	}
	.case-page .case-list-box .case-list .case-brief {
		width: 100%;
		height: 100px;
		padding: 20px;
		position: relative
	}
	.case-page .case-list-box .case-list .case-brief h3 {
		font-size: 16px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.case-page .case-list-box .case-list .case-brief p {
		width: 100%;
		margin-top: 15px;
		color: #999;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}
	.case-page .case-list-box .case-list .case-brief .more-btn {
		top: 20px;
		right: 20px
	}
}

@media screen and (max-width:768px) {
	.case-page {
		width: 100%
	}
	.case-page .case-list-box {
		max-width: 768px
	}
	.case-page .case-list-box .case-list {
		margin: -15px
	}
	.case-page .case-list-box .case-list li {
		float: left;
		width: 50%;
		padding: 15px
	}
	.case-page .case-list-box .case-list .case-img {
		width: 100%;
		height: 24.19354839vw
	}
	.case-page .case-list-box .case-list .case-brief {
		width: 100%;
		height: 100px;
		padding: 20px;
		position: relative
	}
	.case-page .case-list-box .case-list .case-brief h3 {
		font-size: 16px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.case-page .case-list-box .case-list .case-brief p {
		width: 100%;
		margin-top: 15px;
		color: #999;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}
	.case-page .case-list-box .case-list .case-brief .more-btn {
		display: none
	}
}

@media screen and (max-width:568px) {
	.case-page {
		width: 100%;
		padding: 30px 10px
	}
	.case-page .case-list-box {
		max-width: 400px;
		margin-top: 30px
	}
	.case-page .case-list-box .case-list {
		margin: -5px
	}
	.case-page .case-list-box .case-list li {
		float: left;
		width: 100%;
		padding: 5px
	}
	.case-page .case-list-box .case-list .case-img {
		width: 100%;
		height: 42.25352113vw
	}
	.case-page .case-list-box .case-list .case-brief {
		width: 100%;
		height: 80px;
		padding: 10px;
		position: relative
	}
	.case-page .case-list-box .case-list .case-brief h3 {
		font-size: 16px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.case-page .case-list-box .case-list .case-brief p {
		width: 100%;
		margin-top: 15px;
		color: #999;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}
	.case-page .case-list-box .case-list .case-brief .more-btn {
		display: none
	}
}

.join-page {
	width: 100%;
	padding: 50px 10px
}

.join-page .join-post-brief {
	max-width: 1170px;
	margin: 0 auto
}

.join-page .join-post-brief .join-img {
	width: 100%;
	height: 300px;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #dedede
}

.join-page .join-post-brief .join-post {
	margin-top: 50px
}

.join-page .join-post-brief .join-post .post-title {
	font-size: 18px
}

.join-page .join-post-brief .join-post .post-title span {
	display: inline-block;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 2px solid #15b132
}

.join-page .join-post-brief .join-post dl {
	margin-top: 30px
}

.join-page .join-post-brief .join-post dl dt {
	font-size: 16px;
	font-weight: bold
}

.join-page .join-post-brief .join-post dl dd {
	color: #999;
	margin-top: 20px
}

.join-page .join-post-brief .join-post dl dd li {
	margin: 10px 0
}

.join-page .join-post-brief .join-post .pay {
	margin-top: 20px
}

@media screen and (max-width:992px) {
	.join-page {
		width: 100%
	}
	.join-page .join-post-brief {
		max-width: 1170px
	}
	.join-page .join-post-brief .join-img {
		height: 30.24193548vw
	}
}

@media screen and (max-width:768px) {
	.join-page {
		width: 100%
	}
	.join-page .join-post-brief {
		max-width: 1170px
	}
	.join-page .join-post-brief .join-img {
		height: 32.55208333vw
	}
}

@media screen and (max-width:568px) {
	.join-page {
		width: 100%;
		padding: 30px 10px
	}
	.join-page .join-post-brief {
		max-width: 1170px
	}
	.join-page .join-post-brief .join-img {
		height: 38.73239437vw
	}
	.join-page .join-post-brief .join-post {
		margin-top: 30px
	}
	.join-page .join-post-brief .join-post .post-title {
		font-size: 16px
	}
	.join-page .join-post-brief .join-post dl {
		margin-top: 30px
	}
	.join-page .join-post-brief .join-post dl dt {
		font-size: 14px
	}
	.join-page .join-post-brief .join-post dl dd {
		font-size: 12px
	}
	.join-page .join-post-brief .join-post .pay {
		margin-top: 20px
	}
}

.news-details-page {
	width: 100%;
	padding: 50px 10px
}

.news-details-page .news-details-content {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 85px;
	position: relative
}

.news-details-page .news-details-content .news-details {
	text-align: center
}

.news-details-page .news-details-content .news-details h1 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase
}

.news-details-page .news-details-content .news-details time {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	margin-top: 15px;
	color: #999
}

.news-details-page .news-details-content .news-details .details-img-album {
	max-width: 830px;
	margin: 0 auto;
	margin-top: 50px
}

.news-details-page .news-details-content .news-details .details-img-album .album-img,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
	width: 100%;
	position: relative;
	z-index: 1
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-next,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next,
.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-prev,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
	display: block;
	width: 36px;
	height: 60px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
	text-align: center;
	line-height: 60px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 9
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-next:hover,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next:hover,
.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-prev:hover,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev:hover {
	color: #15b132;
	background: rgba(255, 255, 255, 0.8)
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-next,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next {
	right: 30px
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-prev,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
	left: 30px
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-list,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-list {
	width: 100%;
	color: #fff;
	overflow: hidden
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-list .slick-track,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-list .slick-track {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	display: block
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
	float: left
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	position: relative
}

.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a .portr-img,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
	width: 100%;
	height: 400px
}

.news-details-page .news-details-content .news-details .details-img-album .album-img {
	padding-left: 5px;
	padding-right: 2px
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
	width: 100%;
	position: relative;
	z-index: 1
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
	display: block;
	width: 36px;
	height: 36px;
	background: #f5f5f5;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	z-index: 9
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next:hover,
.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev:hover {
	color: #15b132;
	background: #f8f8f8
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next {
	right: 10px
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
	left: 10px
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-list {
	width: 100%;
	color: #fff;
	overflow: hidden
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-list .slick-track {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	display: block
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
	float: left;
	padding: 10px 0;
	width: 100%
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	position: relative
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
	width: 100%;
	height: 120px;
	position: relative
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img:hover::after {
	opacity: 0
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img::after {
	content: "";
	background: rgba(0, 0, 0, 0.8);
	opacity: 1;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-current>a .portr-img::after {
	opacity: 0
}

.news-details-page .news-details-content .news-details .content-details {
	width: 100%;
	margin-top: 30px;
	text-align: justify
}

.news-details-page .news-details-content .news-details .content-details img {
	display: block;
	margin: 20px auto !important;
	height: auto !important
}

.news-details-page .news-details-content .news-details .content-details p,
.news-details-page .news-details-content .news-details .content-details span,
.news-details-page .news-details-content .news-details .content-details div {
	color: #999 !important
}

.news-details-page .news-details-content .news-details .content-details p {
	margin: 20px 0;
	line-height: 24px
}

.news-details-page .news-details-content .news-details .content-details div {
	margin: 20px auto
}

.news-details-page .filp-box {
	height: 50px;
	text-align: center;
	position: absolute;
	top: -100px;
	right: 0
}

.news-details-page .filp-box a {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.news-details-page .filp-box a:hover {
	background: #15b132;
	color: #fff
}

.news-details-page .filp-box span {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 30px;
	background: #15b132
}

@media screen and (max-width:992px) {
	.news-details-page {
		width: 100%
	}
	.news-details-page .news-details-content {
		max-width: 1170px;
		padding: 0 85px
	}
	.news-details-page .news-details-content .news-details .details-img-album {
		max-width: 830px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
		float: left
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a .portr-img,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 40.32258065vw
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img {
		padding-left: 5px;
		padding-right: 2px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
		float: left;
		padding: 10px 0;
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 12.09677419vw
	}
}

@media screen and (max-width:768px) {
	.news-details-page {
		width: 100%
	}
	.news-details-page .news-details-content {
		max-width: 1170px;
		padding: 0 30px
	}
	.news-details-page .news-details-content .news-details .details-img-album {
		max-width: 830px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
		float: left
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a .portr-img,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 40.32258065vw
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img {
		padding-left: 5px;
		padding-right: 2px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
		float: left;
		padding: 10px 0;
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 12.09677419vw
	}
}

@media screen and (max-width:568px) {
	.news-details-page {
		width: 100%;
		padding: 30px 0
	}
	.news-details-page .news-details-content {
		padding: 0
	}
	.news-details-page .news-details-content .news-details {
		max-width: 1170px;
		padding: 0 10px
	}
	.news-details-page .news-details-content .news-details h1 {
		font-size: 20px
	}
	.news-details-page .news-details-content .news-details time {
		font-size: 12px
	}
	.news-details-page .news-details-content .news-details .details-img-album {
		max-width: 830px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-next,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next,
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-prev,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
		display: block;
		width: 30px;
		height: 40px;
		cursor: pointer;
		background: rgba(255, 255, 255, 0.5);
		text-align: center;
		line-height: 40px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		z-index: 9
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-next,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next {
		right: 10px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-prev,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
		left: 10px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
		float: left
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img .slick-slide>a .portr-img,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 44.35483871vw
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-img {
		padding-left: 5px;
		padding-right: 2px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb {
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next,
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
		display: block;
		width: 24px;
		height: 24px;
		background: #f5f5f5;
		font-size: 12px;
		text-align: center;
		line-height: 24px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		z-index: 9
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-next {
		right: 10px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-prev {
		left: 10px
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide {
		float: left;
		padding: 10px 0;
		width: 100%
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.news-details-page .news-details-content .news-details .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 24.64788732vw
	}
	.news-details-page .filp-box {
		height: 40px;
		text-align: center;
		position: absolute;
		top: -80px;
		right: -10px
	}
	.news-details-page .filp-box a {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.news-details-page .filp-box a:hover {
		background: #15b132;
		color: #fff
	}
	.news-details-page .filp-box span {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 20px;
		background: #15b132
	}
}

.product-details-page {
	width: 100%;
	padding: 50px 10px
}

.product-details-page .product-soft-content {
	max-width: 1170px;
	margin: 0 auto;
	position: relative
}

.product-details-page .product-soft-content .details-img-album {
	float: left;
	width: 40%
}

.product-details-page .product-soft-content .details-img-album .album-img,
.product-details-page .product-soft-content .details-img-album .album-thumb {
	width: 100%;
	position: relative;
	z-index: 1
}

.product-details-page .product-soft-content .details-img-album .album-img .slick-next,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-next,
.product-details-page .product-soft-content .details-img-album .album-img .slick-prev,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-prev {
	display: none !important
}

.product-details-page .product-soft-content .details-img-album .album-img .slick-list,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list {
	width: 100%;
	color: #fff;
	overflow: hidden
}

.product-details-page .product-soft-content .details-img-album .album-img .slick-list .slick-track,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list .slick-track {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	display: block
}

.product-details-page .product-soft-content .details-img-album .album-img .slick-slide,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide {
	float: left
}

.product-details-page .product-soft-content .details-img-album .album-img .slick-slide>a,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	position: relative
}

.product-details-page .product-soft-content .details-img-album .album-img .slick-slide>a .portr-img,
.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img {
	width: 100%;
	height: 300px
}

.product-details-page .product-soft-content .details-img-album .album-img {
	padding-left: 5px;
	padding-right: 2px
}

.product-details-page .product-soft-content .details-img-album .album-thumb {
	width: 100%;
	position: relative;
	z-index: 1
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list {
	width: 100%;
	color: #fff;
	overflow: hidden
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list .slick-track {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	display: block
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide {
	float: left;
	padding: 10px 0;
	width: 100%
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	position: relative
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img {
	width: 100%;
	height: 80px;
	position: relative
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img:hover::after {
	opacity: 0
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img::after {
	content: "";
	background: rgba(0, 0, 0, 0.8);
	border: 1px solid #15b132;
	opacity: 1;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.product-details-page .product-soft-content .details-img-album .album-thumb .slick-current>a .portr-img::after {
	opacity: 0
}

.product-details-page .product-soft-content .soft-product-brief {
	float: left;
	width: 60%;
	padding-left: 40px
}

.product-details-page .product-soft-content .soft-product-brief .product-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee
}

.product-details-page .product-soft-content .soft-product-brief .product-title h1 {
	font-size: 24px
}

.product-details-page .product-soft-content .soft-product-brief .product-title small {
	font-size: 14px;
	color: #999;
	margin-top: 5px
}

.product-details-page .product-soft-content .soft-product-brief .product-price {
	margin-top: 20px;
	color: #15b132
}

.product-details-page .product-soft-content .soft-product-brief .product-price span {
	font-size: 16px
}

.product-details-page .product-soft-content .soft-product-brief .product-price em {
	font-size: 30px
}

.product-details-page .product-soft-content .soft-product-brief .product-fn-list {
	margin-top: 20px
}

.product-details-page .product-soft-content .soft-product-brief .product-fn-list li {
	margin: 15px 0
}

.product-details-page .product-soft-content .soft-product-brief .product-fn-list li span {
	display: block;
	font-size: 14px;
	color: #999;
	margin-left: 75px
}

.product-details-page .product-soft-content .soft-product-brief .product-fn-list li span:first-child {
	float: left;
	color: #666;
	font-weight: bold;
	margin: 0
}

.product-details-page .product-soft-content .soft-product-brief .buy-btn-box {
	margin-top: 40px
}

.product-details-page .product-soft-content .soft-product-brief .buy-btn-box .buy-btn {
	display: block;
	width: 200px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #15b132;
	overflow: hidden
}

.product-details-page .product-soft-content .soft-product-brief .buy-btn-box .buy-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.product-details-page .product-soft-content .content-details {
	width: 100%;
	margin-top: 30px;
	padding: 0 70px;
	text-align: justify
}

.product-details-page .product-soft-content .content-details img {
	display: block;
	margin: 20px auto !important;
	height: auto !important
}

.product-details-page .product-soft-content .content-details p,
.product-details-page .product-soft-content .content-details span,
.product-details-page .product-soft-content .content-details div {
	color: #999 !important
}

.product-details-page .product-soft-content .content-details p {
	margin: 20px 0;
	line-height: 24px
}

.product-details-page .product-soft-content .content-details div {
	margin: 20px auto
}

.product-details-page .product-soft-content .filp-box {
	height: 50px;
	text-align: center;
	position: absolute;
	top: -100px;
	right: 0
}

.product-details-page .product-soft-content .filp-box a {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.product-details-page .product-soft-content .filp-box a:hover {
	background: #15b132;
	color: #fff
}

.product-details-page .product-soft-content .filp-box span {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 30px;
	background: #15b132
}

@media screen and (max-width:992px) {
	.product-details-page {
		width: 100%
	}
	.product-details-page .product-soft-content {
		max-width: 768px;
		margin: 0 auto;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album {
		float: none;
		width: auto;
		max-width: 568px;
		margin: 0 auto
	}
	.product-details-page .product-soft-content .details-img-album .album-img,
	.product-details-page .product-soft-content .details-img-album .album-thumb {
		width: 100%;
		position: relative;
		z-index: 1
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-next,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-next,
	.product-details-page .product-soft-content .details-img-album .album-img .slick-prev,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-prev {
		display: none !important
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-list,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list {
		width: 100%;
		color: #fff;
		overflow: hidden
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-list .slick-track,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list .slick-track {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
		display: block
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-slide,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide {
		float: left
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-slide>a,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-slide>a .portr-img,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 300px
	}
	.product-details-page .product-soft-content .details-img-album .album-img {
		padding-left: 5px;
		padding-right: 2px
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb {
		width: 100%;
		position: relative;
		z-index: 1
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list {
		width: 100%
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide {
		float: left;
		padding: 10px 0;
		width: 100%
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 80px;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-current>a .portr-img::after {
		opacity: 0
	}
	.product-details-page .product-soft-content .soft-product-brief {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 50px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-title {
		padding-bottom: 10px;
		border-bottom: 1px solid #eee
	}
	.product-details-page .product-soft-content .soft-product-brief .product-title h1 {
		font-size: 24px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-title small {
		font-size: 14px;
		color: #999;
		margin-top: 5px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-price {
		margin-top: 20px;
		color: #15b132
	}
	.product-details-page .product-soft-content .soft-product-brief .product-price span {
		font-size: 16px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-price em {
		font-size: 30px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list {
		margin-top: 20px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list li {
		margin: 15px 0
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list li span {
		display: block;
		font-size: 14px;
		color: #999;
		margin-left: 75px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list li span:first-child {
		float: left;
		color: #666;
		font-weight: bold;
		margin: 0
	}
	.product-details-page .product-soft-content .soft-product-brief .buy-btn-box {
		margin-top: 40px
	}
	.product-details-page .product-soft-content .soft-product-brief .buy-btn-box .buy-btn {
		display: block;
		width: 200px;
		height: 50px;
		color: #fff;
		line-height: 50px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden
	}
	.product-details-page .product-soft-content .soft-product-brief .buy-btn-box .buy-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
}

@media screen and (max-width:568px) {
	.product-details-page {
		width: 100%;
		padding: 30px 10px
	}
	.product-details-page .product-soft-content {
		max-width: 768px;
		margin: 0 auto;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album {
		float: none;
		width: auto;
		max-width: 400px;
		margin: 0 auto
	}
	.product-details-page .product-soft-content .details-img-album .album-img,
	.product-details-page .product-soft-content .details-img-album .album-thumb {
		width: 100%;
		position: relative;
		z-index: 1
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-next,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-next,
	.product-details-page .product-soft-content .details-img-album .album-img .slick-prev,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-prev {
		display: none !important
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-list,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list {
		width: 100%
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-slide,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide {
		float: left
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-slide>a,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album .album-img .slick-slide>a .portr-img,
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 52.81690141vw
	}
	.product-details-page .product-soft-content .details-img-album .album-img {
		padding-left: 5px;
		padding-right: 2px
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb {
		width: 100%;
		position: relative;
		z-index: 1
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-list {
		width: 100%
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide {
		float: left;
		padding: 10px 0;
		width: 100%
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		text-align: center;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-slide>a .portr-img {
		width: 100%;
		height: 80px;
		position: relative
	}
	.product-details-page .product-soft-content .details-img-album .album-thumb .slick-current>a .portr-img::after {
		opacity: 0
	}
	.product-details-page .product-soft-content .soft-product-brief {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 30px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-title {
		padding-bottom: 10px;
		border-bottom: 1px solid #eee
	}
	.product-details-page .product-soft-content .soft-product-brief .product-title h1 {
		font-size: 20px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-title small {
		font-size: 12px;
		color: #999;
		margin-top: 5px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-price {
		margin-top: 20px;
		color: #15b132
	}
	.product-details-page .product-soft-content .soft-product-brief .product-price span {
		font-size: 14px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-price em {
		font-size: 20px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list {
		margin-top: 20px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list li {
		margin: 15px 0
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list li span {
		display: block;
		font-size: 14px;
		color: #999;
		margin-left: 75px
	}
	.product-details-page .product-soft-content .soft-product-brief .product-fn-list li span:first-child {
		float: left;
		color: #666;
		font-weight: bold;
		margin: 0
	}
	.product-details-page .product-soft-content .soft-product-brief .buy-btn-box {
		margin-top: 40px
	}
	.product-details-page .product-soft-content .soft-product-brief .buy-btn-box .buy-btn {
		display: block;
		width: 200px;
		height: 40px;
		color: #fff;
		line-height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		text-align: center;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		background: #15b132;
		overflow: hidden;
		margin: 0 auto
	}
	.product-details-page .product-soft-content .soft-product-brief .buy-btn-box .buy-btn .iconfont {
		display: inline;
		margin-left: 5px
	}
	.product-details-page .product-soft-content .content-details {
		width: 100%;
		margin-top: 30px;
		padding: 0
	}
	.product-details-page .product-soft-content .filp-box {
		height: 40px;
		text-align: center;
		position: absolute;
		top: -80px;
		right: -10px
	}
	.product-details-page .product-soft-content .filp-box a {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.product-details-page .product-soft-content .filp-box a:hover {
		background: #15b132;
		color: #fff
	}
	.product-details-page .product-soft-content .filp-box span {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 20px;
		background: #15b132
	}
}

.product-details-page {
	width: 100%
}

.product-details-page .product-details-content {
	max-width: 1170px;
	margin: 0 auto;
	position: relative
}

.product-details-page .product-details-content .hard-product-album {
	width: 100%;
	position: relative;
	background: #f9f9f9;
	overflow: hidden
}

.product-details-page .product-details-content .hard-product-album .slider-mask {
	background: #fff;
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.product-details-page .product-details-content .hard-product-album .slider-mask img {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.product-details-page .product-details-content .hard-product-album .am-slides>li {
	display: none;
	width: 100%;
	height: 400px;
	background-size: cover !important;
	background-size: 100% auto;
	position: relative;
	overflow: hidden
}

.product-details-page .product-details-content .hard-product-album .am-slides>li:first-child {
	display: block
}

.product-details-page .product-details-content .hard-product-album .am-direction-nav {
	display: block
}

.product-details-page .product-details-content .hard-product-album .am-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 9;
	display: block;
	width: 36px;
	height: 36px;
	margin: -18px 0 0;
	line-height: 38px;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	color: #15b132;
	background: #fff
}

.product-details-page .product-details-content .hard-product-album .am-direction-nav a:hover {
	background: #15b132;
	color: #fff
}

.product-details-page .product-details-content .hard-product-album .am-direction-nav a .iconfont {
	display: block;
	text-align: center;
	font-size: 14px
}

.product-details-page .product-details-content .hard-product-album .am-direction-nav .am-prev {
	left: 40px
}

.product-details-page .product-details-content .hard-product-album .am-direction-nav .am-next {
	right: 40px
}

.product-details-page .product-details-content .hard-product-album .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	z-index: 8;
	text-align: center
}

.product-details-page .product-details-content .hard-product-album .am-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size: 0;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	color: #15b132;
	border: 2px solid;
	background: transparent;
	background-clip: content-box;
	text-indent: -9999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.product-details-page .product-details-content .hard-product-album .am-control-nav li:hover {
	background: #fff;
	-webkit-transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.product-details-page .product-details-content .hard-product-album .am-control-nav .am-active {
	background: #15b132
}

.product-details-page .product-details-content .content-details {
	margin-top: 50px
}

.product-details-page .product-details-content .content-details .product-title h1 {
	font-size: 24px
}

.product-details-page .product-details-content .content-details .product-title .line {
	display: block;
	width: 40px;
	height: 2px;
	background: #15b132;
	margin: 10px 0
}

.product-details-page .product-details-content .content-details .product-title small {
	display: block;
	font-size: 14px
}

.product-details-page .product-details-content .content-details .product-brief-box {
	margin-top: 50px
}

.product-details-page .product-details-content .content-details .product-brief-box h4 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief {
	margin-top: 40px
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li {
	margin: 15px 0
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li span {
	display: block;
	color: #999;
	margin-left: 75px
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li span:first-child {
	float: left;
	color: #666;
	font-weight: bold;
	margin: 0
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief table {
	width: 870px;
	margin: 0 auto;
	text-align: center
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief table tr {
	border: 1px solid #eee
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief table tr:nth-child(2n) {
	background: #f9f9f9
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief table td {
	height: 60px;
	padding: 20px;
	vertical-align: middle;
	border: 1px solid #eee
}

.product-details-page .product-details-content .content-details .product-brief-box .product-brief table td:first-child {
	width: 20%
}

.product-details-page .product-details-content .filp-box {
	height: 50px;
	text-align: center;
	position: absolute;
	top: -100px;
	right: 0
}

.product-details-page .product-details-content .filp-box a {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.product-details-page .product-details-content .filp-box a:hover {
	background: #15b132;
	color: #fff
}

.product-details-page .product-details-content .filp-box span {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 30px;
	background: #15b132
}

@media screen and (max-width:992px) {
	.product-details-page {
		width: 100%
	}
	.product-details-page .product-details-content {
		max-width: 1170px
	}
	.product-details-page .product-details-content .hard-product-album {
		width: 100%
	}
	.product-details-page .product-details-content .hard-product-album .am-slides>li {
		display: none;
		width: 100%;
		height: 400px;
		background-size: cover !important;
		background-size: 100% auto;
		position: relative;
		overflow: hidden
	}
	.product-details-page .product-details-content .hard-product-album .am-slides>li:first-child {
		display: block
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav {
		display: block
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 9;
		display: block;
		width: 36px;
		height: 36px;
		margin: -18px 0 0;
		line-height: 38px;
		overflow: hidden;
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		color: #15b132;
		background: #fff
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav a:hover {
		background: #15b132;
		color: #fff
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav a .iconfont {
		display: block;
		text-align: center;
		font-size: 14px
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav .am-prev {
		left: 40px
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav .am-next {
		right: 40px
	}
	.product-details-page .product-details-content .hard-product-album .am-control-nav {
		width: 100%;
		position: absolute;
		bottom: 20px;
		z-index: 8;
		text-align: center
	}
	.product-details-page .product-details-content .hard-product-album .am-control-nav li {
		display: inline-block;
		width: 12px;
		height: 12px;
		font-size: 0;
		margin: 0 5px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		cursor: pointer;
		color: #15b132;
		border: 2px solid;
		background: transparent;
		background-clip: content-box;
		text-indent: -9999px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.product-details-page .product-details-content .hard-product-album .am-control-nav li:hover {
		background: #fff;
		-webkit-transform: scale(1.3, 1.3);
		-moz-transform: scale(1.3, 1.3);
		-ms-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3)
	}
	.product-details-page .product-details-content .hard-product-album .am-control-nav .am-active {
		background: #15b132
	}
	.product-details-page .product-details-content .content-details {
		margin-top: 50px
	}
	.product-details-page .product-details-content .content-details .product-title h1 {
		font-size: 24px
	}
	.product-details-page .product-details-content .content-details .product-title .line {
		display: block;
		width: 40px;
		height: 2px;
		background: #15b132;
		margin: 10px 0
	}
	.product-details-page .product-details-content .content-details .product-title small {
		display: block;
		font-size: 14px
	}
	.product-details-page .product-details-content .content-details .product-brief-box {
		margin-top: 50px
	}
	.product-details-page .product-details-content .content-details .product-brief-box h4 {
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 15px;
		border-bottom: 1px solid #eee
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief {
		margin-top: 40px
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li {
		margin: 15px 0
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li span {
		display: block;
		color: #999;
		margin-left: 75px
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li span:first-child {
		float: left;
		color: #666;
		font-weight: bold;
		margin: 0
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief table {
		width: 100%
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief table td {
		height: 60px;
		padding: 10px;
		vertical-align: middle;
		border: 1px solid #eee
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief table td:first-child {
		width: 20%
	}
}

@media screen and (max-width:568px) {
	.product-details-page {
		width: 100%
	}
	.product-details-page .product-details-content {
		max-width: 1170px;
		font-size: 12px
	}
	.product-details-page .product-details-content .hard-product-album {
		width: 100%
	}
	.product-details-page .product-details-content .hard-product-album .am-slides>li {
		display: none;
		width: 100%;
		height: 52.81690141vw;
		background-size: cover !important;
		background-size: 100% auto;
		position: relative;
		overflow: hidden
	}
	.product-details-page .product-details-content .hard-product-album .am-slides>li:first-child {
		display: block
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav {
		display: block
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav a {
		position: absolute;
		top: 50%;
		z-index: 9;
		display: block;
		width: 36px;
		height: 36px;
		margin: -18px 0 0;
		line-height: 38px;
		overflow: hidden;
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		color: #15b132;
		background: #fff
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav a:hover {
		background: #15b132;
		color: #fff
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav a .iconfont {
		display: block;
		text-align: center;
		font-size: 14px
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav .am-prev {
		left: 10px
	}
	.product-details-page .product-details-content .hard-product-album .am-direction-nav .am-next {
		right: 10px
	}
	.product-details-page .product-details-content .hard-product-album .am-control-nav {
		width: 100%;
		position: absolute;
		bottom: 10px;
		z-index: 8;
		text-align: center
	}
	.product-details-page .product-details-content .hard-product-album .am-control-nav li {
		display: inline-block;
		width: 10px;
		height: 10px;
		font-size: 0;
		margin: 0 5px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		cursor: pointer;
		color: #15b132;
		border: 2px solid;
		background: transparent;
		background-clip: content-box;
		text-indent: -9999px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.product-details-page .product-details-content .content-details {
		margin-top: 50px
	}
	.product-details-page .product-details-content .content-details .product-title h1 {
		font-size: 20px
	}
	.product-details-page .product-details-content .content-details .product-title .line {
		display: block;
		width: 40px;
		height: 2px;
		background: #15b132;
		margin: 10px 0
	}
	.product-details-page .product-details-content .content-details .product-title small {
		display: block;
		font-size: 14px
	}
	.product-details-page .product-details-content .content-details .product-brief-box {
		margin-top: 50px
	}
	.product-details-page .product-details-content .content-details .product-brief-box h4 {
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 15px;
		border-bottom: 1px solid #eee
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief {
		margin-top: 30px
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li {
		margin: 15px 0
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li span {
		display: block;
		color: #999;
		margin-left: 75px
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief>ul li span:first-child {
		float: left;
		color: #666;
		font-weight: bold;
		margin: 0
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief table {
		width: 100%
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief table td {
		height: 60px;
		padding: 20px;
		vertical-align: middle;
		border: 1px solid #eee
	}
	.product-details-page .product-details-content .content-details .product-brief-box .product-brief table td:first-child {
		width: 20%
	}
	.product-details-page .product-details-content .filp-box {
		height: 40px;
		text-align: center;
		position: absolute;
		top: -80px;
		right: -10px
	}
	.product-details-page .product-details-content .filp-box a {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear
	}
	.product-details-page .product-details-content .filp-box a:hover {
		background: #15b132;
		color: #fff
	}
	.product-details-page .product-details-content .filp-box span {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 20px;
		background: #15b132
	}
}

.sp-service-page {
	width: 100%;
	padding: 50px 10px
}

.sp-service-page .sp-service-content {
	max-width: 1170px;
	margin: 0 auto
}

.sp-service-page .sp-service-content .text-left {
	text-align: center
}

.sp-service-page .sp-service-content .text-center {
	text-align: center
}

.sp-service-page .sp-service-content table {
	width: 100%;
	margin-top: 40px;
	border: 1px solid #eee
}

.sp-service-page .sp-service-content table caption {
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	background: #f0f0f0
}

.sp-service-page .sp-service-content table tr:nth-child(2n) {
	background: #f9f9f9
}

.sp-service-page .sp-service-content table td,
.sp-service-page .sp-service-content table th {
	height: 60px;
	vertical-align: middle;
	text-align: left;
	color: #999;
	padding: 20px 40px;
	border-left: 1px solid #eee
}

.sp-service-page .sp-service-content table th {
	font-size: 16px;
	font-weight: 400;
	color: #666
}

@media screen and (max-width:568px) {
	.sp-service-page {
		width: 100%;
		padding: 30px 10px
	}
	.sp-service-page .sp-service-content {
		max-width: 1170px;
		margin: 0 auto
	}
	.sp-service-page .sp-service-content .text-left {
		text-align: left
	}
	.sp-service-page .sp-service-content .text-center {
		text-align: center
	}
	.sp-service-page .sp-service-content table {
		width: 100%;
		margin-top: 20px;
		font-size: 12px;
		border: 1px solid #eee
	}
	.sp-service-page .sp-service-content table caption {
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		vertical-align: middle;
		background: #f0f0f0
	}
	.sp-service-page .sp-service-content table tr:nth-child(2n) {
		background: #f9f9f9
	}
	.sp-service-page .sp-service-content table td,
	.sp-service-page .sp-service-content table th {
		height: 60px;
		vertical-align: middle;
		color: #999;
		padding: 10px 20px;
		border-left: 1px solid #eee
	}
	.sp-service-page .sp-service-content table th {
		font-size: 14px;
		font-weight: 400;
		color: #666
	}
}

.sp-travel-page {
	width: 100%
}

.sp-travel-page .sp-travel-content {
	width: 100%;
	padding: 50px 0
}

.sp-travel-page .sp-travel-content:nth-child(2n) {
	background: #f9f9f9
}

.sp-travel-page .sp-travel-item {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 10px
}

.sp-travel-page .sp-travel-item .item-brief {
	margin-top: 40px;
	text-align: center
}

.sp-travel-page .sp-travel-item .item-brief .brief-text {
	font-size: 16px;
	color: #999
}

.sp-travel-page .sp-travel-item .item-brief .brief-img {
	margin-top: 40px;
	padding: 0 20px;
	font-size: 0
}

.sp-travel-page .sp-travel-item .item-brief .brief-list {
	margin: 15px -15px -15px -15px
}

.sp-travel-page .sp-travel-item .item-brief .brief-list li {
	float: left;
	width: 25%;
	padding: 15px
}

.sp-travel-page .sp-travel-item .item-brief .brief-list a {
	display: block;
	width: 100%;
	height: 160px;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	line-height: 160px
}

.sp-travel-page .sp-travel-item .item-brief .brief-list a img {
	vertical-align: middle;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	filter: grayscale(0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: #808080;
	-webkit-filter: grayscale(1)
}

@media screen and (min-width:992px) {
	.sp-travel-page .sp-travel-item .item-brief .brief-list a:hover {
		-webkit-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05);
		box-shadow: -2px -2px 10px 1px rgba(0, 0, 0, 0.05), 2px 2px 10px 1px rgba(0, 0, 0, 0.05)
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list a:hover img {
		filter: grayscale(1);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: url(desaturate.svg#greyscale);
		filter: colour;
		-webkit-filter: grayscale(0)
	}
}

@media screen and (max-width:1200px) {
	.sp-travel-page {
		width: 100%
	}
	.sp-travel-page .sp-travel-content {
		width: 100%
	}
	.sp-travel-page .sp-travel-item {
		max-width: 1170px;
		padding: 0 10px
	}
	.sp-travel-page .sp-travel-item .item-brief {
		margin-top: 40px;
		text-align: center
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-text {
		font-size: 16px;
		color: #999
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-img {
		margin-top: 40px;
		padding: 0 20px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list {
		margin: 20px -10px -10px -10px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list li {
		float: left;
		width: 25%;
		padding: 10px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list a {
		display: block;
		width: 100%;
		height: 160px;
		background: #fff;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		line-height: 160px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list a img {
		max-width: 80%;
		vertical-align: middle;
		filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: url(desaturate.svg#greyscale);
		filter: #808080;
		-webkit-filter: grayscale(0)
	}
}

@media screen and (max-width:992px) {
	.sp-travel-page {
		width: 100%
	}
	.sp-travel-page .sp-travel-content {
		width: 100%
	}
	.sp-travel-page .sp-travel-item {
		max-width: 768px;
		padding: 0 10px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list {
		margin: 20px -10px -10px -10px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list li {
		float: left;
		width: 33.3333%;
		padding: 10px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list a {
		display: block;
		height: 140px;
		line-height: 140px;
		background: #fff
	}
}

@media screen and (max-width:768px) {
	.sp-travel-page {
		width: 100%
	}
	.sp-travel-page .sp-travel-content {
		width: 100%
	}
	.sp-travel-page .sp-travel-item {
		max-width: 568px
	}
}

@media screen and (max-width:568px) {
	.sp-travel-page {
		width: 100%
	}
	.sp-travel-page .sp-travel-content {
		width: 100%;
		padding: 30px 0
	}
	.sp-travel-page .sp-travel-item {
		max-width: 100%
	}
	.sp-travel-page .sp-travel-item .item-brief {
		margin-top: 20px;
		text-align: center
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-text {
		font-size: 12px;
		color: #999
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-img {
		margin-top: 20px;
		padding: 0 10px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list {
		margin: 25px -5px -5px -5px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list li {
		float: left;
		width: 50%;
		padding: 5px
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list a {
		display: block;
		height: 120px;
		line-height: 120px;
		background: #fff
	}
	.sp-travel-page .sp-travel-item .item-brief .brief-list a img {
		width: 50%
	}
}

.sp-eshop-page {
	width: 100%
}

.sp-eshop-page .sp-eshop-content {
	width: 100%;
	padding: 50px 0
}

.sp-eshop-page .sp-eshop-content:nth-child(2n) {
	background: #f9f9f9
}

.sp-eshop-page .sp-eshop-item {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 10px
}

.sp-eshop-page .sp-eshop-item .item-brief {
	margin-top: 40px;
	text-align: center
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-text {
	font-size: 16px;
	color: #999
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-img {
	margin-top: 40px;
	padding: 0 20px;
	font-size: 0
}

.sp-eshop-page .sp-eshop-item .item-brief .position-img {
	margin-bottom: -50px
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list {
	margin-top: 40px;
	border-left: 1px solid #eee
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list li {
	float: left;
	width: 25%;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(1),
.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(2),
.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(3),
.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(4) {
	border-top: 1px solid #eee
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a {
	display: block;
	width: 100%;
	height: 160px;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	line-height: 160px;
	text-align: center;
	position: relative
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a::before {
	content: "";
	border-left: 1px solid #15b132;
	border-right: 1px solid #15b132;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	position: absolute;
	top: -1px;
	left: -1px;
	right: 0;
	bottom: 0
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a::after {
	content: "";
	border-top: 1px solid #15b132;
	border-bottom: 1px solid #15b132;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	position: absolute;
	top: -1px;
	left: -1px;
	right: 0;
	bottom: 0
}

.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a img {
	max-width: 80%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	vertical-align: middle;
	filter: grayscale(0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: #808080;
	-webkit-filter: grayscale(1)
}

@media screen and (min-width:992px) {
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a:hover::after,
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a:hover::before {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a:hover img {
		filter: grayscale(1);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: url(desaturate.svg#greyscale);
		filter: colour;
		-webkit-filter: grayscale(0)
	}
}

@media screen and (max-width:1200px) {
	.sp-eshop-page {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-content {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-item {
		max-width: 1170px;
		padding: 0 10px
	}
	.sp-eshop-page .sp-eshop-item .item-brief {
		margin-top: 40px;
		text-align: center
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-text {
		font-size: 16px;
		color: #999
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-img {
		margin-top: 40px;
		padding: 0 20px
	}
}

@media screen and (max-width:992px) {
	.sp-eshop-page {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-content {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-item {
		max-width: 768px;
		padding: 0 10px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list {
		margin-top: 40px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li {
		float: left;
		width: 33.3333%
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(1),
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(2),
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(3) {
		border-top: 1px solid #eee
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(4) {
		border-top: none
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a {
		display: block;
		width: 100%;
		height: 160px;
		background: #fff;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		line-height: 160px;
		text-align: center;
		position: relative
	}
}

@media screen and (max-width:768px) {
	.sp-eshop-page {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-content {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-item {
		max-width: 568px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list {
		margin-top: 40px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li {
		float: left;
		width: 50%;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(1),
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(2) {
		border-top: 1px solid #eee
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(3),
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li:nth-child(4) {
		border-top: none
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li a {
		display: block;
		width: 100%;
		height: 160px;
		background: #fff;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		line-height: 160px;
		text-align: center;
		position: relative
	}
}

@media screen and (max-width:568px) {
	.sp-eshop-page {
		width: 100%
	}
	.sp-eshop-page .sp-eshop-content {
		width: 100%;
		padding: 30px 0
	}
	.sp-eshop-page .sp-eshop-item {
		max-width: 100%
	}
	.sp-eshop-page .sp-eshop-item .item-brief {
		margin-top: 20px;
		text-align: center
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-text {
		font-size: 12px;
		color: #999
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-img {
		margin-top: 20px;
		padding: 0 10px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .position-img {
		margin-bottom: -30px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list {
		margin: 25px -5px -5px -5px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list li {
		float: left;
		width: 50%;
		padding: 5px
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list a {
		display: block;
		height: 120px;
		line-height: 120px;
		background: #fff
	}
	.sp-eshop-page .sp-eshop-item .item-brief .brief-list a img {
		width: 50%
	}
}

.sp-scenic-spot-page {
	width: 100%
}

.sp-scenic-spot-page .sp-scenic-spot-content {
	width: 100%;
	padding: 50px 0
}

.sp-scenic-spot-page .sp-scenic-spot-content:nth-child(2n) {
	background: #f9f9f9
}

.sp-scenic-spot-page .sp-scenic-spot-item {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 10px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief {
	margin-top: 40px;
	text-align: center
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-text {
	font-size: 16px;
	color: #999
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img {
	display: inline-block;
	margin-top: 40px;
	padding: 0 20px;
	font-size: 0;
	position: relative
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-box {
	float: left
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text {
	float: left;
	max-width: 400px;
	font-size: 16px;
	text-align: left;
	padding: 80px 0 0 50px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text small {
	display: block;
	color: #999;
	font-family: "avantgardegothiccregular"
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text h6 {
	font-weight: bold
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text .line {
	display: block;
	width: 40px;
	height: 4px;
	margin: 10px 0 20px 0;
	background: #15b132
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text p {
	font-size: 14px;
	color: #999
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list {
	max-width: 900px;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li {
	float: left;
	width: 50%;
	height: 40px;
	margin: 10px 0;
	color: #999;
	overflow: hidden;
	position: relative
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n) {
	text-align: left;
	padding-left: 260px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n) .iconfont {
	left: 230px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n+1) {
	text-align: right;
	padding-right: 260px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n+1) .iconfont {
	right: 230px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li .iconfont {
	color: #15b132;
	position: absolute;
	top: 0
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .position-img {
	margin-bottom: -50px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list {
	margin-top: 40px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li {
	float: left;
	width: 20%;
	height: 160px;
	padding: 0 20px;
	text-align: center
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(1) .icon-box {
	border-color: #fdc339
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(1) .icon-box::after {
	background: #fdc339
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(2) .icon-box {
	border-color: #15b132
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(2) .icon-box::after {
	background: #15b132
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(3) .icon-box {
	border-color: #379ade
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(3) .icon-box::after {
	background: #379ade
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(4) .icon-box {
	border-color: #7462c5
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(4) .icon-box::after {
	background: #7462c5
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(5) .icon-box {
	border-color: #ff7fa6
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(5) .icon-box::after {
	background: #ff7fa6
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .icon-box {
	width: 80px;
	height: 80px;
	line-height: 76px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	border: 2px solid;
	position: relative;
	z-index: 1
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .icon-box::after {
	content: "";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	z-index: -1
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .icon-box .iconfont {
	font-size: 30px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box {
	margin-top: 10px;
	color: #999
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box h6 {
	font-size: 16px;
	font-weight: bold
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box p {
	margin-top: 5px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list {
	padding: 0 200px
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li {
	width: 25%
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(1) .icon-box {
	border-color: #15b132
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(1) .icon-box::after {
	background: #15b132
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(2) .icon-box {
	border-color: #379ade
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(2) .icon-box::after {
	background: #379ade
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(3) .icon-box {
	border-color: #7462c5
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(3) .icon-box::after {
	background: #7462c5
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(4) .icon-box {
	border-color: #ff7fa6
}

.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(4) .icon-box::after {
	background: #ff7fa6
}

@media screen and (max-width:1200px) {
	.sp-scenic-spot-page {
		width: 100%
	}
	.sp-scenic-spot-page .sp-scenic-spot-item {
		max-width: 992px;
		margin: 0 auto;
		padding: 0 10px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief {
		margin-top: 40px;
		text-align: center
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list {
		padding: 0 100px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li {
		width: 25%
	}
}

@media screen and (max-width:992px) {
	.sp-scenic-spot-page {
		width: 100%
	}
	.sp-scenic-spot-page .sp-scenic-spot-item {
		max-width: 768px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief {
		margin-top: 40px;
		text-align: center
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img {
		margin-top: 40px;
		padding: 0 20px;
		font-size: 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-box {
		float: none
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text {
		float: none;
		max-width: 100%;
		font-size: 16px;
		padding: 40px 0 0 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text h6 {
		font-weight: bold
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text .line {
		display: block;
		width: 40px;
		height: 4px;
		margin: 10px auto 20px auto
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text p {
		font-size: 14px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list {
		max-width: 900px;
		font-size: 14px;
		position: static;
		margin-top: 40px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li {
		float: left;
		width: 50%;
		margin: 10px 0;
		color: #999;
		position: relative
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n) {
		text-align: left;
		padding-left: 60px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n) .iconfont {
		left: 30px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n+1) {
		text-align: right;
		padding-right: 60px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n+1) .iconfont {
		right: 30px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list {
		padding: 0 50px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li {
		width: 25%
	}
}

@media screen and (max-width:768px) {
	.sp-scenic-spot-page {
		width: 100%
	}
	.sp-scenic-spot-page .sp-scenic-spot-item {
		max-width: 568px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief {
		margin-top: 40px;
		text-align: center
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img {
		display: inline-block;
		margin-top: 40px;
		padding: 0 20px;
		font-size: 0;
		position: relative
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-box {
		float: none
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text {
		float: none;
		max-width: 100%;
		font-size: 16px;
		text-align: center;
		padding: 40px 0 0 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text small {
		display: block;
		color: #999;
		font-family: "avantgardegothiccregular"
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text h6 {
		font-weight: bold
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text .line {
		display: block;
		width: 40px;
		height: 4px;
		margin: 10px auto 20px auto;
		background: #15b132
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text p {
		font-size: 14px;
		color: #999
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list {
		margin-top: 40px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li {
		float: left;
		width: 33.3333%;
		padding: 0 10px;
		margin: 10px 0;
		text-align: center
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(4) {
		margin: 0 4.3333% 0 12.3333%
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(5) {
		margin: 0 12.3333% 0 4.3333%
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .icon-box {
		width: 80px;
		height: 80px;
		line-height: 76px;
		color: #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 auto;
		border: 2px solid;
		position: relative;
		z-index: 1
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .icon-box::after {
		content: "";
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		position: absolute;
		left: 4px;
		right: 4px;
		top: 4px;
		bottom: 4px;
		z-index: -1
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .icon-box .iconfont {
		font-size: 30px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box {
		margin-top: 10px;
		color: #999
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box h6 {
		font-size: 16px;
		font-weight: bold
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box p {
		margin-top: 5px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list {
		padding: 0 50px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li {
		width: 50%;
		margin: 10px 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li:nth-child(4) {
		margin: 10px 0
	}
}

@media screen and (max-width:568px) {
	.sp-scenic-spot-page {
		width: 100%
	}
	.sp-scenic-spot-page .sp-scenic-spot-content {
		width: 100%;
		padding: 30px 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item {
		max-width: 100%
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief {
		margin-top: 20px;
		text-align: center
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-text {
		font-size: 12px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img {
		margin-top: 20px;
		padding: 0 20px;
		font-size: 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-box {
		float: none
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text {
		float: none;
		max-width: 100%;
		font-size: 16px;
		padding: 40px 0 0 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text h6 {
		font-weight: bold
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text .line {
		display: block;
		width: 40px;
		height: 4px;
		margin: 10px auto 20px auto
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .img-text p {
		font-size: 14px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list {
		max-width: 900px;
		font-size: 14px;
		position: static;
		margin-top: 40px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li {
		float: left;
		width: 100%;
		margin: 10px 0;
		color: #999;
		padding-left: 30px;
		position: relative
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n) {
		text-align: left;
		padding-left: 30px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n) .iconfont {
		left: 0;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n+1) {
		text-align: left;
		padding-right: 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li:nth-child(2n+1) .iconfont {
		left: 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-img .direct-list li .iconfont {
		color: #15b132;
		position: absolute;
		top: 0;
		margin-top: 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list {
		margin: 0 -10px;
		margin-top: 20px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li {
		width: 50%;
		height: 140px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(4),
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list li:nth-child(5) {
		margin: 10px 0
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box {
		margin-top: 10px;
		color: #999
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box h6 {
		font-size: 14px;
		font-weight: bold
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .brief-list .text-box p {
		font-size: 12px;
		margin-top: 5px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list {
		padding: 0 10px;
		margin-top: 20px
	}
	.sp-scenic-spot-page .sp-scenic-spot-item .item-brief .plan-list li {
		width: 50%
	}
}