.focus{height:800px;width:100%;margin:40px auto 0 auto;}
.focus .left{float:left; width:68%; height:780px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:100%; height:715px; z-index:1; opacity:0; filter:alpha(opacity=10);border-top-right-radius:15px; border-bottom-right-radius: 15px;color:#FFF }
.focus .left li.active{z-index:2;}
.focus .left li p{display:none; color:#FFF}

.focus .right{   

	width:35%;
	height:340px;
	position:absolute;
	right:0;	 
	z-index:100;
	 
}
.focus .right li{height:88px; overflow:hidden; padding-left:-1PX;background-image:url(../images/btns.png);background-position:-120px 0; color:#FFF; font-size:24px; line-height:88px; margin-bottom:21px;cursor: pointer;

	margin:0px 0px 5px 0;
	padding:0px 18px 0 19px;
	position:relative;
	width:100%;
	cursor: pointer;
	cursor: hand;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	overflow:hidden;
	line-height:100px;	
	padding-left:50px;

}
.focus .right li:hover,.focus .right li.active{color:#fff;background-position:-120px -120px; }
.focus .right li i{background-image:url(../images/btns.png); background-repeat:no-repeat; width:60px; height:60px; float:left; margin:15px 19px 0px 0;}
.focus .right li i.i1{background-position:0 0;}
.focus .right li i.i2{background-position:0 -60px;}
.focus .right li i.i3{background-position:0 -120px;}
.focus .right li i.i4{background-position:0 -180px;}
.focus .right li:hover i.i1,.focus .right li.active i.i1{background-position:-60px 0;}
.focus .right li:hover i.i2,.focus .right li.active i.i2{background-position:-60px -60px;}
.focus .right li:hover i.i3,.focus .right li.active i.i3{background-position:-60px -120px;}
.focus .right li:hover i.i4,.focus .right li.active i.i4{background-position:-60px -180px;}



/*  iabout  */
.iabout {
	width: 100%;
	height: 836px;
	background: url(../images/iabout.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.iabout .iabout_title {
	padding-top: 110px;
	padding-bottom: 20px;
	position: relative;
}

.iabout .iabout_title h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333333;
}

.iabout .iabout_title em {
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #e2ad68;
	font-weight: 100;
	 
	margin-bottom: 15px;
}

.iabout .iabout_title::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #9d9d9d;
	position: absolute;
	left: 0;
	bottom: 0;
}

.iabout .text_box {
	padding-top: 55px;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	width: 565px;
}

.iabout .num_group {
	padding-top: 100px;
}

.iabout .num_group .group {
	float: left;
	margin-right: 78px;
}



.iabout .num_group .group em {
	display: block;
	font-size: 32px;
	color: #e39a3a;
	font-weight: bold;
	font-family: 'Arial';
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}

.iabout .num_group .group:first-child em::before {
	 
	position: absolute;
	font-size: 48px;
	color: #e39a3a;
	font-weight: bold;
	font-family: 'Arial';
	top: 0;
	right: -5px;
}

.iabout .num_group .group:first-child em {
	box-sizing: border-box;
	padding-right: 40px;
}




.iabout .num_group .group:nth-child(1) em::after,
.iabout .num_group .group:nth-child(3) em::after {
	content: "+";
	position: absolute;
	font-family: 'Impact';
	font-size: 30px;
	color: #e39a3a;
	font-weight: bold;
	top: 0;
}

.iabout .num_group .group:nth-child(1) em::after {
	right: -25px;
}

.iabout .num_group .group:nth-child(3) em::after {
	right: 0;
}

.iabout .num_group .group span {
	font-size: 16px;
	color: #666666;
}




.main{width:100%; max-width:1300px; margin:0 auto;}

.item-top .icon{width:40px;height:40px}
.item-top p{font-size:3.1rem;font-weight:700;margin-bottom:0;margin-top:0; color:#e39a3a; line-height:75PX}




 

.your_partner{position:relative}
.your_partner .template__title{text-align:left}
.your_partner .template__title h2{font-size:48px;font-weight:700;line-height:3.875rem;color:#242424}
.your_partner .template__title p{margin-top:1rem;font-size:1rem;line-height:1.875rem;color:var(--text)}
.your_partner .button{padding:1.2rem 3rem;font-size:1.2rem;width:fit-content;margin-top:3rem}
.your_partner .icon{position:relative;display:block;content:''}
.your_partner .quality_assurance_icon{width:45px;height:45px;background:url(/wp-content/themes/sytech/assets/img/design.svg) no-repeat center;background-size:contain}
.your_partner .professional_icon{width:60px;height:60px;background:url(/wp-content/themes/sytech/assets/img/technology.svg) no-repeat center;background-size:contain}
.your_partner .about_us-item{display:flex;width:40%;column-gap:1.25rem}
.your_partner .about_us-item:nth-child(2){width:47%}
.your_partner .about_us-item .your_partner-item_icon{flex-shrink:0}
.your_partner .about_us-item p{font-size:1.2rem;font-weight:500;line-height:1.75rem;color:#242424;margin-left:.4rem}
.your_partner .content{position:relative}
.your_partner .your_partner-left{position:relative;height:100%;width:58%;z-index:60;padding-top:200px;padding-bottom:200px}
.your_partner .your_partner-right{width:42%;height:825px;position:relative;margin-left:-4px}
.your_partner a.button_black:hover{background-color:transparent}
.your_partner .your_partner-left__inner{display:flex;flex-direction:column;margin:auto 0;max-width:32.5rem}
.your_partner .your_partner-title p{color:#606060;font-size:17px}
.your_partner .your_partner-list{display:flex;justify-content:space-between;margin-top:3.75rem}
.your_partner .about_hand-line{position:absolute;width:5px;height:100%;background-color:#f3af5e;position:absolute;top:0;left:50%;cursor:grab;z-index:90;display:none}
.your_partner .about_hand-line .about_hand-line_circular{position:absolute;content:'';display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background-color:#f3af5e;display:none}
.your_partner .about_hand-line .about_hand-line_circular:after{position:absolute;content:'';top:36%;left:17%;width:18%;height:32%;background:url(https://yume.sytech.site/wp-content/themes/sytech/assets/img/page_about_arrow_left_white.svg) no-repeat}
.your_partner .about_hand-line .about_hand-line_circular:before{position:absolute;content:'';top:35%;right:13%;width:18%;height:32%;background:url(https://yume.sytech.site/wp-content/themes/sytech/assets/img/page_about_arrow_right_white.svg) no-repeat}
.your_partner .bg-div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.your_partner .bg-div img{position:absolute;left:0;top:0}
.your_partner .bg-div.full{width:0}
.customized{background:url('/wp-content/themes/sytech/assets/img/customized-bg.png.webp') no-repeat;padding:155px 0 0;overflow:hidden}
.customized h2{color:#fff;margin-bottom:2rem}
.customized p{color:#fff;font-size:17px;font-weight:300;margin-bottom:55px;line-height:35px;padding-right:4rem}
.customized .left{padding-right:0;width:32%}
.customized .primary{font-size:20px;padding:20px 26px}
.customized .right{background:url(/wp-content/themes/sytech/assets/img/custom-chair.jpg.webp) no-repeat center/cover;padding:118px 195px 95px 105px;transform:translate(14%,3px);box-shadow:0 0 10px rgba(0,0,0,.1);width:68%;margin-bottom:10px;transition:all 1.5s}
.customized .right li{list-style:none;padding-left:4rem;position:relative;margin-bottom:2.3rem}
.customized .right li:last-of-type{margin-bottom:0}
.customized .right li:last-of-type p{margin-bottom:0}
.customized .right li:before{position:absolute;display:block;content:"";background:url(/wp-content/themes/sytech/assets/img/yes.svg) no-repeat center;width:2.5rem;height:2.5rem;left:0;top:5px}
.customized .right p{color:#757575;font-size:17px;line-height:25px}
.customized .right h3{color:#b08050;font-size:30px;margin-bottom:.8rem}
.home-banner{margin-top:-132px;overflow:hidden}
.home-banner li{background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:200px;height:100vh;max-height:60rem}
.home-banner .left{width:40%;padding-top:100px}
.home-banner .right{width:60%}
.home-banner h1,.home-banner h2{line-height:1.1;color:#fff;font-size:4.2rem}
.home-banner p{font-size:17px;color:#242424;padding-right:110px;margin-bottom:40px;margin-top:2rem;line-height:1.7;color:#fff}
.home-banner a.button{padding:1.3rem 3.2rem;font-size:1.2rem;background-color:#fff;color:#333}
.home-banner a.button:hover{background-color:#f3af5e;color:#fff}
.home-banner .colors{position:absolute;right:0;top:0;display:none}
.home-banner .colors span{display:block;width:25px;height:25px;border-radius:50%;margin-bottom:24px}
.swiper-banner{overflow:hidden}
.home-product{padding:160px 0 80px;overflow:hidden}
.unique_technology-right .head{text-align:left}
.unique_technology .item-top p{color:#b08050;opacity:1;font-weight:700}
.unique_technology-right img.bg{position:absolute;left:0;top:50%;margin-top:-419px;z-index:-1;margin-left:-6rem}
.flex.item{align-items:center}
.flex{display:flex}