* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: 'Archivo', sans-serif;
	        /*border:1px solid orange;*/
		}

		/* 隐藏所有滚动条 */
		html {
			overflow: auto;
			/* 确保内容溢出时自动处理 */
			-ms-overflow-style: none;
			/* IE 和 Edge */
			scrollbar-width: none;
			/* Firefox */
		}

		/* Chrome, Safari 和 Opera */
		html::-webkit-scrollbar {
			display: none;
		}

		header {
			/* position:fiexed;
			top:0;
			left:0; */
			/* width:100%; */
		}

		.flag{
			transition:1s;
		}
		.flag:hover{
			transform:rotateY(180deg);
		}


		.text_green{
			color:rgba(26,72,43,.98)!important;
		}

		.t_green{
			color:rgba(68,175,131,1);
		}
		.b_green{
			background:rgba(68,175,131,1);
		}
		.bg_green_to_blue{
			background:linear-gradient(to right, rgb(67,173,108), rgb(72,165,231));
		}

		.top_bar {
			width: 100%;
			height: 45px;
			line-height: 45px;
			box-shadow: 0 0 3px rgba(46, 139, 87, .3);
			font-weight: 300;
			font-size: 0.8rem;
			color: darkgray;
			/*background:#edf2f5;*/
			text-shadow: 0 0 1px gray;
		}

		.top_bar img {
			height: 20px !important;
		}

		.top_bar .language {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;
		}

		.top_bar .language img {
			height: 20px;
		}

		.top_bar span{
			padding-left:1rem;
		}




		.logo img {
			width: 430px;
			margin-top: 10px;
			mix-blend-mode: multiply;
		}

		.search-form {
			margin-top: 15px;
			padding: 15px;
			background: transparent;
			border-radius: 5px;
		}

		.search-form form {
			position: relative;
		}

		.search-form form input {

			width: 100%;
			padding: 20px 200px 20px 35px;
			border: 2px solid rgba(67,173,108,.68);
			border-radius: 5px;

		}

		input {
			/*outline: #70D596!important;*/

			/*background:rgba(255,255,255,.38);*/
			background:transparent;
			/*box-shadow: 0 0 5px lightseagreen;*/
		}

		textarea {
			outline: #70D596;
			box-shadow: 0 0 5px lightseagreen;
		}

		.search-form form .search-btn {
			position: absolute;

			right: 3px;
			height: 60px;
			top: 3px;

			/* top: 40%;
			transform: translateY(-40%); */
			outline: none;
			border: none;
			/*box-shadow: 0 0 2px lightseagreen;*/
			overfolow:hidden;
		}

		/* [type=button]:not(:disabled),
		[type=reset]:not(:disabled),
		[type=submit]:not(:disabled),
		button:not(:disabled) {
			cursor: pointer;
		} */

		.tp-btn {
			font-size: 15px;
			line-height: 1;
			font-weight: 700;
			padding: 15px;
			margin:0;
			/*background-color: rgba(130,205,155,1);*/
			/*background: #70D596;*/
			background:linear-gradient(to right, rgb(67,173,108), rgb(72,165,231));
			text-align: center;
			display: inline-block;
			/*border-radius: 5px;*/
			text-transform: uppercase;
			color: white;
			position: relative;
			overflow: hidden;
			z-index: 1;
			transition: .6s;
		}

		.tp-btn:hover {
			background: lightseagreen;
			text-shadow: 0 0 10px lightgreen;
		}

		/* [type=button],
		[type=reset],
		[type=submit],
		button {
			-webkit-appearance: button;
		} */

		.tel_area {
			display: flex;

			flex-direction: column;
			gap: 10px;
			justify-content: center;
			align-items: flex-start;
			height: 100px;
			/* background:yellow; */
			margin-top: 20px;
			font-weight: 500;

		}

		.top_menu_bg {
			/*background: rgba(73, 165, 219, 1);*/
			background:  transparent;
			/*background: rgba(223, 248, 230, 1);*/
			/*background:rgb(45,128,0);*/
			/*box-shadow: 0 0 3px rgba(46, 139, 87, .8);*/
			 border-top: 2px solid  #70D59698;
			border-bottom: 2px solid  #70D59698;

		}

		.navbar-toggler-icon {
			color:rgb(45,83,53)!important;
		}




		.navbar a,
		.navbar span {
			position: relative;
			color: rgba(0, 0, 0, .8) !important;
			text-shadow: 0 0 1px gray;
			transition: .3s;
		}

		.navbar a{
			text-decoration:none;
		}


		.navbar a::before {
			content: "";
			position: absolute;
			left: 0;
			bottom: -3px;
			background: lightseagreen;
			height: 2px;
			width: 0;
			/*box-shadow: 0 0 3px lightgreen;*/
			transition: .3s;
		}


		.navbar a:hover {
			/*box-shadow: 0 0 3px rgba(46, 139, 87, .2);*/
			color: lightseagreen !important;
			/* background:lightseagreen; */
		}

		.navbar a:hover::before {
			width: 100%;
		}

		.navbar-brand{
			font-size:1rem;
			text-transform:uppercase;
			color:rgba(0,0,0,.38)!important;

		}


		/*.navbar-brand::after{*/
		/*	position:absolute;*/
		/*	content:"";*/
		/*	width:100%;*/
		/*	height:10px;*/
		/*	left:0;*/
		/*	!*bottom:-13px;*!*/
		/*	!*background:rgba(46, 139, 87, .9);*!*/
		/*}*/




		.top_menu_area {
			height: 80px;
			line-height: 80px;
			background: rgba(46, 139, 87, .8);
			border-bottom: 1px solid lightgray;
		}

		.title_green{
			display:block;
			width:237px;
			/*background:linear-gradient(to bottom, rgb(84,149,101), rgb(236,264,238));*/
			/*box-shadow: 0px 13px 0 rgb(236,264,238), 0 -16px 0 rgb(84,149,101);*/

			/*background:red;*/
			margin:0;
			padding:2px;
			/*padding:10px;*/
			height:100%;
			font-size:1rem;
			text-align:center;
			/*border:1px solid rgba(0,0,0,.08);*/
			/*border-bottom:none;*/
		}




		.category_title {
			width: 280px;

			display:inline-block;
			position:relative;

		}

		.category_list_parent{
			position:relative;
		}


		.category_list{
			position:absolute;
			width:308px;

			left:0;
			top:48px;
            background: rgba(236, 243, 238, 1);
			border:2px solid #70D59698!important;
			border-top:none!important;
			padding:1rem;
			/*background: rgba(43, 83, 53, 1);*/
			list-style:none;
			opacity:0;
			/*visibility:hidden;*/
			transform-origin:top center;
			transform:rotateX(-90deg);
			/*display:none;*/
			transition:.6s ease;
			z-index:999!important;
			overflow-y: auto;
			/* box-shadow:0 0 2px lightgray; */

		}

		.nav-item:hover .category_list{
			visibility:visible;
			opacity:1;
			transform:rotateX(0);
		}



		/*.navbar-brand:hover .category_list{*/
		/*	visibility:visible;*/
		/*	opacity:1;*/
		/*	transform:rotateX(30deg);*/
		/*	background:red!important;*/
		/*}*/

		.category_list_parent{
			position:relative;
		}


		/*.category_list{*/
		/*	position:absolute;*/
		/*	width:308px;*/

		/*	left:0;*/
		/*	top:48px;*/
        /*    !*background: rgba(88,152,255,.28);*!*/
		/*	background: rgba(255,255,255,.68);*/
		/*	!*border:3px solid rgba(83,150,101,1);*!*/
		/*	border:3px solid rgba(62,123,255, 1);*/
		/*	border-top:none;*/
		/*	!*background: rgba(43, 83, 53, 1);*!*/
		/*	list-style:none;*/
		/*	opacity:0;*/
		/*	visibility:hidden;*/
		/*	transform-origin:top center;*/
		/*	transform:rotateX(-90deg);*/
		/*	!*display:none;*!*/
		/*	transition:.6s ease;*/
		/*	z-index:999!important;*/
		/*	overflow-y: auto;*/
		/*	!* box-shadow:0 0 2px lightgray; *!*/

		/*}*/

		/*.nav-item:hover .category_list{*/
		/*	visibility:visible;*/
		/*	opacity:1;*/
		/*	z-index:999!important;*/
		/*	transform:rotateX(0);*/
		/*}*/


		/*.category_list li{*/
		/*	padding:0.4rem 10px;*/
		/*	border-bottom:1px solid rgba(255,255,255,.3);*/
		/*	transition:.3s;*/
		/*}*/

		/*.category_list li:hover{*/
		/*	background:rgba(0,0,0,.18);*/
		/*}*/

		/*.category_list li a{*/
		/*	color:rgba(0,0,0,.5);*/
		/*	text-decoration:none;*/
		/*}*/


		.nav_menu {
			background: seagreen;
		}

		.nav-item {
			padding-right: 30px;
			position:relative;
		}

		.page_banner{
			width:100%;
			overflow:hidden;
			/*height:380px;*/
			box-shadow:0 3px 6px 3px rgba(0,0,0,.08);
			position:relative;
		}
		.page_banner img{
			width:100%;
			/*height:380px;*/
			/*background:url(../img/banner_rarechem_office.jpg) no-repeat;*/
			/*background-size:cover;*/
		}

		.our_words{
			position:absolute;
			bottom: -10px;
			left:50%;
			transform:translateX(-50%);
			font-size:1.18rem;
			font-weight:760;
			color:navajowhite;
			/*color:rgba(43,83,53,1);*/
			background:rgba(43,83,53,9);
			border-top-left-radius:10px;
			border-top-right-radius:10px;

			box-shadow: 10px 10px 22px 6px gold;
			padding:2px 10px;
			max-width:680px;
			transition:1s;
            z-index:99!important;
			opacity:0;


			/*display:none;*/

		}

		.page_banner:hover .our_words{
			/*display:block;*/
			opacity:1;
		}


		.my_banner_carousel {
			width:100%;
			/*height:100vh;*/

			 /*height: 380px !important;*/
			/*position:absolute;*/
			/*top:166px;*/
			/*left:0;*/
			/*z-index:-1;*/
		}
		.my_banner_carousel img{
			width:100%;
			/*height:100vh;*/
		}



		.text_w_transparent{
			color: rgba(255,255,255,.68)!important;
		}


		/*.fixed_row{*/
		/*	margin-top:60vh;*/
		/*	background:red!important;*/
		/*	z-index:-99;*/
		/*	!*background:url(../img/shape_leaf.png) no-repeat left;*!*/
		/*}*/

		.btn_green_to_blue{
			background:linear-gradient(to right, rgb(67,173,108), rgb(72,165,231));
			padding:6px 20px;
			text-decoration:none;
			transition:.6s;
		}
		.btn_green_to_blue:hover{
			background:linear-gradient(to right, rgb(72,165,231), rgb(67,173,108));
			color:white!important;
			box-shadow:0 0 5px lightblue;
			text-decoration:none;
		}


		#demo img {
			/*width: 100%;*/
			/* 	height:500px;
			border:1px solid red; */
		}

		.banner{
			width:100%;
			/*height:300px;*/

		}
		.banner img{
			/*height:100%;*/
		}

		.my_caption{
			top:40%;
		}
		.my_caption h1, .my_caption h3{
			text-transform:uppercase;
		}


		.product_serials{
			display:grid;
			height:2rem;
			line-height:2rem;
			grid-template-columns:repeat(3, 1fr);
			justify-content:center;
			margin-bottom:30px;

		}
		.product_serials_item{
			border:1px solid red;
		}

		.my_category a{
			display:inline-block;
			width:100%;
			text-decoration:none;
			color:rgba(0,0,0,.9);
			font-weight:700;
			transition:.6s;
		}
		.my_category a:hover{
			color:darkblue;
			padding-left:1rem;
			/*background:lightgreen;*/
		}

		/*.h_category_area{*/
		/*	width:100%;*/
		/*	display:grid;*/
		/*	grid-template-columns:repeat(6, 1fr);*/
		/*	gap:0;*/
		/*}*/
		/*.h_lanmu_box{*/
		/*	border:1px solid red;*/
		/*}*/
        .grid_category{

			background:url(../img/bg_grass.png) no-repeat bottom;
			display:grid;
			grid-template-columns:1fr 1fr 1fr 1fr;
			/*grid-template-rows: 1;*/
			gap:0;
			z-index:99;

		}
		.grid_category_item{
			display:flex;
			justify-content:center;
			align-items:center;
			transition:0.6s;
		}
		.grid_category_item a {
			display:block;
			padding:0 1rem;
			text-decoration:none;
			font-weight:600;
			color:darkgreen;
			cursor:pointer;
			transition:.6s;

		}
		.grid_category_item a:hover {
			color:deepskyblue;
			transform:translateX(1rem);
		}


		.border_l_r{
			border-left:3px solid #69BC4D;
			border-right:3px solid #69BC4D;
		}


		.h_category_area{
			background:linear-gradient(to right, rgba(67,173,108,.6), rgba(72,165,231,.6));

			/*background:url(../img/bg_lz.jpg);*/
			/*background:rgba(57,141,122,1);*/
			/*background:url(../img/bg_land.jpg)*/
		}

		.h_category_area_box{

			display:flex;
			padding-top:0.6rem;
			justify-content:center;
			align-items:center!important;
			transition:.3s;
			/*background:#DBF8E6;*/
		}

		.h_category_area_box:hover{
			/*background:lightyellow;*/
			color:green;
			 box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
		}
		.h_category_area_box img{
			height:100%;
			vertical-align:center;
		}
		.h_category_area_box p{
			padding-top:0.8rem;
			padding-left:1rem;
			color:rgba(255,255,255,.8);
			font-weight:700;
		}

		.bg_light_green{
			background:#A0EE8E60;
		}
		.bg_light_blue{
			background:#B5D8E660;
		}
		.bg_light_cyan{
			background:#A0EE8E60;
			/*background:#75ACFF60;*/
		}



		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active  {
	/*background:rgba(108,200,238,9);*/
	background:rgba(10,3,63,.58);
	color:white;
	margin:0;
}

.content .nav-item, .tab_softwares .nav-item {
	padding:0!important;
	font-weight:bold;
}

.content .nav-tabs .nav-link {
            border-radius: 0 !important;
        }

.content .nav-tabs .nav-link:active {
           background:orangered;
        }


.content #myTab {
	display:flex;
	justify-content:space-between;
	border:none; //去掉下横线
}


.content .nav-item {
	width:230px!important;
	font-size:16px;
	text-align:center;
	padding:3px 10px;
	margin:6px;
	background:rgba(0,0,0,.18);
	border:1px solid rgba(255,255,255,.18);
}


.content .tab-pane {
	        border:none;

            transition: opacity 0.3s linear !important;
        }
.content .tab-pane:not(.active) {
            opacity: 0;
            display: none;
        }
.content .tab-pane.active {
            opacity: 1;
            display: block;
        }

        /*.title_desc{*/
		/*	position:relative;*/
		/*	margin-bottom:60px;*/
		/*}*/
		/*.title_desc::after{*/
		/*	width:280px;*/
		/*	height:2px;*/
		/*	position:absolute;*/
		/*	bottom:-20px;*/
		/*	left:0;*/
		/*	content:"";*/


		/*	background:linear-gradient(to right, rgb(67,173,108), rgb(72,165,231));*/

		/*}*/
        .title_line{
			width:398px;
			height:3px;
			background:linear-gradient(to right, rgb(67,173,108), rgb(72,165,231));
			margin:2rem 0;
		}

		.card {
			margin-bottom:1rem;
			position: relative;
			overflow: hidden;
			background:transparent;

			box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
			height: 380px;
			cursor: pointer;
		}
		.img_source_box{

			display:flex;
			justify-content:center;


		}
		.img_source_box img{
			margin:6px;
			width:160px;
			height:160px;
			border-radius:50%!important;
			border:3px solid rgba(255,255,255,.6);
		}

		/* 背景图片样式 */
        .card_bg_img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .6s;
        }

		 /* 卡片悬停时图片缩放效果 */
        .card:hover .card_bg_image {
            transform: scale(1.06);
			transition: .6s;
        }

        /* 文字描述区域样式 */
        .card_content {
			height:380px;
            position: absolute;
            bottom: 80px;
            left: 0;
            right: 0;
            background-color: rgba(0,0, 0, 0.3);
            color: white;
            padding: 1.5rem;
            transform: translateY(100%);
            transition: transform 0.5s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        /* 悬停时文字区域升起 */
        .card:hover .card_content {
            transform: translateY(80px);
        }



		.recommend_products{
			/* background:url(../img/col-bgimage-3.png) no-repeat center; */
			margin-top:30px;
			/*background:url(../img/bg_square.png) no-repeat center;*/
			/*background-size:cover;*/
			background:url(../img/shape_leaf.png) no-repeat left top;


			border-bottom:1px solid lightgrey;
		}
		.recommend_product_box{
			position:relative;
			margin:10px 0;
			padding:5px;
			display:flex;
			flex-direction:column;
			justify-content:center;
			/* background:lightgoldenrodyellow; */
			background:transparent;
			/*border:1px solid lightgray;*/
			border-radius:3px;
			box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
			/*box-shadow:0 0 2px lightgray;*/
			overflow:hidden;
			transition:.6s;

		}
		.recommend_product_box:hover{
			box-shadow:0 0 5px lightgray;
			/*transform:translateY(-5px);*/
			/*box-shadow:0 0 5px gray;*/
			 box-shadow: 0px 10px 30px 0px rgba(209,209,209,0.5);
		}

		.img_front{
			/*position:absolute;*/
			/*top:0;*/
			/*left:0;*/
			opacity: 1; /* 完全显示 */
    		z-index: 2; /* 确保在顶层 */
		}
		.img_back{
			position:absolute;
			top:0;
			left:0;
			opacity: 0; /* 完全透明 */
    		z-index: 1; /* 位于底层 */
		}

		.recommend_product_box img{

			transition: opacity 0.8s ease; /* 平滑过渡效果 */
		}

		.recommend_product_box:hover .img_front{
			opacity: 0; /* 隐藏正面图片 */

		}

		.recommend_product_box:hover  .img_back{
			opacity: 1; /* 显示面图片 */
		}



		.my_content_box{
			background:white;
			box-shadow:0 0 10px lightgray;
			text-align:center;
			/* height:300px; */
		}

		.advantage{
			padding:60px 0;
			background:#B5D8E630;
		}
		.advantage_item{
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;

		}
		.advantage_item img{
			width:50%;

		}

		.quality{
			padding:60px 0;

		}
		.h_quality_scroll_box{
			height:300px;
			display:flex;
			justify-content:space-evenly;
			overflow:hidden;
		}
		.h_quality_scroll_box img{
			height:100%;
		}


		.why_choose_us{
			background: rgba(46, 139, 87, .2);

			display:flex;
			justify-content:space-between;
			align-imems:center;
		}
		.why_choose_us_box{

			border-right:1px solid lightgray;
			border-radius:3px;
			display:flex;
			justify-content:flex-start;
			gap:30px;
			background:rgba(255,255,255,.3);
			padding:20px;
			box-shadow:0 0 10px lightgray;
			transition:.6s;
		}
		.why_choose_us_box:hover{
			backgorund:rgba(46, 139, 87, .7)!important;
			color:lightseagreen;
			transform:translateY(-5px);
		}

		.choose_us {
			background: url(../img/bread-bg.png) no-repeat center center;
			background-size: cover;
			padding:60px 0;
		}
		.about_us{
			background:url(../img/bg_content.jpg) no-repeat bottom;
			background-size:cover;
			padding:50px 0!important;
			marign:0;
			/* height:500px; */
		}
		.news{
			padding:60px 0;
			background:rgba(216,239,235,.38);
		}
		.news_box{
			display:grid;
			grid-template-columns: 200px 1fr;

		}
		.news_brief{
			border-bottom:1px dashed rgba(0,0,0,.38);
			padding:15px 0;

		}

		.btn_right{
			margin-left:60px;
			color:white;
		}

		.product_photo img{
			width:100%!important;
		}

		.product_row{
			display:grid;
			grid-template-columns:160px auto;
			column-gap:1rem;
			margin:0;
			/*border:1px solid red;*/

		}
		.product_row  dt{
			font-weight:300;
			/*border:1px solid blue;*/
		}
		.product_row dd{
			border-bottom:1px dotted lightgray;
		}




		.feedback{
			background:rgba(0,0,0,.03);
			/* height:300px; */
		}

		.polygon_box {

			-webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
			clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
			/* background-color: orchid; */
			background: rgba(46, 139, 87, .6);
			box-shadow:0 0 10px red;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 200px;
			width: 200px;
			text-align: center;
			line-height: 30px;
			flex: 0 0 auto;
			-webkit-transition: all 0.6s ease-out 0s;
			-moz-transition: all 0.6s ease-out 0s;
			-ms-transition: all 0.6s ease-out 0s;
			-o-transition: all 0.6s ease-out 0s;
			transition: all 0.6s ease-out 0s;

		}
		.polygon_box p{
			color:rgba(0,0,0,.6);
			text-shadow:0 2px 3px lightgray;
		}

		.my_tab{
          border-bottom:1px solid lightgray;
		}
		.my_tab_page .nav-link{
			display:block;
			border-bottom-left-radius:0;
			border-bottom-right-radius:0;

		}
		.my_tab_img{
			width:100%;
		}

		.tab-content{
			box-shadow: 0 1px 3px  lightgray;
		}

		.company_equip_icon{
			width:100%;
		}

		.footer {

			/*background: rgba(46, 139, 87, .3);*/
			/*background: rgba(223, 248, 230, 1);*/

			background:#edf2f5;
			background:url(../img/footer_grass.png) no-repeat bottom;
			/*background-size:cover;*/
			color: rgba(0, 0, 0, .6);
			/*border-top:2px solid #5BAC78;*/
			border-top:2px solid lightgray;
			text-shadow: 0 0 1px gray;
		}

		.footer_social {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.footer_social i {
			height: 38px;
			width: 38px;
			line-height: 38px;
			text-align: center;
			border-radius: 50%;
			display: inline-block;
			color: darkcyan;
			border: 1px solid darkcyan;
			transition: .3s;
		}

		.footer_social i:hover {
			color: lightseagreen;
			border: 1px solid lightseagreen;
			transform: translateY(-10px);
		}

		.footer_links {
			padding: 10px;
		}

		.footer_links ul li {
			list-style: none;
			padding: 5px;
		}

		.footer_links ul li a {
			color: rgba(0, 0, 0, .6);
			text-decoration: none;
			transition: .3s;

		}

		.footer_links ul li a:hover {
			color: lightseagreen;
			text-shadow: 0 0 5px lightgreen;
			margin-left:8px;
		}

		.footer_wechat{
			padding-top:2rem;
			max-width:160px;
		}


		.footer_copyright {
			padding: 30px 0;
			border-top: 1px solid rgba(0, 0, 0, .1);

			color: rgba(0, 0, 0, .4);
			text-shadow: 0 0 1px lightgray;
		}

		.gray_link{
			text-decoration:none;
			color:rgba(0,0,0,.68);
			transition: .3s;
		}

		.gray_link:hover{
			text-decoration:none;
			margin-left:6px;

		}

		.my_content{

			padding:3rem 1rem;
			/*border:3px dashed blue;*/
		}


		.contact_box{
			/*border-top:1px solid rgba(0,0,0,.18);*/
			min-height:260px;
			background:rgba(236,243,238,.8);
			border-radius:5px;
			padding:5rem 2rem;
			position:relative;
			transition:.6s;
		}
		.contact_box:hover{
			background:rgba(150,206,251,.9);
			box-shadow: 1px 1px 18px 3px rgba(150,200,251,.6);

		}
		.contact_box:hover  .i_box{
			background:lightskyblue;
			color:white;
		}

		.contact_box .i_box{
			color:lightskyblue;
			position:absolute;
			left:50%;
			transform:translateX(-50%);
			top:-50px;
			width:100px;
			height:100px;
			border-radius:50%;
			background:rgba(236,243,238,1);
			display:flex;
			justify-content:center;
			align-items:center;
			transition:.6s;
		}
		.envlope_border{
			padding:1rem;
			border:10px solid transparent;
			background:linear-gradient(white,white) padding-box,repeating-linear-gradient(-45deg,red 0,red 12.5%,transparent 0,transparent 25%,#58a 0,#58a 37.5%,transparent 0, transparent 50%) 0/5em 5em;

			}

		.zoom_big{
			transition:.6s;
		}
		.zoom_big:hover{
			transform:scale(1.08);
		}

		.zoom_bigger{
			transition:1.6s ease-in-out;
		}
		.zoom_bigger:hover{
			transform:scale(1.58);
		}

		.about_us_txt{
			line-height:2rem;
		}

		.about_us_words{
			width:0;
			transition:1s;
		}


		 /* 自定义样式 */
        .news-container {
            padding: 2rem 0;
        }

        .news-item {
            display: flex;
            margin-bottom: 2.5rem;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
        }

        .news-item:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        }

        /* 左侧图片区域 - 占4列 */
        .news-image-container {
            flex: 0 0 33.333333%; /* 相当于col-md-4 */
            max-width: 33.333333%;
        }

        .news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 右侧内容区域 - 占8列 */
        .news-content {
            flex: 0 0 66.666667%; /* 相当于col-md-8 */
            max-width: 66.666667%;
            padding: 1.5rem 2rem;
        }

        .news-date {
            color: #6c757d;
            font-size: 0.9rem;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
        }

        .news-date i {
            margin-right: 0.5rem;
            color: #007bff;
        }

        .news-title {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: #2d3436;
            line-height: 1.3;
            transition: color 0.3s ease;
        }

        .news-item:hover .news-title {
            color: #007bff;
        }

        .news-summary {
            color: #636e72;
            line-height: 1.7;
            margin-bottom: 1.25rem;
            font-size: 1rem;
        }

        .read-more {
            color: #007bff;
            font-weight: 500;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            transition: all 0.3s ease;
        }

        .read-more:hover {
            color: #0056b3;
            text-decoration: none;
            transform: translateX(3px);
        }

        .read-more i {
            margin-left: 0.3rem;
            transition: transform 0.3s ease;
        }

        .read-more:hover i {
            transform: translateX(3px);
        }

        .section-title {
            margin: 0 0 2.5rem 0;
            padding-bottom: 0.75rem;
            border-bottom: 3px solid #007bff;
            color: #2d3436;
            font-weight: 700;
        }



		/* 定义呼吸动画 */
		@keyframes breath {
		  0% { transform: scale(1); }
		  70% { transform: scale(1.08); } /* 放大比例可调整 */
			/*100% {opacity:0.3}*/
		  100% { transform: scale(1); }
		}

		/* 应用动画到图片 */
		.breath-effect {
		  animation: breath 10s ease-in-out; /* 动画时长 6 秒 */
		  animation-timing-function: ease-in-out; /* 缓动函数 */
		}

		/* 确保图片不被挤压变形 */
		.carousel-item img {
		  object-fit: cover; /* 推荐使用 cover 保持比例 */
		  /*height: 400px; !* 根据需求调整高度 *!*/
		}




.sidebar {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 999;



}
.sidebar ul li {
        width: 60px;
        height: 60px;
        border-bottom: 0px;
	    display:flex;
	    justify-content:center;
	    align-items:center;
        /*padding-top: 16px;*/
        /*text-align: center;*/
	    /*vertical-align:middle;*/
        position: relative;
        /*background: rgba(38,151,213,0.2);*/
	    background:#7FF0C968;
        margin-bottom: 10px;
        border-radius:6px;
		list-style:none;
	    transition: .3s;

}
.sidebar ul li a{
	color:#0188DA;
	/*text-align:left!important;*/
	/*display:inline-block;*/
	border-radius:3px;
	padding:3px;
	transition:.6s;
}
.sidebar ul li a:hover{
	background:rgba(9,20,8,.68);
	color:#7FF0C9!important;
}
.service_icon {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
    position: absolute;
    top: 0px;
    right: 50px;
    width: 238px;
    height:270px!important;
    padding: 6px;
    background-color: #7FF0C9;
    display: none;
    border: none;
    line-height:50px;
    border-radius:6px;
	transition:.6s;

}
.sidebar ul li:hover {
   background-color: #7FF0C9;
    color: #fff;
	transition:.6s;
}
    .sidebar ul li:hover a {
        color: #fff;
        text-decoration:none;
    }
	.sidebar ul li i {
		font-size: 30px;
	}
	.sidebar li:hover .service_icon {
		display: flex;

	}

	.sidebar li:nth-child(2):hover .service_icon {
		display: flex;
		top:-69px;

	}

	.sidebar li:nth-child(3):hover .service_icon {
		display: flex;
		top:-141px;
	}

	.sidebar li:nth-child(4):hover .service_icon {
		display: none;
		/*top:-209px;*/
	}

.bg_login{
    background-image: linear-gradient(120deg, #15fccf 0%, #070662 100%);
}
.my_login{
	width:100vw;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.box {
    display: flex;
    overflow: hidden;
    width: 50vw;
    height: 60vh;
    background-color: rgba(197,238,251,.9);
    border-radius: 1.5rem;
    margin: 10% auto;
    box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, .1);
}

.box .left {
    position: relative;
    width: 35%;
    height: 100%;
    background-color:skyblue;

}

.box .left::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/equip_2.JPG) center/cover no-repeat;

}

.box .right {
    display: flex;
    width: 65%;
    flex-direction: column;
    align-items: center;
}

.box .right h4{
    color: #533FC7;
    font-size: 2rem;
    margin-top: 2rem;
    text-shadow: 1px 1px 0 #c9c9c9;
}

.box .right form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.box .right form .user {
    outline: none;
    width: 70%;
    height: 3rem;
    font-size: 1.2rem;
    margin-top: 3rem;
    padding: 1rem 0 0 1.2rem;
    border: none;
    border-bottom:1px solid #28282882 ;
    color: #000000;
    background-color: rgba(0,0,0,0);
}

.right form .user:focus {
    outline: none;
    color: darkblue;
    padding: 1rem 0 0 1.6rem;
}

.right .submit {
    width: 60%;
    height: 3rem;
    color: #f6f6f6;
    background-image: linear-gradient(120deg, #15fccf 0%, #2583fc 100%);
    font-size: 1.2rem;
    border: none;
    border-radius: 0.5rem;
    margin: 3rem 0 0 50%;
    transition:1s;
    transform: translateX(-50%);
}

.right .submit:hover {

    /*font-weight:bold;*/
    color:#238DF8;
    background:#00F7DE;
    box-shadow: 0 0 2px -1px #007DDB60;
    transition:1s;
}
.user_management{
    padding:10px 0;
}
.user_management:hover{
    text-decoration: none;
}

.user_link{
    padding:10px 20px;
}

.user_edit{
    outline: none;
    width: 130px;
    height: 30px;
    line-height:30px;
    font-size: 1.2rem;
    padding: 2px 2px;
    border: none;
    border-bottom:1px solid #28282882 ;
    color: #000000;
    background-color: rgba(0,0,0,0);
}
.right_edit{
   padding:30px 60px;
}

.box .right_edit h4 {
    color: #533FC7;
    font-size: 2rem;
    margin-top: 3rem;
    text-shadow: 1px 1px 0 #c9c9c9;
}


.user_option{
    float:left;
    text-align:left;
    margin-top:10px;


}
.login_footer{
    padding:20px 30px;
}

.text_limit_length{
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;

}

.r_button{
	margin:0 10px!important;
}


.input-group {
	display:flex;
	align-items:center;
}

.flex_box{
	vertical-align: middle;
	/*display:flex;*/
	/*justify-content:space-between;*/
	/*align-items:center;*/
}

.my_admin_box{

	padding:50px;
	margin:0 auto;
	background:rgba(0,0,0,.02);
	border:2px solid lightcyan!important;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.18);

}
.title_word{
	padding:0 3px;
}

.table_product_details th, .table_product_details tr, .table_product_details td{
	font-size:0.8rem!important;
}

/*禁止CKEDITOR版本提示*/
 .cke_notifications_area {
     display: none!important;
 }

 .cke_notification_message{
	 display:none!important;
 }




@media (max-width: 768px){
	/*.logo{*/
	/*	margin-left:3rem!important;*/
	/*}*/
	h1,h2,h3{
		font-size:1.2rem;
	}
	h4,h5{
		font-size:1rem;
	}
	.top_phone{
		display:none;
	}
	.language_flag{

	}
	.flag{
       display:none;
	}

	.language_column{
		display:none;
	}
	.tel_area{
		display:none!important;
	}
	.top_bar{
		display:none;
	}
	.logo img{
		width:380px!important;
	}

	.search-form form .search-btn {
		height:38px;
	}

	.my_banner_carousel{
		height:258px!important;
	}
	.carousel-inner{
		height:258px!important;
	}
	.carousel-item{
		height:258px!important;
	}

	/*.carousel-item img{*/
	/*	height:100%!important;*/
	/*}*/
	/*.logo_with_name{*/
	/*	width:460px!important;*/
	/*	margin:1rem;*/
	/*	padding:0;*/
	/*}*/
	/*.logo_footer{*/
	/*	width:460px!important;*/
	/*}*/
	.category_list{
		display:none;
	}
	.search-form form input {

			width: 100%;
			padding: 10px 20px;
			border: 2px solid rgba(67,173,108,.68);
			border-radius: 5px;

		}
	input{
		font-size:0.8rem;
	}

	.my_banner_carousel{
		height:258px!important;

	}
	.carousel-item{
		overflow:hidden!important;
	}

	.carousel-item img{
		height:100%!important;
		/*vertical-align: middle!important;*/

	}
	.grid_category_item a{
		font-size:0.7rem!important;
	}

	.text_green{
		font-size:1.5rem;
		font-weight:bold;
		padding:2rem 0;
	}
	.title_desc{
		font-size:1.1rem;
	}
	.title_line{
		width:360px;
		margin:0.5rem 0;
	}

	.btn_right{
			/*margin-left:60px;*/
		    margin-left:0!important;
			color:white!important;
		    display:block!important;
		}
	.banner{
		overflow:hidden!important;
	}

	.footer_links ul {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:1rem;
	}

	 .news-item {
                flex-direction: column;
            }

            .news-image-container,
            .news-content {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .news-image-container {
                height: 200px;
            }

	.sidebar{
		display:none;
	}
}