.contact {}
.contact .sub-contact-info {padding:0 0 80px 0}
.contact .sub-contact-info .container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	align-content: center;
	margin: 0 auto;
}
.contact .sub-contact-info h3{font-size: 22px;font-weight: 600;color: #666;line-height: 35px;letter-spacing: 2px;margin-bottom: 20px;position: relative;}
.contact .sub-contact-info h4{font-family: Montserrat-Regular;font-size: 32px;color: #2c9dd9;font-weight: 600;}
.contact .sub-contact-info h4 span{display: block;font-weight: 600;font-size: 28px;line-height: 40px;}
.contact .sub-contact-info h4 i{font-size: 3rem;}
.contact .sub-contact-info p{font-size: 14px;color: #888;line-height: 20px;}
.contact .sub-contact-info .sub-contact-text{border-right: 1px solid #eee;width: 33.33%;}
.contact .sub-contact-info .sub-contact-text i{font-size: 1.8rem;color: #ccc;margin-right: 10px;}
.contact .sub-contact-info .sub-contact-tel{
	border-right: 1px solid #eee;width: 33.33%;
	text-align: center!important;
}
.contact .sub-contact-info .sub-contact-wx{width: 33.33%;
	text-align: right!important;}
.contact .mapBox {
	height: 550px;
	position: relative;
}
.contact .mapBox #allmap {
	height: 100%; }
.contact .mapBox .cont {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	z-index: 2; }

@media (max-width: 1200px) {
	.contact .sub-contact-info {padding:50px 0;}
	.contact .sub-contact-info h3{font-size: 20px;font-weight: 800;line-height: 35px;letter-spacing:0;}
	.contact .mapBox {height: 400px;position: relative;}
}
@media screen and (max-width: 992px){
	.contact .sub-contact-info {padding:0;}
	.contact .sub-contact-info .container{flex-wrap: wrap;}
	.contact .sub-contact-info h3{font-size:1.8rem;font-weight:700;line-height: 30px;letter-spacing:0;margin-bottom:10px;}
	.contact .sub-contact-info h4{font-size: 2.2rem;font-weight:700;letter-spacing:0;}
	.contact .sub-contact-info h4 span{display: block;font-size: 2.2rem;font-weight:700;letter-spacing:0;font-family: Montserrat-Regular;}
	.contact .sub-contact-info p{font-size:1.4rem;line-height: 2.2rem;}
	.contact .sub-contact-info .sub-contact-text{border-right:none;width: 100%;margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #eee;}
	.contact .sub-contact-info .sub-contact-tel{width:100%;border-right:none;margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #eee;text-align: left!important;}
	.contact .sub-contact-info .sub-contact-wx{text-align: left!important;margin-bottom:10px;padding-bottom:10px}
	.contact .mapBox {height: 250px;position: relative;}
}


#Gaodemap{width: 100%;min-height:500px;overflow: hidden}
#Gaodemap .ripple{text-align: center;line-height: 1;}
#Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-2);}
#Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-2);transform: translateX(-50%);}
#Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-2);animation:soak 6s ease-in-out infinite;opacity: 0;}
#Gaodemap .ripple>p{width:90px;text-align: center;display: block;padding-top:10px;font-size: 1.2rem;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
@media (max-width: 1440px) {
    #Gaodemap{min-height: 400px}
}
@media (max-width: 991px) {
    #Gaodemap{display: none}
}



.showjob{margin: 30px auto}
.showjob h3{font-size: 30px;color: #333; position: relative;padding: 15px 0;margin: 0 0  20px 0;}
.showjob h3:after{
	content: '';
	position: absolute;
	width: 30px;height: 6px;border-radius: 4px;
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg,  #1f56a7 3%, #2c9dd9 100%);
	left:0;top:0px;
}
.showjob h3:before{
	content: '';
	position: absolute;
	width: 100%;height: 1px;
	background-color: #eee;
	left:0;bottom: 5px;
}
.showjob .info-text{padding:10px 0 0 0}
.showjob .info-text p{font-size: 16px;letter-spacing: 1px;line-height: 28px;color: #666;margin: 0 0 20px 0;text-align:justify; text-justify:inter-ideograph;
	border-bottom: 1px solid #eee;padding: 0 0 20px 0;}
.showjob .info-text  p:last-child{border-bottom: none;padding:0 0 10px 0 }
.showjob .info-mail{font-size:16px;line-height:25px;color:#666;padding: 0 0 20px 0 }
.showjob .info-mail i{display:inline-block;width: 35px;height:35px; border-radius: 50%;color: #fff;font-size: 18px;line-height: 35px;text-align: center;margin-right: 10px;
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg,  #1f56a7 3%, #2c9dd9 100%);
}
.joblist{
	background-color: #fff;padding: 20px;margin:0 0 30px 0;
	-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
}

.joblist h4{font-size: 20px;color: #333; position: relative;padding: 15px 0;margin: 0 0 10px 0;}
.joblist h4:after{
	content: '';
	position: absolute;
	width: 30px;height: 6px;border-radius: 4px;
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg,  #1f56a7 3%, #2c9dd9 100%);
	left:0;top:0px;
}
.joblist h4:before{
	content: '';
	position: absolute;
	width: 100%;height: 1px;
	background-color: #eee;
	left:0;bottom: 5px;
}
.jobinfo-ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content:space-between;
	-o-justify-content: space-between;
	justify-content:space-between;
	margin: 10px 0 30px 0;
	border-left: 1px solid #eee;
	border-top:1px solid #eee;
	background-color: #fff;
	border-radius: 6px;
}
.joblist .jobinfo-ul li{width: 25%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	background-color: rgba(0,0,0,0.02);
	padding: 10px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;
	margin: 0;}
.joblist .jobinfo-ul li:nth-child(2n){background-color: #fff;}
.joblist .jobinfo-list{padding: 10px;}
.joblist .jobinfo-list li{line-height: 30px;font-size:14px;color: #666; }
.nav-tabs{margin: 20px 0 0 0;}
.nav-tabs li{}
.nav-tabs li a{font-size: 16px;padding: 10px 25px;}
@media (max-width: 992px) {
	.showjob{margin:0 auto}
	.showjob h3{font-size:2.2rem;padding: 10px 0;margin: 0 0 10px 0;font-weight: 700;}
	.showjob h3:after{width: 30px;height: 6px;left:0;top:-5px;	}
	.showjob h3:before{bottom: 5px;}
	.showjob .info-text{padding:10px 0 0 0}
	.showjob .info-text p{font-size: 1.4rem;letter-spacing: 0;line-height:2.2rem;margin: 0 0 10px 0;padding: 0 0 10px 0;}
	.showjob .info-mail{font-size:1.4rem;line-height:2.2rem;padding: 0 0 10px 0 }
	.joblist{padding:10px;margin:0 0 10px 0;}
	.joblist h4{font-size: 1.8rem;padding: 10px 0;margin: 0 0 10px 0;font-weight: 700;}
	.joblist h4:after{width: 30px;height: 6px;left:0;top:-5px;}
	.joblist h4:before{bottom: 5px;	}
	.jobinfo-ul{margin: 10px 0 30px 0;}
	.joblist .jobinfo-ul li{padding: 5px 5px;}
	.joblist .jobinfo-list{padding: 10px;}
	.joblist .jobinfo-list li{line-height:2.2rem;font-size:1.3rem; }
	.nav-tabs{margin: 10px 0 0 0;}
	.nav-tabs li{}
	.nav-tabs li a{font-size:1.4rem;padding:5px 10px;}
}