body{
	background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0)),url('/images/index_body_bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-attachment: fixed;
}
.e-con {
    --container-max-width: 1140px
}
@media(max-width: 1024px) {
    .e-con {
        --container-max-width: 1024px
    }
}

@media(max-width: 767px) {
    .e-con {
        --container-max-width: 767px
    }
}
.banner-section .banner{
	content:'';
	--background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity:1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
}
.videobg{
	position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vjs-poster{
	background-size:cover !important;
}
.tcp-skin .tcp-loading-spinner{
	display:none !important;
}
.videobg video{
	object-fit: cover;
}
.e-con-inner{
	width: 100%;
    max-width: min(100%, var(--container-max-width, 1140px));
    position:relative;
    margin:0 auto;
    display:flex;
}
.banner-container .e-con-inner{
	padding-block-end: 150px;
}
.banner-container .bc-text{
	color:#fff;
	width: 43.8%;
	display: flex;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-block-start: 200px;
    padding-block-end: 200px;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    flex:0 1 auto;
}
.banner-container .bc-text h2{
	font-size:4rem;
	font-family:'Noto Sans';
}
.banner-section .btn{
	padding-top:0.8rem !important;
	padding-bottom:0.8rem !important;
	border-radius:2px;
	color:#fff;
	border-color:#fff;
	float:left;
	width:180px;
}
.banner-section  .btn:hover{
	background-color: #fff;
	color:var(--bs-theme-color);
}
.adv-container{
	display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0px 0px;
    border-style: solid;
    border-width: 1px 0;
    border-block-start-width: 1px;
    border-inline-end-width: 0px;
    border-block-end-width: 1px;
    border-inline-start-width: 0px;
    border-color: #FFFFFF12;
    margin-block-start: -235px;
    margin-block-end: 140px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-block-start: 0px;
    padding-block-end: 0px;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

.cc-sec{
	width: 15.8%;
	display: flex;
    padding-block-start: 0px;
    padding-block-end: 0px;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    color:#fff;
    font-size:1rem;
    font-family:'Noto Sans';
}
.cc-sec .num{
	color:#ead179;
}
.adv-container .adv-item-list{
	display: flex;
	width:84.1%;
	flex-wrap: wrap;
}
.adv-container .adv-item{
  	flex-basis: 33.33%;
	display: flex;
	flex-direction: column;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-block-start-width: 0px;
    border-inline-end-width: 0px;
    border-block-end-width: 0px;
    border-inline-start-width: 1px;
    border-color: #2f3742;
    padding-block-start: 40px;
    padding-block-end: 40px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    color:#fff;
    font-size:0.8rem;
    background-color: transparent;
    background-image: linear-gradient(190deg,#1E2A397A 0%,#1c2735 40%);
    position:relative;
}
.adv-container .adv-item:hover{
	background: linear-gradient(45deg, #a39128, #ddcf87, #a39128);
}
.adv-container .adv-item:before{
	/*
	content:'';
    background-image: url('/images/logobg.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
	transition: background 0.3s, opacity 0.3s;
	opacity:0;
	*/
}
.adv-container .adv-item:hover:before{
	opacity:0.3;
}
.adv-container .adv-item-list .adv-item:nth-child(4),
.adv-container .adv-item-list .adv-item:nth-child(5){
	border-style: solid;
    border-width: 1px 0;
    border-block-start-width: 1px;
    border-color: #FFFFFF12;
    border-inline-start-width: 1px;
}


.adv-container .adv-item-list .adv-item:nth-child(5){
	flex-basis: 66.66%;
	background:#1c2735 ;
}
.adv-container .adv-item-list .adv-item:nth-child(5):hover{
	background: linear-gradient(45deg, #a39128, #ddcf87, #a39128);
}
.adv-container .adv-item-list .adv-item:nth-child(5) .adv-item-title{
	max-width:12rem;
}
.adv-container .adv-item .adv-item-title{
	font-weight:bold;
	font-size:1.5rem;
	padding: 0 0 1.5rem 0;
	position:relative;
	margin-bottom:1.5rem;
	width:80%;
	font-family:'Noto Sans';
}
.adv-container .adv-item .adv-item-title:after{
	content: '';
    width: 3rem;
    border-top: 0.1rem solid #fff;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
}
.adv-container .adv-item .adv-item-des{
	line-height:1.5;
}


.cc-container{
	display: flex;
    flex-direction: row;
    align-items: stretch;
    border-style: solid;
    border-width: 1px 0;
    border-color: #2f3742;
    margin-bottom:70px;
}

.cc-box{
	display: flex;
	width:84.1%;
	flex-wrap: wrap;
}
.cc-box .cc-box-title{
	color: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.cc-box .cc-box-title h2{
    font-size: 4rem;
    font-weight: bold;
    font-family: 'Noto Sans';
    line-height: 1.8;
    margin: 0;
}
.cc-box .cc-box-title .cc-box-link{
	padding: 12px 16px;
	color: #ffffff;
	background: linear-gradient(45deg, #a39128, #ddcf87, #a39128);
}
.cc-box .cc-box-title .cc-box-link .iconfont{
	display:block;
}


.design-section{
	border-style: solid;
    border-width: 1px 0;
    border-color: #2f3742;
    margin-bottom:140px;
}
.design-section .design-list .design-item{
	display:flex;
}
.design-section .design-list .design-item:nth-child(2){
	flex-direction: row-reverse;
}
.design-section .design-list .design-item .design-item-text{
	width:66.66%;
	color:#fff;
	padding:4rem 3rem;
	background-color: #1c2735;
	border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #2f3742;
    min-height:16rem;
}
.design-section .design-list .design-item:last-child .design-item-text{
	border-bottom:none;
}
.design-section .design-list .design-item .design-item-pic{
	width:33.33%;
	background-position: center;
    background-size: cover;
}




.product-section{
	border-style: solid;
    border-width: 1px 0;
    border-color: #2f3742;
    margin-bottom:140px;
}
.product-section .pro-list{
	display:flex;
}
.product-section .pro-list .pro-item-box{
	flex-basis: 33.33%;
	display: flex;
	height:100vh;
	flex-direction:column;
}
.product-section .pro-list .pro-item-box .pro-item-box-link{
	display:flex;
	width:100%;
	height:50%;
	background-position: center;
    background-size: cover;
    opacity:1;
    transition: background 0.3s, opacity 0.3s;
    position:relative;
    font-size: 1.2rem;
    justify-content:center;
    align-items:center;
}
.product-section .pro-list .pro-item-box .pro-item-box-link span.ic-text{
	display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    transition: opacity 0.3s;
}
.product-section .pro-list .pro-item-box .pro-item-box-link:after{
	content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #1a1a1a, #35322d);
    position: absolute;
    opacity: 0.5;
    transition: opacity 0.3s;
}
.product-section .pro-list .pro-item-box .pro-item-box-link:hover:after{
	opacity:0;
}
.product-section .pro-list .pro-item-box .pro-item-box-link:hover span.ic-text{
	opacity:0;
}
.product-section .pro-list .pro-item-box:nth-child(2) .pro-item-box-link{
	height:100%;
}
.product-section .pro-list .pro-item-box .pro-item-box-link span.ic{
	padding: 12px 16px;
	color: #ffffff;
	background: linear-gradient(45deg, #a39128, #ddcf87, #a39128);
	position:absolute;
	right:1rem;
	bottom:1rem;
	opacity:0;
	transition: opacity 0.3s;
	font-size:0.8rem;
}
.product-section .pro-list .pro-item-box .pro-item-box-link:hover span.ic{
	opacity:1;
}



.about-section{
	border-style: solid;
    border-width: 1px 0;
    border-color: #2f3742;
    margin-bottom:140px;
}
.about-section .about-box{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.about-section .about-box .about-box-pic{
	width:33.33%;
	text-align:center;
	position:relative;
}
.about-section .about-box .about-box-pic .iconfont{
	color:#fff;
	font-size:3rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-1.5rem, -2rem);
}
.about-section .about-box .about-box-pic img{
	max-width:95%;
	height:auto;
	margin:0 auto;
	border-radius:0.3rem;
}
.about-section .about-box .about-box-text{
	line-height:1.5;
	color:#fff;
	font-size:1rem;
	width:65%;
	padding:2rem 0.5rem;
}




.partners-section{
	border-style: solid;
    border-width: 1px 0;
    border-color: #2f3742;
    margin-bottom:140px;
}
.partners-section .partner-box:nth-child(2){
	border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #2f3742;
}
.partners-section .partner-box .partner-item{
	width:33.33%;
	text-align:center;
	padding:4rem 0;
}
.partners-section .partner-box .partner-item-pic img{
	border-radius:0.3rem;
	width:70%;
	height:auto;
}



@media only screen and (max-width: 767px){
	body{
		background-image: url('/images/mbg.png');
	    background-repeat: repeat;
	    background-position: center center;
	    background-size: auto;
	    background-attachment: scroll;
	}
	.videobg video{
		height:140vw;
	}
	.e-con-inner{
		flex-direction:column;
	}
	.cc-container{
		margin-bottom:48px;
	}
	.cc-box .cc-box-title h2{
		font-size:2rem;
	}
	.banner-container .bc-text{
		width: 100%;
	    margin-top: 0;
	    padding-top: 8rem;
	}
	.banner-container .bc-text h2{
		font-size:2.2rem;
		width:55%;
	}
	.banner-container .bc-text div{
		width:50%;
	}
	.banner-section .banner{
		background-size:auto 100%;
		height: 140vw;
		background-attachment:inherit;
	}
	.about-section .about-box .about-box-text,
	.about-section .about-box .about-box-pic,
	.design-section .design-list .design-item .design-item-pic,
	.design-section .design-list .design-item .design-item-text,
	.cc-box,
	.cc-sec,
	.adv-container .adv-item-list{
		width:100%;
	}
	
	.adv-container .adv-item-list .adv-item:nth-child(5),
	.adv-container .adv-item{
		flex-basis: 100%;
	}
	.cc-sec{
		margin-bottom:0.5rem;
	}
	.cc-box{
		justify-content:space-between;
	}
	.adv-container .adv-item{
		padding-top: 20px;
    	padding-bottom: 20px;
		border-width:0 1px;
	}
	.adv-container .adv-item:last-child{
		padding-bottom: 30px;
	}
	.adv-container .adv-item-list .adv-item:nth-child(4),
	.adv-container .adv-item-list .adv-item:nth-child(5){
		border-width:0 1px;
	}
	.partners-section,
	.about-section,
	.product-section,
	.design-section,
	.adv-container{
		margin-bottom:81px;
	}
	.cc-box .cc-box-title .cc-box-link {
    	padding: 8px 12px;
	}
	.design-section .design-list .design-item{
		flex-direction: column;
	}
	.design-section .design-list .design-item .design-item-pic{
		height:15rem;
	}
	.design-section .design-list .design-item .design-item-text{
		padding:1.3rem;
		border:0;
		min-height:unset;
	}
	.design-section .design-list .design-item:nth-child(2){
		flex-direction: column;
	}
	.product-section .pro-list{
		flex-direction: column;
	}
	.product-section .pro-list .pro-item-box:nth-child(2) .pro-item-box-link,
	.product-section .pro-list .pro-item-box .pro-item-box-link{
		height:15rem;
	}
	.product-section .pro-list .pro-item-box .pro-item-box-link:after{
		opacity:0.5;
	}
	.about-section .about-box{
		flex-direction: column;
	}
	.partners-section .partner-box .partner-item{
		padding: 0.8rem 0.5rem;
	}
	.partners-section .partner-box .partner-item-pic img{
		width:100%;
	}
	.partner-box .cc-box{
		justify-content: flex-start;
	}
}