.ny_font_c_bg {

	width: 100%;

	margin: 0 auto;

	background: #fff;

	margin-top: 15px;

}



.ny_contant_bg {

	background: none;

	padding-bottom: 0px !important;

}



.col-md-3s {

	float: left;

	width: 25%;

}



.contact_address {

	margin: 0 -15px;

}



.contact_address .item {

	background-color: #f6f6f6;

	margin: 0 15px;

	margin-bottom: 30px;

}



.contact_address .address_name {

	font-size: 21px;

	color: #333333;

	font-family: MicrosoftYaHei;

	position: relative;

	padding-left: 12px;

	background-color: #fff;

	padding-bottom: 15px;

}



.contact_address .address_name i {

	width: 4px;

	position: absolute;

	left: 0px;

	top: 4px;

	height: 24px;

	background-color: #5db532;

}



.contact_address .address_img {

	width: 100%;

	overflow: hidden;

}



.contact_address .address_img img {

	transition: transform 1.2s;

	width: 100%;

	-webkit-transition: transform 1.2s;

	-moz-transition: transform 1.2s;

	-ms-transition: transform 1.2s;

	-o-transition: transform 1.2s;

}



.contact_address .item:hover .address_img img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-o-transform: scale(1.05);

}



.contact_address .address_text {

	padding: 16px 24px 26px;

}



.contact_address .address_text .text {

	font-size: 16px;

	color: #333333;

	font-family: MicrosoftYaHei;

	margin-bottom: 12px;

	height: 40px;

	line-height: 30px;

	background-position: 0px 5px !important;

}



.contact_address .address_text .text img {

	padding-right: 10px;

}



.contact_address .address_text .text1 {

	background: url(https://www.hercules-lube.com/images/add_img.png) no-repeat left top;

	line-height: 22px;

	padding-bottom: 20px;

	background-position: 0px 5px !important;

}



.contact_address .address_text .text2 {

	background: url(https://www.hercules-lube.com/images/add_img2.png) no-repeat left top;

}



.contact_address .address_text .text3 {

	background: url(https://www.hercules-lube.com/images/add_img3.png) no-repeat left top;

}



.headliner {

	height: 150px;

	margin-top: 30px;

	text-align: center;

}



.headliner b {

	line-height: 30px;

	font-size: 30px;

	padding-top: 27px;

	color: #333;

	z-index: 1;

	text-align: center;

	font-weight: bold;

	position: relative;

	letter-spacing: 1px;

	margin: 0 auto;

}



.headliner em {

	line-height: 43px;

	display: block;

	text-transform: uppercase;

	text-align: center;

	font-weight: bold;

	font-size: 100px;

	color: #f6f6f6;

	font-style: normal;

	position: relative;

	z-index: -1;

}



.headliner:nth-child(1) {

	left: 40%;

}



.headliner p {

	line-height: 40px;

	font-size: 18px;

	color: #999;

	text-align: center;

	margin-top: 0;

}



.contactus {

	/*height: 320px;*/

	width: 100%;

	margin: 0 auto;

	margin-bottom: 30px;

	/* padding-right: 1%; */

}



.contactus ul {

	list-style: none;

	padding: 0 !important;

	/*width: 70%;*/
	display: flex;
	justify-content: space-between;

}



.contactus ul li {

	float: left;

	/*width: 31%;*/
	width: 23%;
	margin-left: 2%;

	height: 280px;

	text-align: center;

	background: #fff;

	box-shadow: 0 0 10px #eee;

	transition: 0.6s;

}

.contactus ul li:first-child {
	margin-left: 0;
}


/*.contactus ul li+li{margin-left: 25px;}*/

.contactus ul li:hover {

	transition: 0.6s;

	transform: scale(1.1);

	box-shadow: -7px 2px 20px rgba(6, 33, 58, 0.4);

}



.contactus ul li:hover em {

	transform: scale(1);

}



.contactus ul li:hover i {

	transform: scale(1);

}



.contactus ul li:hover span {

	transform: scale(1);

}



.contactus ul li em {

	height: 60px;

	margin-top: 60px;

	display: block;

}



.contactus ul li em img {

	display: block;

	margin: 0 auto;

}



.contactus ul li i {

	display: block;

	font-style: normal;

	font-size: 24px;

	font-weight: bold;

	color: #fdb700;

}



.contactus ul li span {

	display: block;

	font-size: 18px;

	color: #333;

	padding: 30px 20px;

	line-height: 26px;

}



@media only screen and (max-width:1299px) {

	.contactus ul li span {

		padding: 50px 10px;

	}

	.contactus ul li {
		width: 100%;
	}

	.cont_Sol {

		background: url(https://www.hercules-lube.com/template/default/skin/images/rtf_kf3.jpg) no-repeat center;

		max-width: 100%;

		width: 100%;

		height: 700px;

		position: relative;

	}



	.sol_box {

		display: table;

		position: absolute;

		left: 50%;

		top: 50%;

		transform: translate(-50%, -50%);

		text-align: center;

		width: 100%;

	}

}


	.sol_top {

		color: #fff;

	}



	.sol_top em {

		margin-bottom: 35px;

		line-height: 80px;

		font-size: 80px;

		font-family: gothicb;

		color: #e4e4e4;

		display: block;

		font-style: inherit;

	}



	.sol_top b {

		display: block;

		line-height: 30px;

		font-size: 30px;

		color: #fff;

	}



	.sol_top i {

		background: #ed6d00;

		margin-bottom: 80px;

		height: 5px;

		width: 40px;

		margin: 30px auto;

		display: inline-block;

	}



	.sol-share-one {

		position: relative;

		display: inline-block;

		border: 1px solid #706f6f;

		margin-right: 100px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		border-radius: 50%;

		text-align: center;

		vertical-align: top;

		cursor: pointer;

		padding: 20px;

		margin-top: 40px;

	}



	.sol-share-one:last-child {

		margin-right: 0;

	}



	.ss-one-qrcode {

		position: absolute;

		top: 80px;

		left: 50%;

		z-index: 10;

		transform: translateX(-50%) translateY(-20px);

		opacity: 0;

		visibility: hidden;

		transition: .35s .05s;

	}



	.ss-one-qrcode img {

		padding: 7px;

		background: rgba(255, 255, 255, .1);

	}



	.ss-one-qrcode .share-name {

		font-size: 12px;

		color: #dedede;

		line-height: 30px;

	}



	.sol-share-one:hover .ss-one-qrcode {

		transform: translateX(-50%) translateY(0px);

		opacity: 1;

		visibility: visible;

	}



	.ss-one-qrcode .wx {

		width: 100px;

	}



	a.call {

		position: relative;

		display: inline-block;

		height: 66px;

		line-height: 66px;

		text-align: center;

		margin-top: 40px;

	}



	.call-img {

		position: relative;

		z-index: 10;

		background: #5db532;

		border-radius: 50%;

		padding: 21px;

	}



	a.call img {

		position: relative;

		z-index: 10;

	}



	a.call::before,

	a.call::after {

		content: '';

		position: absolute;

		left: 0;

		top: 0;

		z-index: 1;

		width: 100%;

		height: 100%;

		background: #ed6d00;

		border-radius: 50%;

		opacity: 0;

		animation: circleGo 2s linear infinite;

	}



	a.call::after {

		animation: circleGo 2s 1s linear infinite;

	}



	.call-desc {

		position: absolute;

		left: 0;

		top: 0;

		z-index: 5;

		width: 66px;

		height: 100%;

		border-radius: 100px;

		background: #2e2e2e;

		text-align: right;

		overflow: hidden;

		transition: .55s;

	}



	a.call:hover .call-desc {

		width: 168px;

	}



	.call-desc span.desc {

		position: relative;

		top: 0px;

		padding-right: 12px;

		display: inline-block;

		font-size: 14px;

		color: #fff;

	}



	.call-desc::after {

		content: '';

		position: absolute;

		top: 45px;

		right: 55px;

		transform: translateX(-100px);

		width: 15px;

		height: 8px;

		background-image: url(https://www.hercules-lube.com/template/default/skin/images/rtf_kf4.png);

		background-size: 15px 8px;

		transition: .45s;

	}



	a.call:hover .call-desc::after {

		transform: translateX(0px);

		transition: .55s;

	}



	@keyframes circleGo {

		0% {

			transform: scale(1);

			opacity: .5;

		}



		100% {

			transform: scale(2.2);

			opacity: 0;

		}

	}



	#map {

		border-left: none !important;

		border-right: none !important;

	}



	.ny_contant_tels_bg {

		width: 100%;

		background: #f5f5f5;

		padding: 30px 0px 120px 0px;

	}



	.ny_contant_tels_t {

		width: 1400px;

		height: 60px;

		margin: 0 auto;

		text-align: center;

		color: #fff;

		font-size: 25px;

		background: #006db8;

		line-height: 60px;

	}



	.ny_contant_tels_t:hover {

		background: #f02137;

	}



	.ny_contant_tels {

		width: 1400px;

		margin: 0 auto;

		margin-top: 10px;

	}



	.ny_contant_tels li {

		width: 293px;

		border: 1px solid #e2e2e2;

		margin-top: 20px;

		float: left;

		padding: 20px;

		margin-left: 20px;

		-webkit-box-shadow: 1px 1px 20px #e3e3e3;

		-moz-box-shadow: 1px 1px 20px #e3e3e3;

		box-shadow: 1px 1px 20px #e3e3e3;

		color: #484848;

	}



	.ny_contant_tels li:hover {

		transform: translateY(-15px);

		transition: all 0.8s;

		background: #f0f9ff;

		border: 1px solid #dae2e8;

		-webkit-box-shadow: 1px 1px 20px #c7ced3;

		-moz-box-shadow: 1px 1px 20px #c7ced3;

		box-shadow: 1px 1px 20px #c7ced3;

		color: #484848;

	}



	.ny_contant_tels li:nth-child(1),

	.ny_contant_tels li:nth-child(5) {

		margin-left: 0px;

	}



	.ny_contant_tels li .ny_c_hh9 {

		text-align: center;

		font-weight: bold;

		font-size: 18px;

	}



	.ny_contant_tels li .ny_c_hh10 {

		font-size: 16px;

		padding-top: 15px;

	}



	.ny_contant_tels li .ny_c_hh11 {

		font-size: 14px;

		color: #888;

		padding-top: 10px;

	}

	@media screen and (max-width:1200px) {

		.contactus {
			margin-bottom: 0;
		}

		.contactus ul {
			display: block;
			clear: both;
		}

		.contactus ul li {
			margin-left: 0;
			clear: both;
		}
	}

	.my-map {
		margin: 0 auto;
		width: 100%;
		height: 100%;
	}

	.my-map .icon {
		background: url(static/image/marker.png) no-repeat;
	}

	.my-map .icon-cir {
		height: 31px;
		width: 28px;
	}

	.my-map .icon-cir-red {
		background-position: -11px -5px;
	}

	.amap-container {
		height: 100%;
	}

	.myinfowindow {
		width: 240px;
		min-height: 50px;
	}

	.myinfowindow h5 {
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		font-size: 14px;
		font-weight: bold;
		width: 220px;
		text-overflow: ellipsis;
		word-break: break-all;
		white-space: nowrap;
	}

	.myinfowindow div {
		margin-top: 10px;
		min-height: 40px;
		line-height: 20px;
		font-size: 13px;
		color: #6f6f6f;
	}


	.zp-top {
		height: 65px;
		line-height: 65px;
		text-align: center;
		background: #EFEFEF;
		font-size: 30px;
		color: #333333;
		margin: 20px 0;
	}

	.zhaopin-ibox {

		padding-top: 60px;

		padding-bottom: 65px;

	}



	.join_in_ibox .post-ibox {

		/* float: left; */

		width: 100%;

	}



	.join_in_ibox .zhaopin-ibox-right {

		float: right;

		width: 38%;

	}



	.join_in_ibox .zhaopin-ibox-right img {

		width: 100%;

	}

	.job_content {

		background: #fff;

		padding: 0;

	}



	.job_top {

		border-bottom: 1px solid #CCCCCC;

		padding-bottom: 10px;

	}



	.job_top span {
		float: left;
		text-align: center;
		color: #444444;
		font-size: 18px;
		font-weight: bold;
	}

	.job_top span.p1 {
		width: 14%;
	}

	.panel-default>.panel-heading span.open_bar {
		width: 20px;
		height: 20px;
		background: url(../images/add22.png) no-repeat;
		position: absolute;
		top: 20px;
	}

	.recruitmentBox .panel-top[data-on="active"] .open_bar {
		background: url(../images/plus.png) no-repeat !important;
	}

	.job_top span.p2 {
		width: 21%;
	}

	.job_top span.p3 {
		width: 29%;
	}

	.job_top span.p4 {
		width: 28%;
	}

	.panel-default {
		border: none;
	}

	.panel-default>.panel-heading {
		background: #fff;
		border: none;
		padding: 0;
		box-shadow: none;
	}

	.panel-default>.panel-heading a {
		text-align: center;
		font-size: 15px;
		color: #444444;
		display: block;
		padding: 19px 0px;
		background: #fff;
		border-bottom: 1px solid #CCCCCC;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		margin: 0;
		width: 100%;
		position: relative;
		box-sizing: border-box;
		background: url(../images/zhewu.png) no-repeat left center;
		background-size: 24px;
	}

	.panel-default>.panel-heading a span {
		float: left;
	}

	.panel-default>.panel-heading a span.p1 {
		width: 14%;
	}

	.panel-default>.panel-heading a span.p2 {
		width: 21%;
	}

	.panel-default>.panel-heading a span.p3 {
		width: 29%;
	}

	.panel-default>.panel-heading a span.p4 {
		width: 20%;
	}

	.panel-default>.panel-heading a span.p5 {
		width: 28%;
	}

	.panel-collapse {
		padding: 15px;
		width: 100%;
		display: none;
	}

	.panel-body {
		color: #666;
		font-size: 15px;
		font-weight: 500;
		line-height: 30px;
	}

	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		border-top: 0;
	}

	.join_in_ibox .zhaopin-ibox-right {
		float: right;
		width: 38%;
	}

	.join_in_ibox .zhaopin-ibox-right img {
		width: 100%;
	}

.zxly-tit{font-size: 36px;font-weight: bold;line-height: 40px;}
	.zxly{padding: 30px 30px 50px;margin-top: 20px;}

/* 联系我们 */
.lx-list{margin: 70px 0}
.lx-list ul{display: flex;justify-content: space-between;}
.lx-list ul li{width: 24%;box-sizing: border-box; padding: 0 15px  30px;background: #FDB700;text-align: center;color: #fff;}
.lx-list ul li i{display: block;padding: 45px 0;}
.lx-list ul li .lx-t{font-size: 14px;}
.lx-list ul li .lx-info{font-size: 18px;}

.zxly{padding: 50px 30px;background-color: #fff;margin-bottom: 50px;}
.zxly-tit{text-align: center;font-size: 26px;}
.qs-subtit{text-align: center;padding-top: 5px;}
.zxly form{margin-top: 45px;}
.zxly textarea,.zxly input{background-color: #F2F2F2;display: inline-block;box-sizing: border-box;}
.zxly textarea{width: 100%;height: 160px;padding: 15px;}
.zxly .ly-inp{margin-top: 20px;display: flex;justify-content: space-between;}
.zxly .ly-inp input{display: inline-block;width: 32%;height: 40px;background-color: #F2F2F2;padding-left: 15px;box-sizing: border-box;}
.zxly .ly-sub{display: block;width: 100%;height: 40px;background:  #FDB700;text-align: center;color: #fff;font-size: 18px;margin-top: 30px;cursor: pointer;}
.zp-top {
    height: 65px;
    line-height: 65px;
    text-align: center;
    background: #EFEFEF;
    font-size: 30px;
    color: #333333;
    margin: 20px 0;
}



.khfw_nr li{ margin-bottom:20px;}
.khfw_nr li a{ display:block; padding:50px 5%  50px 5%; background:#f5f5f5;}
.khfw_mc{ height:48px; line-height:48px; background:url(../images/khfw_01.png) no-repeat left center; padding-left:53px; font-size:1.125rem;}
.khfw_down{ background:#FDB700; padding:0 25px; color:#fff; height:48px; line-height:48px; transition:0.5s;}
.khfw_down img{ margin-bottom:0px; margin-right:10px;}
.khfw_down:hover{ background:#2040BB; transition:0.5s;}