@media screen and (min-width:768px) {  
	:root {
		overflow-y: auto;
		overflow-x: hidden;
	}

	.wrap_head{
		position: fixed;
		top: 0px;
	  
		width: 100%;
		height: 100px;
		display:block;
		z-index: 2;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
	}

	.head_con { 
		position: relative; 
		z-index: 2;

		display:block; 
		width:1200px; 
		height: 100px;  
		margin: 0px auto;
	} 

	.head_con .logo {
		position: absolute; 
		left: 0; 
		top: 22px;
		
		display:block; 
	}

	.head_con .logo h1 { 
		display:block; 
		width: 100px;  
		background: url(../img/whitelogo.png) no-repeat 0 0; 
		text-indent: -9999px; 
		overflow: hidden;
		background-size: 100% 100%; 
		margin-top: 5px;
	}

	.stock {
		position: absolute;
		right: 0;
		top: 40px;
	  
		font-size: 14px;
		color: #fff;
	}

	/* 菜单 */
	.menu_list { 
		position: absolute;
		right: 120px;

		width: 480px;
		height: 100px;
		/* float: right; */
	}

	.menu_list .menu_item {
		position: relative;

		display: inline-block; 
	}

	.menu_list .menu_item .txt { 
		position: relative;

		display: block; 
		height:100px; 
		line-height: 100px; 
		font-size: var(--text-base); 
		color: #fff; 
		opacity: 0.95; -webkit-transition:color 0.3s linear;  
		z-index: 2;
		margin-right: 36px;
		letter-spacing: 0.5px;
	}

	.menu_list .menu_item .txt:hover {  
		opacity: 1;
	}

	.menu_list .menu_item .txt:after { 
		position: absolute; 
		bottom: 29px; 
		left: 0px;

		display:block; content:""; 
		height: 4px; 
		width: 100%;  
		background: #B10D15; 
		opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; 
		transform-origin: 50% 0%; 
		transform:scale(0.01,1);
	}

	.menu_list .menu_item .txt:before { 
		position: absolute; 
		top: 19px; 
		left: -10px;
			
		display:none; 
		content:""; 
		height: 400px; 
		width: 100%;  
		background: #B10D15; 
		opacity: 1;
	}

	.menu_list .menu_item:hover .txt:after { 
		transform:scale(1,1); 
		opacity: 1;
	}

	.menu_list .menu_item.menu_item_lan { 
		display:none;
	}

	.menu_list .menu_item .menu_hook { 
		position: absolute; 
		left: -36px; 
		top: 0px; 
		z-index: 1;

		display:none; 
		width: 100%; 
		height: 445px; 
	}

	.sub_list {
		position: absolute;
		left: 50%;
		top: 88px;
		z-index: 2; 

		display: none;  
		width: 126px;  
		margin-left: -80px; 
		text-align: center;
	}

	.sub_list li a { 
		display: block; 
		font-size: 16px; 
		color: #222222; 
		opacity: 0.7; 
		padding: 7px 0;
	}

	.sub_list li a:hover { 
		opacity: 1;
	}

	.vertical {
		color: #FFFFFF;
	}

	.submenu_show {
		width: 100%;
		height: 340px;
		background-color: #fff;
	}

	.submenu_show .logo h1,.head_white .logo h1 { 
		background-image: url(../img/logo.png);background-size: 100% 100%;
	}

	.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt { 
		color: #222;
	}

	.submenu_show .head_con .vertical {
		color: #222;
	}

	.submenu_show .head_con .stock {
		color: #222;
	}

	.head_white{
		background: #fff;
	}
	  
	.head_white .head_con .stock {
		color: #222;
	}
	.head_white .head_con .menu_show ul li a {
		color: #000;
	}

	.head_white .vertical {
		color: #222;
	}
	/* 菜单 */
	.banner_area { 
		position: relative;

		display:block; 
		width: 100%;
		margin: 0;
		overflow: hidden;
	}

	.banner_area img {
		width: 100%;
		/* height: 940px; */
		/* background: url(../img/bannerbackground.png) no-repeat; */
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.banner_area_title .banner_area_word {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	
		color: #fff;
		text-align: center;
		transform: translate(-50%, -50%);
		font-size: var(--text-hero);
		line-height: var(--leading-snug);
		font-weight: 300;
		letter-spacing: 3px;
	}

	.company_profile {
		width: 100%;
		padding: var(--space-2xl) 0 var(--space-xl);
	}

	.company_profile .company_profile_item {
		position: relative;

		width: 1200px;
		margin: 0 auto;
	}

	.company_profile .company_profile_item .list {
		height: 632px;
		display: flex;
    	justify-content: space-between;
	}

	.company_profile .company_profile_item .list .company_profile_text {
		width: 500px;
		height: 632px;
	}

	.company_profile_text_left {
		position: relative;

		height: 100%;
	}

	.center {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);

    	width: 100%;
	}

	.center h3 {
		font-weight: 500;
		font-size: var(--text-3xl);
		color: var(--color-text);
		margin-bottom: var(--space-md);
		line-height: var(--leading-snug);
	}

	.center h3 span {
		font-size: var(--text-base);
		color: var(--color-accent);
		margin-left: var(--space-sm);
		font-weight: 400;
	}

	.center p {
		color: var(--color-text-secondary);
		font-size: var(--text-base);
		line-height: var(--leading-relaxed);
		width: 460px;
	}

	.video {
		position: relative;

		width: 680px;
		height: 440px;
		margin-top: 110px;
	}

	.backgroundImg img {
		width: 680px;
		height: 440px;
	}

	.playVideo {
		position: absolute;
		top: 50%;
		left: 50%;

		transform: translate(-50%, -50%);
	}

	.playVideo:hover {
		cursor: pointer;
	}

	#video_page {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 100;
		align-items: center;
    	justify-content: center;
	}

	#video_page .videoBox {
		width: 80%;
		position: relative;
	}

	#video_page .videoBox video {
		width: 100%;
	}

	#video_page .videoBox img{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		cursor: pointer;
	} 

	.slideBox { 
		position:relative; 

		width:100%; 
		height: 100%;
		overflow:hidden; 
		background-color: #F7F7F7;
		padding-bottom: var(--space-2xl);
	}

	.slideBox .slideBox-title {
		text-align: center;
		padding-top: var(--section-py);
	}

	.slideBox .slideBox-title h3 {
		font-size: var(--text-3xl);
		color: var(--color-text);
		font-weight: 500;
		line-height: var(--leading-snug);
	}

	.slideBox .slideBox-title p {
		font-size: var(--text-base);
		color: var(--color-text-muted);
		margin-top: var(--title-subtitle-gap);
		line-height: var(--leading-normal);
	}

	.slideBox .bd { 
		position:relative; height:100%; z-index:0;   
	}

	.slideBox .bd .productsTitle {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: var(--space-xs);
		margin: var(--space-xl) 0 var(--space-lg);
	}

	.slideBox .bd .productsTitle li {
		font-size: var(--text-base);
		color: var(--color-text);
		letter-spacing: 0.5px;
		padding: var(--space-xs) var(--space-sm);
	}

	.slideBox .bd .productsTitle .current {
		color: #B10D15;
	}

	.slideBox .bd .productsTitle li:hover {
		cursor: pointer;
	}

	.slideBox .bd div li a {
		display: flex;
	}

	.slideBox .bd div li .slide-left {
		position: relative;
		flex: 0 0 50%;
	}

	.slideBox .bd div li .slide-left .slide-left-img img {
		width: 100%;
		height: 100%;
		display: block;	}

	.slideBox .bd div li .slide-right {
		display: flex;
		align-items: center;
		background-color: #0E0A0A;
		flex: 0 0 50%;
		padding: 48px 56px;
		box-sizing: border-box;
	}

	.slideBox .bd div li .slide-right .slide-right-item {
		position: static;
		width: 100%;
		max-width: 520px;
	}

	.slideBox .bd div li .slide-right .slide-right-item .slide-right-content {
		width: 100%;
		max-width: 100%;
		margin-top: var(--space-md);
	}

	.slideBox .bd div li .slide-right .slide-right-item .slide-right-content .slide-right-content-text {
		font-size: var(--text-sm);
		color: rgba(255, 255, 255, 0.82);
		line-height: var(--leading-relaxed);
	}

	.slideBox .bd div li .slide-right .slide-right-item .slide-right-content .slide-right-content-text-item {
		font-size: var(--text-sm);
		color: rgba(255, 255, 255, 0.82);
		margin-top: var(--space-md);
		line-height: var(--leading-relaxed);
	}

	.slideBox .bd div li .slide-left-one {
		position: relative;
		flex: 0 0 50%;
	}

	.slideBox .bd div li .slide-left-one .slide-left-one-img img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.slideBox .bd div li .slide-right .slide-right-item .slide-right-title {
		color: #fff;
		font-size: var(--text-xl);
		line-height: var(--leading-snug);
	}

	.slideBox .bd div li .slide-right .slide-right-item .slide-right-text {
		font-size: var(--text-md);
		color: rgba(255, 255, 255, 0.92);
		margin-top: var(--space-sm);
		line-height: var(--leading-normal);
	}

	.slideBox .bd div li .slide-right-one {
		display: flex;
		align-items: center;
		background-color: #0E0A0A;
		flex: 0 0 50%;
		padding: 48px 56px;
		box-sizing: border-box;
	}

	.slideBox .bd div li .slide-right-one .slide-right-one-item {
		position: static;
		width: 100%;
		max-width: 520px;
	}

	.slideBox .bd div li .slide-right-one .slide-right-one-item .slide-right-one-title {
		font-size: var(--text-xl);
		color: #fff;
		line-height: var(--leading-snug);
	}

	.slideBox .bd div li .slide-right-one .slide-right-one-item .slide-right-one-text {
		font-size: var(--text-md);
		color: rgba(255, 255, 255, 0.92);
		margin-top: var(--space-sm);
		line-height: var(--leading-normal);
	}

	.slideBox .bd div li .slide-right-one .slide-right-one-item .slide-right-one-content {
		width: 100%;
		max-width: 100%;
	}

	.slideBox .bd div li .slide-right-one .slide-right-one-item .slide-right-one-content .slide-right-one-content-text {
		font-size: var(--text-sm);
		color: rgba(255, 255, 255, 0.82);
		margin-top: var(--space-md);
		line-height: var(--leading-relaxed);
	}

	.slideBox .bd div li .slide-left-two {
		position: relative;
		flex: 0 0 50%;
	}

	.slideBox .bd div li .slide-left-two .slide-left-two-img img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.slideBox .bd div li .slide-right-two {
		display: flex;
		align-items: center;
		background-color: #0E0A0A;
		flex: 0 0 50%;
		padding: 48px 56px;
		box-sizing: border-box;
	}

	.slideBox .bd div li .slide-right-two .slide-right-two-item {
		position: static;
		width: 100%;
		max-width: 520px;
	}

	.slideBox .bd div li .slide-right-two .slide-right-two-item .slide-right-two-title {
		font-size: var(--text-xl);
		color: #fff;
		line-height: var(--leading-snug);
	}

	.slideBox .bd div li .slide-right-two .slide-right-two-item .slide-right-two-text {
		font-size: var(--text-md);
		color: rgba(255, 255, 255, 0.92);
		margin-top: var(--space-sm);
		line-height: var(--leading-normal);
	}

	.slideBox .bd div li .slide-right-two .slide-right-two-item .slide-right-two-content {
		width: 100%;
		max-width: 100%;
	}

	.slideBox .bd div li .slide-right-two .slide-right-two-item .slide-right-two-content .slide-right-two-content-text {
		font-size: var(--text-sm);
		color: rgba(255, 255, 255, 0.82);
		margin-top: var(--space-md);
		line-height: var(--leading-relaxed);
	}

	.slideBox .bd div li .slide-left-three {
		position: relative;
		flex: 0 0 50%;
	}

	.slideBox .bd div li .slide-left-three .slide-left-three-img img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.slideBox .bd div li .slide-right-three {
		display: flex;
		align-items: center;
		background-color: #0E0A0A;
		flex: 0 0 50%;
		padding: 48px 56px;
		box-sizing: border-box;
	}

	.slideBox .bd div li .slide-right-three .slide-right-three-item {
		position: static;
		width: 100%;
		max-width: 520px;
	}

	.slideBox .bd div li .slide-right-three .slide-right-three-item .slide-right-three-title {
		font-size: var(--text-xl);
		color: #fff;
		line-height: var(--leading-snug);
	}

	.slideBox .bd div li .slide-right-three .slide-right-three-item .slide-right-three-text {
		font-size: var(--text-md);
		color: rgba(255, 255, 255, 0.92);
		margin-top: var(--space-sm);
		line-height: var(--leading-normal);
	}

	.slideBox .bd div li .slide-right-three .slide-right-three-item .slide-right-three-content {
		width: 100%;
		max-width: 100%;
	}

	.slideBox .bd div li .slide-right-three .slide-right-three-item .slide-right-three-content .slide-right-three-content-text {
		font-size: var(--text-sm);
		color: rgba(255, 255, 255, 0.82);
		margin-top: var(--space-md);
		line-height: var(--leading-relaxed);
	}

	.team-right ul .team-right-item1 {
		position: relative;
	}

	.team-right ul .team-right-item1 .Personal-profile {
		position: absolute;
		bottom: 50px;
		left: 30px;

		color: #fff;
	}

	.team-right ul .team-right-item1 .Personal-profile .Personal-profile-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.team-right ul .team-right-item1 .Personal-profile .Personal-profile-text {
		font-size: 14px;
		width: 458px;
	}

	/* .team-right .mask {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 9;

		width: 100%;
		height: 370px;
		background-color: rgba(0, 0, 0, 0.5);
	} */

	.slideBox .prev,
	.slideBox .next{ 
		position:absolute; 
		left: 4%; 
		top: 65%; 
		display:block; 
		width:80px; 
		height:95px;
		background: url(../img/arrow-left.png) no-repeat;
	}
	
	.slideBox .next{
		left:92%;
		background: url(../img/arrow-right.png) no-repeat;
	}
	
	.slideBox .bd li { 
		zoom:1; vertical-align:middle; 
	}

	.team {
		width: 100%;
		margin-top: -6px;
	}
	
	.team .team-item {
		width: 1180px;
		margin: 0 auto;
		display: flex;
	}

	.team .team-item .team-left {
		width: 716px;
		height: 490px;
	}

	.team .team-item .team-left .team-title {
		padding-top: 102px;
		font-size: 36px;
		color: #0E0A0A;
	}

	.team .team-item .team-left .team-text {
		width: 500px;
		height: 56px;
		font-size: 18px;
		color: #999;
		margin-top: 16px;
		margin-bottom: 30px;
		line-height: 30px;
	}

	.team .team-item .team-left .arrow-left img, .team .team-item .team-left .arrow-right img {
		width: 36px;
		height: 36px;
		margin-top: 40px;
		margin-right: 20px;
	}

	.team .team-item .team-right ul li img {
		width: 521px;
		height: 370px;
		margin-top: 50px;
	}

	.team .team-item .team-left img {
		width: 36px;
		height: 36px;
		margin-right: 15px;
	}

	.honor {
		width: 100%;
		padding: var(--section-py) 0 var(--space-xl);
	}

	.honor .honor-item {
		width: var(--content-width);
		margin: 0 auto;
	}

	.honor .honor-item .honor-title {
		text-align: center;
		color: var(--color-text);
		font-size: var(--text-3xl);
		font-weight: 500;
		line-height: var(--leading-snug);
	}

	.honor .honor-item .honor-text {
		margin-top: var(--title-subtitle-gap);
		text-align: center;
		font-size: var(--text-base);
		color: var(--color-text-secondary);
		line-height: var(--leading-relaxed);
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.honor .honor-item .certificate {
		margin-top: var(--space-xl);
		display: flex;
		justify-content: center;
		gap: var(--space-md);
		flex-wrap: wrap;
	}

	.honor .honor-item .certificate img {
		width: 288px;
	}

	.success-cases {
		position: relative;
		width: 100%;
		padding: var(--section-py) 0;
		background-color: #F7F7F7;
		background-image:
			radial-gradient(circle at 20% 20%, rgba(177, 13, 21, 0.03) 0%, transparent 50%),
			radial-gradient(circle at 80% 80%, rgba(14, 10, 10, 0.02) 0%, transparent 50%);
		overflow: hidden;
	}

	.success-cases::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: linear-gradient(90deg, transparent, rgba(177, 13, 21, 0.15), transparent);
	}

	.success-cases .success-cases-inner {
		width: var(--content-width);
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	.success-cases .success-cases-title {
		text-align: center;
		margin-bottom: var(--space-xl);
	}

	.success-cases .success-cases-en {
		display: block;
		font-size: var(--text-xs);
		letter-spacing: 4px;
		color: var(--color-accent);
		font-weight: 500;
		margin-bottom: var(--space-sm);
	}

	.success-cases .success-cases-title h3 {
		font-size: var(--text-3xl);
		color: var(--color-text);
		font-weight: 500;
		position: relative;
		display: inline-block;
		line-height: var(--leading-snug);
	}

	.success-cases .success-cases-title h3::after {
		content: '';
		display: block;
		width: 40px;
		height: 3px;
		background: var(--color-accent);
		margin: var(--space-sm) auto 0;
		border-radius: 2px;
	}

	.success-cases .success-cases-title p {
		font-size: var(--text-base);
		color: var(--color-text-muted);
		margin-top: var(--title-subtitle-gap);
		letter-spacing: 0.5px;
		line-height: var(--leading-normal);
	}

	.success-cases .success-cases-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-md);
	}

	.success-cases .case-card {
		background: #fff;
		border-radius: 12px;
		padding: var(--space-lg) var(--space-md) var(--space-md);
		border: 1px solid rgba(0, 0, 0, 0.04);
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
		transition: transform 0.35s ease, box-shadow 0.35s ease;
		position: relative;
		overflow: hidden;
	}

	.success-cases .case-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: linear-gradient(90deg, #B10D15, rgba(177, 13, 21, 0.3));
		opacity: 0;
		transition: opacity 0.35s ease;
	}

	.success-cases .case-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
	}

	.success-cases .case-card:hover::before {
		opacity: 1;
	}

	.success-cases .case-card-top {
		display: flex;
		align-items: center;
		margin-bottom: var(--space-md);
		padding-bottom: var(--space-md);
		border-bottom: 1px solid #f0f0f0;
	}

	.success-cases .case-logo-wrap {
		width: 72px;
		height: 72px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fafafa;
		border-radius: 10px;
		border: 1px solid #eee;
		margin-right: 16px;
		overflow: hidden;
	}

	.success-cases .case-logo {
		width: 56px;
		height: 56px;
		object-fit: contain;
	}

	.success-cases .case-meta {
		flex: 1;
		min-width: 0;
	}

	.success-cases .case-tag {
		display: inline-block;
		font-size: 11px;
		color: #B10D15;
		background: rgba(177, 13, 21, 0.06);
		padding: 3px 10px;
		border-radius: 20px;
		letter-spacing: 0.5px;
		margin-bottom: 8px;
	}

	.success-cases .case-company {
		font-size: var(--text-base);
		color: var(--color-text);
		font-weight: 600;
		line-height: var(--leading-snug);
		margin: 0 0 var(--space-2xs);
	}

	.success-cases .case-contact {
		font-size: var(--text-sm);
		color: var(--color-text-light);
	}

	.success-cases .case-desc {
		font-size: var(--text-sm);
		color: var(--color-text-secondary);
		line-height: var(--leading-relaxed);
		margin: 0;
	}

	.backgroundImage {
		position: relative;
	}

	.backgroundImage img {
		width: 100%;
		height: 260px;
		object-fit: cover;
	}

	.backgroundImage p {
		position: absolute;
		left: 50%;
		top: 50%;

		transform: translate(-50%, -50%);
		font-size: var(--text-xl);
		color: #fff;
		width: 90%;
		max-width: 960px;
		text-align: center;
		line-height: var(--leading-normal);
		font-weight: 300;
		letter-spacing: 0.5px;
		padding: 0 var(--space-md);
		box-sizing: border-box;
	}

	.footer {
		position: relative;
		width: 100%;
		height: 600px;
		background-color: #0E0A0A;
		margin-top: -5px;
	}

	.footer .consultingService {
		/* width: 1360px;
		margin: 0 auto; */
		width: 100%;
	}

	.footer .consultingService .main {
		position: relative;

		width: 1200px;
		margin: 0 auto;
		height: 120px;
		border-bottom: 2px solid #999;
	}

	.footer .consultingService ul li {
		display: flex;
	}

	.footer .consultingService ul li .customer {
		padding-top: 34px;
		margin-right: 100px;
	}

	.footer .consultingService ul li .customer p {
		color: var(--color-text-light);
		font-size: var(--text-sm);
		line-height: var(--leading-relaxed);
		margin-bottom: var(--space-xs);
	}

	.footer .consultingService ul li .customer .telephone {
		font-size: 18px;
		color: #fff;
	}

	.footer .consultingService ul li .real-time-info {
		padding-top: 35px;
    	margin-right: 100px;
	}

	.footer .consultingService ul li .real-time-info p {
		color: #999;
		font-size: 14px;
		line-height: 20px;
	}

	.footer .consultingService ul li .cooperation {
		height: 40px;
		padding-top: 35px;
	}

	.footer .consultingService ul li .cooperation p {
		color: #999;
		font-size: 14px;
		line-height: 20px;
	}

	.footer .consultingService ul li .QR {
		position: absolute;
		right: 0;

		display: flex;
	}

	.footer .consultingService ul li .QR .QR-item1{
		display: flex;
	}

	.footer .consultingService ul li .QR .QR-item1 img{
		width: 72px;
		height: 72px;
		margin-top: 24px;
	}

	.footer .consultingService ul li .QR .QR-item1 p {
		font-size: var(--text-sm);
		color: var(--color-text-light);
		line-height: var(--leading-normal);
		margin: 40px 80px 40px 20px;
	}

	.footer .consultingService ul li .QR .QR-item2{
		display: flex;
	}

	.footer .consultingService ul li .QR .QR-item2 img{
		width: 72px;
		height: 72px;
		margin-top: 24px;
	}

	.footer .consultingService ul li .QR .QR-item2 p {
		font-size: var(--text-sm);
		color: var(--color-text-light);
		line-height: var(--leading-normal);
		margin-top: 40px;
		margin-left: 19px;
	}

	.footer .consultingService .core {
		width: var(--content-width);
    	margin: var(--space-lg) auto;
	}

	.footer .consultingService .core .address-title {
		font-size: var(--text-lg);
		color: #fff;
		font-weight: 500;
		letter-spacing: 0.5px;
	}

	.footer .consultingService .core .address {
		margin-top: var(--space-md);
	}

	.footer .consultingService .core .address .address-item {
		width: 270px;
		min-height: 80px;
		margin-right: var(--space-md);
	}

	.footer .consultingService .core .address .address-item p {
		font-size: var(--text-sm);
		color: var(--color-text-light);
		line-height: var(--leading-relaxed);
		margin-bottom: var(--space-xs);
	}

	.footer .consultingService .core .address .address-item p:first-child {
		color: #ddd;
		font-size: var(--text-base);
		margin-bottom: var(--space-sm);
	}

	.footer .footer_nav {
		position: absolute;
		bottom: 40px;
		left: 50%;

		transform: translate(-50%, 50%);
	}

	.footer .footer_nav p {
		text-align: center;
		color: var(--color-text-light);
		font-size: var(--text-xs);
		line-height: var(--leading-normal);
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.slideBox .bd div li .slide-right,
	.slideBox .bd div li .slide-right-one,
	.slideBox .bd div li .slide-right-two,
	.slideBox .bd div li .slide-right-three {
		padding: 40px 36px;
	}

	.slideBox .bd div li .slide-right .slide-right-item,
	.slideBox .bd div li .slide-right-one .slide-right-one-item,
	.slideBox .bd div li .slide-right-two .slide-right-two-item,
	.slideBox .bd div li .slide-right-three .slide-right-three-item {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.wrap_head{
		position: fixed;
		top: 0px;
	  
		width: 100%;
		height: 100px;
		display:block;
		z-index: 2;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
	}

	.head_con {
		width: 100%;
		height: 100px;
		z-index: 99;
		margin-top: -5px;
	}

	.head_con .logo {
		position: absolute;
		left: -27px;
		top: 50%;
		transform: translate(50%, -50%);
		display: block;
	}

	.head_con .logo h1{ 
		display:block; 
		width: 100px; 
		background: url(../img/whitelogo.png) no-repeat 0 0; 
		text-indent: -9999px; 
		overflow: hidden;
		background-size: 100% 100%; 
		margin-top: 5px;
	}

	.stock {
		position: absolute;
		left: 80px;
		top: 50%;
		transform: translate(50%, -50%);
	  
		font-size: 14px;
		color: #fff;
		margin-right: 66px;
	}

	.icon_menu {
		position: absolute;
		right: 20px;
		top: 36px;
		z-index: 101;

		display: block;
		width: 28px;
		height: 28px;
	}

	.icon_menu .i_menu {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;

		display: block;
		width: 28px;
		height: 28px;
		background: url(../img/list.png) no-repeat 0 0;
		background-size: contain;
	}

	.icon_menu .i_menu img {
		width: 32px;
		height: 32px;
	}

	.icon_menu .i_close {
		position: fixed;
		left: 42px;
		top: 39px;
		z-index: 4;

		display: none;
		width: 28px;
		height: 28px;
		background: url(../img/close-list.png) no-repeat 0 0;
		background-size: contain;
		color: #000;
	} 

	.icon_menu .i_close img {
		width: 32px;
		height: 32px;
	}

	.bg_hover {
		display: none;
		height: 100%;
		width: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		background: rgba(0,0,0,0.2);
		z-index: 98;
	}

	.menu_list {
		position: fixed;
		right: 0px; 
		left: 0px;
		z-index: 101;

		display: block;  
		background: #fff; 
		width:260px;  
		height:100%;  
		padding-top: 90px; 
		transform: translate(-260px,0); 
		opacity: 0.8; transition: transform 0.25s ease-out, opacity 0.25s ease-out;
		padding-top: 50%;
	}

	.menu_list .menu_item {
		display: block;
		float: none;
		height: 63px;
		margin-left: 58px;
	}

	.menu_list .menu_item .txt {
		color: #0E0A0A;
	}

	.menu_list .menu_item .vertical {
		display: none;
	}

	.head_white {
		background-color: #fff;
		width: 100%;
		height: 100px;
	}

	.head_white .logo h1 {
		background-image: url(../img/logo.png);
    	background-size: 100% 100%;
	}

	.head_white .stock {
		color: #222;
	}

	.head_white .stock {
		color: #222;
	}

	.head_white .icon_menu .i_menu {
		background-image: url(../img/fix-list.png);
    	background-size: 100% 100%;
	}

	.banner_area {
		position: relative;
	}

	.wrap_content .banner_area img {
		width: 100%;
		height: 560px;
		object-fit: cover;
	}

	.wrap_content .banner_area .banner_area_title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		width: 336px;
		height: 84px;
	}

	.wrap_content .banner_area .banner_area_title .banner_area_word {
		color: #FFFFFF;
		font-size: var(--text-hero);
		font-weight: 300;
		text-align: center;
		line-height: var(--leading-snug);
		letter-spacing: 1px;
	}

	.company_profile {
		width: 100%;
		padding: var(--space-xl) 0 var(--space-lg);
	}

	.company_profile .company_profile_text{
		margin-bottom: 40px;
	}

	.company_profile .company_profile_text_left {
		width: calc(100% - 30px);
		margin: 0 auto;
		padding-top: var(--space-lg);
	}

	.company_profile .center h3 {
		color: var(--color-text);
		font-size: var(--text-3xl);
		font-weight: 500;
		margin-bottom: var(--space-sm);
		line-height: var(--leading-snug);
	}

	.company_profile .center span {
		color: var(--color-accent);
		margin-left: var(--space-sm);
		font-size: var(--text-sm);
	}

	.company_profile .center p {
		color: var(--color-text-secondary);
		font-size: var(--text-base);
		line-height: var(--leading-relaxed);
	}

	.company_profile .video {
		position: relative;
	}

	.company_profile .video .backgroundImg img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	} 

	.company_profile .video .playVideo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#video_page {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 100;
		align-items: center;
    	justify-content: center;
	}

	#video_page .videoBox {
		width: 100%;
		position: relative;
	}

	#video_page .videoBox video {
		width: 100%;
	}

	#video_page .videoBox img{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		cursor: pointer;
	}

	.slideBox {
		width: calc(100% - 30px);
		margin: 0 auto;
		padding-bottom: var(--space-xl);
	}

	.slideBox .slideBox-title {
		text-align: center;
		padding-top: var(--section-py);
	}

	.slideBox .slideBox-title h3 {
		color: var(--color-text);
		font-size: var(--text-3xl);
		font-weight: 500;
		margin-bottom: var(--title-subtitle-gap);
		line-height: var(--leading-snug);
	}

	.slideBox .slideBox-title p {
		color: var(--color-text-muted);
		font-size: var(--text-base);
		line-height: var(--leading-normal);
		margin-bottom: var(--space-lg);
	}

	.slideBox .bd .productsTitle {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: var(--space-xs);
		margin-bottom: var(--space-lg);
	}

	.slideBox .bd .productsTitle .current {
		color: #B10D15;
	}

	.slideBox .con .slide-left-img img {
		width: 100%;
		height: 212px;
		object-fit: cover;
	}

	.slideBox .con .slide-right {
		width: 100%;
		min-height: auto;
		background-color: #0E0A0A;
		margin-top: -4px;
		padding: var(--space-md) var(--space-md) var(--space-lg);
		box-sizing: border-box;
	}

	.slideBox .con .slide-right .slide-right-item {
		width: 100%;
		margin: 0;
	}

	.slideBox .con .slide-right .slide-right-item .slide-right-title {
		padding-top: 0;
		color: #FFFFFF;
		font-size: var(--text-xl);
		font-weight: 400;
		margin-bottom: var(--space-sm);
		line-height: var(--leading-snug);
	}

	.slideBox .con .slide-right .slide-right-item .slide-right-text {
		color: rgba(255, 255, 255, 0.92);
		font-size: var(--text-base);
		margin-bottom: var(--space-md);
		line-height: var(--leading-normal);
	}

	.slideBox .con .slide-right .slide-right-item .slide-right-content {
		font-size: var(--text-sm);
		color: rgba(255, 255, 255, 0.82);
		line-height: var(--leading-relaxed);
	}

	.slideBox .con .slide-right .slide-right-item .slide-right-content .slide-right-content-text {
		margin-bottom: var(--space-sm);
	}

	.slideBox .con .slide-left-one-img img {
		width: 100%;
		height: 212px;
		object-fit: cover;
	}

	.slideBox .con .slide-right-one {
		width: 100%;
		min-height: auto;
		background-color: #0E0A0A;
		margin-top: -4px;
		padding: var(--space-md) var(--space-md) var(--space-lg);
		box-sizing: border-box;
	}

	.slideBox .con .slide-right-one .slide-right-one-item {
		width: 100%;
		margin: 0;
	}

	.slideBox .con .slide-right-one .slide-right-one-item .slide-right-one-title {
		color: #FFFFFF;
		font-size: var(--text-xl);
		padding-top: 0;
		margin-bottom: var(--space-sm);
		line-height: var(--leading-snug);
	}

	.slideBox .con .slide-right-one .slide-right-one-item .slide-right-one-text {
		color: rgba(255, 255, 255, 0.92);
		font-size: var(--text-base);
		margin-bottom: var(--space-md);
		line-height: var(--leading-normal);
	}

	.slideBox .con .slide-right-one .slide-right-one-item .slide-right-one-content .slide-right-one-content-text {
		color: rgba(255, 255, 255, 0.82);
		font-size: var(--text-sm);
		line-height: var(--leading-relaxed);
	}

	.slideBox .con .slide-left-two-img img {
		width: 100%;
		height: 212px;
		object-fit: cover;
	}

	.slideBox .con .slide-right-two {
		width: 100%;
		min-height: auto;
		background-color: #0E0A0A;
		margin-top: -4px;
		padding: var(--space-md) var(--space-md) var(--space-lg);
		box-sizing: border-box;
	}

	.slideBox .con .slide-right-two .slide-right-two-item {
		width: 100%;
		margin: 0;
	}

	.slideBox .con .slide-right-two .slide-right-two-item .slide-right-two-title {
		color: #FFFFFF;
		font-size: var(--text-xl);
		padding-top: 0;
		margin-bottom: var(--space-sm);
		line-height: var(--leading-snug);
	}

	.slideBox .con .slide-right-two .slide-right-two-item .slide-right-two-text {
		color: rgba(255, 255, 255, 0.92);
		font-size: var(--text-base);
		margin-bottom: var(--space-md);
		line-height: var(--leading-normal);
	}

	.slideBox .con .slide-right-two .slide-right-two-item .slide-right-two-content .slide-right-two-content-text {
		color: rgba(255, 255, 255, 0.82);
		font-size: var(--text-sm);
		line-height: var(--leading-relaxed);
	}

	.slideBox .con .slide-left-three-img img {
		width: 100%;
		height: 212px;
		object-fit: cover;
	}

	.slideBox .con .slide-right-three {
		width: 100%;
		min-height: auto;
		background-color: #0E0A0A;
		margin-top: -4px;
		padding: var(--space-md) var(--space-md) var(--space-lg);
		box-sizing: border-box;
	}

	.slideBox .con .slide-right-three .slide-right-three-item {
		width: 100%;
		margin: 0;
	}

	.slideBox .con .slide-right-three .slide-right-three-item .slide-right-three-title {
		color: #FFFFFF;
		font-size: var(--text-xl);
		padding-top: 0;
		margin-bottom: var(--space-sm);
		line-height: var(--leading-snug);
	}

	.slideBox .con .slide-right-three .slide-right-three-item .slide-right-three-text {
		color: rgba(255, 255, 255, 0.92);
		font-size: var(--text-base);
		margin-bottom: var(--space-md);
		line-height: var(--leading-normal);
	}

	.slideBox .con .slide-right-three .slide-right-three-item .slide-right-three-content .slide-right-three-content-text {
		color: rgba(255, 255, 255, 0.82);
		font-size: var(--text-sm);
		line-height: var(--leading-relaxed);
	}

	.honor {
		padding: var(--section-py) 0 var(--space-xl);
	}

	.honor .honor-item {
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	.honor .honor-item .honor-title {
		text-align: center;
		color: var(--color-text);
		font-size: var(--text-3xl);
		margin-bottom: var(--title-subtitle-gap);
		line-height: var(--leading-snug);
	}

	.honor .honor-item .honor-text {
		text-align: center;
		color: var(--color-text-secondary);
		font-size: var(--text-base);
		line-height: var(--leading-relaxed);
	}

	.honor .honor-item .certificate img {
		width: 100%;
	}

	.success-cases {
		width: calc(100% - 30px);
		margin: 0 auto;
		padding: var(--section-py) 0;
		background-color: #F7F7F7;
	}

	.success-cases .success-cases-title {
		text-align: center;
		margin-bottom: var(--space-lg);
	}

	.success-cases .success-cases-en {
		display: block;
		font-size: var(--text-xs);
		letter-spacing: 3px;
		color: var(--color-accent);
		margin-bottom: var(--space-sm);
	}

	.success-cases .success-cases-title h3 {
		font-size: var(--text-3xl);
		color: var(--color-text);
		font-weight: 500;
		line-height: var(--leading-snug);
	}

	.success-cases .success-cases-title h3::after {
		content: '';
		display: block;
		width: 32px;
		height: 2px;
		background: var(--color-accent);
		margin: var(--space-sm) auto 0;
	}

	.success-cases .success-cases-title p {
		font-size: var(--text-base);
		color: var(--color-text-muted);
		margin-top: var(--title-subtitle-gap);
		line-height: var(--leading-normal);
	}

	.success-cases .success-cases-grid {
		display: block;
	}

	.success-cases .case-card {
		background: #fff;
		border-radius: 10px;
		padding: var(--space-md) var(--space-md) var(--space-sm);
		margin-bottom: var(--space-md);
		border: 1px solid rgba(0, 0, 0, 0.04);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	}

	.success-cases .case-card-top {
		display: flex;
		align-items: center;
		margin-bottom: var(--space-sm);
		padding-bottom: var(--space-sm);
		border-bottom: 1px solid #f0f0f0;
	}

	.success-cases .case-logo-wrap {
		width: 56px;
		height: 56px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fafafa;
		border-radius: 8px;
		border: 1px solid #eee;
		margin-right: var(--space-sm);
	}

	.success-cases .case-logo {
		width: 44px;
		height: 44px;
		object-fit: contain;
	}

	.success-cases .case-tag {
		display: inline-block;
		font-size: var(--text-xs);
		color: var(--color-accent);
		background: rgba(177, 13, 21, 0.06);
		padding: 2px 8px;
		border-radius: 20px;
		margin-bottom: var(--space-2xs);
	}

	.success-cases .case-company {
		font-size: var(--text-base);
		line-height: var(--leading-snug);
	}

	.success-cases .case-contact {
		font-size: var(--text-sm);
		color: var(--color-text-light);
	}

	.success-cases .case-desc {
		font-size: var(--text-sm);
		color: var(--color-text-secondary);
		line-height: var(--leading-relaxed);
	}

	.backgroundImage {
		position: relative;
	}

	.backgroundImage img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	.backgroundImage p {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);

		color: #FFFFFF;
		font-size: var(--text-lg);
		padding: 0 var(--space-md);
		font-weight: 300;
		line-height: var(--leading-normal);
		letter-spacing: 0.3px;
	}

	.footer {
		width: 100%;
		background-color: #0E0A0A;
		margin-top: -4px;
	}

	.footer .consultingService {
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	.footer .consultingService .main {
		position: relative;
		padding-top: var(--space-xl);
	}

	.footer .consultingService .main .customer p {
		color: var(--color-text-light);
		font-size: var(--text-sm);
		line-height: var(--leading-relaxed);
		margin-bottom: var(--space-xs);
	}

	.footer .consultingService .main .customer .telephone {
		color: #fff;
		font-size: 24px;
		margin-bottom: 20px;
	}

	.footer .consultingService .main .real-time-info p {
		color: #999;
	}

	.footer .consultingService .main .cooperation {
		position: absolute;
		right: 0;
		top: 103px;
	}

	.footer .consultingService .main .cooperation p {
		color: #999;
		line-height: 24px;
	}

	.footer .consultingService .main .QR {
		margin-top: 30px;
	}

	.footer .consultingService .main .QR .QR-item1 {
		display: flex;
		margin-bottom: 20px;
	}

	.footer .consultingService .main .QR .QR-item1 img {
		width: 72px;
		height: 72px;
	}

	.footer .consultingService .main .QR .QR-item1 p {
		color: #999999;
		font-size: 14px;
		margin-left: 20px;
		margin-top: 20px;
	}

	.footer .consultingService .main .QR .QR-item2 {
		display: flex;
		margin-bottom: 20px;
		border-bottom: 2px solid #999;
		padding: 0 20px 40px 0;
	}

	.footer .consultingService .main .QR .QR-item2 img {
		width: 72px;
		height: 72px;
	} 

	.footer .consultingService .main .QR .QR-item2 p {
		color: #999999;
		font-size: 14px;
		margin-left: 20px;
		margin-top: 20px;
	}

	.footer .core {
		padding-top: 10px;
	}

	.footer .core .address-title {
		font-size: var(--text-lg);
		color: #FFFFFF;
		font-weight: 500;
	}

	.footer .core .address {
		margin-top: var(--space-md);
	}

	.footer .core .address .address-item {
		margin-bottom: var(--space-md);
	}

	.footer .core .address .address-item p {
		color: var(--color-text-light);
		font-size: var(--text-sm);
		line-height: var(--leading-relaxed);
		margin-bottom: var(--space-xs);
	}

	.footer .core .address .address-item p:first-child {
		color: #ddd;
		font-size: var(--text-base);
		margin-bottom: var(--space-sm);
	}

	.footer .consultingService .footer_nav p {
		color: var(--color-text-light);
		font-size: var(--text-xs);
		text-align: center;
		padding: var(--space-md) 0;
		line-height: var(--leading-normal);
	}
}