@charset "utf-8";

/** 清除内外边距 **/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
figure,
figcaption {
	border: medium none;
	margin: 0;
	padding: 0;
	outline: none;
}


/** 设置默认字体 **/

html,
body {
	-webkit-text-size-adjust: none;
	font-family: "Microsoft YaHei", Arial;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 14px;
	color: #444;
	position: relative;
	height: 100%;
}


/** 设置表单元素**/

button,
input,
select,
textarea {
	font-family: "Microsoft YaHei", Arial;
	vertical-align: middle;
	outline: none;
}


/** 重置图片元素 **/

img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
	transition: 0.2s;
}


/** 重置表格元素 **/

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


/** 清除浮动 **/

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}


/** 重置列表元素 **/
ul,
ol {
	list-style: none;
}
/** 重置超链接元素 **/

a {
	text-decoration: none;
	color: #333;
	transition: 0.2s;
}

a:hover {
	text-decoration: none;
	color: #17b13d;
}

a:hover,
a:active {
	outline: none;
}

img {
	transition: 0.2s;
}

section {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.fixed {
	background: #404145;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 15;
	display: none;
}

.fixed li {
	width: 33.3333%;
	float: left;
	border-right: 1px solid #555;
	box-sizing: border-box;
	padding: 5px 0;
}

.fixed li img {
	width: 22px;
}

.fixed li a {
	display: flex;
	flex-direction: column;
	text-align: center;
	color: #fff;
}

.anmation .fadeIn {
	opacity: 0;
	transition: 1.5s;
}

.anmation .fadeLeft {
	opacity: 0;
	transform: translateX(-100%);
	transition: 1s;
}

.anmation .fadeRight {
	opacity: 0;
	transform: translateX(100%);
	transition: 1s;
}

.anmation .fadetop {
	opacity: 0;
	transform: translateY(-1000px);
	transition: 1s;
}

.anmation .fadebottom {
	opacity: 0;
	transform: translateY(1000px);
	transition: 1s;
}

.anmation.action .fadeIn {
	opacity: 1;
	transition: 1s;
}

.anmation.action .fadeLeft {
	opacity: 1;
	transform: translateX(0);
}

.anmation.action .fadeRight {
	opacity: 1;
	transform: translateX(0);
}

.anmation.action .fadetop {
	opacity: 1;
	transform: translateY(0);
}

.anmation.action .fadebottom {
	opacity: 1;
	transform: translateY(0);
}

.willChange {
	will-change: transform;
}

.toper {
	color: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	transition: 0.8s;
	height: 74px;
	z-index: 25;
	background: url(../images/top_bj.jpg) no-repeat center top;
}

.toper.fix {
	box-shadow: 0 0 5px #999;
	height: 54px;
}

.toper .bj {
	position: absolute;
	left: 0;
	top: 74px;
	height: 74px;
	background: rgba(0,0,0,0.5);
	width: 100%;
	transition: 0.5s;
	display: none;
}

.toper.fix .bj {
	top: 54px;
}

.toper .content {
	max-width: 1360px;
	margin: 0 auto;
	height: inherit;
}

.toper .logo {
	float: left;
	width: 410px;
	height: inherit;
	transition: 0.8s;
	padding-top: 10px;
	box-sizing: border-box;
}

.toper.fix .logo {
	width: 410px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left:60px;
}

.toper nav {
	float: left;
	padding-left: 100px;
	line-height: 54px;
	transition: 0.8s;
}

.toper.fix nav{ line-height: 34px;padding-left:80px;}

.toper nav li {
	float: left;
	padding: 10px 20px;
	position: relative;
}

.toper nav li a {
	font-size: 16px;
	color: #fff;
	display: block;
	text-align: center;
	transition: color 0.8s;
	position: relative;
}

 .toper nav li a:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	bottom: 3px;
	background: #fff;
	z-index: 0;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform .5s;
}

.toper nav li a:hover::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0% 50%;
	transition-timing-function: ease-in;
} 

.toper li .hide {
	position: absolute;
	top: 74px;
	padding: 10px 0;
	line-height: 54px;
	width: 1200px;
	left: 50%;
	text-align: center;
	z-index: 28;
	transform: translateX(-50%);
	display: none;
}

.toper li:hover .hide{
	animation:mover 1s forwards;
} 

@keyframes mover{
	from {opacity: 0; left: 100%;}
	to {opacity: 1; left: 50%}
}

.toper li .hide span {
	display: inline-block;
	position: relative;
	z-index: 5;
	margin: 0 10px;
}

.toper li .hide span a {
	font-size: 14px;
	display: block;
}

.toper.fix li .hide {
	top: 54px;
}

.toper nav li a em {
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	bottom: 3px;
	width: 0;
	overflow: hidden;
	opacity: 0;
	transition-delay: 0.2s;
}

.toper nav li a.act em {
	width: 100%;
	opacity: 1;
}


.toper .tel_lang {
	width: 154px;
	float: right;
	line-height: 24px;
	text-align: right;
	position: relative;
	padding: 10px 0;
	transition: 0.8s;
	font-size: 14px;
}
.toper .tel_lang:before {
	content: '';
	height: 70%;
	width: 1px;
	background: rgba(110, 228, 139, 0.6);
	position: absolute;
	left: 0;
	top: 15%;
	transition: 0.8s;
}
.toper.fix .tel_lang {
	padding: 0;
	font-size: 13px;
}
.toper .tel_lang a {
	color: #fff;
	transition: 0.8s;
	font-size: 14px;
}
.toper.fix .tel_lang a {
	font-size: 13px;
}
.banner {
	overflow: hidden;
	width: 100%;
	padding-top: 74px;
	transition: 0.2s;
}
.banner.up{
	padding-top: 54px;
}

.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transform: scale(1.2); transition: 3s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1);}

.P50 {
	padding: 50px 0;
}

.i_tit {
	font-weight: normal;
	font-size: 16px;
	color: #666;
	float: left;
	line-height: 35px;
	width: 200px;
	line-height: 40px;
}

.i_tit span {
	font-size: 18px;
	border-bottom: 2px solid #168E34;
	color: #333;
	box-sizing: border-box;
	float: left;
	margin-right: 5px;
	font-weight: bold;
}

.Product header {
	overflow: hidden;
}

.Product nav {
	float: right;
}

.Product nav li {
	float: left;
	margin-left: 15px;
	position: relative;
	background: #f0f0f0;
}

.Product nav li i {
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.Product nav li i img {
	float: left;
}

.Product nav li a {
	display: block;
	line-height: 40px;
	padding: 0 15px;
	position: relative;
	transition: color 0.2s;
	z-index: 1;
}

.Product nav li a:hover {
	color: #fff;
}

.Product nav li a:hover i img:first-child {
	margin-top: -20px;
}

.Product nav li::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 40px;
	background: #17B13D;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform 0.2s;
}

.Product nav li:hover::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0% 50%;
	transition-timing-function: ease-in;
}

.Product nav li.act a {
	color: #fff;
}

.Product nav li.act a i img:first-child {
	margin-top: -20px;
}

.Product nav li.act {
	background: #17B13D;
}

.Product .content {
	overflow: hidden;
	padding-top: 40px;
}

.Product .content .box {
	overflow: hidden;
}

.Product .content .list {
	overflow: hidden;
	display: none;
}

.Product .content .list .tipCirel{ text-align: center; padding-top: 20px;}
.Product .content .list .tipCirel span{ width: 10px; height: 10px; display: inline-block; border: 1px solid #ddd; border-radius: 50%; margin: 0 4px; cursor: pointer;}
.Product .content .list .tipCirel span.act{ background: #17B13D; border: 1px solid #17B13D;}
.Product .content ul {
	
	width: 98800px;
	overflow: hidden;
}

.Product .content li {
	float: left;width:278px;
	margin-right: 29px;
}

.Product .content li a {
	display: block;
	overflow: hidden;
	text-align: center;
	background: #f5f5f5;
}

.Product .content li .img {
	border: 1px solid #eee;
	height: 240px; padding:2px;
	overflow: hidden; background:#FFFFFF;
}

.Product .content li a:hover img {
	transform: scale(1.1);
}

.Product .content li .name {
	height: 60px;
	line-height: 60px;
	transition: 0.2s;
	position: relative;
	transition: 0.2s;
	z-index: 5;
	border-top: 10px solid #fff;
}

.Product .content li .name::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #17B13D;
	z-index: -1;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform .3s;
}

.Product .content li:hover .name::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0% 50%;
	transition-timing-function: ease-in;
}

.Product .content li .name em {
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	padding: 3px;
	border-radius: 50%;
	color: #fff;
	border: 1px solid #fff;
	line-height: 10px;
	font-style: normal;
	transition: 0.2s;
	margin-left: -5px;
}

.Product .content li a:hover .name {
	color: #fff;
	line-height: 40px;
}

.Product .content li a:hover em {
	bottom: 10px;
}

.AboutUs {
	background: #efefef;
}

.AboutUs video {
	float: left;
	width: 40%;
	object-fit: fill;
}
.AboutUs .video {
	float: left;
	width: 40%;
	object-fit: fill;
}
.AboutUs .video img {
	width: 100%;
}
.AboutUs .usinfo {
	float: right;
	width: 56%;
	background: url(../images/bj_map.jpg) no-repeat center;
	overflow: hidden;
}

.AboutUs .usinfo .i_tit {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.AboutUs .usinfo p {
	padding: 10px 0;
	line-height: 34px;
}

.AboutUs .usinfo a {
	background: #168E34;
	color: #fff;
	padding: 5px 30px 5px 10px;
	font-size: 12px;
	position: relative;
	overflow: hidden;border-radius:5px;
}

.AboutUs .usinfo a:before {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: -355px;
	transition: 0.3s;
}

.AboutUs .usinfo a:after {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	transition: 0.15s;
}

.AboutUs .usinfo a:hover {
	background: #17B13D;
}

.AboutUs .usinfo a:hover:before {
	left: 63px;
}

.AboutUs .usinfo a:hover:after {
	display: none;
}

.AboutUs .down {
	overflow: hidden;
	margin: 50px 0 0px 0;
}

.AboutUs .down .btn {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
	position: relative;
	top: 10px;
	cursor: pointer;
	transition: 0.5s;
	font-size: 20px;
	color: #999;
}

.AboutUs .down .btn:hover {
	background: #168E34;
	color: #fff;
	border-radius: 50%;
}

.AboutUs .down .pre {
	float: left;
}

.AboutUs .down .content {
	width: 1080px;
	float: left;
	overflow: hidden;
	margin-left: 10px;
}

.AboutUs .down .content .box {
	width: 99999999px;
	overflow: hidden;
}

.AboutUs .down .content .list {
	width: 1080px;
	overflow: hidden;
	float: left;
}

.AboutUs .down .content .list ul {
	width: 9999px;
}

.AboutUs .down .content .list li {
	float: left;
	margin: 0 18px;
	cursor: pointer;
	padding: 5px 0;
	transition: 0.3s;
}

.AboutUs .down .content li:hover img {
	box-shadow: 0 0 5px #999;
}

.AboutUs .down .next {
	float: right;
}

.CaseShow header {
	overflow: hidden;
}

/*.CaseShow header a {
	float: right;
	background: #168E34;
	padding: 2px 15px;
	color: #fff;
	position: relative;
	top: 15px;
	font-size: 12px;
}*/

.CaseShow header a {
	background: #168E34;
	color: #fff;
	padding: 5px 30px 5px 10px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	float: right;border-radius:5px;
}

.CaseShow header a:before {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: -355px;
	transition: 0.3s;
}

.CaseShow header a:after {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	transition: 0.15s;
}

.CaseShow header a:hover {
	background: #17B13D;
}

.CaseShow header a:hover:before {
	left: 40px;
}

.CaseShow header a:hover:after {
	display: none;
}



.CaseShow .content {
	overflow: hidden;
	padding-bottom: 10px;
}

.CaseShow .content ul {
	width: 1300px;
}

.CaseShow li {
	float: left;
	width: 380px;
	height: 230px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 30px;
	transition: 0.3s;
}

.CaseShow li:hover{
	box-shadow: 0 0 10px #888;
}

.CaseShow li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.CaseShow li a .name {
	width: 90%;
	bottom: 0;
	height: 44px;
	background: rgba(22, 142, 52, 0.6);
	position: absolute;
	line-height: 44px;
	padding: 0 5%;
	color: #fff;
}

.CaseShow li a:hover img {
	transform: scale(1.1);
}

.newCenter {
	padding-bottom: 50px;
}

.newCenter header {
	overflow: hidden;
	margin-bottom: 30px;
}

/*.newCenter header a {
	float: right;
	background: #168E34;
	padding: 2px 15px;
	color: #fff;
	position: relative;
	top: 15px;
	font-size: 12px;
}*/

.newCenter header a {
	background: #168E34;
	color: #fff;
	padding: 5px 30px 5px 10px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	float: right;border-radius:5px;
}

.newCenter header a:before {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: -355px;
	transition: 0.3s;
}

.newCenter header a:after {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	transition: 0.15s;
}

.newCenter header a:hover {
	background: #17B13D;
}

.newCenter header a:hover:before {
	left: 40px;
}

.newCenter header a:hover:after {
	display: none;
}

.newCenter .left {
	width: 338px;
	padding: 20px 35px;
	background: #efefef;
	float: left;
	transition: 0.2s;
}
.newCenter .left .time{
	font-size: 24px;
	font-weight: bold;
	color: #168E34;
	line-height:26px;
}

.newCenter .left:hover{
	box-shadow:  0 0 6px #999;
	margin-left: 5px;
}

.newCenter .left p {
	overflow: hidden;
}

.newCenter .left h4 {
	border-left: 2px solid #666;
	padding-left: 10px;
	margin: 15px 0;
	font-size: 16px;
}

.newCenter .left .more {
	padding: 10px 0;
}

.newCenter .left .more a {
	background: #168E34;
	width: 60px;
	height: 24px;
	display: block;
	color: #fff;
	position: relative;
	text-align: center;
	line-height: 24px;
}

.newCenter .left .more a:before {
	content: '';
	width: 8px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	left: -50%;
	top: 50%;
	margin-left: -4px;
	transition: 0.2s;
}

.newCenter .left .more a:after {
	content: '';
	width: 1px;
	height: 8px;
	background: #fff;
	display: block;
	position: absolute;
	right: -50%;
	top: 50%;
	margin-top: -3px;
	transition: 0.2s;
}

.newCenter .left .more a:hover span {
	display: none;
}

.newCenter .left .more a:hover:before {
	left: 50%;
}

.newCenter .left .more a:hover:after {
	right: 50%;
}

.newCenter .right {
	width: 720px;
	float: right;
	padding-bottom: 5px;
}

.newCenter .right ul {
	padding: 0 5px;
}

.newCenter .right li {
	border-top: 1px solid #ddd;
	line-height: 24px;
	overflow: hidden;
	padding: 15px;
	transition: 0.3s;
}

.newCenter .right li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.newCenter .right li a .text {
	width: 600px;
	float: left;
}

.newCenter .right li h4 {
	border-left: 2px solid #666;
	padding-left: 10px;
	margin: 0 0 15px 0;
	line-height: 20px;
	font-size: 15px;
}

.newCenter .right li time {
	display: block;
	width: 90px;
	position: absolute;
	top: 40%;
	right: 0;
}

.newCenter .right li time span {
	display: block;
	text-align: center;
	color: #333;font-size:16px;
}
.newCenter .right li time span:last-child {
	font-size: 20px;
}
.newCenter .right li:hover {
	box-shadow: 0 0 5px #999;
}

footer {
	background: url(../images/foter_bj.jpg);
	color: #fff;
	overflow: hidden;
}

footer h4 {
	font-size: 16px;
	padding: 15px 0;
}

footer li {
	padding: 10px 0;
}

footer li a {
	color: #fff;
	border-left: 2px solid #fff;
	padding-left: 5px;
}

footer p {
	padding: 5px 0;
}

footer .fmenu {
	float: left;
	width: 200px;
}

footer .fpro {
	float: left;
	width: 300px;
}

footer .fpro li {
	float: left;
	width: 120px;
}

footer .fContact {
	float: left;
	width: 340px;
	padding-left: 20px;
}
footer .fContact .wx {
	width:280px;height: inherit;
	transition: 0.8s;
	box-sizing: border-box;
}
footer .f_form {
	float: right;
	width: 260px;
}

footer .f_form input {
	width: 90%;
	height: 30px;
	padding: 0 5%;
}

footer .f_form textarea {
	width: 90%;
	height: 60px;
	padding: 0 5%;
}

footer .f_form .sumit {
	background: #168E34;
	color: #fff;
	width: 180px;
	height: 40px;
	font-size: 18px;
}

.copyRight {
	border-top: 1px solid #012752;
	padding-top: 10px;
	margin-top: 20px;
	text-align: center;
}

.copyRight span {
	padding: 0 10px;
}

.mHeader {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 20;
}

.M_menu_list {
	position: fixed;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 20;
	display: none;
	overflow: auto;
}

.M_menu_list li {
	line-height: 44px;
	border-bottom: 1px dashed #666;
}

.M_menu_list li a {
	padding: 0 15px;
	display: block;
	color: #fff;
	position: relative;
}

.M_menu_list li em {
	font-style: normal;
	background: #168E34;
	position: absolute;
	right: 15px;
	display: block;
	height: 10px;
	width: 10px;
	line-height: 10px;
	padding: 5px;
	border-radius: 50%;
	top: 50%;
	margin-top: -10px;
	color: #fff;
}

.M_menu_list li .hide {
	display: none;
}

.M_menu_list li .hide li {
	border: none;
}
.M_menu_list li .hide li .hide p a{ padding-left: 50px;}

.M_menu_list li .hide li h4 {
	color: #168E34;
	padding: 0 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.M_menu_list li .hide li h4 i {
	float: right;
}

.M_menu_list li .hide li .subhide {
	display: none;
}

.M_menu_list li .hide li .subhide a {
	color: #999;
	padding: 0 40px;
	font-size: 12px;
}

.M_menu_list li.lang {
	background: rgba(0, 0, 0, .5);
	overflow: hidden;
}

.M_menu_list li.lang a {
	width: 50%;
	float: left;
	box-sizing: border-box;
	text-align: center;
}

.InerBanner {
	height: 400px;
}

.usbaner {
	background: url(../images/usbaner.jpg) no-repeat center;
}

.newbaner {
	background: url(../images/news_baner.jpg) no-repeat center;
}

.casebaner {
	background: url(../images/caseBj.jpg) no-repeat center;
}

.probaner {
	background: url(../images/probaner.jpg) no-repeat center;
}

.contactbaner {
	background: url(../images/contactBj.jpg) no-repeat center;
}

.custmerbaner {
	background: url(../images/inerBnaer_preson.jpg) no-repeat center;
}

.website {
	border-bottom: 1px solid #eee;
	line-height: 50px;
	margin-bottom: 20px;
}

.website i {
	margin-right: 5px;
}

.website a {
	color: #999;
}

.innertit {
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.innertit h2 {
	font-size: 32px;
	font-weight: normal;
	padding: 10px 0;
	color: #17B13D;
}

.about_us .info {
	text-align: center;
	line-height: 30px;
}

.about_us .info p {
	padding: 8px 0;
}

.about_us .honor {
	padding: 60px 0;
	margin-top: 30px;
}

.about_us .honor .left {
	width: 260px;
	float: left;
}

.about_us .honor .left .innertit {
	text-align: left;
}

.about_us .honor .left .txt li {
	display: none;
	line-height: 26px;
}

.about_us .honor .left .btn {
	padding-top: 100px;
}

.about_us .honor .left .btn span {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	display: inline-block;
	background: #999;
	cursor: pointer;
	transition: 0.2s;
}

.about_us .honor .left .btn span.pre,
.inerUs .honor .left .btn span:hover {
	background: #17B13D;
}

.about_us .honor .right {
	width: 846px;
	float: right;
	overflow: hidden;
}

.about_us .honor .right ul {
	width: 99999px;
}

.about_us .honor .right ul li {
	overflow: hidden;
	width: 846px;
	float: left;
}

.about_us .honor .right .list {
	width: 262px;
	float: left;
	margin-left: 20px;
	text-align: center;
	font-size: 18px;
}

.about_us .honor .right .list img {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.page {
	padding: 10px 0;
	text-align: center;
}
.page a {
	display: inline-block;
	line-height: 30px;
	border: 1px solid #ddd;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.page a:hover,
.page a.act {
	background: #168E34;
	color: #fff;
}
.page SPAN.current {
	display: inline-block;
	line-height: 30px;
	border: 1px solid #168E34;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background: #168E34;
	color: #fff;
}
.page SPAN.disabled {
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	border: 1px solid #ddd;
	margin: 0 5px;
}

.inerNews {
	padding: 10px 0;
}

.inerNews li {
	border: 1px solid #eee;
	margin: 20px 0;
}

.inerNews li a {
	display: block;
	padding: 20px;
	background: #fff;
	overflow: hidden;
}

.inerNews li a .img {
	width: 22%;
	float: left;
}

.inerNews li a .txt {
	width: 64%;
	float: left;
	padding-left: 3%;
	line-height: 24px;
}

.inerNews li a .txt .more {
	padding-top: 10px;
}

.inerNews li a .txt .more span {
	color: #fff;
	background: #17B13D;
	padding: 3px 5px;
}

.inerNews li a .txt h4 {
	font-size: 18px;
	padding: 15px 0;
}

.inerNews li a .txt h4+p {
	color: #999;
}

.inerNews li a .time {
	width: 10%;
	float: right;
	text-align: center;
	padding: 20px 0;
	border-left: 1px solid #ddd;
	height: 100%;
}

.inerNews li a .time p {
	padding: 10px 0;
}

.inerNews li a .time p b {
	font-size: 28px;
}

.inerNews li a:hover {
	box-shadow: 0 0 5px #999;
}

.newDetail .tit {
	font-size: 24px;
	padding: 20px 0;
	text-align: center;
	font-size: 34px;
	font-weight: normal;
	color: #333;
}

.newDetail .tips {
	padding: 0px 0 30px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
	color: #999;
}

.newDetail .content {
	line-height: 34px;
	padding: 30px 0;
}

.newDetail .content p {
	padding: 8px 0;
}

.newDetail .content img {
	margin-left: -2em;
}

.newDetail .updown {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	position: relative;
}

.newDetail .updown p {
	padding: 5px 0;
}

.newDetail .updown .back {
	width: 200px;
	height: 44px;
	display: block;
	position: absolute;
	right: 0;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	background: #17B13D;
	color: #fff;
}

.newDetail .updown .back:hover {
	border-radius: 25px;
}

.inerCase {
	padding: 0 5px;
}
.subNvas {
	text-align: center;
	padding: 20px 0;
}

.subNvas a {
	width: 120px;
	text-align: center;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #eee;
	margin: 0 10px;
}

.subNvas a:hover,
.subNvas a.act {
	background: #17B13D;
	color: #fff;
}
.inerCase ul {
	width: 1340px;
}

.inerCase li {
	width: 270px;
	float: left;
	margin-left: 10px;
	margin-right: 15px;
	height: 400px;
	margin-bottom: 40px;
	line-height: 26px;
	transition: 0.2s;
}

.inerCase li h4 {
	padding: 10px 20px;
	font-size: 18px;
	transition: 0.2s;
}

.inerCase li p {
	padding: 0 20px;
}

.inerCase li a {
	display: block;
}

.inerCase li a:hover h4 {
	color: #168E34;
}

.inerCase li:hover {
	box-shadow: 0 0 8px #999;
}

.inerCase li img {
	border: 1px solid #fff;
	box-sizing: border-box;
}

.inerCase li:hover img {
	border: 1px solid #eee;
}

.inerTech li {
	margin-top: 30px;
	transition: 0.5s;
}

.inerTech li:hover {
	box-shadow: 0 0 5px #eee;
}

.inerTech li a {
	display: block;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #eee;
}

.inerTech li a:hover img {
	transform: scale(1.1);
}

.inerTech li a:hover .time i {
	padding: 8px 25px;
}

.inerTech li img {
	transition: 0.2s;
}

.inerTech li .img {
	float: left;
	width: 338px;
	overflow: hidden;
}

.inerTech li .info {
	float: right;
	width: 790px;
}

.inerTech li .info h4 {
	font-size: 20px;
	color: #17B13D;
	padding: 20px 0;
}

.inerTech li .info .txt {
	line-height: 24px;
	color: #888;
	padding-bottom: 20px;
	overflow: hidden;
}

.inerTech li .info .time {
	color: #999;
}

.inerTech li .info .time i {
	float: right;
	border: 1px solid #17B13D;
	font-style: normal;
	padding: 8px 30px;
	color: #17B13D;
	transition: 0.5s;
}

.inerCustemer ul {
	padding: 10px;
}

.inerCustemer li {
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 20px;
	line-height: 24px;
	color: #999;
	transition: 0.5s;
}

.inerCustemer li h4 {
	font-size: 20px;
	color: #17B13D;
	padding: 10px 0;
}

.inerCustemer li:hover {
	box-shadow: 0 0 10px #aaa;
}

.subNvas {
	text-align: center;
	padding: 20px 0;
}

.subNvas a {
	width: 120px;
	text-align: center;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #eee;
	margin: 0 10px;
}
.subNvas a:hover,
.subNvas a.act {
	background: #17B13D;
	color: #fff;
}

.contact li {
	width: 23.333%;
	margin: 0;
	text-align: center;
	font-size: 14px;
	padding: 0 5%;
	line-height: 24px;
	float: left;
}

.contact li img {
	margin: 20px 0;
}

.contact li h4 {
	padding: 20px 0;
}

.contact .contacInfo {
	line-height: 24px;
	padding-bottom: 30px;
}
.contact .contacInfo img{float:right; margin-right:300px; margin-top:-42px;}
.contact .contacInfo p {
	padding: 5px 0;
}

.contact .contacInfo h4 {
	font-size: 18px;
	color: #17B13D;
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
}

.contact .contacInfo .map {
	border: 1px solid #eee;
	padding: 5px;
	margin-top: 10px;
}

.partners {
	padding: 60px 0;
}

.partners ul {
	width: 1240px;
}

.partners li {
	width: 178px;
	height: 60px;
	border: 1px solid #ddd;
	float: left;
	margin: 0 18px 20px 0;
	transition: 0.2s;
}

.partners li:hover {
	box-shadow: 0 0 10px #aaa;
}

.inerPro aside {
	width: 250px;
	float: left;
	border: 1px solid #eee;
}

.inerPro aside .tit {
	background: #168E34;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}

.inerPro aside .tit h4 {
	font-size: 28px;
	padding-bottom: 10px;
}

.inerPro aside .scontact {
	border: ;
	line-height: 24px;
	border-top: 1px solid #eee;
	padding: 15px;
	background: #f9f9f9;
}

.inerPro aside .scontact h4 {
	font-size: 18px;
	padding: 5px 0;
	color: #17B13D;
}

.inerPro aside ul {
	padding: 10px;
}

.inerPro aside ul li {
	line-height: 44px;
	margin-bottom: 10px;
}

.inerPro aside ul li h4 {
	background: #f5f5f5;
	padding-left: 10px;
	font-weight: normal;
	border-radius: 5px;
	transition: 0.2s;
	position: relative; font-size:15px;
}

.inerPro aside ul li h4:hover,
.inerPro aside ul li h4.act {
	background: #17B13D;
	color: #fff;
	cursor: pointer;
}

.inerPro aside ul li h4 em {
	width: 10px;
	height: 10px;
	line-height: 10px;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	font-style: normal;
	background: #17B13D;
	padding: 2px;
	color: #fff;
	border-radius: 50%;
	transition: 0.2s;
}

.inerPro aside ul li h4:hover em,
.inerPro aside ul li h4.act em {
	background: #fff;
	color: #17B13D;
}

.inerPro aside ul li .hide a {
	padding-left:16px;
	font-size: 14px;
	display: block; line-height:34px;
}

.inerPro aside ul li .hide {
	display: none;
}

.inerPro .proBox,
.inerPro .inerProdetail {
	width: 894px;
	float: right;
}

.inerPro .proBox ul {
	width: 960px;
}

.inerPro .proBox li {
	float: left; width:278px;
	margin-right: 29px;
	margin-bottom: 25px;
}

.inerPro .proBox li a {
	display: block;
	overflow: hidden;
	text-align: center;
}

.inerPro .proBox li .img {
	border: 1px solid #eee;
	height: 240px; padding:2px;
	overflow: hidden;
	margin-bottom: 10px;
}

.inerPro .proBox li a:hover img {
	transform: scale(1.1);
}

.inerPro .proBox li .name {
	height: 60px;
	background: #f8f8f8;
	line-height: 60px;
	transition: 0.2s;
	position: relative;
}

.inerPro .proBox li .name em {
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	padding: 3px;
	border-radius: 50%;
	color: #fff;
	border: 1px solid #fff;
	line-height: 10px;
	font-style: normal;
	transition: 0.2s;
	margin-left: -5px;
}

.inerPro .proBox li a:hover .name {
	background: #17B13D;
	color: #fff;
	line-height: 40px;
}

.inerPro .proBox li a:hover em {
	bottom: 10px;
}

.inerProdetail .shows {
	padding: 10px 0 20px 0;
	overflow: hidden;
}

.inerProdetail .left {
	width: 50%;
	float: left;
	text-align: center;
}

.inerProdetail .left .swiper-button-next,
.inerProdetail .left .swiper-button-prev {
	display: none;
}

.inerProdetail .text {
	width: 45%;
	float: right;
}

.inerProdetail .text {
	line-height: 24px;
	color: #666;
}

.inerProdetail .text h4 {
	font-size: 20px;
	color: #17B13D;
	font-weight: normal;
	padding: 20px 0;
}

.inerProdetail .text .tips {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	margin: 20px 0;
}

.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 1px solid #17B13D;
}

.gallery-thumbs {
	position: relative; margin-top:10px;
}
.gallery-thumbs .bnt {
	width: 20px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 2;
	background: rgba(0, 0, 0, 1);
	top:15px;
	color: #fff;
	font-family: arial;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
	opacity: 0.3;
}

.gallery-thumbs .bnt.next {
	right: 0;
}

.gallery-thumbs .bnt:hover {
	opacity: 0.6;
}

.inerProdetail .tabs {
	padding: 20px 0;
}

.inerProdetail .tabname {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	background: #f5f5f5;
}

.inerProdetail .tabname li {
	float: left;
	line-height: 44px;
	padding: 0 60px;
	cursor: pointer;
	font-size: 16px;
	border-right: 1px solid #fff;
}

.inerProdetail .tabname li:hover,
.inerProdetail .tabname li.act {
	background: #168E34;
	color: #fff;
}

.inerProdetail .list {
	padding: 20px 0;
	line-height: 26px;
	display: none;
}
.inerProdetail .list iframe {height:600px;}
.inerProdetail .list li {
	float: left;
	margin: 0 10px;
	text-align: center;
	width: 202px;
}
.inerProdetail .list li img {
	float: left;
	border: 1px solid #eee;
}

.inerProdetail .list li .name {
	line-height: 28px;
}

.inerProdetail .list li a {
	display: block;
}

.M_promenu {
	padding: 0 5px;
	display: none;
}

.M_promenu select {
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
}
#formOverlay, #formContainer{display: none;}
#formOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}
#formContainer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 9999;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    border-radius: 8px;
}
#closeBtn {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 24px;
    color: #999;
}
.inquireFormBox {
	position:fixed;
	background:#fff;
	padding:20px;
	top:50%;
	left:50%;
	width:500px;
	-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, .3);
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .3);
	z-index:10001;
	display:none;
}
.inquireFormBox .closeForm {
	position:absolute;
	width:40px;
	height:40px;
	top:0;
	right:0;
	text-align:center;
	line-height:40px;
	font-size:30px;
	cursor:pointer;
}
.inquireFormBox h2 {
	color:#168E34;
	font-size:24px;
	font-weight:700;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:0px solid #333;
	text-align:center;
}
.inquireFormBox .info {
	width:100%;
	padding:0 5px;
	float:left;
	overflow:hidden;
	margin-bottom:12px
}
.inquireFormBox .info.textarea {
	width:100%
}
.inquireFormBox .label_control {
	width:100%;
	margin-top:0;
	height:36px;
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
	line-height:36px
}
.inquireFormBox .controls {
	height:36px;
	line-height:36px;
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative
}
.inquireFormBox .controls .tips {
	position:absolute;
	right:10px;
	top:0;
	line-height:36px;
	color:red
}
.inquireFormBox .controls input, .inquireFormBox .controls textarea {
	width:100%;
	height:100%;
	text-indent:10px;
	border:0 !important;
	background:0 0;
	resize:none
}
.inquireFormBox .controls input:focus,
.inquireFormBox .controls textarea:focus {
    outline: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.inquireFormBox .controls textarea {
	text-indent:0;
	padding:10px
}
.inquireFormBox .info.textarea .controls {
	height:80px
}
.inquireFormBox .info input[type=submit] {
	padding:10px 25px;
	border:0;
	background:#1e1e1e;
	color:#fff;
	font-weight:700;
	cursor:pointer;
transition:all .3s
}
.inquireFormBox .info input[type=submit]:hover {
opacity:.8;
transition:all .3s
}
.inquireFormBj {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10000;
	background:rgba(0, 0, 0, .5);
	display:none
}
@media screen and (max-width:1300px) {
	.toper {
		display: none;
	}
	.mHeader {
		display: flex;
		background: #fbfbfb;
		justify-content: space-between;
		padding: 5px;
		align-items: center;
	}
	.mHeader .logo {
	float: left;
	width: 200px;
	height: inherit;
	transition: 0.8s;
	padding-top:2px;
	box-sizing: border-box;}
	.mHeader .m_menu {
		padding: 5px;
	}
	.mHeader .m_menu.act {
		background: #eee;
	}
	.banner {
		margin-top: 70px;
		padding: 0;
	}
	section {
		width: 100%;
	}
.inerProdetail .list iframe {height:70vw;}
}
@media screen and (max-width:1170px) {
	.fixed {
		display: block;
	}
	.Product .content .list .tipCirel{ display: none;}
	.M_promenu {
		display: block;
	}
	footer {
		margin-bottom: 52px;
	}
	.P50 {
		padding: 20px 0;
	}
	.InerBanner {
		margin-top: 70px;
	}
	.i_tit {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.Product .content .box {
		width: 400%;
	}
	.Product .content .list {
		width: 25%;
	}
	.Product nav {
		float: none;
		width: 100%;
	}
	.Product nav li {
		width: 50%;
		margin: 0;
		border: 1px solid #fff;
		box-sizing: border-box;
	}
	.Product .content {
		padding-top: 10px;
	}
	.Product .content ul {
		width: 100%;
	}
	.Product .content li {
		width: 50%;
		padding: 5px;
		box-sizing: border-box;
		margin: 0;
	}
	.Product .content li .img {
		height: auto;
		margin: 0;
	}
	.Product .content li .name {
		line-height: 40px;
		height: 40px;
		font-size: 12px;
	}
	.Product .content li .name em {
		display: none;
	}
	.AboutUs .up {
		padding: 5px;
	}
	.AboutUs video,.AboutUs .video,
	.AboutUs .usinfo,
	.CaseShow .content ul {
		width: 100%;
		float: none;
	}
	.AboutUs .down {
		display: none;
	}
	.CaseShow header a,
	.newCenter header a {
		right: 5px;
	}
	.CaseShow li {
		width: 50%;
		padding: 5px;
		box-sizing: border-box;
		margin: 0;
		height: auto;
	}
	.newCenter .left,
	.newCenter .right {
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 10px;
	}
	.newCenter .right li a .text {
		width: 100%;
	}
	.newCenter .right li time {
		display: none;
	}
	.newCenter {
		padding-bottom: 20px;
	}
	footer .fmenu,
	footer .fpro,
	footer .fContact {
		display: none;
	}
	footer .f_form {
		width: 100%;
		float: none;
		padding: 5px;
		box-sizing: border-box;
	}
	.copyRight span {
		display: none;
	}
	.copyRight {
		text-align: center;
	}
	.about_us .honor {
		padding: 20px 0;
	}
	.about_us .honor .left {
		width: 100%;
		float: none;
		padding: 5px;
		box-sizing: border-box;
	}
	.about_us .honor .left .btn {
		display: none;
	}
	.about_us .honor .right {
		width: 100%;
		float: none;
		padding: 5px;
		box-sizing: border-box;
	}
	.about_us .honor .right ul li,
	.about_us .honor .right ul {
		width: 100%;
	}
	.about_us .honor .right .list {
		width: 33.333%;
		margin: 0;
		font-size: 14px;
		padding: 10px;
		box-sizing: border-box;
	}
	.about_us .honor .right .list img {
		margin-bottom: 5px;
	}
	.InerBanner {
		height: 50vw;
	}
	.about_us .innertit {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.about_us .innertit h2 {
		font-size: 24px;
	}
	.about_us .info {
		text-align: left;
		padding: 5px;
	}
	.inerNews {
		padding: 5px;
	}
	.inerNews li a .img,
	.inerNews li a .txt {
		width: 100%;
		float: none;
	}
	.inerNews li a .time {
		display: none;
	}
	.newDetail {
		padding: 5px;
	}
	.newDetail .tit {
		font-size: 18px;
		padding: 10px 0;
	}
	.newDetail .tips {
		padding-bottom: 10px;
	}
	.newDetail .content {
		padding: 15px 0;
	}
	.inerCase ul {
		width: 100%;
	}
	.inerCase li {
		width: 50%;
		margin: 0;
		padding: 5px;
		box-sizing: border-box;
	}
	.inerTech {
		padding: 5px;
	}
	.inerTech li {
		margin: 0 0 20px 0;
	}
	.inerTech li .img,
	.inerTech li .info {
		width: 100%;
		float: none;
	}
	.inerTech li .img img,
	.inerNews li a .img img {
		width: 100%;
	}
	.inerTech li .info .time i {
		display: none;
	}
	.contact {
		padding: 5px;
	}
	.contact li {
		width: 33.333%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.contact li img,
	.contact li h4 {
		margin: 10px 0;
		padding: 0;
	}
	.contact .contacInfo h4 {
		padding-top: 20px;
		margin-top: 20px;
	}
	.partners ul {
		width: 100%;
	}
	.partners li {
		width: 30.333%;
		margin: 10px 1.5%;
		box-sizing: border-box;
		text-align: center;
		height: auto;
	}
	.inerPro aside {
		display: none;
	}
	.inerPro .proBox {
		width: 100%;
		float: none;
	}
	.inerPro .proBox ul {
		width: 100%;
	}
	.inerPro .proBox li {
		width: 45%;
		margin: 10px 2.5%;
	}
	.inerPro .proBox li .img {
		height: auto;
	}
	.inerPro .proBox li .name {
		height: 44px;
		line-height: 44px;
	}
	.inerPro .proBox li .name em {
		display: none;
	}
	.probaner {
		background: url(../images/m_probanner.jpg) center top;
		background-size: cover;
	}
	.inerProdetail .list li {
		width: 25%;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.inerPro .inerProdetail {
		width: 100%;
		float: none;
	}
	.inerProdetail .shows {
		padding-bottom: 0px;
	}
	
	.banner .swiper-slide img{ opacity: 1; filter:alpha(opacity=100);}
}

@media screen and (max-width:640px) {
	.inerNews li a {
		padding: 10px;
	}
	.inerProdetail {
		padding: 5px;
		box-sizing: border-box;
	}
	.inerProdetail .left,
	.inerProdetail .text {
		width: 100%;
		float: none;
	}
	.inerProdetail .tabname li {
		padding: 0;
		width: 33.33%;
		box-sizing: border-box;
		text-align: center;
	}
	.inerProdetail .list li {
		width: 50%;
	}
	.subNvas a {
		width: 120px;
	}
	.contact .contacInfo img{width:100%;float:none;padding:5%;box-sizing: border-box; margin-right:auto;}
}