.structure-layout .h1,
.structure-layout .h2,
.structure-layout .h3,
.structure-layout .h4,
.structure-layout .h5,
.structure-layout .h6 {
    color: #000;
    font-weight: 700;
    font-family: 'Arial', sans-serif;
    font-size: 1.75rem;
 }
.structure-layout .product-structure .structure-table {
    padding-top: 20px;
    padding-bottom: 20px;
    border-collapse: collapse;
}
.structure-layout .product-structure .structure-table .structure-row {
    display: table-row;
    margin: 10px 0;
}
.structure-layout .product-structure .structure-table .structure-row .col-left {
    width: 40%;
    background-color: #fafafa;
}
.structure-layout .product-structure .structure-table .structure-row .col-right {
    width: 60%;
    background-color: #fff;
    display: table-cell;
}
.structure-layout .product-structure .structure-table .structure-row .col-left,
.structure-layout .product-structure .structure-table .structure-row .col-right {
    padding: 12px;
    display: table-cell;
    border: 1px solid #f4f4f4;
    font-size: 14px;
    color: #222;
    line-height: 20px;
}
table.has-title {
    margin-bottom: 10px;
}

.poorder .tab-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.poorder .tab-list dd {
    cursor:pointer;
}

.poorder #ert {
    width:21px;
    height:22px;
    float:left;
    background-image:url(../images/p-he.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.poorder #uioi {
    width:21px;
    height:22px;
    float:left;
    background-image:url(../images/p-su.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.poorder .tab-list .list .current {
    background-image:url(../images/p-he-1.jpg) !important;
}

.poorder .tab-list .list1 .current {
    background-image:url(../images/p-su-1.jpg) !important;
}




/*  */
.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.com-img2{ display:block; overflow:hidden;}
.com-img2 img{ transition:transform .3s ease-out; -webkit-transition:transform .3s ease-out; -moz-transition:transform .3s ease-out; -o-transition:transform .3s ease-out;}
.com-img2:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.relative{position: relative;}

.flex2{ display: flex;display: -webkit-flex;}
.wrap{flex-wrap:wrap}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.hclamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hclamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.hclamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.hclamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.max1460{max-width: 1490px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.max1500{width:90.625%;margin:0 auto;max-width: 1500px;}
.max1400{max-width: 1430px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}



/* header */
.header{
    width: 100%;
    z-index: 999;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top-header{
    position: relative;
    background: #fff;
}

.tp-infor{
    font-size: 15px;
    color: #666666;
	line-height: 45px;
}
.tp-wel{
    margin-left: 10px;
}
.top-middle {
    z-index: 99;
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
    background-color: rgba(75, 161, 54, .9);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.top-mid-flex {
	height: 95px;
}

.logo {
	position: relative;
}

.logo a {
	display: block;
}

.logo a img {
	max-width: 100%;
    max-height: 58px;
}

.header-ss {
    margin-left: 1.25vw;
	position: relative;
	width: 36px;
	height: 36px;
}

.header-ss .ss_btn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    border-radius: 50%;
	background: url(//wm.cdn.cn86.cn/whhuacheng/2025/03/31d7fc8381uzpzoq.png) no-repeat center;
	cursor: pointer
}

.search-box {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 99;
	display: none;
	background: #fff;
	padding: 16px 20px;
	-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%)
}

.header-ss .ss-search {
	width: 220px;
	position: relative;
	background: #fff;
	border: 1px solid var(--main-theme-color);
	display: flex;
}

.header-ss .ss-search input {
	height: 34px;
	line-height: 34px;
	outline: 0;
	border: none;
	font-size: 0
}

.header-ss .ss-search #keyword {
	width: calc(100% - 50px);
	padding-left: 10px;
	color: #000;
	font-size: 14px
}

.header-ss .ss-search #s_btn {
	width: 50px;
	background-color: var(--main-theme-color);
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(//wm.cdn.cn86.cn/whhuacheng/2025/03/db0005fade5rflkd.png)
}

.yya {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    transition: all .6s;
}

.gizle {
    top: -130px !important;
    transition: all .6s;
}
.sabit {
    top: 0 !important;
    z-index: 999;
    transition: all .6s;
}


/* x-menu */
.x-menu {
	position: relative;
}
.x-menu>li {
	position: relative;
	text-align: center;
}
.x-menu>li>a {
	display: block;
	font-size: 16px;
	color: #fff;
	height: 95px;
	line-height: 95px;
	text-transform: uppercase;
}
.x-menu>li:hover>a {
	color: #fff!important;
}
.x-menu>li:hover .x-sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.x-sub-menu {
	position: absolute;
	z-index: 999;
	width: 150%;
	left: -25%;
	top: 100%;
	background: #fff;
	border-radius: 5px;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.x-sub-menu>li>a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	padding: .5em;
	text-transform: uppercase;
}
.x-sub-menu>li>a:hover {
	color: #333;
}

@media (min-width: 1200px){
	.x-menu>li{
		margin-left: 25px;
		margin-right: 25px;
	}
}

@media (min-width: 1440px){
	.x-menu>li{
		margin-left: 35px;
		margin-right: 35px;
	}
}



/* banner */
.home-banner {
    position: relative;
}
.home-banner .swiper-slide {
    position: relative;
}
.home-banner .swiper-slide a {
    display: block;
}
.home-banner .swiper-slide a > img {
    display: block;
    width: 100%;
}

.home-banner .swiper-pagination1{
    bottom: 40px;
}
.home-banner .swiper-pagination1 .swiper-pagination-bullet{
    margin: 0 8px!important;
	width: 12px;
    height: 12px;
	opacity: 1;
    background: rgba(255,255,255,.6);
}
.home-banner .swiper-pagination1 .swiper-pagination-bullet-active{
    background: #4ba136;
}

/*  */
.w1400 {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 10px
}

.flex_a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.flex_b {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*  */

.box11{background:url(//wm.cdn.cn86.cn/wxjsy/2024/07/0de78c1447hmtkpl.png) no-repeat center top #f2f4f8;padding-top:78px;padding-bottom:100px}
.num-list{margin-top:60px}
.num-list li{text-align:center;width:23%}
.num-list li:first-child{border-left:1px solid rgba(255,255,255,.6)}
.num-list li .sz_z{margin-top:1.5vw}
.num-list li .sz_z span{font-size:60px;color:#4ba136;font-family:Gilroy-Black;font-weight:600;position:relative}
.num-list li p{color:#666;font-size:18px;text-align:center;line-height:22px;height:60px;overflow:hidden}

@media (max-width:1440px){
	.num-list li p{font-size:25px}
	.num-list li .sz_z span{font-size:45px}
}
@media (max-width:1280px){
	.num-list li p{font-size:20px}
	.num-list li .sz_z span{font-size:35px}
}
@media (max-width:768px){
	.num-list li p{font-size:15px;line-height: 1.3;height: 50px;}
	.num-list li .sz_z span{font-size:24px}
	.num-list li{width:50%;margin-bottom:20px}
	.num-list{margin-top:30px}
}
.ab_con{position:relative;margin-top:65px}
.ab_a{width:59.42%}
.ab_a img{width:100%}
.aann{width:47.28%;position:absolute;top:60px;right:0;background:#fff;padding:45px}
.aann h2{font-family:Arial-BoldMT;font-size:40px;font-weight:600;letter-spacing:0;color:#222}
.aann h3{font-family:ArialMT;font-size:16px;font-weight:400;font-stretch:normal;line-height:26px;letter-spacing:0;color:#666;margin-top:30px}
.aann h4{text-transform:uppercase;margin-top:30px;font-size:16px;font-weight:600;letter-spacing:0}
.aann h4 a{color:#4ba136}

@media (max-width:1440px){
	.aann h2{font-size:30px}
}
@media (max-width:1440px){
	.aann{width:47.28%;position:absolute;top:50px;right:0;background:#fff;padding:35px}
}
@media (max-width:1280px){
	.aann{width:47.28%;position:absolute;top:40px;right:0;background:#fff;padding:35px}
}
@media (max-width:1200px){
	.aann{width:47.28%;position:absolute;top:30px;right:0;background:#fff;padding:15px}
}
@media (max-width:1100px){
	.ab_a{width:100%}
	.aann{width:100%;position:relative;top:0;right:0;background:#fff;padding:15px}
	.aann h3{margin-top:20px}
	.ab_con{margin-top:30px}
	.box11{padding-top:38px;padding-bottom:40px}
}



.box2{margin-top:70px}
.pp_ll{margin-top:55px}
.pp_ll li{box-shadow:0 0 15px rgba(0,0,0,.1);margin-top:25px;margin-bottom:25px}
.xx_a{height:1px;background-color:#e5e5e5;width:100%;margin:0 auto;margin-top:15px;margin-bottom:25px}
.pp_ll li:hover .xx_a{background:#4ba136}
.dg_a{width:90%;margin:0 auto;padding-bottom:25px}
.pp_ll li h4{font-size:20px;font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0;color:#333;text-align:center}
.pp_ll li h5{font-size:14px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#888;height:44px;overflow:hidden;text-align:center}
.pp_ll li:hover h4{color:#4ba136}
.pp_ll li h2{font-size:13px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#4ba136;text-align:center;text-transform:uppercase}
.pp_ll li h2 img{padding-left:8px}
.product-swiper{position:relative;padding-bottom:50px}
.pp_ll .swiper-pagination-bullet{display:inline-block;border-radius:100%;background:0 0;width:12px;height:12px;border:solid 1px #4ba136;opacity:1}
.pp_ll .swiper-pagination-bullet-active{opacity:1;background-color:#4ba136}
@media (max-width:1280px){
	.box2{margin-top:40px}
	.product-swiper{position:relative;padding-bottom:20px}
}
.xx_b{width:100%;height:1px;background:#e5e5e5;margin-top:2.5vw;margin-bottom:2.5vw}
.solutions-box{background:#030a1e;padding:50px 20px;margin-top:50px}
.solutions-list{font-size:0}
.solutions-list li{width:13%;display:inline-block;transition:all .3s;position:relative;box-sizing:border-box;overflow:hidden;border-radius:10px}
.solutions-list li.active{width:45%}
.solutions-list li img{max-width:initial;transition:all ease-in-out .3s;height:604px;object-fit:cover}
.solutions-list li:hover img{transform:scale(1.1);transition:all ease-in-out .3s}
.solutions-list li h2{font-size:24px;font-weight:400;font-stretch:normal;line-height:26px;letter-spacing:0;color:#fff;position:absolute;width:100%;bottom:0;padding:55px;display:none}
.solutions-list li.active h2{display:block}

@media (max-width:1440px){
	.solutions-list li h2{padding:30px;font-size:18px}
}
.list_a{margin-top:35px}
.list_a li{width:48.5%;position:relative;margin-bottom:25px}
.list_a li img{width:100%}
.list_a li h2{font-size:14px;font-weight:400;font-stretch:normal;line-height:26px;letter-spacing:0;color:#fff;position:absolute;width:100%;bottom:0;padding:5px}
.box4{padding:70px 0;}
.nn_ll{margin-top:55px}
.nn_ll li:hover .xx_a{background:#4ba136}
.nn_ll li .imgx{margin-bottom: 20px;}
.nn_ll li .imgx img{width: 100%;}
.nn_ll li h4{font-size:20px;font-weight:400;font-stretch:normal;line-height:25px;overflow:hidden;letter-spacing:0;color:#333;text-align:left;height:50px}
.nn_ll li h5{font-size:14px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#888;height:44px;overflow:hidden;text-align:left}
.nn_ll li h3 img{padding-right:8px;margin-top:-5px}
.nn_ll li h3{font-size:14px;font-weight:400;font-stretch:normal;line-height:30px;letter-spacing:0;color:#999}
.nn_ll li:hover h4{color:#4ba136}
.nn_ll li h2{font-size:13px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#4ba136;text-align:left;text-transform:uppercase}
.mm_3{width:110px;margin-top:20px}
.mm_3 img{width:100%}
.form-group img{height:44.8px}
.lx_ny{text-align:left!important;color:#fff!important;font-size:14px;line-height:25px;margin-bottom:20px;font-weight:400}
.lx_ny p{text-align:left!important;color:#fff!important;font-size:14px;font-weight:400}
.web_tt{font-size:48px;font-weight:600;letter-spacing:0;color:#222;text-align:center;line-height: 1;}
.wt_js{font-family:ArialMT;font-size:18px;font-weight:400;font-stretch:normal;line-height:30px;letter-spacing:0;text-align:center;color:#666;max-width:1030px;margin:0 auto;margin-top:20px}

@media (max-width:1440px){
	.web_tt{font-size:40px}
}
@media (max-width:1280px){
	.web_tt{font-size:30px}
}
@media (max-width:992px){
	.web_tt{font-size:25px}
}



/*  */
.site-footer {
	padding: 70px 0 90px;
	background: url(//wm.cdn.cn86.cn/whhuacheng/2025/03/2ce6f472a2yrebpn.png) no-repeat center top;
	background-size: cover;
}

.foot-dftt {
	font-family: Arial;
	font-size: 22px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: 0;
	color: #fff
}

.product-cate {
	margin-top: 10px
}

.product-cate li {
	font-family: Arial;
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0;
	color: rgba(255,255,255,.5)
}

.product-cate li a {
	color: rgba(255,255,255,.5)
}

.lx_cc {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0;
	color: rgba(255,255,255,.5)
}

.lx_cc p{
	margin-bottom: 0px;
}

.yam_a {
	width: 26%
}

.ynr {
	margin-top: 10px
}

.tb_ll.flex_b li {
	overflow: hidden
}

.tb_ll.flex_b li img {
	transition: all ease-in-out 0s
}

.tb_ll {
	margin-top: 20px;
	max-width: 165px
}

.tb_ll.flex_b li:hover img {
	transform: translateY(-60px);
	filter: drop-shadow(#4ba136 0 60px);
	transition: all ease-in-out 0s
}

.foot-bom2 {
	position: relative;
	background: #4ba136;
	text-align: center;
	padding: 25px 0;
}

.foot-bom2 p{
	margin-bottom: 0px;
}

.copyright_a {
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	color: #fff;
}

.copyright_a a {
	color: #fff;
}
.site-footer .ft-message-form {
	margin-bottom: 60px;
}

.site-footer .ft-message-form .form-group{
	margin-bottom: 10px!important;
}
.site-footer .ft-message-form input,
.site-footer .ft-message-form textarea {
	border-bottom: 1px solid #4d4d4d;
	font-size: 14px;
	width: 100%;
	color: rgba(255,254,254,.4);
	background: #4d4d4d;
	padding: 10px;
}

.site-footer .ft-message-form textarea {
	line-height: 22px;
	height: 45px
}

.site-footer .submit-btn {
	border: 1px solid #4ba136;
	background-color: var(--sub-theme-color);
	padding: 0 18px;
	color: #fff;
	height: 45px;
	text-transform: uppercase;
	width: 100%;
	transition: .5s;
	text-align: center;
	font-size: 18px
}

.site-footer .submit-btn:hover {
	background-color: #fff;
	color: var(--sub-theme-color)
}

.site-footer .ft-message-form input::-webkit-input-placeholder,.site-footer .ft-message-form textarea::-webkit-input-placeholder {
	color: #a3a2a2;
	font-size: 14px
}

.site-footer .ft-message-form input:-moz-placeholder,.site-footer .ft-message-form textarea:-moz-placeholder {
	color: #a3a2a2;
	font-size: 14px
}

.site-footer .ft-message-form input::-moz-placeholder,.site-footer .ft-message-form textarea::-moz-placeholder {
	color: #a3a2a2;
	font-size: 14px
}

.site-footer .footer-weight-link a:hover,.site-footer .ft-contct-info a:hover,.site-footer .ft-social-list a:hover {
	color: #fff!important
}


@media (max-width:991px) {
	.site-footer {
		padding: 50px 0 50px
	}

	.foot-bom2{
		margin-bottom: 70px;
	}

	.yam_a{
		width: 100%;
	}

	.lx_cc{
		font-size: 16px;
		margin-bottom: 10px;
	}

	.site-footer .submit-btn{
		font-size: 16px;
	}	

	.logo a img{
		max-height: 40px;
	}

	.top-middle{
		position: relative;
		background-color: rgba(27, 56, 132, 1);
		top: 0px;
	}
	.top-mid-flex{
		height: 70px;
	}

	.home-banner .swiper-pagination1{
		bottom: 12px;
	}

	.xx_b{
		margin: 20px 0;
	}

	.list_a li h2{
		padding: 12px;
	}

	.box4{
		padding-top: 30px;
		padding-bottom: 30px;
	}

}

@media (max-width:767px) {
	.site-footer {
		padding: 56px 0 40px;
	}

	.site-footer .submit-btn {
		padding: 12px 18px;
	}

	.logo a img{
		max-height: 35px;
	}

}