/* 横幅 */
#banner{
	position: relative;
	overflow: hidden;
}
#banner .swiper_text{
	width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;-webkit-transform: translateY(-50%) !important;
    left: 0;
    z-index: 5;
    text-align: center;
}
#banner .swiper_text .logo03{
	margin:0 auto 40px;
}
#banner .swiper_text h3 {
    font-size: 70px;
    color: #fff;
}
#banner .swiper_text p {
    font-size: 24px;
    color: #fff;
	margin-top:5px;
}

#banner .swiper_text .seeanli{
	display: block;
	width: 150px;
	height: 38px;
	border: 2px solid #fff;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	margin:40px auto 0 auto;
}
#banner .swiper_text .seeanli:hover{
	background:#1616BA;
	border-color:#1616BA;
}

#banner .img {
	display:block;
	margin:0 auto;
    width: 100%;
    height: auto;
}
.banner-pagination-center{
	text-align:center;
	position: absolute;
    bottom: 30px;
	height:30px;
	width:100%;
	z-index:900;
}
#banner .banner-pagination {
	display:inline-block;
	width:auto !important;
	background:rgba(255,255,255,0.2);
	height:24px;
	line-height:22px;
	border-radius:50px;
	padding:0 12px;
}
#banner .banner-pagination .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
    margin: 0 5px;
	background:#fff;
	border-radius:10px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#banner .banner-pagination .swiper-pagination-bullet-active{
	width:20px;
	background:#008f40;
}

@media screen and (min-width:0px) and (max-width:768px){
	.banner-pagination-center {
		bottom: 5px;
	}
}



/* 产品分类 */
#pdClassfiy{
	position:relative;
	padding:0.25rem 0 0.4rem 0;
	overflow:hidden;
	background:#fff;
}
#pdClassfiy .item{
	position:relative;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#pdClassfiy .item .imgbox{
	overflow:hidden;
}
#pdClassfiy .item .imgbox img{
	width:100%;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#pdClassfiy .item h3{
	width:100%;
	margin:0px;
	font-size:22px;
	text-align:center;
	height:60px;
	line-height:60px;
	color:#333;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#pdClassfiy .item:hover h3{
	background:#008f40;
	color:#fff;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
#pdClassfiy .item:hover .imgbox img{
	transform:scale(1.1); 
}

#pdClassfiy .topTitle{
	text-align:center;
	margin-bottom:0.2rem;
}
#pdClassfiy .topTitle p{
	font-size:18px;
}
#pdClassfiy .owl-stage-outer{
	position:relative;
	z-index:99;
}

#pdClassfiy .owl-nav{
	position:absolute;
	top:50%;
	width:100%;
	z-index:98;
}
#pdClassfiy .owl-nav .owl-prev{
	position:absolute;
	left:-45px;
	top:-16px;
	font-size:32px;
	color:#e0e0e0;
}
#pdClassfiy .owl-nav .owl-next{
	position:absolute;
	right:-40px;
	top:-16px;
	font-size:32px;
	color:#e0e0e0;
}
#pdClassfiy .owl-nav .owl-next:hover,#pdClassfiy .owl-nav .owl-prev:hover{
	color:#008f40;
}
@media screen and (min-width:0px) and (max-width:768px){
	#pdClassfiy .topTitle h2{
		font-size:24px;
	}
	#pdClassfiy .topTitle p{
		font-size:14px;
	}
	#pdClassfiy .item h3{
		font-size:16px;
		height:40px;
		line-height:40px;
	}
}


/* 产品展示 */

#pdshow{
	background:url('/tpl/default/skin/img/pdshow.jpg')no-repeat center center;
	background-size:cover;
	padding:0.7rem 0;
}
#pdshow .left{
	position:relative;
	height:100%;
}
#pdshow .left .title{
	margin-bottom:150px;
}
#pdshow .left .title p{
	font-size:18px;
	padding-top:5px;
}
#pdshow .left  .arrow{
	margin:50px 0;
}
#pdshow .left  .arrow span{
	font-size:30px;
	display:inline-block;
	margin-right:15px;
	color:#999;
}
#pdshow .left  .arrow span:hover{
	color:#008f40;
	cursor:pointer;
}
#pdshow .left .more a{
	display:inline-block;
	padding:10px 20px;
	background:#008f40;
	color:#fff;
}
#pdshow .left .more a:hover{
	background:#7bb232;
	border-radius:3px;
}
#pdshow .right{
	position:relative;
}
#pdshow .right .owl-item:nth-child(odd){
	padding-top:60px;
}
#pdshow .right .item{
	transition: .3s ease-in-out;-webkit-transition: .2s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;
}
#pdshow .right .item h3{
	font-size:18px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
	padding:0 5px;
}
#pdshow .right .item .desc{
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:#666;
}
#pdshow .right .item a{
	color:#333;
}

#pdshow .right .item:hover h3{
	color:#008f40;
	word-break:break-all;
     display:-webkit-box;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical;
     overflow:hidden;
}
#pdshow .right .item:hover{
	transform:scale(0.96); 
}

@media screen and (min-width:0px) and (max-width:768px){
	#pdshow .owl-carousel{
		display:block;
	}
	#pdshow .right {
		display:flex;
		flex-wrap: wrap;
	}
	#pdshow .item{
		width:50%;
		padding:0 5px;
		box-sizing:border-box;
	}
	#pdshow .item img{
		width:100%;
	}
	#pdshow .left .title{
		margin-bottom:15px;
	}
	#pdshow .left .title{
		margin-bottom:25px;
	}
	#pdshow .left .title h2{
		font-size:24px;
	}
	#pdshow .left .title p{
		font-size:14px;
		padding-top:0px;
	}
	#pdshow .left  .more{
		position:absolute;
		right:0px;
		top:8px;
	}
	#pdshow .left .more a{
		padding: 8px 12px;
	}
	
	#pdshow .col-lg-9{
		padding:0 10px !important;
	}
	#pdshow .right .item{
		margin-bottom:15px;
	}
	#pdshow .right .item h3{
		font-size:16px;
		margin:0px;
		height:32px;
		line-height:32px;
		background:#fff;
		text-align:center;
	}
	#pdshow .right .item .desc{
		display:none;
	}
}



/* 关于我们 */
#about{
	background:url('/tpl/default/skin/img/about_bg.jpg')no-repeat center center;
	background-size:cover;
	padding:0.5rem 0;
}
#about .main{
	position:relative;
	display:flex;
	align-items:stretch;
}
#about .main:before{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:calc(100% - 220px);
	background:#fff;
	z-index:98;
}
#about .left {
	display:flex;
	align-items:flex-end;
}
#about .left .imgbox{
	width:100%;
}
#about .left .imgbox img{
	max-width:100%;
	max-height:100%;
	display:block;
	position:relative;
	z-index:999;
	margin:0 auto;
}
#about .right{
	position:relative;
}
#about .right .title{
	color:#fff;
	position:relative;
	z-index:99;
	padding-bottom:130px;
}
#about .right .title h2{
	font-size:48px;
	margin-bottom:20px;
}
#about .right .title p{
	font-size:30px;
	letter-spacing:2px;
}
#about .right .desc{
	position:relative;
	z-index:99;
}
#about .right .desc b{
	font-size:32px;
	display:block;
	margin-bottom:20px;
	font-weight:500;
}
#about .right .desc p{
	line-height:32px;
	font-size:15px;
}
#about .right .more{
	margin:40px 0;
}
#about .right .more a{
	position:relative;
	z-index:99;
	display: inline-block;
    padding: 10px 20px;
    background: #1c1c1c;
    color: #fff;
	transition: .3s ease-in-out;-webkit-transition: .2s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;
}
#about .right .more a:hover{
	background:#008f40;
	border-radius:5px;
}

@media screen and (min-width:0px) and (max-width:768px){
	#about .right .title{
		padding-bottom:40px;
	}
	#about .right .title h2{
		font-size:30px;
		margin-bottom:10px;
		margin-top:5px;
	}
	#about .right .title p{
		font-size:24px;
		letter-spacing:2px;
	}
	#about .main:before{
		display:none;
	}
	#about .main .desc{
		color:#fff;
	}
	
	#about .right .more a{
		padding: 8px 12px;
	}
}





/* 新闻 */
#news{
	padding:0.4rem 0;
}
#news .title{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
#news .title p{
	font-size:18px;
}

#news .title .more{
	display:flex;
	align-items:center;
}
#news .title .more a{
	display: inline-block;
    padding: 10px 20px;
    background: #008f40;
    color: #fff;
}
#news .title .more a:hover{
	background:#7bb232;
	border-radius:3px;
}
#news .list{
	margin:0 -20px;
}
#news .list .item{
	width:50%;
	padding:20px;
	position:relative;
	float:left;
	transition: .3s ease-in-out;-webkit-transition: .2s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;
}
#news .list .item .main{
	position:relative;
}
#news .list .item img{
	width:100%;
}
#news .list .item.big h3{
	position:absolute;
	bottom:0px;
	height:45px;
	line-height:45px;
	left:0px;
	width:100%;
	color:#fff;
	margin:0px;
	background:rgba(0,0,0,0.5);
	font-size:16px;
	box-sizing:border-box;
	padding:0 20px;
	transition: .3s ease-in-out;-webkit-transition: .2s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;
}
#news .list .item.big:hover{
	transform:scale(0.98);
}
#news .list .item.big:hover h3{
	background:rgba(0,143,64,0.95);
}
#news .list .small{
	padding:10px 20px; 
}
#news .list .small .imgbox{
	float:left;
	margin-right:20px;
}
#news .list .small h3{
	font-size:18px;
	font-weight:500;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
#news .list .small .desc{
	font-size:14px;
	color:#666;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
#news .list .small .addtime{
	font-size:14px;
	color:#666;
}
#news .list .small:hover{
	transform:scale(0.98);
}
#news .list .small:hover h3{
	color: #008f40;
}
#news .list .small:hover .desc{
	color:#333;
}

@media screen and (min-width:0px) and (max-width:768px){
	#news .title h2{
		font-size:24px;
	}
	#news .title p{
		font-size:16px;
	}
	#news .title .more a{
		padding:8px 12px;
	}
	#news .list .item{
		width:100%;
		padding:20px;
		position:relative;
		float:left;
	}
	#news .list .small .imgbox{
		max-width:45%;
	}
	#news .list .small .desc{
		-webkit-line-clamp:1;
		height:18px;
	}
	#news .list .small h3{
		margin-top:12px;
		margin-bottom:5px;
	}
}