@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%; height: 650px; font-size: 12px; }
.Contact { width: 100%; position: relative; padding-bottom: 0; overflow: hidden; }
.Contact_ { width: 366px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; margin-left: 234px; background-color: #fff;height: 100%;}
.map { width: 100%; background: #fff; float: right; overflow: hidden; position: relative; }
.map .pic { float: left; width: 20%; max-width: 160px; display: none; }
.map .pic img { width: 100%; }
.map .text { width: 96%; float: left; margin-left: 2%; }
.map .text h1 { font-size: 20px; color: #cf9e3e; }
.map .text { font-size: 14px; line-height: 24px; color: #787878;}
.map .text p {margin:0;padding:  0; }
.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 .switch { display: block; width: 40px; height: 40px;  color: #fff; background-color: #EE5F00;font-size:30px;position:absolute;right:10px;top:10px;border-radius: 3px;display:none; }
.map .switch::after {content:" " ;border-width: 12px; border-style: solid;position: absolute;border-color: #fff transparent transparent transparent;margin: 15px 0 0 8px;  z-index:9; }
.map .switch.open::after { border-color: transparent transparent  #fff transparent;margin: 0px 0 0 8px;  }
.map .switch.close::after {border-color: #fff transparent transparent transparent;margin: 15px 0 0 8px; }
.en .map .text p { margin: 0; }
.map_ { padding: 35px 35px 15px 35px; }
.pic_ { position: absolute; bottom: 0; left: 52%; }
.Message { width: 52%; background: #EA7400; height: 453px; }
.Message_ { padding: 0 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: #EA7400; height: 46px; border: 1px solid #fff; margin-top: 10px; color: #fff; }
.Message_ textarea { float: left; width: 90.2%; padding: 10px 5%; border: 0; background: #eee; margin-top: 10px; height: 135px; color: #606060; font-size: 13px; }
.Message_ .button1 { float: left; width: 100%; border: 0; background: #fff; color: #EA7400; height: 46px; margin-top: 20px; cursor: pointer; font-size: 14px; }
/*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: 960px) {
    .Contact { position: relative; padding-bottom: 0; overflow: hidden; }
    .Contact_ { margin: 0 auto; position: relative; bottom: auto; left: auto; }
    #map { height: 300px; }
    .map { width: 100%; 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 only screen and (max-width : 768px) {
    .map .text { }
    .map .text2 { display: none; }
    .Contact {width:100%;min-width:initial; }
}
/*@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; }
}*/