ul,p{ margin: 0px;padding: 0px;}

:root {
  --diy-base: #282828;
  --diy-zhuti: #196e73;
  --diy-fuzhu: #fda920;
  --diy-dianjing: #6f42c1;
  --diy-font: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun;
  --diy-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

/*自适应边距、字体*/
	:root {
		--pm-num-1: 36px; --pm-num-2: 18px;--pm-num-3: 24px;--pm-num-4: 8px;--pm-num-5: 16px;--pm-num-6: 11px;--pm-num-7: 9px;
		--font-size-1:22px; --font-size-2:15px; --font-size-3:12px;--font-size-4:14px;--font-size-5:10px;--font-size-6:20px;--font-size-7:16px;--font-size-8:14px;--font-size-9:16px;--font-size-basic:12px;
	}
@media (min-width: 768px) {
	:root {
		--pm-num-1: 60px; --pm-num-2: 30px;--pm-num-3: 40px;--pm-num-4: 12px;--pm-num-5: 24px;--pm-num-6: 18px;--pm-num-7: 12px;
		--font-size-1:28px; --font-size-2:16px; --font-size-3:14px;--font-size-4:16px;--font-size-5:12px;--font-size-6:26px;--font-size-7:20px;--font-size-9:19px;--font-size-basic:13px;
	}
}
@media (min-width: 992px) {
	:root {
		--pm-num-1: 80px; --pm-num-2: 40px;--pm-num-3: 53px;--pm-num-4: 16px;--pm-num-5: 32px;--pm-num-6: 24px;--pm-num-7: 19px;
		--font-size-1:34px; --font-size-2:18px; --font-size-3:16px;--font-size-5:14px;--font-size-6:30px;--font-size-7:24px;--font-size-9:22px;--font-size-basic:14px;
	}
}
@media (min-width: 1200px) {
	:root {
		--pm-num-1: 100px; --pm-num-2: 50px;--pm-num-3: 66px;--pm-num-4: 20px;--pm-num-5: 40px;--pm-num-6: 30px;--pm-num-7: 24px;
		--font-size-1:42px; --font-size-2:20px; --font-size-3:18px;--font-size-4:18px;--font-size-5:16px;--font-size-6:36px;--font-size-7:28px;--font-size-8:16px;--font-size-9:24px;--font-size-basic:15px;
	}
}
.mt-s1{ margin-top: var(--pm-num-1);}      .mt-s2{ margin-top: var(--pm-num-2);}    .mt-s3{ margin-top: var(--pm-num-3);}    
.mt-s4{ margin-top: var(--pm-num-4);}    .mt-s5{ margin-top: var(--pm-num-5);}			.mt-s6{ margin-top: var(--pm-num-6);}

.mr-s4{ margin-right:var(--pm-num-4);}

.pt-s1{ padding-top: var(--pm-num-1);}     .pt-s2{ padding-top: var(--pm-num-2);}   .pt-s3{ padding-top: var(--pm-num-3);}   
.pt-s4{ padding-top: var(--pm-num-4);}   .pt-s5{ padding-top: var(--pm-num-5);}
.fz-s1{ font-size: var(--font-size-1);}

.sz-diy-1{padding-top: 108%;height: 0;}
.sz-diy-2{padding-top: 61.111%;height: 0;}
.sz-diy-3{padding-top: 33%;height: 0;}
.sz-diy-4{padding-top: 68.4%;height: 0;}
.sz-diy-5{padding-top: 63.5%;height: 0;}
.sz-diy-6{padding-top: 83.24%;height: 0;}
@media (min-width: 1200px) {
	.sz-diy-3{padding-top: 23.43%;}
}

.border1{ border: 1px solid #dadada;}

.top{border-bottom: 1px solid #f5f5f5; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.header{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.logo{ height: 30px; width: auto; order: 2;}
.menu{order: 3;}
.fixed-hd{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 90;}
@media (min-width: 576px) {
	.logo{ height: 40px;}
}
@media (min-width: 768px) {
	.logo{ height: 50px;}
}
@media (max-width: 991.98px) {
	.pc-con{ }
	.wap-btn{order: -1;  display: flex; flex-direction: row; justify-content: center; align-items: center;}
	.wap-btn span{ background-repeat: no-repeat;  background-position: left center;width: 30px; height: 30px; content: '';}
	.wap-btn span.open-m{background-image: url(../imgweb/ic-open.png);background-size: 70% auto;}
	.wap-btn span.close-m{background-image: url(../imgweb/ic-close.png);background-size: 80% auto; }
	.close-m{ display: none;}
	.header{ padding: 10px 0px;}
	.menu{ position: fixed; top: 70px; left:0px; width: 100%; height: calc(100% - 70px);z-index: 90; background: rgba(74, 74, 74, .95) url(../imgweb/bg-stripe.png); overflow-y: auto; display: none;  box-sizing: border-box; border-top: 1px solid #f5f5f5; color: #fff; padding-bottom: 15px;}
	.down-close{ display: none; }
	
	
	.menu a{ color: #fff;}
	.mlevel-2-title a{ }
	
	.menu li{  font-size: 15px; padding-bottom: 0px;}
	.mlevel{ padding-right: 40px; background-image: url(../imgweb/arrow-gnav-sp-1.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px auto; font-size: 1.125em;border-bottom: 0px solid #999; padding: 10px 15px;line-height: 1.4;border-top: 1px solid #999; display: block; background-color: rgba(0, 0, 0, 0.4);}
	.menu li:last-child{border-bottom: 1px solid #999;}
	.mlevel.on{background-image: url(../imgweb/arrow-gnav-sp-2.png); }
	.mlevel-2-title{display: none;}
	.mlevel-2{ padding: 0px 15px;}
	.pro-down{ border-top: 1px solid #999;}
	.mlevel-2 .cat-title{border-top: 1px solid #999; padding: 10px 0px; font-size: 1em;line-height: 1.4;}
	.down-m .container .mlevel-2:nth-child(3) .cat-title{ border-top: 0;}
	.mlevel-2 .cat-list:first-child{border-top: 0;}

	.mlevel-2 .cat-title a{ color: #fff; padding-left: 15px; background-image: url(../imgweb/arrow-gnav-w-3.png); background-position: left center; background-repeat: no-repeat;}
	.mlevel-2 .cat-title a:not([href]):not([class]){background-image: url(../imgweb/arrow-gnav-w-1.png); }
	
	.down-m .container .mlevel-2:last-child .cat-title{ }
	.down-m{ display: none; border-top: 1px solid #999;}
	.down-m.on{ display: block;}
	
	.pro-ul{ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
	.pro-li{ display: flex; flex-direction:column; justify-content:center; align-items:center; width: 25%; padding: 10px 0px;}
	.pro-li img{ height: 30px; width: auto;}
	.pro-li b{ font-size: 13px; margin: 5px 0px; font-weight: normal; display: block; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; padding: 0px 5px;}
	
	.pro-more{ text-align: right;}
	.pro-more b{ display: block;text-align: right; font-size: 12px; margin-bottom: 10px; background: url(../imgweb/arrow-gnav-w-3.png) no-repeat right center; padding-right: 10px; background-size: auto 7px;}
	
	.pro-tit{ width: 100%; font-size: 14px; margin: 10px 0px; line-height: 1.4; margin-bottom: 0px;}
	.pro-tit a{ display: inline-block;  padding-left: 12px;color: #fff; margin-left: 15px;background: url(../imgweb/arrow-link-w-s.png) no-repeat left center; }
	
	.mlevel-2 .cat-list{ font-size: 14px;  padding: 5px 0px 5px 15px;border-top: 1px solid #999;}
	.mlevel-2 .cat-list a{ background: url(../imgweb/arrow-link-w-s.png) no-repeat left center; color: #fff; display: inline-block; line-height: 1.75; padding: 5px 0px 5px 12px; margin-right: 3.8095em;}
	
}
@media (max-width: 767.98px) {
	.menu{top: 60px;height: calc(100% - 60px);}
}
@media (max-width: 575.98px) {
	.menu{top: 50px;height: calc(100% - 50px);}
	.wap-btn span{ width: 26px; height: 26px; }
}
@media (min-width: 992px) {
	.wap-btn{ display: none;}
	
	.logo{ height: 50px; order: 1;}
	.menu{ display: flex; flex-direction: row; justify-content: center; align-items: center;order: 1; font-size: var(--font-size-basic);}
	.menu li{ display: inline-block; position: relative; padding: 0rem 42px 0px 20px; display: flex; flex-direction: row; justify-content: center; align-items: center;  cursor: pointer; background-image:url(../imgweb/f-jt.png); background-repeat: no-repeat; background-position: right 20px center;height: 100px; }
	.menu li .mlevel{ font-size: 16px;transition: all ease 0.3s; background: url(../imgweb/f-line.png) no-repeat bottom -8px center;}
	.menu li:hover .mlevel,.menu li.cur .mlevel{ color: var(--diy-zhuti); font-weight: bold; background: url(../imgweb/f-line.png) no-repeat bottom 0px center; padding:0.77em 0em;}
	.down-m{ position: fixed; top: 100px;  width: 100%; left: 0; z-index: 99;  opacity: 1; overflow: hidden;height: auto; box-shadow: 0px 2px 5px rgba(0,0,0,0.2);background: rgba(74, 74, 74, .95) url(../imgweb/bg-stripe.png);cursor: default; display: none;}
	/*.menu li:hover .down-m,*/.menu li .down-m.on{ opacity: 1; max-height: 900px; height: auto;}
	.down-m .container{ position: relative; padding: 25px 0px 30px;}
	.down-close{ width:30px; height: 30px; background: url(../imgweb/btn-close.png) no-repeat  center;  background-size: 30px 30px; text-align: right; margin-top: 12px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; display: block; border: 1px solid #fff; cursor: pointer;}
	
	.pro-down{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; padding: 12px 0px 0px; border-bottom: 1px solid #999;}
	.pro-down:last-child{ border-bottom: 0;}
	.pro-type{ width: 120px; font-size: 14px; color:#fff; padding-left: 10px; border-left: 1px solid #fff; line-height: 1; margin: 8px 0px; font-weight: bold;}
	.pro-sub{ width: 100px; flex-grow: 1; display: flex; flex-direction: row; justify-content:space-between; align-items: center; flex-wrap: wrap;}
	.rt-jj{ margin-right: 60px;}
	.pro-tit{ width: 100%; font-size: 14px; margin: 8px 0px; line-height: 1; margin-bottom: 15px;}
	.pro-tit a{ display: inline-block;  padding-left: 12px;color: #fff; margin-left: 20px;background: url(../imgweb/arrow-link-w-s.png) no-repeat left center; }
	.pro-ul{ width:calc(100% - 60px);  display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
	
	.pro-more{  width:60px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; color: #fff; font-size: 12px; text-align: center;}
	
	.pro-more b{ padding-top: 25px; background: url(../imgweb/ic-more.png) no-repeat center top; width: 30px; height:auto;font-weight: normal; background-size: 20px 20px;}
	.pro-more:hover b{ color: #fff; }
	.pro-li{ display: flex; flex-direction: column; align-items: center; justify-content: center; width:125px;padding: 8px 5px; transition: all ease 0.5s;  }
	.pro-li:hover{ background:#252525; color: #fff; border-radius: 4px;}
	.pro-li img{ max-width: 100%; height: 40px; object-fit: cover;}
	.pro-li b{ font-weight: normal; font-size: 12px; display: block; margin-top: 5px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	
	/*.msub-ul{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
	.msub-li{ display: block; font-size: 14px; margin-right: 50px;color: #fff; line-height: 2; position: relative; padding-left: 10px;}
	.msub-li::before{ position: absolute; content: ''; width: 1px; height: 1em; background: #fff; top: 50%; left: 0; margin-top: -0.5em;}
	.msub-li:hover{color: #fff;}
	*/
   
   .mlevel-2-title{ font-size: 1.375em; line-height: 1.4; color: #fff; padding-bottom: .7272em; margin-bottom: .96969em; border-bottom: 1px solid #999;}
   .mlevel-2-title a{background: url(../imgweb/arrow-link-w-l-1.png) no-repeat left center; padding-left: 20px; }
   .mlevel-2{ padding-bottom: 1em; margin-bottom: 1.33em;border-bottom: 1px solid #999; color: #fff;}
   .down-m .container .mlevel-2:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
   .mlevel-2 .cat-title{ font-size: 1.125em; font-weight: bold;  line-height: 1.4; }
   .mlevel-2 .cat-title a{ color: #fff; padding-left: 20px; background-image: url(../imgweb/arrow-gnav-w-3.png); background-position: left center; background-repeat: no-repeat;}
   .mlevel-2 .cat-title a:not([href]):not([class]){background-image: url(../imgweb/arrow-gnav-w-1.png); }
   a:not([href]):not([class]){cursor: default;}
   .mlevel-2  .cat-list{ font-size: .875em; padding-left: 20px; margin-top: .6095em;}
   .mlevel-2  .cat-list a{ background: url(../imgweb/arrow-link-w-s.png) no-repeat left center; color: #fff; display: inline-block; line-height: 1.75; padding: 5px 0px 5px 12px; margin-right: 3.8095em;}
   
}
@media (min-width: 1200px) {
	.logo{ height: 66px;}
	.menu li{padding: 0rem 47px 0px 25px;background-position: right 25px center;height: 120px;}
	.down-m{top: 120px;}
	
	.pro-type{ width: 140px; font-size: 16px;}
	.pro-tit{font-size: 15px;}
	.rt-jj{ margin-right: 60px;}
	
	.pro-li{ width: 150px;}
	.pro-li b{ font-size: 14px;}
	
	.msub-li{ font-size: 16px;}
}
@media (min-width: 1400px) {
	.rt-jj{ margin-right: 90px;}
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; display: flex;  flex-direction: row; justify-content: center; align-items: center;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 3px;}
.swiper-pagination-bullet{ width: 8px; height:8px; background: #d4d5d2; opacity: 1;}
.swiper-pagination-bullet-active{background:#fff;}

.fucus-1{}
.fucus-1 .swiper-slide img{ width: 100%; height: auto;}
.fucus-1 .swiper-slide,.fucus-1 .swiper-slide img{ }



/*标题样式*/
.tbar-1{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; line-height: 1;}
.tbar-1 b{ padding-bottom:0.62em; position: relative;}
.tbar-1 b::after{ position: absolute; bottom: 0; left: 50%;width: 33%; transform: translateX(-50%); height:0.12em; background: var(--diy-zhuti); content: ''; border-radius:0.06em;}

/*布局样式*/
.col2-4s{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.col2-4s li{ width: 40%; margin-left: var(--pm-num-2); flex-grow: 1;}
.col2-4s li:nth-child(odd){ margin-left: 0px;}
@media (min-width: 768px) {
	.col2-4s li{ width: 23.1%; flex-grow: 0; margin-left: 0px;}
}

.col2-3s{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.col2-3s li{ width: 26%; margin-left: var(--pm-num-6); flex-grow: 1;}
.col2-3s li:nth-child(3n+1){ margin-left: 0px;}


/*图文样式*/
.imgtxt1{ width: 100%; display: block;transition: all ease 0.5s; }
.imgtxt1:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.imgtxt1 .txt{ background: #f6f6f6; font-size: var(--font-size-2); padding: 10px;}
.imgtxt1 .txt b{ display: block; margin-top: 0.2em;}
.imgtxt1 .txt p{ font-size: 0.7em; margin-top:0.785em; margin-bottom: 1.14em; font-weight: 100;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.5em; height: 3em;}
.imgtxt1 .txt .tag{font-size: 0.6em; line-height: 1.67em; margin-bottom:0.83em;  transition: all ease 0.5s; background-image: url(../imgweb/f-jt2.png); background-repeat: no-repeat; background-position: right 10px center; background-size: 16.79% auto;}
.imgtxt1 .txt .tag span{border-radius: 0.83em; border: 1px solid var(--diy-zhuti);display: inline-block; padding: 0em 1.3em; color: var(--diy-zhuti);transition: all ease 0.5s;}
.imgtxt1:hover .txt .tag{background-image: url(../imgweb/f-jt1.png);transition: all ease 0.5s;}
.imgtxt1:hover .txt .tag span{  background: var(--diy-zhuti); color: #ffffff; }


/*首页专利样式*/
.fu-zhuanli{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.fu-zhuanli div{ width: 33%; flex-grow: 1; position: relative; overflow: hidden;}
.fu-zhuanli div img{ width: 100%; height:190px; object-fit: cover; transition: all ease 0.5s;}
.fu-zhuanli div:hover img{ transform: scale(1.2);}
@media (min-width: 768px) {
	.fu-zhuanli div{width: 12%;}
	.fu-zhuanli div img{ height: auto;}
}

.fu-zhuanli div p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: var(--font-size-3); display: flex; flex-direction: row; justify-content: center; align-items:flex-end;  padding: 0em 0px 1em 0px; box-sizing: border-box; font-weight: bold;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);}
.fu-zhuanli div p img{ width: auto; height: auto; height: 1.5em; margin-right: 0.55em;}


/*新闻列表样式*/
.newlist{ display: block; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; font-size: var(--font-size-2);transition: all ease 0.5s;}

.newlist .time{ display: none; }
.newlist .img{ width: 30%; margin-right: 1em; overflow: hidden;}
.newlist .img img{ transition: all ease 0.5s;}
.newlist:hover .img img{transform: scale(1.2);}
.newlist .txt{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100px; flex-grow: 1;}
.newlist .txt div{ align-self: flex-start;}
.newlist .img i{ display: block; font-size:0.7em; font-style: normal; margin-top: 0.8em; text-align:center; position: relative;}
.newlist .img i::after{ content:''; position: absolute; left: 0; top: 50%; height: 0.16em; width: 0.9em; background: var(--diy-zhuti); border-radius: 0.08em; transform: translateY(-50%);}
.newlist .txt h5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: var(--font-size-2); font-weight: bold; line-height: 1.5; margin-bottom: 0.4em;}
.newlist .txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 0.7em; color: #6666;}
.newlist .txt span{ font-size: 0.6em; width:8em; text-align: center; box-sizing: border-box;display: block; line-height: 2; border-radius: 1em; border: 1px solid var(--diy-zhuti); color: var(--diy-zhuti); transition: all ease 0.5s; margin-top: 0.8em;}
.newlist:hover .txt span{ background: var(--diy-zhuti); color: #fff;}
@media (min-width: 576px) {
	.newlist .time{ display: flex;flex-direction: column; align-items: flex-start; width:auto; margin-right: 1em;}
	.newlist .time b{ font-size:1.2em; font-weight: normal; padding-right: 1.875em; position: relative;}
	.newlist .time b::after{ content:''; position: absolute; right: 0; top: 50%; height: 0.16em; width: 0.9em; background: var(--diy-zhuti); border-radius: 0.08em; transform: translateY(-50%);}
	.newlist .time span{ font-size: 0.7em;}
	.newlist .img i{ display: none;}
}
@media (min-width: 768px) {
	.newlist .img{ width: 22.5%;}
	.newlist .txt{ flex-direction: row; align-items: center;}
	.newlist .txt div{ width: 100px; flex-grow: 1;}
	.newlist .txt span{ margin-left: 4em; margin-top: 0em; line-height: 2.33; border-radius: 1.16em;}
	.newlist .txt h5{margin-bottom: 1.2em;}
}
@media (min-width: 992px) {
	.newlist .txt h5{margin-bottom: 2em;}
}


/*首页直通链接*/
.fu-lk{ background-color: #f6f6f6; display: flex; flex-direction: row; justify-content: center; align-items: center;font-size: var(--font-size-2); padding:2em 0em 1.8em 0em; width: 100%; transition: all ease 0.5s;}
.fu-lk:hover{background-color:var(--diy-zhuti);}
.fu-lk span{  background-image:url(../imgweb/ic-lk4h.png); background-position: top center; background-size:auto 3em; background-repeat: no-repeat; padding-top:3.6em; width: 100%; text-align: center;transition: all ease 0.5s;}
.fu-lk:hover span{ color: #ffffff;}
.fu-lk.service span{background-image:url(../imgweb/ic-lk1.png);}
.fu-lk.faq span{background-image:url(../imgweb/ic-lk2.png);}
.fu-lk.down span{background-image:url(../imgweb/ic-lk3.png);}
.fu-lk.contact span{background-image:url(../imgweb/ic-lk4.png);}
.fu-lk.service:hover span{background-image:url(../imgweb/ic-lk1h.png);}
.fu-lk.faq:hover span{background-image:url(../imgweb/ic-lk2h.png);}
.fu-lk.down:hover span{background-image:url(../imgweb/ic-lk3h.png);}
.fu-lk.contact:hover span{background-image:url(../imgweb/ic-lk4h.png);}

/*底部样式*/
.footer{ background: var(--diy-zhuti); color: #ffffff; padding-top: var(--pm-num-6); padding-bottom: var(--pm-num-6);}
.footer a {color: #fff;}

.dilink{ width: 100%; padding-bottom: var(--pm-num-6); border-bottom: 1px solid #ffffff; }
.dilink li{ font-size: var(--font-size-4);}
.dilink li b{ padding-right: 8px; margin-right: 5px;position: relative; display: inline-block;}
.dilink li b::after{ position: absolute; content: ''; right: 0; bottom: 0.35em; width: 1px; height: 0.8em; background: #ffffff;}
.dilink li a{ font-size:0.778em; line-height: 1.85; color: #fff;display: inline-block; margin-left: 8px;}
@media (min-width: 768px) {
	.dilink{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start;}
	.dilink li{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.dilink li b{ padding-bottom: 0.89em; width: 100%;  margin-bottom:0.83em; padding-right: 0; margin-right: 0px;}
	.dilink li b::after{ position: absolute; content: ''; left: 0; right:0; bottom: 0; width: 3em; height: 1px; background: #ffffff;}
	.dilink li a{ margin-left: 0px;}
}

.dicopy{font-size: var(--font-size-4); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.dicopy p{font-size:0.778em; line-height: 1.785; width: 100%;}
.dicopy ul{display: flex; flex-direction: row; justify-content:center; align-items: center;}
.dicopy ul li{ position: relative; margin: 0rem 10px;}
.dicopy ul li .ewm-ic{ width: 56px; height: 56px;}
.dicopy ul li .ewm-img{ position: absolute; width: 0; height: 0;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear; overflow: hidden;bottom: 106px; left: 28px;}
.dicopy ul li:hover .ewm-img{ width: 100px; height: 100px; bottom: 60px; left: -22px;}
@media (min-width: 768px) {
	.dicopy{flex-direction: row;}
	.dicopy p{}
	.dicopy ul{justify-content: flex-end;}
	.dicopy ul li:last-child{ margin-right: 0;}
}

.select-country {box-sizing: border-box;padding: 13px 0;/* border-top: 1px solid #fff; */}
.select-country .selectbox {font-size: var(--font-size-4); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.select-country .selectbox p{font-size:0.778em; line-height: 1.785; width: auto; display: flex;align-items: center;}
.select-country .selectbox p:not(:last-child) {margin-bottom: 5px;}
.select-country .selectbox p img {margin-right: 10px;}
@media (min-width: 768px) {
	.select-country .selectbox {flex-direction: row;justify-content: flex-end;}
	.select-country .selectbox p:not(:last-child) {margin:0;box-sizing: border-box;border-right: 1px solid #fff;margin-right: 20px;padding-right: 20px;}
}

#gotop{ width: 40px; height: 40px;bottom:15px}
#gotop img{ width: 100%; height: 100%;}

/*内页banner*/

.nyban .container-fluid{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(25, 110, 115, 1) 2%, rgba(0, 0, 0, 0) 100%);}
.nyban .container-fluid .row,.nyban .container-fluid .container{width: 100%; height: 100%;}
.nyban .container-fluid .col{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.nyban span{ font-size: var(--font-size-1); color: #fff; font-weight: bold; position: relative; padding-bottom: 1em; line-height: 1;}
.nyban span::after{ position: absolute; bottom: 0px; left: 0px; width: 40%; height: 2px; background: #fff; content: '';}


/*当前位置，面包屑*/
.posit{ font-size: var(--font-size-5); color: #666;  padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #f6f6f6;}
.posit p{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.posit p a{ color: var(--diy-zhuti); text-decoration: underline; transition: all ease 0.3s;}
.posit p a:first-child{background: url(../imgweb/icon-home.png) no-repeat center left; display: inline-block; width: 1.125em; height:1em; background-size: auto 100%;text-decoration:none;}
.posit p a:hover{ opacity: 0.8;text-decoration:none;}
.posit span{ background: url(../imgweb/f-jt4.png) no-repeat center; display: inline-block; width: 1.5em; height:1.5em; background-size: auto 33.333%;}
.posit p b{ font-weight: normal; }
@media (min-width: 1200px) {
	.posit{padding-top: 1.75em; padding-bottom: 1.75em;}
	
}

/*简介页面*/

.nybar{ font-size: var(--font-size-6); line-height: 1; font-weight: bold; padding-bottom: .53em; border-bottom: 1px solid #666; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.tit-fu{ width: 100%; font-size: .5em; font-weight: normal;}
.jj-com{ font-size: var(--font-size-7); font-weight: bold; line-height: 2.3em; padding-top:0.714em;}

.jj-tel{ align-items: center;}
.jj-tel ul{ font-size: var(--font-size-7); }
.jj-tel ul li{ font-size: 0.857em; font-weight: 100; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; line-height: 1.66; padding: 0.75em 0em; border-bottom: 1px solid #f6f6f6;}
.jj-tel ul li:last-child{ border-bottom: 0;}
.jj-tel ul li img{ width: 2.08em; height: auto; margin-right: 0.75em;}
@media (min-width: 768px) {
	.jj-tel ul li:last-child{ padding-bottom: 0;}
}
@media (min-width: 992px) {
	.jj-tel ul li{ padding-right:12%;}
}
@media (min-width: 1400px) {
	.jj-tel ul li{ padding-right:19%;}
}

/*数字滚动轴*/
.num-box{ width: 100%; height: auto;  padding-bottom:  var(--pm-num-2); background: url(../imgweb/jj-bg.jpg) no-repeat center; background-size: 100% 100%; color: #fff;}
.num-head{width: 100%; display: flex; flex-direction:column; justify-content:center; align-items: center;  }
.num-item{ font-size: var(--font-size-2);width:100%; padding-left: 10%; box-sizing: border-box;}
.count-title,.num-item div b{ font-size: 2em; font-weight: bold;}
.num-add{ padding-left: 4px;}
@media (min-width: 576px) {
	.num-head{justify-content:space-around; flex-direction: row;}
	.num-item{ width: auto;min-width: 140px; padding-left: 0;}
}
@media (min-width: 1200px) {
	.num-item{ min-width: 160px;}
}

/*集团子页面样式*/
.basic-fontsize{ font-size:var(--font-size-basic); line-height: 1.75;}
.tit-lv1{font-size: 2.25em; line-height: 1.4; padding-bottom: .237em; border-bottom: 1px solid #666; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: .59em;}
.tit-lv1.border0{ border: 0;}
.tit-lv1 p{ width: 100%; font-size: .5em; color: #666;}
.tit-lv2{font-size: 1.75em; line-height: 1.4; padding-bottom: .33em; border-bottom: 1px solid #666; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: .59em;}

.component{ font-size: 1.125em; line-height: 1.75;}
.component h4{ font-size: 1em; font-weight: bold; line-height: 1.4; margin-bottom:.59em;}
.component p{ margin-bottom: 1em;}
.component ol{ margin-top: -1em; font-size: .889em; margin-bottom: 0; margin-bottom: 1em; list-style-type: decimal;}
.component ol li{ margin-bottom: 0.33em; list-style-type: decimal;}

.colgroup{ width: 100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.colgroup .imgtext{ width:calc((100% - var(--pm-num-6)) / 2); margin-right: var(--pm-num-6); margin-top: var(--pm-num-6); border: 1px solid #ccc; padding: 1.25em; box-sizing: border-box;  box-sizing: border-box; display: flex; flex-direction: column; align-items:center; justify-content: center; transition: all ease 0.5s;}
.colgroup .imgtext:hover{ opacity: 0.8;}
.colgroup .imgtext:nth-child(2n){ margin-right: 0; }
.colgroup .imgtext .text{ position: relative; padding-left: 0.75em; color: var(--diy-zhuti); margin-top: .625em; font-weight: bold; font-size: .9375em;}
.colgroup .imgtext .text::before{ content: ''; position: absolute; top: 0; left: 0;width:.375em; height: 1.5em; background: url(../imgweb/ic-02.png) no-repeat left center; background-size: 100% auto;}
@media (min-width: 576px) {
	.colgroup .imgtext{ width:calc((100% - var(--pm-num-6)*2) / 3);}
	.colgroup .imgtext:nth-child(2n){ margin-right: var(--pm-num-6);}
	.colgroup .imgtext:nth-child(3n){ margin-right:0;}
}
@media (min-width: 992px) {
	.colgroup .imgtext{ width:calc((100% - var(--pm-num-6)*3) / 4);}
	.colgroup .imgtext:nth-child(3n){ margin-right: var(--pm-num-6);}
	.colgroup .imgtext:nth-child(4n){ margin-right:0;}
}

.corp-contact{ display: flex; flex-direction: row; justify-content: flex-start; align-items:center; margin-bottom: 1em;}
.corp-contact b{ width: 5em;}
.corp-contact img{ margin-left:0.66em; max-height: 15px; width: auto;}

.arrow{ display:inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; color: var(--diy-zhuti);}
.arrow.mg-r{ margin-right: 1.6em;}
.arrow:link{text-decoration: underline;}
.arrow::before{ content: ''; width:.609em;  background: url(../imgweb/ic-02.png) no-repeat left center; display: inline-block; height: 1em; background-size: .3049em auto;}
h3.h-lv3{ font-size: 1.375em; line-height: 1.4; margin-bottom: .48em;}
h4.h-lv4{ font-size: 1.125em; line-height: 1.4; margin-bottom: .592em;}
.isw{ width: auto; max-width: 100%; height: auto;}

.corp-ul{ list-style: disc; padding-left: 1em; margin-left: .5em;}
.corp-ul li{ list-style: disc; margin-bottom: .33em;}

.corptable{ width: 100%; border: 1px solid #dadada;}
.corptable td,.corptable th{border: 1px solid #dadada; padding: 1.33em; width: 50%; box-sizing: border-box; vertical-align: top;}
.corptable td{ background: #f8f8f8;}


.important-icon{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;color: var(--diy-zhuti);}
.important-icon::before{ content: ''; background: url(../imgweb/icon-important-02.png) no-repeat left center; background-size: 1em 1em; width: 1.333em; height: 1em; }


/*集团简介-专利技术*/
.rd-list{ width: 100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
.rd-list li{ width:calc((100% - var(--pm-num-7)) / 2); margin-right: var(--pm-num-7); margin-top: var(--pm-num-7); border: 1px solid #dadada; padding:1.26em; box-sizing: border-box;  transition: all ease 0.5s;}
.rd-list li img{ margin-bottom:.66em;}
.rd-list li:hover{ opacity: 0.8;}
.rd-list li:nth-child(2n){ margin-right: 0; }
@media (min-width: 576px) {
	.rd-list li{ width:calc((100% - var(--pm-num-7)) / 2);}
}

.bg-quality{ background: #f8f8f8; padding: 1.33em;}
.quality-list{ width: 100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
.quality-list li{ width:calc((100% - var(--pm-num-7)) / 2); margin-right: var(--pm-num-7); margin-bottom: var(--pm-num-7); border: 1px solid #dadada; padding:1.26em; box-sizing: border-box;  transition: all ease 0.5s;}
.quality-list li img{ margin-bottom:.66em;}
.quality-list li:hover{ opacity: 0.8;}
.quality-list li:nth-child(2n){ margin-right: 0; }
@media (min-width: 576px) {
	.quality-list li{ width:calc((100% - var(--pm-num-6)*2) / 3);}
	.quality-list li:nth-child(2n){ margin-right: var(--pm-num-7); }
	.quality-list li:nth-child(3n){ margin-right: 0; }
}

.tcenter{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.btn-img1{ display:inline-flex; text-align: center; margin: 0px auto; flex-direction: row; justify-content: center; align-items: center; background: var(--diy-zhuti); color: #fff; font-size: 1.125em; padding: .5em 1em;}
.btn-img1 span{ display: block; position: relative; padding-left: .83em;}
.btn-img1 span::before{ content: ''; position: absolute; top:0px; left:0px; width:.83em; height:100%; background: url(../imgweb/arrow-link-w-l.png) no-repeat left center; display: inline-block; background-size: .35em auto;}
.btn-img1:hover{ color: #fff;}
.btn-img1 img{ height: .71em; margin-left: .6em;}

/*业务内容*/
.jj-text{}
.jj-tz{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-end;background: linear-gradient(to top, rgba(40, 40, 40, 0.6) 2%, rgba(0, 0, 0, 0) 50%); transition: all ease 0.8s;}
.jj-tz:hover{background: linear-gradient(to top, rgba(25, 110, 115, 1) 2%, rgba(0, 0, 0, 0) 50%);}
.jj-tz p{ font-size: var(--font-size-2); padding-bottom: 0.7em; font-weight: bold; color: #fff;}
.jj-text{ font-size: var(--font-size-8); padding-top: 1.4em;}
@media (min-width: 768px) {
	.jj-tsli .mt-s2{ margin-top: 20px;}
}

@media (min-width: 1200px) {
	.jj-text{padding-top: 1.9em; --pm-num-2}
	.jj-tsli .mt-s2{ margin-top: 32px;}
}

.img_s{ overflow: hidden; }
.img_s img{transition: all ease 0.5s;}
.img_s:hover img{ transform:scale(1.15);}


/*公司简介*/
.com-jj{ font-size: var(--font-size-8);}
.com-jj span{ display: block; margin-top: -0.25em;}
.com-jj p{ margin-top: 1.25em; line-height: 2;}

.com-pro{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; font-size: var(--font-size-7);}
.com-pro li{ width: 49%;  font-size: 0.857em; background: #f6f6f6; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: all ease 0.5s;}

.com-pro li a{color: var(--diy-zhuti); width: 100%; height: 100%;display: flex; flex-direction: row; justify-content: center; align-items: center;padding: 2em 8px; box-sizing: border-box;}
.com-pro li.cur,.com-pro li:hover{ background: var(--diy-zhuti);}
.com-pro li.cur a,.com-pro li:hover a{ color: #ffffff;}

@media (min-width: 768px) {
	.com-pro li a{padding: 3em 8px;}
}

.com-contact{ font-size: var(--font-size-7); padding-top: 0.714em;}
.com-contact li{ font-size:0.857em; font-weight: 100; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0.856em 0em;}
.com-contact li img{ max-height: 1.62em; width: auto; margin-right: 1em;}

.com-gz{ width: 100%; display: flex; flex-direction: row; justify-content:space-between; align-items: stretch;}
.com-gz li{ width: 31.667%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f6f6f6; font-size: var(--font-size-3); padding-top: 1.6667em;}
.com-gz li img{ max-width: 142px; width: 60%;}
.com-gz li div{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 1.1667em 0em; margin-top: 1em; width: 100%;}
.com-gz li:hover div{background: var(--diy-zhuti); color: #fff;}
.com-gz li div span{ line-height: 1.5; background-image: url(../imgweb/com-hs.png); background-repeat: no-repeat; background-position: left center; background-size: auto 1.5em; padding-left: 2em;}
.com-gz li:hover div span{background-image: url(../imgweb/com-hs1.png);}
.com-gz li:nth-child(2) div span{ background-image: url(../imgweb/com-wx.png);}
.com-gz li:nth-child(2):hover div span{ background-image: url(../imgweb/com-wx1.png);}
.com-gz li:nth-child(3) div span{ background-image: url(../imgweb/com-dy.png);}
.com-gz li:nth-child(3):hover div span{ background-image: url(../imgweb/com-dy1.png);}

/*联系我们*/
.lx-way{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.lx-way li{ font-size: var(--font-size-9); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 2.2em 2em; background: #f6f6f6; box-sizing: border-box; transition: all ease 0.8s; color: var(--diy-base);}
.lx-way li.cur{ background: var(--diy-zhuti); color: #ffffff;}
.lx-way li p{ padding-bottom: 0.583em;  margin-bottom: 0.5em; width: 100%; font-weight: bold;border-bottom: 1px solid var(--diy-base); }
.lx-way li.cur p{border-bottom: 1px solid #fff;}
.lx-way li span{ display: block; font-size: 0.75em;}
.lx-way li b{display: inline-block;}
.lx-way li span b{  font-size: 1.33em;}
.lx-way li .bk{ line-height: 2.75; }
.lx-group{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
@media (min-width: 768px) {
	.lx-way li{width: 50%;}
}

/*常见问题*/
.faq_form{ width: 100%; display:flex; flex-direction:row; justify-content: flex-start; align-items: center;}
.faq_form input{  outline: none; font-size:14px; height: 38px; box-sizing: border-box;}
.kinpt{ color: #999999; font-weight: 100; width: 100px; flex-grow: 1; border: 1px solid #666666; border-right: 0; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; background: url(../imgweb/fq-ic.png) no-repeat left 1.1em center; background-size: auto 1.54em; padding-left: 3.7em;}
.subinpt{max-width: 171px; width: 20%;border: none;border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; background: var(--diy-zhuti); color: #fff;}
@media (min-width: 576px) {
	.faq_form input{font-size: var(--font-size-9); height: 3.33em;}
}

.faq-type{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.faq-type li{ font-size: var(--font-size-9); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 1.1em 1em; background: #f6f6f6; box-sizing: border-box; transition: all ease 0.8s; color: var(--diy-base); cursor: pointer;}
.faq-type li.cur,.faq-type li:hover{ background: var(--diy-zhuti); color: #ffffff;}
.faq-type li a{  width: 100%; text-align: center; display: block; color: var(--diy-base);}
.faq-type li.cur a,.faq-type li:hover a{ color: #fff;}

@media (min-width: 768px) {
	.faq-type li{width: 50%;}
}


/*常见问题页面*/
.fq-type{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;font-size: var(--font-size-3); flex-wrap: wrap;}
.fq-type li a{ display: inline-block; padding: 1.05em 0em; line-height: 1.4; position: relative; font-size: 1.333em; transition: all ease 0.3s;}
.fq-type li a:hover::after,.fq-type li.cur a::after{ position: absolute; bottom: 0; left:50%; width: 50%; height:0.16em; background: var(--diy-zhuti); content: ''; border-radius:10px; transform: translateX(-50%);}
.fq-type li a:hover,.fq-type li.cur a{ font-weight: bold; color: var(--diy-zhuti);}

.fq-list{font-size: var(--font-size-3); }
.fq-list li a{ display: block; padding: 1.9em 0em; border-bottom: 1px solid #f6f6f6;}

/*案例页面*/
.al-list{ width: 100%; display:flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding-top: var(--pm-num-6);font-size: var(--font-size-5);}
.al-list li{ width:calc((100% - var(--pm-num-6)) / 2);  margin-top: var(--pm-num-6); margin-right: var(--pm-num-6); font-size:1.25em; padding-bottom:1.25em; transition: all ease 0.5s;}
.al-list li:hover{ background: var(--diy-zhuti); box-shadow: 0px 0px 8px rgba(0,0,0,0.6);}
.al-list li:hover a{ color: #fff;}
.al-list li a{ display:block; width: 100%;}
.al-list li:nth-child(2n){ margin-right: 0px;}
.al-list li p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-top:1.25em; text-align: center; padding: 0em 0.5em;}
@media (min-width: 768px) {
	.al-list li{ width:calc((100% - var(--pm-num-6)*2) / 3); flex-grow: 0;}
	.al-list li:nth-child(2n){ margin-right: var(--pm-num-6);}
	.al-list li:nth-child(3n){ margin-right: 0px;}
}

/*下载页面*/
.down-list{ width: 100%; display:flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding-top: var(--pm-num-6);font-size: var(--font-size-5);}
.down-list li{ width:calc((100% - var(--pm-num-6)) / 2);  margin-top: var(--pm-num-6); margin-right: var(--pm-num-6); font-size:1.25em; padding-bottom:1.25em; transition: all ease 0.5s;}
.down-list li .img_s{ background: #f6f6f6; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.down-list li .img_s img{ max-width: 43%; max-height: 58.2%; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto;}
.down-list li:hover{ background: var(--diy-zhuti); box-shadow: 0px 0px 8px rgba(0,0,0,0.6);}
.down-list li:hover a{ color: #fff;}
.down-list li a{ display:block; width: 100%;}
.down-list li:nth-child(2n){ margin-right: 0px;}
.down-list li p{ margin-top:1.25em; text-align: center; padding: 0em 1em;}
.down-list li p span{ display: block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.down-list li p img{ height: 1.4em; width: auto; display: none;}
.down-list li:hover p{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.down-list li:hover p span{ padding-right: 1.5em;}
.down-list li:hover p img{ display: block;}
@media (min-width: 768px) {
	.down-list li{ width:calc((100% - var(--pm-num-6)*2) / 3); flex-grow: 0;}
	.down-list li:nth-child(2n){ margin-right: var(--pm-num-6);}
	.down-list li:nth-child(3n){ margin-right: 0px;}
}

/*服务流程*/
.sv-liuc{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; font-size: var(--font-size-2);}
.sv-liuc li,.sv-liuc span{ width: 100%; }
.sv-liuc span{ height: 2em; background: url(../imgweb/f-jt6.png) no-repeat center; background-size: auto 25%;}
.sv-liuc li{ padding:1.25em 1em; box-sizing: border-box;}
.sv-liuc li p{ font-size: 0.7em; line-height: 1.6;}
.sv-liuc li:nth-child(4n+1){ background: #f6f6f6;}
.sv-liuc li:nth-child(3),.sv-liuc li:nth-child(7){ background:var(--diy-zhuti); color: #ffffff;}
.sv-liuc li div{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 1em;}
.sv-liuc li div img{ height: 2em; width: auto; margin-right: 0.5em;}
.sv-liuc li div b{ width: 100px; flex-grow: 1; border-bottom: 1px solid var(--diy-zhuti); color: var(--diy-zhuti); font-weight: normal;}
.sv-liuc li:nth-child(3) div b,.sv-liuc li:nth-child(7) div b{border-bottom: 1px solid #fff; color: #fff;}

@media (min-width: 768px) {
	.sv-liuc li{ width: 22%;}
	.sv-liuc span{ width: 4%; background: url(../imgweb/f-jt5.png) no-repeat center; background-size: 26.5% auto; height: auto;}
}

.btn-zd{ font-size:var(--font-size-2); font-weight: normal; padding-left: 1.5em; background: url(../imgweb/f-jt6.png)  no-repeat left center; background-size: auto 0.5em; line-height: 1.5; cursor: pointer;}
.sv-baox{ padding-top: var(--pm-num-6); font-size: 14px; line-height: 2; height: 16em; overflow: hidden;}
.sv-baox p{ text-align: right;}
.sv-baox.on{ height: auto;}

.sv-fei{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; font-size: var(--font-size-7);}
.sv-fei li{ width: 49%;  font-size: 0.857em; background: #f6f6f6; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: all ease 0.5s;}

.sv-fei li a{  width: 100%; height: 100%;display: flex; flex-direction: row; justify-content:flex-start; align-items: center;padding: 2em 1.25em; box-sizing: border-box; text-align: left; box-sizing: border-box; flex-wrap: wrap;}
.sv-fei li a p{ width: 100%;}
.sv-fei li.cur,.sv-fei li:hover{ }
.sv-fei li.cur a,.sv-fei li:hover a{ }
.sv-fei li b{ display: block; font-size: 12px; color:var(--diy-zhuti); line-height: 20px; border: 1px solid var(--diy-zhuti); padding: 0px 16px; border-radius: 10px; margin-top: 12px; transition: all ease 0.5s;}
.sv-fei li.cur b,.sv-fei li:hover b{background: var(--diy-zhuti); color: #fff;}

.sv-table{ width: 100%; border: 1px solid var(--diy-base);}
.sv-table th,.sv-table td{ width: 33.333%; text-align: center; border: 2px solid var(--diy-base);}
.sv-table th{ background:var(--diy-zhuti); color: #fff; padding: 0.5em; box-sizing: border-box;}
.sv-table td{ padding: 2.5em 0em;}

/*经销商申请*/
.sales-box{ width: 100%; background: #fff; font-size: var(--font-size-1); position: relative;z-index: 1; margin-top: -1.2em;}
.sales-box h1{font-size: var(--font-size-1); text-align: center; padding: 0.3em 0em; line-height: 1.5; margin-bottom: 0;}
@media (min-width: 576px) {
	.sales-box{margin-top: -2em;}
}

.sales-box form{ width: 100%; padding: 0rem 5%;}

.sl-group{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; }
.sl-group li{ width:26%; flex-grow: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: var(--pm-num-6); height: auto;margin-top: var(--pm-num-6);height: 3.16em; border: 1px solid #ccc;font-size: var(--font-size-3); background: #e7e7e7;}
.sl-group li:last-child{ margin-right: 0;}
.sl-group input,.sl-group select{ width: 100%; height: 100%; border: 0px solid #ccc; padding: 0em 1.08em; background: #fff;}
.sl-group select{color: #666;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: url(../imgweb/f-jt.png) no-repeat #fff;background-position: right 10px center;background-size: 10px auto;}
.sl-group input::placeholder{font-size: var(--font-size-3); color: #666;}
input.sub-btn{ background: var(--diy-zhuti); color: #fff; border: 1px solid var(--diy-zhuti); font-size: 1.1111em; letter-spacing: 2px;}


/*新闻内容页*/

#main{width: 100%;  }
#main h1{ font-size: calc(var(--font-size-2)*1.2); line-height:1.5em; padding-bottom: 0.5em; font-weight: bold; margin-bottom: 0;}
#main .info{ line-height: 24px; padding-bottom: 0px; border-bottom: 0px solid #f5f6f7; font-size: 12px; color: #797c80;}
#main .info span,#main .info time,#main .info i{ font-style: normal; display: inline-block; margin-right: 24px;}
#main .info i{ background: #f7f9fa; padding: 0px 8px; color: #aaaeb3;}

#main .body{ padding-top: 1.8em; font-size: var(--font-size-8); text-align: justify; line-height: 1.8;}
#main .body img,#main .body video{  max-width: 100%; /*max-height: calc(100vh - 130px);*/ object-fit: cover; object-position: center; /* width: auto; height: auto; */}
#main .body p img:first-child{ margin-top: 0.625em;}
#main .body p img:last-child{margin-bottom: 0.625em;}
#main .body small{ font-size: 14px; color: #797c80; display: block; text-align: center; margin-bottom: 0.625em; margin-top: 5px;}
#main .body video{ margin: 0.625em 0px;}

.navgitor{ width: 100%; border-top: 1px solid #f6f6f6; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: var(--font-size-8);}
.btn-back{ font-size: 1.125em; padding:0.4em 1.77em; background: var(--diy-zhuti); color: #fff; margin-right: 2em;}
.btn-back:hover{color: #fff;}
.navgitor ul{ font-size: 0.875em;}
.navgitor ul li{ width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 0.2em 0em;}
.navgitor ul li span{min-width: 56px;}


/*产品页面*/
.produt-list{ width: 100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.produt-list .imgtext{ width:calc((100% - var(--pm-num-6)) / 2); margin-right: var(--pm-num-6); margin-top: var(--pm-num-6); border: 1px solid #ccc; padding:.625em .625em 1.25em; box-sizing: border-box; font-size: var(--font-size-5); box-sizing: border-box; background: linear-gradient(to bottom,  #ffffff 20%,#f2f2f2 100%); display: flex; flex-direction: column; align-items:center; justify-content: center; transition: all ease 0.5s;}
.produt-list .imgtext:hover{ opacity: 0.8;}
.produt-list .imgtext:nth-child(2n){ margin-right: 0; }
.produt-list .imgtext .text{ position: relative; padding-left: 0.75em; color: var(--diy-zhuti); margin-top: 5px;}
.produt-list .imgtext .text::before{ content: ''; position: absolute; top: 0; left: 0;width:.375em; height: 1.5em; background: url(../imgweb/ic-02.png) no-repeat left center; background-size: 100% auto;}

.product-info{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: var(--pm-num-4);}
.product-info img{ width:auto; max-width: 100%; height: auto;}

@media (min-width: 576px) {
	.produt-list .imgtext{ width:calc((100% - var(--pm-num-6)*2) / 3);}
	.produt-list .imgtext:nth-child(2n){ margin-right: var(--pm-num-6);}
	.produt-list .imgtext:nth-child(3n){ margin-right:0;}
}
@media (min-width: 992px) {
	.produt-list .imgtext{ width:calc((100% - var(--pm-num-6)*3) / 4);}
	.produt-list .imgtext:nth-child(3n){ margin-right: var(--pm-num-6);}
	.produt-list .imgtext:nth-child(4n){ margin-right:0;}
	.product-info img{ width:auto; max-width: 900px; height: auto;}
}


/*产品悬浮按钮*/


	.xf-box{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 98; display: none;}
	.xf-down{ display: none;}
	.xf-box .container-fluid{margin-top: 51px;}
	.xf-menu{  display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; background: #777;}
	.xf-tit{ width: 100%; font-size: 1.125em; font-weight: bold; padding: .59em; color: #fff; background: url(../imgweb/arrow-gnav-w-3.png) no-repeat left .82em center #7e7e7e; padding-left: 1.54em;}
	
	.xf-menu a{ color: #fff; padding: .66em; display: block; padding-left: 2em;background-image: none; background-image: url(../imgweb/arrow-gnav-w-3.png); background-position: left 1em center; background-repeat: no-repeat;}
	.xf-menu a span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	.xf-menu a:not([href]):not([class]){ color: #fff; cursor: pointer;}
	.xf-menu a:not([href]){background-image: none;color: #fff;cursor: pointer;}
	
	.xf-lv1,.xf-lv2,.xf-lv3{ width: 28%; flex-grow: 1; height: 300px; overflow-y:auto;}
	
	.xf-lv1::-webkit-scrollbar,.xf-lv2::-webkit-scrollbar,.xf-lv3::-webkit-scrollbar{ display: none;}
	.xf-lv1{ background: #666;}
	.xf-lv1 a:hover,.xf-lv1 a.cur{ background-color: #555;}
	.xf-lv2{ background: #555;}
	.xf-lv2 a:hover,.xf-lv2 a.cur{ background-color: #444;}
	.xf-lv3{ background: #444;}
	.xf-lv3 a:hover,.xf-lv3 a.cur{ background-color: #333;}
	.lv1-menu,.lv2-menu{ display: none;}
	.show{ display: block;}
	.open-protype{ position: fixed;z-index: 99;width: 24px; height: 24px; top:57px; right: 22px; background-color:var(--diy-zhuti); border: 1px solid #fff; border-radius: 50%; display: block; background-image: url(../imgweb/icon-localnav.png); background-repeat: no-repeat; background-position: center; transition: all ease 0.3s; background-size: 55% auto; box-sizing: content-box; cursor: pointer;}
	.onclose{background-image: url(../imgweb/icon-localnav-close.png); background-size: 40% auto;}
@media (min-width: 576px) {
	.xf-box .container-fluid{margin-top: 61px;}
	.open-protype{top:65px;right: 50%;margin-right:-260px;width: 28px; height: 28px;}
}
@media (min-width: 768px) {
	.xf-box .container-fluid{margin-top: 71px;}
	.open-protype{top:75px;margin-right:-350px;width: 30px; height: 30px;border: 2px solid #fff;}
}
@media (min-width: 992px) {
	.xf-box .container-fluid{margin-top: 101px;}
	.open-protype{top:106px; margin-right:-460px;width: 32px; height: 32px;}
	.xf-lv1,.xf-lv2,.xf-lv3{height: 400px;}
	
}
@media (min-width: 1200px) {
	.xf-box .container-fluid{margin-top: 121px;}
	.open-protype{top:127px; margin-right:-560px;width: 34px; height: 34px;}
}
@media (min-width: 1400px) {
	.open-protype{margin-right:-590px;}
}


/* 全世界链接 */
.s-content {display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;width: 100%;}
.s-content p {width: 100%;text-align: left;margin-bottom: var(--pm-num-6);font-size: 1.375em;}
.s-content a {width: 100%;}
.component-borderbox {border: 1px solid #dadada;box-sizing: border-box;padding: 19px;position: relative;}
.component-link-horiz {display: flex;flex-flow: row wrap;justify-content: space-around;align-items: center;}
.component-link-horiz li {display: inline-block;margin: 3px 24px 3px 0;}
.arrow-anchor:not(a) {background: url(../imgweb/arrow-anchor-s.png) left center no-repeat;padding-left: 14px;}
.colgroup {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: flex-start;}
.colgroup li {padding-right: var(--pm-num-6);box-sizing: border-box;white-space: normal;  overflow-wrap: break-word;  word-wrap: break-word;}

.colgroup li a, .h-lv3 a, .arrow-anchor a  {color: var(--diy-zhuti);}
.colgroup li a:hover, .h-lv3 a:hover, .arrow-anchor a:hover {text-decoration: underline;}

@media (min-width: 768px) {
	.s-content {flex-direction: row;justify-content: space-between;}
	.s-content p {margin-bottom: 0;}
	.s-content a {width: 500px;max-width: 100%;box-sizing: border-box;padding: 10px 0;}
	.arrow-anchor:not(a) {background: url(../imgweb/arrow-anchor-s.png) left center no-repeat;background-size: 7px 7px;}
}



/***分页pages分页***/
.pages{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}

.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666666;}
.pages a{ margin: 2px; border-radius: 4px;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#f1f1f1 1px solid;padding:3px 5px;text-decoration:none;}
.pages a:hover {background:var(--diy-zhuti);border:var(--diy-zhuti) 1px solid;color:#FFFFFF;padding:3px 5px;text-decoration:none;}
.pages strong {background:var(--diy-zhuti);padding:3px 5px;border:var(--diy-zhuti) 1px solid;color:#FFFFFF;margin: 2px;border-radius: 4px;}
.pages input{margin: 2px;padding:2px;text-align:center; outline: none;border-radius: 4px;}
.pages_inp {width:30px; color:#666666;border:#f1f1f1 1px solid;}
.pages_btn {width:26px; color:#FFFFFF; background:var(--diy-zhuti);border:var(--diy-zhuti) 1px solid;}
.pages label {background:#FFFFFF;border:#f1f1f1 1px solid;color:#666666;padding:3px 5px 3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}


/*招聘页面*/
.job-list{ width: 100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;margin-top: var(--pm-num-6);}
.job-list .jtext{ width:100%;  border-bottom: 1px solid #f1f1f1; padding:1em 0em; box-sizing: border-box; font-size: var(--font-size-5);  display: flex; flex-direction:row; align-items:center; justify-content: center; transition: all ease 0.5s;}

.job-list .jtext:nth-child(odd){ background: #fafafa;}
.job-list .jtext:first-child{ background: none;}
.job-list .jtext:hover{ }
.job-list .jtext.nulhover:hover{ background: none;}
.job-list .jtext div{ width: 100px; flex-grow: 1; text-align: center; box-sizing: border-box; padding: 0em 0.5em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.job-list .jtext div:first-child{ flex-grow: 1.5; text-align: left; }


/* 经销商查找 */
.wlbox{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch}
/* .wlbox .col-lg-8{ min-height:260px;} */
.chartMap { height: 450px;}
.gdbox{ height: auto; overflow-y: auto; padding-right: 15px; box-sizing: border-box; width: 100%;position: relative; box-sizing: border-box; padding: var(--pm-num-6);border: 1px solid #ccc;border-radius: 10px;}
.gdbox li{ color: #999999; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-bottom: 1px solid #ccc;padding-bottom: var(--pm-num-6);margin-top: var(--pm-num-6);}
.gdbox li:first-child{ margin-top: 0px;}
.gdbox li:last-child{ border-bottom: 0px;padding-bottom: 0;}
.gdbox li h6{ font-weight: bold; color: #000000;font-size: var(--font-size-2);}
/* .gdbox li p{ margin-top: 2px; margin-bottom: 6px;} */
.gdbox li span, .gdbox li p.imap{ background-position: left center;  background-repeat: no-repeat; background-size:20px auto; padding-left: 28px; line-height: 1.6;margin-top: 10px;font-size: var(--font-size-3);}
.gdbox li span.iname{background-image: url(../imgweb/jj-ic4.png);}
.gdbox li span.itel{background-image: url(../imgweb/jj-ic1.png);}
.gdbox li span.imap{ background-image: url(../imgweb/jj-ic2.png);}
.gdbox li p.imap { background-image: url(../imgweb/jj-ic2.png);}
.gdbox li span.djck{ cursor: pointer;}
.gdbox li span.djck:hover{ color: #d6541b;}
div.gdbox {position: relative;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;}
div.gdbox span {color: #999999;}
div.gdbox img {width: 100%; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */}

.gdbox{scrollbar-base-color:#f00;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.gdbox::-webkit-scrollbar  {  width: 4px;  /*滚动条宽度*/height: 5px;  /*滚动条高度*/}  
.gdbox::-webkit-scrollbar-button  {  background-color:#f4f4f4;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  border-radius: 2px;color:#900; height: 2px;} 
/*定义滚动条轨道 内阴影+圆角*/  
.gdbox::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  border-radius: 0px;  /*滚动条的背景区域的圆角*/background-color: #f4f4f4;/*滚动条的背景颜色*/  }  
/*定义滑块 内阴影+圆角*/  
.gdbox::-webkit-scrollbar-thumb  {  border-radius: 2px;  /*滚动条的圆角*/-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color:  #d7d7d7;  /*滚动条的背景颜色*/ }

.sl-group.aformbox {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sl-group.aformbox li {width: 100%;background: none;border-radius: 10px;margin-right: 0;}
.sl-group.aformbox li select {border-radius: 10px;}
.sl-group.aformbox li.kwbox { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;overflow: hidden;width: 100%;}
.sl-group.aformbox li.kwbox .ainpt { border-radius: 10px 10px 0 0;}
.sl-group.aformbox li.kwbox .btn_sub { background: var(--diy-zhuti); color: #fff; border: 0px; padding: 0px 10px;width: 7em;}

@media (min-width:768px) {
	.sl-group.aformbox {display: flex; flex-direction: row; justify-content: space-between;align-items: stretch;}
	.sl-group.aformbox li {width: 30%;margin-right: var(--pm-num-6);margin-top: 0;}
	.sl-group.aformbox li:last-child {margin-right: 0;}
	.sl-group.aformbox li.kwbox {min-width: 35%;}
	.gdbox li span, .gdbox li p.imap{ background-size:24px auto; padding-left: 32px; }
}

.lx-way2{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.lx-item{ width: 100%;font-size: var(--font-size-9);display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.2em 1em; background: #f6f6f6; box-sizing: border-box; transition: all ease 0.8s; color: var(--diy-base);}
.lx-item.cur{ background: var(--diy-zhuti); color: #ffffff;}
.lx-item .imgbox {width: 60px;height: auto;}
@media (min-width: 768px) {
	.lx-item{width: 48%;}
}