@charset "utf-8";
#map{width:100%;height:550px;font-size:12px}
.Contact{width: 100%; position: relative; padding-bottom: 0px; overflow: hidden;}
.Contact_{width: 1200px; margin: 0 auto; position: absolute; bottom: 0; left: 40%; margin-left: -500px;}
.map{width: 55%;  background: #fff; float: right; overflow: hidden;}
.map .pic{ float: left; width: 40%; max-width: 200px;}
.map .pic img{width: 100%;}
.map .text{ width: 60%;float: left; margin-left: 5%;}
.map .text h1{font-size: 24px; 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;}

.map_{padding: 35px; }
.pic_{position: absolute; bottom: 0; left: 52%;}
.Message{ width: 52%; background: #cf9e3e; height: 453px;}
.Message_{padding: 30px;}
.Message_ h1{font-size: 24px; color: #fff; text-align: center; line-height: 38px;}
.Message_ .text3{float: left; width: 90%; padding: 0 5%; border: 0; background: #cf9e3e; height: 46px; border: 1px solid #fff; margin-top: 10px; color: #fff;}
.Message_ textarea{float: left; width: 90.2%; padding:10px 5%; border: 0; background: #e8d1a3; margin-top: 10px; height: 135px; color: #606060; font-size: 13px;}
.Message_ .button1{float: left; width: 100%; border: 0; background: #fff; color: #cf9e3e; height: 46px; margin-top: 20px; cursor: pointer;}
/*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;}
}