@charset "utf-8";

@import url(common.css);



.top{ height:34px; line-height:34px; border-bottom:1px solid #e2e2e2;}

.top font{ float:left;}

.top span{ float:right;}

.top span img{ margin:0 3px;}

.top span ul{ float:right;}

.top span ul li{ float:left; padding:0 10px;background:url(../images/i_line.jpg) no-repeat left center;}

.top span{ position:relative;}

.generate { margin-top: 0px;width: 124px; height: 124px; display: none;border: 1px solid #ccc;background: #fff;}

.top em:hover .generate {position: absolute;width: 124px;height: 124px;z-index: 9;display: block;top:40px;right:150px;}





.logo_tel{ height:149px;}

.logo{ margin-top:39px;}

.tel{ margin-top:50px;}



.nav{ height: 60px; background:#fd8800;position: relative;z-index: 100;}

.nav .li{ width: 150px; float:left;height:60px; line-height:60px;background: url(../images/nbk.jpg) right center no-repeat;text-align: center;position: relative;}

.nav .ma{ display: block; font-size:16px; color:#fff;}

.nav .ma:hover,.nav .ma.on{ background:#333333;}

.nav .sub{display:none; position:absolute;*z-index:99999;  z-index:99999; background:#ededed;opacity:0.9; filter:Alpha(opacity=90); width: 150px;} 

.nav .sub li{float:none;display:block;position:relative;_display:inline; zoom:1; background:none; line-height:30px; +left:-15px;_left:0px;background:url(../images/tubiao.png) no-repeat 8px center;padding-left: 24px; } 

.nav .sub li a{display:block;color:#333; font-size:14px;text-align:left;height:30px; cursor:pointer;}

.nav .sub li a:hover{text-decoration:none;  color:#fd8700; background:none; }



.nav .n1{ width:500px; padding:10px;background: #ededed;opacity: 0.9;;overflow: hidden;display: none;}

.nav .ztfl{ width:500px;text-align: left;}

.ztfl a{ padding:0 10px; color:#000 !important;}

.ztfl a:hover{ color:#fe8b00 !important;}

.nn1 dt font a{color:#97203e !important; }



.nleft{ width:960px; overflow:hidden;}

.nn1{ width:710px; float:left;}

.nn2 , .nn3{ width:125px; float:left;}

.nleft .title a , .ztfl  .title a{ color:#333; font-weight:bold; font-size:14px; height:30px; line-height:30px;}

.nleft .title a:hover , .ztfl .title a:hover{ background:none; color:#97203e !important; }

.ncon  font{ padding-left:10px;display:block;color:#333; height:25px; line-height:25px;background:url(../images/tubiao.png) no-repeat 10px center;  overflow:hidden;/* border-bottom:1px solid #fff;*/ clear:both;}

.ncon  font a{ display:block;color:#333;width:130px; height:25px; line-height:25px; font-size:14px; display:block; }

.ncon  font a:hover{ background:none;color:#97203e;}

.ncon i{ font-style:normal; height:25px; line-height:25px; }

.ncon i a{ display:block; color:#333; font-size:12px;width:132px; height:25px; line-height:25px; float:left;}

.ncon i a:hover{ background:none;}

.ncon dt a{width:100px;}

.ncon dd{ clear:both; padding:5px 0; font-size:12px; overflow:hidden;}

.ncon dd a{ color:#c40001; float:left; height:25px; line-height:25px; display:block; font-size:12px;}

.ncon dd a:hover{ background:none;}



/* 本例子css */

.slideBox{ width:100%; height:556px; overflow:hidden; position:relative; }

.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px; border-radius: 10px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#fd8700; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:1920px; height:556px; display:block;  }



.slideBox5{ width:100%; height:300px; overflow:hidden; position:relative; }

.slideBox5 .hd{ height:25px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }

.slideBox5 .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox5 .hd ul li{ float:left; margin:0 5px;  width:25px; height:25px; line-height:25px; text-align:center; background:#fff; cursor:pointer; }

.slideBox5 .hd ul li.on{ background:#bc2127; color:#fff; }

.slideBox5 .bd{ position:relative; height:100%; z-index:0;   }

.slideBox5 .bd li{ zoom:1; vertical-align:middle; }

.slideBox5 .bd img{ width:1920px; height:300px; display:block;  }





.keywordw{border-bottom:1px solid #d6d6d6;}

.keyword{ width:100%; height:59px;border-bottom:1px solid #d6d6d6; margin-bottom:4px;}

.keyword font{ float:left; width:600px; line-height:59px; font-size:14px;padding-left: 31px;background: url(../images/hot.jpg) 0 center no-repeat;  }

.keyword font a{ color:#333; padding:0 5px;}

.keyword span{ float:right; /* width:330px;  */padding-top:12px;}

.inputbg { width:226px; height:34px; border:1px solid #d7d7d7;text-indent:1em;}

.button{ width:48px; height:36px; border:none; background:none;}





/* 本例子css */

.picScroll-left{ width:1200px;  overflow:hidden; position:relative; margin: 0  auto;  }

.picScroll-left font{ display: block; padding:15px;}

.picScroll-left .hd{ overflow:hidden;  height:30px; width:100px; margin:0 auto; }

.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.picScroll-left .hd ul li{ float:left;  width:14px; height:14px; overflow:hidden; margin:0 6px; text-indent:-999px; cursor:pointer; background:url(../images/qli.jpg)  no-repeat;}

.picScroll-left .hd ul li.on{  background:url(../images/qon.jpg)  no-repeat;}

.picScroll-left .bd{}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .pic{ text-align:center; width:227px; height:133px; border:1px  solid #d4d4d4;padding:8px 0;  }

.picScroll-left .bd .pic img{

	max-width: 227px;

	max-height: 133px;

}

.picScroll-left .bd ul li .title{ line-height:60px; font-size:16px;   }



.product{ width:1200px; margin:0 auto;overflow: hidden;}

.pleft{ width:300px;}

.pleft font{ display:block; background:#fd8700; font-weight:bold; text-align:center; color:#fff; font-size:28px; height:93px; line-height:93px; }

.ptitle { height:48px; line-height:48px; font-size:18px; color:#fff; background:#333 url(../images/c_icon.jpg) no-repeat 60px center; padding-left:109px;}

.pright{ width:888px; background:#f6f6f6; padding-bottom:20px ;}



.pleft_list{

	width: 280px;

	padding: 25px 10px 0;

	overflow: hidden;

	background: #f6f6f6;

}

.pleft_list .lefta{

	background: #ececec;

	line-height: 48px;

	width: 250px;

	padding-left: 30px;

	line-height: 48px;

	float: left;

}

.pleft_list .lefta span{

	color: #333333;

	font-size: 18px;

	font-weight: bold;

	display: inline-block;

	padding-left: 40px;

	background: url(../images/c_icon.jpg) left no-repeat;

}

.pleft_list .lefta.art{

	background: #fd8700;

}

.pleft_list .lefta.art span{

	color: #ffffff;

	background: url(../images/c_icon_on.jpg) left no-repeat;

}

.nleft .lefta span{

	color: #333;

	background: url(../images/c_icon.png) left no-repeat;

}

.nleft .lefta.art span{

	color: #ffffff;

	background: url(../images/c_icon_on.png) left no-repeat;

}

.nlist{

	overflow: hidden;

	margin-bottom: 10px;



}



.pleft_list ul{

	width: 100%;

	float: left;

	overflow: hidden;

	padding-bottom: 10px;

}

.pleft_list ul li{

	width: 100%;

	float: left;

}

.pleft_list ul li a{

	display: inline-block;

	width: 240px;

	padding-left: 58px;

	line-height: 40px;

	color: #333333;

	font-size: 14px;

	background: url(../images/lib.jpg) 40px no-repeat;

}

.pleft_list ul li a:hover,.pleft_list ul li a.art{

	color: #fe8b00;

}



.plist_pic{

	width: 100%;

	float: left;

	overflow: hidden;

	margin-top: 13px;

}





/* 本例子css */

.slideGroup{ padding-top:30px;width: 845px;margin:0 auto}

.slideGroup .parHd{ height:52px; line-height:52px; font-size:18px; color:#333;  position:relative;  }

.slideGroup .parHd ul{ float:left; position:absolute; left:0px; top:0px; height:52px;   }

.slideGroup .parHd ul li{ float:left;cursor:pointer; margin-right:44px; border-top:3px solid #f6f6f6; width:111px;}

.slideGroup .parHd ul li.on{height:52px;   border-top:3px solid #fd8700; color:#fd8700; font-weight: bold;}

.slideGroup .parHd a{

	float: right;

	font-size: 18px;

	color: #333;

	margin-right: ;

}

.slideGroup .slideBox{ overflow:hidden; zoom:1;position:relative;   }



.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }

.slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4;  }

.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }



.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }

.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.slideGroup .parBd ul li .pic{ text-align:center; }

.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }

.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }

.slideGroup .parBd ul li .title{ line-height:24px;   }

/* 本例子css */

.slideBox1{overflow:hidden; position:relative; border:1px solid #dadada; width:840px; height:401px;  }

.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:14px; z-index:1; }

.slideBox1 .hd ol{ overflow:hidden; zoom:1; float:left;   }

.slideBox1 .hd ol li{ float:left;  width:12px; height:12px; overflow:hidden; margin:0 8px; text-indent:-999px; cursor:pointer; background: #fff;border-radius: 50%;}

.slideBox1 .hd ol li.on{ background:#fd8700; }

.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }

.slideBox1 .bd li{ zoom:1; vertical-align:middle; }

.slideBox1 .bd img{ width:840px; height:401px; display:block; }

.pcon dd{ width:267px; float:left;  margin-top:24px; margin-right:21px;position:relative; overflow:hidden;}

.pcon dd .img{ width: 100%;  overflow:hidden;}

.pcon dd .img img{ width: 100%; height: 197px; }

.pcon dd  p{ text-align:center; line-height:22px; }

.pcon dd  a{ display:block;}

.pno h3{ font-weight: normal; text-align:center; overflow:hidden; margin-top:80px; font-size:16px;color: #fff;}

.pno font{ display:block; height: 18px;background: url(../images/pno.png) center center no-repeat;margin-top: 10px;}

.pcon .view{ width:266px; overflow:hidden; position:relative; float:left;display: block}

.pcon .pno,.pcon .pno .bk{

	width: 100%;

	overflow: hidden;

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

}

.pcon .pno{

	opacity: 0;

	transition: all 0.5s;

}

.pcon .pno .bk{

	background: #000;

	opacity: 0.4;

}

.pcon .pno .con{

	position: relative;

	z-index: 10;

}

.pcon dd:hover .pno{

	opacity: 1;

}



/* 本例子css */

.slideTxtBox2{}

.slideTxtBox2 .hd{ height:74px;  border-bottom:1px solid #fff;  position:relative; }

.slideTxtBox2 .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:74px;   }

.slideTxtBox2 .hd ul li{ float:left;cursor:pointer; width:240px; height:74px; text-align:center; color:#fff;  }

.slideTxtBox2  font{ display:block; font-size:18px; line-height:27px; padding-top:12px;}

.slideTxtBox2  i{ font-style:normal; display: block; text-transform:uppercase; line-height:18px; font-size:12px;}

.slideTxtBox2 .s01{ background:#333;}

.slideTxtBox2 .s02{ background:#444444;}

.slideTxtBox2 .s03{background:#626262;}

.slideTxtBox2 .s04{background:#8e8e8e;}

.slideTxtBox2 .s05{background:#aeaeae;}

.slideTxtBox2 .hd ul li.on{ height:74px;  background:#bc2127; }

.slideTxtBox2 .bd ul{ zoom:1;  }

.slideTxtBox2 .sleft{ width:300px; height:506px; background:url(../images/sleft.jpg) no-repeat; overflow:hidden;}

.sleft dl{  padding-right:15px;}

.sleft dt{ width:235px; height:88px; padding-top:33px;color:#fff;padding-left:32px;}

.sleft dt b{ font-size:26px; line-height:50px; }

.sleft dt p{ font-size:20px; }

.sleft dd{ line-height:43px; background:url(../images/sli.jpg) 20px 18px no-repeat; font-size:16px; color:#fff; padding-left:32px;}

.sleft span{ width:124px; height:30px; text-align:center; line-height:30px;background:url(../images/pleft_bn.jpg)  no-repeat; display:block; margin:25px auto;}

.sleft span a{ color:#fff;font-family:"微软雅黑"; }



.sright{ width:899px; height:505px;}

.sright dt{ width:594px; height:505px; float:left; position:relative;}

.sright dt .img{ width:594px; height:505px; overflow:hidden; }

.sright dt .img img{ height:505px;}

.sright dd{ width:304px; height:252px; border-bottom:1px solid #fff; float:right; position:relative; }

.sright dd .img{ width:304px; height:252px; overflow:hidden;}

.sright dd .img img{ height:252px;}



.floor-maskItem{ position:absolute;float:left}

.floor-maskItem img{ float:left;opacity:0.5;filter:alpha(opacity=50);}



.mask{ position:absolute;left:0;top:0;background:#000;width:100%;height:100%;opacity:0.5;filter:alpha(opacity=50);}

.hover .mask{opacity:0.5;filter:alpha(opacity=50);cursor:pointer}

.mask span{ width:121px;border:1px solid #bcc0c3;  display:block; margin:0 auto;padding:4px;margin-top:45%;}

.mask i{ font-style:normal; width:118px; height:28px; text-align:center; line-height:28px; border:1px solid #bcc0c3; display:block;margin:0 auto; color:#fff; font-size:14px; }

.hover .qq .mask{opacity:0;filter:alpha(opacity=0.9)}



/* 本例子css */

.slideGroup1{ width:1182px; height:495px; border:1px solid #e5e5e5; margin-left:12px;padding-top:14px;position: relative; overflow: hidden;}

.slideGroup1 .parHd{ width:303px; position:relative; float:left;  }

.slideGroup1 .parHd ul{ position:absolute; left:-14px; top:0px;background:url(../images/gt.jpg) left top no-repeat; padding-top:7px;   }

.slideGroup1 .parHd ul li{  cursor:pointer; width:304px; height:80px; line-height:80px; background:#0d569a;border-bottom:2px solid #fff; font-size:18px; color:#fff; font-weight:bold; text-indent:3em;}

.slideGroup1 .parHd ul li i{ padding-right:26px;}

.slideGroup1 .parHd ul li.on{ height:80px;  background:#fd8700 url(../images/pli.png) 250px  center no-repeat; border-bottom:2px solid #fff;}

.progcon dl{ width:785px; height:207px; padding-top:7px;}

.progcon dt{ width:313px; height:207px; float:left; overflow:hidden;}

.progcon dt img{ height:207px;}

.progcon dd{ width:450px; height:207px; float:right;}

.progcon dd b{ font-size:18px; display:block; line-height:74px;}

.progcon dd p{ font-size:14px; line-height:25px;}

.progcon dd span{ width:143px; height:54px; text-align:center; line-height:54px; font-size:14px; display:block; float:left; margin-top:25px; margin-left:5px; margin-right:5px;}

.prom1{ background:#0d569a;}

.prom2 { background:#fd8700;}

.progcon dd span a{ color:#fff;  }

.protitle{ height:38px; line-height:38px; border-bottom:1px solid #e5e5e5; margin-top:15px;}

.protitle font, .news .hd font{ font-size:18px; background:url(../images/font_icon.jpg) left  center no-repeat; padding-left:15px;}

.slideGroup1 .slideBox3{ overflow:hidden; zoom:1;position:relative; padding-top:13px;   }



.slideGroup1 .parBd{ width:820px; float:right; overflow:hidden; padding-right:13px;}

.slideGroup1 .parBd ul{ overflow:hidden; zoom:1;   }

.slideGroup1 .parBd ul li{ width:253px; height:212px; margin-right:30px; overflow:hidden; float:left; _display:inline; overflow:hidden; text-align:center;  }

.slideGroup1 .parBd ul li .pic{ text-align:center; }

.slideGroup1 .parBd ul li .pic img{ width:253px; height:178px; display:block; }

.slideGroup1 .parBd ul li .pic a:hover img{ border-color:#999;  }

.slideGroup1 .parBd ul li .title{ line-height:24px;   }



.line{ height:10px; margin:0 auto;background:url(../images/dot_line.gif) repeat-x center;}

.kleft{ width:270px; height:440px;}

.kleft dd{ margin-top:35px;}

.kright{ width:900px;}

.slideGroup1 .linep{

	width: 1px;

	height: 511px;

	position: absolute;

	left: 317px;

	top: 0;

	background: #e5e5e5;

}



/* 本例子css */

.picScroll{ position:relative; width:900px;  overflow:hidden;     }

.picScroll .prev{background:url(../images/kleft.png) no-repeat;   }

.picScroll .prev,

.picScroll .next{ display:block; position:absolute; top:180px; left:5px; width:70px; height:70px; }

.picScroll .next{ left:auto; right:5px; background:url(../images/kright.png) no-repeat;}

.picScroll ul{ overflow:hidden; zoom:1; }

.picScroll ul li{ width:372px; height:397px; float:left; overflow:hidden; padding:27px; background:#f2f2f2; margin:0 15px; color:#000; font-family:"微软雅黑";     }

.picScroll ul li img{ width:374px; height:165px; display:block; background:url(../images/loading.gif) center center no-repeat; }

.picScroll ul li b{ display:block; font-size:16px; margin-top:18px; text-align:center;line-height:34px;}

.picScroll ul li font{ display:block; font-size:14px; text-align:center; line-height:34px;}

.picScroll ul li p{ line-height:30px;}





.about dt{ width:550px; height:323px; float:left;}

.about dt img{width:550px; height:323px;}

.about dd{ width:610px; float:right; font-size:14px; line-height:29px;}

.about dd b{ font-size:24px; font-weight:bold; color:#333; line-height:50px;}

.about dd  font{ color:#d0231c;}

.about .con a{color:#fd8700;font-size: 14px;}

.abmore{ clear:both;overflow: hidden;margin-top: 20px;}

.about .abmore a{ width:88px; height:30px; float:left;text-align:center; line-height:30px;color: #fff;margin-right: 12px;}

.ab01{ background: #333;}

.ab02{ background: #fd8700;}

.ab02 a{color:#fff;}



.indextit{

	overflow: hidden;

	background: url('../images/line.jpg') center center no-repeat;

}

.indextit h3{

	float: left;

	font-size: 20px;

	color: #333;

	font-weight: bold;

}

.indextit p{

	float: right;

}

.indextit p a{

	margin-left: 6px;

}

/* 本例子css */

.hpicScroll{position:relative; overflow:hidden; clear:both; margin-top:30px;     }

.hpicScroll ul{ overflow:hidden; zoom:1; }

.hpicScroll li{ width:274px; float:left; overflow:hidden; margin-right: 30px; }

.hpicScroll li img{ width:270px; height:178px; display:block; background:url(../images/loading.gif) center center no-repeat; border:2px solid #d2d2d2; }



.hpicScroll .view{ overflow:hidden; position:relative; float:left;display: block}

.hpicScroll .hover,.hpicScroll .bk{

	width:100%;

	height:100%; 

	position:absolute; 

	top:0px; 

	left:0; 

	text-align:center; 

	color:#fff; 

	overflow:hidden; 

}

.hpicScroll .hover{

	opacity: 0; 

	transition:all 0.5s;

}

.hpicScroll .bk{

	background: #000;

	opacity: 0.6; 

}

.hpicScroll .hover b{ 

	font-size:18px; 

	display:block;   

	margin:75px auto 0; 

	position:relative;

	color:#fff;

	z-index: 10;

}

.hpicScroll .view:hover .hover{

	opacity: 1;

}



.cpicScroll li{

	width: 385px;

	margin-right: 21px;

}

.cpicScroll li img{

	width: 385px;

	height: 227px;

}

.cpicScroll .pno b{

	background: url(../images/cpicbk.png) center center no-repeat;

	line-height: 28px;

	padding: 6px 0;

	margin-top: 95px;

}



.m6{

	overflow: hidden;

	width: 1200px;

	margin: 0 auto;

}

.news{ width:800px; height:470px; float:left; margin-top:45px;}

.news_bt{ height:48px; border:1px solid #e0e0e0; }

.news_bt ul{float:left; height:48px;}

.news_bt ul li{ float:left; font-size:18px; cursor:pointer; border-right:1px solid #e0e0e0;  line-height:48px; width:135px; height:48px; text-align:center;}

.news_bt ul li a{ text-decoration:none; color:#333333;}

.news_bt ul li.on{ background:#fd8700;transition:all .2s;}

.news_bt ul li.on a{ color:#fff;}



.news_bt p{ width:86px; height:48px;float:right; line-height:48px; text-align:center;}

.news_bt p a{ color:#999999; font-family:"Arial"; font-size:14px;  text-transform:uppercase;}



.news_nr{ height:388px; margin-top:20px;}

.news_t{ height:202px;}

.top_tp{ width:301px; height:202px; float:left;}



.top_tp img {

	 width:300px; height:201px;

	transition:all 0.3s linear;

	-moz-transition:all 0.3s linear;

	-o-transition:all 0.3s linear;

	-webkit-transition:all 0.3s linear;

}

.top_tp img:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

	transition:all 0.5s linear;

	-moz-transition:all 0.5s linear;

	-o-transition:all 0.5s linear;

	-webkit-transition:all 0.5s linear;

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

	-m-transform:scale(1.1);

	transform:scale(1.1);

}

.top_tp a.preview {

	display:block;

   width:301px; height:202px;

	overflow:hidden;

}

.l{

	float: left;

}

.r{float: right;}

.top_nr{ width:480px; height:202px; float:right;}

.top_nr h4{ font-size:16px; font-weight:normal;border-bottom:1px dashed #999999; height:33px;}

.top_nr h4 a{ color:#3d3d3d; }

.top_nr span{ display:block; font-size:14px; margin:10px 0 10px;}

.top_nr p{ font-size:14px; color:#3d3d3d; line-height:28px; padding:0 5px;}

.top_nr a.xk{ width:136px; height:36px;display:block; font-size:14px; color:#fff; line-height:38px; text-align:center; margin-top:30px;background: #fd8700;}

.news_nr ul{margin-top:10px; width:800px; height:175px; background:url(../images/ul.jpg) no-repeat center 10px;}

.news_nr ul li{ font-size:14px; line-height:36px; width:380px;overflow:hidden; }

.news_nr ul li:hover{color:#fd8700;}

.news_nr ul li a{ color:#626262;}

.news_nr ul li a:hover{ color:#fd8700; text-decoration:none;}



.cjwt{ width:369px; height:460px; float:right;margin-top:45px;}

.news_bt1{ height:48px; border:1px solid #333333;background:#333333; }

.news_bt1 h5 {

font-size:18px; font-weight:normal; height:48px; color:#fff; line-height:48px; margin:0 0 0 30px; float:left;

}

.news_bt1 p{ width:86px; height:48px;float:right; line-height:48px; text-align:center;}

.news_bt1 p a{ color:#fff; font-family:"Arial"; font-size:14px;  text-transform:uppercase;}



.wenda{ height:410px; border:1px solid #dfdfdf;}

.wenda .bd{ height:380px; overflow:hidden; margin-top:15px;}

.wd{ width:340px; height:120px; margin:10px auto 0; border-bottom:1px dotted #999999;}

.wd h5{ font-size:14px; height:30px;line-height:30px; overflow:hidden;}

.wd h5 label{ float:left; margin:7px 5px 0 0;}

.wd h5 a{ color:#000;}

.wd p{ line-height:27px; height:48px; }

.wd p span{ float:left; margin:5px 5px 0 0;}

/* 本例子css */

.txtMarquee-top{overflow:hidden; position:relative; clear:both; }

.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.txtMarquee-top .bd{ padding:15px;  }

.txtMarquee-top .infoList li{ padding:12px; background:url(../images/questli.jpg) bottom center no-repeat;  }

.txtMarquee-top .infoList li i{ font-style:normal; margin-right:6px;}

.txtMarquee-top .infoList li  b i{ width:19px; height:19px; line-height:19px; text-align:center; background:#fd8700; display:block; float:left; color:#fff; margin-top:5px;}

.txtMarquee-top .infoList li  b { line-height:28px; font-size:14px;}

.txtMarquee-top .infoList li  p i{width:16px; height:16px; line-height:16px; text-align:center; background:#333;display:block; float:left;color:#fff;margin-top:5px;}

.txtMarquee-top .infoList li  p{clear:both; font-size:12px; color:#666; line-height:26px;} 



.flink{ width:100%;background:url(../images/line1.jpg) top center repeat-x; padding-top:10px;}

.flinkn{margin:0 auto; position:relative;}

.flink dl{ width:1200px; margin:0 auto; padding:10px 0; overflow:hidden;}

.flink dt{ float:left; width:99px; height:38px; margin-top:20px;}

.flink dd{ width:860px; line-height:30px; font-size:14px; float:left; padding-top:10px; padding-left:40px; }

.flink dd a{ padding:0 6px;}

.ftop{

	position: absolute;

	bottom: 0;

	right: 0;

}

.footer{ width:100%; height:283px;background:#171717;overflow: hidden;}

.sub_nav { height:68px;margin:0 auto; border-bottom:1px solid #454545;}

.sub_nav  li{ float:left; height:68px; line-height:68px;font-size:14px; color:#d4d4d4;overflow: hidden; }

.sub_nav  li a{ color:#fff;float: left;}

.sub_nav  li a:hover{ color:#d4d4d4; text-decoration:none;}

.sub_nav  li label{ display:inline-block; margin:0 14px;float: left;}

.sub_nav  li.first{ margin-left:300px;_margin-left:150px;}

.ft{ overflow:hidden; }

.footer .con{

	overflow: hidden;

	width: 1060px;

	margin: 40px auto 0;

}

.lxleft{

	/* margin-top: 25px; */

}

.lxleft,.lxleft a{

	font-size:14px;

	color:#fff;    

	line-height: 25px;

}



.ft02{ margin:30px 0 0 180px;}

.ft02 h3{

	font-size: 26px;

	color: #fff;

	font-family: "迷你简水柱";

	padding: 0 13px;

	padding-bottom: 10px;

	border-bottom: 1px solid #4c5c6d;

}

.ficon{ padding:10px 23px;}

.ficon a{ padding:0 4px;}

.footer .fr{

	text-align: center;

}

.footer .fr img{

	width: 91px;

	height: 91px;

	padding: 8px;

	background: url('../images/mabk.png') 0 0 no-repeat;

	background-size: 100% 100%;

}

.footer .fr p{

	margin-top: 5px;

	font-size: 14px;

	color: #fff;

}

.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/

.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}



.listbanner{ width:100%; height:300px;background:url(../images/lbanner.jpg) top center no-repeat; display:none;}

.subBody{ width:1200px; margin:0 auto;}

.left{ float: left; width:240px;}

.leftmenu{ width:240px;background:#3c3c3c url(../images/leftmbg.jpg) bottom center no-repeat; padding-bottom:55px;}

.leftmenu dl{ padding:13px;}

.leftmenu dt{background:url(../images/leftdt.jpg) bottom center no-repeat;}

.leftmenu dt b{ display:block; font-size:30px; font-weight:bold; padding-top:10px; line-height:35px; color:#fff;}

.leftmenu dt font{ display:block; font-size:14px; text-transform:uppercase; line-height:24px; padding-bottom:8px; color:#9e9e9e;}

.leftmenu  dd{ padding:20px 0; font-size:14px; color:#333;}

.leftmenu  dd a{ display:block; width:204px; height:50px; border-radius:5px; background:#505050; margin-bottom:2px; text-align:center; line-height:50px; color:#fff; }

.leftmenu  dd a:hover , .leftmenu  dd a.on{background:#fd8700 ;}



.contact{ padding-top:20px;}

.contact dt{ height:43px; background:#fd8700 url(../images/lefti.jpg) 42px center no-repeat; line-height:43px; text-indent:5em; font-size:18px; color:#dbdbdb;}

.contact dd{ padding:4px; border:1px solid #dbdbdb; background:#f3f3f3;font-size:14px; color:#333; line-height:31px; padding-bottom:24px; }

.contact dd b{ color:#fd8700; display:block; padding-top:10px;padding-left:18px;}

.contact dd p{padding-left:18px;}



.right{ width:890px; float:right;background: #f6f6f6;overflow: hidden;}

.right .rcon{

	width: 840px;

	margin: 30px auto;

	overflow: hidden;

}

.subTitle{overflow: hidden;}

.subTitle font{ float:left; /*width:110px;*/ border-top:3px solid #fd8700; font-size:18px; color:#fd8700;font-weight: bold;padding-top: 12px;}

.subTitle span{ float:right; color:#666;margin-top: 28px;}



.main{

	overflow: hidden;

	margin-top: 40px;

}



.subCont_about{}

.tnews_quest{ margin:0 auto;overflow: hidden;}

.tnews{ width:450px; height:321px; border:1px solid #e4e4e4;} 

.tnews_t{ height:40px; background:#e4e4e4; line-height:40px;}

.tnews_t font{ display:block; float:left; width:160px; background:#fd8700; color:#fff; text-align:center; font-size:18px;}

.tnews_c{ padding:10px;}

.tnews_c li{ font-size:14px; color:#333; line-height:33px; background:url(../images/tli.jpg) left center no-repeat; padding-left:15px; }

.tnews_c li span{ float:right;}





.subCont_about dl{ padding-top:48px;}

.subCont_about dt{ padding-bottom:22px;}

.subCont_about dd{ width:832px; margin:0 auto; font-size:14px; color:#333; line-height:36px; padding:30px 0; text-align:center;}

.subCont_about dd font{ color:#d51928; font-size:18px;} 

.subCont_about ul{ height:155px;}

.subCont_about .aboutimg li{ float:left; width:208px; height:155px; padding:0 12px;}

.tnews_quest .question{ height:321px;width: 366px;    border: 1px solid #dfdfdf;}

.tnews_quest .question font{ display:block; font-size:18px; color:#333; line-height:20px; padding-left:20px; padding-top:10px;}





.subCont{ padding:15px 20px; line-height:30px;  min-height:508px;_height:508px; background:#fff; font-size:14px;}



/*新闻栏目*/

.news_list{ min-height:450px;_height:450px;}

/*.news_list li{line-height:31px;background:url(../images/news_li.png) bottom center no-repeat; padding-left:20px;}

.news_list li a{background:url(../images/nlia.png) left center no-repeat; padding-left:25px; }

.news_list li a:hover{text-decoration:none;color:#ff0000;}

.news_list span{float:right;font-family:Arial;color:#adb1c3;}

*/

.news_list li{ clear:both; margin-bottom:30px; overflow:hidden;padding-bottom: 30px;border-bottom: 1px dashed #bbbbbb;}

.news_list li .img{width:243px; height:163px; display:block; overflow:hidden;margin-right:20px; float:left; }

.news_list li img{ float:left; width:291px;  }

.news_list li div.l{

	width: 575px;

}

.news_list li  b{ font-size:18px; color:#333; display:block; line-height:40px;}

.news_list li p{ line-height:30px;font-size:14px; color:#333; }

.news_list  li .time{ display:block; font-size:14px;  color:#999; line-height:25px;}

.news_list  li .more{

	display: block;

	width: 97px;

	height: 28px;

	text-align: center;

	line-height: 28px;

	color: #fff;

	background: #7f7f7f;

	border-radius: 2px;

	margin-top: 10px;

	font-size: 14px;

	transition: all 0.5s;

}

.news_list  li:hover .more{

	background: #fd8700;

}



/*分页样式*/

.page_info{text-align:center;margin-top:10px;color:#333;}

.page_info span{padding:0 2px;font-weight:bold;}

.page_list{height:27px;line-height:27px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px; clear:both;}

.page_list a{display:inline-block;color:#898989;border:1px solid #e2e2e2;background:#f8f8f8;text-align:center; padding: 0 9px; height:25px; text-align:center; line-height:25px;margin:0 7px;}

.page_list a:hover{color:#fff;border:1px solid #fd8700;background:#fd8700;}

.page_list a.on{color:#fff;border:1px solid #fd8700;background:#fd8700;}





/*内容分页*/

.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}

.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}

.contPage a:hover{color:#fff;background:#898989;}

.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}





/*列表内容页*/

.listConts{line-height:26px;color:#666;  clear:both; /* background:#fff; */}

.listConts .title{font-size:20px;text-align:center;line-height:40px;color:#000; }

.listConts .info{width:500px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}

.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}

.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}

.listConts .info .small{font-size:10px;padding-right:3px;}

.listConts .info .big{color:#003ba6;padding-left:3px;}

.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}

.listConts .showimg{margin:20px 0;text-align:center;}

.listConts .showimg a img{border:1px solid #ccc;padding:1px;}

.listConts .showimg a:hover img{border:1px solid #274857;padding:1px;}

.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}

.listConts .author{text-align:right;color:#999;}

#textarea{ /*min-height:400px; _height:400px;*/ padding:20px; font-size:14px; line-height:30px;}



/*产品栏目*/

.subContbody{ padding:20px 0; overflow:hidden;}

.productlist { min-height:1100px;_height:1100px; padding-left:8px;}

.productlist li{width:292px;height:261px;padding:0 22px 5px 0px;float:left;}

.productlist li a.img{width:292px;height:211px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial; border:1px solid #ccc;overflow:hidden;}

.productlist li a.img img {vertical-align:middle; padding:10px;}

.productlist li a.img:hover {border-color:rgba(194,37,46,0.9);}

.productlist li p.info { line-height:50px; font-size:14px; text-align:center; }





.product_list li{ width:217px; height:283px;border:2px solid #fff; margin-right:20px; position:relative;  float:left; z-index:0;}













/*产品选项卡 */

.slideTxtBox{ width:800px; padding-top:50px; }

.slideTxtBox .hd{ height:40px; line-height:40px;  position:relative; }

.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:40px;   }

.slideTxtBox .hd ul li{ float:left; width:160px; text-align:center; height:40px;cursor:pointer; background:#999999; border-right:1px solid #fff; font-size:18px; color:#fff;   }

.slideTxtBox .hd ul li.on{ height:40px;  background:#fd8700;}

.slideTxtBox .bd ul{ zoom:1;  }

.slideTxtBox .bd li{ height:24px; line-height:24px;   }

.slideTxtBox .bd li .date{ float:right; color:#999;  }



/*留言栏目*/

.message{ width:600px; padding:20px 70px; overflow:hidden;  color:#7d7d7d; float:left;}

.message font{ float:left; font-size:12px; font-family:"宋体"; width:65px; padding-right:15px;}

.message span{ float:left;}

.messagelist{ width:280px; height:410px; float:right; border:1px solid #ccc; margin-top:40px;}

.message li{ margin-top:10px;}

.message_replay{background:#f5f5f5;padding:0 12px;}

.msg_btn_area{margin:16px 0;text-align:right; padding-left:80px;}

.msg_btn_area a{display:inline-block; width:62px; height:19px; float:left; line-height:19px;background:url(../images/bn.png) no-repeat;text-align:center;font-family:"宋体";font-size:12px;overflow:hidden;cursor:pointer;}

.msg_btn_area a:hover{text-decoration:none;}





.proinfo dt{ font-size:24px; height:50px; border-bottom:1px dashed #ccc; line-height:50px;}

.proinfo dd{ padding:10px 0; font-size:14px;}

.proinfo dd font{ font-size:24px; color:#fd8700; display:block; padding-top:18px; padding-bottom:10px;}

.proinfo dd i{ font-size:18px; font-style:normal;}

.proinfo span{ font-size:18px;}

.proinfo span a{ display:block; float:left; width:142px; height:50px; text-align:center; line-height:50px; color:#fff; margin-right:10px;}

.zxzx{background:url(../images/zxzxkf.jpg)  center no-repeat;}

.mfxd{background:url(../images/mfxd.jpg)  center no-repeat;}



.tjcp{ width:932px; height:306px;}

.tjcp .title{ height:40px; background:#e4e4e4; line-height:40px;}

.tjcp .title font{ width:161px; text-align:center; color:#fff; background:#fd8700; display:block; float:left;  font-size:18px;}

.tcon .view{ width:250px; height:168px; overflow:hidden; position:relative; float:left; border:1px solid #dbdbdb; margin-top:20px; margin-right:42px;}

.tcon .view .img{ width:250px;height: 168px; overflow:hidden;}

.tcon .view .img img{ width:250px;height: 168px;}

.tcon .hover{

	width:100%;height:100%; background:rgba(0, 0 ,0 ,0.5); position:absolute; top:0px; left:0; text-align:center; color:#fff; 



	transform:rotate(55deg); 

	-moz-transform:rotate(55deg); 

	-webkit-transform:rotate(55deg); 

	

	transition:all 0.5s; 

	-moz-transition:all 0.5s; 

	-webkit-transition:all 0.5s; 



overflow:hidden; height:0; z-index:4000;/*transform:translateX(200px);*/}/*写好样式，进行隐藏，用overflow:hidden; height:0;*/

.tcon .pno b {

    display: block;

    text-align: center;

    line-height: 50px;

    height: 50px;

    overflow: hidden;

    margin-top: 25px;

    font-size: 16px;

}

.tcon .pno font {

    background: none;

}

.tcon .xq {

    width: 186px !important;

    margin: 0 auto;

    clear: both;

    padding: 20px 0;

}

.tcon .pno i {

    width: 88px;

    height: 30px;

    border: 1px solid #fff;

    line-height: 30px;

    font-style: normal;

}

.tcon .xq a {

    width: 88px !important;

    height: 30px!important;

    display: block;

    text-align: center;

    color: #fff;

    position: relative;

    z-index: 99999;

}

.tcon .view:hover .hover{

	height:168px;

	transform:rotate(0deg); 

	-moz-transform:rotate(0deg);

	-webkit-transform:rotate(0deg);

}







.ul-pic li{

float: left;

border:1px solid transparent;

position: relative;

margin-right:17px;

width:217px;

padding-bottom:20px;



}

.ul-pic li img{

display: block;

width:217px;

padding-top:15px;



}

.ul-pic li .pic{

position: relative;

width: 215px;

height: 246px;

border:1px solid #ccc;

cursor: pointer;

overflow:hidden;

}

.ul-pic li .show{

transition:all .3s;

-webkit-transition:all .3s;

z-index: 22;

width: 215px;

opacity: 0;

height:210px;

padding-top:100px;

position: absolute;

top: 0;

left: 0;

background:rgba(0,0,0,0.5);

}

.ul-pic li .show font{

	display:block; height:50px; line-height:25px; text-align:center; color:#fff; }

.ul-pic li .txt{

transition:all .3s;

-webkit-transition:all .3s;

position: relative;

padding: 0 10px;

/*height: 35px;*/

/*overflow: hidden;*/

-webkit-transition: height .3s;

-o-transition: height .3s;

transition: height .3s;

} 

.ul-pic li .txt h3{

position: relative;

bottom: -1px;left: 0;

height: 33px;

line-height: 33px;

font-size: 14px;

color: #666;

font-weight: normal;

border-bottom: 1px solid #ccc;

}

.ul-pic li .txt h3 span{

position: absolute;

width: 50%;

border-bottom: 2px solid #fd8700;

display: block;



}

.ul-pic li .txt .link a{

display: inline-block;

text-decoration: none;

color: #666;

float:left;

padding:0 3px;

}

.ul-pic li .txt .link{

transition:all .3s;

-webkit-transition:all .3s;

width: 181px;

z-index: 3333;

background: #fff;

opacity: 0;

padding: 10px 18px;

position: absolute;

left: -2px;

top: 34px;

}

.ul-pic .on{

border:2px solid red;

border-bottom: none;

}

.ul-pic .on .txt h3 span{

border: none;

}

.ul-pic .on .pic .show{

opacity: 1;

}

.ul-pic .on .txt .link{

opacity: 1;

border:2px solid red;

border-top: none;

}

.ljzx{ width:103px; height:25px;background:url(../images/ljzx.jpg)  center no-repeat; text-indent:3em; line-height:25px; }

.sc{ width:54px; height:23px; line-height:23px; float:left; text-align:center; border:1px solid #c3c3c3; border-radius:1px;}





.fbottom{ width:1920px; height:231px;background:rgba(0,0,0,0.5); /*position:fixed; bottom:480px;*/ border-bottom:1px solid #d6d6d6; z-index:99999; position:relative; }

.fixform { width:1200px; margin:0 auto;}

.fleft{ width:160px; height:298px;background:url(../images/bleft.png)  center no-repeat; position:relative; top:-57px;left: 85px; float:left;}



.fright{

	text-align: center;

	float:right; 

	margin-right:50px; 

	margin-top:70px;

}

.fright img{

	width: 117px;

	height: 117px;

}

.fright p{

	margin-top: 5px;

	font-size: 14px;

	color: #fff;

}

.fmid{ width:470px; height:182px; float: left; padding:20px 30px;margin-left: 150px;margin-top: 40px;}

.fmid b{ display:block; font-size:18px; font-weight:bold; color:#fff; line-height:30px;}

.fmid i{ display:block;  font-size:22px; font-weight:bold; color:#fd8700; font-style:normal;line-height:30px;}

.fmid ul{ width:378px; float:left;}

.fmid ul li{ height:31px; margin-top:10px;}

.fmid ul li font{ width:88px; line-height:29px; float:left; display:block; color:#fff; font-size:16px;}

.fmid ul li span{ float:right; width:288px; display:block;}

.fmid ul li span input{ width:286px; height:29px; border:1px solid #9a9a9a;}



/*返回顶部*/

.up-top{ background:#c3bdb3 url(../images/up.png) center center no-repeat; display:block; text-indent:-9999px; overflow:hidden; width:56px; height:56px; position:fixed; z-index:9999; right:20px; bottom:20px; display:none;}

.up-top:hover{  background:#bdb4a4 url(../images/up.png) center center no-repeat;}





#tq{width: 70px;height: 282px; position: fixed; right: 10px;top: 50%;margin-top: -140px; border: none;z-index: 1000;}

#tq div{width: 70px; height: 70px;}

#tq .tq-box-1{background: url(../images/tq-b-1.png) 0px 0px;}

#tq  a{ display:block; width:70px; height:70px; position:relative; z-index:9999;}

#tq .tq-box-2{background: url(../images/tq-b-1.png) 0px -70px;}

#tq .tq-box-3{background: url(../images/tq-b-1.png) 0px -140px;;}

#tq .tq-box-4{height: 72px; background: url(../images/tq-b-1.png) 0px -210px;;}

#tq .tq-box-1:hover{background: url(../images/tq-b-2.png) 0px 0px;}

#tq .tq-box-2:hover{background: url(../images/tq-b-2.png) 0px -70px;}

#tq .tq-box-3:hover{background: url(../images/tq-b-2.png) 0px -140px;;}

#tq .tq-box-4:hover{height: 72px; background: url(../images/tq-b-2.png) 0px -210px;;}









.fix-box .fixbottom { width:1920px; position: fixed; bottom: 0; z-index:999; height: 239px; background:rgba(0,0,0,0.7);}

.fix-box .form02 { width: 1200px; margin: 0 auto; height: 239px; position: relative; }

.fix-box .form02close { position: absolute; top: 0; right:-15px; width: 20px; padding-top: 18px; padding-left: 20px; }

.fix-box .form02 ul li { list-style: none; height: 30px; }

.fix-box .form02 ul li img { vertical-align: middle; }

.fix-box .form02 ul li input { border: solid 1px #fff; width: 277px; height: 24px; vertical-align: middle; font-size: 12px; }

.fix-box .form02 ul li select { border: solid 1px #fff; width: 89px; height: 24px; vertical-align: middle; font-size: 12px; }

.fix-box .fixleft { position: fixed; bottom: 0; left: 0; z-index: 999; height: 117px; width: 220px; background: url(../images/fix-left.png) left no-repeat; cursor: pointer; display: none; }





.map{ width:1200px; clear:both; margin-top:10px;}

.map dt{ height:30px; border-bottom:1px solid #ddd;}

.map dt font{ width:180px; height:30px; text-align:center; line-height:30px; background:#c40001;  display:block;}

.map dt font a{color:#fff; font-weight:bold; font-size:14px;}

.map dt font a:hover{ text-decoration:none;color:#fff;}

.map dd{ float:left;/*height:24px;*/line-height:24px;margin:5px 4px; text-align:center; }

.map dd b{ font-weight:bold;}

.map dd a{ display:block;padding:0 10px; height:24px;line-height:24px;}

.map dd a:hover{background:#f2f2f2;}





.dlsj p {text-indent:25px;color:#080808;}





.fix_form{

	overflow: hidden;

	margin-top: 10px;

	width: 538px;

}

input,textarea{outline: none;background: none; border: none;}

.fix_form .ipt{

	height: 28px;

	line-height: 28px;

	width: 225px;

	padding: 0 10px;

	display: block;

	background: #fff;

	margin-bottom: 6px;

	color: #333;

}

.fix_form .txt{

	float: left;

	margin-left: 8px;

	width: 214px;

	height: 96px;

}

.fix_form .msg_btn{

	float: left;

	margin-left: 10px;

	width: 40px;

	height: 96px;

}



.mainBody{

	width: 1200px;

	margin: 40px auto 0;

	overflow: hidden;

}

/* 关于我们 */

.mabcon{

	min-height: 800px;

}

.mabcon div{

	overflow: hidden;

}

.mabcon p{

	font-size: 14px;

	line-height: 32px;

	color: #333;

}

.mabcon div p{

	width: 470px;

}

.mabcon img{

	float: right;

	width: 357px;

	height: 207px;

	margin-top: 10px;

}

.mabcon .p1{

	margin-top: 25px;

}



/* 产品列表页 */

.plist{

	overflow: hidden;

}

.plist li{ width:267px; float:left;  margin-bottom:20px; margin-right:19px;position:relative; overflow:hidden;}

.plist li .img{ width:265px;  overflow:hidden;display: table-cell;text-align: center;vertical-align: middle;height: 190px;border: 1px solid #999;}

.plist li .img img{max-height: 100%;max-width: 100%;vertical-align: middle;}

.plist li  p{ text-align:center; line-height:22px; }

.plist li  a{ display:block;}

.plist .con h3{ font-weight: normal; text-align:center; overflow:hidden; margin-top:80px; font-size:16px;color: #fff;}

.plist font{ display:block; height: 18px;margin-top: 10px;}

.plist .view{ width:266px; overflow:hidden; position:relative; float:left;display: block}

.plist .hover,.plist .hover .bk{

	width: 100%;

	overflow: hidden;

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

}

.plist .hover{

	opacity: 0;

	transition: all 0.5s;

}

.plist .hover .bk{

	background: #000;

	opacity: 0.4;

}

.plist .hover .con{

	position: relative;

	z-index: 10;

}

.plist li:hover .hover{

	opacity: 1;

}

.plist .div{

	height: 95px;

}

.plist .div h3{

	text-align: left;

	font-size: 16px;

	color: #333;

	line-height: 45px;

}

.plist .div p{

	color: #999;

	font-size: 14px;

	text-align: left;

}

.plist li:hover .div h3{

	color: #fd8700;

}

/* 产品详情页 */

.pdshow .div1 .p1{

	height: 55px;

	line-height: 55px;

	padding-left: 115px;

	background: url(../images/psbk.jpg) 0 0 no-repeat;

	font-size: 20px;

	font-weight: bold;

	color: #df3033;

	margin-top: 25px;

}

.pdshow .div1 .p2{

	height: 55px;

	line-height: 55px;

	color: #333;

	font-size: 14px;

	padding: 0 20px;

}

.pdshow .div1 h4{

	font-size: 20px;

	color: #ff6a00;

	line-height: 60px;

}

.pdshow .div1 .p3{

	overflow: hidden;

	margin-top: 20px;

}

.pdshow .div1 .p3 a{

	margin-right: 20px;

}

.pdshow .div2{

	margin-top: 20px; 

}

.pdshow .h3{

	height: 60px;

	line-height: 60px;

	background: #f2f2f2;

	margin-bottom: 20px;

}

.pdshow .h3 span{

	float: left;

	width: 160px;

	text-align: center;

	font-size: 24px;

	background: #ac0003;

	color: #fff;

}

.pdshow .div2 .divcon{

	margin-top: 20px;

}



/* 联系我们 */

.contact {

	text-align: center;

}

.contact .d1{

	overflow: hidden;

	margin-top: 50px;

}

.contact .d1 div{

	width: 285px;

	height: 201px;

	background: #f2f2f4;

	overflow: hidden;

	float: left;

	margin-right: 20px;

}

.contact .d1 img{

	display: block;

	margin: 40px auto 20px;

}

.contact .d1 p{

	font-size: 14px;

	color: #333;

	line-height: 26px;

}

.contact .div img{

	margin-top: 37px;

	margin-bottom: 10px;

	border: 1px solid #bdbdbd;

	width: 86px;

	height: 86px;

}

.contact .div p{

	line-height: 18px;

}



#form{

	margin: 20px auto;

	overflow: hidden;

}

#form div{

	overflow: hidden;

	margin-bottom: 10px;

	line-height: 30px;

}

#form label{

	display: block;

	overflow: hidden;

}

#form span{ 

	font-size: 14px;

	float: left;

	color: #333;

	width: 105px;

}

#form .lab span{

	width: 75px;

}

#form .lab .ipt1{

	width: 500px;

}

#form .ipt1{

	width: 270px;

	border: 1px solid #ccc;

	height: 28px;

	line-height: 28px;

	color: #333;

	font-size: 14px;

	float:left;

	padding: 0 10px;

}

#form p{

	overflow: hidden;

	width: 50%;

	float: left;

	line-height: 30px;

}

#form p label{

	width: auto;

	margin-right: 10px;

}

#form .s1{

	width: auto;

}

#form .ipt{

	float: left;

	margin-top: 10px;

}

#form textarea{

	width: 730px;

	float: left;

	height: 100px;

	font-size: 14px;

	line-height: 25px;

	border: 1px solid #ccc;

	padding: 0 10px;

}

#form .msg_input{

	width: 100px;

}

#form .img{

	width: auto;

	margin-left: 10px;

}

#form .ipt2{

	float: right;

	width: 100px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	background: #fd8700;

	margin-right: 20px;

}  



/* 客户见证 */

.khjz{

	margin-top: 60px;

}

.khjz .con{

	overflow: hidden;

	margin-top: 50px;

}

.khjz .con a{

	width: 50%;

	float: left;

	overflow: hidden;

	margin-bottom: 70px;

}

.khjz .con img{

	width: 188px;

	height: 188px;

	border-radius: 50%;

	float: left;

}

.khjz .con div{

	width: 355px;

	margin-left: 30px;

}

.khjz .con h3{

	font-size: 16px;

	color: #282828;

	padding-bottom: 10px;

	border-bottom: 1px dashed #d8d8d8;

	font-weight: bold;

}

.khjz .con p{

	line-height: 30px;

	font-size: 14px;

	color: #333;

	margin-top: 5px;

}

.khjz .con span{

	display: block;

	width: 125px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	background: #fd8700;

	margin-top: 15px;

	transition: all 0.5s;

}

.khjz .con a:hover h3{

	color: #fd8700;

}





.slidem1{

	margin-top: 48px;

	overflow: hidden;

}

.slidem1 .hd{

	overflow: hidden;

	height: 67px;

	line-height: 67px;

	background: #fd8700;

}

.slidem1 .hd a{

	float: left;

	text-align: center;

	color: #fff;

	font-size: 16px;

	width: 133.333px;

}

.slidem1 .hd a.on{

	background: #333333;

}

.slidem1 .bd li{

	overflow: hidden; 

}

.slidem1 .bd a{

	float: left;

	margin-top: 30px;

	margin-right: 10px;

	width: 280px;

	overflow: hidden;
	margin-left: 10px;

}

.slidem1 .bd img{

	width: 285px;

	height: 191px;

}

.slidem1 .bd h3{

	margin-top: 15px;

	font-size: 16px;

	color: #333;

	font-weight: bold;

}

.slidem1 .bd p{

	font-size: 14px;

	color: #999;

	margin-top: 10px;

	margin-bottom: 10px;

}

.slidem1 .bd span{

	font-size: 14px;

	color: #fd8700;

	display: inline-block;

	border-bottom: 1px solid #fd8700;

}

.slidem1 .bd a:hover h3{

	color: #fd9a42;

}



.slideimg .hd{

	overflow: hidden;

	text-align: center;

	margin-bottom: 35px;

}

.slideimg .hd a{

	display: inline-block;

	width: 112px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	color: #333;

	font-size: 16px;

	transition: all 0.5s;

}

.slideimg .hd a.on{

	color: #fff;

	background: #fd8700;

	border-radius: 16px;

}

.slideimg .bdcon{

	overflow: hidden;

}

.slideimg .bd a{

	float: left;

	width: 385px;

	height: 227px;

	position: relative;

	overflow: hidden;

	margin-right: 23px;

}

.slideimg .bd img{

	width: 385px;

	height: 227px;

}

.slideimg .bk ,.slideimg .bk p{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.slideimg .bk{

	opacity: 0;

	transition: all 0.5s;

}

.slideimg .bk p{

	background: #000;

	opacity: 0.5;

}

.slideimg .bk span{

	display: block;

	position: absolute;

	z-index: 10;

	width: 42px;

	height: 40px;

	background: url('../images/v.png') 0 0 no-repeat;

	left: 50%;

	top: 50%;

	margin-left: -21px;

	margin-top: -20px;

}

.slideimg .bk h3{

	font-size: 16px;

	color: #fff;

	position: relative;

	z-index: 10;

	text-align: center;

	margin-top: 95px;

}

.slideimg .bd a:hover .bk{

	opacity: 1;

}