/* CSS Document */

.pro-display{ 
	width:724px;
	border:1px solid #d2d0d0;
	height:448px;
	background-color:#fff;
}
/*头部标题*/

.lmtit{
	height:36px;
	border-bottom:1px solid #d2d0d0;
	width:100%;
	position:relative;
	background:url(../images/titbg1.png) repeat-x 0 center ;
}
.lmtit h2{
	width:102px;
	height:36px;
	background:url(../images/titbg2.png) no-repeat;
	line-height:36px;
	text-indent:16px;
	color:#fff;
	font-size:14px;
}
.lmtit .dh{
	line-height:36px;
	font-size:14px;
	background:url(../images/icon4.png) 5px center no-repeat;
	text-indent:43px;
}
.lmtit a.more{
	display:block;
	background:url(../images/more.png) no-repeat;
	width:43px;
	height:13px;
	overflow:hidden;
	text-indent:-2000px;
	position:absolute;
	right:11px;
	top:12px;
}
.content img{display: block;max-width: 100%;}
/*.产品列表*/

.pro-list{ width:750px; padding-left:2px; padding-top:5px; overflow:hidden;}
.pro-list li{
	width:162px;
	height:180px;
	border:1px solid #cfcfcf;
	float:left;
	margin:9px 8px; 
}
.pro-list li a{
	display:block;
	width:162px;
	height:180px;
	overflow:hidden;
}
.pro-list li a:hover{
	color:#F00
}
.pro-list li a img{
	display:block;
	margin:1px auto;
}
.pro-list li a span{
	line-height:27px;
	display:block;
	border-top:1px solid #cfcfcf;
	background: url(../images/probg.jpg) repeat-x;
	text-align:center;
	font-size:14px;
}
/*index*/

.index-title{
	width:100%;
	height:50px;
	position:relative;
}
.index-title h2{
	color:#fff;
	line-height:20px;
	font-size:18px;
	padding-left:15px;
	padding-top:8px;
}
.index-title h2 span{ font-size:14px;}
.index-title a{ 
	display:block;
	position:absolute;
	background:url(../images/more2.png) no-repeat;
	width:22px;
	height:22px;
	right:0px;
	top:0px;
	overflow:hidden;
	text-indent:-1000px;
}
.red{ background-color:#cb131b}
.blue{ background-color:#143a83}
.about-us{
	width:268px;
	height:301px;
	margin-top:21px;	
}
.about-us .box{
	width:265px;
	height:245px;
}
.about-us .box a{
	display:block;
	width:265px;
	height:245px;
	position:relative;
}
.about-us .box a p{
	width:248px;
	height:80px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:6px 10px 0;
	line-height:24px;
	 filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;  
}

.index-news{
	width:436px;
	padding-left:13px;
	margin-top:21px;	
}
.index-news .n-list{
	width:429px;
	height:40px;
	padding:10px 0;
	margin:0 auto;
	border-bottom:1px dashed #999;
	overflow:hidden;
}
.index-news .n-list .date{
	float:left;
	height:40px;
	width:64px;
	padding-right:6px;
	background:url(../images/new-bg.png) right 0 #adadad no-repeat;
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	
}
.index-news .n-list .date span{ 
	font-size:12px;
	font-weight:normal;
 }
.index-news .n-list .text{
	width:350px;
	float:right;
}
.index-news .n-list .text a{
	font-size:14px;
	display:block;
	margin-top:-4px;
	font-size:14px;
}
.index-news .n-list .text a:hover{
	color:#F00;
}
.index-news .n-list .text p{
	color:#8f8f8f;
}
.other{
	width:270px;
	height:303px;
	overflow:hidden;
	margin-top:21px;	
}
.other ul{
	width:320px;
}
.other ul li{ 
	width:133px;
	height:145px;
	float:left;
	margin:0 5px 9px 0;
	
}
.other ul li a{
	display:block;
	width:133px;
	height:145px;
	position:relative;
}
.other ul li a p{
	position:absolute;
	height:37px;
	line-height:37px;
	text-align:center;
	width:133px;
	background-color:#fff;
	filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;
	  font-weight:700;
	  font-size:14px;
	
}
/*main*/
.main{
	width:724px;
	border:1px solid #d2d0d0;
	background-color:#fff;
	overflow:hidden;
}
/*side*/
.side{
	width:250px;
}
.side h2{
	height:34px;
	border-bottom:1px solid #d0d1d3;
	background: url(../images/tit-bg.png) center 0;
	line-height:30px;
	text-indent:40px;
	font-size:14px;
}
.side .pro-search{
	width:248px;
	height:156px;;
	border:1px solid #d0d1d3;
	border-top:2px solid #143a83;
	margin-top:10px;
	background-color:#fff;
	
}
.side .pro-search select{
	display:block;
	width:215px;
	height:20px;
	margin:12px auto 0;
}
.side .pro-search .pro-name{
	display:block;
	width:215px;
	height:20px;
	margin:12px auto 0;
}
.side .pro-search .sub{
	display:block;
	margin:16px auto 0;
	background:url(../images/btn.png) no-repeat;
	width:81px;
	height:25px;
	cursor:pointer;
}
.side .contact{
	width:248px;
	border:1px solid #d0d1d3;
	border-top:2px solid #143a83;
	margin-top:10px;
	background-color:#fff;
}
.pcont{ width:680px; line-height:24px; margin-left:24px; padding-top:15px;}
.pcont h2{ font-size:16px; text-align:center; margin-bottom:15px;}


.page{ width:100%; height:20px; margin-top:15px; margin-bottom:15px;} 
.page ul{ width:400px;  margin-left:150px; height:20px;}
.page ul li{ float:left;}
.page ul li a{ float:left; text-align:center; padding:2px 5px 2px 5px; border:1px solid #bfbfbf; margin:2px;}

.newrelated{ width:100%; margin:0 auto; border-top:1px solid #dddddd; margin:0 auto;}
.newrelated ul{ width:100%; padding-bottom:20px;}
.newrelated ul li{height:30px;line-height:30px;}
.newrelated ul li a{ color:#2a2a2a;}
.newrelated ul li span{ float:right; color:#727272;}
.newrelated h4{ font-size:14px; font-weight:normal; padding:10px 0 0 0; text-align:left;}

.prorelated{ width:100%; margin:0 auto; border-top:1px solid #dddddd;}
.prorelated h4{ font-size:14px; font-weight:normal; padding:10px 0 10px 0; text-align:left;}
.prorelated ul{ width:100%; padding-bottom:20px;}
.prorelated ul li{ float:left; width:120px; margin-right:15px; text-align:center; margin-bottom:20px;}
.prorelated ul li a{ color:#2a2a2a;}
.prorelated ul li img{ width:120px; height:120px;}

.nu{ width:90%; height:50px; line-height:50px;margin:0 auto;}
.u{ float:left;}
.n{ float:right;}

.nlists{ width:680px; margin-left:24px; padding:20px 0 20px 0;}
.nlists li{ width:680px; height:39px; line-height:39px; border-bottom:1px dashed #c7c7c7;}
.nlists li a{ float:left;}
.nlists li span{ float:right;}

.honn{ width:210px; float:left; margin:15px 15px 10px 15px; display:inline;}
.himg{ width:208px; }
.himg img{border:1px solid #c7c7c7; width:208px; height:260px;}
.ff{ width:210px; height:30px; line-height:30px; text-align:center;}

.bann{ width:100%; height:300px; background:url(../images/bann.jpg) top center no-repeat;text-align:center}
.bann1{ width:100%; height:300px; background:url(../images/bann1.jpg) center center no-repeat;}
.bann2{ width:100%; height:300px; background:url(../images/bann2.jpg) center center no-repeat;}
.bann3{ width:100%; height:300px; background:url(../images/bann3.jpg) center center no-repeat;}
.bann4{ width:100%; height:506px; background:url(../images/banner4.jpg) center center no-repeat;}
.bann5{ width:100%; height:322px; background:url(/images/banner5.jpg) center center no-repeat;}
.bann6{ width:100%; height:322px; background:url(/images/banner6.jpg) center center no-repeat;}


.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(/images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(/images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(/images/open_im.png) no-repeat left top;}