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

:root {
  --diy-base: #333;
  --diy-zhuti: #cb1e19;
  --diy-fuzhu: #e47b1e;
  --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));
}



.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{ position: relative; z-index: 2; background: #fff; box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2);}
.fixed-hd{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 90;}
.header{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
@media (max-width: 991.98px) {
	.header{ padding: 10px 0px;}
	.logo img{ height: 40px; width: auto;}
	.wap-btn{ 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(../img/ic-open.png);background-size: 70% auto;}
	.wap-btn span.close-m{background-image: url(../img/ic-close.png);background-size: 80% auto; }
	.close-m{ display: none;}
	.menu{position: fixed; top: 60px; left:0px; width: 100%; height: calc(100% - 60px);z-index: 9999; background: rgba(51, 44, 43, 1); overflow-y: auto; display: none;  box-sizing: border-box; color: #fff; padding-bottom: 15px;}
	.menu li{ border-bottom: 1px solid #6d6d6d; padding: 10px 12px;}
	.menu li a{color: #fff;}
	.menu li.cur a{ color: var(--diy-zhuti);}
	.mlevel{ font-size:1.1677em; font-weight: bold;}
	.down-m{ margin-top: 6px; padding-bottom: 4px;}
	.menu li .down-m a{ margin-top: 5px; display: inline-block; margin-left: 5px; border: 1px solid #d3d3d3; padding: 2px 6px; color: #d3d3d3; border-radius: 4px;}
	.menu li .down-m a.cur{ background: linear-gradient(90deg,  #e60410, #ee7f00);border: 1px solid var(--diy-zhuti); color: #fff;}
}
@media (min-width: 992px) {
	.wap-btn{ display: none;}
	.logo img{ max-height: 40px; width: auto; height: auto;}
	.menu{ width:auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
	.menu li{ position: relative; padding: var(--dy-num-20) var(--dy-num-20); margin: 0px 2px;}
	.menu li .mlevel{ display: inline-block; font-size: 1.125em; position: relative; padding-bottom: 2px;transition: all ease 0.4s;}
	.menu li:last-child{ padding-right: 0; margin-right: 0;}
	.menu li .mlevel::after{position: absolute; bottom: 0px; height: 2px; width: 0%; background-color:#fff; content: ''; left: 0; transition: all ease 0.4s;}
	.menu li:hover .mlevel,.menu li.cur .mlevel{color: var(--diy-zhuti);}
	.menu li:hover .mlevel::after,.menu li.cur .mlevel::after{width: 100%;background-color: var(--diy-zhuti); color: var(--diy-zhuti);}
	.down-m{ display: none; position: absolute; top: 100%; left: 50%; min-width: 120%; height: auto; background: #fdfdfd; transform: translateX(-50%); }
	.down-m a{ display: block; text-align: center; padding: var(--dy-num-10); border-bottom: 1px solid #f2f2f2;}
	.down-m a:last-child{ border-bottom: none;}
	.menu li .down-m a.cur,.menu li .down-m a:hover{ background: linear-gradient(90deg,  #e60410, #ee7f00); color: #fff;}
}

.h-focus{ width: 100%; position: relative;}
.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{ }

.swp2{ height: 23.3%; position: absolute; bottom: 13.1%; left: 50%; width: 50%;}
.swp2 .swiper-slide{ width: 40.5%; cursor: pointer;}
.swp2 .swiper-slide img{ width: 100%; height:100%; object-fit: cover;}

.swp2 .swiper-slide { opacity: 1; background:#000; border: 1px solid #e1e1e1; box-sizing: border-box;}
.swp2 .swiper-slide img{opacity: 0.3;}
.swp2 .swiper-slide-thumb-active {opacity: 1; }
.swp2 .swiper-slide-thumb-active img{opacity: 0.85;}

/*首页板块样式*/
.h-syjj{ align-items: stretch;}
.h-tbar1{ height: 100%; display: flex; flex-direction:row; align-items:flex-end; justify-content:flex-start; color: #666; font-weight: bold;}
.h-tbar1 >*{ padding-right: var(--dy-num-15);}
.h-tbar1 div{ display: flex; flex-direction: row; font-size: 3.125em; line-height: 1;}
.h-tbar1 div i{ font-style: normal; color:  var(--diy-zhuti);}
.h-tbar1 span{ flex-grow: 1; background-image: url(../img/ic-jt.png); background-position: right center; background-repeat: no-repeat; align-self: center; line-height: 3;}
.h-tbar1 h4{ font-size: 1.5em; margin-bottom: 0; font-weight: bold;}
@media (min-width: 768px) {
	.h-tbar1{flex-wrap: wrap;align-items:flex-start;}
	.h-tbar1 >*{ width: 100%;}
	.h-tbar1 div{ flex-direction: column;}
	.h-tbar1 b{ width:var(--dy-num-50); box-sizing: content-box; height: .5em; background-color: var(--diy-zhuti);}
	.h-tbar1 span{ align-self: flex-end; background-position: left center;}
}
.h-syjs p{ line-height: 1.8; padding-bottom: var(--dy-num-20);}
.h-syjs img{ width: 100%; height: auto;}

/*数字滚动轴*/
.num-box{ width: 100%; height: auto; }
.num-head{width: 100%; display: flex; flex-direction:row; justify-content:space-between; align-items:stretch;  }
.num-item{ width:31%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f8f6f7; border-top-left-radius: 3.625em; padding-top: var(--dy-num-40) ; padding-bottom: var(--dy-num-20);}
.num-item div{ display: flex; flex-direction: row; justify-content: center; align-items: flex-start;}
.count-title,.num-item div b{ font-size: 2.05em; font-weight:normal; display: inline-block; line-height: 1; color: var(--diy-zhuti);}
.num-add{ padding-left: 4px; font-size: 1.125em; font-weight: bold;color: var(--diy-zhuti);}
.num-inf{ font-size: 1.125em; margin-top: 4px;}
@media (min-width: 576px) {
	.num-item{width:30%;border-top-left-radius: 4.625em;}
	.count-title,.num-item div b{font-size: 3.05em;}
}
@media (min-width: 992px) {
	.num-item{width:27%;border-top-left-radius: 5.625em;}
}
@media (min-width: 1200px) {
	.count-title,.num-item div b{font-size: 4.05em;}
}


.h-pro{ background: #4778cf; color: #fff; width: 100%;}
.h-tbar2{ font-size: 1.5em; line-height: 1; text-align: center;}
.h-tbar2 p{ font-size: 1.083em; margin-top: 0.5em;}


.h-cpfocus{ width: 100%; display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.h-cpfocus .swiper{ height: 200px; width: 100%;}
.h-cpfocus .swiper.thumbSwiper{height: 32px;}
.h-cpfocus .h-left{ width:100%;}
.h-cpfocus .h-right{ width:100%; color: #595959;}
.h-cpfocus .thumbSwiper .swiper-slide { height: 100%; opacity: 0.5; align-items: flex-start;}
.h-cpfocus .thumbSwiper .swiper-slide-thumb-active {opacity: 1; font-weight: bold;}
.h-cpfocus .mainSwiper .swiper-slide{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; width:100%;}
.h-cpfocus .mainSwiper .swiper-slide .sw-logo{ width: 67.5%;background: #fff;border-top-left-radius:1.5em; border-bottom-left-radius: 1.5em;}
.h-cpfocus .mainSwiper .swiper-slide .sw-logo .swiper-slide{  text-align: center; width: 100%; justify-content: center; align-items: center;}
.h-cpfocus .mainSwiper .swiper-slide .sw-logo .swiper-slide img{ width: auto; max-width: 100%;}
.h-cpfocus .mainSwiper .swiper-slide .nr-logo{ width: 32.5%;border-top-right-radius:1.5em; border-bottom-right-radius: 1.5em; background: #edeae9; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.h-cpfocus .mainSwiper .swiper-slide .nr-logo img{ max-width: 50px; width: 35%; height: auto;}
.h-cpfocus .mainSwiper .swiper-slide .nr-logo p{ font-size: 1.125em; margin: 1.5em 0em; padding:0px 10px; box-sizing: border-box;}

.h-cpfocus .swiper-button-prev, .h-cpfocus .swiper-rtl .swiper-button-next{ left: 0;}
.h-cpfocus .swiper-button-next, .h-cpfocus .swiper-rtl .swiper-button-prev{ right: 0;}
.h-cpfocus .swiper-button-next,.h-cpfocus .swiper-button-prev{ color:#000;  }
.h-cpfocus .swiper-button-next:after,.h-cpfocus .swiper-button-prev:after{ font-size: 1.25em;}
@media (min-width: 576px) {
	.h-cpfocus .swiper{height: 240px;}
	.h-cpfocus .mainSwiper .swiper-slide{ max-width: 486px;width: 80%;}
}
@media (min-width: 768px) {
	.h-cpfocus{ padding-left: 0; padding-right: 0;}
	.h-cpfocus .h-left{ width:22.8%;}
	.h-cpfocus .h-right{ width:70.6%;}
	.h-cpfocus .swiper{height: 280px;}
	.h-cpfocus .swiper.thumbSwiper{height: 280px;}
	.h-cpfocus .thumbSwiper .swiper-slide{text-align: left; justify-content: flex-start; align-items: center; position: relative; width: 100%; box-sizing: border-box; padding-left:calc(100% - 82px);}
	.h-cpfocus .thumbSwiper .swiper-slide-thumb-active::before{ position: absolute; content: ''; width: calc(100% - 100px); height: 1px; background: #fff; left: 0;}
}
@media (min-width: 992px) {
	.h-cpfocus .swiper{height: 320px;}
	.h-cpfocus .swiper.thumbSwiper{height: 320px;}
}



.tbar{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 1; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; background-image: url(../img/ic-case.png);}
.tbar.yous{background-image: url(../img/ic-yous.png);}
.tbar.news{background-image: url(../img/ic-news.png);}
.tbar p{ text-align: right; margin-top: var(--dy-num-10); font-size: 1.875em; font-weight: bold; background: url(../img/ic-bar2.png) no-repeat left top; background-size: auto 100%; padding-left: 10px;}
.tbar p span{ display: block; margin-top: var(--dy-num-10); font-size: .47em; text-transform:uppercase; color: var(--diy-zhuti);}

.more{ display: inline-block; font-size:1.5em; color: #fff; line-height: 1.7em; padding: 0 1.42em; background: linear-gradient(90deg, #ee7f00, #e60410); border-radius: 0.85em; transition: all ease 0.5s;}
.more:hover{ color: #fff; background: linear-gradient(90deg,  #e60410, #ee7f00); border-radius: 0.85em;}

.col3s{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items:stretch; flex-wrap: wrap; margin-top: var(--dy-num-30);}
.col3s .li3s{ width: 100%; margin-top: var(--dy-num-25);}
@media (min-width: 576px) {
	.col3s .li3s{ margin-right: var(--dy-num-25);width:calc((100% - var(--dy-num-25)*2) / 3);}
	.col3s .li3s:nth-child(3n){ margin-right: 0;}
}
.col3s .li3s .text1{ margin-top: var(--dy-num-20);}
.col3s .li3s:hover .text1{ background-image: url(../img/ic-jt2.png); background-position: right center; background-size: auto; background-repeat: no-repeat;}

.text1{ width: 100%; position: relative; padding-right: 30%; box-sizing: border-box;background-position: left center; background-size: auto; background-repeat: no-repeat;background-image: url(../img/ic-jt2.png); transition: all ease 0.5s; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.text1 p{ background: #fff;}
.text1 span{ display: block; font-size:.875em; color: #999;}
.text1::after{ position: absolute; content: ''; width:30%; height: 100%; right: 0; top: 0;}

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

.sz5_8{padding-top: 150%;height: 0;}/*图片宽高5:7*/
.yousul{ width: 100%; display: flex; flex-direction: row; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.yousul li{ width:calc((100% - var(--dy-num-25)) / 2);}
.yousul li .zzcon{ position: absolute; top: var(--dy-num-15); left: var(--dy-num-15); width: 100%; height: 0; background: rgba(255,255,255,0.9); display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: var(--dy-num-15); transition: all ease 0.5s; opacity: 0; overflow: hidden;}
.yousul li:hover .zzcon{ opacity: 1;width: calc(100% - var(--dy-num-15)*2); height: calc(100% - var(--dy-num-15)*2); }
.yousul li .zzcon p{ font-weight: bold; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #d1d1d1; width: 100%; text-align: center; color: var(--diy-base);}
.yousul li .zzcon span{ text-align: center; font-size: 0.875em; color: #666; line-height: 2; margin-top: 5px; padding-bottom: 20px; background: url(../img/ic-dot.png) no-repeat bottom center; background-size: auto;}
.yousul li .text{ margin-top:var(--dy-num-25); border-top: 1px solid #f1f1f1; padding-top: var(--dy-num-40); text-align: center; position: relative; line-height: 1; position: relative; font-weight: bold;}
.yousul li .text p{ font-size: 1.125em;}
.yousul li .text::before{ position: absolute; top: var(--dy-num-15); height: var(--dy-num-15); width: 1px; left: 50%; background: #666; content:'';}

@media (min-width: 768px) {
	.yousul li{ width:calc((100% - var(--dy-num-25)*3) / 4);}
}

.h-news{
	 width: 100%;
}

.fj-main{width: 100%; display: flex; flex-direction:column; justify-content:flex-end; align-items:center;height: 100%;}
.fj-cut{ width: 100%; margin-top: var(--dy-num-40); position: relative; z-index: 1;display: flex; flex-direction:row;  justify-content:flex-end; align-items: center;}
.fj-con{ width: 100%;}

.fj-cut li{ width: auto;  transition: all 0.5s ease; line-height: 1.875em; padding: 0px var(--dy-num-20); margin-left:var(--dy-num-40);}
.fj-cut li.on,.fj-cut li:hover{ background: linear-gradient(90deg, #ee7f00, #e60410); color: #fff; cursor: pointer;}
.fj-cut li.on a,.fj-cut li:hover a{color: #d6541b;}

.fj-con .content{width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: stretch;}
.new-first{ width: 100%;background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);  display: flex; flex-direction: column; align-items:flex-start; justify-content: center; padding: var(--dy-num-30) var(--dy-num-40);; box-sizing: border-box; }
.new-other{ width: 100%; display: flex; flex-direction:column; align-items: center; justify-content: space-between;}
.new-other ul{ height: 100%; width: 100%; display: flex; flex-direction:column; align-items: center; justify-content: space-between;}
.new-other ul li{ width: 100%; height:auto; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);padding: var(--dy-num-30) var(--dy-num-40); margin-bottom: var(--dy-num-20);}
.new-other ul li:last-child{ margin-bottom: 0;}

.fj-con .content h6{ font-size:1.125em; line-height: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.fj-con .content p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #666;}
.new-first h6{ color: var(--diy-zhuti); margin-bottom: 1.11em;}
.new-first span{ font-size:1.25em ;display: block; line-height: 1; color: var(--diy-zhuti); margin-bottom: 0.9em;}
.new-first p{ font-size: 0.875em; line-height: 1.66em; padding-left: 1.41em; border-left: 2px solid var(--diy-zhuti); margin-bottom: 1.58em;}
.new-first .img_s{ margin-bottom: var(--dy-num-25);}
.new-other ul li a{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.new-other ul li a div{ width: 100px; flex-grow: 1; padding-right: var(--dy-num-60);}
.new-other ul li h6{ margin-bottom: .83em;}
.new-other ul li p{ font-size: .875em; line-height: 1.64em;}
.new-other ul li span{ font-size: 1.125em; color: #666; line-height: 1; padding-bottom: .72em; background: url(../img/ic-jt3.png) no-repeat right bottom; background-size: auto .5em;}

.more1{ font-size: .875em; line-height: 2.14em; padding: 0 1.85em; background: var(--diy-zhuti); color: #fff;}

@media (min-width: 576px) {
	.fj-cut{margin-top: -1.875em;}
	.new-first{ width: 43.6%; }
	.new-other{ width:100px; flex-grow: 1; padding-left: var(--dy-num-20); }
}

.h-service{ position: relative; width: 100%; color: #fff;}
.h-service .swiper{ width: 100%;}
.swiper.fwSwiper1{ position: absolute; left: 0; bottom: 8%; width: 33.4%; z-index: 2; height: 50.66%;}
.swiper.fwSwiper2{ height: 400px;}
.fwSwiper1 .swiper-slide { height: 100%; opacity: 1; font-size:1.125em; cursor: pointer; background: url(../img/line.png) repeat-x bottom center; background-size: 100% 1px;}
.fwSwiper1 .swiper-slide:first-child{ border-top: 1px solid #fff;}
.fwSwiper1 .swiper-slide-thumb-active {opacity: 1; font-weight: bold; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(203,30,25,0.5)); border-left: 2px solid #761f1b; border-bottom: 1px solid #fff;}
.fwSwiper1 .swiper-slide img{ width: auto; height: 56.4%;}
.fwSwiper1 .swiper-slide span{ padding-left: .5em; padding-right: 1.2em; }
.fwSwiper1 .swiper-slide-thumb-active span{background: url(../img/ic-jt4.png) no-repeat right center; background-size: auto .8333em;}
.fwSwiper2 .swiper-slide{ position: relative;}
.fwSwiper2 .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;transition:1s linear 2s;transform:scale(1.1,1.1);}
.fwSwiper2 .swiper-slide-active img,.fwSwiper2 .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.fwSwiper2 .swiper-slide .text{ position: absolute; bottom: 7.8%; left: 36.9%; display: flex; flex-direction:column; justify-content: space-between; align-items:flex-end; width:53.8%; }
.fwSwiper2 .swiper-slide .text p{ width: 100%; text-align: left; color: #dedede; line-height: 1.625em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical; margin-bottom: 1em;}
.fwSwiper2 .swiper-slide .text p b{ display: block; font-size:1.25em; color: #fff;line-height: 1.625em; padding-bottom: 0.7em;}
.fwSwiper2 .swiper-slide .text a{ align-self: flex-end; background: var(--diy-zhuti); color: #fff; padding-left:2.5em; padding-right: 3.31em; border-top-right-radius:1.9em;border-bottom-right-radius:1.9em;}
.fwSwiper2 .swiper-slide .text a span{display: block;line-height: 2.875em; padding-right:1.625em; background: url(../img/ic-jt4.png) no-repeat right center; background-size: auto .9em;}

.bar-sv{ position: absolute; height:auto;top: 18%; left: 12px; z-index: 3; font-size: 2.2em;text-transform: uppercase; color: rgba(252, 255, 255, .3); line-height: 1; font-weight: bold;}
.bar-sv span{ position: absolute; bottom: .36em; left: 0; color: rgba(252, 255, 255, 1);  display: block;}

.h-service .swiper-button-next,.h-service .swiper-button-prev{top: auto;right: auto;left: 0; width:33.4%; height: 8%; background-position:center; background-repeat: no-repeat; background-size: auto 50%;}
.h-service .swiper-button-next{ bottom: 0; background-image:url(../img/ic-s-n.png);}
.h-service .swiper-button-prev{ bottom: 58.66%;background-image:url(../img/ic-s-p.png);}
.h-service .swiper-button-next:after, .h-service .swiper-rtl .swiper-button-prev:after{ content: '';}
.h-service .swiper-button-prev:after, .h-service .swiper-rtl .swiper-button-next:after{ content: '';}

@media (min-width: 576px) {
	.fwSwiper1 .swiper-slide span{ padding-left: 1em;padding-right: 1.3em;}
	.bar-sv{left: 50%;margin-left: -270px;}
}
@media (min-width:768px) {
	.swiper.fwSwiper1{}
	.swiper.fwSwiper2{ height: 500px;}
	.bar-sv{ margin-left: -360px;}
}
@media (min-width: 992px) {
	.swiper.fwSwiper2{ height: 600px;}
	.bar-sv{margin-left: -480px;}
}
@media (min-width: 1200px) {
	.swiper.fwSwiper2{ height: 705px;}
	.fwSwiper1 .swiper-slide{ justify-content: flex-start; padding-left: 118px;}
	.fwSwiper1 .swiper-slide span{ padding-left: 1.33em;padding-right: 1.667em;}
	.bar-sv{margin-left: -570px;}
}
@media (min-width: 1400px) {
	.bar-sv{ margin-left: -600px;}
	.fwSwiper2 .swiper-slide .text{ flex-direction: row; align-items:flex-start;}
	.fwSwiper2 .swiper-slide .text p{ margin-bottom: 0; width: 100px; flex-grow: 1; margin-top: 30px; padding-right: 78px;}
	.fwSwiper2 .swiper-slide .text a{ align-self:flex-start;}
	.fwSwiper2 .swiper-slide .text a span{line-height: 3.875em;}
}

.h-parter{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.h-parter p{ width: auto; background: url(../img/ic-p.png) no-repeat left center; background-size:auto 100%; font-size: 1.125em; line-height: 2.22em; padding:0em 2em 0em 3.166em;;}
.h-parter .parterbox{ width: 100px; flex-grow: 1; position: relative; box-sizing: border-box; padding: 0px 30px;}

.h-parter .parterbox .swiper-slide{ }
.h-parter .parterbox .swiper-button-prev, .h-parter .parterbox .swiper-rtl .swiper-button-next{ left: 0;}
.h-parter .parterbox .swiper-button-next, .h-parter .parterbox .swiper-rtl .swiper-button-prev{ right: 0;}
.h-parter .parterbox .swiper-button-next,.h-parter .parterbox .swiper-button-prev{ color:#000; height:2.5em; margin-top: -1.25em;}
.h-parter .parterbox .swiper-button-next:after,.h-parter .parterbox .swiper-button-prev:after{ font-size: 1em;}

.h-parter .parterbox .swiper-slide img{ width: auto; height: auto; max-width: 100%; max-height: 2.5em;}
@media (min-width: 1200px) {
	.h-parter p{ padding:0em 3.166em;;}
	.h-parter .parterbox{padding: 0px 60px;}
}

.h-lxway{ border-bottom: 2px solid #cfcfcf;}
.lx-bar span{ font-size: 1.5em; padding-bottom: 1em; display: inline-block; line-height: 1; position: relative;}
.lx-bar span::after{ position: absolute; bottom: -3px; height: 5px; width: 100%; left: 0; background: var(--diy-zhuti); content: '';}
.lx-bar i{ color: #999; font-size:0.875em; font-style: normal; text-transform: uppercase; display: inline-block; padding-left: 1em;}


.foot{ display: ;}
.address span{ color:var(--diy-zhuti); font-size: 1.81em;}
.shop{ display: block; color: #fc8848; font-size: 1.25em; font-weight: bold; background: url(../img/ic-tb.png) no-repeat left center; line-height: 2em; background-size: auto 100%; padding-left: 2.85em;}
.ewm{ display: flex; flex-direction: row; justify-content:center; align-items: top;}
.ewm p{ padding-left: 1.125em;}
.ewm img{ border: 1px solid #f2f2f2; width: 110px; height: auto; box-sizing: content-box;}
.ewm span{ display: block; text-align: center; margin-top: 5px;}
@media (min-width: 768px) {
	.ewm{justify-content: flex-end;}
}
.flink{ color: #666666; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.flink a{ color: #666; display: inline-block; padding-right: 2em;}
.flink a:hover{ color: var(--diy-zhuti);}
.flink p{ width: auto; font-weight: bold;}
.flink .links{ width: 100px; flex-grow: 1;}

.webinfo{ line-height: 1.5; color: #777; font-size: 0.875em; text-align: center;}
.webinfo p{ padding: 0.2em 0em;}
.webinfo a {color: #777;}
.webinfo a:hover {color: var(--diy-zhuti);}


.position{ font-size: 0.875em; color: #555;}
.position a{ display: inline-block;}
.position a:first-child{ padding-left:1.42em; background: url(../img/ic-home.png) no-repeat left center; background-size: auto 1em;}


.col-dy-l{ width: 100%;}
.col-dy-r{ width: 100%;}
@media (min-width: 768px) {
	.col-dy-l{ width: 140px;}
	.col-dy-r{ width: 100px; flex-grow: 1;}
}
@media (min-width: 992px) {
	.col-dy-l{ width: 180px;}
	.col-dy-r{ padding-left: 20px;}
}
@media (min-width: 1200px) {
	.col-dy-l{ width: 250px;}
	.col-dy-r{ padding-left: 30px;}
}

@media (min-width: 1400px) {
	.col-dy-r{ padding-left: 40px;}
}

.submenu{ font-size: 1em; display: flex; flex-direction: row; justify-content: flex-start; align-items:stretch; flex-wrap: wrap; width: 100%;}
.submenu li{ text-align: center;  box-sizing: border-box;  margin-bottom: 4px; position: relative; transition: all ease .4s; background: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.submenu li:first-child{font-size: 1.125em; }
.submenu li:hover a,.submenu li.cur a{background: var(--diy-zhuti);color: #fff;}

.submenu li::after{ position: absolute; content: ''; right: 0px; top: 50%; width: 1px; height: 1.2em; background-color:#e4e4e4; margin-top: -.6em;}
.submenu li:hover::after,.submenu li.cur::after{ width: 0;}
.submenu li:first-child{  font-weight: bold; background: linear-gradient(90deg, #e60410, #ee7f00); color: #fff;padding: .3em 0.4em;}
.submenu li:first-child::after{ width: 0;}
.submenu li:first-child span,.submenu li:first-child img{ display: none; }
.submenu li a{ display: flex; flex-direction: row; justify-content: center; align-items: center; height:auto;padding: 0em 0.4em;}
.lximg{ display: none;}


@media (min-width: 768px) {
	.submenu{ flex-direction: column;}
	.submenu li{border-bottom: 1px solid #e4e4e4;  width: 100%; margin-bottom: 0; text-align: left; justify-content: flex-start;}
	.submenu li a{padding: .8125em 1.25em; height: 100%; width: 100%; justify-content: flex-start; background: url(../img/ic-jt5.png) no-repeat right 1.25em center; background-size: auto .8125em;}
	.submenu li:hover a,.submenu li.cur a{background: url(../img/ic-jt6.png)  var(--diy-zhuti) no-repeat right 1.25em center; background-size: auto .8125em;}
	.submenu li:first-child{border-bottom: 0; padding: 1em 0.4em; font-size: 1.5em; font-weight: normal; flex-direction: column; align-items: flex-start; margin-bottom: .58em;}
	.submenu li:first-child span{ display: block; text-transform: uppercase; font-size: .75em; color: rgba(255,255,255,.5); padding-bottom: 1em;position: relative;}
	.submenu li:first-child span::after{ position: absolute; content: ''; bottom: 0px; left: 0px; width: 1.38em; height: .22em; background: #fff;}
	.submenu li:first-child img{ position: absolute; display: block; opacity: .2; right: -10px; bottom: -20px; height: 100%; width: auto;}
	.submenu li::after{ width: 0;}
	.lximg{ display: block; width: 100%;}
	.lximg img{ width: 100%; height: auto;}
}
@media (min-width: 992px) {
	.submenu li:first-child{ padding: 1em 0.2em 1em 1em; }
}



.subnav{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid rgba(240, 240, 240, 1);  flex-wrap: wrap;padding: 2px;}
.subnav li{padding: 2px;}
.subnav li a{ font-size: .9375em; line-height:1.9em; display: block; padding: 0em 2em; position: relative;}
.subnav li a::after{ position: absolute; content: ''; z-index:-1; top: 0; left: 0; width: 0; height: 100%;background: linear-gradient(90deg, #ee7f00, #e60410); transition: all ease 0.5s;}
.subnav li a:hover{ color: #fff;}
.subnav li a:hover::after{ width: 100%;}
.subnav li.cur a {background: linear-gradient(90deg, #ee7f00, #e60410);color: #fff;}
@media (min-width: 768px) {
	.subnav li a{line-height:2.625em;}
}

/*文章内容页样式*/
.maincon{ text-align: justify; line-height: 1.8;}
.maincon img,.maincon video{  max-width: 100%; /*max-height: calc(100vh - 130px);*/ object-fit: cover; object-position: center; /* width: auto; height: auto; */}
.maincon p img:first-child{ margin-top: .625em;}
.maincon p img:last-child{margin-bottom: .625em;}
.maincon small{ font-size: 14px; color: #797c80; display: block; text-align: center; margin-bottom: .625em; margin-top: 5px;}
.maincon video{ margin: .625em 0px;}

.content img {max-width: 100%;height: auto;width: 750px;}
.navgitor{ width: 100%; border-top: 1px solid #f6f6f6; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.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 strong{min-width: 56px;}

.cols{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items:stretch; flex-wrap: wrap;}
.cols .lis{ margin-right: var(--dy-num-25);width:calc((100% - var(--dy-num-25)) / 2); margin-bottom: var(--dy-num-25);}
.cols .lis:nth-child(2n){ margin-right: 0;}
@media (min-width: 576px) {
	.cols .lis{ margin-right: var(--dy-num-25);width:calc((100% - var(--dy-num-25)*2) / 3);}
	.cols .lis:nth-child(2n){ margin-right: var(--dy-num-25);}
	.cols .lis:nth-child(3n){ margin-right: 0;}
}
.cols .lis .text2{ margin-top: var(--dy-num-15);}
.cols .lis:hover .text2::after{width:100%; }

.text2{ width: 100%; position: relative; box-sizing: border-box; transition: all ease 0.5s; border-bottom: 0px solid #ddd; padding-bottom: var(--dy-num-10);}
.text2 p{ background: #fff; text-align: center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text2::after{ position: absolute; content: ''; width:0; height: 2px;  bottom: 2px; left: 0px; background: var(--diy-zhuti);transition: all ease 0.5s;}

.cols .lis .text1{ margin-top: var(--dy-num-20);}
.cols .lis:hover .text1{ background-image: url(../img/ic-jt2.png); background-position: right center; background-size: auto; background-repeat: no-repeat;}

.nynew{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;box-sizing: border-box; box-shadow: 0px 0px 8px rgba(0,0,0,0.08);}
.nynew:hover{ color: #000000; background: #f9f9f9;}
.nynew:last-child{ border-bottom: none;}
/* .xwimg { width: 100%; height: auto; position: relative;overflow: hidden;} */
.xwimg { width: 100%; height: auto; position: relative;overflow: hidden;max-height: 260px; display: block;}
.xwimg img{ width: 100%; height: 100%; object-fit: cover;transition: all 0.5s ease;}
.xwimg:hover img{ transform: scale(1.2);}
.xwnr { width: 100%; display: flex; flex-direction:column; justify-content: center; align-items: flex-start;box-sizing: border-box;padding: 10px 15px;}
.xwnr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold; font-size:1.125em; color: var(--diy-zhuti);}
.xwnr i{ font-size: .75em; font-style: normal;}
.xwnr span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; font-size: .875em;}
.xwnr .alink {width: 9em;height: 2.8em;box-sizing: border-box;line-height: 2.8;text-align: center;border: 1px solid #ddd;display: inline-block;font-size: .875em;}
.nynew:hover .xwnr p{ color: var(--diy-zhuti);}
.nynew:hover .xwnr .alink{ color: #fff; background-color: var(--diy-zhuti);}
.mg-b30 {margin-bottom: 30px;}
@media (min-width: 576px) {
	.nynew { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;max-height: 260px;  }
	.xwimg{width: 33.3%;}
	.xwnr { width: 66.7%;padding: 20px 25px;}
}

.nyban{ position: relative;}
.banbg img{ width: 100%; height:200px; object-fit: cover;}
.banimg{ position: absolute; bottom: 20%; right: 12px; width:calc(100% - 12px); height:auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.banimg img{ max-width: 527px; height: auto; width: 80%;}
.bantxt{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; min-width:40%; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; color: #fff; background: linear-gradient(90deg, #e60410, #ee7f00); box-sizing: border-box; padding-right: 2.5em; padding-left: 5em;  padding-bottom: .43em; padding-top: .43em;}
.bantxt p{ font-size: 1.5em; }
.bantxt span{ font-size: 1.125em; text-transform: uppercase;padding-left: 5px;}
@media (min-width: 576px) {
	.banbg img{ height:248px;}
	.banimg{ right:calc((100% - 540px)/2);width:calc(100% - ((100% - 540px)/2));}
	.banimg img{width: 70%;}
}
@media (min-width: 768px) {
	.banimg{ right:calc((100% - 720px)/2);width:calc(100% - ((100% - 720px)/2));}
	.banimg img{width: 60%;}
}
@media (min-width: 992px) {
	.banimg{ right:calc((100% - 960px)/2);width:calc(100% - ((100% - 960px)/2));}
}
@media (min-width: 1440px) {
	.banimg{ right:calc((100% - 1200px)/2);width:calc(100% - ((100% - 1200px)/2));}
}


.kefu{ display: none;}
@media (min-width: 992px) {
	.kefu{ display: block; position: fixed; bottom: 94px; right: 10px; width:auto; height: auto; line-height: 1.6;  font-size: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; z-index: 99;}
	.kefu li{ padding:10px 8px;  width: 100%; position: relative; color: #cccccc; text-align: center; margin-bottom: 2px; background: #6b6b6b; border-radius: 4px;}
	.kefu li:hover{ background:linear-gradient(90deg, #e60410, #ee7f00);;color: #fff;}
	.kefu p{ margin-bottom: 0px; line-height: 1; margin-top: 8px; color: #fff;}
	.xfcon{ position: absolute; width: 0; height: 0; opacity: 0; top: 50%; left: 0; overflow: hidden; display: flex; flex-direction:column; justify-content: center; align-items: center;transition: all ease 0s; font-size: 14px;}
	.kefu li:hover .xfcon{ width: auto; min-height:100%; opacity: 1; top: 50%; transform: translate(-105%,-50%); background: #fff; padding: 8px; color: #000; left: 0; height:auto}
	.xfcon img{ width: 100px; height: auto;}
	.xfcon span{ display:block; margin-bottom: 0px;}
	.xfcon i{ font-style: normal; display: block; white-space: nowrap;} 
}


.contacts{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; border: 2px solid #eee; border-top: 1px solid #eee; border-left: 1px solid #eee;}
.contacts li{ width: 50%; border-top: 1px solid #eee; display: flex; flex-direction:column; justify-content: center; align-items: center; font-size: 1.25em; padding:1.25em; line-height: 1; border-left:1px solid #eee;}

.contacts li p{ color: var(--diy-zhuti); margin-top:.8em;}
@media (min-width: 992px) {
	.contacts li{ width: 25%;}
}


/*发展历程*/
.his-con{}
.his-box{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;}
.his-y{ width: 20%; max-width: 150px; display: flex; flex-direction: column; align-items:center; justify-content:flex-start; padding-top: 3em;}
.his-y span{ font-size: 1.25em; color: var(--diy-zhuti); line-height: 1; padding-bottom: .8em;}
.his-y img{ width: auto; max-width: 100%; height: auto;}
.his-l{width: 1.5em; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; position: relative; padding: 0rem 1.5em; box-sizing: content-box;padding-top: 3em;}
.his-l::after{ position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(0, 135, 207, 1); content: ''; z-index: -1;}
.his-l span{ background: url(../img/ic-dot2.png) no-repeat top center; width: 1.5em; height: 1.5em; background-size: 100% 100%;}
.his-nr{ width: 100px; flex-grow: 1;padding-top: 3em; }
.his-nr b{ font-size: 1.125em; line-height: 1.2; padding-bottom: .3em; display:block;}
.his-nr p{ padding: .25em 0;}
.his-box:first-child .his-y,.his-box:first-child .his-l,.his-box:first-child .his-nr{ padding-top: 0;}
@media (min-width: 576px) {
	.his-nr{padding-left: 1.5em;}
}


/***分页pages分页***/
.pages{ width: 100%; 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;}


#gotop{width:36px;height:36px; background: #6b6b6b; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 4px; right: 10px;}
#gotop img{ width:60%; height: auto; max-width: 39px;}
@media (min-width: 992px) {
	#gotop{width:64px;height:64px;}
}

.progress-container {width:100%;display: flex;flex-flow: column nowrap; justify-content: center;align-items: flex-start;}
.progressbox {width:100%;display: flex;flex-flow: column nowrap; justify-content: center;align-items: flex-start;}
.pimgbox, .pcontbox {width:100%;}
.pcontbox strong {color: var(--diy-zhuti);}
@media (min-width: 576px) {
	.progressbox {flex-flow: row;}
	.pimgbox {width: 28%;margin-right: 2%;}
	.pcontbox {width: 70%;}
}