/* 整站模板下载 */
/* 模板：Www.31jz.com */
/* 模板：Www.zhulitui.com */
*{margin: 0px;padding: 0px;}
body{background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a{text-decoration: none;}
li{list-style-type:none;}

.product{
	width: 1200px;
    margin: 0 auto 0px;
    height: auto;
    overflow: hidden;
}
.title{
	width: 100%;
	height:96px;
	background: url(../images/title.png)no-repeat top;
	padding-top:5px;
}
.title span{
	color:#666666;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	display: block;
}
.title p{
	color:#0da248;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.product .tab{
	width:890px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.product .tab ul {
	display: flex;
	justify-content: center;
}
.product .tab ul li {
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #dcdcdc;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.product .tab ul li a{
	color:#000000;
	font-size: 16px;

}
.product .pic ul{
	margin-left: -10px;
}
.product .tab ul li.active{background: #0da248;}
.product .tab ul li.active a{ color:#fff}
.product .tab ul li:hover{
	background: #0da248;
}
.product .tab ul li:hover a{
	color:#fff;
}
.product .pic ul li{
	width: 292px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	background: #eeeeee;

}
.product ul li img{
	width: 282px;
	margin:5px;
	height: 282px;
	margin-bottom: 0;
}
.product ul li p{
	width: 292px;
	height: 40px;
	transition: .5s;
	line-height: 40px;
	text-align: center;
	color:#1a1a1a;
	font-size: 15px;
}
.product ul li:hover {
	background: #0da248;
}
.product ul li:hover p{
	color:#fff;
}
.cases{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:50px;
}
.cases .show{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.cases .show .box{
	width: 800%;
}
.cases .show ul li{
	float: left;
	width: 300px;

	position: relative;
	margin-left: 15px;
}
.cases .show ul li img{
	width: 300px;

}
.cases .show ul li p {
	width: 300px;
	height: 30px;
	position: absolute;
	bottom: 0;
	background: rgba(25,25,25,0.5);
	line-height: 30px;
	font-size: 15px;
	text-align: center;
	color:#fff;
}
.cases .more{
	display: block;
	width:140px;
	height: 40px;
	line-height: 40px;
	padding-left:65px;
	color:#fff;
	font-size: 16px;
	background: #0da248 url(../images/more.png)135px 18px no-repeat;
	margin:0 auto;
	margin-top: 30px;
}