/*! å®˜ç½‘é€šç”¨é¡µå¤´ start*/
@import url("top_nav.css");
/*! å®˜ç½‘é€šç”¨é¡µå°¾ start*/
@import url("foot_wrap.css");
/* CSS Document */
/* @import url(css/page_1024.css)  screen and (max-width:1024px); */
/* CSS Document_1024 å¸¸ç”¨è®¾å¤‡*/
/* @import url(css/page_768.css) screen and (max-width:768px); */
/* CSS Document_768 å¸¸ç”¨è®¾å¤‡*/
/* @import url(css/page_414.css) screen and (max-width:414px); */
/* CSS Document_414 å¸¸ç”¨è®¾å¤‡*/

.page{
	/* min-width: 1100px; */
}
.M_box2_01{width:100%;height:100%;position:relative;}
.M_box2_01 .commslist{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
/* .M_box2_01 .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.M_box2_01 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
 */



.M_box2_01 .commslist {
	width: 100%;
	height: 100%;
	background-color: rgb(163, 49, 63);
	transition: 1s background-color 1.3s;
}
.M_box2_01 .swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.M_box2_01 .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/* .title {
	transition-delay: 1s;
	z-index: 10;
}
.title h3 {
	font-weight: 700;
    font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 820);
	letter-spacing: -1px;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
} */
.M_box2_01 a.focus-banner-img {
	width: 100%;
	height: 100%;
	/* position: absolute; */
	transform: scale(0.6, 0.6);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	opacity: 0.9;
	overflow: hidden;
}
.M_box2_01 .focus-banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1, 1) translateX(0%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
	position: relative;
	transition-duration: 1300ms;
	min-height: 300px;
}
.button-prev, .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.button-prev {
	left: 4vw;
}
.button-next {
	right: 4vw;
}
.button.disabled {
	opacity: 0.2;
	cursor: default;
}
#arrow-svg-home {
	transform: translateY(353px);
}
.button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
svg {
	transition: 0.5s;
}
.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}
#arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
#line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;
}
.button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}




.M_box2_01 .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #ebb691;border: 1px solid #fff;}
.M_box2_01 .swiper-button-next:after, .M_box2_01 .swiper-button-prev:after{color: #ebb691;}
/****/
.main_about{background-color: #fff;height: auto;padding-top: 50px;z-index: 1;position: relative;}
.M_box2_02{/* margin-top: 35px; */}
.M_box2_02 .abouts{width: 50%;}
.M_box2_02 .about-a{background-image: url(../img/about_a1.png);height: 450px;width: 40%;padding-right: 10%;}
.M_box2_02 .about-a h1{font-size: 36px;}
.M_box2_02 .about-a h5{font-size: 18px;font-weight: 500;letter-spacing: 3px;}
.M_box2_02 .about-a p{margin: 40px 0;font-size: 16px;line-height: 2rem;}
.M_box2_02 .about-a i{width: auto;padding: 10px;background-color: #d2232c;border-radius: 10px;font-style: normal;font-size: 16px;}
.M_box2_02 .about-a i a{color: #fff;display: inline-block;}
.M_box2_02 .video-a {padding-top: 20px;float: right;width: auto;}
/*************/
.M_box2_03{margin-top: 50px;}
/**********/
.M_box2_04{background: url(../img/zhueh_bag.jpg) no-repeat center;padding: 60px 0;}
.M_box2_04_list{position: relative;}
.M_box2_04_list ul{width: 100%;-ms-flex-pack: center!important;justify-content: center!important;display: flex !important;}
/* .M_box2_04_list ul li{float: left;width: calc((100% - 0px)/4);text-align: center;} */
.M_box2_04_list ul li{text-align: center;position: relative;width:18%;}
.M_box2_04_list ul li.luxy-el:hover img {transform: scale(1.08);}

 /****ä¼ä¸šæ–‡åŒ–*****/ 
 .M_box2_05 {padding: 50px 0;}
.M_box2_05_01{width: 300px;padding-left: 60px;}
.M_box2_05_01 .M_box2_05_01-cen{margin: 0 auto;width: 100%;display: block;}
.M_box2_05_01 .M_box2_05_01-cen img{width: auto;text-align: center;}
.M_box2_05_01 .M_box2_05_01-cen.a1{margin-bottom: 50px;}

.M_box2_05_02{width: 800px;background-color: #f7f7f7;}
.M_box2_05_02_top{padding:0;}
.M_box2_05_02_top div.a1{padding: 30px 50px 0;}
.M_box2_05_02_top div.a1 .a1{margin-bottom: 30px;}
.M_box2_05_02_top div.a2{width: 400px;height: 250px;overflow: hidden;}
.M_box2_05_02_top div.a2:hover img{ transform: scale(1.08);}

.M_box2_05_02_top1{background-color: #c32229;}
.M_box2_05_02_top1 .a1{padding: 10px;font-size: 0;}
.M_box2_05_02_top1 .a2{padding-left: 70px;padding-top: 50px;}

.M_box2_06{}
.M_box2_06 .h1_title {
	margin-top: 50px;
}

.M_box2_07{padding: 20px 0;position: relative;overflow: hidden;}
.M_box2_07 .content-inner{/* display: block; */text-align: center;}
.M_box2_07 .content-inner img{width: auto;max-width: 100%;text-align: center;display: block;margin: 0 auto;}
.M_box2_07 .bg-section01{position: absolute;top: 0;z-index: -1;}
.M_box2_07 .bg-section01 img{width: 100%;height: auto;}

.M_box2_08{padding: 50px 0;}
.M_box2_08_box{overflow: hidden;}
.M_box2_08_box .swiperTab{max-width: 400px;margin: 0 auto;}

.M_box2_09{margin-bottom: 50px;}
.M_box2_09 ul{}
.M_box2_09 ul li{width: auto;float: left;margin-right: 10px;font-size: 18px;}
.M_box2_09 ul li a{color: #c32229;}
@media screen and (max-width: 960px) {
	.swiper-pagination{display: none;}
	.main_about{padding-top: 20px;}
	.M_box2_02 .about-a{width: calc(100% - 20px);padding: 0 10px;height: auto;background-size: cover;float: none;}
	.M_box2_02 .about-a h1{font-size: 1.3rem;}
	.M_box2_02 .about-a h5{font-size: 0.5rem;letter-spacing:0.1rem;}
	.M_box2_02 .about-a p{margin: 10px 0;font-size: 0.85rem;line-height:1.5rem;}
	.M_box2_02 .about-a i{margin-right: 30px;font-size:0.5rem;padding: 0.2rem 0.5rem;border-radius:5px;}
	.M_box2_02 .video-a{float: none;max-width: 640px;margin: 0 auto;width: 100%;}
	.abouts video{width: 100% !important;height: auto !important;}
	.M_box2_03{margin-top: 0px;margin-bottom: 30px;}
	.h1_title{max-width: 100%;}
	.h1_title img{width: auto;max-width: 50%;}

	.M_box2_04{padding: 10px 0;}
	.M_box2_04_list ul li {width: 16%;}
	.M_box2_04_list ul li img{width: 100%;height: auto;}
	
	.M_box2_05{padding: 0px 0;}
	.M_box2_05_01{padding: 0;width: 100%;display: none;}
	.M_box2_05_02, .M_box2_05_02_top, .M_box2_05_02_top1{width: 100%;}
	.M_box2_05_02_top div.a1{width: calc(100% - 20px);padding: 10px;}
	.M_box2_05_02_top div.a1 p{width: auto;float: left;}
	.M_box2_05_02_top1 .a1{width: 30%;display: none;}
	.M_box2_05_02_top1 .a2{padding: 10px;width: 65%;}
	

	.M_box2_08{padding: 10px 0 !important;}

	
	.M_box2_09{margin-bottom: 20px;}
	.M_box2_09 ul li{font-size: 0.8rem;}
}
	