/* CSS Document */
html,
body {
	margin: 0;
	padding: 0;
	/* height:100%; */
	/* overflow-x:hidden; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

* {
	list-style: none;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	user-select: none;
}

.clear {
	clear: both;
}

.logo {
	width: 200px;
	overflow: hidden;
	padding-left: 50px;
}

.logo a {
	display: block;
}

.logo a img {
	max-width: 90%;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
}

.subMenu {
	display: none;
	position: absolute;
	/* top: 100px; */
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #f9f9f9;
}

.subMenu ul,
.language ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.subMenu>ul>li>a {
	display: block;
	padding: 0 18px;
	text-align: center;
	line-height: 80px;
	color: #000;
}

.subMenu>ul>li>a:hover,
.language a:hover {
	color: #d2704a
}

.language {
	display: none;
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: #fff;
	right: 25px;
}

.language>ul>li>a {
	display: block;
	text-align: center;
	color: #000;
	padding: 13px 0;
}





.hr {
	display: block;
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 5px;
	background-color: #053C64;
	transform: translateX(135%) scaleX(2);
	border: 0;
}

.zong {
	padding: 0;
}

.cen1 {
	width: 100%;
	position: relative;
	padding-top: 70px;
}

.cen1-img,
.cen2-img {
	width: 100%;
	height: auto;
	display: block;
}

.cen1-box {
	/*	width: 30%;*/
	height: 300px;
	/*	background-color:#509A0D;*/
	position: absolute;
	z-index: 1;
	top: 58%;
	left: 7%;
	align-items: center;
}

.cen1-box-top img {
	width: 550px;
}

.cen1-box-botton>span {
	font-size: 20px;
	color: #fff;
}

.shipin {
	bottom: 10rem;
	/* left: 10rem; */
	z-index: 9;
}
.videoed {
	animation: iiii 5s infinite linear;
}
@keyframes iiii {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.videos {
	display: none;
	border: 10px solid #ffffff;
	position: fixed;
	/* position: absolute; */
	/* margin-top:110px; */
	bottom: 5%;
	z-index: 10;
}

.vclose {
	z-index: 10;
	position: absolute;
	right: 1%;
	top: 1%;
	border-radius: 100%;
	cursor: pointer;
	width: 50px;
	height: 50px;
}

.cen2 {
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-size: cover;
	background-position: 50%;
	position: relative;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-moz-box-align: center;
}

.cen2-p {
	position: absolute;
	right: 6%;
	top: 15%;
	font-size: 50px;
	color: #FFFFFF;
	letter-spacing: 7px;
}

.cen2xe {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 1rem;
	z-index: 9;
}

.cen2-box {
	/* position: absolute; */
	width: 100%;
	/* max-width: 1024px; */
	/* margin: 0 auto ; */
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
}

.cen2-b-1 {
	/* width:calc( 100% / 10 ); */
	/*    flex-basis:100px;*/
	margin: 0 auto;
}

.cen2-b-1-top {
	margin-bottom: 15px;
}

.cen2-b-1-boot {}

.cen3 {
	width: 100%;
	height: auto;
	/*    margin: 0 auto;*/
}

.cen3-top {
	width: 100%;
	height: 160px;
	/*    margin: 0 auto;*/
}

.cen3-top p {
	/*    position: absolute;*/
	margin-top: 60px;
	text-align: center;
	font-size: 40px;
	color: rgba(13, 63, 88, 1.00);
}

.cen3-top hr {
	height: 2px;
	width: 100px;
	background-color: #105876;
}




#foot {
	width: 100%;
	height: 180px;
	background-color: #fff;
	margin: 0 auto;
	position: absolute;
	font-size: 14px;
}

#foot li {
	/* display: inline-block; */
	float: left;
}

#foot a {
	cursor: pointer;
}

.foot-l {
	width: 600px;
	/* background-color: palegreen; */
	left: 8%;
	top: 20%;
	position: absolute;
}

.foot-r {
	position: absolute;
	width: 500px;
	/* background-color: #d2704a; */
	right: 8%;
	top: 20%;
	float: left;
	text-align: right;
}

.foot-l li,
.foot-r {
	padding: 10px 20px;
}







.peizhi {
	background-color: #1f1f1f;
}

.peizhi p {
	color: #fff;
}

.peizhibiao p {
	font-size: 20px;
}
@media screen and (max-width:2560px) {
	.centext-img {
		min-width: 100%;
	}
}

@media screen and (max-width:1440px) {
	.cen1-box{
		left: 3rem;
		top: 37rem;
	}
	.cen1-box-top img{
		width: 650px;
	}
}
@media screen and (max-width:1024px) {
	.cen1-box{
		width: 450px;
		left: 1rem;
		top: 27rem;
		line-height: 20px;
	}
	.cen2-b-1{
		width: 40rem;
	}
	.cen2-b-1-cc{
		/* width: 30rem; */
	}
	.centext-img{
		margin-left: -200px;
	}
}
@media screen and (max-width:768px) {
	.cen1-box{
		width: 300px;
		left: 1rem;
		top: 21rem;
		line-height: 20px;
	}
	.cen1-box span{
	font-size: 16px;	
	}
	.centext-img{
		margin-left: -300px;
	}
	.cen2-box h2 {
		font-size: 20px;
		font-weight: bold
	}
	.cen2-box h3 {
		font-size: 16px;
		font-weight: bold
	}
	.cen2-b-1{
		width: 26rem;
	}
	.cen2-b-1-cc {
		width: 26rem;
	}
}
@media screen and (max-width:575px) {
	img {
		-webkit-user-drag: auto;
	}
	.shipin {
		bottom: 20px;
		left: 38%;
	}
	.videos {
		bottom: 35%;
	}
	.cen1-img {
		width: 1300px;
		margin-left: -810px;
	}
	.cen1-box {
		top: 7rem;
		left: 5rem;
	}
	.cen1-box-botton>span {
		font-size: 16px;
	}

	.cen2-img {
		width: 1300px;
		margin-left: -400px;
	}

	.centext-img {
		width: 700px;
		margin-left: -100px;
	}

	.cen2-box h2 {
		font-size: 20px;
		font-weight: bold
	}

	.cen2-box h3 {
		font-size: 16px;
		font-weight: bold
	}

	.cen2xe {
		/* bottom: 250px; */
	}

	.cen2-b-1 {
		/* width: 150px; */
		/* height: 80px; */
		padding: 5px 0;
		border: 1px solid #fff;
		border-radius: 20px;
		margin: 10px auto;
	}

	.cen2-b-1-cc {
		width: 26rem;
	}
	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		opacity: 0;
	}

}












/* ==========================================================================
   
  
#foot1{
	width: 100%;
	height: 500px;
	background-color: #121212;
	box-sizing: border-box;
	padding: 64px 112px 54px 112px;
	color: white;
	display: flex;
	overflow-x:hidden;
	flex-direction: column;
}
.foot1-1,.foot1-2{
	width: 200px;
}
.f1-top,.f2-top{
	font-size: 23px;
}
.f1-butt,.f2-butt{
	margin-top: 20px;
}
.f1-butt-div{
	line-height: 50px;
	font-size: 16px;
	align-items: center;
	opacity:0.23;
	cursor: pointer;
}
.f1-butt-div:hover{
	opacity: 1;
}
.f1-butt-div a{
	color: #fff;
	
}
.f1-butt-div a img{
	vertical-align:-15%;
}
.f1-butt-div a span{
	padding-left: 5px;
}
.foot1-2{
	width: 200px;
}
.foot-logo{
	right: 5%;
	position: absolute;
}
.foot-img{
	width: 600px;
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

 ========================================================================== */