﻿@charset "utf-8";
.banner{width: 100%;height: 200px;background: url(../images/pgcontact.jpg) no-repeat center top;}
.banner_jobs{width: 100%;height: 1250px;background: url(../images/jobs.png) no-repeat center top;}
.contact_container,.contact_jinshan_container,.contact_jinshan_con ul,.luxian,.baidumap{width: 100%;overflow: hidden;}
.contact_jinshan_con{width: 1160px;margin: 30px auto;overflow: hidden;}
.contact_jinshan_con dl{width: 565px;height:120px; overflow: hidden;text-align: center;font-size: 16px;}
.contact_jinshan_con dl.fl{margin-right: 30px;}
.contact_jinshan_con dl dt{display: block;width: 120px;height: 120px;float: left;background: #e1e1e1;transition: all 0.2s linear;-webkit-transition:all 0.2s linear;}
.contact_jinshan_con dl dd{width: 445px;height: 120px;overflow: hidden;line-height: 120px;background: #f1f1f1;transition: all 0.2s linear;-webkit-transition:all 0.2s linear;}
.contact_jinshan_con dl dt span,.contact_jinshan_con ul li i{display: block;width: 85px;height: 75px;overflow: hidden;}
.contact_jinshan_con dl.fl dt span{background: url(../images/icon_contact.png) no-repeat 12px top;transition: all 0.3s;}
.contact_jinshan_con dl.fr dt span{background: url(../images/icon_contact.png) no-repeat -76px top;transition: all 0.3s;}
.contact_jinshan_con dl.fr dd{line-height: 30px;}.contact_jinshan_con dl.fr dd p{margin-top: 31px;}
.contact_jinshan_con dl:hover dt{background: #6fb92c;color: #fff;}.contact_jinshan_con dl.fl:hover dt span{background-position: 12px -70px;}
.contact_jinshan_con dl.fr:hover dt span{background-position: -76px -70px;}.contact_jinshan_con dl:hover dd{background: #64b335;color: #fff;}
.contact_jinshan_con ul li{width: 275px;float: left;margin-right: 20px;height: 120px;overflow: hidden;background: #f1f1f1;text-align: center;transition: all 0.2s;-webkit-transition:all 0.2s;}
.contact_jinshan_con ul li i{margin:0 auto;transition: all 0.3s;}.contact_jinshan_con ul li.kefu{margin-right: 0;}
.contact_jinshan_con ul li a{display: block;width: 100%;overflow: hidden;}
.contact_jinshan_con ul li.mail i{background:url(../images/icon_contact.png) no-repeat -195px 0;}
.contact_jinshan_con ul li.wx_contact i{background:url(../images/icon_contact.png) no-repeat -300px 0;}
.contact_jinshan_con ul li.qq_contact i{background:url(../images/icon_contact.png) no-repeat 0px 0;}
.contact_jinshan_con ul li.kefu i{background:url(../images/icon_contact.png) no-repeat -496px 0;}
.contact_jinshan_con ul li.mail:hover i{background:url(../images/icon_contact.png) no-repeat -195px -72px;}
.contact_jinshan_con ul li.wx_contact:hover i{background:url(../images/icon_contact.png) no-repeat -300px -72px;}
.contact_jinshan_con ul li.qq_contact:hover i{background:url(../images/icon_contact.png) no-repeat 0px -72px;}
.contact_jinshan_con ul li.kefu:hover i{background:url(../images/icon_contact.png) no-repeat -496px -72px;}
.contact_jinshan_con ul li:hover a,.contact_jinshan_con ul li:hover{color: #fff;background: #6fb92c;}
.luxian_con{width: 1160px;margin:30px auto;overflow: hidden;}
.luxian_con h2,.baidumap_con h2{text-align: center;font-size: 20px;margin-bottom: 20px;}
.luxian_con dl{width: 374px;height: 200px;float: left;border:1px solid #ccc;margin-right: 10px;overflow: hidden;}
.luxian_con dl dt{width: 100px;text-align: center;margin:0 auto;font-weight: bold;color: #666;font-size: 16px;}
.luxian_con dl dt span{display: block;width: 68px;height: 68px;overflow: hidden;margin:6px auto;}
.luxian_con dl dd{line-height: 30px;text-align: center;}.luxian_con dl dd p{margin-top:10px;color: #666;}
.buy_taxi dt span{background:url(../images/icon_contact.png) no-repeat -600px -34px;}
.buy_train dt span{background:url(../images/icon_contact.png) no-repeat -666px -34px;}
.buy_car dt span{background:url(../images/icon_contact.png) no-repeat -734px -34px;}
/*  百度地图  */
.baidumap_con {width: 1160px;margin:30px auto; height:600px;overflow: hidden;background: url(../images/bdmap.png);}
/*  jobs  */
.jobs{position: relative;padding: 0 25px 0px 25px;margin: 0 auto;margin-top: -900px;width: 1160px;overflow: hidden;}
.jobs ul {width: 103.5%;padding-top: 30px;}
.jobs ul li{float: left;width: 18%;padding: 2%;margin-right: 2%;margin-bottom: 2%;color: #777;line-height: 25px;background: #ececec;border: 4px solid #6fb92c;}
.jobs_title{
    border-bottom: 1px #6fb92c solid;
    text-align: center;
    color: #6fb92c;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jobs_con {
    height: 132px;
    line-height: 22px;
    overflow: hidden;
}
.jobs_more:hover {border: 2px solid #6fb92c;}
.jobs_more {    
    height: 36px;
    line-height: 36px;
    display: block;
    margin-top: 25px;
    border: 2px solid #bdbebf;
    z-index: 2;
    color: #434343;
    text-align: center;
    cursor: pointer;
}
.jobs_transition {
    display: none;
    background: rgba(170, 170, 170, 0.7);
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;	
}
.jobs_tog {
    position: fixed;
    width: 1000px;
    height: 70%;
    left: 50%;
    margin-left: -500px;
    top: 15%;
    opacity: 1;
    z-index: 999;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.jobs_tog span{
    position: absolute;
    top: 0;
    right: 0;
    padding: 1%;
    color: #bb2524;
    font-size: 40px;
    cursor: pointer;
}
.jobs_area {
    padding: 4%;
    color: #555;
    height: 92%;
}
.jobs_w {
    height: 94%;
    overflow-y: scroll;
}
.jobs_area h3 {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #333;
}
