*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html {
	position: relative;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
body {
	position: absolute;
	top: 0;
	left: 0;
}
.indp1{
	padding: 20px 0;
}
.indp1 .clickBox2{
	text-align: center;
	border-bottom:1px solid #EFEDEA;
}
.ssuubb img{
	width: 1.8rem;
	margin-right: 0.7rem;
	height: 1rem;
}
.indp1 .clickBox2 .eachBox{
	font-size: 22px;
	font-weight: bold;
	color: #434241;
	margin: 0 48px;
	background: url(../img/indp1i1.png) top center no-repeat;
	padding-top: 40px;
	cursor: pointer;
	display: inline-block;
	padding-bottom: 32px;
	position: relative;
}
.indp1 .clickBox2 .eachBox.on:after{
	content: "";
	display: block;
	width: 99px;
	height: 5px;
	background: #467CBF;
	position: absolute;
	left:50%;
	margin-left: -50px;
	bottom: 0;
}
.indp1 .clickBox2 .eachBox:nth-child(2){background-image: url(../img/indp1i2.png);}
.indp1 .clickBox2 .eachBox:nth-child(3){background-image: url(../img/indp1i3.png);}
.indp1 .showBox2{
	/* padding-top: 27px; */
	padding: 20px 0 48px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
/* .indp1 .showBox .eachBox{display: none;} */
.indp1 .showBox2 .eachBox ul{
	margin: 0 -13px
}
.indp1 .showBox2 .eachBox li{
	padding: 13px;
	width: 25%;
	float: left;
}
.indp1 .showBox2 .eachBox li .kuang{
	padding: 2px;
	background: #FFFFFF;
	/* box-shadow: 0px 4px 22px 0px rgba(83, 95, 107, 0.12); */
	transition: all 0.3s;
	border: 1px solid #dedede;
}

.kuang > a > img {
	aspect-ratio: 1/1;
}


.indp1 .showBox2 .imgBox,
.indp1 .showBox2 .imgBox img{
	width: 100%;
}
.indp1 .showBox2 .textBox{
	/*padding: 16px;*/
	padding: 16px;
	height: 10em;
	overflow: hidden;
}
.indp1 .showBox2 .textBox .tit{
	font-size: 16px;
	font-weight: bold;
	color: #434241;
}
.indp1 .showBox2 .textBox .desc{
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	color: #666666;
	margin: 20px 0 32px;
}
.indp1 .showBox2 .textBox .price{
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	position: absolute;
	left: 16px;
	bottom: 16px;
}
.indp1 .showBox2 li.hot .kuang:after{
	content: "";
	display: block;
	width: 62px;
	height: 23px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/indp1tab1.png) center no-repeat;
	background-size: cover;
}
.indp1 .showBox2 li.new .kuang:after{
	content: "";
	display: block;
	width: 62px;
	height: 23px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/indp1tab2.png) center no-repeat;
	background-size: cover;
}
.indp1 .showBox2 .eachBox li:hover .kuang{
	box-shadow: 0px 20px 47px 2px rgba(94, 106, 120, 0.38);
}
.indp2{
	padding: 96px 0;
	background: #F6F7F9;
}
.indp2 .titBox .tit{
	font-size: 36px;
	font-weight: 800;
	color: #434241;
	line-height: 44px;
}
.indp2 .titBox .tit:after{
	content: "";
	display: block;
	width: 56px;
	height: 5px;
	background: #467CBF;
}
.indp2 .titBox .more{
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 44px;
}
.indp2 .titBox .more img{
	margin-left: 12px;
}
.indp2 ul {
	 margin: 40px -15px 0;
	display: grid;
	grid-template-columns: 1fr  1fr  1fr;
}
.indp2 li{
	padding: 15px;
	/*width: 33.33%;*/
	float: left;
}
.indp2 li .imgBox{width: 100%;height: 200px;transition: all 0.3s;overflow: hidden;}
.indp2 li .imgBox img{width: 100%;aspect-ratio: 121/68; }
.indp2 li .imgBox .tips{
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 16px;
	height: 24px;
	line-height: 24px;
	background: #E77918;
	border-radius: 0px 0px 0px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
}
.indp2 li .textBox{
	background: #FFFFFF;
	padding: 16px;
}
.indp2 li .textBox .tit{
	font-size: 18px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
}
.indp2 li .textBox .desc{
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	margin: 20px 0;
	line-height: 20px;
}
.indp2 li .textBox .time{
	font-size: 14px;
	font-weight: 500;
	color: #999999;
}
.indp2 li .more:hover{overflow: visible;}

.indp2 li .more{
	width: 100%;
	height: 2px;
	background: #467CBF;
	transition: all 0.3s;
	overflow: hidden;
	padding: 0 20px;
}
.indp2 li .more a{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.indp2 li .more a span{margin-right: 8px;}
.indp2 li .more .shareBox{
	position:relative;
}
.indp2 li .more .shareBox .sb_link{
	position:absolute;
	left: 50%;
	bottom: 48px;
	display: block;
	width: 230px;
	height: 60px;
	border-radius: 5px;
	margin-left: -100px;
	background: #ffffff;
	text-align: center;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
	display: none;
	z-index: 9;
}
.indp2 li .more .shareBox .sb_link::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #ffffff;
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
}
.indp2 li .more .shareBox:hover .sb_link{display: block;}
.indp2 li .more .shareBox .sb_link a{
	display: inline-block;
	margin: 0 4px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.indp2 li:hover .imgBox{height: 144px;}
.indp2 li:hover .more{
	height: 56px;
	line-height: 56px;
}

.s_banners .swiper-pagination-bullet,
.swiper_indpro .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}
.s_banners .swiper-pagination-bullet-active,
.swiper_indpro .swiper-pagination-bullet-active {
	width: 20px;
	opacity: 1;
	background-color: #828282;
	border-radius: 4px;
}
.s_banners .swiper-button-next,
.s_banners .swiper-button-prev,
.swiper_indpro .swiper-button-next,
.swiper_indpro .swiper-button-prev {
	font-size: 28px;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.2);
	text-align: center;
	line-height: 60px;
	background-image: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0;
	margin-top: -60px;
}
.s_banners .swiper-button-next:after,
.s_banners .swiper-button-prev:after,
.swiper_indpro .swiper-button-next:after,
.swiper_indpro .swiper-button-prev:after {
	font-size: 28px;
}
.s_banners:hover .swiper-button-next,
.s_banners:hover .swiper-button-prev,
.swiper_indpro:hover .swiper-button-next,
.swiper_indpro:hover .swiper-button-prev{
	opacity: 1;
}

.s_banners .swiper-horizontal>.swiper-pagination-bullets,
.s_banners .swiper-pagination-bullets.swiper-pagination-horizontal,
.s_banners .swiper-pagination-custom,
.s_banners .swiper-pagination-fraction {
	bottom: 30px !important;
}
















@media (max-width:1200px) {
	.indp2 li .imgBox{height: 155px;}
	.indp2 li:hover .imgBox{height: 100px;}
}
@media (max-width:996px) {
	.ui-homebanner .bTit_cc > h1 {
		font-size: 28px !important;
	}
	.indp1 .showBox2 .eachBox li{width: 50%;}
	.indp1 .clickBox2 .eachBox{margin: 0 20px;}
	.indp2 li .imgBox{height: 120px;}
	.indp2 li:hover .more{height: 40px;line-height: 40px;}
	.indp2 li:hover .imgBox{height: 80px;}
	/*.indp1{padding: 18px 0 0;}*/
	.indp2{padding: 32px 0;}
	.indp1 .clickBox2 .eachBox{
		font-size: 12px;
		margin: 0;
		width: 33%;
		float: left;
		display: block;
		background-size: 40px;
		padding-bottom: 20px;
		padding-top: 32px;
	}
	.indp1 .clickBox2 .eachBox.on:after{width: 70px;height: 3px;margin-left: -35px;}
	.indp1 .showBox2{width: 100%;}
	.indp1 .showBox2 .eachBox ul{margin: 0;}
	.indp1 .showBox2 .eachBox li{
		padding: 0;border: 1px solid #EFEDEA;
		width: calc(50% + 1px);
		margin: -1px 0 0 -1px;
	}
	.indp1 .showBox2 .textBox .tit{text-align: center;}
	.indp1 .showBox2 .textBox .desc{text-align: center;margin: 16px 0;}
	.indp1 .showBox2 .textBox .price{
		text-align: center;
		position: relative;
		left: unset;
		bottom: unset;
	}
	.indp2 .titBox .tit{font-size: 26px;line-height: 34px;}
	.indp2 .titBox .tit:after{width: 40px;height: 3px;}
	.indp2 .titBox .more{font-size: 14px;}
	.indp2 .titBox .more img{width: 12px;}
	.indp2 ul{margin: 12px 0 0;}
	.indp2 ul {
		display: grid;
		grid-template-columns: 1fr;
	}
	.indp2 li{width: 100%;float: none;padding: 10px 0;}
	.indp2 li .imgBox{height: unset;}
	.indp2 li .textBox .desc{margin: 12px 0;}

	.indp2 li:hover .imgBox{height: auto;}
	.indp2 li:hover .more{
		height: 2px;
		overflow: hidden;
	}

}


.swiper-paginationqw a {
	background: none !important;
}

.swiper-paginationqw a {
	width: auto !important;
	height: auto !important;
	display: inline !important;
	border-radius: 50% !important;
	background: #fff !important;
	opacity: 1 !important;
}
.zyferji {
  padding: 0 !important;
  box-shadow: 0px 15px 20px rgb(132 132 132 / 15%);
}

.erji {
	box-shadow: 0px 15px 20px rgb(132 132 132 / 15%);
}

.zyflex .erji ul li {
	padding-left: 100px !important;
	padding-right: 10px !important;
}

.c_gary_color {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #f7f7f7;
	z-index: -1;
}

.zyflex .clearfix {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: 60px;
}

.zyflex .cc_dsa {
	flex-direction: column;
}

.zyflex ul li {
	float: none !important;
}

.zyflex {
	display: flex;
	flex-direction: row;
}

.zyflex ul li {
	width: calc(100% / 3) !important;
	padding-bottom: 40px;
	position: relative;
}

.zyflex ul li:nth-child(n+4):after {
	display: none;
}

.zyflex ul li:after {
	content: "";
	position: absolute;
	left: 72px;
	right: 16px;
	bottom: 0;
	height: 1px;
	background-color: #e9e9e9;
}

.zyflex ul li > a .tit {
	padding-bottom: 16px;
}

.zyflex ul li .desc > a:hover {
	text-decoration: underline !important;
	color: #467cbf;
}

.zyflex .erjitit {
	background-color: #f7f7f7;
	width: 247px;
	margin-left: -30px;
}

.zyflex .swiper-containerqw {
	padding-top: 50px;
	background: #ffffff;
	width: calc(100% - 217px);
}

.zyflex .swiper-containerqw2 {
	padding-top: 50px;
	background: #ffffff;
	width: calc(100% - 217px);
}

.zyflex .swiper-containerqw-common {
	padding-top: 50px;
	background: #ffffff;
	width: calc(100% - 217px);
}

.zyflex .fl {
	padding: 0 0 32px;
	width: 100%;
	/* position: relative; */
	/* float: left; */
	/* border-top: 1px solid #eee; */
}

.zyflex .fl .aasd {
	margin-bottom: 4px;
}

.zyflex .erjitit .datit {
	padding: 32px 20px 20px 30px !important;

}

.zyflex .erjitit .ejBox a {
	border-radius: 0 !important;
	width: 100%;
	display: block;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0px 20px 0px 30px;
	font-size: 14px;
	color: #434241;
	margin-right: 0 !important;
	font-weight: 400;
	display: inline-block;
	text-decoration: none;
}

.zyflex .erjitit .ejBox a:hover {
	text-decoration: underline !important;
	color: #467cbf;
}

.zyflex .erjitit .ejBox a.my-bullet-active {
	text-decoration: underline !important;
	color: #467cbf;
}

.erji .erjitit .ejBox a:hover:after,
.erji .erjitit .ejBox a.on:after {
	display: none;
}

.zyflex .ejBox .my-bullet-active {
	background: #ffffff;
}

#homebannerSwiper .bTit_cc h2,
#homebannerSwiper .bTit_cc h3 {
	font-weight: 600;
	color: #ffffff;
	font-size: 42px;
}