.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;
    background-size: 100%
}

.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;}

.max1730{width:90.625%;margin:0 auto;max-width: 1730px;}
.max1500{width:90.625%;margin:0 auto;max-width: 1500px;}
.max1400{max-width: 1430px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.max1200{max-width: 1230px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}


/* header */
.header{
	left: 0px;
	top: 0px;
    width: 100%;
    z-index: 999;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.head-top{
	position: relative;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/a03fbb7ecc48t8dg.jpg) no-repeat;
	background-size: 100% 100%;
}
.tp-wel{
	color: #fff;
	font-size: 14px;
	line-height: 60px;
	height: 60px;
}
.tp-share{
	position: relative;
}
.tp-share a{
	margin: 0 7px;
	display: inline-block;
}
.tp-share a img{
	max-width: 24px;
}

.head-middle{
	position: relative;
}

.middle-top-flex {
	height: 135px;
}

.middle-bom{
	position: relative;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/05e86d9aa8gqhoxu.jpg) no-repeat;
	background-size: 100% 100%;
}

.logo {
	position: relative;
}
.logo a {
	display: block;
}
.logo a img {
	max-width: 100%;
    max-height: 60px;
}
.tp-lxwm{
	position: relative;
}
.tp-lxwm li{
	padding: 0px 25px;
}
.tp-lxwm li .tj1{
	font-size: 14px;
	color: #161212;
	font-weight: bold;
}
.tp-lxwm li .tj2{
	font-size: 14px;
	color: #161212;
}
.top-liuyan{
	position: relative;
	padding: 0 2.60416vw;
	text-align: center;
}
.top-liuyan a{
	text-decoration: underline;
	display: inline-block;
	font-size: 15px;
	color: #fff;
}

.top-liuyan a:hover{
	color: #fff!important;
}

.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: 15px;
	color: #fff;
	height: 68px;
	line-height: 68px;
	font-family: "arial";
	padding: 0 10px;
	text-transform: uppercase;
}
.x-menu>li>a::before{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0px;
	height: 3px;
	background: #fa7000;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	content: "";
}

.x-menu>li:hover>a {
	color: #fa7000!important;
}
.x-menu>li:hover>a::before{
	width: 100%;
}
.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: 0px;
	padding: 0px 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: .6em .3em;
}
.x-sub-menu>li>a:hover {
	color: #fff!important;
	background-color: #fa7000;
}

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

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


/* 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: 30px;
}
.home-banner .swiper-pagination1 .swiper-pagination-bullet{
    margin: 0 8px!important;
	width: 10px;
    height: 10px;
	opacity: 1;
    background: rgba(255,255,255,.6);
}
.home-banner .swiper-pagination1 .swiper-pagination-bullet-active{
    background: #fa7000;
}

/* hm-provider */
.hm-provider{
	position: relative;
	padding-bottom: 4.166vw;
	z-index: 99;
}
.hm-provider::before{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 15.625vw;
	background: #fa7000;
	z-index: -1;
	content: "";
}
.provider-tit{
	padding: 3.125vw 0;
	text-align: center;
}
.provider-tit h3{
	line-height: 1;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.provider_list{
	position: relative;
}
.provider_list li{
	position: relative;
	background: #fff;
	width: 50%;
}
.provider_list li .img{
	position: relative;
}
.provider_list li .img img{
	display: block;
	width: 100%;
}
.provider_list li .img .h4{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 99;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.provider_list li .text{
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	text-align: center;
	padding: 30px 30px;
}
.provider_list li .text .pp{
	font-size: 18px;
	color: #000000;
	line-height: 1.5;
	margin-bottom: 20px;
}
.provider_list li .text .morex{
	font-size: 18px;
	color: #000000;
	line-height: 1.7;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.provider_list li:hover .text .morex{
	color: #fa7000;
}

.h-learn-more{
	margin-top: 2.60416vw;
	position: relative;
}
.h-learn-more a{
	display: inline-block;
	width: 185px;
	line-height: 55px;
	background: #000000;
	font-size: 15px;
	color: #fff;
}
.h-learn-more a:hover{
	background-color: #fa7000;
	color: #fff!important;
}


/* hm-product */
.hm-product{
	position: relative;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/ffca343aa1o0nlzf.jpg) no-repeat;
	background-size: cover;
	padding: 4.166vw 0;
	z-index: 99;
}

.hm-tit{
	position: relative;
	margin-bottom: 35px;
}
.hm-tit p{
	font-size: 16px;
	color: #f97000;
	font-weight: bold;
	line-height: 1;
}
.hm-tit h3{
	line-height: 1;
	font-size: 40px;
	color: #161212;
}
.h-product-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}
.h-product-list li{
	position: relative;
	width: calc(33.33% - 24px);
	margin: 0 12px 24px 12px;
	background: #fff;
}
.h-product-list li a{
	display: block;
}
.h-product-list li .img{
	border-bottom: 1px solid #e4e2e3;
}
.h-product-list li .img img{
	display: block;
	width: 100%;
}
.h-product-list li .txt{
	position: relative;
	padding: 20px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.h-product-list li .txt h4{
	font-weight: normal;
	font-size: 16px;
	color: #161212;
	line-height: 1.5;
	width: calc(100% - 30px);
	margin: 0;
}
.h-product-list li .txt i{
	display: block;
	width: 28px;
	height: 28px;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/ec53445639j011kl.png) no-repeat center;
}
.h-product-list li:hover .txt h4{
	color: #f97000;
}
.h-product-list li:hover .txt i{
	background-image: url(//wm.cdn.cn86.cn/wmy60/2025/03/64354f133fxxy3ye.png);
}


/* hm-about */
.hm-about{
	position: relative;
	padding: 8.333vw 0;
}
.h-about-con{
	padding-left: 20px;
	max-width: 570px;
}
.h-about-con h3{
	line-height: 1;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
.h-about-con .about-ftit{
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 1.5625vw;
	font-size: 40px;
	color: #fff;
}
.h-about-con .about-txt{
	line-height: 1.7;
	font-size: 18px;
	color: #fff;
	margin-bottom: 2.083vw;
}
.h-about-con .about-txt p{
	margin-bottom: 0px;
}
.h-learn-more2{
	position: relative;
}
.h-learn-more2 a{
	display: block;
	width: 185px;
	text-align: center;
	line-height: 55px;
	background: #fff;
	font-size: 16px;
	color: #fa7001;
}

.h-learn-more2 a:hover{
	background-color: #fa7001;
	color: #fff!important;
}


/* hm-why */
.hm-why{
	position: relative;
	padding: 4.1666vw 0;
}
.h-why-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.h-why-list li{
	position: relative;
	width: calc(33.33% - 30px);
	margin: 0 15px 20px 15px;
	background: #fff;
}
.h-why-list li a{
	display: block;
}
.h-why-list li .img{
	position: relative;
	overflow: hidden;
}
.h-why-list li .img img{
	display: block;
	width: 100%;
}
.h-why-list li .img .ff-txt{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	background: rgba(250,112,1,.5);
	bottom: -100%;
	z-index: 9;
}
.h-why-list li .img .ff-txt .pp{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	height: 100%;
	line-height: 1.7;
	padding: 30px 30px;
	font-size: 16px;
	color: #fff;
}

.h-why-list li .text{
	position: relative;
	background: #fa7001;
	text-align: center;
	padding: 25px 20px;
}
.h-why-list li .text h3{
	font-size: 20px;
	color: #fff;
	line-height: 1;
	margin: 0;
}

.h-why-list li:hover .img .ff-txt{
	bottom: 0%;
}



/* hm-news */
.hm-news{
	position: relative;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/6d21d5afadzry7z5.jpg) no-repeat;
	background-size: cover;
	padding: 4.166vw 0;
	z-index: 99;
}

.hm-news-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.hm-news-list li{
	position: relative;
	width: calc(33.33% - 20px);
	margin: 0 10px 20px 10px;
}
.hm-news-list li a{
	display: block;
}
.hm-news-list li .img img{
	display: block;
	width: 100%;
}
.hm-news-list li .xw-txt{
	position: relative;
	background: #fff;
	padding: 25px 20px;
}
.hm-news-list li .xw-txt span{
	display: block;
	font-size: 18px;
	color: #909090;
}
.hm-news-list li .xw-txt h3{
	display: block;
	font-size: 18px;
	color: #161212;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}
.hm-news-list li .xw-txt .rmox{
	width: 36px;
	height: 9px;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/1fdf8470eaean3pf.png) no-repeat center;
	margin-bottom: 15px;
}

.hm-news-list li:hover .xw-txt h3{
	color: #fa7001;
}
.hm-news-list li:hover .xw-txt .rmox{
	background-image: url(//wm.cdn.cn86.cn/wmy60/2025/03/a68fdec22dfc9nrr.png);
}

/* hm-message */
.hm-message{
	position: relative;
	background: url(//wm.cdn.cn86.cn/wmy60/2025/03/a7dec78574b2chwq.jpg) no-repeat;
	background-size: cover;
	padding: 4.166vw 0;
}

.hm-message-tit{
	position: relative;
	text-align: center;
	padding-bottom: 5px;
}
.hm-message-tit h3{
	line-height: 1;
	margin-bottom: 1.5625vw;
	font-size: 24px;
	color: #fff;
}
.hm-message-tit .pho{
	text-align: center;
	margin-bottom: 2.60416vw;
	line-height: 1;
}
.hm-message-tit .pho a{
	display: inline-block;
	font-weight: bold;
	font-size: 40px;
	color: #fff;
}
.hm-message-tit p{
	font-size: 18px;
	color: #fff;
}

.hm-message-tit .pho a:hover{
	text-decoration: underline;
	color: #fff!important;
}


.hm-message .ft-message-form input, 
.hm-message .ft-message-form textarea {
    border: none;
    border-radius: 0px;
    background: #fff;
    font-size: 16px;
    color: #999999;
	border: 1px solid #cccccc;
    width: 100%;
    padding: 9px;
}
.hm-message .ft-message-form textarea {
    line-height: 22px;
    height: 105px;
}
.hm-message .submit-btn {
    border: none;
	display: inline-block;
    background-color: #000000;
    padding: 15px 0px;
    color: #fff;
    width: 185px;
	font-size: 16px;
    transition: .5s;
}
.hm-message .submit-btn:hover {
    background-color: #FFFFFF;
    color: var(--main-theme-color);
}
.hm-message .ft-message-form input::-webkit-input-placeholder, 
.hm-message .ft-message-form textarea::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
}

.hm-message .ft-message-form input:-moz-placeholder,
.hm-message .ft-message-form textarea:-moz-placeholder {
    color: #999999;
    font-size: 16px;
}

.hm-message .ft-message-form input::-moz-placeholder, 
.hm-message .ft-message-form textarea::-moz-placeholder {
    color: #999999;
    font-size: 16px;
}


/*  */
.footerx{
	position: relative;
	padding: 10px 0 0px;
    background: url(../images/8d2532c0c4ylewzi.jpg) no-repeat;
    background-size: cover;
}
.foot-top{
	position: relative;
	padding: 2.083vw 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.ft-logo{
	margin-bottom: 20px;
}
.ft-logo a{
	display: block;
}
.ft-logo a img{
	max-width: 100%;
	max-height: 60px;
}
.ft-share{
	position: relative;
}
.ft-share > h4{
	font-size: 14px;
	font-weight: normal;
	margin-left: 7px;
	margin-bottom: 15px;
	color: #fff;
}
.ftx-share{
	position: relative;
}
.ftx-share a{
	margin: 0 7px;
	display: inline-block;
}
.ftx-share a img{
	max-width: 24px;
}


.foot-mid{
	position: relative;
	padding: 2.083vw 0 3.125vw;
}

.i-item{
    flex: 1;
    position: relative;
	padding-left: 20px;
    margin-bottom: 15px;
}
.i-item .foo-tit{
    font-size: 16px;
    color: #fff;
	font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1.0416vw;
}
.i-item .foo-sec{
    position: relative;
}
.i-item .foo-sec > li{
    position: relative;
    margin-bottom: .5em;
}
.i-item .foo-sec > li > a{
    display: block;
    font-size: 16px;
    color: rgba(255,255,255,.7);
    line-height: 26px;
}

.foot-bom{
	position: relative;
	text-align: center;
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.6);
	padding: 20px 0;
}
.foot-bom a{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}
.foot-bom p{
	margin-bottom: 0px;
}
.foo-lx{
    font-family: Arial;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 33px;
	color: rgba(255,255,255,.8);
}
.foo-lx p{
    margin-bottom: 0px;
}



/*  */
@media (max-width: 1200px){
	.middle-top-flex{
		height: 100px;
	}

}
@media (max-width: 992px){
	.middle-top-flex{
		height: 70px;
	}
	.logo a img{
		max-height: 45px;
	}
	.ft-logo a img{
		max-height: 45px;
	}
	.provider_list li .img .h4{
		font-size: 28px;
	}
	.h-about-con .about-ftit{
		font-size: 30px;
	}
	.h-about-con .about-txt{
		font-size: 16px;
	}
	.hm-tit h3{
		font-size: 30px;
	}
	.h-why-list li .text h3{
		font-size: 18px;
	}
	.h-why-list li .img .ff-txt .pp{
		padding: 20px 20px;
	}

	.hm-news-list li .xw-txt span{
		font-size: 16px;
	}
	.hm-news-list li .xw-txt h3{
		font-size: 16px;
	}

	.hm-message-tit h3{
		font-size: 20px;
	}
	.hm-message-tit .pho a{
		font-size: 30px;
	}

}

@media (max-width: 768px){
	.h-product-list{
		margin: 0 -12px;
	}
	.h-product-list li{
		width: calc(50% - 24px);
		margin: 0 12px 24px 12px;
	}
	.h-about-con{
		max-width: 100%;
	}
	.h-about-con .about-txt{
		margin-bottom: 30px;
	}
	.h-learn-more2 a{
		width: 165px;
		line-height: 40px;
	}

	.h-why-list{
		margin: 0 0;
	}
	.h-why-list li{
		width: 100%;
    	margin: 0 0 20px 0;
	}

	.hm-news-list{
		margin: 0;
	}
	.hm-news-list li{
		width: 100%;
    	margin: 0 0 20px 0;
	}

	.i-item{
		flex: 0 0 50%;
	}


}

@media (max-width: 500px){
	.provider_list li{
		width: 100%;
		margin-bottom: 20px;
	}
	.provider_list li .text .pp{
		font-size: 16px;
	}
	.provider-tit{
		padding: 35px 0 25px;
	}
	.hm-provider::before{
		height: 160px;
	}
	.provider_list li .img .h4{
		font-size: 22px;
	}
	.h-learn-more{
		margin-top: 30px;
	}

	.hm-provider{
		padding: 0px 0 30px;
	}
	.hm-product{
		padding: 40px 0;
	}
	.hm-why{
		padding: 40px 0;
	}
	.hm-news{
		padding: 40px 0;
	}
	.hm-message{
		padding: 40px 0;
	}

	.foot-mid{
		padding: 30px 0px;
	}
	.foot-top{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
		display: block;
	}
	
	.foot-top > *{
		width: 100%;
	}

	.i-item{
		flex: 0 0 100%;
		padding-left: 0px;
	}
	.hm-message-tit h3{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.h-product-list{
		margin: 0 -6px;
	}
	.h-product-list li{
		width: calc(50% - 12px);
		margin: 0 6px 12px 6px;
	}


}