@media screen and (max-width: 1899px) { 
#content{
	width:100%;
	}
#banner{
width:100%;
height:945px;

}
.target {
	position: relative;
}



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

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

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

}
.left1 img{
position:relative;
border:none;
margin-top:5px;
}
.left2{
float:left;
margin-left:15px;
}
.left2-top{
color:#FFF;
}
.left2-top p{
font-size:16px;
margin-top:18px;
position:relative;}
.left2-bottom{

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

#title{

width:auto;
position:relative;
float:right;
margin: 0 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:18px;

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:70px;}
.small .banner-title{padding:0px;background-color:#000;}
.small img{height:60px;}

.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:350px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:50%;
	}
.logo-1 img{
	width:40%;
    
	}


.banner-text p{
	width:525px;
	padding:17.5px;
	margin:0 auto;
	line-height:22px;
	font-size:21px;
	font-family:NSimSun;
} 
#about{
	height:788px;
	width:auto;
	
}
#about a:hover,a:active{
color:#FF5027;}
.about h1{
height:auto;
font-size:32px;
font-family:Microsoft YaHei;
}
.about p{
	margin-top:17.5px;
	line-height:22px;
	font-size:21px;
}
.about-mid{
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:65%;
		width:1000px;

}
.about-mid h2{
font-size:21px;
font-weight:500;
}
.about-center{
	
	height:auto;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}


.about-left1 img{
	padding-top:10px;
	width:960px;
	}
.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:18px;
	}
.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:480px;
	height:auto;
	float:left;	}
.about-left3 p{
	font-size:14px;}
.about-left4{
	float:left;
	margin-left:20px;
	width:480px;
}
#production{
	padding-top:70px;
	height:700px;
	}
.production h1{
font-size:32px;
font-weight:400;
font-family:Microsoft YaHei;
}
.production p{
	
	font-size:21px;
	font-weight:400;
}
.production-new{
	margin:0 auto;
	width:550px;
}
.production-new ul{
	margin-top:26px;
	list-style-type:none;
}
.production-new ul li{
display:inline;
height:70px;
line-height:70px;
padding:0px 1px;
margin-left:15px;
float:left;}
.production-new button{
	padding:13px;
	font-size:12px;}
.production-new button:hover{
	background:#06F;}
.production-new button:active{
	background:#06F;}

.production-box{

width:1050px;
height:437px;
margin:0 auto;
}
.box1{
height:188px;
width:230px;
float:left;
position:relative;
}

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

.img-style{
height:153px;
width:230px;
}
.text-descript{
height:33px;
width:228px;
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:17px;
	height:656px;
	margin:0 auto;
	position:relative;	}
.bg-11{
	position:absolute;
left:0px;
top:-10px;
z-index:-1;
width:100%;
height:656px;	
	}
.culture-main{
width:1050px;
margin:0 auto;
}
.culture-main ul{
list-style-type:none;
}

.culture-main ul li{
display:inline-block;
margin-left:40px;
width:220px;
color:#FFF;
float:left;
overflow:hidden;
}
.culture-top h1 {
	padding-top:17px;
	color:#FFF;
	}
.culture-top h3 {
	color:#FFF;
	}
.small-1 ,.small-2 ,.small-3, .small-4{
	padding-top:44px;
	
	}
	
.main1-top{
height:262px;
font-size:26px;
width:175px;
border-bottom:#FFF 2px solid;}	

.main1-footer{
height:262px;
width:175px;
overflow:hidden;
font-size:15px;
margin-top:20px;
}

#contact-us{
height:548px;
padding-top:70px;
}
.contact-us h1{
	margin-top:77px;
	font-family:Microsoft YaHei;
}
.contact-main{
height:333px;
width:1000px;
margin:0 auto;
margin-top:52.5px;
}
.main-left{
height:290px;
width:428px;
float:left;
}
.main-left p{
font-weight:400;
font-size:15px;}
.main-left ul{
list-style-type:none;
}
.main-left ul li{
	height: 22px;
	line-height: 22px;
	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:48px;
line-height:48px;
padding:0px 5px;
margin-left:5px;
float:left;}
.footer{padding: 20px 0;
    line-height: 1.6;
background-color:#CCC;
text-align:center;
}
.footer p{
	display:inline-block;
	vertical-align:middle;
	font-size:21px;
	font-weight:500;

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

}
.right-middle{
	height:39px;
	width:485px;
	border:#CCC 1px solid;
	margin-top:13px;
}
.right-footer{
	height:150px;
	width:485px;
	border:#CCC 1px solid;
	margin-top:13px;
}
.right-button{
	border:#CCC 1px solid;
	float:left;
	height:31px;
	width:138px;
	margin-top:13px;}
.main-text{
height:39px;
width:477px;
border:none;
padding-left:8px;}
.main-text1{
height:39px;
width:477px;
padding-left:8px;
border:none;}	
.main-text2{
height:145px;
width:472px;
padding-left:8px;
padding-top:5px;
border:none;}	
.main-text3{
height:31px;
width:138px;
border:none;
background:#FFF}
.mask{
position:absolute;
top:0;
left:0;
height:153px;
width:230px;
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:1000px; 
height:512px; 
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:48px;
width:1000px;
background: #39F;
color: #FFF;

}
.showid-top p{
	display:inline-block;
	vertical-align:middle;
	height:48px;
	line-height:48px;
	font-size:16px;
	font-weight:500;
	margin-left:17px;

}
.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:390px;
width:100%;

}
.showid-middle h2{
font-weight:500;
font-size:17px;
margin-left:17px;
margin-top:21px;
}
.showid-left{
	margin-top:17px;
margin-left:17px;
height:313px;
width:472px;
float:left;
}
.showid-left p{
font-size:16px;
font-weight:400;
}
.showid-right{
	margin-top:27px;
float:right;
height:313px;
width:455px;
margin-right:12px;
overflow:hidden;
}
.showid-right img{
height:310px;
width:450px;
}
.showid-footer{
height:74px;
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:44px;
	}
.logo-top p{
	font-size:44px;
	color:#FFF;
	}
.logo-mid p{
	font-size:26px;
	color:#FFF;
	}
.logo-img-1{
	
	}
.logo-img-1 img{
width:10%;
	}
.logo-footer{
	
	
	top:66px;
	}

.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;
	}
}