#banner .swiper-slide {
	position: relative;
	text-align: center;
}

#banner .swiper-slide .swiper-slide-content {
	/*width: 80%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);*/
	
	width: 100%;
	text-align: center;
	left: 0;
	position: absolute;
	top: 40%;
	transform: translate(0);
	margin: 0;
}

#banner .swiper-slide .swiper-slide-content h4 {
	color: #fff;
	font-size: 50px;
}

#banner .swiper-slide .swiper-slide-content p {
	color: #fff;
	font-size: 18px;
	padding: 20px 0;
	width: 100%;
}

#banner .swiper-slide .detail {
	display: inline-block;
	padding: 6px 40px;
	border: 1px solid #fff;
	color: #fff;
	left: 50%;
	position: absolute;
	bottom: 50px;
	font-size: 15px;
	margin-left: -71px;
	line-height: 26px;
	text-decoration: none;
}

#banner .swiper-slide .detail:hover {
	color: #fff;
	border: 1px solid #23ab38;
	background: #23ab38;
}


#product .nav {
	float: left;
	width: 200px;
	min-height: 500px;
	position: relative;
}

#product .nav li {}

#product .nav li a {
	display: block;
	background: #fff;
	font-size: 16px;
	line-height: 75px;
	color: #505050;
	padding-left: 15px;
	position: relative;
	text-decoration: none;
}

#product .nav li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 80%;
	height: 1px;
	background: #e0e0e0;
}

#product .nav li.l2 a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 80%;
	height: 0px;
	background: #e0e0e0;
}

#product .nav li a i {
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	position: absolute;
	top: 50%;
	right: 26px;
	margin-top: -4px;
	transform:rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779);
}
#product .nav li.l2 a i {width: 6px; height: 6px;margin-top: -3px;}
#product .nav li.active>a i {
	border-color: #fff;
}

#product .nav li.active>a {
	background: #23ab38;
	color: #fff;
}

#product .nav li.active>a:after {
	width: 100%;
	background: #23ab38;
	left: 0;
}

 
#product .nav .dropdown {
	display: none;
	position: absolute;
	left: 200px;
	top: 0;
	width: 250px;
	bottom: 60px;
	padding: 15px 0;
	background: rgba(255, 255, 255, .75);
	background: #f0f0f0f\9;/*IE*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); 
}

#product .nav .dropdown a {
	position: relative;
	display: block;
	line-height: 18px;
	text-decoration: none;
	color: #505050;
	padding: 8px 26px;
	font-size: 12px;
	background: transparent;
}

#product .nav .dropdown a.morep{
/*color:#23AB38;*/ font-weight:bold;
	 
}

#product .nav .dropdown a.morep:hover {
color:#fff;
	 
}

#product .nav li .dropdown a:before {
	width: 5px;
	height: 5px;
}

#product .nav .dropdown a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 25px;
	width: 80%;
	height: 1px;
	background: #e0e0e0;
}

#product .viewer {
	margin-left: 200px;
	min-height: 500px;
}

#product .viewer .pic {
	height: 433px;
	width: 970px;
	overflow: hidden;
	background: #f2f2f2 url(../images/loading.gif) no-repeat center center;
	background-size: 30px auto;
}

#product .viewer .pic img {
	width: 100%;
}

#product .param {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

#product .paramItem {
	width: 23%;
	float: left;
	padding: 5px 0 5px 3%;
	border-right: 1px solid #e0e0e0;
	text-align: left;
}

#product .paramItem h3 {
	font-size: 22px;
	color: #333;
}

#product .paramItem p {
	font-size: 14px;
	color: #787878;
	padding-top: 10px
}

#product .paramItem1 {
	width: 30%;
}

#product .paramItem3 {
	width: 20%;
	border-right: 0 none
}

#product .detail {
	position: absolute;
	width: 16%;
	text-align: center;
	right: 0;
	/*top: 50%;
	transform: translateY(-50%);*/
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	background: #23ab38;
	height: 40px;
	line-height: 40px;
}

#product .detail:hover {
	background: #2eb743
}

.productSearch {
	width: 100%;
	overflow: hidden;
	padding: 40px 10px 10px;
	border-bottom: 1px solid #e0e0e0
}

.productSearch .hotKeyword {
	margin-right: 360px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	padding-top:10px;
}

.productSearch .hotKeyword a {
	margin-right: 12px;
	font-size: 12px;
	color: #666;
	
	font-weight: normal;
}

.productSearch .hotKeyword a:hover {
	color: #f60
}

.productSearch .searchForm {
	float: right;
	width: 330px;
	position: relative;
}

.productSearch .searchForm .keywordInput {
	display: block;
	border: 1px solid #ddd;
	width: 280px;
	height: 32px;
	padding: 0px 43px 0 6px;
	outline: none;
	color: #505050;
	line-height:32px;
}

.productSearch .searchForm .searchSubmit {
	cursor: pointer;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 34px;
	height: 34px;
	background: #23ab38 url(../images/search_icon.png) no-repeat center;
	border: 0 none;
	color: #fff;
	text-indent: -999px;
}

.productSearch .searchForm .searchSubmit:hover {
	background: #2eb743 url(../images/search_icon.png) no-repeat center;
}

#customer {
	width: 1260px;
	padding: 0
}

.videoNews {
	padding: 10px 45px;
	position: relative;
}

.videoNews .swiper-container {
	position: static;
}

.videoNews .swiper-slide {
	position: relative;
	width: 370px!important;
	height: 260px!important;
	margin:0 10px;
	overflow:hidden;
}

.videoNews .swiper-slide .info {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background: rgba(35, 171, 26, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9923ab38, endColorstr=#9923ab38); 
}

.videoNews .swiper-slide .info .icon {
	width: 78px;
	height: 78px;
	margin: 80px auto 18px
}

.videoNews .swiper-slide .info .icon img {
	width: 78px;
	height: 78px;
	display: block;
}

.videoNews .swiper-slide .info .title {
	font-size: 18px;
	color: #fff
}

.videoNews .swiper-slide:hover .info {
	display: block;
}

.videoNews .swiper-slide img {
	width: 100%;
	display: block;
}


.swiper-button-next,
.swiper-button-prev {
position: absolute;
	text-align: center;
	top: 50%;
	left: auto;
	right: 20px;
	width: 24px;
	height: 45px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
}
.swiper-button-prev {
	left: 20px;
	right:auto;
}

.customerList {
	padding: 15px 0;
	overflow: hidden;
}

.customerList a {
	float: left;
	width: 195px;
	height: 127px;
	overflow: hidden;
	background: #fff
}

.customerList a:nth-child(2n+1) {
	float: left;
	width: 195px;
	height: 127px;
	overflow: hidden;
	background: #f0f0f0
}

.customerList a:nth-child(7),
.customerList a:nth-child(9),
.customerList a:nth-child(11) {
	float: left;
	width: 195px;
	height: 127px;
	overflow: hidden;
	background: #fff
}

.customerList a:nth-child(8),
.customerList a:nth-child(10) {
	float: left;
	width: 195px;
	height: 127px;
	overflow: hidden;
	background: #f0f0f0
}

.customerList a.more {
	width: 195px;
	height: 127px;
	text-align: center;
	line-height: 127px;
	color: #fff;
	font-size: 16px;
	background: #23ab38;
	text-decoration: none
}

.customerList a.more:hover {
	background: #2eb743;
}

.customerList a img {
	width: 195px;
	height: 127px;
	transition: all ease-in .3s;
}

.customerList a:hover img {
	transform: scale(1.15);
}

#news {
	width: 1260px;
	padding: 0
}

.news {
	padding: 10px 45px;
	position: relative;
}

.news .swiper-container {
	position: static;
	height: 452px;
}

.news .swiper-slide {
	text-decoration: none;
	width: 370px!important;
	height: 452px!important;
	margin:0 10px;
}
.news .swiper-slide .pic {
	width: 100%;
	overflow: hidden;
	border-bottom: 0 none;
}

.news .swiper-slide img {
	width: 100%;
	display: block;
}

.news .swiper-slide .info {
	padding: 35px 20px 20px;
	border: 1px solid #e0e0e0;
	border-top: 0 none
}

.news .swiper-slide:hover .info {
	background: #f4ffea
}

.news .swiper-slide .info .title {
	font-size: 22px;
	height: 22px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news .swiper-slide .info .intro {
	font-size: 14px;
	color: #888;
	line-height: 22px;
	height: 44px;
	padding-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news .swiper-slide .info .bottom {
	font-size: 13px;
	color: #888;
	margin: 40px 0 0;
	position: relative;
}

.news .swiper-slide .info .bottom:after {
	font-size: 20px;
	font-weight: bold;
	color: #23ab38;
	content: "N";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}