﻿@charset "utf-8";

/*轮播*/
.slideBox{ 
	width:100%; 
	height:550px; 
	overflow:hidden; 
	position:relative; 
}
.slideBox .hd {
    position: absolute;
    z-index: 7;
    bottom: 35px;
    left: 47%;
    padding: 5px 6px;
}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;  }
.slideBox .hd ul li{ 
    border-radius: 14px;
    width: 18px;
    height: 18px;
    color: #eee;
    background: none;
    float: left;
    cursor: pointer;
    display: block;
    border: 1px solid darkgray;
    margin-left: 15px; 
}
.slideBox .hd ul li.on{ 
    background: #da251c;
    border-color: #da251c;
}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{
	display: block;
	height: 550px;
}

.slideBox .prev,
.slideBox .next{ 
	position:absolute; 
	left:5%; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:73px; 
	height:73px; 
	background:url(../img/left1s.png) no-repeat; 
	filter:alpha(opacity=50);
	opacity:0.5;   
}
.slideBox .next{ 
	left:auto; 
	right:5%; 
	background:url(../img/right1s.png) no-repeat; 
}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*动力-小图标*/
/*#qiehuan1{ margin:218px 46px 0 46px;}
#qiehuan3{ margin:218px 46px 0 46px;}*/
.power{height: 415px;font-family:"Microsoft YaHei";overflow: hidden; /*background:url(../img/cs_bg.jpg) no-repeat center;*/}
.power h3{height: 104px; font: 16px Arial; line-height: 42px; text-align: center; text-transform: uppercase; color: #999; margin-top: 58px; overflow: hidden;}
.power h3 span{display: block;font:30px "Microsoft YaHei"; font-weight: bold;color: #272422;}
.power li{width: 144px; float: left; margin: 0 46px; font-size: 16px; line-height: 24px; color: #555;text-align: center;}
.power li span{width: 135px; height: 135px; display: block; overflow: hidden; margin:0 auto 20px;}
.power li  a{color: #555;}
.power li img{display: block; width: 135px;height: 312px;transition:  0.2s ease-out; }
.power li:hover a,.power li.cur a{color: #da251c;}
.power li:hover img,.power li.cur img{margin-top: -177px; }

/*分类产品滚动轮播*/
#aaa1,#aaa2,#aaa3,#khal{ 
	overflow:hidden; 
	position:relative; 
	width:890px;
    height: 485px;
    position: relative;
    background-color: #fff;
    margin-bottom: 25px;
} 
#khal{height: 334px;}
#aaa1 .hd,#aaa2 .hd,#aaa3 .hd,#khal .hd{ 
	width: 100%;
	height: 40px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;  
	text-align: center;
} 
#aaa1 .prev,#aaa1 .next,
#aaa2 .prev,#aaa2 .next,
#aaa3 .prev,#aaa3 .next,
#khal .prev,#khal .next{ 
	display:block;  
	width: 30px;
    height: 68px;
    z-index:3;
    cursor:pointer; 
} 
#aaa1 .prev,#aaa2 .prev,#aaa3 .prev,#khal .prev{
	position: absolute;
    left: 22px;
    top: 215px;
    background:url("../img/pr_l.png") no-repeat;
}

#aaa1 .prev:hover,
#aaa2 .prev:hover,
#aaa3 .prev:hover,
#khal .prev:hover{
	background:url("../img/pr_l.png") no-repeat;
	background-position: 0px -68px;
}
#aaa1 .next:hover,
#aaa2 .next:hover,
#aaa3 .next:hover,
#khal .next:hover{
	background:url("../img/pr_r.png") no-repeat;
	background-position: 0px -68px;
}
#aaa1 .next,#aaa2 .next,#aaa3 .next,#khal .next{ 
	background:url("../img/pr_r.png") no-repeat; 
	right:22px; 
	top: 215px;
	position: absolute;
} 
#khal .prev,#khal .next{top: 130px;}
#aaa1 .hd,#aaa2 .hd,#aaa3 .hd,#khal .hd{display: none;}
.leftLoop .hd ul{ 
	display: inline-block;
	overflow:hidden; 
	zoom:1; 
	margin-top:10px;  
} 
#aaa1 .hd ul li,
#aaa2 .hd ul li,
#aaa3 .hd ul li,
#khal .hd ul li{
	float: left;
    margin-right: 10px;
    width: 40px;
    height: 2px;
    line-height: 2px;
    text-align: center;
    background-color: #fff;
    color: #fff;
    font-size: 10px;
}
#aaa1 .hd ul li.on,
#aaa2 .hd ul li.on,
#aaa3 .hd ul li.on,
#khal .hd ul li.on{ 
	background:#00a644;  
} 

#aaa1 .bd ul,#aaa2 .bd ul,#aaa3 .bd ul,#khal .bd ul{ 
	overflow:hidden; 
	zoom:1; 
} 
#aaa1 .bd ul li,#aaa2 .bd ul li,#aaa3 .bd ul li,#khal .bd ul li{ 
	text-align:center; 
	float:left;
	display:_inline;  
} 

.pp .tempWrap{
	overflow:hidden; 
	position:relative; 
	width:890px;
	height:485px;
}
.pp .tempWrap .picList{
	width: 2775px; 
	position: relative; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px; 
	left: 0px;
}

/*分类产品*/
.pro{height: 805px; padding-top: 30px;font-family:"Microsoft YaHei"; background: #f3f3f3;}
.pr_fl{width: 280px; background: #fff;}
.kh .pr_fl > h3{
	font-size: 16px;
	text-align: left;
    margin: 0;
    line-height: 18px;
}
.kh .pr_fl > h3 a{
	font-weight: bold;
}
.pr_fl h3{height:58px;font-size:16px; line-height:18px;  color: #333;  border-bottom: 1px solid #f3f3f3; background: url(../img/pr_tb1.jpg) no-repeat 28px 25px; padding:24px 0 0 76px;}
.pr_fl h3 a{color: #333; }
.pr_fl h3 span{display: block;font:12px Arial;line-height: 24px; text-transform: uppercase; }
.pf_txt{padding: 11px 0;border-bottom: 1px solid #f3f3f3;}
.pf_txt p{height:26px; font-size: 14px; line-height: 26px; padding-left: 54px; background: url(../img/pr_jt1.jpg) no-repeat 20px 5px; }
.pf_txt p a{color: #333;}
.pf_txt p:hover, .pr_fl .cur p{background-position:20px -107px;font-weight: bold;}
.pf_txt p:hover a, .pr_fl .cur p a{color: #da251c;}
.pf_txt ul{overflow: hidden;padding-top: 4px;}
.pf_txt li{padding-left: 54px; height: 24px; font-size: 12px; line-height: 24px; text-transform: uppercase;}
.pf_txt li a{color: #8b8b8b;}
.pr_fl .cur{background: url(../img/pr_x2.jpg) no-repeat left top;}
.pr_con{width: 890px; overflow: hidden;  }
.pr_txt .pr_perv:hover img,.pr_txt .pr_next:hover img{margin-top: -68px;}
.pr_tt{
	text-align: left;
	width: 330px; 
	float: left; 
	padding-left: 86px; 
	padding-top: 6px;
}
#aaa1 .pr_tt,#aaa2 .pr_tt,#aaa3 .pr_tt{
	padding-top: 86px;
}
.pr_tt h4{
	height: 80px; 
	font-size:16px;
	font-weight: bold; 
	line-height: 80px;  
	background: url(../img/pr_x1.jpg) no-repeat left bottom;
	margin-bottom: 38px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.pr_tt h4 a{color: #333;}
.pr_tt p{text-align:left;height: 125px; font-size: 14px; line-height: 25px; color: #333;overflow: hidden; margin-bottom:10px;}
.pr_tt span,.pr_tt em{width: 100px; height: 40px; font-size: 14px; line-height: 40px; display: inline-block; text-align: center;}
.pr_tt span a,.pr_tt em a{color:#fff;}
.pr_tt span{background: #000; margin-right: 10px;}
.pr_tt em{background: #da251c;}
.pr_img{
	width: 474px; 
	height: 334px; 
	float: right;	
	overflow: hidden;
	
}
#aaa1 .pr_img,#aaa2 .pr_img,#aaa3 .pr_img{
	padding-top: 76px;
}
.pr_img img{
	width: 445px; 
	height: 334px;
	transition: all 0.5s;
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s; 
	-o-transition: all 0.5s;
}
.pr_img:hover img{transform: scale(1.1); 
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1); 
-o-transform: scale(1.1); 
-ms-transform: scale(1.1); }


.pr_cate{height: 335px;overflow: hidden;}
.pr_cate li{width: 286px;height: 264px; margin-right: 16px; float: left; position: relative; text-align: center;background: #fff; overflow: hidden;}
.pr_cate li.c_cle,.pr_cate li.c_cle3{margin-right: 0;}
.pr_cate img{width: 286px; height: 215px;}
.pr_cate span{display: block;font-size:14px; line-height: 43px;color: #000; } 
.pr_cate em{
	width: 286px; 
	height: 335px; 
	position: absolute; 
	left: 0;top: 0; 
	background: url(../img/pr_tm1.png) no-repeat center top; 
	padding-top: 190px; 
	font-size: 16px; 
	line-height: 30px; 
	color: #fff; 
	top: 400px;  
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.pr_cate li:nth-child(3){margin-right: 0;}
.pr_cate li:hover em{top: 0;  }
.pr_cate li:hover span{display: none;}

/*优势*/
.ourvan {
	width: 100%;
	height: 635px;
	background: #fff;
}
.ourvan h1{
	text-align: center;
	font: 30px/30px "microsoft yahei";
	font-weight: bold;
	color: #000;
	margin-top: 50px;
}
.ourvan h4{
	text-align: center;
	font: 16px/44px "microsoft yahei";
	color: #9999A5;
}
.ourvan h2{
	font: 24px/44px "microsoft yahei";
	color: #363636;
}
.ourvan h2,.ourvan p{
	padding-left: 20px;
}
.ourvan p{
	font: 14px/28px "microsoft yahei";
	color: #000;
}
.ourvan p>.f18{
	font-size: 18px;
	color: #E30E04;
}
.ourvan .good{
	width: 1200px;
	height: 315px;
	background: url(../img/good.jpg);
	margin-top: 20px;
	position: relative;
}
.ourvan .good div{
	color:#575757;
	width: 340px;
	height: 156px;
	position: absolute;
}
.ourvan .good div span{font: 18px/40px "microsoft yahei";padding-left: 7px;}
.ourvan .good .div1{
	left: 128px;
	background: url(../img/good1.jpg) no-repeat left 45px;
}
.ourvan .good .div2{
	left: 848px;
	background: url(../img/good2.jpg) no-repeat left 45px;
}
.ourvan .good .div3{
	left: 128px;top: 156px;
	background: url(../img/good3.jpg) no-repeat left 45px;
}
.ourvan .good .div4{
	left: 848px;top: 156px;
	background: url(../img/good4.jpg) no-repeat left 45px;
}

/*客户案例*/
.kh{
	height: 458px; 
	padding-top: 30px;
	font-family:"Microsoft YaHei"; 
	background: #f3f3f3;
}
.kh h1,.about h1{
	font: 30px/44px "microsoft yahei";
	font-weight: bold;
	text-align: center;
	color: #000;
}
.kh h3,.about h3{
	color: #9999A5;
	text-align: center;
	margin-bottom: 20px;
	font: 16px/30px "microsoft yahei";
}

/*关于我们*/
.about{
    height: auto;
    margin-bottom: 30px;
	padding-top: 40px;
	width: 100%;
	background: #fff;
}
.about p{
	font: 16px/30px "microsoft yahei";
	color: #000;
}
.ga_img li{
	width: 287px; 
	height: 199px;  
	float: left; 
	margin-right: 17px; 
	overflow: hidden; 
	position: relative;
}
.ga_img img{width: 287px; height: 199px;transition: all 0.3s ease-out;}
.ga_img li:hover img {
	transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	-ms-transform: scale(1.1);
}
.ga_img li span{
	width: 287px;
	height: 35px; 
	display: block; 
	font-size: 12px; line-height: 35px; color: #fff; 
	text-align: center; 
	background: url(../img/tmt_1.png) ; 
	position: absolute; 
	left: 0; bottom: 0;
}
.ga_con{height: 199px; position:relative;}
.ga_con .hd{display: none;}
.ga_img{width: 1200px;overflow: hidden;}
.ga_con .prev,.ga_con .next{
	width: 40px; 
	height: 40px; 
	overflow: hidden; 
	cursor:pointer; 
	position: absolute; 
	top:65px;
}
.ga_con .prev{left: -40px;}
.ga_con .next{right: -40px;}
.ga_con .prev img,.ga_con .next img{width: 80px; height: 40px;transition: all 0.3s ease-out;}
.ga_con .prev:hover img,.ga_con .next:hover img{margin-left: -40px;}

/*资质荣誉*/
.honor h1,.news h1{
	color: #000;
	border-bottom: 1px solid darkgray;
	font: 18px/30px "microsoft yahei";
}
.honor h1 span,.news h1 span{
	font-size: 15px;
	margin-left: 10px;
	color: #9999A5;
}
.honor #ry_content {
	position: relative;
	width: 100%;
  	height: 254px;
  	overflow: hidden;
	background: url(../img/rongyu-bg.png) repeat-x;
	margin-bottom: 34px;
}
.honor #ry_content .tempWrap{margin-top: 10px;}
.honor #ry_content li{
    width: 232px;
    margin-right: 10px;
	float: left; 
	overflow: hidden; 
	position: relative;
}
.honor #ry_content li .simg {
  	width: 235px;
  	height: 224px;
  	background: url(../img/rybg.png) no-repeat;
}
.honor #ry_content img{
	width: 209px; 
	height: 198px;
	padding-top: 10px;
  	margin-left: 10px;
}

.honor #ry_content li p{
	font-size: 12px;
	line-height: 12px;
  	color: #000;
  	text-align: center;
}
.honor #ry_content .hd{display: none;}
.honor #ry_content .prev,.honor #ry_content .next{
	width: 26px;
  	height: 77px;
  	background: url(../img/right2.png) no-repeat;
  	top: 90px;
  	display: block;
  	position: absolute;
  	z-index: 10;
  	cursor: pointer;
}
.honor #ry_content .next{
	right: 0px;
}
.honor #ry_content .prev {
  	background: url(../img/left2.png) no-repeat;
  	left: 0px;
  	top: 90px;
}
/*新闻*/
.news{
	margin-bottom: 100px;
}
#news{
	width: 770px;
	float: left;
}
#ques{
	width: 390px;
	float: right;
}
#news .news_item {
  	padding: 20px 7px;
  	border-bottom: 1px dashed darkgray;
}
#news .news_item img {
  	float: left;
  	width: 246px;
  	height: 187px;
}
#news .news_item .ni_c {
  	float: right;
  	width: 480px;
}
#news .news_item .ni_c h1 {
  	font: 18px/32px "microsoft yahei";
  	color: #000;border: 0;
}
#news .news_item .ni_c p {
  	font: 14px/30px "microsoft yahei";
  	color: #9999A5;
  	line-height: 23px;
  	text-indent: 2em;
}
#news .news_item .ni_c a {
 	display: block;
  	margin-top: 10px;
  	font: 14px/30px "microsoft yahei";
  	color: #DA0101;
}
#news ul li{
	border-bottom: 1px dashed darkgray;
	font: 14px/40px "microsoft yahei";
	float: left;
	width: 364px;
	margin-right: 40px;
}
#news ul li a{
	color: #000;
}
#news ul li a:hover,#ques ul li a:hover{color: #DA0101;}
#news ul li:nth-child(2n){margin-right: 0;}
#ques ul{
	margin-top: 20px;
	background: #FAFAFA;
}
#ques ul li{
	padding: 5px;
	border-bottom: 1px dashed darkgray;
	font: 15px/30px "microsoft yahei";
}
#ques ul li a,#ques ul li p{
	color:#000;
}
#ques ul li p span{font-size: 16px;}




