/*产品内容开始*/


.cp {
	padding: 20px 0;
}

.cps {
	background-color: #f3f9f5;
}

.cps>div:first-of-type {
	background-color: #fff;
	padding: 20px 0 10px;
}

.cp-nav {}

.pro>a {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #eee;
	position: relative;
	overflow: hidden;
}

.pro>a .pro-img img {
	display: block;
	width: 100%;
}

.pro>a .pro-img p {
	margin-bottom: 0;
	height: 40px;
	color: #55a83a;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	background-color: #eee;
	position: relative;
	bottom: 0;
	z-index: 10;
	transition: background-color .3s ease-in-out 0s;
}

.pro>a:hover {
	text-decoration: none;
}

.pro>a:hover .pro-img p {
	color: #fff;
	background-color: rgba(85, 168, 58, 1);
}

.pro>a .pro-text {
	opacity: 0;
	transition: opacity .3s ease-in-out 0s;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px;
	width: 100%;
	z-index: 10;
	text-align: center;
	background-color: rgba(85, 168, 58, .5);
}

.pro>a .pro-text i {
	font-size: 50px;
	color: rgba(255, 255, 255, .9);
	line-height: 550%;
}

.pro>a:hover .pro-text {
	display: block;
	opacity: 1;
}


/*产品内容结束*/


/*产品详情*/

.xinxi {
	width: 100%;
	background-color: #EEEEEE;
}

.xinxi-tittle h1 {
	margin: 10px 0;
}

.xinxi-tittle button {
	float: none;
	margin-top: 17px;
}

.tds ul li {
	display: inline-block;
}
.tds ul li a{
	color: #55a83a;
	padding: 25px;
}

.tds ul .act,
.tds ul .act a {
	background-color: #55a83a;
	color: #fff;
}


/*产品详情开始*/
.chanpin{
	padding: 20px 0;
}
.chan1{
}
.banner{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
}

.banner .img{
}
.banner .img li{
	display: none;
}
.banner .img li.ab{
	display: block !important;
}
.banner .img li img{
	width: 100%;
}

.banner .num{
	width: 100%;
	text-align: center;
}
.banner .num li{
	display: inline-block;
	width: 50px;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	cursor: pointer;
}
.banner .num li.at{
	border-color: #55a83a;
	border-width: 2px;
}


.banner .num li img{
	width: 100%;
}

.banner .btn_l,.banner .btn_r{
	position: absolute;
	top: 30%;
	font-size: 50px;
	color: #999;
}
.banner .btn_l:hover,.banner .btn_r:hover{
	color: #555;
}
.banner .btn_l:active,.banner .btn_r:active{
	box-shadow: none;
}
.banner .btn_l:focus,.banner .btn_r:focus{
	outline: none;
}


.banner .btn_l{
	left: -20px;
}
.banner .btn_r{
	right: -20px;
}

.chanpin-text .jian{
	height: 2px;
	margin: 10px 0;
	background: -webkit-linear-gradient(left, #55a83a , #F6FAF7);
    background: -o-linear-gradient(right, #55a83a , #F6FAF7);
    background: -moz-linear-gradient(right, #55a83a , #F6FAF7);
    background: linear-gradient(to right, #55a83a , #F6FAF7)
}
.chanpin-text ul li{
	line-height: 30px;
	font-size: 16px;
    font-weight: 300;
}
.chanpin-text ul li span{
	color: #f74f42;
	font-size: 18px;
    font-weight: 300;
}

.chan2>div{
	border-bottom: 1px solid #eee;
	overflow-y: auto;
}
.chan2>div h4{
	font-size: 20px;
	color: #55a83a;
	font-weight: bold;
	margin-top: 27px;
}
.chan2>div p{
	font-size: 16px;
	line-height: 28px;
}
.chan2>div .stripe{
	border: 1px solid #aaa;
	margin-bottom: 20px;
}
.chan2>div .stripe tr th{
	text-align: center;
	background-color: rgba(85,168,58,0.3);
}
/*//添加IOS下滚动条*/
.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}




/*在线留言*/
.ly{
	padding: 20px 0;
}
.ly-tittle h2{
	color: rgba(85,168,58,1);
    padding-bottom: 20px;
    font-weight: bold;
}

.ly #fo label{
	margin-bottom: 20px;
}
.ly #fo label span{
	width: 10%;
	font-size: 16px;
	vertical-align: middle;
}
.ly #fo label input{
	width: 80%;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 3px;
	color: #666;
}
.ly #fo label input:focus{
	border: 1px solid #55a83a;
	outline: medium;
	background-color: #f2f8ef;
}
.ly #fo #nr{
	width: 100%;
	vertical-align: top;
}
.ly #fo #nr textarea{
	width: 90%;
	height: 80px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #666;
}
.ly #fo #nr textarea:focus{
	border: 1px solid #55a83a;
	outline: medium;
	background-color: #f2f8ef;
}
.ly #fo #tj{
	width: 80%;
	height: 42px;
	color: #fff;
	background-color: #86c870;
	padding: 3px 0;
	border: none;
	border-radius: 4px;
	font-size: 18px;
}
.ly #fo #tj:hover{
	background-color: #55a83a;
}

@media (max-width:768px){
.ly #fo label input{
	width: 100%;
}	
.ly #fo #nr textarea{
	width: 100%;
}	
	
	
	
}