@charset "utf-8";
/* CSS Document */

/*首页标题样式*/
.index_title_bg{height:80px;background-image:url(../images/index_titel_bg.png);margin-top:40px;}
.index_title{text-align: center;color: #fff; width:208px;height:80px;margin: 0 auto;background-image:url(../images/index_title_bg2.png);}
.index_title p{padding-top:5px;font-size:24px;}
.index_title span{font-size:14px;}




/*产品分类*/

.classify{width:1250px;margin:30px auto 0 auto;}
.classify a{display:block;width:200px;margin:0 25px;float:left;}
.classify a .pic{width:200px;height:200px;border-radius:50%;overflow:hidden;border:2px solid #6acb02;position:relative;}
.classify a .pic img{width:200px;height:200px;display:block;}
.classify a .pic p{width:200px;height:36px;line-height:36px;text-align:center;position:absolute;left:0;top:150px;background:#6acb02;color:#fff;font-size:14px;}

.classify a .shade{wider:200px;height:30px;background-image:url(../images/shade.png);}

/*标题*/
.indextitle{height:60px;text-align:center;font-size:22px;color:#6acb02;background:url(../images/title.png) 50% 50% no-repeat;line-height:26px;}
.indextitle span{font-size:20px;}

/*产品中心*/
.products_title{height:80px;width:1200px;margin:0 auto; background-image:url(../images/products_title_bg.png); position:relative;}
.products_title ul{height:80px;width:1000px;margin:0 auto;margin-left:50px;}
.products_title ul li{height:36px;line-height:36px;width:170px;border-radius: 18px; margin:20px 18px 20px 10px;float: left;text-align: center;border:1px solid #6acb02;}	
.products_title .more{display: block;width:86px;height: 30px;position: absolute;right: 40px;top:24px; background-image:url(../images/more.png);}
		
.products_box{width:1240px;margin: 0 auto;}
.products_box a{display: block;margin:0 20px 0px 20px;width:270px;height:215px; float: left;margin-bottom:40px;}
.products_box a li{width:268px;height:213px;border:1px solid #ccc;}
.products_box a li div{display: table-cell; vertical-align: middle; width: 268px; height: 213px;}
.products_box a li img{max-width:268px; max-height:213px; margin: 0 auto; display: block;}	
.products_box a li p{font-size:16px;line-height:36px;color:#777;text-align:center;}	
.products_box a li span{font-size:16px;line-height:22px;color:#ea96b4;}

.products_box ul a:hover li{border:1px solid #ea96b4;}
.products_box ul a:hover li img{transform: scale(1.02, 1.02);}
.products_title a:hover{ color:#666;}
	
.products_title li.hover {
	color: #fff;
	text-align: center;
	border: none;
	background:#6acb02;
}

/*产品下背景*/
.imdex_bg{max-width:1920px;height:150px;background:url(../images/123.jpg) 50% 50% no-repeat;margin:30px auto;}

/*合作案例*/
.case_box{width:1200px;margin:0 auto;text-align: center;overflow:hidden;margin-bottom:40px;}
.case_box a{float:left;display:block;width:270px;margin-right:40px;}
.case_box a li{width:268px;border:1px solid #6acb02;height:250px;}
.case_box a li img{display: block;width:260px;height:206px;margin:4px;}
.case_box a li p{line-height:36px;background:#6acb02;color:#fff;}	
.case_box a li:hover{border:1px solid #ea96b4;}
.case_box a li:hover p{color:#666;letter-spacing:2px;}	


/*专业技术*/
.technique{width:1240px;margin:0 auto;margin-bottom:40px; 
	position: relative;
	animation:myfirst 8s;
	-moz-animation:myfirst 8s; /* Firefox */
	-webkit-animation:myfirst 8s; /* Safari and Chrome */
	-o-animation:myfirst 8s; /* Opera */
}

@keyframes myfirst
{
0%   { right:800px; top:0px;}
25%  { right:0px; top:0px;}
50%  { right:0px; top:0px;}
75%  { right:0px; top:0px;}
100% { right:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { right:800px; top:0px;}
25%  { right:0px; top:0px;}
50%  { right:0px; top:0px;}
75%  { right:0px; top:0px;}
100% { right:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { right:800px; top:0px;}
25%  { right:0px; top:0px;}
50%  { right:0px; top:0px;}
75%  { right:0px; top:0px;}
100% { right:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { right:800px; top:0px;}
25%  { right:0px; top:0px;}
50%  { right:0px; top:0px;}
75%  { right:0px; top:0px;}
100% { right:0px; top:0px;}
}




.technique a{display: block; width:268px;height:254px;margin:0 20px; border:1px solid #666;float:left;}
.technique a img{display: block; width:260px;height:208px;margin:4px;}
.technique a p{line-height:38px;text-align: center;background:#bfbfbf;color:#fff;}
.technique a:hover p{color:#333;background:#f4c90e;}



/*关于我们*/

.about{width:1200px;margin:0 auto;margin-bottom:40px;}
.about .title{height:60px;text-align:center;font-size:22px;color:#6acb02;background:url(../images/title.png) 50% 50% no-repeat;line-height:26px;}
.about .title span{font-size:20px;}

.about .box{width:100%;}
.about .box img{width:300px;height:240px;float:left;}
.about .box .content{width:520px;height:240px;float:left;margin:0 40px;position:relative;font-size:15px;line-height:30px;color::666;}
.about .box .content a{width:70px;height:30px;line-height:30px;background:#6acb02;color:#fff;display:block;border-radius:30px;text-align:center;position:absolute;bottom:0px;right:0px;}

.about .box .video{width:300px;height:240px;float:left;}

.about .dian{width:100%;height:20px;background:url(../images/about_line.png);margin-top:10px;}