html{overflow-x:hidden;}
html,
body {
	position: relative;
	height: 100%;
}
body {
	background: #161B2A;
}
.tab_x_n {
	display: none;
	/*visibility: hidden;
	position: absolute;
	z-index: -1;*/
}
.tab_x_y {
	display: block;
	/*visibility: visible;
	z-index: 1;*/
}
.brand-content{ width:70%!important;}
/*底部优先样式*/
	.bot {
	background: #161B2A!important;
	border-top: 1px #333333 solid;
	margin-top: 30px!important;
	padding: 3%!important;
}
.bot1 ul li a {
	color: #cccccc!important;
}
.bot3 ul li {
	color: #cccccc!important;
}
.bot4 ul li {
	color: grey!important;
}
.bot2 {
	top: 30px!important;
}
.bot2 ul li .filter {
	filter: brightness(0) invert(0.7)
}
/*轮播图*/
	.banner {
	width: 100%;
}
.banner .swiper {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.banner .swiper .swiper-pagination {
	left: 75%;
	height: 5px;
	width: 100%!important;
	top: 80%;
}
.banner .swiper .swiper-pagination span {
	float: left;
	width: 35px;
	height: 5px;
	border-radius: inherit;
	margin: 0;
	opacity: 0.8;
	background: #ffffff;
	margin-right: 15px;
	border-radius: 10px;
}
.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active {
	width: 35px;
	background: #de0010;
}
.banner .swiper .swiper-wrapper {
	height: 100%;
        margin-bottom:0;
}
.banner .swiper .swiper-wrapper .swiper-slide {
	position: relative;
}
.banner .swiper .swiper-wrapper .swiper-slide img {
	display: block;
	width: 100%;
        /*height:100vh;*/
}
@media (max-width: 767px) {
	.banner .swiper .swiper-pagination {
	left: 45%
}
.banner .swiper .swiper-wrapper .swiper-slide img{ height:auto;}
html, body {
	height: auto;
}
.bot2 {
	position: static;
}
}
#block1 {
	width: 100%;
	height: 100%;
	position: relative;
}
.top_logo {
	text-align: center;
	padding-top: 4%;
}
.top_logo img {
	max-width: 300px;
	transition: all .5s;
}
.top_logo img: hover {
	transform: scale(1.2);
}
.headerNav {
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 999;
}
.zqjtContainer {
	width: 90%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: space-between;
}
.zqjtheaderNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.navUl {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding-right: 20px;
}
.navUl li {
	margin: 0 25px;
}
.navUl li: first-child {
	display: none;
}
.navUl li a {
	color: #fff;
	font-size: 16px;
}
.zqBtn,.chEnBtn {
	display: flex;
	align-items: center;
}
.zqBtn a,.chEnBtn a {
	font-size: 16px;
	color: #fff;
	margin: 0 40px 0 10px;
}
.searchDiv {
	background: url(/uiFramework/commonResource/image/2023092613262023447.png) 0 0 no-repeat;
	width: 28px;
	height: 28px;
}
#homeSwiper {
	width: 100%;
	height: 100%;
}
@media (max-width: 767px) {
	#homeSwiper > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}
#homeSwiper > .swiper-wrapper > div {
	height: auto!important;
}
#block1 {
	height: auto;
	padding-top: 0;
}
.navUl {
	display: none;
}
.top_logo {
	padding-top: 4%;
	display: none;
}
.top_logo img {
	width: 120px;
	transition: all .5s;
}
.top_logo img: hover {
	transform: scale(1.2);
}
.headerNav {
	bottom: 10px;
}
.zqjtContainer {
	width: 90%;
}
.leftLogo a img {
	width: 150px;
}
.zqBtn a,.chEnBtn a {
	margin: 0 24px 0 10px;
}
}
#homeSwiper .homeswiper-next {
	width: 40px;
	margin: 0 auto;
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 36px;
	color: #fff;
	cursor: pointer;
	z-index: 2;
	/* animation: movepoint 2s infinite;
	-webkit-animation: movepoint 2s infinite;*/
	
}
@keyframes arrow {
	from {
	top: 50px
}
to {
	top: 16px
}
}
/* 上下浮动start*/
	@keyframes arrow {
	from {
	transform: translate(0, 0)	}
to {
	transform: translate(0, 12rpx)	}
}
.arrow {
	@extend .btn;
	margin-top: 50rpx;
	animation: arrow 1.3s ease-in-out 0s infinite alternate;
}
.newSwiper .swiper-button-next {
	width: 35px;
	height: 35px;
}
.newSwiper .swiper-button-prev {
	width: 35px;
	height: 35px;
}
.nav .swiper-button-next {
	width: 35px;
	height: 35px;
	top: -200%;
	border: 1px #ccc solid;
	padding: 10px;
	background: none!important;
}
.nav .swiper-button-prev {
	width: 35px;
	height: 35px;
	top: -200%;
	border: 1px #ccc solid;
	padding: 10px;
	background: none!important;
}
@media (max-width: 767px) {
	html {
	touch-action: manipulation;
}
#homeSwiper {
	height: auto;
}
.swiper-pointer-events.swiper-vertical {
	touch-action: manipulation !important;
	/*touch-action: pan-y pinch-zoom !important;*/
}
#homeSwiper .homeswiper-next {
	display: none;
}
}
#homeSwiper > .swiper-pagination {
	top: 85%;
	right: 30px;
}
@media (max-width: 767px) {
	#homeSwiper > .swiper-pagination {
	display: none;
}
}
#homeSwiper > .swiper-pagination .swiper-pagination-bullet {
	display: none;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	background: transparent;
	opacity: 1;
	margin: 15px 0;
}
#homeSwiper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
}
#homeSwiper.swiperBlack > .swiper-pagination .swiper-pagination-bullet {
	border: 1px solid #000;
}
#homeSwiper.swiperBlack > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
}
#homeSwiper.swiperBlack .homeswiper-next {
	color: #999;
}
.block1,
.block2,
.block3,
.block4,
.block5 {
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.block2 {
	padding-top: 120px;
	background: url(/eportal/imageDir/zqkc/2025/08/2025081514421553564.jpg) center -20px no-repeat;
	background-size: cover;
}
.block2_1 {
	/*padding-top: 70px;
	background: url(/uiFramework/commonResource/image/2023092614260896605.png) center top no-repeat;
	background-size: contain;*/
	
}
@media (max-width: 767px) {
	.block2 {
	padding: 30px 0;
       background-size: auto;
        
}
}
.block3 {
	/*padding-top: 120px;*/
	position: relative;
	/*background: url(/uiFramework/commonResource/image/2023092616440838516.jpg) no-repeat;*/
	
}
@media (max-width: 767px) {
	.block3 {
	/*padding: 30px 0;*/
	background: linear-gradient(rgba(23,28,44, .2), rgba(34,47,68,1));
}
}
.block4 {
	
	background:#ffffff;
	background-size: cover;
}
.block4 .syContainer {
	width: 80%;
}
.homeTit p {
	font-size: 36px;
	text-align: center;
	color: #fff;
	margin: 70px 0 70px 0;
	width: 100%;
	text-align: Center;
	font-weight: 600;
	letter-spacing: 2px;
}
.fwList ul li {
	width: 47%;
	float: left;
	transition: all .5s;
}
.fwList ul li:nth-child(2n) {
	float: right;
}
.fwTit {
	font-size: 24px;
	color: #fff;
	margin-bottom: 40px;
	transition: all .5s;
}
.fwTit a {
	font-size: 18px;
	color: #fff;
	transition: all .5s;
}
.fwList ul li:hover .fwTit {
	transform: scale(1) translateX(2.5%);
}
.fwSum {
	font-size: 16px;
	color: #fff;
	opacity: 0.4;
	line-height: 30px;
	margin-bottom: 60px;
}
.fwList ul li: hover .fwSum {
	opacity: 1;
}
@media (max-width: 767px) {

}
.block5 {
	position: relative;
	background: url(/uiFramework/commonResource/image/2023092616523974280.jpg) center bottom no-repeat;
	background-size: cover;
	overflow: inherit;
}
.block5 .syContainer {
        width:100%;
	overflow: inherit;
        max-width:100%;
}
.block5_01 {
	height: 78vh;
}
.block5_01 p {
	text-align: center;
	color: #fff;
	font-size: 36px;
	word-spacing: -47px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	height: 60px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	line-height: 60px;
	letter-spacing: 6px;
}
.zssp video {
	width: 100%;
	margin-top: 10px;

	height: auto;
}
.guanyuwidth {
	width: 80%;
	margin: auto;
}
.guanyutitle .guanyutitlecenter {
	height: 156px;
	width: 1100px;
	margin: auto;
}
.guanyutitle .guanyutitlecenter h1 {
	font-size: 26px;
	border-left: 2px solid #0155A4;
	padding-left: 25px;
	font-weight: 500;
	color: #333333;
	position: relative;
	top: 60px;
}
.guanyuVideo video {
	height: auto;
	width: 1100px;
	margin: 0 auto;
	/*position: relative;*/
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	z-index: 9000;
}
.guanyuVideoZi {
	text-indent: 2em;
	color: #FFFFFF;
	line-height: 28px;
	font-size: 18px;
	margin-top: 120px;
	opacity: 0.9;
	position: absolute;
	bottom: 0;
	right: 0;
}
.guanyuVideo .play {
	display: block;
	text-align: center;
	margin: 30px auto;
}
.guanyuVideo {
	background: url(/eportal/imageDir/sinotruk/2023/11/img_pc_site/2023113017475059727.jpg) no-repeat top center;
	background-size: contain;
	width: 100%;
	margin: auto;
	position: relative;
}
.videofloat {
	position: relative;
	padding-top: 20%;
	padding-bottom: 20%;
}
.videoPlayBox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	z-index: 8000;
}
.videoPlayBox p {
	text-indent: 2em;
	color: #FFFFFF;
	line-height: 28px;
	font-size: 18px;
	opacity: 0.9;
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 909;
}
.videoPlayBox .Rel {
	position: relative;
	height: 100vh;
}
.videoPlayBox .Rel .closeBtn img {
	width: 50px;
	margin: 3vh 0;
	cursor: pointer;
	/*margin-left: 1100px;*/
}
.videoPlayBox .video-js {
	position: absolute !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.columnLink {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin: 100px 0;
	position: absolute;
	left: 10%;
	bottom: 0;
	z-index: 9;
	width: 80%;
}
@media (max-width: 767px) {
	.columnLink {
	/*-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;*/
	margin: 0;
	left: 4%;
	width: 90%;
}
}
.columnLink .columnnum {
	font-size: 20px;
	color: #fff;
	opacity: 0.5;
	text-align: center;
	margin-bottom: 30px;
}
.columnLink .columnnum.colorFFF {
	opacity: 1;
}
.columnLink .columnnum span {
	font-size: 38px;
	display: block;
}
@media (max-width: 767px) {
	.columnLink .columnnum {
	font-size: 14px;
}
.columnLink .columnnum span {
	font-size: 24px;
	margin-bottom: 10px;
}
}
.columnLink .columnInfo {
	font-size: 24px;
	color: #fff;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	.columnLink .columnInfo {
	font-size: 20px;
	margin-bottom: 20px;
}
}
/*第3屏*/
	.ppcp_qh {
	width: 80%;
	margin: 0 auto;
	position: absolute;
	bottom: 140px;
	left: 10%;
	z-index: 99;
}
.ppcp_qh ul {
	display: flex;
	justify-content: center;
}
.ppcp_qh ul li {
	width: 15%;
	text-align: center;
	margin-right: 20px;
}
.ppcp_qh ul li h2 {
	font-size: 38px;
	color: #fff;
	opacity: 0.5;
}
.ppcp_qh ul li p {
	font-size: 20px;
	color: #fff;
	opacity: 0.5;
	padding-top: 23px;
}
.ppcp_qh ul li.tab_y h2 {
	font-size: 38px;
	color: #fff;
	opacity: 1;
}
.ppcp_qh ul li.tab_y p {
	font-size: 20px;
	color: #fff;
	opacity: 1;
}
.ppcpSwiper .swiper-pagination {
	display: none;
}
.ppcpSwiper .swiper-button-prev,.ppcpSwiper .swiper-button-next {
	color: #fff;
	border: 1px #fff solid;
	padding: 0 10px;
}
.ppcpSwiper .swiper-button-prev: after,
.ppcpSwiper .swiper-container-rtl .swiper-button-next: after,
.ppcpSwiper .swiper-button-next: after,
.ppcpSwiper .swiper-container-rtl .swiper-button-prev: after {
	font-size: 24px;
}
.ppcpSwiper1 .swiper-button-prev,.ppcpSwiper1 .swiper-button-next {
	top: 50% !important;
}
.ppcpSwiper1 .swiper-button-prev {
	left: 4% !important;
}
.ppcpSwiper1 .swiper-button-next {
	right: 4% !important;
}
.ppcpSwiper2 .swiper-button-prev,.ppcpSwiper2 .swiper-button-next {
	top: 50% !important;
}
.ppcpSwiper2 .swiper-button-prev {
	left: 4% !important;
}
.ppcpSwiper2 .swiper-button-next {
	right: 4% !important;
}
.ppcpSwiper3 .swiper-button-prev,.ppcpSwiper3 .swiper-button-next {
	top: 50% !important;
}
.ppcpSwiper3 .swiper-button-prev {
	left: 4% !important;
}
.ppcpSwiper3 .swiper-button-next {
	right: 4% !important;
}
.ppcpSwiper4 .swiper-button-prev,.ppcpSwiper4 .swiper-button-next {
	top: 50% !important;
}
.ppcpSwiper4 .swiper-button-prev {
	left: 4% !important;
}
.ppcpSwiper4 .swiper-button-next {
	right: 4% !important;
}
.ppcpSwiper5 .swiper-button-prev,.ppcpSwiper5 .swiper-button-next {
	top: 50% !important;
}
.ppcpSwiper5 .swiper-button-prev {
	left: 4% !important;
}
.ppcpSwiper5 .swiper-button-next {
	right: 4% !important;
}
.ppcpSwiper6 .swiper-button-prev,.ppcpSwiper6 .swiper-button-next {
	top: 50% !important;
}
.ppcpSwiper6 .swiper-button-prev {
	left: 4% !important;
}
.ppcpSwiper6 .swiper-button-next {
	right: 4% !important;
}
/*===end===*/
	@media (max-width: 767px) {
	.videoSwiper {
	height: 300px;
}
}
@media (max-width: 767px) {
	.videoSwiper video {
	width: 100%;
	height: 100%;
	background: #000;
}
}
.videoSwiper .swiper-pagination {
	bottom: 30%;
}
.videoSwiper .swiper-pagination .swiper-pagination-bullet {
	width: 70px;
	height: 4px;
	background: #fff;
	border-radius: 0;
}
.homeWhiteTit p {
	color: #fff;
}
/*新闻*/
	.syContainer {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	max-width: 1860px;
}
.newSwiper {
	padding: 50px 45px 40px !important;
}
.newSwiper .swiper-slide: nth-child(odd) .newSlidea {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.swiper-button-prev,
.swiper-button-next {
	}
.newSwiper .swiper-button-prev {
	color: #fff;
	top:83%;
	left: 46%;
	background: #222f44;
	padding: 0 10px;
}
@media (max-width: 767px) {
	.newSwiper .swiper-button-prev {
	display: none;
}
}
.newSwiper .swiper-button-next {
	color: #fff;
	top: 83%;
	right: 46%;
	background: #222f44;
	padding: 0 10px;
}
@media (max-width: 767px) {
	.newSwiper .swiper-button-next {
	display: none;
}
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	/*color: #fff !important;*/
	
}
.newSwiper .swiper-button-prev: after,
.newSwiper .swiper-container-rtl .swiper-button-next: after,
.newSwiper .swiper-button-next: after,
.newSwiper .swiper-container-rtl .swiper-button-prev: after {
	font-size: 24px;
}
.newSwiper .swiper-pagination {
	display: none;
}
@media (max-width: 767px) {
	.newSwiper .swiper-pagination {
	display: block;
	bottom: 0;
}
}
/*新闻资讯模块css*/
	.newsInfo {
	padding: .45rem;
	margin-bottom: .7rem;
	overflow: hidden;
	height:6.7rem;
	transition: all .5s;
        box-shadow:0 0 10px 0 #333;
        background:#ffffff;
}
@media (max-width: 767px) {
	.newsInfo {
	padding: 15px;
	margin-bottom: 0;
	height: auto;
}
}
.newsInfo .newsTit {
	margin: .4rem 0;
	color: #fff;
	font-size:.36rem;
	/*white-space: nowrap;*/
	width: 85%;
        height:1rem;	
	text-overflow: ellipsis;
	overflow: hidden;
        -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
        display:-webkit-box;
}
.newsInfo .newsTit a {
	color: #333333;
	font-size:.36rem;
	font-weight: 600;
}
.newsInfo .newsSum {
	color: #ebebec;
	line-height: 32px;
	font-size: 14px;
	height: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
	margin-bottom: 20px;
}
.newsInfo_p {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.newsInfo .newsImg {
	overflow: hidden;
}
.newsInfo .newsImg img {
	width: 100%;
	height: 100%;
	transition: 0.4s;
}
.newsInfo .newsXq a {
	color: #d53024;
	font-size: 14px;
}
.newsInfo: hover .newsTit a {
	/*color: #d53024;*/
	
}
.newsInfo: hover .newsImg img {
	transform: scale(1.1);
}
.newsInfo_p .datemd {
	font-size: .28rem;
	color: #666;
}
.newsInfo_p .dateyy {
	font-size: 18px;
	color: #999;
}
.icon-ybjt {
	opacity: 0;
	position: absolute;
	bottom: 10px;
	right: -10px;
	background: #7ad015;
	padding: 4px 30px;
	color: #fff;
	font-size: 22px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.busSwiper {
	padding: 0 70px 200px 70px;
}
.busSwiper .swiper-slide {
	background-size: cover !important;
}
@media (max-width: 767px) {
	.busSwiper {
	padding: 20px 0;
	height: 300px;
}
}
.busSwiper .swiper-button-prev {
	color: #999;
	left: 4%;
}
.busSwiper .swiper-button-prev,
.busSwiper .swiper-button-next {
	top: 50% !important;
	color: #fff !important;
	opacity: 1 !important;
	border: 1px #fff solid;
	padding: 5px 10px;
}
@media (max-width: 767px) {
	.busSwiper .swiper-button-prev {
	display: none;
}
}
.busSwiper .swiper-button-next {
	color: #999;
	right: 4%;
}
@media (max-width: 767px) {
	.busSwiper .swiper-button-next {
	display: none;
}
}
.busSwiper .swiper-button-prev: after,
.busSwiper .swiper-container-rtl .swiper-button-next: after,
.busSwiper .swiper-button-next: after,
.busSwiper .swiper-container-rtl .swiper-button-prev: after {
	font-size: 28px;
}
.busSwiper .swiper-pagination {
	display: none;
}
@media (max-width: 767px) {
	.busSwiper .swiper-pagination {
	/*display: block;*/
	bottom: 0;
	color: #fff;
}
}
.busSwiper .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
}
.bussinessCont {
	width: 100%;
	margin: 0 auto;
}
.bussinessCont img {
	width: 100%;
	height: 100%;
}
.bussinessCont .bussinessLeft {
	width: 60%;
	position: absolute;
	top: 40px;
	left: 10%;
}
@media (max-width: 767px) {
	.bussinessCont {
	width: 100%;
	height: 380px;
}
.bussinessCont .bussinessLeft {
	width: auto;
	left: 3%;
	right: 3%;
}
}
.bussinessCont .bussinessLeft p {
	color: #fff;
}
.bussinessCont .bussinessLeft .busNum {
	font-size: 48px;
}
.bussinessCont .bussinessLeft .busTit {
	font-size: 32px;
	margin-top: 130px;
}
.bussinessCont .bussinessLeft .busSum {
	font-size: 16px;
	line-height: 1.6;
	margin: 40px 0 60px;
}
.bussinessCont .bussinessLeft a {
	font-size: 18px;
	color: #fff;
	line-height: 1.6;
}
@media (max-width: 767px) {
	.bussinessCont .bussinessLeft .busNum {
	font-size: 24px;
}
.bussinessCont .bussinessLeft .busTit {
	font-size: 20px;
	margin-top: 20px;
}
.bussinessCont .bussinessLeft .busSum {
	margin: 20px 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.bussinessCont .bussinessLeft a {
	font-size: 16px;
}
}
/*第6屏*/
	.block6 {
	padding-top: 120px;background:url(/uiFramework/commonResource/image/2023092616595044853.jpg) center -20px no-repeat #161B2A;background-size:cover;
}
.block6 .syContainer {
	width: 80%;
}
.homeFooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px #1F2432 solid;
	padding: 25px 0;
}
@media (max-width: 767px) {
	.homeFooter {
	position: unset;
}
#block6 {
	display: none;
}
}
.homeFooter .homeFooter_top {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	/*-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;*/
	-webkit-justify-content: space-around;
	justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media (max-width: 767px) {
	.homeFooter .homeFooter_top {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}
}
.homeFooter_top p {
	display: inline-block;
	color: #4F525C;
	margin-left: 20px;
	font-size: 14px;
}
@media (max-width: 767px) {
	.homeFooter_top p {
	line-height: 1.6;
	margin: 10px 0;
}
}
.homeFooter_bot {
	color: #4F525C;
	text-align: center;
}
.homeFooter_bot img {
	margin: 0 10px;
}
.foot_ewm {
	display: none;
	width: 60px;
	max-width: initial;
}
.homeFooter .footerImglink a {
	margin: 0 10px;
	position: relative;
}
.footerImglink ul li {
	text-align: center;
	margin-right: 2rem;
	cursor: pointer;
	position: relative;
	float: left;
}
.footerImglink ul li: hover .foot_ewm {
	display: block;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
@media (max-width: 767px) {
	.homeFooter .footerImglink {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-webkit-flex-direction: row !important;
	flex-direction: row !important;
}
}
.slidey {
	-webkit-animation-name: slidey;
	animation-name: slidey;
	-webkit-animation-duration: 3s !important;
	animation-duration: 3s !important;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 1.5s !important;
	animation-delay: 1.5s !important;
}
@-webkit-keyframes slidey {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
50% {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes slidey {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
50% {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
.slidey1 {
	-webkit-animation-name: slidey1;
	animation-name: slidey1;
	-webkit-animation-duration: 3s !important;
	animation-duration: 3s !important;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 1.5s !important;
	animation-delay: 1.5s !important;
}
@-webkit-keyframes slidey1 {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
50% {
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes slidey1 {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
50% {
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
/*# sourceMappingURL=home.css.map*/
	@media (max-width: 1550px) {
	.headerNav {
	
}
#homeSwiper .homeswiper-next {
	bottom: 2%;
}
.top_logo {
	padding-top: 4%;
	display: none;
}
.zqjtContainer {
	width: 80%;
}
.navUl li {
	margin: 0 15px;
}
.block2 {
	padding-top: 100px;
}
.block2_1 {
	/*padding-top: 50px;*/
}
.newSwiper {
	padding: 50px 25px 40px !important;
}
.newSlidea .newsInfo {
	transition: all .5s;
	height: 378px;
}
.newSlidea .newsInfo .newsImg {
	overflow: hidden;
}
.newSlidea .newsInfo .newsTit {
	font-size: 20px;
}
.block4 {
	
}
.homeTit p {
	margin: 40px 0 50px 0;
	transition: all .5s;
}
.homeTit p: hover {
	transform: scale(1.2);
}
.fwSum {
	margin-bottom: 50px;
}
.block5 {
	/*padding-top: 85px;*/
}
.block5_01 {
	height: 600px;
}
.ppcp_qh {
	bottom: 60px;
}
.videofloat {
	padding-top: 19%;
	padding-bottom: 19%;
}
.guanyuVideo .play {
	width: 80px;
}
.block6 {
	padding-top: 100px;
}
}
.sp_tit {
	font-size: 32px;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	padding-bottom: 30px;
	letter-spacing: 2px;
	transition: all .5s;
}
@media (max-width: 1440px) {
	.headerNav {
	
}
.leftLogo a img {
	width: 168px;
}
.navUl li {
	margin: 0 10px;
}
.zqBtn img,.chEnBtn img {
	width: 24px;
}
.searchDiv {
	width: 24px;
	height: 24px;
	background-size: cover;
}
.block2 {
	padding-top: 80px;
}
.block2 {
	padding-top: 20px;
}
.homeTit p {
	font-size: 32px;
}
.fwTit {
	font-size: 20px;
	margin-bottom: 25px;
}
.fwTit a {
	font-size: 18px;
}
.fwSum {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 26px;
}
.block5 {
	padding-top:0;
}
.block5_01 {
	height: 60vh;
	padding-top: 40px;
}

.content_title a {
	font-size: 16px;
}
.content_p {
	padding: 0 10px !important;
}
.content_p a {
	font-size: 12px;
	line-height: 20px;

}
.block2_1 {
	padding-top: 70px;
}
.newSlidea .newsInfo {
	height: 350px;
	transition: all .5s;
}
.newSlidea .newsInfo .newsTit {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newSwiper .swiper-button-prev {
	left: 45%;top:85%;
}
.newSwiper .swiper-button-next {
	right: 45%;top:85%;
}
.newSlidea .newsInfo .newsSum {
	margin-bottom: 15px;
	font-size: 14px;
}
.videofloat {
	padding-top: 12%;
	padding-bottom: 17%;
}
.guanyuVideo .play {
	width: 60px;
}
.block6 {
	padding-top: 90px;
}
}
@media (max-width: 767px) {
	.swiper-container {
	overflow: inherit !important;
}
.newSwiper {
	padding: 20px 20px 40px 20px !important;
}
.block2_1 {
	padding-top: 0px;
}
.block2_1 .syContainer {
	width: 100%;
}
.newSlidea .newsInfo {
	padding: 0 3%;
	width: 96%;
	transition: all .5s;
}
.newSlidea .newsInfo .newsTit {
	width: 100%;
	font-size: 20px;
}
.newSlidea .newsInfo .newsImg {
	overflow: hidden;
}
.newSlidea .newsInfo .newsImg img {
	width: 100%;
	object-fit: cover;
}
.newSwiper > .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.4;
}
.newSwiper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}
.block4 .syContainer,.block5 .syContainer {
	width: 90%;
}
.ppcpSwiper .swiper-pagination {
	display: block;
	bottom: 88px !important;
}
.ppcpSwiper .swiper-button-prev,.ppcpSwiper .swiper-button-next {
	display: none;
}
.ppcpSwiper .swiper-pagination-bullet {
	background: #fff;
}
.ppcp_qh {
	bottom: 10px;
}
.ppcp_qh ul li {
	width: auto;
}
.ppcp_qh ul li h2 {
	font-size: 22px;
}
.ppcp_qh ul li p {
	font-size: 14px;
	padding-top: 0px;
}
.ppcp_qh ul li.tab_y h2 {
	font-size: 22px;
}
.ppcp_qh ul li.tab_y p {
	font-size: 14px;
}
.block5 {
	padding-top: 30px;
}
.block5_01 {
	height: 35vh;padding-top:20px;
}
.videofloat {
	padding-top: 12%;
	padding-bottom: 12%;
}
/*
.guanyuVideo .play {
	width: 50px;
}*/
	.guanyuVideo {
	width: 100%;
	height: auto;
}
.guanyuVideo .play {
	width: 20%;
}
.guanyuVideoZi {
	position: static;
	margin-top: 30px;
}
.guanyuVideo video {
	top: 40%;
	width: 100%;
}
.videoPlayBox p {
	top: 45px;
}
.block6 {
	padding-top: 30px;
}
}
.block6 {
	padding-top: 2%;
}
/*动画交互效果*/
	@keyframes fadeIn1 {
	from {
	transform: translateX(-500px);
}
to {
	transform: translateX(0);
}
} @keyframes fadeIn2 {
	from {
	transform: translateX(500px);
}
to {
	transform: translateX(0);
}
}
.an1 {
	animation: fadeIn1 0.7s linear forwards;
}
.an2 {
	animation: fadeIn1 1s linear forwards;
}
.an3 {
	animation: fadeIn1 1.3s linear forwards;
}
.an4 {
	animation: fadeIn2 0.7s linear forwards;
}
.an5 {
	animation: fadeIn2 1s linear forwards;
}
.an6 {
	animation: fadeIn2 1.3s linear forwards;
}
.newsInfo:hover {
	transform: translateY(-30px);
}
@keyframes scales {
	from {
	transform: scale(0);
}
to {
	transform: scale(1);
}
}
.scale {
	animation: scales .6s linear forwards;
}
@keyframes jumping {
	0% {
	transform: translateY(200px);
}
50% {
	transform: translateY(-30px);
}
100% {
	transform: translateY(0);
}
} .jumping-text {
	animation: jumping 3s linear forwards;
}
.sp_tit: hover {
	transform: scale(1.2);
}
@media (max-width: 767px) {
	.newsInfo:hover {
	transform:none;
}
.banner .swiper .swiper-pagination{ top:90%;}
.block4 {
	padding: 30px 0;
}
.fwList ul li {
	width: 100%;
}
.homeTit p {
	font-size:26px;margin:20px 0 30px 0;
}

}

@media (min-width: 1660px) {
	
.videoPlayBox .video-js{
   top:-10%;	
}
.block2{ padding-top:180px;}
.block6{ padding-top:8%;}	
.newsInfo{ height:6.6rem;}	
.newSwiper .swiper-button-next {top: 88%;}
.newSwiper .swiper-button-prev {top: 88%;}
	
}

/* 销售与服务新版样式 */
        .sales-service {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin-top: 3%;
        }

        .sales-serviceList {
            width: 33.3%;
            overflow: hidden;
            position: relative;
        }

        .sales-serviceList .sales-serviceTo img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .sales-serviceTo {
            display: block;
            position: relative;
            overflow: hidden;
        }

        .sales-service-oneBox {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .2);
            overflow: hidden;
        }

        .sales-service-oneBox span {
            position: absolute;
            left: 2em;
            bottom: 10%;
            font-size: 22px;
            color: #fff;
            opacity: 1;
            transition: all .5s;
        }

                .sales-service-oneBox span a {
            font-size: 22px;
            color: #fff;
        }

        .sales-service-twoBox {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            background-color: rgba(224, 32, 32, 0.4);
            z-index: 2;
            transition: all .5s;
        }

        .sales-service-twoBox span {
            color: #fff;
            font-size: 22px;
        }

        .sales-service-twoBox:hover {
            opacity: 1;
        }

        .sales-serviceList:hover .sales-service-oneBox span {
            display:none;
        }

        /* 1280-1440 */
        @media only screen and (min-width: 1280px)and (max-width: 1440px) {
            .sales-service-oneBox span a{
                font-size: 20px;
            }

            .sales-service-twoBox span {
                font-size: 20px;
            }
        }

        /* 1024-1280  */
        @media only screen and (min-width: 1024px)and (max-width: 1280px) {
            .sales-service-oneBox span a {
                font-size: 19px;
            }

            .sales-service-twoBox span {
                font-size: 19px;
            }
        }

        /* pad 768-1024 */
        @media only screen and (min-width: 768px)and (max-width: 1024px) {
            .sales-service-oneBox span a {
                font-size: 18px;
            }

            .sales-service-twoBox span {
                font-size: 18px;
            }
        }

        /* 屏幕小于 767px 时的样式  */
        @media only screen and (max-width: 768px) {
            .sales-service {
                display: flex;justify-content:space-between;
            }

            .sales-serviceList {
                width: 48%;
            }

            .sales-service-oneBox span a {
                font-size: 16px;
            }

            .sales-service-twoBox span {
                font-size: 16px;
            }
            .newsInfo .newsTit{ width:100%;}
            .newsInfo .newsTit a { font-size:18px;}
        }






/* 第三屏 */
.productOutsideBox{height:100vh}
.productTab {
    width:11.35rem;
    height:.875rem;
    border: 1px solid #ccdae6;
    border-radius: 5px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.4rem;
    background-color: #fff;
}

.productTab li {
    text-align: center;
    width: 25%;
    height: .875rem;
    /* vertical-align: middle; */
    line-height:.875rem;
    font-size: .3rem;
    color: #b0b0b0;
    border-radius:5px;
}
.productTab li a{
    font-size:.25rem;
    color: #b0b0b0;
}
.productListContent {
    width: 100%;
    
}

.productBannerBox{
   width:100%;
   height:100vh;
   background-image: url(/eportal/imageDir/zqkc/2025/08/2025081514392628705.jpg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding-top:20px;
    background-size:cover;
}

.productBannerBox .title{
  background:none !important; 
}

.productBannerBox .title h3{color:#fff}

/* 第二个tab选中时添加的样式 */
.productTab .current2 {
    color: #fff;
    background-color: #cc1221;
}

.productListItem {
    width: 85%;
    margin: 0 auto;

    max-width:1920px;
}
/* 自定义箭头样式 */
.productListItem .swiper-button-prev{background-image:url(/uiFramework/commonResource/image/2024030715434965878.png);left:-0.04rem;top:3rem;} 
.productListItem .swiper-button-next{background-image:url(/uiFramework/commonResource/image/2024030715435899929.png);right:-0.04rem;top:3rem;}
.swiper-slides {
    transition: 300ms;
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0);
    border-radius: .1875rem;
    width: 8.725rem;
    height: 5.2375rem;
    /* text-align: center; */
    position: relative;

}

.my-slide-active1 {
    transform: scale(1.2);
}

.productPic {
    /* width: 300px;*/
    /* height: 200px;*/
    /* background: rgba(255, 255, 255, 0.3); */
    /* background-color: #cc1221; */
    border-radius: .1875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    position: relative;
    flex-wrap: wrap;
}

.productPic img {
    margin:0 auto;
    width: 80%;
    display: block;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    padding:20px;
    background:#ffffff;
}

.swiper-contentProduct {
    padding-top: 1.1875rem !important;
}

.productPic-title {
    font-size: .25rem;
    margin: 20px 0;
}

.productPic-title a{
    font-size:.25rem;
    color:#fff;
}
.title {
    width: 100%;
    height:2.25rem;
    background-image: url(/uiFramework/commonResource/image/2024022109464074065.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100%;
    margin-top:0.5rem;
    padding-top:1.25rem;
}

.title h3 {
    text-align: center;
    font-size: .6rem;
    letter-spacing: .125rem;
}

.current {
    /* transition: all .5s; */
    /* color: red; */
    font-weight: 800;
    border-bottom: .025rem #cd1222 solid;
}


.serviceSwiper .swiper-button-prev:after,
.serviceSwiper .swiper-rtl .swiper-button-next:after {
    display: none;
}

.serviceSwiper .swiper-button-next:after,
.serviceSwiper .swiper-rtl .swiper-button-prev:after {
    display: none;
}

.serviceTitle {
    text-align: center;
    /* display: none; */
}

.serviceTitleOne {
    font-size: .375rem;
    margin-top: .125rem;
}

.serviceTitleTwo {
    font-size: .225rem;
    margin-top: .125rem;
}

.num4 {
    overflow: hidden;
}

.swiperPic-box {
    border: none;
}

.productTab .on{
    background-color: #e02020;
    color:#fff;
}

.productTab .on a{color:#fff}

/* 未做分屏部分 */
.aboutUs {
    /* margin-top: 1.25rem; */
    width: 100%;
    height: 100vh;
    /* background-color: rebeccapurple; */
    background-image: url(/eportal/imageDir/zqkc/2025/08/2025081410402963744.jpg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 2.108rem;
}

.aboutUsPic {
    text-align:center;
}

.aboutUsPic img {
    width: 100%;
    max-width:260px;
}

.aboutUsTitle {
    text-align: center;
    font-size: .45rem;
    color: #fff;
    margin-top: .65rem;
}

.aboutUsText {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: .25rem;
    margin-top: .7625rem;
    line-height:.5rem;
}

.aboutUsText p{
    color: #fff;
    font-size: .25rem;
    line-height:.5rem;

}

.aboutUsMore {
    text-align: center;
    margin-top: 1.25rem;
}

.aboutUsMore a {
    margin: 0 auto;
    display: block;
    width: 3.875rem;
    height: .8125rem;
    line-height:.8125rem;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: all .5s;
    font-size: .25rem;
}

.aboutUsMore a:hover {
    opacity: 1;
}

.sale-serviceBox{
    width: 20rem;
    margin: 0 auto;
    height:7.625rem;
    display: flex;
    justify-content: space-between;
}
.sale-serviceBoxLeft{
    width:5.9375rem;
    position: relative;
}

.sale-serviceBox img {
    width: 100%;
    height: 100%;
    display: block;
}
.sale-serviceBottomTitle{
    position: absolute;
    left: .625rem;
    bottom: .35rem;

}

.SaleTitle{
    font-size:.4rem;
    color: #fff;
    margin-bottom: 30px;
}

.SaleMore{
    font-size:.2rem;
    display: block;
    border: .0125rem solid #fff;
    color: #fff;
    width:1.875rem;
    height: .5rem;
    line-height:.5rem;
    text-align: center;
}
.swiper-button-prev:after,
.swiper-button-next:after {
   font-size:24px!important;


}

.productListContent .swiper-button-prev::after, .productListContent .swiper-button-next::after { display:none!important;}

      /* pad 768-1024 */
        @media only screen and (min-width: 768px)and (max-width: 1024px) {
            .sales-service-oneBox span a {
                font-size: 18px;
            }

            .sales-service-twoBox span {
                font-size: 18px;
            }
        }

        /* 屏幕小于 767px 时的样式  */
        @media only screen and (max-width: 768px) {
            .sales-service {
                display: flex;justify-content:space-between;
            }

            .sales-serviceList {
                width: 48%;
            }

            .sales-service-oneBox span a {
                font-size: 16px;
            }

            .sales-service-twoBox span {
                font-size: 16px;
            }
            .newsInfo .newsTit{ width:100%;}
            .newsInfo .newsTit a { font-size:14px;}
.productBannerBox{ height:auto;}
.SaleTitle{
    font-size:12px;
}
.SaleMore{
    font-size:14px;
    width: 90%;
    height: 28px;
    line-height:28px;
    text-align: center;
}
.aboutUs {
    /* margin-top: 1.25rem; */
    width: 100%;
    height: auto;
    /* background-color: rebeccapurple; */
    background-image: url(/eportal/imageDir/zqkc/2025/08/2025081410402963744.jpg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size:cover;
    padding-top:2.108rem;
}

.aboutUsPic {
    text-align:center;
    margin:0px auto;
}

.aboutUsPic img {
    width: 100%;
    max-width:260px;
}

.aboutUsTitle {
    text-align: center;
    font-size: .45rem;
    color: #fff;
    margin-top: .65rem;
}
.productTab{ width:98%;}
.productTab li{ width:auto;}
        }



/* 移动端适配 */
@media screen and (max-width:768px) {
  
  .bannerSwiper{
     height:auto;
  }
  .aboutUs{
     height:auto;
     padding-bottom:1rem;
  }
  .aboutUsPic{
     width:3rem;
     height:3rem;
  }

  .aboutUsTitle{
     font-size:1rem;
  }

  .aboutUsText{
     line-height: 1rem;
  }
  .aboutUsText p{
     font-size: .6rem;
     line-height: 1rem;
  }

  .aboutUsMore a{
     width: 6rem;
     height: 2rem;
     line-height: 2rem;
     font-size: .9rem;
  }
   
  #menu{
     display:none;
  }
  .productPic{height:auto;width:10rem}
  .my-slide-active1 {
    transform: scale(1);
  }

.productListContent{height:13rem;margin-top: 1rem;}
.productPic-title a{font-size: .9rem}

  .title h3,.titles h3{font-size:1.5rem;color: #333 !important;}
  .title,.titles{height:auto}
 .serviceBox{height: auto;background-size: auto;padding-bottom:1rem;width:90%;}
 .serviceBox-TitleBox{width:50%}
 .moreBox a{font-size:.6rem;text-align: center;width: 4rem;}
 .moreBox{margin-top:1.5rem}
 .num4{padding-bottom: 1rem;}
 .serviceBpx-TitleBox-top{font-size:1rem}
.serviceBpx-TitleBox-bottom{font-size:.7rem}
.tabBox1{display:none}
.mobileNewsBox{display:block}
.productTab{height: 2.2rem;width: 20rem;}
.productTab li{height: 2.2rem;line-height: 2.2rem;}
.productTab li a{font-size: 1rem;}
.productListItem{margin-top: 1rem;}
.swiper-contentProduct{padding-top: 2rem !important;}
.productPic img{width: 100%;}
.bannerSwiper .swiperIMAGE{height:40vh}


}