﻿@charset "utf-8";

/* CSS Document */
body{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#616060; margin:0px; padding:0px; margin-left:auto; margin-right:auto; background:url(../images/bg.gif) left top repeat-x;}
div,input,dl,dd,dt,ul,li,p,h1,h2,h3,h4,h5,h6,p,fieldset{margin:0; padding:0;}
ul,li{ list-style:none;}
img,input{ border:none;}
a{ text-decoration:none;}
.clear{width:1000px; height:8px; clear:both; font-size:0;}

/*header*/
.header{ width:100%; height:138px; margin:0 auto; background:url(../images/bg1.gif) center top no-repeat;}
.head{ width:1000px; height:138px; margin:0 auto; border:#FF0000 solid 0px;}
.logo{width:380px; height:138px; margin-left:0px; display:inline; float:left;}
.search{width:400px; height:138px; float:left; margin-left:200px; display:inline; border:#FF0000 solid 0px;}
.tel{width:210px; height:32px; margin-top:5px; margin-left:190px; display:inline; float:left;}
.slink{width:270px; height:20px; margin-top:5px; margin-left:130px; display:inline; float:left;}
.slink a{ color:#FFFFFF; margin-left:5px; float:left; line-height:18px;}
.searchbox{width:340px; height:46px; background:url(../images/searchbg.gif) left top no-repeat; margin-left:60px; display:inline; float:left; border:#FF0000 solid 0px;}
.seartext{width:228px; height:27px; line-height:27px; float:left; margin-left:28px; background:none; display:inline; margin-top:10px; border:#FF0000 solid 0px; }
.searbut{width:60px; height:27px; float:left; margin-left:14px; margin-top:10px; display:inline; background:none; border:none;}


/*banner*/
.on { background:url(../images/bg02.gif) no-repeat left top; padding-left:4px; width:230px; padding-top:3px; height:57px; display:block; }

.banner { width:100%; height:400px; position:relative; margin:0 auto; border:#b4b4b4 solid 2px; }
.top img { width:100%; height:396px; display:inline; }
.banner_tab { padding-left:20px; position:absolute; width:100%; background:url(../images/bg01.png) repeat-x; padding-top:5px; height:65px; right: 2px; _right: 4px; bottom: 0px; }
.banner_tab ul{ margin-left: 20%;}

/*.banner { width:996px; height:536px; position:relative; margin:0 auto; border:#b4b4b4 solid 2px; }*/
/*.top img { width:992px; height:532px; margin:2px; _margin:4px 4px; display:inline; }*/
/*.banner_tab { padding-left:20px; position:absolute; width:972px; background:url(../images/bg01.png) repeat-x; padding-top:5px; height:65px; right: 2px; _right: 4px; bottom: 0px; }*/
.banner_tab li { float: left; width:230px; }
.out { background:url(../images/bg03.gif) no-repeat left top; padding-left:4px; width:300px; overflow:hidden; padding-top:3px; height:57px; display:block; }
.banner_tab li a {  width:125px; _width:50px; *width:50px; }
.banner_tab a p { float:left; padding-top:8px; cursor:pointer; text-decoration:none;  width:90px; margin-left:6px; font-size:14px; color:#fff; font-weight:bold; word-wrap: break-word; word-break: normal; height:30px; *width:50px; _width:50px; *word-wrap: break-word; *word-break: normal;}
.banner_tab a img { float:left; }
.hidecontent { display:none; }
.tab_img { width:125px; height:54px; }

/*文章样式*/
.content .cpit h1{margin-bottom:10px!important;}
.content .cpit p span{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53!important; font-size:18px!important;line-height:28px!important;}
/*文章样式*/
.boxt{width:1000px; height:35px; border-bottom:#8f8f8f solid 1px; margin:0 auto; clear:both;}
.boxt1{width:auto; height:20px; float:left; color:#c60202; font-size:16px; margin-top:13px; font-weight:600; font-family:"微软雅黑"; text-align:left; line-height:20px;}
.boxt2{width:848px; height:20px; float:left; color:#c60202; font-size:12px;  margin-top:16px; font-family:"微软雅黑"; text-align:left; line-height:20px;}
.boxt3{width:60px; height:20px; float:left; color:#c60202; font-size:12px; margin-top:16px; font-family:"微软雅黑"; text-align:left; line-height:20px;}
.boxt3 a{color:#c60202;}

.about{width:1000px; height:auto; overflow:hidden; margin:0 auto; border:#FF0000 solid 0px;}
.about1{width:360px; height:192px; float:left; border:#FF0000 solid 0px; margin-left:8px; display:inline;}
.about2{width:330px; height:192px; float:left; border:#FF0000 solid 0px; margin-left:8px; display:inline; line-height:22px;}
.focus{width:270px; height:192px; float:left; border:#FF0000 solid 0px; margin-left:8px; display:inline;}


#simg TD{FONT-SIZE: 10px; BACKGROUND: url(http://mat1.qq.com/auto/08index/fcnbg.gif) no-repeat; WIDTH: 16px; COLOR: #fff; LINE-HEIGHT: 11px; FONT-FAMILY: Arial; TEXT-ALIGN: center}
#simg {BORDER-RIGHT: #3e3e3e 1px solid; BORDER-TOP: #3e3e3e 1px solid; FILTER: alpha(opacity=80); MARGIN: 152px 0px 0px 198px; BORDER-LEFT: #3e3e3e 1px solid; WIDTH: 60px; BORDER-BOTTOM: #3e3e3e 1px solid; POSITION: absolute; moz-opacity: 0.8; opacity: 0.8}
#simg .s {BACKGROUND: red}
#simg .s IMG {FILTER: #5F6E7C}
#simg TD {CURSOR: pointer}
#bimg {FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 270px; HEIGHT: 170px}
#infos {FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 270px; HEIGHT: 20px; TEXT-ALIGN: right}
#infos DIV {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; MARGIN-RIGHT: 21px; PADDING-TOP: 5px}
.dis {DISPLAY: block}
.undis {DISPLAY: none; LINE-HEIGHT: 0px; HEIGHT: 0px}
.linkww TD {COLOR: #000000; TEXT-DECORATION: none;}
.linkww A {COLOR: #ffffff; TEXT-DECORATION: none}
.linkww A:hover {TEXT-DECORATION: underline}


.newbox{width:1000px; height:auto; margin:0 auto; border:#FF0000 solid 0px; overflow:hidden;}
.news1{width:490px; height:100px; float:left; border:#FF0000 solid 0px; margin-left:8px; display:inline;}
.news1 .pict{width:111px; height:100px; float:left; background:url(../images/pic3.gif) left top no-repeat;}
.pict img{margin:4px; display:inline;}
.texts{width:370px; height:100px; margin-left:8px; display:inline; float:left;}
.texts b{width:370px; height:20px; margin-top:8px; display:inline; float:left;}
.texts a{ color:#ae4c35;}
.texts p{width:370px; height:65px; margin-top:2px; line-height:20px; display:inline; float:left;}
.news2{width:247px; height:25px; color:#7f3423;line-height:25px; background:url(../images/dot.gif) 15px 10px no-repeat; float:left;}
.news2 a{width:147px; height:25px; color:#7f3423;line-height:25px;  margin-left:25px; display:inline; float:left;}
.news2 span{width:70px; height:25px; line-height:23px; display:inline; float:left;}

.gpro{width:195px; height:150px; background:url(../images/pic5.gif) left 2px no-repeat; border:#FF0000 solid 0px; padding-right:20px; _padding-right:20px;}
.gpro img{ margin-left:5px; margin-top:0px; display:inline;}

.gcyj{width:1000px; height:auto; margin:0 auto; border:#FF0000 solid 0px; overflow:hidden;}
.gcyjbox{width:320px; height:130px; float:left; margin-left:9px; margin-top:8px; display:inline; border:#FF0000 solid 0px;}
.gcyjb1{width:140px; height:123px; float:left;}
.gcyjb1 img{ border:#c0c0c0 solid 3px;}
.gcyjb2{width:170px; height:123px; float:left; border:#0000FF solid 0px; margin-left:8px; display:inline;}
.gcyjb2 b{width:170px; height:20px; margin-top:8px; display:inline; float:left;}
.gcyjb2 a{ color:#ae4c35;}
.gcyjb2 p{width:170px; height:65px; margin-top:2px; line-height:20px; display:inline; float:left;}

.friendlink{width:100%; height:auto; min-height:30px; overflow:hidden; background:#e8e8e8; border-bottom:#d32626 solid 3px;}
.friendlinks{width:1000px; height:auto; min-height:30px; overflow:hidden; margin:0 auto; border:#FF0000 solid 0px; overflow:hidden; color:#000000; text-align:left; line-height:30px;}
.friendlinks span{ float:left;}
.friendlinks a{ color:#515151; margin-left:10px;}




.footer{width:1000px; height:60px;  margin:0 auto; border:#FF0000 solid 1px;}

.foot{width:1000px; height:60px; border-bottom:#8f8f8f solid 0px; margin:0 auto; clear:both;}
.foot1{width:400px; height:30px; float:left; color:#515151; margin-top:13px;  text-align:left; line-height:20px;}
.foot2{width:976px; height:30px; float:left; color:#515151; margin-top:13px; text-align:right; line-height:20px;}


/*产品列表*/
.onpage{width:66%; height:40px; margin:0 auto; border:#FF0000 solid 0px;}
.pagec{width:300px; height:40px; float:left; border:#FF0000 solid 0px;}
.pagel{width:600px; height:20px; float:right; text-align:right; border:#FF0000 solid 0px; line-height:20px; color:#555555; margin-top:20px; display:inline;}
.pagel a{ color:#555555;}

.content{width:1000px; height:auto; margin:0 auto; border:#c7c7c7 solid 0px; overflow:hidden; clear:both;}
.contentl{width:208px; height:auto; overflow:hidden; float:left; color:#515151; margin-top:13px; text-align:left; line-height:20px;}
.lnav{width:208px; height:auto; overflow:hidden; margin:0px; padding:0px; font-weight:600; font-size:14px; font-family:"微软雅黑";}
.lnav li{width:158px; height:29px; border-bottom:#c7c7c7 solid 1px; padding-left:50px; line-height:29px; text-align:left;}
.lnav a{width:158px; color:#414141;}

.lnav .aa{ width:auto; height:29px; line-height:29px; text-align:left; background:url(../images/lnavhover.gif) #cccccc right top no-repeat;}
.lnav .aa:hover{width:auto; height:29px; line-height:29px; text-align:left; /*background:url(../images/lnavhover.gif) right top no-repeat;*/}
.lnav li:hover{width:158px; height:29px; line-height:29px; text-align:left; background:url(../images/lnavhover.gif) #cccccc right top no-repeat;}
.contentr{width:788px; min-height:400px; height:auto; overflow:hidden; float:left; color:#515151; margin-top:13px; border-left:#c7c7c7 solid 1px; text-align:right; line-height:20px;}
.contentlist{width:768px; height:auto; min-height:300px; overflow:hidden; color:#515151; margin:0 auto; border:#FF0000 solid 0px;  text-align:right; line-height:20px;}
.probox{width:190px; height:160px; float:left; border:#FF0000 solid 0px; text-align:center;}
.probox a{ color:#5e5e5e; }
.propic {width:176px; height:135px; margin:0 auto; clear:both;border:#FF0000 solid 0px;}
.propic img{width:166px; height:121px; border:#ecd5a6 solid 5px;}

/*业绩列表*/
.perforbox{width:768px; height:140px; overflow:hidden; color:#515151; margin:0 auto; border:#FF0000 solid 0px; line-height:20px;}
.perforbox .picp{width:140px; height:128px; float:left;}
.picp img{ border:#c0c0c0 solid 3px; width:135px; height:117px;}
.perforword{width:616px; height:126px; float:left; margin-left:10px; display:inline; border:#FF0000 solid 0px;}
.per1{width:616px; height:35px;}
.pert1{width:515px; height:25px; float:left; color:#c60202; font-size:12px; margin-top:8px; font-weight:600; font-family:"微软雅黑"; text-align:left; line-height:25px;}
.pert2{width:100px; height:25px; float:left; color:#c60202; font-size:12px; margin-top:8px; font-family:"微软雅黑"; text-align:center; line-height:25px;}
.per2{width:616px; height:80px; line-height:20px; text-align:left;}
.pert1 a{color:#c60202;}

/*新闻列表*/
.newsbox{width:768px; height:25px; color:#515151; margin:0 auto; color:#555555;  border-bottom:#cccccc dashed 1px; line-height:25px;}
.newsbox1 a{width:665px; height:25px; float:left; color:#555555; font-size:12px;  font-family:"微软雅黑"; text-align:left; line-height:25px;}
.newsbox2{width:100px; height:25px; float:left; color:#555555; font-size:12px; font-family:"微软雅黑"; text-align:center; line-height:25px;}

/*详细页*/
/*.cpic{width:768px; height:auto; overflow:hidden; color:#515151; margin:5px auto; border:#FF0000 solid 0px; line-height:20px; text-align:center;}*/
.cpit{width:768px; height:auto; overflow:hidden; color:#515151; margin:10px auto; border:#FF0000 solid 0px; line-height:20px; text-align:left; text-indent:2em;}

/*分页*/
.pages{width:768px; height:30px;  color:#ffffff; margin-top:13px; border-top:#515151 dotted 1px;  text-align:center; line-height:22px; margin:0 auto; margin-bottom:10px;}
.dede_pages{ margin:0 auto;  height:30px; float:right; text-align:center;
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	height:22px;
	line-height:22px;
	margin-right:6px;
	border:1px solid #E9E9E9; background:url(../images/pagelibg.gif) left top repeat-x;
}
.dede_pages ul li a,.dede_pages ul li p{
	float:left;
	padding:0px 8px 2px;
	color:#ffffff;
	display:block;
}
.dede_pages ul li a:hover{
	color:#ff0000;
	text-decoration:none;
	padding:0px 8px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background:#878787;
	padding:0px 8px 0px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#ffffff;
}
.dede_pages .pageinfo strong{
	color:#ffffff;
	font-weight:normal;
	margin:0px 2px;
}
#index #win01,#aboutp #win02,#prop #win03,#casep #win04,#newsp #win05, { width:140px; line-height:42px;  text-align:center;background:url(../images/navhover.gif) center 8px no-repeat;/* margin:0 23px;*/ display:inline;}
.divcss5-right ul{
	width:760px;
	height:200px;
}
.divcss5-right ul li{
	margin:10px 9px 0px 7px;
	padding:5px 5px 0px 5px;
	border:1px solid #ccc;
	width:170px;
	height:175px;
	float:left;
	position:relative;
}
.divcss5-right ul li a img{
	width:160px;
	padding-bottom:0px;
    height: 140px;
}
.divcss5-right span{
	padding:0px 6px 0px 6px;
	position:absolute;
	left:0px;
	top:150px;
	display:inline-block;
	font-size:12px;
    width: 168px;
	height:23px;
	background:#E8E8E8;
}
.divcss5-right h4{
	font-size:18px;
	font-weight:bold;
}


/* 项目案例 */
.ProductShow{
	margin-top:20px;
}
.FontRed{
	color:#FF0000;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#c00108;}
a:active{text-decoration:underline;}




	


 .albumblock{
	padding:5px 3px 60px 0px;
	margin:20px 12px 20px 0px;
	float:left;
	}
 .albumblock .inner{
	width:220px;
	height:275px;
	position:relative;
	border:1px solid #FFF;
	overflow:hidden;
	}

.albumblock .inner img{
	padding-left:5px;
	margin-bottom:5px;
	border:2px solid #fff;
	width:205px;
	height:220px;	}	

 .albumblock .inner .albumtitle{
	height:29px;
	line-height:29px;
	font-size:14px;
	width:219px;
	position:absolute;
	top:;
	left:;
	color:#c00108;
	font-weight:; 
	text-align:center;
	background:#E0E0E0;
	cursor:pointer;
	margin:auto;
	}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
	
 .albumblock .inner:hover{
	border:1px solid #c00108;}	






.ProductShow .topic{
	height:35px;
	background:url("../images/box_bg1.jpg") repeat-x left top;
	}
.ProductShow .topic .TopicTitle{
	background:url("../images/box_bg2.gif") no-repeat -10px -3px;
	float:left;
	padding-left:15px;
	font-size:14px;
	color:#c00108;
	height:35px;
	font-weight:bold;
	line-height:35px;}
.ProductShow .topic .TopicTitle p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:150%;}
.ProductShow .right2 .topic,.ProductShow .roductShow .left .topic{
	height:45px;
}

.ProductShow .right2 .topic .TopicTitle,.ProductShow .left .topic .TopicTitle{
	padding-left:15px;
	}
.ProductShow .topic .TopicTitle a{
	color:#c00108;
	text-decoration:none;}	
.ProductShow .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:200px;
	padding-top:12px;
	
	}








.ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 978px; 
	font-size:12px;
	height:auto;
}
.ProductShow .albumblock{
	padding:10px 2px 30px 2px;
	}


.hjc {
	
}
.hjnav {
	BACKGROUND-COLOR: #fff; HEIGHT: auto;
	overflow:hidden;
	}
.hjnavC{
	width:978px;
	/* height:430px; */
 	background-color:#F5f5f5;
	overflow:hidden;}	
.hjnavleft {
	WIDTH: 978px;   HEIGHT: 42px;
	z-index:100;
 	background-color:#FFF;
	 overflow:hidden;
	border-right:1px solid #e7e7e7;}


.hjnavleft UL {
}
.hjnavleft UL LI {
	LINE-HEIGHT: 42px; 
	PADDING:0 30px; 
	HEIGHT: 42px;
 	border-bottom:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	float:left;}

.hjnavleft UL LI a:hover{
	text-decoration:none;
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover0 {
 	border-left:none;
	border-bottom:1px solid #F5f5f5;
	background-color:#bf2d34;
}
.hjnavleft UL LI.hover0  a{
	color:#fff;
	font-weight:bold;}
.hjnavleft UL LI.hover1 {
  	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#bf2d34;	
}
.hjnavleft UL LI.hover1  a{
	color:#fff;
 	font-weight:bold;}
.hjnavleft UL LI.hover2 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#bf2d34;	
}
.hjnavleft UL LI.hover2  a{
 	color:#fff;
	font-weight:bold;}
.hjnavleft UL LI.hover3 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover3  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover4 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover4  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover5 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover5  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover6 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover6  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover7 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover7  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover8 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover8  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover9 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover9  a{
	color:#c00108;
	font-weight:bold;}
.hjnavleft UL LI.hover10 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover10  a{
	color:#c00108;
	font-weight:bold;}




@media screen and (min-width:10px) and (max-width:790px){        /*! 小于790px时隐藏pc端 */
	/*头部*/
	body{background:#fff;}
	.zheshdygepc{
		display:none;
	}
	/*百度商桥*/
	#newBridge{
		display:none !important;
	}
	.lxb-container{
		width:0px !important;
		height:0px !important;
		display:none !important;
	}
	.lxb-hide-btn{
		display:none !important;
	}
	.custom-text{
		display:none !important;
	}
	.nb-icon-wrap{
		display:none !important;
	}
	.lxb-cb-input{
		display:none !important;
	}
	.lxb-cb-input-btn{
		display:none !important;
	}
}
/*! 大于500px时隐藏手机端 */
	 @media screen and (min-width:790px){
	      .zheshdergeshj{
			  display:none;
		  }
    }

	