@charset "utf-8";
.header{height:100px;
		background:#fff;}

.header .box{position:relative;}

.logo{display:block;
	  width:172px;
	  height:100px;
	  background:url(../images/logob.jpg) no-repeat 0 center;
	  float:left;}

.nav{padding:0 0 0 40px;
	 float:left;
	 width:510px;}

.navDl{width:1000px;
	   position:absolute;
	   background:#fffefe;
	   padding:0 0 40px;
	   left:0;
	   top:100px;
	   display:none;
	   box-shadow: inset 0 3px 8px rgba(0,0,0,.24);}

.navDl a{display:block;
		 float:left;
		 width:280px;
		 height:180px;
		 margin:40px 0 0 40px;
		 overflow:hidden;
		 position:relative;}

.navDl a span{display:block;
			  width:100%;
			  position:absolute;
			  bottom:0;
			  left:0;
			  height:32px;
			  line-height:32px;
			  text-align:center;
			  color:#fff;
			  background-color:rgba(46,46,46,0.9);}

.navDl a font{position:absolute;
			  display:block;
			  left:0;
			  top:-180px;
			  width:250px;
			  height:135px;
			  background-color:rgba(255,82,0,0.9);
			  line-height:27px;
			  font-size:24px;
			  color:#fff;
			  padding:45px 0 0 30px;
			  transition: all 0.2s ease 0s;}

.navDl a:hover font{top:0;}

.navA,.navBox{float:left;
			  padding:45px 20px 0;
			  float:left;
			  height:55px;
			  font-size:14px;}

.navA a,.navBox a.navAh{color:#282828;display:block;padding:0 5px 5px;}

.navA a:hover,.navBox .navAh:hover,.nav .hover{border-bottom:3px solid #ff5200;}

.search{width:260px;
		height:28px;
		position:relative;
		float:left;
		margin:40px 0 0;}

.search .text{width:168px;
			  height:26px;
			  line-height:26px;
			  font-size:14px;
			  color:#555;
			  padding:0 5px;
			  border:1px solid #000;}

.search .searbtn{position:absolute;
				right:0;
				top:0;
				width:80px;
				height:28px;
				cursor:pointer;
				border:1px solid #282828;
				background:url(../images/search.jpg) no-repeat center center #282828;}

.banner{background:url(../images/banner.jpg) no-repeat center center;
		height:480px;
		width:100%;}

.banner a{display:block;
		  height:480px;
		  width:100%;
		  background:url(../images/banner.jpg) no-repeat center center;}

.menu{padding:15px 0 0;}

.menu dl{width:332px;
		 display:inline;
		 float:left;
		 margin:2px 0 0 2px;
		 background:#282828;
		 height:178px;
		 overflow:hidden;
		 cursor:pointer;
		 position:relative;}

.menu dl dt{position:absolute;
			left:-332px;
			top:-178px;
			width:332px;
			height:178px;
			background:url(../images/menu.jpg) no-repeat 290px 15px #ff5200;}

.menu dl dd{padding:10px 15px 0;
			position:absolute;
			width:302px;
			height:168px;
			color:#fff;}

.menu dl dd span{font-size:24px;}

.menu dl dd font{font-size:14px;
				 display:block;
				 padding:5px 0 0;}

.menu dl dd i{color:#fff;
			  font-size:14px;
			  position:absolute;
			  bottom:10px;
			  left:15px;
			  filter:alpha(opacity=50);
			  -moz-opacity:0.5; 
			  opacity:0.5;}
			  
.dev{padding:30px 0 0;}

.devTit{height:46px;
		background:#e6e6e6;
		text-align:center;
		font-size:16px;
		margin:0 2px;
		transition: all 0.5s ease 0s;}

.devTit a{color:#282828;
		  display:block;
		  line-height:35px;
		  width:25%;
		  float:left;
		  height:43px;
		  border-top:3px solid #e6e6e6;}

.devTit .hover{border-color:#ff5200;
			   background:#f6f6f6;}

.devTit2{background:#282828;}

.devTit2 a{color:#fff;
		   border-color:#282828;}

.devTit2 .hover{background:#323232}

.devCont{width:1000px;
		 overflow:hidden;
		 margin:0 2px;
		 padding:0 0 16px;}

.devBox,.devBox2{width:1016px;
		padding:0 0 16px;}

.devCont dl{margin:16px 16px 0 0;
			float:left;
			width:238px;
			height:266px;
			display:inline;
			background:#fff;
			box-shadow:3px 5px 5px #ddd;
			cursor:pointer;}

.devCont dl dt{overflow:hidden;
			   height:148px;}

.devCont .devBox2 dl dt{height:156px}

.devCont dl dt img{
	transition:all 0.5s ease 0s;
	-webkit-transform:scale(1);-moz-transform:scale(1);}

.devCont dl dt img:hover{
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.devCont dl dd{background:#fff;
			   padding:8px 12px;
			   height:100px;
			   color:#898989;
			   line-height:21px;}

.devCont dl dd strong{color:#292929;
					  font-size:16px;
					  display:block;
					  padding:0 0 10px;}

.devCont .devBox2 dl{margin:16px 0 0 0;
			float:left;
			width:250px;
			height:218px;
			display:inline;
			cursor:pointer;
			background:none;
			box-shadow:0px 0px 0px;}

.devCont .devBox2 dl dd{background:none;
			   padding:6px 0 0;
			   height:100px;
			   color:#969696;
			   line-height:16px;}

.devCont .devBox2 dl dd strong{color:#fff;
					  font-size:16px;
					  display:block;}

.contact{background:#282828;
		 margin:30px 0 0;}

.contact h2{text-align:center;
			color:#c8c8c8;
			height:125px;
			line-height:125px;
			font-size:32px;}

.contact dl{width:25%;
			text-align:center;
			height:135px;
			float:left;}

.contact dl dt img{padding:2px;
				   border:1px solid #fff;}

.contact dl dd{color:#c8c8c8;
			   font-size:14px;
			   padding:5px 0 0;}

.footer{background:#1e1e1e;
		height:70px;
		padding:35px 0;}

.footer .floatL{width:400px;
				color:#fefefe;
				font-size:14px;}

.footer .floatL a img{display:block;
				  margin:0 0 20px;}
				  
.footer .floatR{line-height:70px;
				color:#838383;
				font-size:14px;}

.footer .floatR a{color:#838383;}













.devBg{width:100%;
	   position:fixed;
	   top:0;
	   left:0;
	   height:2000px;
	   background:#000;
	   display:none;
	   z-index:1;
	   filter:alpha(opacity=50);
	   -moz-opacity:0.5; 
	   opacity:0.5;}

.devPop{position:absolute;
		top:50%;
		left:50%;
		margin-left:-502px;
		width:924px;
		display:none;
		background:#fff;
		padding:40px;
		z-index:2;}

.devClose{position:absolute;
		  right:10px;
		  top:10px;
		  font-size:21px;
		  color:#333;
	   	  font-family:monospace;
		  cursor:pointer;}

.devPop .floatL{width:440px;}

.devPt{color:#333;
	   font-size:20px;
	   font-weight:bold;
	   display:block;
	   height:40px;}

.devPc{font-size:14px;
	   color:#777;
	   line-height:28px;}



.devPop .floatR{width:450px;
				text-align:right;}

.devPop .floatR img{margin:0 0 20px;}


















.devHc{display:none;}


/*----------列表内容页------------*/

.banner2{
		 background:url(../images/2_02.jpg) no-repeat center 0;}

.aboutBanner{background-image:url(../images/about_02.jpg)}

.contactBanner{background-image:url(../images/c_02.jpg)}

.dev2 a{background:#e6e6e6;
		height:46px;
		line-height:46px;
		border:0 none;}

.dev2 .devTit2 .hover{background:#323232;}

.dev2 .devTit2 a{background:#282828}

.devTop{margin:30px 0 0;
		height:50px;
		cursor:pointer;
		background:url(../images/4_11.jpg) no-repeat center center;}
		
.devAbout{padding:40px;
		  background:#fff;
		  margin:20px 0;
		  box-shadow:3px 3px 5px #ddd;}