@charset "utf-8";
/* CSS Document */
#content{ width:1200px;margin:auto; padding-top:38px;}
#content .content{ width:1200px; margin:auto; }
#body{ width:1200px; margin:auto; }
.blue{ color:#234584;}
.red{ color:#fe4444;}
.clear{clear:both; width:100%; height:1px;}
.hide{ display:none;}
/*面包式导航*/
.position{ width:100%; height:55px;  }
.position .cur_position{ width:auto; color:#666666; height:60px; }
.position .crumbs{ height:25px; border-bottom:1px solid #e7e7e7;  font-size:14px;color:#666666;  }
.position .crumbs a{color:#666666; padding:5px;}
.position .crumbs span{ display:inline-block;  color:#e11014; text-indent:10px; }

/*左栏*/
#content .left{ width:285px;float:left; padding-bottom:50px;}	
#content .left h2{ width:100%; height:54px; line-height:54px; background:#0e0a0c;  font-weight:500;  text-align:center;}
#content .left h2 span{ display:block;  font-size:20px; color:#fff; font-weight:bolder; }
#content .left ul{ width:100%;}
#content .left ul li{  width:283px;border:1px solid #e7e7e7;  border-top:0px;  height:55px; line-height:55px; font-size:16px; font-weight:bolder;  cursor:pointer; text-align:center; }
#content .left ul li a{ display:block; width:100%; color:#666666;}
#content .left ul .active{ background:#f5f5f5;}
#content .left ul .active a{ }
#content .left .contact{ width:283px;border:1px solid #e7e7e7; padding-bottom:20px; margin-top:35px; color:#666666;}
#content .left .contact .brief{width:90%; margin:auto; padding:10px 0px; line-height:26px; font-size:14px; font-weight:500;color:#666666; }	

#content .left .nav_child{ display:block; width:100%; margin:auto; height:25px; line-height:25px; font-size:12px; font-weight:500; text-align:center;  color:#666666; margin-bottom:10px;  }
#content .left  .cur{ color:#e60012;}



#content .left2{ width:225px;float:left; margin-bottom:30px;}	
#content .left2 .hot{ clear:both; width:100%; height:auto; background:#fff;   }
#content .left2 .hot .title{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background:#e60012; color:#fff; }
#content .left2 .hot ul{ border-right:1px solid #dddddd; border-left:1px solid #dddddd;}	
#content .left2 .hot ul li{ width:100%; height:226px; margin:auto; font-size:14px; line-height:25px; padding-bottom:5px; border-bottom:1px solid #dddddd; }
#content .left2 .hot ul li .img{ width:225px; height:155px; display:table-cell; vertical-align:middle; text-align:center; }
#content .left2 .hot ul li .img img{ max-width:220px; max-height:150px; vertical-align:middle;}
#content .left2 .hot ul li .name{ width:157px; float:right; font-size:12px; overflow:hidden; }
#content .left2 .hot ul li .name span{ color:#e60012; padding-left:10px; }



/*单页	*/
#content .danye{
	 width:845px;
	 float:right;
	 color:#666666;
	 margin-bottom:50px;

	}
		
/*产品列表	*/	
#content #product_right{
	width:845px;
	float:right;
	}


#content .product_right{
	width:100%;
	}	

#content .product_right .product_list{ width:100%; padding-bottom:20px;}
#content .product_right .product_list li{ width:248px; height:305px;  margin-right:50px; float:left; }
#content .product_right .product_list li.four{ margin-right:0px;}
#content .product_right .product_list li .img{ width:248px; height:243px;display:table-cell; text-align:center; vertical-align:middle; background:#fff;}
#content .product_right .product_list li:hover .img{ /*background:#f5f5f5;*/width:246px; height:241px; border:1px solid #e9eaed;}
#content .product_right .product_list li .img img{ max-width:246px; max-height:240px;vertical-align:middle;}
#content .product_right .product_list li .name{ width:100%; height:40px; line-height:40px; text-align:center;}


#content .product_detail{
	width:956px;
	float:right;
     margin-bottom:20px;
	}

#content .product_detail .img{
	 width:100%;
	 background:#f5f5f5;
	 line-height:50px;
	}	
#content .product_detail .img img{
	 max-width:50%;
	 margin-right:70px;
	 padding-left:20px;
	 float:left;
	}
	
	

/*产品详情*/


/*产品详情*/
.game163{ width:460px; position: relative;  overflow: hidden; float:left; }	
.game163 .bigImg{ width:440px; height: 440px !important; position: relative; border:1px solid #b5b5b5;}	
.game163 .bigImg li{ text-align:center; width: 440px; height:440px; display:table-cell; vertical-align:middle;}
.game163 .bigImg li a{ display:table-cell; width:430px; height: 440px; text-align:center; vertical-align:middle;}
.game163 .bigImg li img{ vertical-align:middle; max-width:400px; max-height:400px; }	






#content .danye .brief { width:100%; height:auto; margin-top:40px; padding-bottom:30px;}
#content .danye .brief .img{ width:450px; height:450px;   text-align:center; float:left;  }
#content .danye .brief .img img{vertical-align:middle;}
#content .danye .brief .title{ width:700px; height:auto; float:right;margin-top:20px;}
#content .danye .brief .title h2{ margin-bottom:10px; font-size:18px;}
#content .danye .brief .title .price{ width:100%; height:50px; line-height:50px; margin-top:10px;  font-size:14px; color:#999999; padding:20px 0 30px;}
#content .danye .brief .title .price span{ color:#e60012; margin-left:20px; padding-right:70px; font-weight:bolder; font-size:30px; background:url(../images/cray.jpg) no-repeat center right;}


#content .danye .brief .title .jianjie{ width:640px; height:366px;  line-height:40px; padding:20px 30px; font-weight:500; font-size:14px; background:#f3f3f3; color:#999999; }




#content .content2 .common{ width:100%;  }
#content .content2 .common .title{ width:100%; height:40px; border-bottom:1px solid #ccc; }
#content .content2 .common .title span{ display:block; width:250px; height:40px; line-height:40px; text-align:center; color:#323333; border:1px solid #ccc; border-top:1px solid #e60012; font-size:16px; font-weight:bolder; border-bottom:0px; }
#content .content2 .common .explain{ width:1160px; margin:auto; height:auto; padding:20px; border:1px solid #ccc; border-top:0px;}
#content .content2 .common .explain img{ max-width:1160px;  }







#content .content .nav_menu{ width:95%; margin:auto;height:50px; }
#content .content .nav_menu ul li{ width:120px; height:50px; line-height:50px;border:1px solid #ccc; font-size:14px; text-align:center; cursor:pointer; float:left;}
#content .content .nav_menu ul .cur{ background:#0c7de2; color:#fff;}
#content .content .nei{ clear:both; display:none;width:95%; margin:auto; margin-top:20px; padding:10px 0;} 
#content .content .nei .product{
	width:100%;
	height:268px;
	}
#content .content .nei .product ul li{
	width:210px;
	height:240px;
	text-align:center;
	line-height:30px;
	margin-right:15px;
	font-size:16px;
	font-weight:bold;
	float:left;
}
#content .content .nei .product ul li .img{
	width:210px;
	height:186px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
}
#content .content .nei .product ul li img{
	max-width:210px;
	max-height:186px;
	vertical-align:middle;

}
#content .content .nei .product ul li:last-child{
	margin-right:0;
}
#content .content .nei .news ul li{
	width:100%;
	height:30px;
	font-size:14px;
	border-bottom:1px dashed #ccc;
	line-height:30px;
	margin-bottom:10px;
}
#content .content .nei .news ul li span{
	float:right;
}




#content .danye .slideBox{ width:450px; height:260px; overflow:hidden; position:relative; border:1px solid #ddd;  }
#content .danye .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:205px; bottom:10px; z-index:1; }
#content .danye .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#content .danye .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#ccc; cursor:pointer;border-radius:20px;  }
#content .danye .slideBox .hd ul li.on{ background:#00aeef; color:#fff; border-radius:20px; }
#content .danye .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#content .danye .slideBox .bd li{ zoom:1; vertical-align:middle; }
#content .danye .slideBox .bd li a{ display:table-cell;width:450px; height:260px; text-align:center;vertical-align:middle; }
#content .danye .slideBox .bd li a img{vertical-align:middle; max-width:420px; max-height:220px;}
			

	
/*文章样式*/
#content .news_right{
	width:845px;
	 padding-bottom:20px;
	 float:right;
	}
#content .news_right .news_list{ width:100%;  }	
#content .news_right .news_list .ul{ width:100%;}
#content .news_right .news_list .ul .title{ color:#e50112; font-size:22px; height:40px;}
#content .news_right .news_list .ul li{ height:115px; width:100%; margin-bottom:20px; border-bottom:1px dashed #ccc;}
#content .news_right .news_list .ul li .img{ height:109px; width:183px; float:left;}
#content .news_right .news_list .ul li .img img{ height:109px; width:183px; }
#content .news_right .news_list .ul li .brief{ height:109px; width:635px; float:right;}
#content .news_right .news_list .ul li .brief .date{ height:59px; width:100%; /*background:url(../images/jian.png) no-repeat right center;*/ color:#999999`;}
#content .news_right .news_list .ul li .brief .date .time{ width:60px;height:54px; text-align:right; line-height:25px; border-bottom:2px solid #e50112; padding-top:2px; font-size:14px;}
#content .news_right .news_list .ul li .brief .name{ height:50px; line-height:25px; overflow:hidden; color:#666666; padding-top:5px;}



/*contact*/
#content .contact_right{
	width:845px;
	 padding-bottom:20px;
	 float:right;
	}
#content .contact_right .contact_list{ width:100%;  }	
#content .contact_right .contact_list .ul li{ width:100%; height:95px; border-bottom:1px dashed #cccccc; margin-bottom:20px; }
#content .contact_right .contact_list .ul li .brief{ width:100%; height:90px; }
#content .contact_right .contact_list .ul li h3{ height:30px; line-height:30px; }
#content .contact_right .contact_list .ul li .date{ height:30px; line-height:30px;}


/*activity*/
#content .activity_right{
	width:845px;
	 padding-bottom:20px;
	 float:right;
	}
#content .activity_right .activity_list h1{
	width:100%;
	height:54px;
	border:1px solid #e7e7e7;
	 
	}	
#content .activity_right .activity_list h1 span{
	display:block;
	width:180px;
	height:54px;
	line-height:54px;
	background:#e7e7e7;
	text-align:center;
	color:#e50112;
	font-size:16px;
	font-weight:bold;
	 
	}	

#content .activity_right .activity_list .brief{
	width:785px;
	height:auto;
	padding:30px;
	border:1px solid #e7e7e7;
	 border-top:0;
	 margin-bottom:35px;
	 line-height:22px;
	 color:#666666;
	}
	

#content .activity_right .activity_list .brief .product_list{ width:100%; padding-bottom:20px;}
#content .activity_right .activity_list .brief .product_list li{ width:248px; height:280px;  margin-right:18px; float:left; }
#content .activity_right .activity_list .brief .product_list li.four{ margin-right:0px;}
#content .activity_right .activity_list .brief .product_list li .img{ width:248px; height:243px;display:table-cell; text-align:center; vertical-align:middle; background:#f5f5f5;}
#content .activity_right .activity_list .brief .product_list li:hover .img{ width:246px; height:241px; border:1px solid #e50112;}
#content .activity_right .activity_list .brief .product_list li .img img{ max-width:246px; max-height:240px;vertical-align:middle;}
#content .activity_right .activity_list .brief .product_list li .name{ width:100%; height:40px; line-height:40px; text-align:center;}	
		
	
/*#content .activity_right .activity_list{ width:100%;  }	
#content .activity_right .activity_list .ul li{ width:100%; height:250px; border-bottom:1px dashed #cccccc; margin-bottom:20px; }
#content .activity_right .activity_list .ul li .img{ width:100%; height:150px;  }
#content .activity_right .activity_list .ul li .img img{ width:100%; height:140px; }
#content .activity_right .activity_list .ul li .brief{ width:100%; height:auto; line-height:20px; }
#content .activity_right .activity_list .ul li h3{ height:30px; line-height:30px; }
#content .activity_right .activity_list .ul li .date{ height:30px; line-height:30px;}*/



	
/*案例列表	*/

#content .picture_right{
	width:845px;
	 padding-bottom:20px;
	 float:right;

	}
	
#content .picture_right .picture_list li{ width:190px; height:170px; float:left; margin-right:28px; margin-bottom:10px;}
#content .picture_right .picture_list li.four{ margin-right:0px;}
#content .picture_right .picture_list li .img{ width:190px; height:130px;  display:table-cell; text-align:center; vertical-align:middle; border:1px solid #ccc;}
#content .picture_right .picture_list li:hover .img{  border:1px solid #e50112;}
#content .picture_right .picture_list li .img img{ max-width:185px; max-height:125px;vertical-align:middle;}
#content .picture_right .picture_list li .name{height:30px; line-height:30px; text-align:center;}




	
	
/*分页*/
 
 .pages{
	clear:both;
	width: 100%;
	height: 35px;
	margin: 40px auto;
	position: relative;
}
.pages ul{
    height: 35px;
    margin-top: 0;
    width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -117.5px;
}

.pages ul li{
    border:1px solid #e9e9e9 !important;
}
.pages ul li.item{
	float: left;
	text-align: center;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border:1px solid #f5f5f5;
	margin-left: 20px;
}
.pages ul li.prev{
	width:42px;
	height:30px;
	margin-left: 0;
	border:0px;
}
.pages ul li.next{
	width:42px;
	height:30px;
	border:0px;
}
.pages ul li.item a{
	color: #999999;
}
.pages ul li.on{
	background-color: #e11014;
	
}
.pages ul li.on a{
	color: #fff;
}
.total{
	display:none;
	}	


	/*招聘复制样式*/
.cdzhaop{ width:100%; margin:0px auto;}
.cdzhaop_tit{ height:46px; line-height:46px; overflow:hidden; background-color:#F1F1F1;padding-left:20px; padding-right:44px;}
.cdzhaop_tit h1{ width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h2{ width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h3{ width:17%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h4{ width:17%; float:left; font-size:17px; color:#333; text-align:right;}
.cdzhaop ul{}
.cdzhaop ul li{ border-bottom:1px dashed #999; overflow:hidden; line-height:38px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:44px;}
.cdzhaop ul li h1{ width:33%; float:left; font-size:17px; height:38px;}
.cdzhaop ul li h1 a{ color:#e11014;}
.cdzhaop ul li h1 a:hover{ text-decoration:underline;}
.cdzhaop ul li h2{ width:33%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h3{ width:17%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h4{ width:17%; float:left; font-size:17px; color:#333; text-align:right; height:38px;}
.pager3{ line-height:32px; font-size:16px; padding-top:20px; padding-bottom:30px; text-align:center; color:#333;}
.pager3 a{ color:#333;}
.pager3 a:hover{ color:#026CB8;}
.pager3 font{ color:#999; margin-left:10px; margin-right:10px; position:relative; top:-1px;}
.pager3 span a{ margin-left:10px;}
.pager3 input{ width:40px; height:24px; line-height:24px; border:1px solid #CCC; margin-left:6px; margin-right:6px;}
.pager3 a.paer_curr{ color:#026CB8; font-weight:bold;}