@media screen and (min-width: 1900px) { 
#content{
	width:100%;
	}
#banner{
width:100%;
height:1080px;

}
.target {
	position: relative;
}



.banner-title{
height:90px;
width:100%;
position:fixed;
top:0;
z-index:10;
}

.banner-title1{
min-width:1100px;
max-width:1300px;
position:relative;
margin:0 auto;
}
.banner-img{
position:absolute;
left:0px;
top:0px;
z-index:-1;
width:100%;
height:1080px;	
background-repeat:no-repeat;
}
.title-left{

width:auto;
position:relative;
float:left;
margin:10px 0;
}
.left1{
float:left;

}
.left1 img{
position:relative;
border:none;

}
.left2{
float:left;
margin-left:20px;
}
.left2-top{
color:#FFF;
}
.left2-top p{
font-size:18px;
margin-top:20px;
position:relative;}
.left2-bottom{

color:#FFFFFF;
}
.left2-bottom p{
font-size:18px;
line-height:18px;
}

#title{

width:auto;
position:relative;
float:right;
margin: 10px 0;
top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}
#title ul{
list-style-type:none;
display:inline;
}
#title ul li{

line-height:80px;
padding:0px 5px;
margin-left:5px;
float:left;


}
#title ul li a:hover{
	color:#FF5027;}
#title ul li a.active {
color:#FF5027;
}
#title ul li a{
font-size:20px;

color:#FFFFFF;
}

.large .banner-title{padding:10px; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60);background:#000000;}

.large img{height:80px;}
.small .banner-title{padding:0px;background-color:#000;}
.small img{height:70px;}

.banner-title, .banner-title1,  .title-left, img, #title,ul,li{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}




.logo-1 {
	margin-top:400px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:50%;
	}
.logo-1 img{
	width:40%;
    
	}


.banner-text p{
	width:600px;
	padding:20px;
	margin:0 auto;
	line-height:25px;
	font-size:24px;
	font-family:NSimSun;
} 
#about{
	height:900px;
	width:auto;
	
}
#about a:hover,a:active{
color:#FF5027;}
.about h1{
height:auto;
font-size:36px;
font-family:Microsoft YaHei;
}
.about p{
	margin-top:20px;
	line-height:25px;
	font-size:24px;
}
.about-mid{
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:65%;
		width:1150px;

}
.about-mid h2{
font-size:24px;
font-weight:600;
}
.about-center{
	
	height:auto;
	width:1150px;
	margin-left:auto;
	margin-right:auto;
}


.about-left1 img{
	padding-top:10px;
	width:1100px;
	}
.about-left2{
	float:left;
	margin-left:5px;
	width:560px;
}
.about-left2 p{
	font-size:16px;
}
.about-left2 ul{
	list-style-image:url(../images/delta.png);
}
.about-left3{
	padding-top:20px;
	}
.title-right ul li{
height:30px;
line-height:30px;
padding:5px 0px;
margin-left:5px;}
.center-ul{
	margin-top:20px;
	margin-left:20px;
}
.clear{
	clear:both;
}

.about-left3{
	width:550px;
	height:auto;
	float:left;	}
.about-left3 p{
	font-size:16px;}
.about-left4{
	float:left;
	margin-left:20px;
	width:540px;
}
#production{
	padding-top:80px;
	height:800px;
	}
.production h1{
font-size:36px;
font-weight:400;
font-family:Microsoft YaHei;
}
.production p{
	
	font-size:24px;
	font-weight:400;
}
.production-new{
	margin:0 auto;
	width:600px;
}
.production-new ul{
	margin-top:30px;
	list-style-type:none;
}
.production-new ul li{
display:inline;
height:80px;
line-height:80px;
padding:0px 1px;
margin-left:20px;
float:left;}
.production-new button{
	padding:15px;
	font-size:14px;}
.production-new button:hover{
	background:#06F;}
.production-new button:active{
	background:#06F;}

.production-box{

width:1200px;
height:500px;
margin:0 auto;
}
.box1{
height:215px;
width:263px;
float:left;
position:relative;
}

.margin-style1{
margin-right:29px;
margin-top:29px;
}

.img-style{
height:175px;
width:263px;
}
.text-descript{
height:38px;
width:261px;
border: 1px solid #CCC;
margin-top:-3px;
}
.text-adapt{
height:auto;
width:auto;
margin-top:5px;
}
.text-descript:hover{
background:#09C;
color:#FFF;
}
#culture{	
	padding-top:20px;
	height:750px;
	margin:0 auto;
	position:relative;	}
.bg-11{
	position:absolute;
left:0px;
top:-10px;
z-index:-1;
width:100%;
height:750px;	
	}
.culture-main{
width:1200px;
margin:0 auto;
}
.culture-main ul{
list-style-type:none;
}

.culture-main ul li{
display:inline-block;
margin-left:45px;
width:250px;
color:#FFF;
float:left;
overflow:hidden;
}
.culture-top h1 {
	padding-top:20px;
	color:#FFF;
	}
.culture-top h3 {
	color:#FFF;
	}
.small-1 ,.small-2 ,.small-3, .small-4{
	padding-top:50px;
	
	}
.main1-top{
height:300px;
font-size:30px;
width:200px;
border-bottom:#FFF 2px solid;}	

.main1-footer{
height:300px;
width:200px;
overflow:hidden;
font-size:17px;
margin-top:24px;
}

#contact-us{
height:626px;
padding-top:80px;
}
.contact-us h1{
	margin-top:88px;
	font-family:Microsoft YaHei;
}
.contact-main{
height:380px;
width:1150px;
margin:0 auto;
margin-top:60px;
}
.main-left{
height:380px;
width:560px;
float:left;
}
.main-left p{
font-weight:500;
font-size:20px;}
.main-left ul{
list-style-type:none;
}
.main-left ul li{
	height: 30px;
	line-height: 30px;
	padding: 5px 0px;
	margin-left: 5px;
}
.tubiao{float:left;width:20px;height:30px;background:url(../images/icon.png) no-repeat; margin-right:10px;}
.tubiao-location{background-position:0 0px;}
.tubiao-telephone{background-position:0 -45px;}
.tubiao-phone{background-position:0 -85px;}
.tubiao-email{background-position:0 -125px;}
.main-left ul{
	margin-top:30px;}
.somelogo{
margin-top:55px;
height:55px;
width:auto;
}
.somelogo ul{
list-style-type:none;
display:inline;}
.somelogo ul li{

height:55px;
line-height:55px;
padding:0px 5px;
margin-left:5px;
float:left;}
.footer{padding: 20px 0;
    line-height: 1.6;
background-color:#CCC;
text-align:center;
}
.footer p{
	vertical-align:middle;
	font-size:24px;
	font-weight:600;

}
.main-right{
float:left;
margin-left:20px;
}
.right-top{
	height:45px;
	width:555px;
	border:#CCC 1px solid;

}
.right-middle{
	height:45px;
	width:555px;
	border:#CCC 1px solid;
	margin-top:15px;
}
.right-footer{
	height:172px;
	width:555px;
	border:#CCC 1px solid;

	margin-top:15px;
}
.right-button{
	border:#CCC 1px solid;
	float:left;
	height:36px;
	width:158px;
	margin-top:15px;}
.main-text{
height:45px;
width:500px;
border:none;
padding-left:8px;}
.main-text1{
height:45px;
width:500px;
padding-left:8px;
border:none;}	
.main-text2{
height:167px;
width:500px;
padding-left:8px;
padding-top:5px;
border:none;}	
.main-text3{
height:36px;
width:158px;
border:none;
background:#FFF}
.mask{
position:absolute;
top:0;
left:0;
height:175px;
width:263px;
background: #3CF;
opacity:0;
}
	
.box1:hover .mask{
opacity: 0.8;
filter: alpha(opacity=50);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mask:hover {
	text-decoration: none;
}

.mask i {
	background:url(../images/people.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 18px;
	line-height: 1px;
	margin-top: -8px;
	margin-left: -8px;
	text-align: center;
}
#BgDiv{background-color:#e3e3e3; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:1000px;opacity:0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}
.showdiv{position:absolute;
width:1140px; 
height:585px; 
left:20%; 
top:20%; 
z-index:100;
background-color:#fff; 
display:none;
position:fixed;
border:#999 1px solid;
box-shadow:0 0 20px #999999;
}

.showid-top{
height:55px;
width:1140px;
background: #39F;
color: #FFF;

}
.showid-top p{
	display:inline-block;
	vertical-align:middle;
	height:55px;
	line-height:55px;
	font-size:18px;
	font-weight:600;
	margin-left:20px;

}
.footer-input{
	display:inline-block;
	float:right;
	margin-right:20px;
	padding:10px 30px;;
	height:40px;
	width:160px;
	line-height:0px;
	border:#999 1px solid;
	background: #FFF;
	color: #39F;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	font-size:16px;
}
.showid-middle{

height:446px;
width:100%;

}
.showid-middle h2{
font-weight:500;
font-size:20px;
margin-left:20px;
margin-top:25px;
}
.showid-left{
	margin-top:20px;
margin-left:20px;
height:358px;
width:540px;
float:left;
}
.showid-left p{
font-size:18px;
font-weight:400;
}
.showid-right{
	margin-top:20px;
float:right;
height:355px;
width:520px;
margin-right:15px;
overflow:hidden;
}
.showid-footer{
height:80px;
width:100%;
}


.timeline{
height:1928px;
width:auto;
}
#recruitment{
height:700px;
}

.recruitment-main{
height:630px;
width:1150px;
margin:0 auto;
margin-top:60px;
}

#recruitment-list {
	left:65px;
	width: 1000px;
	height: 630px;
	overflow: hidden;
	position: relative;
}
#list {
	width: 4000px;
	height: 360px;
	position: absolute;
	z-index: 1;
}
.col-lg {
	width: 320px;
	float: left;
	padding-left:10px ;
}
.col-lg p {
	display:block;
	width:230px;
	font-size: 12px;
	margin:0 auto;
}
.col-lg img{
	display:block;
	height:230px;
	weight:230px;
	margin:0 auto;
	}
#buttons {
	position: absolute;
	height: 0px;
	width: 100px;
	z-index: 2;
	bottom: 90px;
	left: 500px;
}
#buttons span {
	cursor: pointer;
	float: left;
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
	margin-right: 5px;
}
#buttons .on {
	background: orangered;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
	background-color: #55acee;
	border-color: #55acee;
	color: #ffffff;
}
.nav-pills > li > a {
	border-radius: 0;
	padding: 8px 20px;
	border: 1px solid #cacaca;
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
}
.logo-top{
	padding-top:50px;
	}
.logo-top p{
	font-size:50px;
	color:#FFF;
	}
.logo-mid p{
	font-size:30px;
	color:#FFF;
	}
.logo-img-1{
	
	}
.logo-img-1 img{
width:10%;
	}
.logo-footer{
	
	
	top:75px;
	}

.logo-input{
	margin:0 auto;
	border-radius: 0;
	padding: 8px 20px;
	border: 1px solid #cacaca;
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
	}
}