* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: black;
}

h2 {
	font-size: 26px;
	color: #064167;
	line-height: 55px;
}

h3 {
	font-size: 24px;
	color: #064167;
	line-height: 50px;
}

h4 {
	font-size: 20px;
	line-height: 40px;
}

li {
	list-style-type: none;
}

img {
	max-width: 100%;
}

.jianju20 {
	height: 20px;
}


body {
	font-size: 15px;
	font-family: -apple-system, Helvetica, sans-serif;
	color: #333333;
}


.wd1200 {
	max-width: 1250px;
	padding: 0 3%;
	margin: 0 auto;
}

.pcmenudiv {
	position: fixed;
	z-index: 9999;
	background: #003300;
	left: 0;
	right: 0;
	top: 0;
	color: white;
	padding: 0px 2%;
}


.pcmenu {
	width: 100%;
	padding: 5px 0%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo img {
	height: 50px;
	vertical-align: middle;
}

.logo span {
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

.pcmenubox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pcmenubox ul li {
	margin-right: 50px;
	position: relative;
}

/* .pcmenubox ul li.active {
	border-bottom: #064167 3px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.pcmenubox ul li:hover {
	border-bottom: #064167 3px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
} */

.pcmenubox a {
	padding-bottom: 60px;
	position: relative;
	z-index: 999;
	color: white;
	font-size: 15px;
}



.righttb a {
	padding: 0px 10px;
	color: white;
	vertical-align: middle;
}

.righttb img {
	height: 20px;
	vertical-align: middle;
}

.righttb span {
	vertical-align: middle;
	padding-left: 8px;
	font-size: 14px;
}



/* PC端二级下拉开始 */
.pcmenusecond {
/* 	overflow: hidden; */
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s;
	visibility: hidden;
	z-index: 1000;
	opacity: 0;
	top: 120%;
	margin-top: 0px;
	--uk-position-offset: 15px;
	--uk-position-shift-offset: 0;
	--uk-position-viewport-offset: 15px;
	width: 200px;
	padding: 25px;
	background: #fff;
	color: #064167;
	box-shadow: 0 2px 5px #9fa9b5;
	background: #3f536a;
	border-radius: 8px;
	margin: 0 auto;
	margin-top: 15px;
}

.pcmenusecond::before {
	content: '';
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 10px;
	cursor: pointer;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #3f536a transparent;
	border-top: none;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 99;
}


.pcmenusecond a {
	display: flex;
	align-items: center;
	font-size: 14px;
	padding: 5px 0;
	transition: all .1s;
	color: white;
}

.pcmenusecond a:hover {
	color: #979ba0;
}

.pcmenusecond a.on {
	color: #064167;
}

.pcmenubox ul li:hover .pcmenusecond {
	opacity: 1;
	top: 120%;
	visibility: initial;
}

/* PC端二级下拉结束 */
.addvideo {
	position: relative;
	font-size: 0;
}

.addvideo video {
	width: 100%;
	max-height: 100vh;
	object-fit: cover;
}

.indexvideotext {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.indexvideotext h2 {
	font-size: 66px;
	color: white;
}

.addvideobtn {
	margin-top: 10%;
}

.box1 {
	background: #003300;
	padding: 140px 0px;
}

.wd980 {
	max-width: 980px;
	margin: 0 auto;
}

.wd840 {
	max-width: 840px;
	margin: 0 auto;
}

.box1content h3 {
	color: #a2a241;
}

.box1content h5 {
	color: white;
	padding: 25px 0px;
	font-size: 16px;
	line-height: 30px;
	max-width: 660px;
}

.box1btn a {
	background: #a2a241;
	display: inline-block;
	border-radius: 8px;
	width: 146px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: white;
	font-size: 14px;
	transition: all 0.6s;
}

.box1btn a:hover {
	background: #dbdbdb;
}




.box2 {
	padding: 160px 0px;
	position: relative;
	background: #f3f3f3;
}

.box2leftbj {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50%;
	z-index: 1;
	height: 525px;
}

.box2leftbj img {
	width: 100%;
	height: 525px;
}

.box2content {
	z-index: 999;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box2left {
	width: 42%;
	color: #181818;
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
}

.box2right {
	width: 42%;
}

.box2list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 65px;
	align-items: center;
}

.box2listleft {
	width: 47px;
}

.box2listleft img {
	width: 47px;
}

.box2listright {
	width: -webkit-calc(100% - 80px);
	width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
}

.thelastbox2list {
	margin-bottom: 0px;
}






/* .box3 */
.box3title h2 {
	color: white;
}

.divcenter {
	text-align: center;
}

.box3 {
	background: #003300;
	padding: 60px 0px;
	color: white;
}

.box3content {
	margin: 50px auto;
	max-width: 850px;
	position: relative;
	padding: 0px 3%;
}

.box3content ul::after {
	/* background-color: #a2a241; */
	content: '';
	border: #a2a241 3px dashed;
	position: absolute;
	left: calc(50% - 2px);
	/* width: 4px; */
	height: calc(100% - 40px);
	top: 10%;
	z-index: 1;
}

.box3content ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 100px 0px;
}

.circle {
	background: #a2a241;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-block;
	z-index: 999;
}

.box3left,
.box3right {
	width: 40%;
}

.box3left h3,
.box3right h3 {
	color: #a2a241;
	padding-bottom: 8px;
}

.box3left p,
.box3right p {
	line-height: 28px;
	font-size: 15px;
}

.box3btn {
	margin-top: 25px;
}

.box3btn a {
	border: white 1px solid;
	border-radius: 8px;
	padding: 8px 25px;
	color: #fff;
	display: inline-block;
	transition: all 0.6s;
}

.box3btn a:hover {
	color: black;
	background: white;
}


/* .box3content ul li:last-child::after {
	content: '';
	border: #a2a241 3px dashed;
	position: absolute;
	left: calc(50% - 2px);
	height: calc(100% - 40px);
	top: 100%;
	z-index: 1;
	width: 0px;
	border-left: 5px dashed rgb(58, 181, 203);
	height: 318px;
	margin-left: -108px;
	transform: rotate(217.896deg);
	margin-top: -34px;
} */



.box4 {
	padding: 70px 0px;
}

.box4 h2 {
	color: rgb(5, 27, 48);
	font-weight: 400;
	font-size: 40px;
}

.box4 p {
	padding: 20px 0px;
	font-size: 12px;
}


	.box44 {
		padding-top: 40px;
	}

	.box44 h2 {
		font-size: 32px;
	}

.box44 p {
		padding-top: 40px;
	font-size: 12px;
}

.foot {
	background: #003300;
	padding: 20px 0px;
	color: #ccc;
}

.foot a {
	color: #ccc;
}

.footlogo img {
	width: 44px;
	vertical-align: middle;
}

.footcon {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.footcon a {
	font-size: 14px;
	line-height: 22px;
}

p.p4 {
	color: #a2a241;
	margin-bottom: 5px;
}

.jianju {
	height: 20px;
}

.thelastfootlist {
	width: 30%;
}

.textbold {
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	padding-bottom: 10px;
}

.thelastfootlist p span {
	padding-right: 15px;
}

.thelastfootlist p span img {
	vertical-align: middle;
}

.ftbtn a {
	font-size: 16px;
}

.ftbtn a:hover {
	background: #a2a241;
	color: white;
	border: #a2a241 1px solid;
}

.fttb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 25px;
}

.fttb img {
	height: 24px;
	margin-right: 10px;
}

.divhr {
	background: #515151;
	height: 1px;
	margin: 35px 0px;
}

.ftbot p {
	font-size: 14px;
}

p.p5 {
	color: #666;
	font-size: 20px;
	font-weight: 700;
}

.ftcopy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.ftbot a {
	text-decoration: underline;
}

.ftcopyleft {
	color: #666;
}

p.p6 {
	padding-bottom: 5px;
}

p.p6 span {
	padding: 0px 5px;
}

a.addgraytext {
	color: rgb(102, 102, 102);
	text-decoration: none;
}






/* ourvision.html */
.visiontop {
	max-width: 700px;
	text-align: left;
}

.visiontop h2 {
	font-size: 50px;
	padding: 30px 0px;
}

.visiontop p {
	font-size: 18px;
	font-weight: 700;
	color: white;
}

.addvideobj {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 0;
	vertical-align: middle;
}


.visionbox1 {
	background: #003300;
	padding: 130px 0px;
	margin-top: -1px;
	z-index: 999;
	position: relative;
}

.visionbox1content h3 {
	color: #a2a241;
}

.visionbox1content p {
	color: white;
	font-size: 15px;
	line-height: 1.875;
	padding-top: 15px;
}


.visionbox2 {
	background: #f3f3f3;
	padding: 100px 0px;
}

.visionbox2content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.visionbox2left {
	width: 43%;
}

.visionbox2left h2 {
	color: #a2a241;
	padding-bottom: 15px;
}

.visionbox2left p {
	line-height: 28px;
}




.visionbox3 {
	background: url(../images/ourvisionbj1.jpg) no-repeat;
	background-position: center center;
	background-attachment: fixed;
	text-align: center;
	padding: 220px 0px;
	position: relative;
}

.visionbox3con {
	position: relative;
	z-index: 999;
}

.visionbox3 p {
	font-size: 40px;
	font-weight: bold;
	color: white;
}

.visionbox3btn {
	margin-top: 70px;
}

.visionbox3bj {
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	top: 0px;
	z-index: 8;
}

.visionbox3bj1 {
	z-index: 999;
}


.visionbox4 {
	background: #003300;
}

.visionbox4left p {
	color: white;
}

.visionbox4list {
	color: white;
	margin: 25px 0px;
}

.visionbox4list span {
	color: #a2a241;
	font-size: 40px;
	font-weight: bold;
	padding-right: 20px;
	vertical-align: middle;
}



.visionbox5 {
	background: #a2a241;
	padding: 95px 0px;
	color: white;
}

.visionbox5 p {
	font-size: 18px;
}

p.p8 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
}

.footlogo span {
	padding: 0px 10px;
	vertical-align: middle;
}


/* freight.html */
.myfreightbanner img {
	max-height: 85vh;
	width: 100%;
}

.freightop {
	max-width: 980px;
}

.freightop p {
	max-width: 500px;
	font-weight: 400;
	line-height: 32px;
}

.freigtopbtn {
	margin-top: 45px;
}

.freightbox1 {
	background: #003300;
}

.freightbox2 {
	background: #001100;
	padding: 60px 0px;
}

.freightbox2content {
	align-items: center;
}

.freightbox2left {
	width: 48%;
}

.freightbox2left img {
	width: 100%;
}


.freightbox3 {
	position: relative;
	background: #f3f3f3;
	padding: 40px 0px;
}

.freightbox3bj {
	position: absolute;
	top: 0px;
	right: 0px;
}

.freightbox3content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 60px auto;
}

.freightbox3left,
.freightbox3right {
	width: 100%;
}

.freightbox3list {
	margin-bottom: 50px;
	width: 50%;
    float: left;
}

.freightbox3list p {
	line-height: 1.875;
	font-size: 15px;
}

p.p22 {
	color: #181818;
	margin-top: 50px;
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: bold;
}

.freightbox3right {
	margin-top: 170px;
}

.freightbox3listimg img {
	text-align: center;
    margin: 0px auto;
        width: 90%;
}

.freightbox3listimg {
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.yingying img {
	width: 100%;
}

.freightbox3bj {
	position: absolute;
	left: 0;
	bottom: 0;
}

.thelastfreightbox3 {
	margin-bottom: 0px;
}


.freightbox4 {
	background: #a2a241;
	padding: 65px 0px;
}

p.p9 {
	display: inline-block;
	width: 100%;
	color: #003300;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 35px;
}

.freightbox4list {
	margin: 10px 0px 0px 0px;
}


/* locations.html */
.locabanner {
	background: url(../images/locationsbanner.jpg) no-repeat;
	height: 300px;
	background-size: cover;
	background-position: center;
	position: relative;
}

.locatoptext {
	position: absolute;
	top: 48%;
	width: 50%;
	color: #fff;
	letter-spacing: .15em;
	font-size: 30px;
	text-align: center;
}

ul.tabtitle {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.tabtitle li {
	background: #ccc;
	transition: all .4s ease 0s;
	cursor: pointer;
	width: 25%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

ul.tabtitle li.tablist_active {
	background: #a2a241;
	color: white;
}

.tabcontent {
	max-width: 830px;
	margin: 90px auto;
}

.tabcon {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #ededed;
	position: relative;
	padding: 4%;
	margin-bottom: 80px;
}

.tabconleft {
	width: 27%;
	margin-top: -70px;
}

.tabconleft img {
	width: 100%;
}

.tabconright {
	width: 69%;
}

p.p10 {
	color: #a2a241;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 8px;
}

p.p11 {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 8px;
}

p.p12 {
	font-size: 16px;
	padding-bottom: 8px;
}

p.p12 span {
	font-weight: 700;
}

a.current {
	color: #a2a241;
}



/* 手机端导航开始 */
.mobilemenu {
	display: none;
}


.fadein_menu ul {
	list-style: none;
}

.fadein_menu a:link {
	text-decoration: none;
}

.fadein_menu a:visited {
	text-decoration: none;
}

.fadein_menu a:hover {
	text-decoration: none;
}

.fadein_menu a:active {
	text-decoration: none;
}

.fadein_menu a:focus {
	outline: none;
}

.mobile_icon {
	display: none;
}

.fadein_menu {
	display: none;
	position: absolute;
	opacity: 0;
}

.phonebj {
	display: none;
}


@media (max-width: 1000px) {
	body {
		font-size: 14px;
		overflow-x: hidden;
	}

	.topmenu {
		display: none;
	}

	.pcmenu {
		display: none;
	}



	/* 手机端导航 */
	.mobilemenu {
		display: flex;
		align-items: center;
		padding: 10px 3%;
		justify-content: space-between;
	}

	.mobilelogo img {
		height: 45px;
	}

	.mobile_icon {
		display: block;
	}

	.mobile_icon img {
		width: 30px;
	}

	.mobile_icon i {
		color: #fff;
		font-size: 26px;
		font-weight: bold;
	}

	.mobile_icon .icon-menu {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.fadein_menu {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 9999999;
		opacity: 1;
	}

	.fadein_menu .box {
		width: 100%;
		height: 100%;
		overflow: auto;
		position: absolute;
		right: -90%;
		top: 0;
		background: #fff;
		text-align: right;
	}

	.fadein_menu .box>.icon-close {
		margin: 20px;
		display: inline-block;
		width: 24px;
	}

	.fadein_menu .box>.icon-close img {
		width: 100%;
	}

	.fadein_menu .box .wws,
	.fadein_menu .box .ws {
		display: none;
	}

	.fadein_menu .box ul {
		overflow: hidden;
		padding-left: 5%;
	}

	.fadein_menu .box ul li {
		overflow: hidden;
	}

	.fadein_menu .box ul li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 58px;
		box-sizing: border-box;
		border-bottom: 1px solid #F2F2F2;
		padding: 0 20px 0 0px;
	}

	.fadein_menu .box ul li a:hover span {
		color: #A7A7A4;
	}

	.fadein_menu .box ul li a span {
		font-size: 15px;
		color: #242424;
	}

	.fadein_menu .box ul li a i {
		display: inline-block;
		transition: all .2s;
		width: 24px;
	}

	.fadein_menu .box ul li a i img {
		width: 100%;
	}

	.fadein_menu .box ul li a i.on {
		transform: rotate(90deg);
	}



	.indexvideotext {
		top: 23%;
	}

	.indexvideotext h2 {
		font-size: 26px;
		padding: 5px 0px;
	}

	.addvideobtn {
		margin-top: 1%;
	}

	.addvideobtn img {
		max-width: 40px;
	}

	h3 {
		font-size: 22px;
	}

	body {
		font-size: 14px;
	}

	.box1 {
		padding: 60px 5%;
	}

	.box1content h5 {
		font-size: 14px;
	}

	h3 {
		line-height: 35px;
	}

	.box2 {
		padding: 70px 0px;
	}

	.box2left,
	.box2right {
		width: 100%;
		padding: 0px 5%;
	}

	.box2right {
		margin-top: 20px;
	}

	.box2leftbj {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.box2leftbj {
		display: none;
	}

	.phonebj {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	.phonebj img {
		width: 100%;
	}

	.box2left {
		font-size: 19px;
		line-height: 1.35;
	}

	.box2listright {
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
	}

	h4 {
		font-size: 19px;
		line-height: 40px;
	}

	.box3left,
	.box3right {
		width: 85%;
		margin-left: 15%;
	}

	.phonedisnone {
		display: none;
	}

	.phoneright {}

	.circle {
		position: absolute;
		width: 40px;
		height: 40px;
	}

	.box3content ul::after {
		content: '';
		border: #a2a241 3px dashed;
		position: absolute;
		left: calc(3% + 18px);
		/* width: 4px; */
		height: calc(100% - 40px);
		top: 0%;
	}

	h2 {
		font-size: 22px;
		line-height: 35px;
	}

	.box3content {
		margin: 10px auto;
	}

	.box3content ul li {
		margin: 40px 0px;
	}

	.box3left h3,
	.box3right h3 {
		font-size: 18px;
	}

	.box3left p,
	.box3right p {
		line-height: 25px;
		font-size: 14px;
	}

	.box3content ul li {
		align-items: baseline;
	}

	.box4 {
		padding: 40px 0px;
	}

	.box4 h2 {
		font-size: 22px;
	}

	.box44 {
		padding-top: 40px;
	}

	.box44 h2 {
		font-size: 22px;
	}
	.foot {
		padding: 20px 5%;
	}

	.footlist {
		width: 33%;
	}

	.thelastfootlist {
		width: 100%;
		margin-top: 15px;
	}

	p.p5 {
		padding-bottom: 5px;
	}

	.ftcopy {
		justify-content: center;
		margin-top: 15px;
	}

	.ftcopyright p {
		text-align: center;
	}





	.visiontop {
		padding: 0px 10%;
	}

	.visiontop p {
		font-size: 14px;
		font-weight: 400;
	}

	.visionbox1 {
		padding: 40px 5%;
	}

	.visionbox1content p {
		font-size: 14px;
		padding-top: 12px;
	}

	.visionbox2 {
		padding: 30px 5%;
	}

	.visionbox2left {
		width: 100%;
		margin: 10px 0px;
	}

	.visionbox2left h2 {
		padding-bottom: 10px;
	}

	.visionbox3 {
		padding: 70px 0px;
	}

	.visionbox3 p {
		font-size: 26px;
		padding-bottom: 15px;
	}

	.visionbox4list {
		font-size: 16px;
		margin: 15px 0px;
	}

	.visionbox5 {
		padding: 45px 5%;
	}

	.visionbox5 p {
		font-size: 14px;
	}

	p.p8 {
		font-size: 20px;
		margin-bottom: 20px;
	}




	.freightop {
		padding: 0px 5%;
		top: 10%;
	}

	.freightop h2 {
		font-size: 22px;
	}

	.myfreightbanner img {
		min-height: 27vh;
	}

	.freightop p {
		line-height: 25px;
	}

	.freigtopbtn {
		margin-top: 15px;
	}

	.freightbox2left img {
		display: none;
	}

	.freightbox3left,
	.freightbox3right {
		width: 100%;
	}

	.freightbox3content {
		padding: 0px 5%;
	}
	
	.freightbox3list {
	margin-bottom: 50px;
	width: 100%;
}


	.freightbox3listimg {
		height: auto;
	}

	p.p22 {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.freightbox3content {
		margin: 20px auto;
	}

	.freightbox3right {
		margin-top: 0px;
	}

	p.p9 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.freightbox4list {
		margin: 0px auto;
		font-size: 15px;
	}

	.freightbox4left {
		margin: 0 auto;
	}




	.locabanner {
		display: none;
	}


	ul.tabtitle {
		background: url(../images/phonebj.jpg) no-repeat;
		background-size: 100% 100%;
	}

	ul.tabtitle li.tablist_active {
		background: rgba(235, 75, 75, .63);
	}

	ul.tabtitle li {
		background: none;
		width: 50%;
		color: white;
		font-weight: 400;
		font-size: 17px;
	}


	.tabcontent {
		margin: 30px auto;
		padding: 0px 5%;
	}

	.tabconleft,
	.tabconright {
		width: 100%;
	}

	.tabconleft {
		margin-top: 0px;
	}

	.tabcon {
		padding: 0%;
		margin-bottom: 30px;
	}

	.tabconright {
		padding: 4%;
	}



	.pcdisnone {
		display: block;
		background: #3bb5cc;
		height: 27vh;
	}

	.addvideo video {
		display: none;
	}


}