@charset "utf-8";

@font-face {
	font-family: "cu";
	src: url("../fonts/8E4C4A88EBD1687CB8AC0C8E7D8958F9.OTF");
	font-weight: 400;
}

@font-face {
	font-family: "xi";
	src: url("../fonts/11C302DD8C50619E4131DA5D645FB422.OTF");
	font-weight: 400;
}

@font-face {
	font-family: 'siyuan';
	src: url('../fonts/bb4171.ttf');
	font-weight: normal;
	font-style: normal;
}

body,
html,
a {
	font-family: "xi" !important;
	font-weight: inherit;
}

.dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 130px;
	box-shadow: 0 0px 0px 0px black;
	line-height: 30px;
	z-index: 1;
	top: 25px;
	margin-left: -35px;
	width: 130px;
	text-align: center;
}

.dropdown-menu li a,
.dropdown-menu1 li a,
.dropdown-menu2 li a {
	text-align: center;
	font-size: 14px;
	/* Adjust font size as needed */
	color: #333;
	/* Change text color to dark gray */
}

.dropdown-menu1 {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 130px;
	box-shadow: 0 0px 0px 0px black;
	line-height: 30px;
	z-index: 1;
	top: 25px;
	margin-left: -35px;
	width: 130px;
	text-align: center;
}

.dropdown-menu2 {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 130px;
	box-shadow: 0 0px 0px 0px black;
	line-height: 30px;
	z-index: 1;
	top: 25px;
	margin-left: -35px;
	width: 130px;
	text-align: center;
}

.dropdown-menu li:nth-child(1) a,
.dropdown-menu1 li:nth-child(1) a,
.dropdown-menu2 li:nth-child(1) a {
	color: black;
	text-decoration: none;
}

.dropdown-menu li:nth-child(1) a:hover,
.dropdown-menu1 li:nth-child(1) a:hover,
.dropdown-menu2 li:nth-child(1) a:hover {
	color: #4793D0;
	text-decoration: underline;
}

.dropdown-menu li:nth-child(2) a,
.dropdown-menu1 li:nth-child(2) a,
.dropdown-menu2 li:nth-child(2) a {
	color: black;
	text-decoration: none;
}

.dropdown-menu li:nth-child(2) a:hover,
.dropdown-menu1 li:nth-child(2) a:hover,
.dropdown-menu2 li:nth-child(2) a:hover {
	color: #4793D0;
	text-decoration: underline;
}

.dropdown-menu li:nth-child(3) a,
.dropdown-menu1 li:nth-child(3) a,
.dropdown-menu2 li:nth-child(3) a {
	color: black;
	text-decoration: none;
}

.dropdown-menu li:nth-child(3) a:hover,
.dropdown-menu1 li:nth-child(3) a:hover,
.dropdown-menu2 li:nth-child(3) a:hover {
	color: #4793D0;
	text-decoration: underline;
}

.dropdown-menu li:nth-child(1):hover,
.dropdown-menu1 li:nth-child(1):hover,
.dropdown-menu2 li:nth-child(1):hover {
	background-color: rgb(226, 222, 223);
	width: 130px;
	text-align: center;


}

.dropdown-menu li:nth-child(2):hover,
.dropdown-menu1 li:nth-child(2):hover,
.dropdown-menu2 li:nth-child(2):hover {
	background-color: rgb(226, 222, 223);
	width: 130px;
	text-align: center;
}

.dropdown-menu li:nth-child(3):hover,
.dropdown-menu1 li:nth-child(3):hover,
.dropdown-menu2 li:nth-child(3):hover {
	background-color: rgb(226, 222, 223);
	width: 130px;
	text-align: center;
}

.bb:hover .dropdown-menu {
	display: block;
}

.dropdown-menu a,
.dropdown-menu1 a,
.dropdown-menu2 a {
	font-size: 14px;
	/* 设置下拉菜单项的字体大小为14像素 */
	color: #4793D0;
	text-align: center;
	line-height: 40px;
	margin-left: 4px;

}

.div li {
	position: relative;
	/* 设置相对定位 */
	display: inline-block;
	margin-right: 20px;
}

li.cc:hover .dropdown-menu1 {
	display: block;
}

li.dd:hover .dropdown-menu2 {
	display: block;
}



/* 鼠标悬停在下拉菜单时改变样式 */
.dropdown-menu li a:hover {
	color: red;
	text-decoration: underline;
}

/* a {
	font-family: "思源黑体";
} */
/* header */
.header {
	width: 100%;
	/* height: 500px; */
}

.header .centerBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 90px;

}

#left_btn {
	position: absolute;
	top: 50%;
	left: 0px;

	opacity: 0;
}

#right_btn {
	position: absolute;
	top: 50%;
	right: 0px;
	opacity: 0;
}

.imgBox img {
	width: 100%;
	height: 250px;
	margin: 0 auto;
	padding-top: 30px;

}

.lbt {
	width: 100%;
	position: relative;
}

.img1 {
	width: 100%;
	display: block;
}

.img2 {
	width: 100%;
	display: none;
}


.banner {
	position: relative;
	background-size: 100%;
}

.fadeInRight {
	position: relative;
	left: 10% !important;
}

.header .logo {
	width: 3%;
}

.header .logo img {
	width: 100%;
}

.headerphone {
	width: 20%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.headerphoneicon img {
	width: 50px;
	height: 50px;
}

.headerphonenum {
	font-size: 24px;
	font-weight: bold;
}

.header .menu {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}

.header .menu .nav li {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	font-size: 16px;
	color: #333333;
	text-align: center;
}

.header .menu .nav .dropdown-menu li,
.header .menu .nav .dropdown-menu1 li,
.header .menu .nav .dropdown-menu2 li {
	display: block;
	text-align: center;
	margin-right: 0;
}

.header .menu .nav li:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 50%;
	height: 2px;
	background: #4793D0;
	border-radius: 5px;
	transform: translate(-50%);
	display: none;
}

.header .nav .in {

	font-size: 16px !important;

}

.nav li.in:hover a {
	color: #4793D0;
	text-decoration: underline;
}

.bb:hover a {
	color: #4793D0;
	text-decoration: none;
}

.cc:hover a {
	color: #4793D0;
	text-decoration: none;
}

.dd:hover a {
	color: #4793D0;
	text-decoration: none;
}

/* .header .menu .nav li.in:after {
	display: block;
} */

.phone {
	text-align: right;
}


.about {
	width: 80%;
	margin: 50px auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.aboutleft {
	width: 25%;
}

.aboutlefttitle {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.aboutlefttitles {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	width: 100%;
}

.aboutleften {
	color: #333333;
	font-size: 18px;
	margin-bottom: 30px;
}

.aboutleftens {
	color: #333333;
	font-size: 18px;
	margin-bottom: 30px;
}

.aboutlefthrs {
	height: 3px;
	width: 130px;
	background-color: #F9BD00;
	margin-bottom: 30px;
}

.aboutlefthr {
	height: 3px;
	width: 80px;
	background-color: #F9BD00;
	margin-bottom: 60px;
	left: 0;
}

.aboutleftimg {
	width: 100%;
}

.aboutleftimg img {
	border-radius: 7px;
	width: 682px;
	height: 482px;
}

.aboutright {
	width: 70%;
	margin-top: 80px;
}

.aboutrightpart {
	color: #333333;
	/* font-size: 12px; */
	/* line-height: 30px; */
	margin-left: 300px;
	/* letter-spacing:5px; */
	line-height: 50px;
}

.aboutrightpart text {
	font-size: 24px;

}

.aboutrightbtn {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: end;
}

.aboutrightbtn div {
	width: 150px;
	height: 50px;
	background-color: #F9BD00;
	border-radius: 5px;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
}

.yinhetp {
	width: 1920px;
	height: 1000px;
}

.product {
	width: 80%;
	margin: 80px auto 0 auto;
}

.producttitle {
	width: 100%;
	padding-bottom: 30px;
}

.alxqtitle {
	width: 100%;
	padding-bottom: 60px;
}

.anlixiangqingzt {
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}

.productlist {
	width: 100%;
	text-align: center;
}

.productlist ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.productlist ul li {
	width: 30%;
}

.productlist ul li a {
	width: 100%;
}

.productlistimg {
	width: 100%;
}

.productlistimg img {
	width: 100%;
}

.productlisttitle {
	width: 100%;
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
	text-align: center;
}

.productlisttext {
	width: 80%;
	color: #999999;
	font-size: 15px;
	margin: 20px auto 0 auto;
	text-align: center;
}

.alxq {
	text-align: center;
	/* Center align the content */
}

.anlixiangqingtp img {
	width: 775px;
	/* Set the desired width for the image */
	height: 560px;
	display: block;
	/* Ensure image is centered properly */
	margin: 0 auto;
	/* Center the image horizontally */
}

.alxqrq {
	font-size: 8px;
	color: #999999;
	top: 0;
}

.alxqdescribe {
	font-size: 24px;
	color: #333333;
	margin-top: 20px;
}

.anli {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.anlileft {
	width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.anlileftlist {
	width: 45%;
}

.anlileftlist a {
	width: 100%;
}

.anlileftlistpic {
	width: 100%;
}

.anlileftlistpic img {
	width: 100%;
}

.anlileftlisttitle {
	width: 100%;
	padding: 0 20px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}

.anlileftlisttext {
	width: 100%;
	padding: 0 20px;
	color: #333333;
	font-size: 15px;
	margin-top: 20px;
}

.anliright {
	width: 35%;
}

.anlirightlist {
	width: 100%;
	margin-bottom: 10px;
}

.anlirightlist a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.anlirightlistleft {
	width: 30%;
}

.anlirightlistleft img {
	width: 100%;
}

.anlirightlistright {
	width: 65%;
}

.anlirightlistrighttitle {
	width: 100%;
	color: #333333;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

.anlirightlistrighttext {
	width: 100%;
	color: #333333;
	font-size: 14px;
}



.news {
	width: 100%;
}

.news ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.news ul li {
	width: 20%;
	padding: 20px;
}

.news ul li:nth-child(even) {
	background-color: #F9F9FB;
}

.news ul li a {
	width: 100%;
}

.newstitle {
	width: 100%;
	overflow: hidden;
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
}

.newshr {
	width: 30px;
	height: 3px;
	background-color: #F9BD00;
	margin-bottom: 15px;
}

.newstext {
	width: 100%;
	margin-bottom: 15px;
}

.newsbottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newsmore {
	width: 5%;
}

.newsmore img {
	width: 100%;
}

.contact {
	width: 100%;
}

.image_3 {
	width: 100%;
	height: 500px;
	margin-bottom: 30px;
}

.contactmes {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.contactmeslist {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
}



.footer {
	margin-top: 50px;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #D9D9D9;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.footerimg {
	width: 2%;
}

.footerimg img {
	width: 100%;
}

.footermes {
	font-size: 15px;
	color: #999999;
}

#back-top {
	display: block;
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 30px;
	right: 30px;
	background: #ccc;
	text-align: center;
	line-height: 60px;
	text-decoration: none;
}




/* .bannerabout{
	background: url(../images/aboutbanner.png) no-repeat;
	background-size: 100%;
	width: 1920px;
	height: 590px;
} */
.guanyu {
	padding: 50px 0;
	width: 80%;
	margin: 0 auto 0 auto;
}

.guanyutitle {
	width: 100%;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}

.guanyutitleen {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-bottom: 20px;
}

.guanyutitlehr {
	width: 80px;
	height: 3px;
	background-color: #FABE00;
	margin: 0 auto 0 auto;
	margin-bottom: 50px;
}

.guanyudescribe {
	text-align: center;
	width: 1920px;
	height: 41px;
	margin-bottom: 40px;
}

.guanyulist {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.guanyulistleft {
	width: 40%;
}

.guanyulistleft img {
	width: 100%;
}

.guanyulistright {
	width: 50%;

}

.guanyulistrighttitle {
	color: #FABE00;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.guanyutitlehr2 {
	width: 80px;
	height: 3px;
	background-color: #FABE00;
	margin-bottom: 50px;
}

.guanyulistrighttext {
	color: #333333;
	line-height: 50px;
}

.guanyulist2 {
	font-size: 18px;
	color: #333333;
	line-height: 50px;
}

.guanyulist2 {
	width: 100%;
}

.guanyulist2 img {
	width: 100%;
}

.bannerproduct {
	background: url(../images/productbanner.png) no-repeat;
	background-size: 100%;
}

.tile {
	width: 100%;
	height: 350px;
	background-color: #99aeff;
	display: inline-block;
	background-size: cover;
	position: relative;
	cursor: pointer;
	transition: all 0.4s ease-out;
	box-shadow: 0px 15px 50px -15px rgba(0, 0, 0, 0.44);
	overflow: hidden;
	color: white;
	border-radius: 10px;
}

.tile img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all 0.4s ease-out;
}

.tile .text {
	width: 100%;
	z-index: 99;
	position: absolute;
	padding: 30px;
	height: calc(100% - 10px);
}

.producttext1 {
	font-weight: 300;
	/* text-shadow:2px 2px 10px rgba(0,0,0,0.3); */
}

.producttext2 {
	font-weight: 100;
	margin-top: 20px;
	font-style: italic;
	transform: translateX(200px);
}

.animate-text {
	opacity: 0;
	transition: all 0.6s ease-in-out;
}

.tile:hover {
	box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);
	transform: scale(1.05);
}

.tile:hover img {
	opacity: 0.3;
}

.tile:hover .animate-text {
	transform: translateX(0);
	opacity: 1;
}

.tile:hover span {
	opacity: 1;
	transform: translateY(0px);
}


.anlibox {
	width: 100%;
}

.anlilist {
	width: 30%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto 50px auto;
}

.anlilist li {
	cursor: pointer;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
}

.anlilist2 {
	width: 100%;
}

.main1,
.main2,
.main3 {
	width: 100%;
}

.main1 ul,
.main2 ul,
.main3 ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;

}

.main1 ul li,
.main2 ul li,
.main3 ul li {
	width: 32%;
	margin-right: 1%;
	margin-bottom: 50px;
}



.banneranli {
	background: url(../images/anlibanner.png) no-repeat;
	background-size: 100%;
}

.anlipart {
	width: 100%;
}

.anlipart ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.anlipart ul li {
	width: 31%;
	margin-right: 2%;
	margin-bottom: 50px;
}

.anlipartimg {
	width: 100%;
	margin-bottom: 30px;
}

.anlipartimg img {
	width: 100%;
}

.anlititle {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 20px;
}

.anlitext {
	width: 100%;
	text-align: center;
	color: #333333;
}



.newspart {
	width: 100%;
}

.tree_two {
	width: 100%;
	margin-bottom: 30px;
}

.tree_list2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 50px;
}

.newsleft {
	width: 60%;
}

.newslefttitle {
	width: 100%;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.newslefttext {
	width: 100%;
	color: #333333;
	font-size: 18px;
	line-height: 30px;
}

.newsright {
	width: 30%;
}

.newsrighttime {
	width: 100%;
	text-align: right;
	color: #53261C;
	font-size: 24px;
	margin-bottom: 30px;
}

.newsrightcheck {
	width: 100%;
	text-align: right;
	color: #4793D0;
	font-size: 20px;
	font-weight: bold;
}

.pageBox {
	width: 100%;
}

.table {
	margin: 0 auto 0 auto;
}

.pageLeft button,
.pageRight button {
	border: none;
	padding: 5px;
}

.pageLeft button {
	margin-right: 5px;
}

#pageNav a {
	padding: 5px;
	margin-right: 5px;
}

.active {
	background-color: #4793D0;
	color: #ffffff;
}

.jsys {

	color: #4793D0;

}

.jsyss {
	color: #333333;
}

.xiangqingtitle {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.xiangqingtime {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 15px;
	margin-bottom: 50px;
}

.xiangqingtext {
	width: 100%;
	color: #333333;
	line-height: 50px;
}




.lianxi {
	width: 100%;
	color: #333333;
}

.lianxititle {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.lianxihr {
	width: 80px;
	height: 3px;
	background-color: #333333;
	margin-bottom: 30px;
}

.lianxilist {
	width: 100%;
	font-size: 20px;
	margin-bottom: 20px;
}

.hxcgtc {
	width: 100%;
	text-align: center;
	margin: 20px;


}

.hx img {
	width: 32%;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
	float: left;
	margin-left: 0;
}

.lbt {
	width: 100%;
	height: auto;
	position: relative;
	animation: slide_carton 5s linear 3s infinite;
	display: flex;
	justify-content: center;
	text-align: center;
}

.img1 {
	max-width: 100%;
	display: block;
	height: auto;
}

.img2 {
	max-width: 100%;
	display: none;
	height: auto;
}

.centerBox {
	z-index: 10;
	width: 80%;
	top: 6%;
	left: 11%;
	padding: 10px 30px;
	background-color: #ffffff;
	border-radius: 10px;
	position: absolute;

}

.banner {
	position: relative;
	background-size: 100%;
}