ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.container{padding: 0 16px;max-width: 1232px;margin: 0 auto;}
@media (max-width:1232px) {.container{max-width: 1024px;}}
@media (max-width:1024px) {.container{max-width: 800px;}}
@media (max-width:800px) {.container{max-width: 100%};}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.col_2{width: calc(100% / 2);}
.imgB{
	position: relative;
    padding-top: 100%;
	display: block;
}
.imgB .pic{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.imgB .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: block;
}
.aboP2 ul{flex-wrap: unset;counter-reset: myitem;}
.aboP2 li{width: 25%;counter-increment: myitem;transition: all 0.5s;}
.aboP2 li::before{
	content: "0" counter(myitem);
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	position: absolute;left: 0;bottom: 5vw;
	width: 100%;text-align: center;
	z-index: 4;
	font-family: "num";
}
.aboP2 .imgB{padding-top: 44.8vw;position: relative;z-index: 1;}
.aboP2 .imgB .pic{z-index: 1;}
.aboP2 .imgB::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: rgba(0,0,0,0.5);}
.aboP2 .textB{
	position: absolute;left: 0;top: 0;
	z-index: 2;
	width: 100%;height: 100%;
	text-align: center;
	color: #ffffff;
}
.aboP2 .titB{
	font-size: 36px;
	color: #ffffff;
	line-height: 1.5;
}
.aboP2 .entB{
	font-size: 30px;
	color: #ffffff;
	line-height: 1.5;
	opacity: 0.3;
}
.aboP2 .descB{
	font-size: 18px;
	color: #ffffff;
	line-height: 1.5;
	/* max-width: 344px; */
	margin: 0 auto 0;
	transition: all 0.3s;
	max-height: 0;
	overflow: hidden;
}
.aboP2 .descB p{
	font-size: 18px;
	color: #ffffff;
	line-height: 1.5;
}
.aboP2 li:hover{width: 75%;}
.aboP2 li:hover .descB{;margin-top: 56px;max-height:40vw;}
@media (max-width:992px) {
	.aboP2 .textB{padding-bottom: 20px;}
	.aboP2 .titB{font-size: 32px;}
	.aboP2 .entB{font-size: 24px;}
	.aboP2 .descB,
	.aboP2 .descB p{font-size: 16px}
	.aboP2 li::before{bottom: 4vw;}
}
@media (max-width:768px) {
	.aboP2 ul{flex-wrap: wrap;}
	.aboP2 li{width: 100%;}
	.aboP2 li::before{left: 16px;bottom: unset;top: 16px;width: unset;}
	.aboP2 .textB{padding: 16px 0 0;}
	.aboP2 .titB{font-size: 24px;}
	.aboP2 .entB{font-size: 16px;}
	.aboP2 .descB,
	.aboP2 .descB p,
	.aboP2 li:hover .descB{font-size: 14px;overflow: visible;max-height: unset;margin-top: 16px;}
}
.aboP3{padding: 96px 0;}
.aboP3 .w_all{width: 1524px;max-width: 88%;}
.aboP3 .pTit{
	font-size: 48px;
	color: rgb(29, 29, 29);
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 38px;
}
.aboP3 .swiper_abo3d{margin: 0 -10px;}
.aboP3 .swiper_abo3d .swiper-slide{padding: 10px;}
.aboP3 .tuB{width: 47%;position: relative;}
.aboP3 .tuB::before{
	content: "";
	display: block;width: 200px;height: 200px;
	background-color: rgb(190, 0, 8);
	position: absolute;right: -10px;top: -10px;
	z-index: 1;
	display: none;
}
.aboP3 .tuB::after{
	content: "";
	display: block;width: 0%;height: 4px;
	background-color: rgb(190, 0, 8);
	position: absolute;left: 0px;bottom: 0px;
	z-index: 4;
	transition: all 1s;
}
.aboP3 .tuB:hover::after{width: 100%;}
.aboP3 .tuB img{display: block;width: 100%;position: relative;z-index: 2;}
.aboP3 .weB{width: 47%;}
.aboP3 .titB{
	font-size: 4.17vw;
	color: rgb(190, 0, 8);
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 26px;
	font-family: "num";
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
}
.aboP3 .descB{
	max-height: 360px;
	overflow: auto;
	padding-right: 64px;
}
.aboP3 .descB::-webkit-scrollbar {width : 4px;height: 1px;}
.aboP3 .descB::-webkit-scrollbar-thumb {border-radius: 4px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #be0008;}
.aboP3 .descB::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #eaeaea;}
.aboP3 .descB,
.aboP3 .descB p,
.aboP3 .descB span{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 2;
}
.aboP3 .descB h4,
.aboP3 .descB h4 span{font-size: 1.25em;font-weight: 600;}
.swiper_abo3x{margin: 72px 0 0;}
.aboP3 .swiper-button-prev,
.aboP3 .swiper-button-next{
	border: 1px solid rgb(205, 205, 205);
	border-radius: 50%;
	position: absolute;
	left: unset;
	top: 0;right: 0;
	width: 58px;height: 58px;
	display: flex;justify-content: center;align-items: center;
	margin: 0;
}
.aboP3 .swiper-button-prev{right: 80px;transform: rotateY(180deg);}
.aboP3 .swiper-button-next:after,
.aboP3 .swiper-button-prev:after{
	content: "";
	width: 46.5%;height: 46.5%;
	background: url(/jp/template/default/img/jt.png) center center no-repeat;
	background-size: cover;
}
.aboP3 .swiper-button-next:hover,
.aboP3 .swiper-button-prev:hover{
	border-color: #be0008;
	background: #be0008;
}
.aboP3 .swiper-button-next:hover:after,
.aboP3 .swiper-button-prev:hover:after{
	filter: grayscale(1) brightness(0%) invert(100%);
}
.swiper_abo3x{position: relative;}
.swiper_abo3x::before{
	content: "";
	position: absolute;left: 0;top: calc(50% - 1px);
	background: #eaeaea;
	width: 100%;height: 2px;
	z-index: 1;
}
.swiper_abo3x .swiper-wrapper{align-items: stretch;}
.swiper_abo3x .swiper-slide{
	font-size: 16px;
	color: rgb(204, 204, 204);
	line-height: 2;
	cursor: pointer;
	text-align: center;
	font-family: "num";
	padding: 10px 0;
	display: flex;justify-content: center;align-items: center;
	height: unset;
}
.swiper_abo3x .swiper-slide span{
	border-radius: 50%;
	background-color: rgb(170, 170, 170);
	width: 46px;
	height: 46px;
	display: flex;justify-content: center;align-items: center;
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
	position: relative;
	font-family: "num";
}
.swiper_abo3x .swiper-slide span::before{
	content: "";
	width: 0;
	height: 0;
	border-bottom: 10px solid #be0008;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;top: -9px;left: calc(50% - 5px);
	opacity: 0;
	display: none;
}
.swiper_abo3x .swiper-slide-thumb-active span{font-size: 20px;font-weight: 600;background: #be0008;color: #ffffff;width: 60px;height: 60px;}
.swiper_abo3x .swiper-slide-thumb-active span::before{opacity: 1;}
.swiper_abo3x .mark_so{
	position: absolute;left: 0;top: 3px;
	background: #be0008;
	display: block;width: 0%;height: 1px;
	z-index: 2;
	transition: all 0.3s;
	display: none;
}
.swiper_abo3x .mark_so::after{
	content: "";
	border-radius: 50%;
	background-color: rgb(190, 0, 8);
	position: absolute;right: -3px;top: -3px;
	display: block;
	width: 7px;
	height: 7px;
}
@media (max-width:992px) {
	.aboP3{padding: 80px 0;}
	.aboP3 .pTit{font-size: 40px;margin-bottom: 28px;}
	.aboP3 .swiper-button-prev, .aboP3 .swiper-button-next{width: 50px;height: 50px;}
	.aboP3 .titB{font-size: 4vw;margin-bottom: 16px;}
	.aboP3 .descB{padding-right: 48px;}
	.aboP3 .descB, .aboP3 .descB p, .aboP3 .descB span{font-size: 14px;}
}
@media (max-width:768px) {
	.aboP3{padding: 64px 0;}
	.aboP3 .pTit{font-size: 30px;margin-bottom: 16px;}
	.aboP3 .swiper-button-prev, .aboP3 .swiper-button-next{width: 40px;height: 40px;}
	.aboP3 .swiper-button-prev{right: 48px;}
	.aboP3 .kuang{display: block;}
	.aboP3 .tuB{width: 100%;}
	.aboP3 .weB{width: 100%;margin-top: 16px;}
	.aboP3 .titB{font-size: 28px;margin-bottom: 12px;}
	.aboP3 .descB h4, .aboP3 .descB h4 span{font-size: 1.12em;}
	.swiper_abo3x{margin-top: 24px;}
	.swiper_abo3x .swiper-slide{padding-top: 8px;}
	.aboP3 .descB{max-height: 224px;}
	.swiper_abo3x .swiper-slide span{width: 48px;height: 48px;font-size: 15px;}
	.swiper_abo3x .swiper-slide-thumb-active span{font-size: 18px;width: 56px;height: 56px;}
}
.proP{overflow: hidden;}
.proP .con{width: 1560px;margin: 0 auto;}
.swiper_pro{overflow: visible;}
.swiper_pro .imgB{width: 100%;padding-top: 58.97%;position: relative;z-index: 1;}
.swiper_pro .textB{
	position: absolute;left: 0;bottom: 0;
	display: block;width: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 2;
	text-align: center;
	font-size: 24px;
	color: rgb(255, 255, 255);
	line-height: 1.5;
	padding: 48px;
	transition: all 0.3s;
	opacity: 0;
}
.swiper_pro .swiper-slide-active .textB{opacity: 1;}
.swiper_pro .swiper-slide:hover .textB{background: rgba(0,0,0,0.5);}
.swiper_pro .numB,
.swiper_pro .numB span{
	font-size: 18px;
	color: rgba(255, 255, 255, 0.2);
	line-height: 1.5;
	font-family: "num";
}
.swiper_pro .numB span:first-child{
	color: rgb(255, 255, 255);
}
.swiper_pro .titB{
	color: rgb(255, 255, 255);
	line-height: 1.5;
	margin-top: 4px;
}
.proP .swiper-button-next,
.proP .swiper-button-prev{
	background: url(/jp/template/default/img/jt2.png) center center no-repeat;
	background: rgba(0,0,0,.5);
	top: 0;margin: 0;height: 100%;
	width: calc(50% - 780px);
	transition: all 0.3s;
}
.proP .swiper-button-next::after,
.proP .swiper-button-prev::after{display: none;}
.proP .swiper-button-next:hover{background-position: calc(50% + 20px) center;}
.proP .swiper-button-prev:hover{background-position: calc(50% + 20px) center;}
.proP .swiper-button-next{right: 0;}
.proP .swiper-button-prev{left: 0;transform: rotateY(180deg);}
@media (max-width:1480px) {
	.proP .con{width: 992px;}
	.proP .swiper-button-next,
	.proP .swiper-button-prev{
		width: calc(50% - 496px);
	}
}
@media (max-width:1280px) {
	.proP .con{width: 768px;}
	.proP .swiper-button-next,
	.proP .swiper-button-prev{
		width: calc(50% - 384px);
	}
}
@media (max-width:992px) {
	.proP{margin-top: 50px;padding: 0 0 88px;}
	.proP .con{width: 100%;}
	.proP .swiper{overflow: hidden;}
	.proP .swiper-button-next,
	.proP .swiper-button-prev{
		width: 5%;width: 40px;height: 40px;
		bottom: 24px;top: unset;
		background-size: 64%;
		border-radius: 50%;
	}
	.proP .swiper-button-next{right: calc(50% - 56px);}
	.proP .swiper-button-prev{left: calc(50% - 56px);}
	.swiper_pro .textB{padding: 16px;}
	.swiper_pro .textB{font-size: 18px;}
	.swiper_pro .numB, .swiper_pro .numB span{font-size: 16px;}
	.swiper_pro .imgB{padding-top: calc(100vh - 138px);}
}

.prodt .w_all{width: 1524px;max-width: 88%;}
.swiper_prodt1{position: relative;z-index: 1;}
.swiper_prodt1 .imgB{padding-top: 48%;}
.swiper_prodt1 .imgB::before{
	content: "";
	display: block;width: 100%;height: 100%;
	position: absolute;left: 0;top: 0;
	z-index: 2;
	background: rgba(0,0,0,0.5);
}
.swiper_prodt1 .swiper-pagination{
	bottom: 60px;
}
.swiper_prodt1 .swiper-pagination-bullet{
	border: 1px solid rgba(255, 255, 255,0.4);
	opacity: 1;
	width: 10px;height: 10px;
background:rgba(0,0,0,0);
}
.swiper_prodt1 .swiper-pagination-bullet-active{background: #ffffff;}
.prodt1 .titB{
	position: absolute;left: 10%;top: 50%;
	z-index: 2;
	text-align: center;
	transform: translateY(-50%);
	width: 80%;
}
.prodt1 .titB h2{
	font-size: 48px;
	color: rgb(255, 255, 255);
	line-height: 1.2;
}
.prodt1 .titB p{
	font-size: 24px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.2;
	margin-top: 4px;
}
.prodt2{
	background: #f7f7f7;
	padding: 96px 0;
}
.prodt2 .titB{width: calc(50% - 30px);}
.prodt2 .titB i{display: block;font-size: 44px;color: #be0008;line-height: 1.2;}
.prodt2 .titB span{
	display: block;
	font-size: 48px;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	font-weight: 600;
	margin-top: 8px;
}
.prodt2 .descB{
	width: calc(50% - 30px);
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 2;
	text-align: justify;
}
.prodt2 .descB p{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 2;
	text-align: justify;
}
.prodt2 .tuB{margin-top: 56px;overflow: hidden;}
.prodt2 .tuB img{display: block;width: 100%;}
.prodt3{padding: 96px 0;overflow: hidden;}
.prodt3Ul li{margin-top: 96px;position: relative;}
.prodt3Ul li:first-child{margin-top: 0;}
.prodt3Ul .titB{
	font-size: 32px;
	color: rgb(0, 0, 0);
	line-height: 1.5;
	font-weight: 600;
	padding-top: 32px;
	max-width: 72%;
}
.prodt3Ul .descB{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 2;
	max-width: 70%;
	text-align: justify;
	margin-top: 14px;
}
.prodt3Ul .descB p{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 2;
	text-align: justify;
}
.prodt3Ul .numB{
	font-size: 18vw;
	color: rgba(0, 0, 0, 0.051);
	font-weight: bold;
	line-height: 0.9;
	position: absolute;right: 0;top: -14vw;
	padding: 0 calc(50% - 762px);
	z-index: 1;
	font-family: "D-DIN-PRO";
}
.prodt3Ul .tuB{
	position: relative;z-index: 2;
	margin-top: 48px;
	overflow: hidden;
}
.prodt3Ul .tuB .tk{overflow: hidden;}
.prodt3Ul .tuB img{display: block;width: 100%;max-width: unset;box-shadow: 0px 20px 40px 0px rgba(30, 43, 57, 0.15);}
.prodt3Ul .tuB a{
	background-color: rgba(0, 0, 0,0.4);
	position: absolute;left: 0px;bottom: 0px;
	display: flex;justify-content: center;align-items: center;
	width: calc(50% + 762px);padding: 15px;
	z-index: 2;
	text-align: center;
	color: rgba(255,255,255,0.4);
	font-size: 16px;
	transform: translateY(100%);
	transition: all 0.3s;
}
.prodt3Ul li:hover .tuB a{transform: translateY(0%);}
.prodt3Ul .tuB a::after{
	content: "";
	display: block;width: 27px;height: 27px;
	background: url(/jp/template/default/img/jt.png) center center no-repeat;
	background-size: 100% 100%;
	opacity: 0.4;
	margin-left: 28px;
	display: none;
}
.prodt3Ul li:nth-child(odd) .tuB{padding-right: calc(50% - 762px);}
.prodt3Ul li:nth-child(even) .tuB{padding-left: calc(50% - 762px);}
.prodt3Ul li:nth-child(even) .tuB a{left: calc(50% - 762px);}
@media (max-width:1732px) {
	.prodt3Ul li:nth-child(odd) .tuB{padding-right: 6%;}
	.prodt3Ul li:nth-child(even) .tuB{padding-left: 6%;}
	.prodt3Ul .tuB a{width: 94%;}
	.prodt3Ul li:nth-child(even) .tuB a{left: 6%;}
	.prodt3Ul .numB{padding:0 6%}
}
@media (max-width:1280px) {
	.prodt2,
	.prodt3{padding: 80px 0;}
	.prodt1 .titB h2,
	.prodt2 .titB span{font-size: 40px;}
	.prodt2 .tuB,
	.prodt3Ul .tuB{margin-top: 40px;}
	.prodt3Ul .titB{font-size: 28px;padding-top: 16px;}
	.prodt3Ul li{margin-top: 80px;}
}
@media (max-width:992px) {
	.prodt2,
	.prodt3{padding: 72px 0;}
	.prodt1 .titB h2,
	.prodt2 .titB span{font-size: 32px;}
	.prodt1 .titB p{font-size: 20px;margin-top: 8px;}
	.prodt2 .tuB,
	.prodt3Ul .tuB{margin-top: 32px;}
}
@media (max-width:768px) {
	.prodt2,
	.prodt3{padding: 56px 0;}
	.prodt3Ul li{margin-top: 56px;}
	.prodt1{margin-top: 50px;}
	.swiper_prodt1 .imgB{padding-top: 64%;}
	.swiper_prodt1 .swiper-pagination{bottom: 10px;}
	.prodt1 .titB h2,
	.prodt2 .titB span{font-size: 24px;}
	.prodt3Ul .titB{font-size: 20px;}
	.prodt1 .titB p{font-size: 18px;}
	.prodt2 .topL{display: block;}
	.prodt2 .titB{width: 100%;}
	.prodt2 .titB i{font-size: 36px;}
	.prodt2 .descB{width: 100%;margin-top: 16px;line-height: 1.8;font-size: 14px;}
	.prodt2 .descB p{line-height: 1.8;font-size: 14px;}
	.prodt3Ul .pore1{position:unset;}
	.prodt3Ul .numB{top:-4vw;}
	.prodt3Ul .titB{max-width: 72%;padding-top: 8px;}
	.prodt3Ul .descB{max-width: 100%;margin-top: 16px;line-height: 1.8;font-size: 14px;}
	.prodt3Ul .descB p{line-height: 1.8;font-size: 14px;}
	.prodt3Ul .tuB,
	.prodt3Ul li:nth-child(odd) .tuB,
	.prodt3Ul li:nth-child(even) .tuB{margin-top: 16px;padding: 0;}
	.prodt3Ul .tuB a,
	.prodt3Ul li:nth-child(even) .tuB a{width: 100%;left: 0;font-size: 14px;padding: 12px;}
	.prodt3Ul .tuB a::after{width: 50px;height: 10px;margin-left: 12px;}
}<!--ºÄʱ1778761091.5546Ãë-->