blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
	/*font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif*/
}
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}
body {
	background: #f0f3fa;
	min-width: 1024px
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
a {
	text-decoration: none;
	cursor: pointer
}
a:hover {
	text-decoration: none
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle
}
em, i {
	font-style: normal
}
li {
	list-style: none
}
button, input, select, textarea {
	font-size: 100%;
	border: none
}
#BMapLib_sendToPhone0 {
	display: none!important;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.index-pro .index-cp .slick-list {
	padding-bottom: 20px
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1
}
.slick-track:after, .slick-track:before {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-next, .slick-prev {
	position: absolute;
	display: block;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	margin-top: -40px;
	padding: 0;
	border: none;
	outline: 0
}
.slick-next:focus, .slick-prev:focus {
	outline: 0
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	-khtml-opacity: .25;
	opacity: .25
}
.slick-next:before, .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	filter: alpha(opacity=80);
	-moz-opacity: .85;
	-khtml-opacity: .85;
	opacity: .85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-prev {
	left: 25px;
	background: url(../img/left.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 40px;
	height: 80px
}
.slick-next {
	right: 25px;
	background: url(../img/right.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 40px;
	height: 80px
}
.slick-dots {
	position: absolute;
	bottom: 25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 10px;
	width: 10px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: 0
}
.slick-dots li button:focus {
	outline: 0
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
	width: 20px;
	height: 20px;
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	-khtml-opacity: .25;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75
}
.slick-dots li button {
	background: #fff;
	border-radius: 50%
}
.slick-slider .slick-active button {
	background: #148e00;
	background: -webkit-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(left, #148e00, #3caf47);
	background: linear-gradient(to right, #148e00, #3caf47);
	width: 35px;
	border-radius: 20px;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}
.caroursel {
	margin: 30px auto 100px
}
.poster-main {
	position: relative;
	width: 900px;
	height: 450px
}
.poster-main a, .poster-main img {
	display: block
}
.poster-main img {
	position: relative
}
.poster-main .poster-list {
	width: 900px;
	height: 450px
}
.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0
}
.poster-main .poster-list .poster-item .xq {
	position: absolute;
	bottom: 25px;
	left: 28%;
	background: url(../img/back_bg2.png) repeat;
	color: #fff;
	padding: 18px 80px 24px;
	text-align: center
}
.poster-main .poster-list .poster-item .xq h3 {
	font-size: 24px;
	color: #fff
}
.poster-main .poster-list .poster-item .xq p {
	font-size: 18px;
	margin: 18px auto
}
.poster-main .poster-list .poster-item .xq a {
	padding: 6px 13px;
	display: inline-block;
	color: #fff
}
.poster-main .poster-btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 180px!important;
	height: 470px!important;
	text-align: center;
	line-height: 14px;
	color: #fff;
	background: url(../img/btn_l.png) no-repeat center;
	z-index: 10
}
.poster-main .poster-next-btn {
	background: url(../img/btn_r.png) no-repeat center
}
.btn-box {
	display: table;
	margin-left: auto;
	margin-right: auto
}
.index-btn {
	display: inline;
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	color: #fff;
	margin-right: 5px;
	margin-top: 20px;
	border-radius: 50%;
	background-color: #feb320
}
.poster-main .poster-prev-btn {
	left: 0
}
.poster-main .poster-next-btn {
	right: 0
}
.index-btn.poster-btn-active {
	width: 40px;
	border-radius: 50px;
	background-color: #9fc112
}
.wrap {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}
.clearfix {
	zoom: 1
}
.fl {
	float: left
}
.fr {
	float: right
}
.header {
	background: url(../img/head_bg.png) repeat-x #eff2f9;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 100%;
	height: 183px;
	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}
.head-wrap {
	max-width: 1600px;
	margin: 0 auto;
	width: 100%
}
.logo {
	width: 16%;
	margin-top: 58px
}
.logo img {
	width: 100%
}
.head-r {
	width: 84%
}
.nav-one {
	width: 77%;
	margin-left: 5%;
	margin-top: 55px
}
.nav-one li {
	float: left;
	width: 17%;
	text-align: center
}
.nav-one li.nav-diyi {
	width: 14.8%
}
.nav-one li.xz a {
	color: #148e00
}
.nav-one li a {
	font-size: 18px;
	color: #1e447c
}
.nav-one li:hover a {
	color: #148e00
}
.head-tel {
	width: 17%;
	margin-top: 10px
}
.nav-two {
	margin-top: 40px;
	margin-left: 7%
}
.nav-two li {
	float: left;
	width: 14.2%;
	text-align: center;
	position: relative;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.nav-two li:hover:after {
	background: url(../img/after_x.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 87px;
	height: 2px;
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -43.5px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.nav-two li.active:after {
	background: url(../img/after_x.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 87px;
	height: 2px;
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -43.5px
}
.nav-two li a {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	position: relative
}
.nav-two li.on a::before {
	width: 32px;
	height: 24px;
	background: url(../img/icon-hot.png) no-repeat;
	;
	position: absolute;
	top: -15px;
	right: -33px;
	content: "";
}
.index-banner {
	position: relative;
	margin-top: 183px;
}
.index-banner.slick-slider img {
	position: relative;
	z-index: 999
}
.index-banner .one-active img {
	display: block;
	width: 100%;
	z-index: 2;
	position: relative;
}
.index-banner span {
	position: absolute;
	width: 100%;
	height: 650px;
	/*line-height: 650px;*/
	color: #148e00;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	left: 0px;
	top: 80px;
	z-index: 9999;
	text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 3px -1px 0 #fff, -1px -1px 0 #fff;
}
.index-banner img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.index-banner .slick-next, .index-banner .slick-prev {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg)
}
.index-banner:hover .slick-next, .index-banner:hover .slick-prev {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.index-cp .slick-prev {
	display: none!important
}
.index-cp .slick-next {
	display: none!important
}
.index-one {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-one h1 {
	font-size: 45px;
	color: #000;
	text-align: center;
	padding-top: 38px
}
.index-one .text {
	font-size: 14px;
	color: #666;
	text-align: center;
	padding: 20px 0 40px
}
.index-one li {
	float: left;
	background: #fff;
	width: 33.3%;
	border: 4px solid #eee;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: none;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.index-one li.dy {
	border-left: none;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.index-one li strong a {
	color: #333;
	font-size: 20px
}
.index-one li p {
	font-size: 12px;
	line-height: 20px;
	margin-top: 20px
}
.index-one li .bef {
	position: relative;
	padding: 80px 27% 15px 27%;
	text-align: center
}
.index-one li .bef .home-tb {
	margin-bottom: 10px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	height: 45px
}
.index-one li .bef .home-tb .hide-ic {
	display: none
}
.index-one li:hover .bef .home-tb .show-ic {
	display: none;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.index-one li:hover .bef .home-tb .hide-ic {
	display: block;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-animation: bounce 1s both;
	-moz-animation: bounce 1s both;
	-o-animation: bounce 1s both;
	animation: bounce 1s both
}
.index-one li a i {
	background: url(../img/index_1.png) no-repeat;
	width: 29px;
	height: 28px;
	display: block;
	margin: 30px auto 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.index-one li:hover {
	background: url(../img/one_bg.jpg) no-repeat;
	color: #fff;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.index-one li:hover a {
	color: #fff;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.index-one li:hover a i {
	background: url(../img/index_11.png) no-repeat;
	width: 29px;
	height: 28px;
	display: block;
	margin-top: 30px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-animation: flip 1s both;
	-moz-animation: flip 1s both;
	-o-animation: flip 1s both;
	animation: flip 1s both
}
@-webkit-keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@-moz-keyframes flip {
from {
-moz-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-moz-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-moz-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-moz-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-moz-transform: perspective(400px);
	transform: perspective(400px);
	-moz-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@-o-keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(.95, .95, .95);
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	transform: perspective(400px);
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-moz-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-moz-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-moz-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
-moz-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.index-pro {
	background: url(../img/index_pbg.png) no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 100%;
	padding-top: 70px
}
.index-pro .index-cp .slick-dots {
	bottom: 50px
}
.index-pro .index-cp .slick-dots button {
	opacity: 1;
	background: #3caf47;
	border-radius: 20px;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.index-pro .index-cp .slick-dots .slick-active button {
	background: #148e00;
	opacity: 1;
	background: -webkit-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(left, #148e00, #3caf47);
	background: linear-gradient(to right, #148e00, #3caf47);
	width: 40px;
	border-radius: 20px;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.ind-box {
	background: #fff;
	margin-top: 40px;
	border-radius: 60px;
	padding: 50px 8% 70px 3%;
	position: relative;
	box-shadow: 0 0 30px rgba(0,0,0,.3)
}
.ind-box:before {
	width: 141px;
	height: 150px;
	content: "";
	display: block;
	background: url(../img/sj_a.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	right: -90px;
	top: 68px
}
.ind-box:after {
	width: 408px;
	height: 221px;
	content: "";
	display: block;
	background: url(../img/sj_b.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	right: -10px;
	bottom: -10px
}
.ind-box .left-box {
	float: left;
	width: 50%;
	/*margin-left: -15%;*/
	position: relative;
	z-index: 5
}
.ind-box .left-box:after {
	width: 470px;
	height: 572px;
	/*background: url(../img/ydp_bg.png) no-repeat;*/
	-o-background-size: cover;
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: -40px;
	left: 15.1%;
	z-index: -1
}
.ind-box .right-box {
	float: right;
	width: 40%;
	margin-left: 5%
}
.ind-box .right-box h3 a {
	font-weight: 700;
	font-size: 54px;
	color: #148e00;
	position: relative
}
.ind-box .right-box h3 a:after {
	background: #148e00;
	width: 140px;
	height: 2px;
	background: -webkit-linear-gradient(left, #148e00, #fff);
	background: -o-linear-gradient(right, #148e00, #fff);
	background: -moz-linear-gradient(right, #148e00, #fff);
	background: -moz-linear-gradient(left, #148e00, #fff);
	background: -o-linear-gradient(left, #148e00, #fff);
	background: linear-gradient(to right, #148e00, #fff);
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px
}
.ind-box .right-box .ul-ws {
	margin-top: 40px;
	margin-left: -3%
}
.ind-box .right-box .ul-ws li {
	float: left;
	/*width: 47%;*/
	margin-left: 3%
}
.ind-box .right-box .ul-ws li p {
	font-size: 24px;
	color: #333
}
.ind-box .right-box .ul-ws li span {
	font-size: 36px;
	color: #fff600;
	position: relative;
	display: block;
	line-height: 93px;
	margin-top: 30px;
	font-weight: 100
}
.ind-box .right-box .ul-ws li span::before {
	position: absolute;
	content: "";
	display: block;
	width: 161px;
	height: 93px;
	background: url(../img/b_a.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	left: -13%
}
.ind-box .right-box .wl-tu {
	margin-top: 35px
}
.ind-box .right-box .wl-tu p {
	font-size: 24px;
	color: #333;
	margin-bottom: 15px
}
.ind-box .right-box .wl-tu span {
	font-size: 20px;
	color: #333;
	display: block;
	line-height: 1.5
}
.ind-box .right-box .wl-tu ul {
	margin-top: 20px
}
.ind-box .right-box .wl-tu li {
	float: left;
	text-align: center;
	width: 31.33%;
	margin-right: 2%
}
.ind-box-js p {
	font-size: 18px;
	color: #666;
	line-height: 1.5em;
	margin-top: 10px;
	padding-left: 20px;
	background: url(../img/qq.png) no-repeat left center
}
.bj-zx {
	position: absolute;
	right: 80px;
	bottom: 45px;
	text-align: center;
	z-index: 2
}
.bj-zx img {
	margin: 0 auto
}
.bj-zx span {
	display: block;
	cursor: pointer;
	font-size: 30px;
	color: #fff;
	font-weight: 700
}
.index-case .case-tit, .index-new .new-tit, .index-pro .pro-tit {
	font-size: 14px;
	color: #a3a3a3;
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-transform: uppercase
}
.index-case .case-tit:before, .index-new .new-tit:before, .index-pro .pro-tit:before {
	content: "";
	display: inline-block;
	height: 1px;
	width: 160px;
	background: #a3a3a3;
	position: absolute;
	left: 30%;
	top: 10px
}
.index-case .case-tit:after, .index-new .new-tit:after, .index-pro .pro-tit:after {
	content: "";
	display: inline-block;
	height: 1px;
	width: 160px;
	background: #a3a3a3;
	position: absolute;
	right: 30%;
	top: 10px
}
.index-case h2, .index-new h2, .index-pro h2 {
	text-align: center;
	margin: 20px auto
}
.index-case h2 a, .index-new h2 a, .index-pro h2 a {
	font-size: 45px;
	color: #000;
	display: inline;
	text-align: center
}
.index-pro h2 a {
	color: #fff
}
.index-pro h2 a:hover {
	-webkit-animation: jello 1s both;
	-moz-animation: jello 1s both;
	-o-animation: jello 1s both;
	animation: jello 1s both;
	color: #148e00
}
@-webkit-keyframes jello {
11.1%, from, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@-moz-keyframes jello {
11.1%, from, to {
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
22.2% {
-moz-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-moz-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-moz-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-moz-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-moz-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-moz-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@-o-keyframes jello {
11.1%, from, to {
transform:translate3d(0, 0, 0)
}
22.2% {
-o-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-o-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-o-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-o-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-o-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-o-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-o-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
11.1%, from, to {
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
-moz-transform:skewX(-12.5deg) skewY(-12.5deg);
-o-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
-moz-transform:skewX(6.25deg) skewY(6.25deg);
-o-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
-moz-transform:skewX(-3.125deg) skewY(-3.125deg);
-o-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
-moz-transform:skewX(1.5625deg) skewY(1.5625deg);
-o-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
-moz-transform:skewX(-.78125deg) skewY(-.78125deg);
-o-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
-moz-transform:skewX(.390625deg) skewY(.390625deg);
-o-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);
-o-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.index-pro-lw {
	margin-top: 80px
}
.index-pro-lw ul {
	margin-left: -2%
}
.index-pro-lw li {
	float: left;
	background: #fff;
	width: 23%;
	margin-left: 2%;
	padding-bottom: 80px;
	padding-left: 33px;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 0 30px rgba(39,23,23,.1);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.index-pro-lw li:after {
	background: url(../img/lw_a.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 217px;
	height: 318px;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0
}
.index-pro-lw li:before {
	background: url(../img/hd2.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 194px;
	height: 162px;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0
}
.index-pro-lw li .img {
	/*margin-top: -70px;*/
	z-index: 5;
	position: relative;
	margin-right: 22px;
	margin-top: 22px;
}
.index-pro-lw li .img a {
	display: block;
	position: relative;
	padding-top: 85%;
}
.index-pro-lw li .img a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;/*height: 100%;*/
}
.index-pro-lw li:hover {
	box-shadow: 10px 10px 15px #ddd;
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.index-pro-lw li h3 a {
	font-size: 24px;
	color: #148e00;
	font-weight: 700;
	z-index: 5;
	position: relative
}
.index-pro-lw li .box {
	margin-top: 15px
}
.index-pro-lw li .box p {
	margin-top: 8px;
	z-index: 5;
	position: relative;
	height:52px;
	overflow:hidden;
}
.index-pro-lw li .box p span {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	
}
.index-pro-lw li .more {
	position: absolute;
	right: -20px;
	bottom: -15px
}
.index-pro-lw li:hover .more {
	-webkit-animation: bounce 1s both;
	-moz-animation: bounce 1s both;
	-o-animation: bounce 1s both;
	animation: bounce 1s both
}
@-webkit-keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@-moz-keyframes bounce {
20%, 53%, 80%, from, to {
-moz-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-moz-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@-o-keyframes bounce {
20%, 53%, 80%, from, to {
-o-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-o-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -30px, 0)
}
70% {
-o-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-o-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-o-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-o-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
-moz-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
-moz-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.index-pro-lw li .index-new .zy {
	text-align: center;
	margin-left: -20px
}
.index-new .zy {
	text-align: center;
	margin-left: -20px
}
.index-new .zy a {
	font-size: 18px;
	color: #000;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px 30px;
	margin-left: 20px
}
.index-new .zy a.mouse {
	background: #148e00;
	/*background: -webkit-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(left, #148e00, #3caf47);
	background: linear-gradient(to right, #148e00, #3caf47);*/
	color: #fff;
	border: 1px solid #fff
}
.index-new ul {
	margin-left: -6%;
	margin-top: 15px;
	display: none
}
.index-new ul.on {
	display: block
}
.index-new li {
	float: left;
	width: 38%;
	margin-left: 12%;
	margin-top: 40px
}
.index-new li .box:hover {
	box-shadow: 10px 10px 15px #ddd;
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px)
}
.index-new li .box:hover strong a {
	color: #148e00
}
.index-new li .date {
	font-size: 12px;
	color: #888;
	margin-bottom: 8px;
	margin-left: 100px
}
.index-new li .box {
	background: #fff;
	position: relative;
	padding: 20px 30px 25px 100px;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-radius: 10px;
	border-bottom-right-radius: 10px
}
.index-new li .box h3 {
	font-weight: 700
}
.index-new li .box h3 a {
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block
}
.index-new li:hover .box h3 a {
	color: #148e00
}
.index-new li .box p {
	font-size: 12px;
	color: #888;
	margin-top: 20px;
	line-height: 24px;
	position: relative;
	height: 53px;
	padding-bottom: 5px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.index-new li .box p span {
	width: 53px;
	background: #888;
	height: 1px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0
}
.index-new li:hover .box p span {
	background: #148e00;
	height: 2px;
	animation: newSp 1s linear infinite;
	-moz-animation: newSp 1s linear infinite;
	-webkit-animation: newSp 1s linear infinite;
	-o-animation: newSp 1s linear infinite
}
@-moz-keyframes newSp {
0%, 100% {
right:-15px
}
50% {
right:0
}
}
@-o-keyframes newSp {
0%, 100% {
right:-15px
}
50% {
right:0
}
}
@keyframes newSp {
0%, 100% {
right:-15px
}
50% {
right:0
}
}
@-webkit-keyframes newSp {
0%, 100% {
right:-15px
}
50% {
right:0
}
}
.index-new li .box .new-img {
	position: absolute;
	left: -15%;
	top: -30px;
	width: 30%;
	border-radius: 10px;
	overflow: hidden
}
.index-new li .box .new-img img {
	width: 100%
}
.index-new li:hover .box .new-img img {
	animation: newMg 1s linear;
	-moz-animation: newMg 1s linear;
	-webkit-animation: newMg 1s linear;
	-o-animation: newMg 1s linear
}
@-webkit-keyframes newMg {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes newMg {
0% {
-moz-transform:scale(1);
transform:scale(1)
}
50% {
-moz-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-moz-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes newMg {
0% {
-o-transform:scale(1);
transform:scale(1)
}
50% {
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes newMg {
0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
.index-about {
	background: url(../img/index_about.jpg) no-repeat 100% 100%;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 130px;
	position: relative;
	margin-top: 100px
}
.index-about-wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.index-about h2 {
	font-size: 45px;
	color: #148e00;
	position: relative
}
.index-about h2 a {
	color: #fff600
}
.index-about .text {
	position: absolute;
	font-size: 80px;
	color: #fff;
	opacity: .05;
	filter: alpha(opacity=4);
	top: 95px
}
.index-about .tit {
	font-size: 26px;
	color: #fff;
	margin-top: 22px;
	font-weight: 700
}
.index-about span {
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 26px;
	margin-top: 35px
}
.index-about .fl {
	width: 57%
}
.index-about .fr {
	width: 38%;
	margin-top: -80px
}
.index-about ul {
	background: url(../img/ab5.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 60px;
}
.index-about ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 40px 0 50px
}
.index-about ul li:hover img {
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease;
	-moz-animation: abtMg 1s;
	-o-animation: abtMg 1s;
	animation: abtMg 1s;
	-webkit-animation: abtMg 1s
}
@-moz-keyframes abtMg {
from {
-moz-transform:rotateY(0);
transform:rotateY(0)
}
to {
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg)
}
}
@-o-keyframes abtMg {
from {
transform:rotateY(0)
}
to {
	transform: rotateY(360deg)
}
}
@keyframes abtMg {
from {
-webkit-transform:rotateY(0);
-moz-transform:rotateY(0);
transform:rotateY(0)
}
to {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg)
}
}
@-webkit-keyframes abtMg {
from {
-webkit-transform:rotateY(0);
transform:rotateY(0)
}
to {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
}
}
.index-about ul li p {
	font-size: 14px;
	color: #fff;
	margin-top: 15px
}
.index-case, .index-new {
	margin-top: 70px
}
.index-case {
	overflow: hidden
}
.index-case .txt, .index-pro .txt {
	font-size: 14px;
	color: #999;
	text-align: center
}
.index-pro .txt a {
	color: #999;
}
.index-pro .txt a:hover {
	color: #148e00;
}
.flipster {
	display: block;
	margin: 70px auto 10px;
	width: 100%;
	position: relative;
	height: 489px!important
}
.flip-item, .flip-items {
	display: block;
	margin: 0 auto;
	padding: 0;
	list-style-type: none
}
.flip-items {
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.flip-item {
	position: absolute;
	opacity: 1
}
.flip-future, .flip-next, .flip-past, .flip-prev {
	cursor: pointer
}
.flip-item img {
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.flipster-coverflow .flip-items {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	position: relative;
	padding-top: 2%;
	padding-bottom: 5%
}
.flipster-coverflow .flip-item {
	display: block;
	-webkit-transition: all 175ms ease-in-out;
	-moz-transition: all 175ms ease-in-out;
	-o-transition: all 175ms ease-in-out;
	transition: all 175ms ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	position: absolute;
	width: 30%
}
.flipster-coverflow .flip-content {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,.12)), color-stop(.2, transparent))
}
.flipster-coverflow .flip-past .flip-content {
	-webkit-transform: rotateY(55deg) scale(.75);
	-moz-transform: rotateY(55deg) scale(.75);
	-o-transform: rotateY(55deg) scale(.75);
	-ms-transform: rotateY(55deg) scale(.75);
	transform: rotateY(55deg) scale(.75)
}
.flipster-coverflow .flip-future .flip-content {
	-webkit-transform: rotateY(-55deg) scale(.75);
	-moz-transform: rotateY(-55deg) scale(.75);
	-o-transform: rotateY(-55deg) scale(.75);
	-ms-transform: rotateY(-55deg) scale(.75);
	transform: rotateY(-55deg) scale(.75)
}
.flipster-coverflow.no-rotate .flip-past .flip-content {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75)
}
.flipster-coverflow.no-rotate .flip-future .flip-content {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75)
}
.flipster-coverflow .flip-current .flip-content {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0)
}
.flipster-coverflow .flip-hidden {
	visibility: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
.flipster-carousel .flip-items {
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	perspective: 2000px
}
.flipster-carousel .flip-item {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	-o-transition: all 350ms ease-out;
	transition: all 350ms ease-out
}
.flipster-carousel .flip-item:after {
	background: url(../img/flip_bg.png) repeat;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0
}
.no-csstransforms .flipster-carousel .flip-item {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
.flipster-carousel .flip-items .pic {
	box-shadow: 5px 5px 10px rgba(0,0,0,.2);
	width: 650px
}
.flipster-carousel .flip-current .pic {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.flipster-carousel .flip-current:hover .pic {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px
}
.flipster-carousel .flip-past {
	-webkit-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
	-moz-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
	-o-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
	-ms-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
	transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65)
}
.flipster-carousel.no-rotate .flip-past {
	-webkit-transform: translateX(-80%) translateZ(0) scale(.65);
	-moz-transform: translateX(-80%) translateZ(0) scale(.65);
	-o-transform: translateX(-80%) translateZ(0) scale(.65);
	-ms-transform: translateX(-80%) translateZ(0) scale(.65);
	transform: translateX(-80%) translateZ(0) scale(.65)
}
.no-csstransforms3d .flipster-carousel .flip-past {
	-webkit-transform: translateX(-56%) scale(.5);
	-moz-transform: translateX(-56%) scale(.5);
	-o-transform: translateX(-56%) scale(.5);
	-ms-transform: translateX(-56%) scale(.5);
	transform: translateX(-56%) scale(.5)
}
.no-csstransforms .flipster-carousel .flip-past {
	left: -20%;
	top: 40%;
	width: 50%;
	height: 50%
}
.flipster-carousel .flip-future {
	-webkit-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
	-moz-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
	-o-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
	-ms-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
	transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65)
}
.flipster-carousel.no-rotate .flip-future {
	-webkit-transform: translateX(80%) translateZ(0) scale(.65);
	-moz-transform: translateX(80%) translateZ(0) scale(.65);
	-o-transform: translateX(80%) translateZ(0) scale(.65);
	-ms-transform: translateX(80%) translateZ(0) scale(.65);
	transform: translateX(80%) translateZ(0) scale(.65)
}
.no-csstransforms3d .flipster-carousel .flip-future {
	-webkit-transform: translateX(56%) scale(.5);
	-moz-transform: translateX(56%) scale(.5);
	-o-transform: translateX(56%) scale(.5);
	-ms-transform: translateX(56%) scale(.5);
	transform: translateX(56%) scale(.5)
}
.no-csstransforms .flipster-carousel .flip-future {
	left: 88%;
	top: 40%;
	width: 50%;
	height: 50%
}
.flipster-carousel .flip-prev {
	-webkit-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
	-moz-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
	-o-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
	-ms-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
	transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8)
}
.flipster-carousel.no-rotate .flip-prev {
	-webkit-transform: translateX(-60%) translateZ(0) scale(.8);
	-moz-transform: translateX(-60%) translateZ(0) scale(.8);
	-o-transform: translateX(-60%) translateZ(0) scale(.8);
	-ms-transform: translateX(-60%) translateZ(0) scale(.8);
	transform: translateX(-60%) translateZ(0) scale(.8)
}
.no-csstransforms3d .flipster-carousel .flip-prev {
	-webkit-transform: translateX(-24%) scale(.75);
	-moz-transform: translateX(-24%) scale(.75);
	-o-transform: translateX(-24%) scale(.75);
	-ms-transform: translateX(-24%) scale(.75);
	transform: translateX(-24%) scale(.75)
}
.no-csstransforms .flipster-carousel .flip-prev {
	left: -9%;
	top: 20%;
	width: 75%;
	height: 75%
}
.flipster-carousel .flip-next {
	-webkit-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
	-moz-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
	-o-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
	-ms-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
	transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8)
}
.flipster-carousel .flip-future, .flipster-carousel .flip-past {
	z-index: 1;
	-webkit-transition-delay: 87.5ms;
	-moz-transition-delay: 87.5ms;
	-o-transition-delay: 87.5ms;
	transition-delay: 87.5ms
}
.flipster-carousel .flip-next, .flipster-carousel .flip-prev {
	z-index: 2;
	-webkit-transition-delay: .058s;
	-moz-transition-delay: .058s;
	-o-transition-delay: .058s;
	transition-delay: .058s
}
.flip-content {
	position: relative
}
.flip-content a {
	overflow: hidden;
	display: block
}
.flip-content .xq {
	background: #148e00;
	display: none;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -300px;
	/*background: -webkit-linear-gradient(left, #234b83, #3b72ad);
	background: -o-linear-gradient(right, #234b83, #3b72ad);
	background: -moz-linear-gradient(right, #234b83, #3b72ad);
	background: -moz-linear-gradient(left, #234b83, #3b72ad);
	background: -o-linear-gradient(left, #234b83, #3b72ad);
	background: linear-gradient(to right, #234b83, #3b72ad);*/
	color: #fff;
	padding: 35px 30px;
	border-radius: 30px;
	overflow: hidden;
	z-index: 100
}
/*.flip-content .xq:hover {
	background: -webkit-linear-gradient(left, #3b72ad, #234b83);
	background: -o-linear-gradient(right, #3b72ad, #234b83);
	background: -moz-linear-gradient(right, #3b72ad, #234b83);
	background: -moz-linear-gradient(left, #3b72ad, #234b83);
	background: -o-linear-gradient(left, #3b72ad, #234b83);
	background: linear-gradient(to right, #3b72ad, #234b83)
}*/
.flip-content .xq .box {
	float: left;
	margin-right: 60px
}
.flip-content .xq .box h3 {
	display: block
}
.flip-content .xq a {
	float: right
}
.flip-content .xq .box h3 a {
	float: none
}
.flip-content .xq a img {
	margin-top: 29px;
	width: 36px;
	height: 36px;
	display: block
}
.flip-content .xq:hover a img {
	animation: lh .8s infinite;
	-moz-animation: lh .8s infinite;
	-webkit-animation: lh .8s infinite;
	-o-animation: lh .8s infinite
}
@-webkit-keyframes lh {
0%, 100% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes lh {
0%, 100% {
-moz-transform:scale(.9);
transform:scale(.9)
}
50% {
-moz-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes lh {
0%, 100% {
-o-transform:scale(.9);
transform:scale(.9)
}
50% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes lh {
0%, 100% {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-o-transform:scale(.9);
transform:scale(.9)
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
.flip-current .xq.on {
	display: block
}
.flip-content .xq h3 a {
	font-size: 24px;
	color: #fff;
	background: 0 0!important;
	padding: 0;
	margin-bottom: 10px
}
.flip-content .xq p {
	font-size: 18px
}
.flip-content .xq a {
	display: inline-block
}
.flipster-carousel .flip-current {
	z-index: 999;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition-delay: .058s;
	-moz-transition-delay: .058s;
	-o-transition-delay: .058s;
	transition-delay: .058s
}
.flipster-carousel .flip-current:after {
	background: 0 0;
	position: static
}
.flip-current .pic {
	border: 5px solid #fff
}
.flipster-carousel .flip-hidden {
	visibility: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: rotateY(0) translateX(0) scale(.5);
	-moz-transform: rotateY(0) translateX(0) scale(.5);
	-o-transform: rotateY(0) translateX(0) scale(.5);
	-ms-transform: rotateY(0) translateX(0) scale(.5);
	transform: rotateY(0) translateX(0) scale(.5);
	-webkit-transition-delay: .116s;
	-moz-transition-delay: .116s;
	-o-transition-delay: .116s;
	transition-delay: .116s
}
.no-transition {
	-webkit-transition-duration: 0s!important;
	-moz-transition-duration: 0s!important;
	-o-transition-duration: 0s!important;
	transition-duration: 0s!important
}
.footer .bq {
	background: #2b2b2b;
	color: #fff;
	text-align: center;
	padding: 32px 0;
	font-size: 14px
}
.footer .bq a {
	color: #fff;
	font-size: 12px;
	margin-left: 10px
}
.footer .wl {
	font-size: 12px;
	color: #555;
	padding: 25px 0
}
.footer .wl a {
	color: #555;
	font-size: 12px;
	line-height: 24px;
	margin: 0 5px
}
.guide {
	font-size: 14px;
	color: #dadada;
	line-height: 16px;
	margin-bottom: 90px
}
.guide li {
	display: inline-block
}
.guide a {
	color: #dadada;
	font-size: 14px
}
.guide a:hover {
	color: #fff
}
.guide img {
	vertical-align: bottom;
	width: 18px;
	margin-right: 8px
}
.pro-banner {
	position: relative;
	overflow: hidden;
	margin-top:183px;
}
.pro-banner .img {
	width: 100%
}
.pro-help {
	position: absolute;
	left: 16%;
	top: 50px
}
.pro-banner .pro-help h1 {
	font-size: 36px;
	color: #fff;
	display: inline-block;
	font-weight: 700
}
.pro-banner .pro-help strong {
	font-size: 36px;
	color: #fff
}
.pro-banner .pro-help span {
	font-size: 18px;
	color: #fff600;
	margin-left: 10px
}
.pro-banner .guide span {
	font-size: 14px;
	color: #dadada
}
.pro-banner .pro-help ul li {
	float: left;
	text-align: center;
	margin-right: 320px;
	position: relative;
	margin-top: 50px
}
.pro-banner .pro-help ul li:hover img {
	-webkit-animation: spinner 1s both;
	-moz-animation: spinner 1s both;
	-o-animation: spinner 1s both;
	animation: spinner 1s both
}
@-webkit-keyframes spinner {
from {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-moz-keyframes spinner {
from {
-moz-transform:rotate(0);
transform:rotate(0)
}
to {
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-o-keyframes spinner {
from {
-o-transform:rotate(0);
transform:rotate(0)
}
to {
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@keyframes spinner {
from {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
.pro-banner .pro-help ul li:after {
	background: url(../img/line1.png) no-repeat;
	width: 1px;
	height: 134px;
	content: "";
	display: block;
	position: absolute;
	right: -160px;
	bottom: 0
}
.pro-banner .pro-help ul li.none:after {
	background: 0 0
}
.pro-banner .pro-help ul li p {
	color: #fff;
	font-size: 16px;
	margin-top: 23px
}
.pro-list {
	background: #f5f7fa
}
.pro-list .ul-list {
	margin-left: -3%
}
.pro-list .ul-list li {
	float: left;
	width: 30.333%;
	position: relative;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	margin-left: 3%;
	margin-top: 40px
}
.pro-list .ul-list li:after {
	background: url(../img/jt.png) no-repeat;
	width: 27px;
	height: 15px;
	content: "";
	display: block;
	position: absolute;
	right: 30px;
	bottom: 35px
}
.pro-list .ul-list li:hover:after {
	background: url(../img/jt2.png) no-repeat;
	width: 27px;
	height: 15px;
	content: "";
	display: block;
	position: absolute;
	right: 30px;
	bottom: 35px
}
.pro-list .ul-list li:hover {
	box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px);
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px
}
.pro-list .ul-list li a {
	overflow: hidden;
	display: block;
	position: relative;
	padding-top: 75%
}
.pro-list .ul-list li .xq {
	background: #fff;
	padding: 22px 0 22px 25px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px
}
.pro-list .xq h3 a {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	margin-bottom: 15px;
	display: block;
	padding-top: 0;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.pro-list .ul-list li:hover .xq h3 a {
	color: #148e00
}
.pro-list .xq p {
	font-size: 14px;
	color: #666;
	margin-top: 5px;
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-right: 60px
}
.pro-list .xq p img {
	margin-right: 5px
}
.pro-list a img {
	width: 100%;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	position: absolute;
	left: 0;
	top: 0
}
.pro-list .ul-list li:hover a img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.fenye {
	padding: 50px 0;
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;
	max-width: 1200px
}
.fenye .pagination {
	padding: 10px 0;
	border-radius: 5px
}
.fenye .pagination li {
	font-size: 14px;
	color: #555;
	margin: 0 3px 3px 0;
	text-decoration: none;
	display: inline;
	text-align: center
}
.fenye a {
	font-size: 14px;
	padding: 16px 15px;
	border: #d8d8d8 1px solid;
	color: #555;
	display: inline-table;
	border-radius: 4px
}
.fenye .pagination li.active {
	font-size: 12px;
	font-weight: 700;
	margin-top: 2px;
	background: #148e00;
	padding: 16px 15px;
	border: #3caf47 1px solid;
	background: -webkit-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(left, #148e00, #3caf47);
	background: linear-gradient(to right, #148e00, #3caf47);
	color: #fff;
	border-radius: 4px
}
.fenye .pagination li.disable, .fenye .pagination li.disabled {
	font-size: 14px;
	padding: 16px 15px;
	border: #d8d8d8 1px solid;
	color: #555;
	cursor: pointer;
	border-radius: 4px
}
.fenye .pagination li.active a {
	color: #fff
}
.fenye .pagination li:hover a {
	background: #148e00;
	color: #fff;
	background: -webkit-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(left, #148e00, #3caf47);
	background: linear-gradient(to right, #148e00, #3caf47);
	border-radius: 4px
}
.nav-list {
	background: #2b2b2b
}
.nav-list li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 32px 0;
	position: relative
}
.nav-list li a {
	color: #148e00;
	font-size: 20px
}
.nav-list li.active a {
	color: #ef4238
}
.nav-list li.active:after {
	display: block;
	content: "";
	font-size: 0;
	line-height: 0;
	border-width: 20px;
	border-color: #fff;
	border-top-width: 0;
	border-style: dashed;
	border-bottom-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px
}
.case-list {
	background: #f5f7fa;
	padding-bottom: 20px
}
.case-list ul {
	padding-top: 33px
}
.case-list li {
	background: #fff;
	overflow: hidden;
	margin-bottom: 33px;
	position: relative;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.case-list li:after {
	background: url(../img/jt.png) no-repeat;
	width: 27px;
	height: 15px;
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	bottom: 30px
}
.case-list-l {
	float: left;
	width: 33%;
	overflow: hidden;
	max-width: 400px;
	max-height: 300px
}
.case-list-l a {
	display: block;
	overflow: hidden
}
.case-list-l img {
	width: 100%;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.case-list li:hover .case-list-l img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.case-list-r {
	float: left;
	padding: 50px 0 0 30px;
	width: 67%
}
.case-list-r strong {
	display: block;
	margin-bottom: 30px
}
.case-list-r strong a {
	font-size: 30px;
	color: #333
}
.case-list-r p {
	margin-top: 13px;
	font-size: 14px;
	color: #333
}
.case-list-r p img {
	margin-right: 5px
}
.case-list-r span {
	font-size: 14px;
	color: #666;
	display: block;
	margin-top: 34px
}
.case-list li:hover strong a {
	color: #148e00
}
.case-list li:hover:after {
	background: url(../img/jt2.png) no-repeat;
	width: 27px;
	height: 15px;
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	bottom: 30px
}
.case-list li:hover {
	box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px)
}
.txt-p {
	margin-top: 155px;
	position: relative
}
.txt-p:after {
	background: url(../img/hongxing.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 430px;
	height: 48px;
	display: block;
	content: "";
	position: absolute;
	top: -25px;
	left: 0
}
.txt-p p {
	font-size: 60px;
	font-weight: 700;
	display: inline-block;
	color: #fff;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,.4)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.news-list {
	margin-top: -70px;
	position: relative
}
.more-news {
	margin-top: -17%
}
.news-list .gd {
	padding-top: 50px
}
.news-list .gd h1 {
	font-size: 24px;
	color: #333;
	margin-bottom: 30px;
	display: inline-block
}
.news-list .gd h1:before {
	background: url(../img/xgwz.png) no-repeat;
	-o-background-size: 24px 24px;
	background-size: 24px 24px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 8px;
	width: 24px;
	content: "";
	height: 24px
}
.news-list .gd h1 a {
	font-size: 28px;
	color: #e30033;
	font-weight: 700
}
.news-list .gd p {
	display: inline-block
}
.news-list .gd p span {
	font-size: 28px;
	color: #5384c7;
	font-weight: 700
}
.news-list .list-head {
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;
	padding: 20px 40px 60px 20px;
	background: #fff;
	position: relative
}
.news-list .list-head:before {
	background: url(../img/box_a.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 147px;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}
.news-list .list-head .pic {
	display: block;
	float: left;
	max-width: 640px;
	width: 52%
}
.news-list .list-head .pic img {
	width: 100%;
	border-radius: 10px
}
.news-list .list-head .list-head-r {
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 263px;
	float: right;
	width: 46%;
	margin-top: 35px
}
.news-list .list-head-r .text-box {
	position: absolute;
	top: -48px;
	left: 60%
}
.news-list .list-head-r .text-box p {
	font-size: 20px;
	color: #fff600;
	position: relative;
	padding-left: 25px
}
.news-list .list-head-r .text-box p:before {
	background: url(../img/text_b.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 13px;
	height: 42px;
	content: "";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0
}
.news-list .list-head-r strong a {
	font-size: 42px;
	color: #000;
	margin-bottom: 20px
}
.news-list .list-head-r h1 {
	font-size: 42px;
	color: #000;
	margin-bottom: 20px;
	font-weight: 700
}
.news-list .list-head-r .wl-nl {
	overflow: hidden;
	margin-top: 25px;
	margin-left: -2%
}
.news-list .list-head-r .wl-nl p {
	float: left;
	width: 48%;
	font-size: 16px;
	color: #333;
	margin-left: 2%
}
.news-list .list-head-r .wl-nl p img {
	vertical-align: middle;
	margin-top: -2px
}
.news-list .list-head-r .wl-nl p span {
	font-size: 18px;
	color: #5384c7;
	font-weight: 700
}
.news-list .list-head-r .text {
	margin-top: 30px;
	font-size: 16px;
	color: #333;
	line-height: 1.8em
}
.zx-bj {
	margin-top: 75px;
	overflow: hidden;
	z-index: 55;
	position: relative
}
.zx-bj a {
	float: left;
	width: 40%
}
.zx-bj .sm-bd {
	/*float: left;
	width: 55%;
	margin-left: 5%
	margin-top: 30px;*/
}
.zx-bj .sm-bd p {
	font-size: 14px;
	color: #333
}
.zx-bj .sm-bd p span {
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#148e00), to(#5d8f55));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.zx-bj .sm-bd p.ewm {
	margin-top: 15px
}
.news-list .list-head-r .fw {
	margin-top: 45px;
	margin-left: -7%
}
.news-list .list-head-r .fw span {
	font-size: 20px;
	color: #000;
	margin-left: 7%;
	position: relative;
	padding-left: 20px
}
.news-list .list-head-r .fw span:before {
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../img/l_dian.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	display: inline-block;
	top: 50%;
	margin-top: -6px;
	left: 0
}
.news-list .u1 li {
	background: #fff;
	border-radius: 5px;
	padding: 40px 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 23px;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	box-sizing: border-box;
	box-shadow: 1px 1px 30px #eee
}
.news-list .u1 .fl {
	float: left;
	width: 80%
}
.news-list .u1 .fl h3 a {
	font-size: 20px;
	color: #000;
	font-weight: 700;
	display: block;
	margin-bottom: 20px
}
.news-list .u1 li:hover .fl h3 a {
	color: #148e00
}
.news-list .u1 .fl .list-text {
	font-size: 16px;
	color: #666;
	line-height: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.news-list .u1 .fl .list-bot {
	margin-top: 15px
}
.news-list .u1 .fl .list-bot span {
	font-size: 14px;
	color: #666
}
.news-list .u1 .fl .list-bot span:after {
	content: "";
	display: inline-block;
	width: 33px;
	height: 3px;
	background: url(../img/dashed.png);
	-o-background-size: cover;
	background-size: cover;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -3px
}
.news-list .u1 .fl .list-bot a {
	display: inline-block;
	font-size: 14px;
	color: #666;
	padding: 5px 15px;
	border: 1px solid #77a4e5;
	border-radius: 30px;
	margin-left: -5px
}
.news-list .u1 .fr {
	float: right;
	width: 15%;
	font-size: 14px;
	color: #8d8b8b;
	padding: 2% 0;
	border-left: 1px solid #e6e6e6
}
.news-list .u1 .fr .time-day {
	font-size: 30px;
	color: #999;
	padding-left: 50px;
	margin-bottom: 5px
}
.news-list .u1 .fr .time-year {
	font-size: 14px;
	color: #999;
	padding-left: 50px
}
.news-list .u1 .fr img {
	padding-left: 50px;
	margin-top: 15px
}
.news-list .u1 .fr .pic {
	display: none
}
.news-list .u1 li:hover .fr .img {
	display: none
}
.news-list .u1 li:hover .fr .pic {
	display: block
}
.news-list .u1 li:hover {
	box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px)
}
.t-page {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 130px;
	padding: 40px 30px 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 10;
	box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.1)
}
.t-page .ul-page {
	display: none
}
.t-page .ul-page.show {
	display: block
}
.t-page .close {
	position: absolute;
	right: 0;
	top: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #333;
	cursor: pointer
}
.t-page .ico {
	content: '';
	display: block;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -12px;
	width: 0;
	height: 0;
	border-width: 12px 12px 0;
	border-style: solid;
	border-color: #e8eaec transparent transparent
}
.t-page .ico em {
	content: '';
	display: block;
	position: absolute;
	bottom: 1px;
	left: -12px;
	width: 0;
	height: 0;
	border-width: 12px 12px 0;
	border-style: solid;
	border-color: #fff transparent transparent
}
.page-close {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer
}
.ul-page {
	clear: both;
	overflow: hidden;
	position: relative;
	line-height: 45px;
	width: 100%;
	padding: 0 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ul-page li {
	float: left;
	color: #666;
	width: 10%;
	margin-bottom: 10px
}
.ul-page li a, .ul-page li span {
	text-align: center;
	display: inline;
	padding: 10px 35px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px
}
.ul-page li.on span, .ul-page li.cur span, .ul-page li:hover a {
	background: #148e00;
	color: #fff;
	background: -webkit-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(right, #148e00, #3caf47);
	background: -moz-linear-gradient(left, #148e00, #3caf47);
	background: -o-linear-gradient(left, #148e00, #3caf47);
	background: linear-gradient(to right, #148e00, #3caf47);
	border: none;
	padding: 10px 35px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px
}
.ul-tab-page {
	overflow: hidden;
	margin-top: 20px
}
.ul-tab-page li {
	float: left;
	width: 12%;
	text-align: center;
	margin: 0 1% 15px 1%
}
.ul-tab-page li {
	display: block;
	font-size: 16px;
	color: #05163f;
	line-height: 36px;
	border-radius: 4px;
	cursor: pointer;
}
.ul-tab-page li.on, .ul-tab-page li.cur, .ul-tab-page li:hover {
	background-color: #ecf4ff
}
.mate-list {
	margin-top: -27%
}
.new-jh {
	margin-top: -250px;
	position: relative
}
.new-jh h1 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 700
}
.new-cont-l {
	float: left;
	max-width: 950px;
	width: 73%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.new-list {
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -3%
}
.nb-bot {
	background: #383a3f;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 45px 30px 70px 33px;
	margin-top: 23px
}
.new-list li {
	float: left;
	width: 32%;
	position: relative;
	overflow: hidden;
	height: 560px;
	background-repeat: no-repeat;
	background-position: center;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	margin-left: 3%
}
.new-list .on {
	width: 62%;
	overflow: hidden
}
.new-list .cover {
	background: url(../img/back_bg.png) repeat;
	height: 100%;
	width: 100%;
	padding: 33px 28px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}
.nb-bot .time, .new-list li .time {
	font-size: 16px;
	margin-bottom: 25px
}
.nb-bot a, .new-list li a {
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	color: #fff
}
.nb-bot a:hover, .new-list li a:hover {
	color: #c79556
}
.new-list li .tit {
	font-size: 14px;
	margin-top: 35px;
	line-height: 26px;
	background: url(../img/jg.png) 0 5px no-repeat;
	text-indent: 20px;
	display: none;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2
}
.new-list li.on .tit, .new-list li.on a.more {
	display: block
}
.new-list li a.more {
	font-size: 18px;
	border: 2px solid #148e00;
	font-weight: 400;
	padding: 7px 0 7px 20px;
	display: block;
	width: 40%;
	position: absolute;
	bottom: 25px;
	background: url(../img/xy.png) 95% center no-repeat;
	display: none
}
.nb-bot .tit {
	font-size: 14px;
	color: #fff;
	margin-top: 32px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1
}
.new-cont-r {
	width: 27%;
	float: right;
	max-width: 325px
}
.new-cont-r .ts {
	background: #fff;
	position: relative;
	border-bottom-right-radius: 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden
}
.new-cont-r .ts:before {
	background: url(../img/wx.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	display: block;
	width: 219px;
	height: 345px;
	position: absolute;
	top: 0
}
.new-cont-r .ts:after {
	background: url(../img/wd.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	display: block;
	width: 208px;
	height: 87px;
	position: absolute;
	top: 50px;
	right: 15px
}
.new-cont-r .ts .text {
	font-size: 16px;
	color: #148e00;
	line-height: 1.8em;
	margin-bottom: 50px;
	padding: 30px 25px 0;
	position: relative;
	z-index: 5
}
.new-cont-r .ts .text span {
	color: #fff600
}
.new-cont-r .ts .whrit {
	padding: 0 30px 25px
}
.new-cont-r .ts .whrit img {
	display: block;
	float: left
}
.new-cont-r .ts .l-r {
	float: left;
	margin-left: 10px
}
.new-cont-r .ts .l-r p {
	font-size: 16px;
	color: #148e00
}
.new-cont-r .ts .l-r strong {
	font-size: 20px;
	color: #148e00;
	font-weight: 700
}
.new-cont-r .ts .l-r strong span {
	font-size: 16px;
	font-weight: 400
}
.new-cont-r .ts .zx-sy {
	background: url(../img/zk.png) no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	padding: 35px 0 35px 70px;
	display: block;
	cursor: pointer;
	z-index: 5;
	position: relative
}
.new-cont-r .ts a.sq {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#148e00), to(#396faa));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	cursor: pointer
}
.new-cont-r .ss-new {
	background: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 24px;
	margin-top: 22px
}
.new-cont-r .ss-new .strong {
	font-size: 24px;
	color: #010101;
	font-weight: 400;
	margin-bottom: 25px;
	display: block
}
.new-cont-r .ss-new:hover .strong {
	color: #148e00;
	-webkit-animation: jello 1s both;
	-moz-animation: jello 1s both;
	-o-animation: jello 1s both;
	animation: jello 1s both
}
@keyframes jello {
11.1%, from, to {
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
-moz-transform:skewX(-12.5deg) skewY(-12.5deg);
-o-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
-moz-transform:skewX(6.25deg) skewY(6.25deg);
-o-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
-moz-transform:skewX(-3.125deg) skewY(-3.125deg);
-o-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
-moz-transform:skewX(1.5625deg) skewY(1.5625deg);
-o-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
-moz-transform:skewX(-.78125deg) skewY(-.78125deg);
-o-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
-moz-transform:skewX(.390625deg) skewY(.390625deg);
-o-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);
-o-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.new-cont-r .ss-new li {
	overflow: hidden;
	border-bottom: 1px solid #f5f7fa;
	padding-bottom: 20px;
	margin-top: 20px;
	height: 70px
}
.new-cont-r .ss-new li img {
	display: block;
	float: left;
	width: 4%;
	margin-top: 7px
}
.new-cont-r .ss-new li a {
	display: block;
	float: left;
	width: 93%;
	margin-left: 2%;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden
}
.new-cont-r .ss-new li:hover a {
	color: #148e00
}
.pro-know {
	padding-bottom: 80px;
	margin-top: 80px
}
.pro-know .text {
	margin-bottom: 30px
}
.pro-know .text strong a {
	font-size: 36px;
	color: #000;
	display: block;
	float: left
}
.pro-know .text strong:hover a {
	color: #148e00
}
.pro-know .text .more {
	float: right;
	font-size: 18px;
	margin-top: 15px;
	color: #666
}
.pro-know .text .more:hover {
	color: #148e00
}
.pro-know li {
	width: 32%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1%;
	margin-right: 1%;
	zoom: 1;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.pro-know li .pic img {
	width: 100%
}
.pro-know li .box {
	display: block;
	line-height: 1.5;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 1px 30px #eee;
	height: 280px;
	background: #fff
}
.pro-know li:hover {
	box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px)
}
.pro-know li .box .know {
	background: #fff;
	padding: 40px 35px
}
.pro-know li .box .time {
	font-size: 16px;
	color: #666
}
.pro-know li .box .time img {
	width: 15px
}
.pro-know li .know h3 a {
	font-size: 18px;
	color: #333;
	margin: 30px auto 70px;
	display: block;
	font-weight: 700
}
.pro-know li .know .more a {
	font-size: 16px;
	color: #c79556
}
.pro-know li:hover .know .more a {
	font-weight: 700;
	-webkit-animation: flash 1s both;
	-moz-animation: flash 1s both;
	-o-animation: flash 1s both;
	animation: flash 1s both
}
@-webkit-keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:.2
}
}
@-moz-keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:.2
}
}
@-o-keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:.2
}
}
@keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:.2
}
}
.pro-know li:hover h3 a {
	color: #148e00
}
.mate-list ul {
	margin-left: -3%
}
.mate-list ul li {
	float: left;
	width: 30.333%;
	position: relative;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	margin-left: 3%;
	margin-bottom: 40px
}
.mate-list ul li:hover {
	box-shadow: 4px 4px 20px 5px rgba(107,158,227,.13);
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px);
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px
}
.mate-list ul li:after {
	background: url(../img/jt.png) no-repeat;
	width: 27px;
	height: 15px;
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	bottom: 28px
}
.mate-list ul li:hover:after {
	background: url(../img/jt3.png) no-repeat
}
.mate-list ul li a {
	overflow: hidden;
	display: block
}
.mate-list ul li a img {
	width: 100%;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.mate-list ul li:hover a img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.mate-list li .xq {
	background: #fff;
	height: 80px;
	line-height: 80px;
	padding-left: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px
}
.mate-list .xq h3 a {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-right: 40px
}
.mate-list li:hover .xq h3 a {
	color: #148e00
}
.new-cont {
	margin-top: -15%;
	position: relative
}
.new-cont h1 {
	font-size: 36px;
	color: #fff;
	font-weight: 700
}
.new-cont .tb-top .text {
	font-size: 12px;
	color: #666;
	margin-top: 20px;
	display: inline-block;
	background: #fff;
	border-radius: 30px;
	padding: 12px 60px 12px 30px;
	margin-bottom: 60px
}
.new-cont .text .zuozhe {
	margin-left: 20px
}
.new-cont .text img {
	width: 15px
}
.new-cont-left {
	width: 66.7%;
	float: left
}
.new-cont-left,.new-cont-left p{ line-height:35px;}
.new-cont-left h2 {
	font-size: 28px;
	color: #333;
	font-weight: 600;
	margin-top: 30px;
	position: relative
}
// .new-cont-left h2:before {
content:"";
display:inline-block;
background:url(../img/h_a.png) no-repeat;
width:32px;
height:32px;
vertical-align:middle;
margin-right:10px;
-o-background-size:cover;
background-size:cover
}
.new-cont-left h3 {
	font-size: 22px;
	color: #333;
	font-weight: 600;
	margin-top: 30px;
	position: relative
}
.new-cont-left h3:before {
	content: "";
	display: inline-block;
	background: url(../img/h_a.png) no-repeat;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px;
	-o-background-size: cover;
	background-size: cover
}
.new-cont-left table {
	margin-top: 20px;
	width: 100%;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center!important;
	word-break: break-all
}
.new-cont-left p {
	font-size: 16px;
	color: #666;
	line-height: 1.8em;
	margin-top: 24px
}
.zy-jt {
	color: #000
}
.new-cont-left p video {
	width: 100%
}
.new-cont-left p a {
	color: #148e00;
	display: inline-block;
	padding: 0 4px
}
.new-cont-left p a:hover {
	text-decoration: underline
}
.new-cont-left p img {
	text-align: center;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto!important
}
.content-bg {
	background: #fff;
	padding: 45px 50px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px
}
.pro-cont-left,.pro-cont-left p{ line-height:35px;}
.new-cont-left p em {
	font-size: 18px;
	color: #c79556;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: 700
}
.new-cont-left p .xw_swt {
	position: relative;
	display: inline-block;
	color: #f5e3bd;
	background: #1f447d;
	font-size: 18px;
	background: -webkit-linear-gradient(left, #1f447d, #3c73ae);
	background: -o-linear-gradient(right, #1f447d, #3c73ae);
	background: -moz-linear-gradient(right, #1f447d, #3c73ae);
	background: -moz-linear-gradient(left, #1f447d, #3c73ae);
	background: -o-linear-gradient(left, #1f447d, #3c73ae);
	background: linear-gradient(to right, #1f447d, #3c73ae);
	height: 42px;
	line-height: 42px;
	padding: 0 16px 0 36px;
	border-top-left-radius: 10px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer
}
.new-cont-left p .xw_swt::before {
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../img/a_lj.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	display: inline-block;
	top: 50%;
	margin-top: -6px;
	left: 16px
}
.new-cont-left p strong {
	color: #333
}
.new-cont-left .str, .pro-cont-left .str {
	color: #333;
	font-size: 16px;
	font-weight: 700
}
.new-cont-left .cs-lj {
	text-align: center
}
.new-cont-left .cs-lj a {
	background: -webkit-linear-gradient(left, #1f457e, #3a70ab);
	background: -o-linear-gradient(right, #1f457e, #3a70ab);
	background: -moz-linear-gradient(right, #1f457e, #3a70ab);
	background: -moz-linear-gradient(left, #1f457e, #3a70ab);
	background: -o-linear-gradient(left, #1f457e, #3a70ab);
	background: linear-gradient(to right, #1f457e, #3a70ab);
	color: #f5e3bd!important;
	font-size: 18px;
	line-height: 48px;
	padding: 0 50px 0 30px;
	border-radius: 50px;
	position: relative
}
.new-cont-left .cs-lj a:after {
	background: url(../img/h_jt.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 16px;
	height: 18px;
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -9px
}
.new-cont-right {
	float: right;
	width: 28%;
	margin-top: -78px
}
.new-cont-right .box {
	background: url(../img/right_bg.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 45px 40px 50px;
	position: relative
}
.new-cont-right .box .text span {
	font-size: 18px
}
.new-cont-right .box .text {
	font-size: 16px;
	color: #fff;
	line-height: 1.8em
}
.new-cont-right .whrit {
	margin-top: 40px
}
.new-cont-right .whrit img {
	display: block;
	float: left
}
.new-cont-right .whrit .l-r {
	float: left;
	margin-left: 10px
}
.new-cont-right .whrit .l-r p {
	font-size: 16px;
	color: #fff
}
.new-cont-right .whrit .l-r strong {
	font-size: 20px;
	color: #fff600;
	font-weight: 700
}
.new-cont-right .whrit .l-r strong span {
	font-size: 16px;
	font-weight: 400
}
.new-cont-right .zx-sy {
	background: url(../img/zk2.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 35px 0 35px 50px;
	display: block;
	cursor: pointer;
	width: 86%;
	position: absolute;
	bottom: 1px;
	left: 20px
}
/* .new-cont-right .zx-sy .sq{font-size:20px;font-weight:700;display:inline-block;font-family:'微软雅黑';background-image:-webkit-gradient(linear,0 0,0 100%,from(#148e00),to(#396faa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;position:relative} */
.new-cont-right .zx-sy .sq {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	/*font-family: '微软雅黑';*/
	color: #FFF;
	cursor: pointer;
	position: relative
}
.new-cont-right .zx-sy .sq:after {
	background: url(../img/jsz.png) no-repeat;
	content: "";
	display: inline-block;
	width: 20px;
	height: 26px;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	right: -25px;
	bottom: -8px;
	-webkit-animation: jsz 2s infinite;
	-moz-animation: jsz 2s infinite;
	-o-animation: jsz 2s infinite;
	animation: jsz 2s infinite
}
@-webkit-keyframes jsz {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.2
}
100% {
-webkit-transform:translate(-3px, -5px);
transform:translate(-3px, -5px);
opacity:1
}
}
@-moz-keyframes jsz {
0% {
-moz-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.2
}
100% {
-moz-transform:translate(-3px, -5px);
transform:translate(-3px, -5px);
opacity:1
}
}
@-o-keyframes jsz {
0% {
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.2
}
100% {
-o-transform:translate(-3px, -5px);
transform:translate(-3px, -5px);
opacity:1
}
}
@keyframes jsz {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.2
}
100% {
-webkit-transform:translate(-3px, -5px);
-moz-transform:translate(-3px, -5px);
-o-transform:translate(-3px, -5px);
transform:translate(-3px, -5px);
opacity:1
}
}
.tj-pro {
	background: url(../img/xg.png) repeat;
	padding: 20px 0;
	border-radius: 5px;
	margin-top: 35px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 30px
}
.tj-pro strong {
	font-size: 20px;
	color: #333;
	text-align: center;
	display: block
}
.tj-pro .pic {
	text-align: center
}
.tj-pro ul {
	width: 90%;
	margin: 0 auto
}
.tj-pro li {
	margin-top: 20px
}
.tj-pro li a {
	display: block;
	color: #333;
	font-size: 18px
}
.tj-pro li a img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}
.tj-pro li h3 {
	text-align: center;
	line-height: 3;
	font-size: 14px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 3px 10px rgba(0,0,0,.1);
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease
}
.tj-pro li:hover h3 {
	box-shadow: 0 0 20px rgba(33,73,130,.2) inset;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease
}
.tj-pro li:hover h3 a {
	color: #148e00;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease
}
.color-bg {
	background: #fff
}
.new-all-left {
	padding-top: 50px
}
.all-left {
	padding-bottom: 50px;
	width: 70%
}
.prevnext {
	background: #fff;
	box-shadow: 0 0 25px rgba(33,73,130,.2);
	border-radius: 10px;
	padding: 0 30px
}
.prevnext .prev {
	border-bottom: 1px dashed #ddd
}
.prevnext p {
	font-size: 16px;
	color: #666;
	padding: 20px 0;
	margin-top: 0
}
.prevnext p a {
	font-size: 16px;
	color: #666
}
.prevnext p a:hover {
	color: #148e00
}
.prevnext p b {
	color: #333;
	font-weight: 400
}
.prevnext p img {
	width: 22px!important;
	margin-right: 10px;
	display: inline-block
}
.online-message {
	padding-top: 45px;
	padding-bottom: 50px;
	width: 100%
}
.mag-box {
	background: url(../img/l_bg.png) no-repeat center #fff;
	text-align: center;
	width: 415px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 10px 0 35px
}
.mag-head strong {
	font-size: 30px;
	display: inline-block;
	color: #148e00;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 150 0, from(rgba(29,66,122,1)), to(rgba(62,119,178,1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1
}
.mag-head span {
	font-size: 16px;
	color: #148e00;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 150 0, from(rgba(29,66,122,1)), to(rgba(62,119,178,1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1
}
.ly-tj {
	margin-top: -75px
}
.ly-tj .hed-t {
	background: url(../img/ly_t.jpg) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 343px;
	width: 100%;
	position: relative
}
.ly-tj .hed-t p {
	position: absolute;
	font-size: 20px;
	color: #fff
}
.ly-tj .hed-t .one {
	bottom: 110px;
	left: 75px
}
.ly-tj .hed-t .two {
	bottom: 160px;
	left: 370px
}
.ly-tj .hed-t .three {
	right: 90px;
	bottom: 200px
}
.ly-tj .pic-box {
	position: absolute;
	right: 20px;
	bottom: -30px
}
.ly-tj .pic-box img {
	width: 165px;
	position: relative;
	z-index: 9
}
.messages {
	margin-top: 70px
}
.messages li {
	margin-top: 20px;
	float: left;
	width: 47%
}
.messages li span {
	float: left;
	margin-right: 15px
}
.messages li.li-three {
	width: 94%
}
.messages li .one-pic img {
	width: 27px;
	margin-top: 15px
}
.messages li .two-pic img {
	width: 39px;
	margin-top: 10px
}
.messages li .three-pic img {
	width: 31px;
	margin-top: 20px
}
.messages li input {
	float: left;
	box-shadow: 0 0 20px rgba(33,73,130,.2);
	width: 80%;
	height: 60px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 10px;
	padding: 10px 25px;
	border-top-right-radius: 0;
	border: 1px solid #e8f2ff\0
}
.messages li textarea {
	float: left;
	box-shadow: 0 0 20px rgba(33,73,130,.2);
	width: 91%;
	height: 170px;
	line-height: 1.5em;
	font-size: 16px;
	border-radius: 10px;
	padding: 25px;
	border-top-right-radius: 0;
	resize: none;
	border: 1px solid #e8f2ff\0
}
.form-box {
	margin-right: 60px;
	box-shadow: 0 0 20px rgba(33,73,130,.2);
	border-bottom-right-radius: 60px;
	padding: 35px 30px 70px 65px;
	position: relative;
	background: #fff;
	margin-top: -90px
}
.form-box::after {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/ly_bg.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 59px;
	height: 462px;
	content: ""
}
.form-box .tit {
	font-size: 16px;
	color: #333;
	line-height: 1.5em;
	width: 82%
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#bebebe
}
.but-tj {
	overflow: hidden;
	margin-top: 28px
}
.but-tj .tj-box {
	position: absolute;
	right: -15px;
	bottom: 40px
}
.but-tj p {
	float: left;
	display: block;
	color: #148e00;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 150 0, from(rgba(255,76,74,1)), to(rgba(255,143,74,1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 22px;
	font-size: 24px
}
.but-tj button {
	float: right;
	background: url(../img/button_bg.png) no-repeat;
	width: 221px;
	height: 88px;
	line-height: 88px;
	color: #fff;
	font-size: 28px;
	position: relative;
	z-index: 5;
	cursor: pointer
}
.but-tj button:hover {
	color: #3c74ae
}
.but-tj button::after {
	background: url(../img/but_b.png) no-repeat;
	width: 112px;
	height: 20px;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -105px
}
.new-xg {
	border-radius: 10px
}
.new-xg .name-head {
	background: #bbcde3;
	border-radius: 10px;
	overflow: hidden;
	height: 89px
}
.new-xg .name-head p {
	float: left;
	background: #fff;
	margin-left: 5px;
	margin-top: 7px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	padding: 25px 90px
}
.new-xg .name-head p img {
	vertical-align: middle;
	margin-top: -8px;
	margin-right: 5px;
	display: inline-block
}
.new-xg .name-head p span {
	font-size: 26px;
	color: #333;
	font-weight: 700
}
.new-xg .name-head .box {
	float: right;
	line-height: 90px;
	margin-right: 20px
}
.new-xg .name-head .box img {
	vertical-align: middle;
	margin-top: -3px
}
.new-xg .name-head .box span {
	font-size: 16px;
	color: #148e00;
	margin-right: 8px;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.new-xg .name-head .box span:hover {
	margin-right: 3px
}
.new-xg ul {
	padding: 0 40px 0 30px;
	box-shadow: 0 0 20px rgba(33,73,130,.2);
	width: 98.5%;
	margin: -2px auto 0
}
.new-xg li {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 30px;
	padding-top: 30px
}
.new-xg li:last-child {
	border-bottom: none
}
.new-xg li.last {
	border: none
}
.new-xg li .tit {
	font-size: 18px;
	color: #333;
	background: url(../img/a_bg.png) no-repeat center left;
	-o-background-size: 10px 8px;
	background-size: 10px 8px;
	padding-left: 15px
}
.new-xg li:hover .tit {
	color: #148e00
}
.new-xg li .xg-pic-more {
	overflow: hidden;
	margin-top: 10px;
	margin-left: -.333%;
	padding-left: 15px
}
.new-xg li .xg-pic-more img {
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 155px
}
.new-xg li .xg-pic-more a {
	float: left;
	margin-left: .333%;
	display: block;
	width: 33%;
	overflow: hidden
}
.new-xg li p {
	margin-top: 8px;
	padding-left: 15px
}
.new-xg li p img {
	width: 12px!important;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
	display: inline-block
}
.new-xg li p span {
	font-size: 14px;
	color: #8797b5
}
.new-xg li .video-pic {
	margin-top: 10px;
	position: relative;
	padding-left: 15px;
	overflow: hidden
}
.new-xg li .video-pic a {
	float: left;
	margin-left: .333%;
	display: block;
	overflow: hidden
}
.new-xg li .video-pic img {
	display: block;
	width: 100%
}
.new-xg li .video-pic .video-play-icon {
	height: 76px;
	width: 76px;
	z-index: 50;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -38px;
	margin-left: -38px;
	border-radius: 50%;
	background: #148e00;
	background: -webkit-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(left, #148e00, #3e77b2);
	background: linear-gradient(to right, #148e00, #3e77b2)
}
.new-xg li .video-pic .video-play-icon:after {
	border-width: 15px 0 15px 25px;
	margin-left: -8px;
	margin-top: -15px;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	border-style: solid;
	border-color: transparent transparent transparent #fff
}
#boxBlank {
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
	width: 98%;
	height: 100%;
	background: rgba(0,0,0,.4);
	margin-left: 2%
}
.hx-cs {
	margin-top: 45px
}
.hx-cs strong {
	font-size: 36px;
	color: #333;
	display: block;
	text-align: center
}
.hx-cs strong span {
	color: #148e00
}
.hx-cs .txt {
	font-size: 18px;
	color: #666;
	text-align: center;
	margin-top: 25px
}
.hx-cs .pos-box {
	position: relative;
	padding: 75px 0 45px
}
.hx-cs .box {
	position: absolute;
	text-align: center
}
.hx-cs .box.one {
	left: 8%;
	bottom: 30px
}
.hx-cs .box.two {
	top: 55px;
	left: 31%
}
.hx-cs .box.three {
	right: 34.4%;
	bottom: 30px
}
.hx-cs .box.four {
	top: 55px;
	right: 7.5%
}
.new-cont-left .hx-cs .box p {
	margin-top: 0
}
.new-cont-left .hx-cs .box.four {
	right: 4%
}
.new-cont-left .hx-cs .box.three {
	right: 32.4%
}
.hx-cs .box p {
	font-size: 18px;
	color: #333;
	margin-bottom: 3px
}
.hx-cs .box span {
	font-size: 14px;
	color: #666
}
.xw-zx {
	overflow: hidden;
	background: url(../img/xg.png) repeat;
	padding: 10px
}
.xw-zx .box {
	background: url(../img/box_bg.jpg) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 226px;
	border-radius: 10px;
	padding: 35px 13%
}
.xw-zx .box .tit {
	font-size: 18px;
	color: #fff600;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 0;
	line-height: 1
}
.xw-zx a {
	float: left;
	width: 40%;
	margin-top: 15px
}
.xw-zx .sm-bd {
	float: left;
	width: 55%;
	margin-left: 3%
}
.xw-zx .sm-bd p {
	font-size: 14px;
	color: #fff600;
	margin-top: 5px;
	display: block;
}
.xw-zx .sm-bd p span {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;/*margin-right: 3%*/
}
.xw-zx .sm-bd p.ewm {
	margin-top: 30px;
	display: block
}
.xw-zx .sm-bd p.ewm img {
	display: inline-block;
	text-align: left
}
.pro-box {
	margin-top: -29%
}
.pro-cont-top {
	background: url(../img/ul_nav.png) no-repeat;
	padding: 30px 0;
	margin-top: 60px;
	-o-background-size: cover;
	background-size: cover
}
.pro-cont-top ul {
	overflow: hidden
}
.pro-cont-top li {
	float: left;
	font-size: 18px;
	color: #333;
	text-align: center;
	width: 15.5%;
	cursor: pointer;
	padding-left: 4%
}
.pro-cont-top li a {
	font-size: 18px;
	color: #333
}
.pro-cont-top li:hover a {
	color: #148e00
}
.pro-box .list-head {
	box-shadow: 0 0 20px rgba(33,73,130,.2)
}
.pro-box .list-head:before {
	background: url(../img/box_a2.png) no-repeat;
	height: 220px
}
.pro-pic {
	display: block;
	float: left;
	width: 52%;
	overflow: hidden;
	padding-left: 2%;
	margin-top: 30px
}
.pro-pic img {
	width: 100%;
	max-width: 600px
}
.pro-pic .fw {
	margin-top: 60px;
	margin-left: -6%;
	float: left;
	width: 100%
}
.pro-pic .fw span {
	font-size: 22px;
	color: #fff600;
	margin-left: 6%;
	position: relative;
	padding-left: 20px
}
.pro-pic .fw span:before {
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../img/l_dian.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	display: inline-block;
	top: 50%;
	margin-top: -6px;
	left: 0
}
.pro_cans {
	margin-top: 55px
}
.pro_cans dt {
	width: 10%;
	float: left
}
.pro_cans dl {
	float: left;
	width: 44%
}
.pro_cans dt img {
	display: block;
	margin-bottom: 10px
}
.pro_cans dd {
	float: left;
	width: 84%;
	margin-top: -15px;
	margin-left: 10px
}
.pro_cans dd span {
	font-size: 14px;
	padding: 15px 20px;
	display: block;
	cursor: pointer;
	border-radius: 10px;
	background: #fff;
	position: relative;
	margin-bottom: 10px;
	box-shadow: 0 0 10px rgba(33,73,130,.4) inset
}
.pro_cans dd .hover {
	background: #148e00;
	background: -webkit-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(left, #148e00, #3e77b2);
	background: linear-gradient(to right, #148e00, #3e77b2);
	color: #fff;
	box-shadow: none;
	position: relative
}
.pro_cans dd .hover:after {
	background: url(../img/cl_bg.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 26px;
	height: 31px;
	position: absolute;
	bottom: 8px;
	right: -13px;
	display: block;
	content: ""
}
.pro_cans ul {
	min-height: 166px;
	padding: 40px 30px 30px;
	background: #fff;
	display: none;
	box-shadow: 0 0 20px rgba(82,167,255,.5);
	border-radius: 10px
}
.pro_cans li {
	font-size: 14px;
	color: #333;
	margin-bottom: 13px;
	padding-left: 20px;
	background: url(../img/l_dian.png) no-repeat left center
}
.pro_cans li.born {
	border: none
}
.pro_cans .xg-bg {
	width: 56%;
	margin: -20px auto 0;
	border-radius: 10px;
	float: right;
	background: url(../img/xg.png) repeat #fff;
	padding: 7px;
	box-shadow: 0 2px 10px rgba(33,73,130,.1)
}
.prozx-bj {
	margin-top: 60px;
	overflow: hidden
}
.pro-cont {
	background: #fff;
	padding: 20px 0 0 50px;
	position: relative
}
.pro-cont:before {
	background: url(../img/xg2.png) repeat;
	width: 77%;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block
}
.pro-cont-left {
	float: left;
	width: 70%
}
.pro-cont-left h2 {
	font-size: 24px;
	color: #333;
	font-weight: 600;
	margin-top: 30px;
	position: relative
}
.pro-cont-left h2:before {
	content: "";
	display: inline-block;
	background: url(../img/h_a.png) no-repeat;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px;
	-o-background-size: cover;
	background-size: cover
}
.pro-cont-left .pro-ys .numb-pos {
	overflow: hidden
}
.pro-cont-left .pro-ys span {
	font-size: 20px;
	color: #333;
	position: absolute;
	top: -44px;
	left: 73px
}
.pro-cont-left .pro-ys .odd span {
	background: url(../img/ys_ol.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 20px 31px
}
.pro-cont-left .pro-ys .even span {
	background: url(../img/ys_tl.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 20px 71px
}
.pro-cont-left .pro-ys .odd .numb-box {
	background: url(../img/ys_one.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 94px;
	height: 94px;
	position: relative;
	float: left
}
.pro-cont-left .pro-ys .even .numb-box {
	background: url(../img/ys_two.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 94px;
	height: 94px;
	position: relative;
	float: left
}
.pro-cont-left .pro-ys li {
	position: relative;
	margin-top: 70px
}
.pro-cont-left .pro-ys li i {
	display: block;
	width: 23px;
	height: 28px;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -3px
}
.pro-cont-left .pro-ys .odd .numb-box span {
	display: inline-block;
	position: absolute
}
.pro-cont-left .pro-ys .odd .numb-box .one {
	background: url(../img/num_one.png) no-repeat
}
.pro-cont-left .pro-ys .even .numb-box .two {
	background: url(../img/num_two.png) no-repeat
}
.pro-cont-left .pro-ys .odd .numb-box .three {
	background: url(../img/num_three.png) no-repeat
}
.pro-cont-left .pro-ys .even .numb-box .four {
	background: url(../img/num_four.png) no-repeat
}
.pro-cont-left .pro-ys .odd .numb-box .five {
	background: url(../img/num_five.png) no-repeat
}
.pro-cont-left .pro-ys .even .numb-box .six {
	background: url(../img/num_six.png) no-repeat
}
.pro-cont-left .pro-ys p {
	float: left;
	width: 85%;
	text-indent: 0;
	margin-top: 30px;
	margin-left: 10px
}
.pro-cont-left p {
	font-size: 16px;
	color: #666;
	line-height: 1.8em;
	text-indent: 2em;
	margin-top: 20px
}
.pro-cont-left p a {
	font-size: 20px;
	color: #148e00;
	padding: 0 4px
}
.pro-cont-left p video {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 800px
}
.pro-cont-left p em {
	font-size: 18px;
	color: #c79556;
	font-weight: 700;
	margin-left: 5px;
	margin-right: 5px
}
.pro-cont-left p img {
	max-width: 100%;
	margin: 13px auto 0;
	text-align: center;
	display: block;
	width: auto!important
}
.dn {
	display: none
}
.pro-cont-left table {
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center!important;
	/*background: #ccc;*/
	width: 100%;
	margin-top: 20px
}
table {
	border: 1px solid #ccc;
	border-collapse: collapse
}
table td {
	border: 1px solid #ccc
}
#LRdiv1 table, #LRdiv1 table td {
	border: none
}
.new-cont-left tr td, .pro-cont-left tr td {
	padding: 10px 0;
	font-size: 16px;
	color: #000!important
}
.pro-cont-left .cs-more {
	margin-top: 20px
}
.pro-cont-left .cs-more ul {
	overflow: hidden;
	margin-left: -2%
}
.pro-cont-left .cs-more ul li {
	color: #465174;
	font-size: 18px;
	padding: 15px 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	margin-bottom: 25px;
	border-radius: 30px;
	display: inline-block;
	margin-left: 2%;
	border: 1px solid #3e77b2;
	background: #fff
}
.pro-cont-left .cs-more ul li.cur {
	background: #148e00;
	box-shadow: 0 5px 20px rgba(33,73,130,.3);
	background: -webkit-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(left, #148e00, #3e77b2);
	background: linear-gradient(to right, #148e00, #3e77b2);
	padding: 15px 30px;
	color: #fff;
	position: relative;
	border: none
}
.pro-cont-left .cs-more ul li.cur:before {
	background: url(../img/x_bg.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 51px;
	height: 18px;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -26px;
	top: 0
}
.pro-cont-right {
	float: right;
	width: 24%;
	margin-top: -80px
}
.pro-cont-right ul {
	width: 86%;
	margin: 0 auto
}
.pro-cont-right .cj-tj {
	text-align: right;
	margin-right: 8%;
	font-size: 20px;
	color: #333;
	display: block
}
.pro-cont-right .cj-tj img {
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease
}
.pro-cont-right .cj-tj:hover {
	color: #148e00
}
.pro-cont-right .cj-tj:hover img {
	margin-right: 25px;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease
}
.pro-cont-right .tj-pro {
	padding-top: 1px;
	margin-top: 15px
}
.pro-sam {
	background: url(../img/xg.png) repeat;
	padding: 20px 0;
	border-radius: 5px;
	margin-top: 35px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 30px
}
.pro-sam strong {
	font-size: 22px;
	color: #148e00;
	font-weight: 400;
	margin-left: 8%;
	position: relative
}
.pro-sam strong:after {
	background: #148e00;
	width: 165px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	left: 0
}
.pro-sam ul {
	margin-top: 35px;
	margin-left: 5%;
	overflow:hidden;
}
.pro-sam li {
	display: block;
	margin-left: 5%;
	margin-bottom: 15px;
	overflow:hidden;
}
.pro-sam li a {
	font-size: 12px;
	color: #666;
	display: block
}
.pro-sam li.big:hover a, .pro-sam li:hover a {
	color: #148e00
}
.pro-sam li.big a {
	font-size: 20px;
	color: #222
}
.xg-case {
	margin-bottom: 50px
}
.xg-case strong {
	display: block;
	margin-bottom: 20px
}
.xg-case strong img {
	vertical-align: middle;
	margin-top: -10px
}
.xg-case strong span {
	font-size: 26px;
	color: #333;
	font-weight: 700
}
.xg-case ul {
	overflow: hidden;
	margin-left: -5%
}
.xg-case li {
	float: left;
	width: 45%;
	margin-left: 5%
}
.xg-case li a {
	overflow: hidden;
	display: block
}
.xg-case li a img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.xg-case li:hover a img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.xg-case li .box {
	background: #148e00;
	background: -webkit-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(left, #148e00, #3e77b2);
	background: linear-gradient(to right, #148e00, #3e77b2);
	padding: 20px 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}
.xg-case .box h3 {
	margin-bottom: 15px
}
.xg-case .box h3 a {
	font-size: 22px;
	color: #fff;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease
}
.xg-case .box p {
	margin-top: 8px
}
.xg-case .box p img {
	vertical-align: middle;
	width: 18px;
	margin-top: -3px;
	margin-right: 5px
}
.xg-case .box p span {
	font-size: 16px;
	color: #fff
}
.mate-head {
	margin-top: -29%
}
.mate {
	padding-bottom: 40px;
	position: relative;
	background: #fff;
	padding: 55px 50px 0;
	border-top-left-radius: 60px
}
.mate-head h1 {
	font-size: 36px;
	color: #148e00;
	font-weight: 700;
	text-align: center;
	position: relative;
	background: url(../img/h_bg.png) no-repeat center;
	height: 78px;
	line-height: 78px
}
.mate-head h1::after {
	position: absolute;
	width: 278px;
	height: 278px;
	background: url(../img/dd_bg.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -139px;
	content: "";
	display: block;
	z-index: 5;
	margin-top: -139px
}
.mate .fb {
	position: absolute;
	top: -60px;
	right: 0
}
.mate .fb .left-jt {
	float: left
}
.mate .fb .right-jt {
	float: left;
	margin-left: 20px
}
.mate .fb .img2 {
	display: none
}
.mate .fb .left-jt a:hover .img1, .mate .fb .right-jt a:hover .img1 {
	display: none
}
.mate .fb .left-jt a:hover .img2, .mate .fb .right-jt a:hover .img2 {
	display: block
}
.mate .fb p {
	background: #fff;
	border: 1px solid #148e00;
	font-size: 14px;
	color: #333;
	padding: 5px 12px;
	border-radius: 5px;
	display: none;
	text-align: center
}
.mate .fb .l-jt {
	position: absolute;
	top: 60px;
	left: -85px
}
.mate .fb .r-jt {
	position: absolute;
	top: 60px;
	left: -40px
}
.mate .fb .left-jt:hover .l-jt, .mate .fb .right-jt:hover .r-jt {
	display: block
}
.mate .mate-l, .mate .mate-r {
	margin-left: 0
}
.mate .mate-l {
	max-width: 480px;
	width: 40%;
	padding: 0;
	position: relative;
	height: 525px;
	background: url(../img/mate_bg.png) right 25px bottom 25px no-repeat #fff;
	float: left;
	box-shadow: 0 0 20px rgba(33,73,130,.2)
}
.mate .mate-l .wl {
	border: none;
	padding: 23px 58px 0 58px
}
.mate .mate-l .wl:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: url(../img/wl_js.png) no-repeat;
	width: 108px;
	height: 104px
}
.mate .mate-l .wl .name {
	text-align: right;
	margin-bottom: 20px;
	position: relative
}
.mate .mate-l .wl .name span {
	font-size: 14px;
	color: #148e00;
	border: 1px solid #148e00;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 30px
}
.mate .mate-l .wl .name:after {
	position: absolute;
	right: -78px;
	top: 20px;
	width: 78px;
	height: 1px;
	background: #148e00;
	content: "";
	display: block
}
.mate .mate-l .wl p {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	border-bottom: none;
	line-height: 1.8em;
	padding-bottom: 0;
	margin-bottom: 30px
}
.mate .mate-r {
	float: right;
	max-width: 700px;
	width: 60%
}
.mate .mate-r img {
	width: 100%
}
.bg-color {
	background: #fff;
	overflow: hidden;
	margin-top:183px;
}
.mate-two {
	padding-top: 60px
}
.mate-all h2 {
	font-size: 30px;
	color: #333;
	text-align: center;
	position: relative;
	margin-bottom: 45px;
	margin-top: 30px
}
.mate-all h2:after {
	position: absolute;
	background: url(../img/h2_bg.png) no-repeat;
	width: 420px;
	height: 19px;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	display: block;
	bottom: -25px;
	left: 50%;
	margin-left: -210px
}
.mate-two li {
	float: left;
	width: 23%;
	margin-left: 2%
}
.mate-two li a {
	display: block;
	overflow: hidden
}
.mate-two li img {
	width: 100%;
	height:240px;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.mate-two li img:hover {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.mate-two li h3 {
	height: 52px;
	line-height: 52px;
	box-shadow: 0 5px 20px rgba(33,73,130,.1);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: url(../img/h3_bg.png) no-repeat center #fff
}
.mate-two li h3 a {
	font-size: 18px;
	color: #333;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.mate-two li h3 a:hover {
	color: #f96a2c
}
.mate-three {
	margin-top: 75px;
	padding-bottom: 40px;
	line-height:35px;
}
.mate-three p {
	font-size: 16px;
	color: #555;
	line-height: 35px;
	margin-top: 20px;
	text-align: justify
}
.mate-three .zy-jt:before, .new-cont-left .zy-jt:before, .pro-cont-left .zy-jt:before {
	content: "";
	display: inline-block;
	background: url(../img/mic1.png) no-repeat -5px;
	width: 56px;
	height: 8px;
	vertical-align: middle
}
.mate-three .zy-jt:after, .new-cont-left .zy-jt:after, .pro-cont-left .zy-jt:after {
	content: "";
	display: inline-block;
	background: url(../img/mic2.png) no-repeat 5px;
	width: 56px;
	height: 8px;
	vertical-align: middle
}
.mate-three span.icon-one, .new-cont-left span.icon-one, .pro-cont-left span.icon-one {
	background: url(../img/wztubiao1.png) no-repeat center center;
	width: 16px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -3px
}
.mate-three span.icon-two, .new-cont-left span.icon-two, .pro-cont-left span.icon-two {
	background: url(../img/wztubiao2.png) no-repeat center center;
	width: 25px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -3px
}
.mate-three span.icon-three, .new-cont-left span.icon-three, .pro-cont-left span.icon-three {
	background: url(../img/wztubiao3.png) no-repeat center center;
	width: 24px;
	height: 19px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -3px
}
.mate-three p em {
	font-size: 18px;
	color: #c79556;
	font-weight: 700;
	margin-left: 5px;
	margin-right: 5px
}
.mate-three p img {
	max-width: 100%;
	margin: 13px auto 0;
	text-align: center;
	display: block
}
.mate-three p video {
	text-align: center;
	margin-left: -2em;
	margin: 0 auto;
	display: block;
	max-width: 800px;
	width: 100%
}
.xw_swt {
	position: relative;
	display: inline-block;
	color: rgba(245,227,189,1);
	font-size: 18px;
	background: #1f447d;
	background: -webkit-linear-gradient(left, #1f447d, #3c73ae);
	background: -o-linear-gradient(right, #1f447d, #3c73ae);
	background: -moz-linear-gradient(right, #1f447d, #3c73ae);
	background: -moz-linear-gradient(left, #1f447d, #3c73ae);
	background: -o-linear-gradient(left, #1f447d, #3c73ae);
	background: linear-gradient(to right, #1f447d, #3c73ae);
	height: 42px;
	line-height: 42px;
	padding: 0 16px 0 36px;
	border-top-left-radius: 10px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	margin-left: 5px;
	margin-right: 5px;
	text-indent: 0;
	cursor: pointer
}
.xw_swt::before {
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../img/a_lj.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	display: inline-block;
	top: 50%;
	margin-top: -6px;
	left: 16px
}
.mate-kh li {
	float: left;
	overflow: hidden;
	width: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mate-kh li .img {
	float: left;
	width: 36%;
	overflow: hidden
}
.mate-kh .mate-r {
	float: left;
	margin-left: 2%;
	width: 60%
}
.mate-kh .mate-r h3 a {
	font-size: 24px;
	color: #333;
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}
.mate-kh .mate-r h3 a:hover {
	color: #148e00
}
.mate-kh .mate-r p {
	font-size: 14px;
	color: #333;
	margin-top: 10px
}
.mate-kh .mate-r p img {
	display: inline-block;
	margin-right: 5px
}
.mate-kh .mate-r span {
	font-size: 14px;
	color: #666;
	margin-top: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 1.8em
}
.mate-new {
	margin-top: 55px
}
.mate-new .tabtit {
	margin-bottom: 0
}
.mate-new .tabtit .now {
	display: block;
	float: left;
	height: 56px;
	line-height: 56px;
	width: 190px;
	text-align: center;
	color: #222;
	font-size: 24px;
	border-top: 4px solid #27538c;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	background: #fff;
	font-weight: 700;
	box-shadow: 0 -15px 28px rgba(33,73,130,.1);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
.mate-new ul {
	overflow: hidden;
	padding: 25px 70px
}
.mate-new li {
	float: left;
	line-height: 36px;
	width: 47%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../img/news-titel.png) 0 13px no-repeat;
	padding-left: 24px;
	margin-left: 10px
}
.mate-new li a {
	text-decoration: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333
}
.mate-new li a:hover {
	color: #148e00
}
.mate-new .tab-main {
	box-shadow: 0 5px 20px rgba(33,73,130,.2)
}
.mate-ly {
	margin-top: 60px
}
.mate-ly .online-message {
	width: 66%;
	float: left
}
.mess-right {
	float: right;
	width: 28%;
	margin-top: 100px
}
.mess-right .fl {
	float: left;
	width: 25%
}
.mess-right .fr {
	float: left;
	width: 75%;
	margin-left: -5%
}
.mess-right .fr p {
	font-size: 18px;
	color: #333;
	line-height: 2em;
	margin-top: 40px
}
.mess-right .fr .tel {
	margin-top: 82px
}
.mess-right .fr .tel strong {
	display: block;
	color: #eb3245;
	font-size: 22px
}
.mess-right .fr .tel span {
	font-size: 16px;
	color: #333;
	margin-left: 15%;
	display: block
}
.mess-right .fr .a-swt {
	margin-top: 75px;
	margin-left: 10%
}
.mess-right .fr .a-swt span {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	cursor: pointer
}
.mess-right .fr .a-swt span:hover {
	color: #eb3245
}
.mess-right .fr ul {
	margin-top: 65px
}
.mess-right .fr li {
	font-size: 18px;
	color: #666;
	margin-bottom: 15px
}
.case-head {
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	padding: 20px 40px 50px 20px;
	background: #fff;
	position: relative;
	z-index: 0;
	margin-top: -29%;
	box-shadow: 0 0 20px rgba(33,73,130,.2)
}
.case-head:before {
	background: url(../img/box_a2.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 220px;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}
.case-head .case-head-l {
	display: block;
	float: left;
	max-width: 650px;
	width: 50%
}
.case-head .case-head-l img {
	width: 100%;
	border-radius: 60px 10px 10px 10px
}
.case-head .case-head-l h1 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	position: relative;
	margin-left: 20px;
	margin-top: 25px
}
.case-head .case-head-l h1:after {
	width: 115px;
	height: 2px;
	content: "";
	display: block;
	background: -webkit-linear-gradient(left, #cfb684, #f8e6c1);
	background: -o-linear-gradient(right, #cfb684, #f8e6c1);
	background: -moz-linear-gradient(right, #cfb684, #f8e6c1);
	background: -moz-linear-gradient(left, #cfb684, #f8e6c1);
	background: -o-linear-gradient(left, #cfb684, #f8e6c1);
	background: linear-gradient(to right, #cfb684, #f8e6c1);
	position: absolute;
	bottom: -20px;
	left: 0
}
.case-head .line-head-l h1:after {
	width: 100%
}
.line-head-l h1 {
	margin-top: 45px;
	margin-bottom: 60px
}
.case-head .case-head-l p {
	margin-top: 40px;
	font-size: 18px;
	color: #666;
	line-height: 2em;
	margin-left: 20px
}
.case-head .case-head-r {
	float: right;
	width: 47%;
	margin-top: 50px
}
.case-head .line-head-r {
	margin-top: 40px
}
.case-head .case-head-r .text-box {
	position: absolute;
	top: -48px;
	left: 60%
}
.case-head .case-head-r .text-box p {
	font-size: 20px;
	color: #fff600;
	position: relative;
	padding-left: 25px
}
.case-head .case-head-r .text-box p:before {
	background: url(../img/text_b.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 13px;
	height: 42px;
	content: "";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0
}
.case-head .case-head-r .text-tit {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	position: relative;
	margin-bottom: 25px;
	display: inline-block;
	margin-left: 10%
}
.case-head .case-head-r .text-tit:after {
	width: 115px;
	height: 2px;
	content: "";
	display: block;
	background: -webkit-linear-gradient(left, #fff600, #fff);
	background: -o-linear-gradient(right, #fff600, #fff);
	background: -moz-linear-gradient(right, #fff600, #fff);
	background: -moz-linear-gradient(left, #fff600, #fff);
	background: -o-linear-gradient(left, #fff600, #fff);
	background: linear-gradient(to right, #fff600, #fff);
	position: absolute;
	top: 50%;
	left: 120%
}
.case-xm {
	box-shadow: 0 0 20px rgba(33,73,130,.2);
	padding: 10px;
	border-radius: 5px
}
.case-xm,.case-xm p{ line-height:35px;}
.case-xm .box {
	padding: 20px 30px 40px;
	background: url(../img/xm_box.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	border-radius: 5px
}
.case-xm .box img {
	display: block;
	margin: 10px 0 5px
}
.case-xm .box span {
	font-size: 16px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 20px;
	display: block
}
.case-zx-bj {
	margin-top: 110px;
	position: relative;
	z-index: 555
}
.line-head-r .case-zx-bj {
	margin-top: 45px
}
.case-zx-bj a {
	width: 57%;
	float: left
}
.case-zx-bj .sm-bd {
	/*width: 35%;*/
	margin-left: 5%;
	float: left;
	margin-top: -23px
}
.case-zx-bj .sm-bd p {
	font-size: 14px;
	color: #333
}
.case-zx-bj .sm-bd p span {
	font-size: 26px;
	font-weight: 700;
	display: inline-block;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#148e00), to(#5d8f55));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.case-zx-bj .sm-bd .ewm {
	margin-top: 10px
}
.case-xg {
	padding-top: 0
}
.case-pj {
	box-shadow: 0 0 20px rgba(33,73,130,.2);
	border-radius: 30px;
	padding: 40px 40px 160px;
	position: relative;
	z-index: 0
}
.case-pj:before {
	display: block;
	width: 136px;
	height: 120px;
	background: url(../img/kf_b.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	position: absolute;
	right: 20px;
	top: -5px;
	z-index: -1
}
.case-pj:after {
	display: block;
	width: 100%;
	height: 93px;
	background: url(../img/kf_a.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px
}
.case-pj .tit {
	position: relative
}
.case-pj .tit:after {
	background: url(../img/tit_bg.png) no-repeat 20% center;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	display: block;
	width: 278px;
	height: 140px;
	position: absolute;
	left: 60px;
	top: -40px
}
.case-pj .tit strong {
	font-size: 34px;
	color: #333;
	font-weight: 700;
	position: relative
}
.case-pj .tit strong:before {
	content: "";
	display: inline-block;
	background: url(../img/h_a.png) no-repeat;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px;
	-o-background-size: cover;
	background-size: cover
}
.case-pj .tit a {
	position: absolute;
	display: block;
	color: #148e00;
	border: 1px solid #ff9598;
	border-radius: 30px;
	padding: 7px 15px;
	right: 20px;
	top: 25px
}
.case-pj .tit:hover a {
	background: #148e00;
	color: #fff
}
.case-pj li {
	overflow: hidden;
	margin-top: 40px
}
.case-pj li .tx {
	width: 12%;
	float: left
}
.case-pj li .tx img {
	border-radius: 50%;
	max-width: 121px
}
.case-pj li .js {
	float: left;
	width: 87%;
	margin-left: 1%;
	margin-top: -15px
}
.case-pj li .js p {
	font-size: 18px;
	color: #555;
	line-height: 1.8em;
	margin-top: 10px
}
.case-bom {
	margin-top: 60px;
	position: relative
}
.case-bom img {
	width: 100%
}
.case-bom .box {
	position: absolute;
	left: 15%;
	bottom: 30%;
	width: 720px
}
.case-bom .box .tit {
	font-size: 18px;
	color: #fff;
	margin-bottom: 25px;
	position: relative
}
.case-bom .box .tit:after {
	height: 1px;
	width: 100px;
	display: block;
	background: #ca9d66;
	background: -webkit-linear-gradient(left, transparent, #fff600);
	background: -o-linear-gradient(right, transparent, #fff600);
	background: -moz-linear-gradient(right, transparent, #fff600);
	background: -moz-linear-gradient(left, transparent, #fff600);
	background: -o-linear-gradient(left, transparent, #fff600);
	background: linear-gradient(to right, transparent, #fff600);
	content: "";
	position: absolute;
	right: 60px;
	top: 50%
}
.case-bom a {
	float: left;
	width: 30%
}
.case-bom .sm-bd {
	/*float: left;
	width: 60%;
	margin-left: 5%;*/
	overflow: hidden
}
.case-bom .sm-bd p {
	font-size: 14px;
	color: #fff;
	display: inline-block
}
.case-bom .sm-bd p span {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	/*font-family: '微软雅黑';*/
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#148e00), to(#5d8f55));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.case-bom .sm-bd p.ewm {
	margin-top: 5px;
	float: left;
	width: 21%
}
.case-bom .sm-bd p.ewm img {
	max-width: 86px
}
.case-bom .sm-bd .sm-box {
	float: left;
	width: 75.5%;
	margin-left: 3%
}
.case-bom .sm-bd .sm-box img {
	display: block;
	margin-top: 15px;
	width: auto
}
.contact-banner {
	position: relative;
	overflow: hidden;
	margin-top:183px;
}
.contact-banner .img {
	width: 100%
}
.contact-head {
	margin-top: -30%;
	position: relative
}
.contact-head .online-message {
	padding: 0
}
.msg-head {
	position: relative;
	z-index: 5;
	padding-left: 30px
}
.msg-head strong {
	font-size: 24px;
	font-weight: 700;
	display: block;
	color: #fff
}
.msg-head span {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-top: 10px
}
.contact-left h1 {
	font-size: 32px;
	color: #148e00;
	display: block;
	margin-bottom: 15px;
	font-weight: 400;
	line-height: 1
}
.contact-left {
	/*width: 66%;
	float: left;*/
	margin-top: 100px
}
.contact-left .text {
	color: #148e00;
	font-size: 16px;
	margin-bottom: 40px
}
.contact-left ul {
	margin-left: -1.333%;
	margin-bottom: 50px
}
.contact-left li {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	float: left;
	width: 32%;
	margin-left: 1.333%;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.contact-left li:hover {
	box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px)
}
.contact-left li:hover img {
	-webkit-animation: bounceIn 1s both;
	-moz-animation: bounceIn 1s both;
	-o-animation: bounceIn 1s both;
	animation: bounceIn 1s both
}
@-webkit-keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@-moz-keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-moz-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-moz-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-moz-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-moz-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-moz-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-moz-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@-o-keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-o-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-o-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-moz-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
-moz-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
-moz-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
-moz-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
.contact-left li .box {
	border: 1px solid #e8f2ff;
	border-radius: 10px;
	padding-top: 40px;
	padding-bottom: 55px
}
.contact-left li .box p {
	font-size: 14px;
	color: #333;
	margin-top: 30px;
	margin-bottom: 3px
}
.contact-left li .box p a {
	font-size: 18px;
	color: #333
}
.contact-left li:hover .box p a {
	color: #148e00;
	font-weight: 700
}
.contact-left li .box span {
	font-size: 14px;
	color: #333
}
.contact-left li .box .tel {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	/*font-family: 微软雅黑;*/
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f98c30), to(#f94928));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.contact-left li .box .tel-sj {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	/*font-family: 微软雅黑;*/
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f98c30), to(#f94928));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.contact-left .fw-zl {
	position: relative
}
.contact-left .fw-zl:before {
	position: absolute;
	background: url(../img/fwzl_b.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 15px;
	height: 208px;
	content: "";
	display: block;
	top: -30px;
	left: 0
}
.contact-left .fw-zl p {
	font-size: 18px;
	color: #666;
	margin-bottom: 13px;
	padding-left: 55px
}
.contact-right {
	float: right;
	width: 33%
}
.contact-right .ly-tj .hed-t p {
	font-size: 16px;
	color: #e5b880
}
.contact-right .ly-tj .hed-t .one {
	bottom: 75px;
	left: 20px
}
.contact-right .ly-tj .hed-t .two {
	bottom: 110px;
	left: 170px
}
.contact-right .ly-tj .hed-t .three {
	right: 25px;
	bottom: 145px
}
.contact-right .ly-tj .hed-t {
	background: url(../img/ly_t2.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	height: 245px;
	width: 100%;
	position: relative
}
.contact-right .ly-tj .pic-box {
	right: 5px;
	bottom: 0
}
.contact-right .ly-tj .pic-box img {
	width: 110px
}
.contact-right .messages {
	margin-top: 20px
}
.contact-right .messages li {
	width: 100%
}
.contact-right .messages li .one-pic img {
	width: 20px
}
.contact-right .messages li .two-pic img {
	width: 25px
}
.contact-right .messages li .three-pic img {
	width: 22px
}
.contact-right .messages li span {
	width: 10%;
	margin-right: 0
}
.contact-right .messages li input {
	height: 48px;
	line-height: 38px;
	width: 90%;
	font-size: 14px;
	padding: 5px 15px
}
.contact-right .messages li textarea {
	font-size: 14px;
	padding: 15px;
	height: 100px;
	width: 90%
}
.contact-right .form-box .tit {
	font-size: 14px;
	width: 78%
}
.contact-right .form-box {
	margin-right: 18px;
	padding: 20px 20px 35px 35px;
	border-bottom-right-radius: 20px;
	margin-top: -45px
}
.contact-right .but-tj p {
	font-size: 14px;
	margin-top: 0
}
.contact-right .but-tj button {
	background: url(../img/button_bg2.png) no-repeat;
	width: 142px;
	height: 54px;
	line-height: 54px;
	font-size: 18px
}
.contact-right .but-tj button::after {
	width: 78px;
	height: 14px;
	margin-top: -5px;
	left: -78px
}
.contact-right .but-tj .tj-box {
	position: absolute;
	right: -13px;
	bottom: 20px
}
.contact-right .form-box::after {
	bottom: 90px;
	background: url(../img/ly_bg2.png) no-repeat;
	width: 34px;
	height: 286px
}
.contact-box {
	text-align: center;
	background: url(../img/box_a3.png) no-repeat #fff;
	padding-bottom: 50px;
	padding-top: 110px;
	-o-background-size: cover;
	background-size: cover
}
.contact-box .welc p {
	font-size: 28px;
	display: inline-block;
	color: #148e00;
	/*font-family: 微软雅黑;*/
	background-image: -webkit-gradient(linear, 0 0, 150 0, from(#148e00), to(#3e77b2));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700
}
.contact-box .come p {
	font-size: 40px;
	font-weight: 700;
	display: inline-block;
	margin-top: 10px;
	color: #148e00;
	/*font-family: 微软雅黑;*/
	background-image: -webkit-gradient(linear, 0 0, 150 0, from(#148e00), to(#3e77b2));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.about-head {
	margin-top: -39%;
	position: relative
}
.about-head .left-box {
	width: 52.5%;
	float: left;
	margin-top: -6%
}
.about-head .left-box .pagination {
	margin-left: 26%;
	margin-bottom: 5%
}
.about-head .left-box .pagination span {
	font-size: 24px;
	color: #646c77
}
.about-head .left-box .pagination span.num {
	position: relative
}
.about-head .left-box .pagination span.num:after {
	width: 213px;
	height: 2px;
	background: #646464;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 65px
}
.about-head .left-box .pagination span.all {
	margin-left: 305px
}
.left-box .about-left .slick-next, .left-box .about-left .slick-prev {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	opacity: 1
}
.left-box .about-left .slick-prev {
	background: url(../img/about_r.png) no-repeat;
	width: 44px;
	height: 44px;
	left: -100px;
	top: 35%
}
.left-box .about-left .slick-next {
	background: url(../img/about_l.png) no-repeat;
	width: 44px;
	height: 44px;
	left: -100px;
	top: 50%
}
.left-box .about-left .slick-dots {
	display: none!important
}
.left-box .about-left {
	border: 5px solid #fff;
	position: relative
}
.about-left .two img {
	display: block;
	width: 100%;
	z-index: 1
}
.about-left img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}
.about-left.slick-slider img {
	position: relative
}
.about-left .slick-next, .about-left .slick-prev {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg)
}
.about-left .slick-slider:hover .slick-next, .about-left .slick-slider:hover .slick-prev {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.about-left .pic-box img {
	width: 100%
}
.left-box .swiper-button-next, .left-box .swiper-button-prev {
	width: 47px;
	height: 48px
}
.left-box .swiper-button-prev {
	background: url(../img/about_l.png) no-repeat;
	left: -8%;
	top: 43%
}
.left-box .swiper-button-next {
	background: url(../img/about_r.png) no-repeat;
	right: auto;
	left: -8%;
	top: 57%
}
.left-box .swiper-pagination {
	bottom: 0;
	top: -50px;
	left: -25%;
	font-size: 24px;
	color: #646c77
}
.about-head .right-box {
	width: 41%;
	float: right;
	margin-top: -95px;
	position: relative;
	z-index: 47
}
.h-top {
	position: relative;
	margin-left: 60px
}
.h-top:before {
	background: url(../img/quan.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	width: 113px;
	height: 114px;
	content: "";
	display: block;
	position: absolute;
	top: -55px;
	left: -65px
}
.h-top h1 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	float: left;
	position: relative
}
.h-top .box {
	float: left;
	margin-top: 24px
}
.h-top p {
	font-size: 14px;
	color: #d3d3d3;
	text-transform: uppercase
}
.about-head .right-box .tit {
	font-size: 16px;
	line-height: 2.2em;
	color: #fff;
	margin-top: 50px
}
.about-head .right-box .more-btn {
	font-size: 24px;
	color: #fff;
	background: url(../img/sp.png) no-repeat;
	-o-background-size: cover;
	background-size: cover;
	padding: 33px 140px 33px 70px;
	margin-top: 44px;
	cursor: pointer;
	display: inline-block
}
.boxBlank {
	display: none;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/back_bg.png) repeat
}
.box_wrap .about-video-close {
	position: absolute;
	top: 10px;
	right: 1%;
	width: 30px;
	height: 30px;
	background: transparent url(../img/hw1_sprite.png);
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 10
}
.box_wrap {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 160ms ease-in-out;
	-o-transition: all 160ms ease-in-out;
	-moz-transition: all 160ms ease-in-out;
	transition: all 160ms ease-in-out;
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: -480px;
	z-index: 999;
	display: none
}
.video-js {
	background-color: #000;
	position: relative;
	padding: 0;
	font-size: 10px;
	vertical-align: middle;
	font-weight: 400;
	font-style: normal;
	/*font-family: Arial, sans-serif;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.video-js video {
	width: 960px;
	height: 540px
}
.numb {
	position: relative;
	margin-top: 40px
}
.numb img {
	width: 100%
}
.numb p {
	position: absolute
}
.numb .one {
	left: 12%;
	bottom: 35%
}
.numb .two {
	left: 34%;
	bottom: 11%
}
.numb .three {
	right: 29%;
	bottom: 18%
}
.numb .four {
	right: 11%;
	bottom: 51.5%
}
.about-cf {
	margin-top: 105px
}
.about-cf ul {
	margin-left: -1%
}
.about-cf li {
	width: 24%;
	float: left;
	margin-left: 1%
}
.about-cf li img {
	width: 100%;
	display: block;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}
.about-cf li .box {
	font-size: 20px;
	color: #fff;
	background: #148e00;
	/*background: -webkit-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(left, #148e00, #3e77b2);
	background: linear-gradient(to right, #148e00, #3e77b2);*/
	text-align: center;
	height: 82px;
	line-height: 82px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}
.about-sc {
	margin-top: 80px;
	position: relative
}
.all-pos:after {
	background: url(../img/hd.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 496px;
	height: 263px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -20px
}
.h-top h2 {
	font-size: 50px;
	color: #26282a;
	font-weight: 700;
	float: left;
	position: relative
}
.about-sc .tit {
	font-size: 16px;
	color: #26282a;
	line-height: 2.2em;
	/*width: 35%;*/
	margin-top: 40px
}
.all-pos {
	position: relative
}
.sc-pos {
	/*position: absolute;
	top: 0;
	left: 0;
	top: -90px*/
	margin-bottom: 30px;
}
.about-hz .tit {
	font-size: 16px;
	color: #26282a;
	line-height: 2.2em;
	margin-top: 40px
}
.hz-pos {
	position: relative;
	margin-top: 150px
}
.hz-pos img {
	position: relative;
	z-index: 5
}
.fw-pos:after, .hz-pos:after {
	background: url(../img/hd.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 496px;
	height: 263px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 70px
}
.fw-pos {
	position: relative;
	margin-top: 80px
}
.fw-pos img {
	margin-top: 95px;
	position: relative;
	z-index: 9
}
.about-bom {
	margin-top: 80px;
	position: relative
}
.about-bom img {
	width: 100%
}
.about-bom .box {
	position: absolute;
	right: 16%;
	bottom: 30%
}
.about-bom .box strong {
	font-size: 40px;
	color: #fff600;
	font-weight: 700;
	display: block;
	margin-bottom: 20px
}
.about-bom .box p {
	font-size: 18px;
	text-align: right;
	color: #fff;
	margin-top: 7px
}
.about-bom a {
	font-size: 14px;
	color: #fff;
	float: right;
	background: #148e00;
	background: -webkit-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(right, #148e00, #3e77b2);
	background: -moz-linear-gradient(left, #148e00, #3e77b2);
	background: -o-linear-gradient(left, #148e00, #3e77b2);
	background: linear-gradient(to right, #148e00, #3e77b2);
	padding: 20px 80px 20px 75px;
	border-radius: 30px;
	margin-top: 35px
}
.about-bom a img {
	vertical-align: middle;
	margin-left: 8px;
	margin-top: -3px;
	width: auto
}
.about-bom a:hover img {
	-webkit-animation: wobble 1s both;
	-moz-animation: wobble 1s both;
	-o-animation: wobble 1s both;
	animation: wobble 1s both
}
@-webkit-keyframes wobble {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes wobble {
from {
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
15% {
-moz-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-moz-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-moz-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-moz-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-moz-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-o-keyframes wobble {
from {
transform:translate3d(0, 0, 0)
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	transform: translate3d(0, 0, 0)
}
}
@keyframes wobble {
from {
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-moz-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-moz-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-moz-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-moz-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-moz-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.ch-open {
	display: none;
}
.right-fixed {
	position: fixed;
	right: 20px;
	bottom: 28%;
	z-index: 9999;
}
.right-fixed .kf {
	width: 115px;
	border: 1px solid #148e00;
	border-top-right-radius: 46px;
	border-bottom-left-radius: 46px;
	z-index: 999;
	position: relative
}
.right-fixed .kf:after {
	display: block;
	background: url(../img/fix2.png) no-repeat;
	width: 12px;
	height: 25px;
	content: "";
	position: absolute;
	left: 56%
}
.right-fixed .kf img {
	border-top-right-radius: 46px;
	border-bottom-left-radius: 46px
}
.right-fixed .fixed-box {
	font-size: 16px;
	background: #fff;
	width: 94px;
	float: right;
	text-align: center;
	margin-top: -10px;
	padding: 38px 0 28px;
	border: 1px solid #148e00;
	border-top: none
}
.right-fixed .fixed-box a {
	color: #888787
}
.right-fixed .fixed-box span {
	color: #888787
}
.right-fixed li {
	text-align: center;
	margin-top: 18px;
	cursor: pointer
}
.right-fixed li img {
	display: block;
	margin: 0 auto 10px
}
.right-fixed li .hide {
	display: none
}
.right-fixed li:hover .show {
	display: none
}
.right-fixed li:hover .hide {
	display: block
}
.right-fixed li:hover a {
	color: #148e00
}
.right-fixed li:hover span {
	color: #148e00
}
.fixed-box li.tel-phone {
	position: relative
}
.fixed-box li.tel-phone .box {
	display: none;
	position: absolute;
	top: -30px;
	right: 79px;
	width: 295px;
	padding-right: 25px;
}
.fixed-box li.tel-phone .box-conter:after {
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 10px solid #2f5f99;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	right: -11px
}
.fixed-box li .box-conter {
	position: relative;
	background: #fff;
	width: 100%;
	height: 100px;
	text-align: left;
	border: 1px solid #e7f4ff;
	box-shadow: 0 0 5px rgba(33,73,130,.4);
	border-radius: 10px;
	padding: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fixed-box li .box-conter img {
	float: left;
	width: 80px;
	margin-right: 8px
}
.fixed-box li .box-conter .code {
	display: block;
	overflow: hidden;
	margin-top: 6px;
	line-height: 1.2;
}
.fixed-box li .box-conter .code i {
	display: block;
	color: #3e77b2;
	font-size: 16px;
}
.fixed-box li .box-conter .code p {
	color: #333;
	font-size: 14px;
	margin: 7px 0 5px;
}
.fixed-box li .box-conter .code strong {
	display: block;
	font-size: 20px;
	font-weight: 700;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f98c30), to(#f94928));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}
.return_top {
	position: fixed;
	right: 20px;
	bottom: 18%;
	z-index: 9999;
	width: 94px;
	font-size: 16px;
	color: #888787;
	cursor: pointer;
	text-align: center;
	border: 1px solid #148e00;
	border-radius: 5px;
	background: #fff;
	margin-top: 15px;
	display: block;
	text-align: center;
	padding: 12px 0;
	display: none
}
.return_top img {
	display: block;
	margin: 0 auto 10px
}
.zx-popu {
	cursor: pointer;
	font-size: 14px;
	color: #888787;
}
.zx-popu:hover {
	color: #148e00;
}
/* 新年商务通 */
.year-fixed {
	position: fixed;
	right: 10px;
	bottom: 12%;
	width: 254px;
	padding-bottom: 15px;
	text-align: center;
	z-index: 9999;
}
.year-niu {
	cursor: pointer;
}
.year-show {
	position: relative;
	margin-top: -105px;
	background: url(./img/year-bg.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	padding-top: 130px;
}
.year-fixed ul {
	width: 130px;
	margin-left: 60px;
}
.year-fixed li {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	cursor: pointer;
	margin-top: 15px;
	background-color: #bb160f;
	border: 2px solid #fff2af;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.year-fixed li:hover {
	background-color: #e23a33;
}
.year-fixed li a, .year-fixed li span {
	color: #fff0b3;
	background: linear-gradient(to bottom, #fff0b3, #fdfbda, #ffe088);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.year-top {
	display: inline-block;
	width: 130px;
	margin: 7px auto;
	padding-top: 15px;
	cursor: pointer;
	background: url(../img/year-top.png) no-repeat top center;
	line-height: 1.2;
	color: #db1d15;
	font-weight: bold;
}
.year-top:hover {
	color: #fff0b3;
}
.year-foot {
	width: 130px;
	margin: 35px auto 0;
	line-height: 62px;
	padding-bottom: 16px;
}
.year-foot a {
	display: block;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}
.year-foot a:hover {
	color: #fff0b3;
}
.year-list {
	position: relative;
}
.year-fixed li.year-list:hover .year-tel {
	display: block;
}
.year-tel {
	width: 270px;
	position: absolute;
	right: 120%;
	top: -25px;
	padding: 6px 10px;
	background-color: #fff;
	border: 2px solid #860000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	display: none;
}
.year-tel:after {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #860000;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: -12px
}
.year-tel .year-ewm {
	overflow: hidden;
	font-weight: normal;
}
.year-tel .year-ewm img {
	float: left;
	width: 76px;
}
.year-tel .year-ewm p {
	display: block;
	overflow: hidden;
	color: #009598;
	text-align: left;
	line-height: 1.2;
	padding-left: 6px;
}
.year-tel .year-ewm p i {
	display: block;
	color: #333333;
	font-size: 14px;
	margin: 6px 0 4px;
}
.year-tel .year-ewm p strong {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #b11e18;
}
@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
 .year-fixed li a, .year-fixed li span {
background: none;
-webkit-text-fill-color: #fff0b3;
}
}
@media screen and (max-width: 1700px) {
.year-fixed {
	width: 200px;
}
.year-show {
	margin-top: -60px;
	padding-top: 100px;
}
.year-fixed ul {
	width: 100px;
	margin-left: 50px;
}
.year-fixed li {
	line-height: 30px;
	font-size: 16px;
	margin-top: 12px;
}
.year-top {
	background: none;
	padding-top: 0;
}
.year-foot {
	width: 100px;
	margin: 26px auto 0;
	line-height: 48px;
	padding-bottom: 16px;
}
.year-foot a {
	font-size: 16px;
}
}
@media screen and (max-width: 1400px) {
.year-fixed {
	width: 180px;
	right: 6px;
}
.year-show {
	margin-top: -60px;
	padding-top: 90px;
}
.year-fixed ul {
	width: 90px;
	margin-left: 44px;
}
.year-fixed li {
	line-height: 26px;
	font-size: 15px;
	margin-top: 10px;
}
.year-foot {
	line-height: 44px;
}
}
.err {
	text-align: center
}
.err .img {
	margin-top: 40px;
	margin-bottom: 40px
}
.err p {
	font-size: 24px;
	color: #666
}
.err p span {
	color: #148e00
}
.err a {
	font-size: 20px;
	color: #fff600;
	border: 1px solid #fff600;
	padding: 10px 35px;
	display: inline-block;
	margin-top: 30px
}
.err a:hover {
	color: #fff;
	background-color: #fff600
}
.err .img-bot {
	margin-top: 100px
}
.mess {
	padding-top: 100px
}
.mess .bg {
	width: 45%;
	margin: 0 auto;
	background: #fff;
	padding: 70px 0;
	box-shadow: 1px 5px 20px #ddd
}
.mess .img {
	margin-top: 0
}
.video-help {
	position: absolute;
	left: 16%;
	right: 16%;
	top: 50px
}
.video-fl {
	float: left;
	width: 46%;
	margin-top: 60px
}
.video-fl h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2
}
.video-fl p {
	color: #fff600;
	font-size: 18px;
	line-height: 1.2;
	margin-top: 24px
}
.video-fr {
	float: right;
	width: 100%;
	max-width: 510px;
	height: 443px;
	margin-top: -60px;
	background: url(../img/video-shape.png) no-repeat right top;
	position: relative
}
.video-fr p {
	position: absolute;
	left: 0;
	bottom: 120px;
	color: #fff;
	font-size: 16px;
	line-height: 2.2;
	width: 62%
}
.video-nav {
	line-height: 85px;
	background: #01071d;
	background: -webkit-linear-gradient(left, #01071d 0, #26303a 100%);
	background: -moz-linear-gradient(left, #01071d 0, #26303a 100%);
	background: -ms-linear-gradient(left, #01071d 0, #26303a 100%);
	background: -o-linear-gradient(left, #01071d 0, #26303a 100%);
	background: linear-gradient(to right, #01071d 0, #26303a 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#01071D, endColorstr=#26303A, GradientType=1)
}
.video-nav li {
	float: left;
	width: 25%;
	text-align: center;
	position: relative
}
.video-nav li a {
	display: block;
	color: #148e00;
	font-size: 24px
}
.video-nav li.active a, .video-nav li:hover a {
	color: #ef4238
}
.video-nav li.active:after, .video-nav li:hover:after {
	display: block;
	content: "";
	font-size: 0;
	line-height: 0;
	border-width: 17px;
	border-color: #f0f3fa;
	border-top-width: 0;
	border-style: dashed;
	border-bottom-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -17px
}
.video-list {
	margin-top: 80px
}
.video-list ul {
	margin-left: -6%
}
.video-list ul li {
	float: left;
	width: 44%;
	margin-left: 6%;
	margin-bottom: 60px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.video-list ul li:hover {
	-webkit-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-o-transform: translate(0, -3px);
	transform: translate(0, -3px)
}
.video-tu {
	position: relative
}
.video-tu a.tuPic {
	position: relative;
	padding-top: 55.3%;
	display: block
}
.video-tu a.tuPic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0
}
.video-tu a.tuIco {
	position: absolute;
	left: 0;
	bottom: 0
}
.video-txt {
	position: relative;
	z-index: 0;
	overflow: hidden;
	text-align: center;
	padding: 50px 12px;
	line-height: 30px;
	background: #148e00;
	background: -webkit-linear-gradient(left, #148e00 0, #3e77b2 100%);
	background: -moz-linear-gradient(left, #148e00 0, #3e77b2 100%);
	background: -ms-linear-gradient(left, #148e00 0, #3e77b2 100%);
	background: -o-linear-gradient(left, #148e00 0, #3e77b2 100%);
	background: linear-gradient(to tight, #148e00 0, #3e77b2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#148e00, endColorstr=#3E77B2, GradientType=1);
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 2px 4px rgba(97,123,191,.4);
	-moz-box-shadow: 0 2px 4px rgba(97,123,191,.4);
	-ms-box-shadow: 0 2px 4px rgba(97,123,191,.4);
	-o-box-shadow: 0 2px 4px rgba(97,123,191,.4);
	box-shadow: 0 2px 4px rgba(97,123,191,.4)
}
.video-txt:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 270px;
	height: 130px;
	background: url(../img/video-line.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1
}
.video-txt a {
	color: #fff;
	font-size: 22px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.video-txt a:hover {
	color: #ef4238
}
.video-cont {
	margin-top: -42%;
	position: relative
}
.video-cont h1 {
	font-size: 46px;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
	text-align: center
}
.video-base {
	margin-top: 60px
}
.video-bfl {
	float: left;
	width: 72%
}
.bfl-basic {
	width: 84%;
	padding: 20px 30px;
	background: #148e00;
	background: -webkit-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: -moz-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: -ms-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: -o-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: linear-gradient(60deg, #148e00 0, #3e77b2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#148e00, endColorstr=#3E77B2, GradientType=1);
	-webkit-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
	-ms-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
	-o-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
	box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
	-webkit-border-top-right-radius: 100px;
	-moz-border-top-right-radius: 100px;
	-ms-border-top-right-radius: 100px;
	-o-border-top-right-radius: 100px;
	border-top-right-radius: 100px
}
.bfl-basic strong {
	display: block;
	color: #59a5fc;
	font-size: 30px;
	line-height: 1.2;
	padding-left: 44px;
	background: url(../img/video-icon.png) no-repeat left center
}
.bfl-basic p {
	color: #fff600;
	font-size: 14px;
	line-height: 24px;
	margin-top: 16px
}
.bfl-basic p span {
	display: inline-block;
	margin-right: 16px
}
.bfl-basic p span img {
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px
}
.video-bfl video {
	width: 100%;
	height: auto
}
.video-bfr {
	float: right;
	width: 21.4%;
	margin-right: 12px;
	margin-top: 116px
}
.video-ft {
	background-color: #f0f3fa
}
.video-ft ul {
	position: relative;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	max-height: 230px;
	overflow-y: scroll
}
.video-ft ul::-webkit-scrollbar {
width:10px;
background:#0d427f
}
.video-ft ul::-webkit-scrollbar-thumb {
background:#629bd8
}
.video-ft ul li {
	overflow: hidden;
	margin-bottom: 15px
}
.ft-pic {
	float: left;
	width: 110px;
	margin-right: 10px;
	position: relative
}
.ft-pic span {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 20px;
	line-height: 20px;
	min-width: 40px;
	padding: 0 5px;
	text-align: center;
	background: rgba(17,31,63,.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2111f3f, endColorstr=#B2111f3f);
	color: #fff;
	font-size: 12px
}
.ft-pic a {
	display: block;
	position: relative;
	padding-top: 56.4%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.ft-pic a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.ft-info {
	display: block;
	overflow: hidden
}
.ft-info a {
	color: #666;
	font-size: 14px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.ft-info a:hover {
	color: #148e00
}
.ft-info span {
	display: inline-block;
	color: #555f7d;
	font-size: 12px;
	line-height: 16px;
	padding-left: 26px;
	margin-top: 8px;
	background: url(../img/video-icon05.png) no-repeat
}
.video-fb {
	padding: 24px 24px 80px;
	background: #148e00;
	background: -webkit-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: -moz-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: -ms-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: -o-linear-gradient(40deg, #148e00 0, #3e77b2 100%);
	background: linear-gradient(60deg, #148e00 0, #3e77b2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#148e00, endColorstr=#3E77B2, GradientType=1);
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-ms-border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	-webkit-box-shadow: 0 4px 10px rgba(5,22,63,.5);
	-moz-box-shadow: 0 4px 10px rgba(5,22,63,.5);
	-ms-box-shadow: 0 4px 10px rgba(5,22,63,.5);
	-o-box-shadow: 0 4px 10px rgba(5,22,63,.5);
	box-shadow: 0 4px 10px rgba(5,22,63,.5);
	position: relative
}
.video-fb p {
	color: #fff;
	font-size: 14px;
	line-height: 24px
}
.fb-code {
	overflow: hidden;
	margin-top: 15px
}
.fb-code img {
	float: left;
	width: 85px;
	margin-right: 8px
}
.fb-tel {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
	line-height: 1.6
}
.fb-tel strong {
	display: block;
	color: #fa0;
	font-size: 26px;
	font-weight: 700
}
.fb-kf {
	position: absolute;
	bottom: -44px;
	left: 0;
	width: 102%;
	height: 114px;
	padding: 40px 0 40px 50px;
	background: url(../img/video-kf.png) no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	cursor: pointer
}
.fb-kf span {
	color: #153c71;
	font-size: 20px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-right: 6px
}
.fb-kf span:after {
	background: url(../img/jsz.png) no-repeat;
	content: "";
	display: inline-block;
	width: 20px;
	height: 26px;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	right: -25px;
	bottom: -6px;
	-webkit-animation: jsz 2s infinite;
	-moz-animation: jsz 2s infinite;
	-o-animation: jsz 2s infinite;
	animation: jsz 2s infinite
}
.video-main {
	margin-top: 140px
}
.video-text {
	padding: 90px 66px 140px;
	color: #555;
	font-size: 20px;
	line-height: 2
}
.video-text strong {
	display: block;
	color: #333;
	margin-top: 30px
}
.video-text strong .xw_swt {
	font-weight: 400
}
.video-text strong .xw_swt:hover {
	color: #148e00
}
.video-step {
	margin: 40px -40px 60px
}
.video-step li {
	float: left;
	width: 16.6%;
	text-align: center;
	position: relative;
	overflow: inherit;
	margin-top: 0
}
.video-step li img {
	width: 102px;
	height: auto
}
.video-step li span {
	display: block;
	color: #148e00;
	font-size: 20px;
	line-height: 1.2;
	margin-top: 16px
}
.video-step li:after {
	content: "";
	position: absolute;
	right: -10px;
	top: 41px;
	width: 20px;
	height: 20px;
	background: url(../img/video-step.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.video-step li.step-last:after {
	display: none
}
@media screen and (max-width:4000px) and (min-width:2000px) {
.contact-left ul {
	margin-bottom: 80px;
}
}
@media screen and (min-width:1925px) {
.ind-box .left-box:after {
	left: 12%
}
.head-wrap {
	max-width: 2150px
}
.case-bom .box {
	width: 800px
}
.pro-cont-top {
	margin-top: 100px
}
.index-new li .box p {
	height: 55px
}
.about-head {
	margin-top: -35%
}
}
@media screen and (max-width:1850px) {
.nav-one {
	width: 75%;
	margin-left: 6%
}
}
@media screen and (max-width:1780px) {
.nav-one {
	width: 72%;
	margin-left: 7%
}
}
@media screen and (max-width:1680px) {
.nav-one {
	width: 67%;
	margin-left: 10%
}
.ind-box .left-box:after {
	left: 16.5%
}
.guide {
	margin-bottom: 50px
}
.txt-p {
	margin-top: 120px
}
.pro-help {
	left: 11%
}
.video-help {
	left: 11%;
	right: 11%
}
.case-head, .pro-box {
	margin-top: -28%
}
.mate-head {
	margin-top: -30%
}
.about-head {
	margin-top: -43%
}
.numb .three {
	right: 28%
}
.numb .four {
	right: 10%
}
.about-bom .box {
	bottom: 25%
}
}
@media screen and (max-width:1600px) {
.header {
	height: 155px
}
.head-wrap {
	padding: 0 50px
}
.return_top {
	width: 80px;
	font-size: 14px;
	padding: 8px 0
}
.right-fixed .fixed-box {
	padding: 45px 0 20px
}
.right-fixed li {
	margin-top: 10px
}
.right-fixed li img {
	width: 30px
}
.right-fixed .fixed-box a, .right-fixed .fixed-box span {
	font-size: 14px
}
.right-fixed .fixed-box {
	width: 80px
}
.right-fixed .kf {
	width: 100px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px
}
.right-fixed .kf img {
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px
}
.fixed-box li .box, .We-Chat .boxs {
	right: 90px;
}
.nav-one {
	width: 69%;
	margin-left: 9%;
	margin-top: 43px
}
.nav-one li a {
	font-size: 16px
}
.nav-two {
	margin-top: 24px
}
.nav-two li a {
	font-size: 18px
}
.ind-box .left-box:after {
	left: 16.6%
}
.guide {
	margin-bottom: 35px
}
.pro-banner .pro-help ul li {
	margin-top: 40px
}
.pro-help {
	left: 9%
}
.video-help {
	left: 9%;
	right: 9%
}
.about-head .right-box {
	width: 44%
}
.about-head .right-box .more-btn {
	padding: 20px 100px 20px 30px;
	font-size: 20px;
	margin-top: 20px
}
.box_wrap {
	top: 150px
}
.video-js video {
	width: 800px;
	height: 450px
}
.box_wrap {
	margin-left: -400px
}
.mate-head h1::after {
	margin-top: -100px
}
.err .img {
	margin-top: 0;
	margin-bottom: 0
}
.err .img-bot {
	margin-top: 50px
}
.video-fr p {
	left: 40px
}
.chat-btn {
	right: 48px;
}
}
@media screen and (max-width:1440px) {
.head-wrap {
	max-width: 1280px
}
.nav-one {
	width: 76%;
	margin-left: 5%;
	margin-top: 40px
}
.header {
	height: 140px
}
.nav-one li a {
	font-size: 16px
}
.index-one h1 {
	font-size: 38px
}
.index-case h2 a, .index-new h2 a, .index-pro h2 a {
	font-size: 36px
}
.index-one li .bef {
	padding: 40px 27% 15px 27%
}
.wrap {
	max-width: 1200px
}
.ind-box .right-box h3 a {
	font-size: 40px
}
.ind-box .left-box {
	width: 55%;
	/*margin-left: -13%*/
}
.ind-box:before {
	right: -50px
}
.ind-box .right-box .ul-ws li p, .ind-box .right-box .wl-tu p {
	font-size: 20px
}
.ind-box .right-box .wl-tu span, .nav-list li a {
	font-size: 18px
}
.ind-box-js p {
	font-size: 16px
}
.ind-box .right-box .ul-ws li span {
	font-size: 32px;
	line-height: 72px;
	margin-top: 15px
}
.ind-box .right-box .ul-ws li span::before {
	width: 125px;
	height: 72px
}
.ind-box .left-box:after {
	width: 400px;
	height: 474px
}
.pro-banner .pro-help strong {
	font-size: 30px
}
.pro-banner .pro-help ul li {
	margin-top: 30px
}
.guide {
	margin-bottom: 30px
}
.pro-banner .pro-help ul li p {
	margin-top: 15px
}
.nav-list li {
	padding: 20px 0
}
.nav-list li.active:after {
	display: block;
	content: "";
	font-size: 0;
	line-height: 0;
	border-width: 12px;
	border-color: #fff;
	border-top-width: 0;
	border-style: dashed;
	border-bottom-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px
}
.case-list-r strong a {
	font-size: 26px
}
.case-list-r {
	padding: 35px 0 0 30px
}
.txt-p p {
	font-size: 42px
}
.txt-p:after {
	width: 360px;
	height: 35px
}
.pro-help {
	left: 8%
}
.video-help {
	left: 8%;
	right: 8%
}
.new-cont-l {
	width: 70%
}
.new-cont-r {
	width: 25%
}
.case-head, .pro-box {
	margin-top: -27%
}
.pro_cans dt {
	width: 13%
}
.pro_cans ul {
	padding: 30px 15px
}
.news-list .list-head-r h1, .news-list .list-head-r strong a {
	font-size: 36px
}
.pro-pic .fw span {
	font-size: 18px
}
.zx-bj {
	margin-top: 60px
}
.prozx-bj {
	margin-top: 30px
}
.pro-pic .fw {
	margin-top: 40px
}
.zx-bj .sm-bd p span {
	font-size: 18px
}
.zx-bj .sm-bd p.ewm {
	margin-top: 10px
}
.pro_cans dd .hover:after {
	width: 25px;
	height: 30px
}
.mate .mate-l .wl .name:after {
	display: none
}
.mate-all h2 {
	font-size: 28px
}
.h-top h1, .h-top h2 {
	font-size: 40px
}
.h-top .box {
	margin-top: 12px
}
.h-top:before {
	width: 90px;
	height: 91px;
	top: -45px;
	left: -50px
}
.about-head .right-box .tit {
	margin-top: 25px
}
.all-pos:after, .fw-pos:after, .hz-pos:after {
	width: 400px;
	height: 210px
}
.news-list .list-head-r .fw span {
	font-size: 18px
}
.hz-pos {
	margin-top: 130px
}
.ly-tj .hed-t {
	height: 320px
}
.ly-tj .hed-t .one {
	bottom: 110px;
	left: 55px
}
.ly-tj .hed-t .two {
	bottom: 155px;
	left: 330px
}
.ly-tj .hed-t .three {
	right: 75px;
	bottom: 190px
}
.mess-right .fr .tel {
	margin-top: 45px
}
.pro-pic .fw {
	margin-left: -3%
}
.pro-pic .fw span {
	margin-left: 3%
}
.pro_cans dd {
	width: 81%
}
.xw-zx .box {
	padding: 35px 7%
}
.case-zx-bj a {
	width: 48%
}
.case-zx-bj .sm-bd {
	/*width: 45%;*/
}
.case-zx-bj .sm-bd p span {
	font-size: 18px
}
.case-zx-bj .sm-bd .ewm {
	margin-top: 0
}
.new-cont-right .zx-sy {
	padding: 30px 0 30px 40px
}
.video-fr {
	display: none
}
.video-cont {
	margin-top: -38%
}
.fb-kf {
	width: 100%
}
.bfl-basic {
	padding-left: 16px;
	padding-right: 16px
}
.bfl-basic strong {
	font-size: 26px
}
.bfl-basic p span {
	margin-right: 8px
}
.bfl-basic p span img {
	width: 16px;
	margin-right: 6px
}
.video-bfr {
	width: 23%
}
.fb-code {
	margin-top: 10px
}
.fb-tel strong {
	font-size: 24px
}
.video-fb {
	padding: 20px 20px 70px
}
.video-bfr {
	margin-top: 94px
}
.hx-cs .box.four {
	right: 4.5%
}
.hx-cs .box.three {
	right: 32.4%
}
}
@media screen and (max-width:1400px) {
.logo {
	margin-top: 45px
}
.ind-box .left-box {
	width: 55%;
	/*margin-left: -13%*/
}
.ind-box .right-box h3 a {
	font-size: 36px
}
.pro-help {
	left: 6.5%
}
.video-help {
	left: 6.5%;
	right: 6.5%
}
.mate-two li h3 a {
	font-size: 16px
}
}
@media screen and (max-width:1366px) {
.ind-box .left-box {
	/*margin-left: -8%*/
}
.ind-box .left-box:after {
	left: 7.6%
}
.ind-box {
	padding-right: 10%
}
.flipster-carousel .flip-items .pic {
	width: 750px
}
.pro-help {
	left: 5.5%
}
.video-help {
	left: 5.5%;
	right: 5.5%
}
.new-cont h1 {
	font-size: 32px
}
.new-cont .tb-top .text {
	padding: 10px 50px 10px 20px
}
form li span {
	margin-right: 0
}
.xw-zx .box {
	padding: 35px 2%
}
.ind-box:before {
	right: -50px
}
.contact-right .ly-tj .hed-t {
	height: 225px
}
.about-head {
	max-width: 980px
}
.numb .three {
	right: 25%;
	bottom: 17%
}
.numb .four {
	right: 8%;
	bottom: 50.5%
}
.return_top, .right-fixed .fixed-box {
	width: 70px
}
.video-nav li a {
	font-size: 22px
}
.video-tu a.tuIco img {
	width: 100px;
	height: auto
}
.video-txt {
	padding: 30px 12px
}
.video-list ul li {
	margin-bottom: 40px
}
.chat-btn {
	right: 40px;
}
}
@media screen and (max-width:1280px) {
.head-wrap {
	max-width: 1100px;
	padding: 0 10px
}
.header {
	height: 120px
}
.nav-one {
	width: 75%;
	margin-top: 32px;
	margin-left: 6%
}
.wrap {
	max-width: 1000px
}
.logo {
	margin-top: 30px
}
.head-tel {
	margin-top: 15px
}
.nav-two li a {
	font-size: 16px
}
.nav-one li a {
	font-size: 15px
}
.index-one li .bef {
	padding: 40px 25% 15px 25%
}
.index-case .case-tit:before, .index-new .new-tit:before, .index-pro .pro-tit:before {
	left: 26%
}
.index-case .case-tit:after, .index-new .new-tit:after, .index-pro .pro-tit:after {
	right: 26%
}
.ind-box .right-box .ul-ws li span::before {
	width: 95px;
	height: 55px
}
.ind-box .right-box .ul-ws li span {
	font-size: 24px;
	line-height: 56px;
	margin-top: 15px
}
.ind-box:after {
	width: 340px;
	height: 183px
}
.bj-zx {
	bottom: 22px
}
.index-new li .box p span {
	display: none
}
.flipster-carousel .flip-items .pic {
	width: 665px
}
.guide {
	margin-bottom: 20px
}
.pro-banner .pro-help strong {
	font-size: 24px
}
.pro-banner .pro-help span {
	font-size: 16px
}
.new-jh {
	margin-top: -170px
}
.pro-help {
	left: 10%
}
.video-help {
	left: 10%;
	right: 10%
}
.new-cont-r .ts .whrit img, .new-cont-right .whrit img {
	width: 45px
}
.new-cont-r .ts .l-r p, .new-cont-r .ts .l-r strong span, .new-cont-right .whrit .l-r p, .new-cont-right .whrit .l-r strong span {
	font-size: 14px
}
.new-cont-r .ts .l-r strong, .new-cont-right .whrit .l-r strong {
	font-size: 16px
}
.new-cont-r .ts .zx-sy, .new-cont-right .zx-sy {
	padding: 25px 0 25px 35px
}
.new-cont-r .ts a.sq, .new-cont-right .zx-sy .sq {
	font-size: 16px
}
.new-cont h1 {
	font-size: 30px
}
.content-bg {
	padding: 45px 30px
}
.but-tj p {
	font-size: 18px
}
.but-tj button {
	font-size: 24px;
	height: 68px;
	line-height: 68px
}
.but-tj button::after {
	display: none
}
.xw-zx .box .tit {
	font-size: 16px
}
.hx-cs strong {
	font-size: 32px
}
.case-zx-bj {
	margin-top: 20px
}
.case-zx-bj a {
	width: 100%
}
.case-zx-bj .sm-bd {
	display: none
}
.ly-tj .hed-t {
	height: 267px
}
.ly-tj .hed-t p {
	font-size: 16px
}
.ly-tj .hed-t .one {
	bottom: 95px;
	left: 50px
}
.ly-tj .hed-t .two {
	bottom: 130px;
	left: 275px
}
.ly-tj .hed-t .three {
	right: 65px;
	bottom: 165px
}
.mag-box {
	width: 345px
}
.contact-right .ly-tj .hed-t {
	height: 188px
}
.contact-right .ly-tj .pic-box img {
	width: 85px
}
.contact-right .ly-tj .hed-t p {
	font-size: 14px
}
.contact-right .ly-tj .hed-t .one {
	bottom: 55px;
	left: 10px
}
.contact-right .ly-tj .hed-t .two {
	bottom: 85px;
	left: 125px
}
.contact-right .ly-tj .hed-t .three {
	right: 15px;
	bottom: 110px
}
.msg-head strong {
	font-size: 22px
}
.contact-right .form-box {
	padding: 20px 20px 35px 20px
}
.contact-left h1 {
	font-size: 28px
}
.contact-box .come p {
	font-size: 32px
}
.h-top h1, .h-top h2 {
	font-size: 32px
}
.h-top p {
	font-size: 12px
}
.h-top .box {
	margin-top: 8px
}
.left-box .swiper-pagination {
	font-size: 18px
}
.about-head .right-box .tit {
	font-size: 14px
}
.about-head .right-box .more-btn {
	font-size: 18px;
	padding: 20px 90px 20px 40px;
	margin-top: 30px
}
.numb .one {
	left: 12%;
	bottom: 34%
}
.numb .two {
	left: 34%;
	bottom: 10%
}
.numb .three {
	right: 24%;
	bottom: 17%
}
.numb .four {
	right: 7%;
	bottom: 50.5%
}
.about-sc .tit {
	width: 42%;
	margin-top: 20px
}
.hz-pos {
	margin-top: 85px
}
.about-bom .box strong {
	font-size: 30px
}
.about-bom .box p, .news-list .list-head-r .wl-nl p span {
	font-size: 16px
}
.about-bom a {
	padding: 15px 40px 15px 50px
}
.news-list .list-head-r .text-box {
	left: 55%
}
.news-list .list-head-r h1, .news-list .list-head-r strong a {
	font-size: 32px
}
.news-list .list-head-r .fw span, .news-list .list-head-r .text, .news-list .list-head-r .wl-nl p {
	font-size: 14px
}
.news-list .list-head {
	padding: 20px 20px 60px 20px
}
.news-list .list-head-r .wl-nl p img {
	margin-right: 0
}
.news-list .list-head .list-head-r {
	margin-top: 10px
}
.zx-bj .sm-bd p {
	font-size: 12px
}
.zx-bj .sm-bd p span {
	font-size: 16px
}
.zx-bj .sm-bd {
	margin-left: 2%
}
.zx-bj {
	margin-top: 35px
}
.news-list .list-head-r .fw {
	margin-left: 0
}
.news-list .list-head-r .fw span {
	margin-left: 3%
}
.news-list .list-head-r .text-box p {
	font-size: 18px
}
.more-news {
	margin-top: -16%
}
.mess-right .fr .tel {
	margin-top: 20px
}
.mess-right .fr .a-swt {
	margin-top: 65px
}
.mess-right .fr ul {
	margin-top: 45px
}
.case-xm .box {
	padding: 20px 15px 40px
}
.pro-cont-top {
	padding: 20px 0
}
.pro-cont-right {
	margin-top: -60px
}
.pro_cans dd span {
	font-size: 12px;
	margin-left: 1%;
	padding: 10px
}
.pro_cans dd {
	margin-left: 5px;
	margin-top: 0
}
.pro_cans dd .hover:after {
	width: 25px;
	height: 30px;
	bottom: 0;
	right: -15px
}
.pro_cans ul {
	min-height: 146px;
}
.mate-two li h3 a {
	font-size: 14px
}
.video-fl {
	width: 66%
}
.video-fl h1 {
	font-size: 36px
}
.video-nav li a {
	font-size: 20px
}
.video-list ul {
	margin-left: -4%
}
.video-list ul li {
	width: 46%;
	margin-left: 4%;
	margin-bottom: 30px
}
.video-tu a.tuIco img {
	width: 80px
}
.video-txt a {
	font-size: 20px
}
.video-txt {
	padding: 24px 12px
}
.video-cont h1 {
	font-size: 42px
}
.video-bfl {
	width: 70%
}
.bfl-basic {
	width: 94%
}
.bfl-basic strong {
	font-size: 24px
}
.video-bfr {
	width: 27%;
	margin-right: 0;
	margin-top: 98px
}
.video-fb p {
	display: none
}
.video-main {
	margin-top: 80px
}
.video-text {
	font-size: 18px;
	padding: 60px 42px 100px
}
.video-step li span {
	font-size: 18px
}
.video-step li img {
	width: 88px
}
.video-step li:after {
	top: 34px
}
.hx-cs .box.one {
	left: 7%
}
.hx-cs .box.two {
	left: 30%
}
.hx-cs .box.three, .new-cont-left .hx-cs .box.three {
	right: 31.4%
}
.hx-cs .box.four, .new-cont-left .hx-cs .box.four {
	right: 2%
}
}
@media screen and (max-width:1200px) {
.nav-one {
	width: 70%;
	margin-left: 8.5%
}
.pro-help {
	left: 5%;
	top: 0
}
.video-help {
	left: 5%;
	right: 5%
}
}
@media screen and (max-width:1024px) {
.head-wrap {
	max-width: 950px
}
.about-head {
	margin-top: -40%
}
.head-tel {
	width: 18%
}
.header {
	height: 100px
}
.nav-one {
	width: 71%;
	margin-left: 7.7%
}
.nav-one {
	margin-top: 25px
}
.nav-two {
	margin-top: 15px
}
.nav-one li a {
	font-size: 14px
}
.index-banner .swiper-button-next, .index-banner .swiper-button-prev {
	width: 25px;
	height: 45px
}
.index-one li .bef {
	padding: 40px 10% 15px 10%
}
.index-one li strong a {
	font-size: 16px
}
.ind-box, .index-about-wrap, .index-new .pad {
	max-width: 880px
}
.index-about .fr {
	margin-top: -30px
}
.index-about span {
	margin-top: 20px
}
.index-one li p {
	margin-top: 10px
}
.ind-box .left-box:after {
	width: 330px;
	height: 400px
}
.ind-box .right-box h3 a {
	font-size: 28px
}
.flipster-carousel .flip-items .pic {
	width: 565px
}
.ind-box .right-box .ul-ws {
	margin-top: 20px
}
.ind-box .right-box .ul-ws li p, .ind-box .right-box .ul-ws li span, .ind-box .right-box .wl-tu p {
	font-size: 18px
}
.ind-box .right-box .wl-tu span, .nav-list li a {
	font-size: 16px
}
.ind-box .right-box .wl-tu {
	margin-top: 15px
}
.ind-box:after {
	width: 290px;
	height: 157px
}
.index-case h2 a, .index-new h2 a, .index-pro h2 a {
	font-size: 32px
}
.bj-zx {
	bottom: 20px;
	right: 50px
}
.bj-zx span {
	font-size: 24px
}
.case-head, .pro-box {
	margin-top: -25%
}
.case-head .case-head-r .text-box p {
	font-size: 14px
}
.case-bom .box {
	bottom: 15%;
	left: 5%
}
.mate-head {
	margin-top: -25%
}
.pro_cans dt {
	font-size: 12px
}
.pro_cans dd .hover:after {
	width: 15px;
	height: 30px;
	right: -13px
}
.pro-pic .fw span {
	font-size: 16px
}
.pro-cont-top li {
	width: 18.5%
}
.pro-cont-top {
	padding: 19px 0
}
.pro-cont-top li {
	width: 16%
}
.pro-cont-right {
	margin-top: -60px
}
.pro-help {
	left: 5%;
	top: 10px
}
.pro-banner .pro-help ul li {
	margin-top: 25px;
	margin-right: 60px
}
.pro-banner .pro-help ul li p {
	margin-top: 10px;
	font-size: 14px
}
.new-jh {
	margin-top: -110px
}
.new-cont-r .ts .zx-sy {
	padding-left: 50px
}
.new-jh h1, .pro-know .text strong a {
	font-size: 32px
}
.h-top:before {
	width: 66px;
	height: 67px;
	top: -30px;
	left: -30px
}
.about-head .right-box {
	width: 45%;
	margin-top: -70px
}
.left-box .swiper-pagination {
	display: none
}
.numb .three {
	right: 23%;
	bottom: 16%
}
.numb p {
	font-size: 14px
}
.about-bom .box strong {
	font-size: 24px
}
.about-bom .box p, .news-list .list-head-r .wl-nl p span {
	font-size: 14px
}
.index-pro-lw {
	max-width: 930px
}
.index-pro-lw li .more {
	width: 150px
}
.index-pro-lw li h3 a {
	font-size: 20px
}
.index-pro-lw li .box p span {
	font-size: 14px
}
.index-pro-lw li {
	padding-bottom: 50px;
	padding-left: 15px
}
}
.t-wl {
	margin: 30px auto
}
.t-tw {
	background: url(../img/tw_bg.jpg) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 100%;
	max-width: 801px;
	height: 167px;
	text-align: center;
	padding-top: 25px;
	margin: 0 auto
}
.t-tw strong {
	font-size: 32px;
	color: #fff;
	display: block
}
.t-tw strong span {
	font-size: 42px
}
.t-tw p {
	background: #148e00;
	background-image: -webkit-linear-gradient(left, #f98930 0, #148e00 100%);
	background-image: -moz-linear-gradient(left, #f98930 0, #148e00 100%);
	background-image: -o-linear-gradient(left, #f98930 0, #148e00 100%);
	background-image: linear-gradient(90deg, #f98930 0, #148e00 100%);
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 156px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	border-radius: 50px;
	position: relative;
	margin-top: 18px;
	cursor: pointer;
	text-indent: 0
}
.t-tw p:hover {
	background: #148e00;
	background-image: -webkit-linear-gradient(left, #148e00 0, #f98930 100%);
	background-image: -moz-linear-gradient(left, #148e00 0, #f98930 100%);
	background-image: -o-linear-gradient(left, #148e00 0, #f98930 100%);
	background-image: linear-gradient(90deg, #148e00 0, #f98930 100%);
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat
}
.t-tw p:after {
	display: block;
	background: url(../img/tbk.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 172px;
	height: 33px;
	position: absolute;
	bottom: -6px;
	left: -8px;
	content: ""
}
.t-tw p img {
	vertical-align: middle;
	margin-top: -2px;
	display: inline-block
}
.t-tw p span {
	color: #fff;
	font-size: 14px;
	margin-left: 3px
}
.t-yy {
	max-width: 738px;
	width: 100%;
	height: 109px;
	line-height: 109px;
	background: url(../img/tyy.jpg) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	box-shadow: 0 4px 24px rgba(62,119,178,.4);
	border-radius: 10px;
	text-align: center;
	margin: 24px auto 34px;
	position: relative;
	display: none
}
.t-yy:after, .t-yy:before {
	background: url(../img/tyb.png) no-repeat;
	width: 18px;
	height: 49px;
	content: "";
	display: block;
	position: absolute
}
.t-yy:before {
	left: 53px;
	top: -49px
}
.t-yy:after {
	right: 53px;
	top: -49px
}
.t-yy p {
	font-size: 18px;
	color: #333;
	text-indent: 0;
	line-height: 109px;
	margin-top: 0
}
.t-yy p span {
	font-size: 20px;
	font-weight: 700;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f98c30), to(#f94928));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right: 10px
}
.t-yy p img {
	display: inline-block;
	margin: 0
}
.t-mes {
	position: relative;
	width: 100%;
	max-width: 739px;
	height: 398px;
	background: url(../img/t_pic.png) no-repeat #fff bottom right;
	box-shadow: 0 4px 24px rgba(62,119,178,.4);
	border-radius: 10px;
	margin: 34px auto 0;
	padding: 23px
}
.t-mes:after, .t-mes:before {
	background: url(../img/tyb.png) no-repeat;
	width: 18px;
	height: 63px;
	content: "";
	display: block;
	position: absolute
}
.t-mes:before {
	left: 53px;
	top: -63px
}
.t-mes:after {
	right: 53px;
	top: -63px
}
.t-mes strong {
	background-image: -webkit-linear-gradient(left, #148e00 45%, #f98930 60%, #148e00 65%, #f98930 90%);
	background-image: -moz-linear-gradient(left, #148e00 45%, #f98930 60%, #148e00 65%, #f98930 90%);
	background-image: -o-linear-gradient(left, #148e00 45%, #f98930 60%, #148e00 65%, #f98930 90%);
	background-image: linear-gradient(90deg, #148e00 45%, #f98930 60%, #148e00 65%, #f98930 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 26px;
	font-weight: 400;
	width: 100%;
	text-align: center;
	display: inline-block;
	font-weight: 700
}
.t-mes strong:before {
	content: "";
	display: inline-block;
	background: url(../img/h_a.png) no-repeat;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	margin-right: 10px;
	-o-background-size: cover;
	background-size: cover
}
.ms-pic {
	position: relative
}
.ms-pic:before {
	background: url(../img/pic_o.png) no-repeat;
	width: 190px;
	height: 191px;
	content: "";
	display: block;
	position: absolute;
	top: -65px;
	left: 80px
}
.ms-pic:after {
	background: url(../img/pic_t.png) no-repeat;
	width: 386px;
	height: 386px;
	content: "";
	display: block;
	position: absolute;
	right: 55px;
	top: 115px
}
.t-mes .messages {
	position: relative;
	z-index: 10;
	margin-top: 0
}
.t-mes .messages .ul-one {
	margin-top: 27px;
	overflow: hidden;
	margin-left: -2%
}
.t-mes .messages .ul-one li {
	float: left;
	width: 31.333%;
	margin-left: 2%;
	margin-top: 0
}
.t-mes .messages .ul-one li input, .t-mes .messages .ul-two li input {
	border: 1px solid #a4cdff;
	border-radius: 10px 0 10px 10px;
	height: 53px;
	line-height: 30px;
	padding: 10px 23px;
	width: 100%;
	color: #000;
	background: 0 0
}
.t-mes .messages .ul-two {
	margin-top: 26px;
	overflow: hidden;
	margin-left: -5%
}
.t-mes .messages .ul-two li {
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-top: 0
}
.t-mes .messages .ul-two li.bt input {
	background: url(../img/xing.png) no-repeat 10px 15px
}
.t-mes .messages .text-m {
	margin-top: 27px;
	width: 47.5%;
	border: 1px solid #a4cdff;
	border-radius: 10px 0 10px 10px;
	height: 55px;
	line-height: 35px;
	padding: 10px 23px;
	display: block;
	overflow: hidden;
	resize: none;
	color: #667992;
	background: 0 0
}
.t-mes .messages button {
	border-radius: 10px 4px 30px 10px;
	width: 130px;
	height: 45px;
	line-height: 45px;
	background: #ff4d4a;
	background: -webkit-linear-gradient(left, #ff4d4a, #ff8d4a);
	background: -o-linear-gradient(right, #ff4d4a, #ff8d4a);
	background: -moz-linear-gradient(right, #ff4d4a, #ff8d4a);
	background: -moz-linear-gradient(left, #ff4d4a, #ff8d4a);
	background: -o-linear-gradient(left, #ff4d4a, #ff8d4a);
	background: linear-gradient(to right, #ff4d4a, #ff8d4a);
	color: #fff;
	font-size: 18px;
	margin-top: 26px;
	cursor: pointer
}
.t-mes .messages button:hover {
	background: #ff8d4a;
	background: -webkit-linear-gradient(left, #ff8d4a, #ff4d4a);
	background: -o-linear-gradient(right, #ff8d4a, #ff4d4a);
	background: -moz-linear-gradient(right, #ff8d4a, #ff4d4a);
	background: -moz-linear-gradient(left, #ff8d4a, #ff4d4a);
	background: -o-linear-gradient(left, #ff8d4a, #ff4d4a);
	background: linear-gradient(to right, #ff8d4a, #ff4d4a)
}
.t-mes .messages .text-m::-webkit-input-placeholder {
color:#667992
}
.video-new {
	margin: 30px auto
}
.video-new .bt {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: url(../img/sp_bg.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	width: 327px;
	height: 90px;
	line-height: 95px;
	text-align: center;
	margin: 0 auto
}
.video-new .video-box {
	margin-top: 50px;
	position: relative
}
.video-new .video-box:after {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	bottom: 0;
	left: 0;
	background: -webkit-linear-gradient(#b5d1ff, #fff);
	background: -o-linear-gradient(#b5d1ff, #fff);
	background: -moz-linear-gradient(#b5d1ff, #fff);
	background: linear-gradient(#b5d1ff, #fff)
}
.video-new .video {
	width: 100%
}
.video-new .video video {
	display: block;
	width: 100%
}
.video-new .video-box strong {
	font-weight: 700;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: url(../img/spbt_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	max-width: 798px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	display: block
}
.video-new .gcs-wj {
	background: url(../img/gcs_bg.png) no-repeat;
	background-size: 100% 100%;
	max-width: 800px;
	width: 100%;
	height: 157px;
	position: relative
}
.video-new .gcs-wj .wj-left {
	float: left;
	margin-left: 18%;
	text-align: center;
	margin-top: 15px
}
.video-new .gcs-wj .wj-left strong {
	font-size: 26px;
	color: #fefefe
}
.video-new .gcs-wj .wj-left strong span {
	color: #fa9c52
}
.video-new .gcs-wj .wj-left ul {
	overflow: hidden;
	margin: 8px 0
}
.video-new .gcs-wj .wj-left li {
	width: 188px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	opacity: .8;
	display: inline-block
}
.video-new .gcs-wj .wj-left li.ml {
	margin-left: -25px
}
.video-new .gcs-wj .gcs-an {
	position: absolute;
	right: 0;
	top: -20px;
	cursor: pointer;
	width: 23%
}
@media screen and (max-width:1366px) {
.video-new .gcs-wj .gcs-an {
	width: 19%;
	top: 40px
}
}
.fixed-box li.We-Chat {
	position: relative
}
.We-Chat .boxs {
	display: none;
	position: absolute;
	top: -30px;
	right: 105px;
	background: #fff;
	width: 265px;
	height: 100px;
	text-align: left;
	border: 1px solid #e7f4ff;
	box-shadow: 0 0 5px rgba(33,73,130,.4);
	border-radius: 10px;
	padding: 10px 0 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.We-Chat .boxs:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -11px;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 10px solid #2f5f99;
	margin-top: -11px
}
.We-Chat .boxs img {
	float: left;
	width: 80px;
	margin-right: 8px
}
.We-Chat .boxs .code {
	display: block;
	overflow: hidden;
	margin-top: 4px
}
.We-Chat .boxs .code i {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f98c30), to(#f94928));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}
.We-Chat .boxs .code p {
	color: #333;
	font-size: 14px;
	line-height: 1.1;
	margin-top: 2px
}
.We-Chat .boxs .code p strong {
	display: block;
	color: #f9592a;
	font-size: 18px;
	margin-top: 6px
}
.fixed-popu {
	width: 384px;
	position: fixed;
	bottom: -100%;
	right: 0;
	z-index: 99991;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.fix-colse {
	width: 75px;
	height: 30px;
	position: absolute;
	right: 4px;
	top: 10px;
	cursor: pointer;
	display: block;
}
.fixed-popu.open {
	bottom: 0;
}
.chat-btn {
	position: fixed;
	right: 60px;
	width: 50px;
	height: 50px;
	bottom: 90px;
	border-radius: 50%;
	background: url(../img/icon-chact.png) no-repeat center #148e00;
	background-size: 24px;
	cursor: pointer;
	display: none;
	z-index: 9999;
}
.chat-btn i {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fd4c4c;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
/*翻页*/
.pages {
	overflow: hidden;
}
div.flickr {
	padding: 0px;
	text-align: center;
	margin-top: 50px;
	font-size: 13px;
}
div.flickr a {
	border: #ccc 1px solid;
	background-position: 50% center;
	margin-right: 3px;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0px 15px;
	font-size: 13px;
	background: #ccc;
}
div.flickr a:hover {
	border-right: #aaa 1px solid;
	border-top: #aaa 1px solid;
	background-image: none;
	border-left: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	background-color: #aaa;
	color: #000;
}
div.flickr a:active {
	border-right: #aaa 1px solid;
	border-top: #aaa 1px solid;
	background-image: none;
	border-left: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	background-color: #aaa;
}
div.flickr span {
	margin-right: 5px;
}
div.flickr span.current {
	border: #148e00 1px solid;
	background-position: 50% bottom;
	color: #fff;
	margin-right: 5px;
	text-decoration: none;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0px 15px;
	background: #148e00;
	font-weight: bold;
}
div.flickr span.disabled {
	color: #148e00;
	margin-right: 5px;
}
/*----------------------------------------------分页-------------------------------------------*/
.k_pagelist {
	clear: both;
	display: table;
	float: left;
	line-height: 30px;
	text-align: center;
	width: 100%;
}
.k_pagelist em {
	background: #f90;
	border: 1px solid #f90;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0 1px;
	padding: 2px 4px;
}
.k_pagelist strong {
	border: 1px solid #E7E7E7;
	color: #148e00;
	font-size: 12px;
	margin: 0 1px;
	padding: 2px;
}
.k_pagelist a {
	border: 1px solid #E7E7E7;
	font-size: 12px;
	margin: 0 1px;
	padding: 2px;
}

@media screen and (max-width: 960px) {
	body {min-width: auto;}
	
	
	
	.logo {width: 24%;margin-top: 25px;}
	.head-r {width: 76%;}
	.header {background-size: 120% 100%;}
	.head-tel {display: none;}
	
	.nav-one {width: 95%;margin-top: 20px;margin-left: 6.7%;}
	.nav-one li {width: 16%;}
	.nav-one li a {display: block;font-size: 12px;width: 30px;margin: 0 auto;}
	
	.nav-two {margin-left: -25vw;width: 100vw;}
	.nav-two li {width: 16%;}
	.nav-two li a {font-size: 14px;}
	.nav-two li.on a::before {width: 24px;height: 20px;background-size: contain;top: -15px;left: 50%;transform: translateX(-50%);right: auto;}
	
	.index-banner {margin-top: 100px;}
	.index-banner span {font-size: 18px;top: 10px;height: auto;line-height: 1;}
	.slick-dots {bottom: 5px;}
	
	.index-one {padding-left: 15px;padding-right: 15px;}
	.index-one h1 {font-size: 30px;}
	.index-one li {width: 100%;}
	
	.index-pro {padding-left: 15px;padding-right: 15px;background-size: 100% 300px;}
	.index-case .case-tit:before, .index-new .new-tit:before, .index-pro .pro-tit:before {left: 15%;}
	.index-case .case-tit:before, .index-new .new-tit:before, .index-pro .pro-tit:before {width: 40px;}
	.index-case .case-tit:after, .index-new .new-tit:after, .index-pro .pro-tit:after {right: 15%;}
	.index-case .case-tit:after, .index-new .new-tit:after, .index-pro .pro-tit:after {width: 40px;}
	
	.ind-box {border-radius: 15px;padding: 15px;width: calc(100% - 60px);box-shadow: 0 0 15px rgb(0 0 0 / 30%);}
	.ind-box .left-box {width: 100%;}
	.ind-box .right-box {width: 100%;margin-left: 0;margin-top: 30px;}
	.ind-box .right-box h3 a {font-size: 20px;}
	.ind-box .right-box .ul-ws li p, .ind-box .right-box .ul-ws li span, .ind-box .right-box .wl-tu p {font-size: 16px;}
	
	.ind-box .ind-box-js {margin-bottom: 60px; }
	.index-pro .index-cp .slick-dots {bottom: -10px;}
	
	.ind-box:before {transform: scale(0.6);transform-origin: right center;z-index: 6;right: -30px;}
	.bj-zx {transform: scale(0.7);transform-origin: right bottom;}
	.ind-box:after {transform: scale(0.7);transform-origin: right bottom;}
	
	.index-pro-lw ul {margin-left: 0;}
	.index-pro-lw li {padding: 20px;margin: 0;width: 100%;padding-bottom: 50px;}
	.index-pro-lw li .img {margin-left: 22px;}
	.index-pro-lw li .more {transform: scale(0.7);transform-origin: right bottom;right: -10px;}
	.index-pro-lw li + li {margin-top: 40px;}
	
	.index-case, .index-new {padding-left: 15px;padding-right: 15px;}
	.index-new li {width:94%;margin-left:6%;}
	.index-new li .box {padding: 15px;}
	.index-new li .box .new-img {left: 0;top: 0;width: 100%;position: relative;}
	.index-new li .date {margin-left: 15px;}
	
	
	.index-about {padding-left: 15px;padding-right: 15px;padding-top: 60px;margin-top: 80px;}
	.index-about h2 {font-size: 30px;}
	.index-about .tit {font-size: 20px;}
	
	.index-about ul {background-position: center;border-top-left-radius: 20px;border-top-right-radius: 20px;}
	.index-about ul li {width: 50%;padding: 15px;}
	
	.flipster {height: 400px!important;}
	
	.footer .bq {padding-left: 15px;padding-right: 15px;}
	.footer .bq a {display: block;}
	.footer .wl {padding: 25px 15px;}
	
	
	.bg-color {margin-top: 100px;}
	.h-top {transform: scale(0.7);transform-origin: left center;margin-left: 20px;}
	.hz-pos {margin-top: 65px;}
	.about-hz .tit {font-size: 16px !important;}
	.about-bom .box {right: 15px;bottom: 15px;width: 60%;}
	.about-bom .box strong {font-size: 20px;text-align: right;}
	.about-bom a {margin-top: 20px;transform: scale(0.7);transform-origin: right center;}
	
	.pro-banner {margin-top: 100px;}
	
	
	.guide {font-size: 12px;}
	.guide li a {font-size: 12px;}
	.guide img {width: 16px;}
	
	.case-list {padding-left: 15px;padding-right: 15px;}
	.case-list-l {width: 100%;}
	.case-list-r {width: 100%;padding: 20px;}
	.case-list-r strong {margin-bottom: 20px;}
	.case-list-r strong a {font-size: 20px;}
	.case-list li:after {bottom: 20px;}
	
	.case-head {width: calc(100% - 40px);box-shadow: 0 0 15px rgb(33 73 130 / 20%);border-top-left-radius: 20px;border-bottom-right-radius: 20px;padding: 15px;}
	.case-head, .pro-box {margin-top: -25px;}
	.case-head .case-head-l {width: 100%;}
	.case-head .case-head-l h1 {font-size: 24px;margin-left: 0;}
	.case-head .case-head-r {width: 100%;}
	
	.mate-all h2 {font-size: 24px;}
	.mate-all h2:after {transform: scale(0.7);transform-origin: center;}
	.mate-all .mate-three {padding-left: 15px;padding-right: 15px;}
	
	.mate-all .case-pj {width: calc(100% - 40px);padding: 20px 20px 100px;}
	.case-pj .tit strong {font-size: 24px;}
	.case-pj li .js {width: 100%;margin-top: 40px;}
	
	.case-xg {padding-left: 15px;padding-right: 15px;}
	.mate-two li {width:48%;margin-bottom: 20px;}
	.mate-two li img {height: 138px;}
	
	.case-bom .box .tit {font-size: 12px;margin-bottom: 15px;}
	.case-bom .sm-bd p {font-size: 12px;}
	.case-bom .sm-bd p span {font-size: 14px;}
	
	.news-list {margin-top: -25px;padding-left: 15px;padding-right: 15px;}
	.news-list .u1 li {padding: 15px;;}
	.news-list .u1 .fl h3 a {font-size: 18px;}
	.news-list .u1 .fr {width: 20%;}
	.news-list .u1 .fr .time-day {font-size: 18px;padding-left: 15px;}
	.news-list .u1 .fr .time-year {font-size: 14px;padding-left: 15px;}
	.news-list .u1 .fr img {padding-left: 15px;width: 45px;}
	
	
	.new-cont {margin-top: -25px;padding-left: 15px;padding-right: 15px;}
	.new-cont-left {width: 100%;}
	.new-cont h1 {font-size: 24px;}
	.content-bg {padding: 15px;}
	
	.hx-cs strong {font-size: 22px;}
	.hx-cs .box p {font-size: 16px;margin-bottom: 0;}
	.hx-cs .box span {font-size: 12px;}
	
	.hx-cs .box.one {bottom: 0;}
	.hx-cs .box.two {top: 25px;}
	.hx-cs .box.three {bottom: 0;}
	.hx-cs .box.four {top: 25px;}
	
	.xw-zx .box {padding: 35px 15px;height: auto;}
	.xw-zx .sm-bd {width: 100%;margin-left: 0;}
	
	.new-cont-right {width: 100%;margin-top: 0;}
	
	.pro-list {padding-left: 15px;padding-right: 15px;}
	
	
	
	
	.none {display: none;}
	
	.pro-banner .pro-help h1 {font-size: 24px;}
	/* .pro-help {position: relative;} */
	.pro-help ul li img {width: 50px;}
	
	.pro-banner .pro-help ul li {margin-bottom: 25px;}
	.pro-banner .pro-help ul li:after {content: none;}
	.pro-list .ul-list li {width: 47%;}
	.pro-list .ul-list li .xq {padding: 15px 0 15px 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
	.pro-list .xq h3 a {font-size: 18px;}
	.pro-list .ul-list li:after {right: 15px;}
	.pro-pic {width: 100%;}
	.news-list .list-head {border-top-right-radius: 20px;border-bottom-left-radius: 20px;padding: 20px;}
 
	.news-list .list-head .list-head-r {width: 100%;}
	.news-list .list-head-r .text {margin-top: 15px;}
	.zx-bj {margin-top: 15px;}
	.zx-bj .sm-bd {margin-left: 0;}
	.news-list .list-head-r .fw {margin-top: 20px;}
	.news-list .list-head-r .fw span {margin-left: 0;}
	.news-list .list-head-r .fw span:before {margin-top: -7px;}
	
	.pro-cont-top {background-size: 155% auto;}
	.pro-cont-top {padding: 7px 0;}
	.pro-cont-top li {width: 24%;}
	.pro-cont-top li a {font-size: 14px;}
	
	.pro-cont {padding: 15px;}
	.pro-cont-left {width: 100%;}
	.pro-cont-right {width: 100%;}
	
	.all-left {width: 100%;}
	
	.contact-banner {margin-top: 100px;}
	
	.contact-left {padding-left: 15px;padding-right: 15px;}
	.contact-left h1 {font-size: 24px;}
	.contact-left li {width: 100%;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}