@charset "utf-8";
.Contact .clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.Contact .clear10{ clear:both; height:10px; overflow:hidden;}
.Contact .clear15{ clear:both; height:15px; overflow:hidden;}
.Contact .clear20{ clear:both; height:20px; overflow:hidden;}
.Contact .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.Contact .clearfix:after { clear: both; }  
.Contact .clearfix { zoom: 1; }
.Contact .fl{float:left;}
.Contact .fr{float:right;}
.Contact .mt20{margin-top:20px;}

#map{width:100%;font-size:12px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.Contact{width: 100%; position: relative; padding-bottom: 365px; overflow: hidden;}
.Contact_{width: 1200px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; margin-left: -600px;}
.map{width: 48%;  background: #fff; float: right; overflow: hidden;}
.map .pic{ float: left; width: 35%; max-width: 160px;}
.map .pic img{width: 100%;}
.map .text{ width: 60%;float: left; margin-left: 5%;}
.map .text h1{font-size: 20px; color: #cf9e3e;}
.map .text p{font-size: 14px; line-height: 22px; color: #787878; padding-left: 18px;}
.map .text p.dz{background: url(../images/Contact2.jpg) no-repeat left 4px;}
.map .text p.dh{background: url(../images/Contact3.jpg) no-repeat left 4px;}
.map .text p.cz{background: url(../images/Contact4.jpg) no-repeat left 4px;}
.map .text p.mail{background: url(../images/Contact5.jpg) no-repeat left 4px;}
.map .text a{color: #cf9e3e; font-size: 13px; text-decoration: underline;}
.en .map .text p {margin:0; }
.map_{padding: 35px; }
.pic_{position: absolute; bottom: 0; left: 52%;}
.Message{ height: 453px;}
.Message_{padding:0 30px;}
.Message_ h1{font-size: 24px; text-align: center; line-height: 38px;color: #00903B;font-weight:normal;}
.Message_ .text3{float: left; width: 90%; padding: 0 5%; height: 46px;border: 1px solid #D4D4D4; margin-top: 10px;}
.Message_ textarea{float: left; width: 90.2%; padding:10px 5%; border: 0; margin-top: 10px; height: 135px; color: #606060; font-size: 13px;border: 1px solid #D4D4D4;}
.Message_ .button1{float: left; width: 100%; border: 0; background: #eee; height: 46px; margin-top: 20px; cursor: pointer;font-size:14px;    border: 1px solid #ddd;}
.Message_ .button1:hover {background-color:#00903B;color:#fff; }
/*job*/
.job{width: 100%;background:#f6f6f6 url(../images/Job/bg1.jpg) no-repeat; overflow:hidden; padding-bottom: 30px;}
.job_{max-width: 1200px; margin: 0 auto;}
.job_ .title{ padding: 40px 0 20px;}
.job_ .title h1{font-size: 72px; line-height: 80px; color: #9c9c9c;}
.job_ .title h2{font-size: 30px; line-height: 40px;}
.Join{ background: #fff; padding: 30px; color: #787878;font-size: 13px;}
.Join .top_jo{ width: 50%; }
.Join .top_jo span{color: #cf9e3e;}
.Join .top_jo a{display: block; width: 116px; height: 25px; background:url(../images/Job/jxmb1.jpg) repeat-x; border: 1px solid #dcdcdc; line-height: 25px; text-align: center; color: #cf9e3e; margin-top: 10px;}
.Join .zhiw_c{float: left; width: 50%;}
.Join .zhiw{padding-top: 30px;}
.Join .zhiw h3{padding-left: 12px; background: url(../images/Job/icon1.jpg) no-repeat left 7px; font-size: 16px; color: #cf9e3e;}
.Join .zhiw p{line-height: 20px; padding-top: 5px;}
.Join .zhiw p b{padding-left: 12px;}
.Join .zwyq{padding: 30px 0 0px 15px;}
.Join .zwyq h4{background: #3e3e3e; width: 95px; height: 20px; text-align: center; color: #fff; line-height: 22px; overflow: hidden;}
.Join .zwyq div{line-height: 26px; padding-top: 10px;}
.Join .flsm h4{background: #cf9e3e;}
.Join .tdxz{padding-top: 20px;}
.Join .tdxz a{float: left; width: 133px; height: 38px; line-height: 38px; border: 1px solid #cf9e3e; text-align: center; margin-left: 15px; color: #cf9e3e;}
.Join .tdxz a.td{background: #cf9e3e; color: #fff;}
.Join .zhiw_nav{float: left; width: 50%;}
.Join .zhiw_nav ul{width: 40%; margin: 0 auto; line-height: 33px;
-webkit-box-shadow:0 0 30px #242424;  
  -moz-box-shadow:0 0 30px #242424;  
  box-shadow:0 0 30px #242424;}
.Join .zhiw_nav ul li{ border-top: 1px solid #191919; border-bottom: 1px solid #373737;}
.Join .zhiw_nav ul li a{display: block;background: #242424; padding-left: 15px; color: #fff; height: 33px; overflow: hidden;}
.Join .zhiw_nav ul li a:hover,.Join .zhiw_nav ul li a.in{background: #cf9e3e;}

/*Talent*/
.Talent{ background: #fff; padding: 30px; color: #787878;font-size: 13px;}
.Talent img{display: block;}
.Talent1 h1{width: 775px; margin: 0 auto; font-size: 20px;}
.Talent1 h2{width: 775px; margin: 0 auto; font-size: 14px; padding-top: 5px;}
.Talent2{width: 775px; margin: 0 auto;}
.Talent2 ul li{float: left; width: 50%; padding-top: 40px;}
.Talent2 ul li div{padding-right: 50px; line-height: 22px; padding-top: 10px; overflow: hidden;}
.Talent2 ul li div b{float: left; background:url(../images/Job/rc1.jpg) no-repeat; width: 12px; height: 12px; font-size: 12px; text-align: center; color: #fff; line-height: 12px; margin-top: 3px; font-weight: 200;}
.Talent2 ul li div span{float: left; margin-left: 10px; width: 90%;}
.Talent2 ul li h1{font-size: 24px; color: #cf9e3e;}
.telent3{width: 775px; margin: 0 auto; margin-top: 40px;}
.telent3 ul li{float: left;}
.telent3 ul li.ml{margin-left: 248px;}

@media screen and (max-width: 1200px) 
{
	.Contact{width: 100%; position: relative; padding-bottom: 365px; overflow: hidden;}
	.Contact_{width: 100%; margin: 0 auto; position: absolute; bottom: 0; left: 0%; margin-left: 0px;}
	#map{height: 500px;}
	
	.job_ .title{ padding-left: 15px;}
	
	.Talent1 h1{width: 100%; margin: 0 auto; font-size: 20px;}
	.Talent1 h2{width: 100%; margin: 0 auto; font-size: 14px; padding-top: 5px;}
	.Talent2{width: 100%; margin: 0 auto;}
	.telent3{width: 100%; margin: 0 auto; margin-top: 40px;}
	.telent3 ul li.ml{margin-left: 0px;}

}
@media screen and (max-width: 960px) 
{
	.Contact{width: 100%; position: relative; padding-bottom: 0; overflow: hidden;}
	.Contact_{width: 100%; margin: 0 auto; position: relative; bottom: auto; left:auto;}
	#map{height: 300px;}
	.map{width: 100%;  background: #fff; float: right; overflow: hidden;}
	.Join{padding: 20px; font-size: 12px;}
	.Join .top_jo{ width: 100%; }
	.Join .zhiw_nav{float: right; width: 40%;}
	.Join .zhiw_nav ul{width: 80%; float: right;}
	.Join .zhiw_c{float: left; width: 60%;}
	.job_ .title{ padding-top:80px;}

}
@media screen and (max-width: 640px) 
{
	.Contact{width: 100%; position: relative; padding-bottom: 0; overflow: hidden;}
	.Contact_{width: 100%; margin: 0 auto; position: relative; bottom: auto; left:auto;}
	#map{height: 300px;}
	.map{width: 100%;  background: #fff; float: right; overflow: hidden;}
	.map_{padding: 20px;}
	.map .pic{display: none;}
	.map .text{width: 100%; margin: 0;}
	.Message{width: 100%;}
	.pic_{display: none;}
	
	.job_ .title h1{ font-size: 60px;}
	.job_ .title{padding-top: 80px;}
	
	.telent3 ul li{width: 50%;}
	.telent3 ul li img{width: 100%;}
	.Talent2 ul li{width: 100%; padding-top: 20px;}

}
@media screen and (max-width: 556px) 
{
	.Join .tdxz a.td{margin-top: 10px;}
	
}
@media screen and (max-width: 556px) 
{
	.Join .tdxz a.td{margin-top: 10px;}
	.job_ .title h1{ font-size: 40px; line-height: 50px;}
	.job_ .title h2{ font-size: 20px; line-height: 30px;}
}