.HomeBanner.md20558 { width: 100%; overflow: hidden; }

.HomeBanner.md20558 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .HomeBanner.md20558 .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.HomeBanner.md20558 .BannerSwiper { width: 100%; position: relative; z-index: 5; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide { width: 100%; position: relative; z-index: 5; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideImg { width: 100%; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideImg::after { content: ''; display: block; width: 100%; padding-top: calc(820 / 1920 * 100%); }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideImg img, .HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideImg video, .HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideImg iframe { width: 100%; height: auto; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 5; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 1.2rem; z-index: 5; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Board { width: 50%; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Remark { color: #fff; line-height: 1.75; width: 100%; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Title { color: #fff; font-weight: 700; line-height: 1.3; width: 100%; margin-top: 0.015rem; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Button { display: inline-block; width: auto; background: #fff; border-radius: .3rem; margin-top: 0.3rem; padding: .15rem .47rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Button:hover { background: var(--active); }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Button:hover .ButtonText { color: #fff; }

@media (max-width: 1902px) { .HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Button { border-radius: 30px; } }

.HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Button .ButtonText { color: #333; white-space: nowrap; line-height: 1.3; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeBanner.md20558 .BannerSwiper .swiper-pagination { position: absolute; left: 50%; bottom: .7rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; text-align: right; color: #fff; font-weight: 700; }

@media (max-width: 750px) { .HomeBanner.md20558 .BannerSwiper .swiper-pagination { text-align: center; }
  .HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideImg::after { padding-top: calc(800 / 520 * 100%); }
  .HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText { bottom: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
  .HomeBanner.md20558 .BannerSwiper .swiper-slide .SlideText .Board { width: 100%; } }

.HomeCate.md20562 { width: 100%; padding-top: 0.8rem; overflow: hidden; background: #fff; }

.HomeCate.md20562 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .HomeCate.md20562 .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.HomeCate.md20562 .CateList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.HomeCate.md20562 .CateItem { width: calc((100% - 1.875% * 2) / 3); margin-right: 1.875%; display: block; position: relative; z-index: 5; }

.HomeCate.md20562 .CateItem:nth-child(3n) { margin-right: 0; }

.HomeCate.md20562 .CateItem .ItemImg { width: 100%; }

.HomeCate.md20562 .CateItem .ItemImg .Img { width: 100%; }

.HomeCate.md20562 .CateItem .ItemImg img { width: 100%; height: auto; }

.HomeCate.md20562 .CateItem .ItemMask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; padding: .36rem .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.HomeCate.md20562 .CateItem .ItemMask .Title { width: 100%; color: #fff; line-height: 1.5; }

.HomeCate.md20562 .CateItem .ItemMask .Button { display: inline-block; width: auto; background: #fff; border-radius: .3rem; margin-top: 0.2rem; padding: .15rem .47rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeCate.md20562 .CateItem .ItemMask .Button:hover { background: var(--active); }

.HomeCate.md20562 .CateItem .ItemMask .Button:hover .ButtonText { color: #fff; }

@media (max-width: 1902px) { .HomeCate.md20562 .CateItem .ItemMask .Button { border-radius: 30px; } }

.HomeCate.md20562 .CateItem .ItemMask .Button .ButtonText { color: #333; white-space: nowrap; line-height: 1.3; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeCate.md20562 .CateInfo { width: 100%; position: relative; z-index: 5; margin-top: 1rem; }

.HomeCate.md20562 .CateInfo .InfoImg { width: 100%; }

.HomeCate.md20562 .CateInfo .InfoImg .Img { width: 100%; }

.HomeCate.md20562 .CateInfo .InfoImg img { width: 100%; height: 100%; }

.HomeCate.md20562 .CateInfo .InfoMask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; padding: 1.2rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.HomeCate.md20562 .CateInfo .InfoMask .Board { width: 100%; }

.HomeCate.md20562 .CateInfo .InfoMask .Remark { color: #fff; line-height: 1.75; width: 100%; margin-top: 0.05rem; }

.HomeCate.md20562 .CateInfo .InfoMask .Title { color: #fff; font-weight: 700; line-height: 1.3; width: 100%; }

.HomeCate.md20562 .CateInfo .InfoMask .Button { display: inline-block; width: auto; background: #fff; border-radius: .3rem; margin-top: 0.525rem; padding: .15rem .47rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeCate.md20562 .CateInfo .InfoMask .Button:hover { background: var(--active); }

.HomeCate.md20562 .CateInfo .InfoMask .Button:hover .ButtonText { color: #fff; }

@media (max-width: 1902px) { .HomeCate.md20562 .CateInfo .InfoMask .Button { border-radius: 30px; } }

.HomeCate.md20562 .CateInfo .InfoMask .Button .ButtonText { color: #333; white-space: nowrap; line-height: 1.3; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

@media (max-width: 750px) { .HomeCate.md20562 .CateList { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .HomeCate.md20562 .CateItem { width: 100%; margin-right: 0; }
  .HomeCate.md20562 .CateInfo .InfoMask { padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.HomeProd.md20559 { width: 100%; padding: 1rem 0; background: #fff; overflow: hidden; }

.HomeProd.md20559 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .HomeProd.md20559 .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.HomeProd.md20559 .ProdTitle { width: 100%; text-align: center; }

.HomeProd.md20559 .ProdTitle .Title { width: 100%; font-weight: 700; color: #333; line-height: 1.3; }

.HomeProd.md20559 .ProdTitle .Remark { width: 100%; margin-top: .09rem; color: #666; line-height: 1.5; }

.HomeProd.md20559 .ProdSwiper { width: 100%; margin-top: .35rem; }

.HomeProd.md20559 .ProdSwiper .swiper-slide { display: block; }

.HomeProd.md20559 .ProdSwiper .swiper-slide:hover .SlideImg .Img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.HomeProd.md20559 .ProdSwiper .swiper-slide:hover .SlideText { color: var(--active); }

.HomeProd.md20559 .ProdSwiper .swiper-slide .SlideImg { width: 100%; overflow: hidden; }

.HomeProd.md20559 .ProdSwiper .swiper-slide .SlideImg .Img { width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeProd.md20559 .ProdSwiper .swiper-slide .SlideImg img { width: 100%; height: auto; }

.HomeProd.md20559 .ProdSwiper .swiper-slide .SlideText { width: 100%; padding: .25rem 0; color: #666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; line-height: 1.5; }

.HomeProd.md20559 .ProdSwiper .swiper-scrollbar { margin-top: .3rem; height: 0.06rem; background: #f0f3f6; }

.HomeProd.md20559 .ProdSwiper .swiper-scrollbar-drag { background: var(--active); }

.HomeService.md20561 { width: 100%; padding: 1rem 0; background: #f7f8fa; overflow: hidden; }

.HomeService.md20561 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .HomeService.md20561 .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.HomeService.md20561 .SeviceTitle { width: 100%; text-align: center; }

.HomeService.md20561 .SeviceTitle .Title { width: 100%; font-weight: 700; color: #333; line-height: 1.3; }

.HomeService.md20561 .SeviceTitle .Remark { width: 100%; margin-top: .09rem; color: #666; line-height: 1.5; }

.HomeService.md20561 .ServiceContent { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.6rem; }

.HomeService.md20561 .ServiceList { width: 67.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.HomeService.md20561 .ServiceItem { width: calc((100% - .8rem) / 2); margin-right: 0.4rem; margin-bottom: 0.58rem; }

.HomeService.md20561 .ServiceItem:nth-last-child(-n+2) { margin-bottom: 0; }

.HomeService.md20561 .ServiceItem .ItemNumber { width: 100%; padding: .25rem 0; border-top: .01rem solid transparent; border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1); }

.HomeService.md20561 .ServiceItem .ItemNumber .Number { color: #666; line-height: 1.5; }

.HomeService.md20561 .ServiceItem .ItemTitle { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.36rem; }

.HomeService.md20561 .ServiceItem .ItemTitle .Icon { width: 0.4rem; height: 0.4rem; min-width: 30px; min-height: 30px; margin-right: 0.2rem; }

.HomeService.md20561 .ServiceItem .ItemTitle img { display: none; }

.HomeService.md20561 .ServiceItem .ItemTitle .Title { color: #2d3142; line-height: 1.44; font-weight: 700; }

.HomeService.md20561 .ServiceItem .ItemRemark { width: 100%; margin-top: .2rem; color: #666; line-height: 1.5; }

.HomeService.md20561 .ServiceImg { width: 32.5%; }

.HomeService.md20561 .ServiceImg .Img { width: 100%; padding-top: 100%; }

.HomeService.md20561 .ServiceImg img { display: none; }

@media (max-width: 900px) { .HomeService.md20561 .ServiceContent { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .HomeService.md20561 .ServiceList { width: 100%; }
  .HomeService.md20561 .ServiceItem { width: 49%; margin-right: 2%; }
  .HomeService.md20561 .ServiceItem:nth-child(2n) { margin-right: 0; }
  .HomeService.md20561 .ServiceImg { width: 100%; margin-top: 0.4rem; } }

@media (max-width: 550px) { .HomeService.md20561 .ServiceItem { width: 100%; margin-right: 0; } }

.HomeBlog.md20563 { width: 100%; overflow: hidden; padding: 1rem 0; background: #fff; }

.HomeBlog.md20563 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .HomeBlog.md20563 .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.HomeBlog.md20563 .BlogTitle { width: 100%; text-align: center; }

.HomeBlog.md20563 .BlogTitle .Title { width: 100%; font-weight: 700; color: #333; line-height: 1.3; }

.HomeBlog.md20563 .BlogTitle .Remark { width: 100%; margin-top: .09rem; color: #666; line-height: 1.5; }

.HomeBlog.md20563 .BlogSwiper { width: 100%; margin-top: 0.33rem; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide { display: block; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide:hover .SlideText .Title { color: var(--active); }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideImg { width: 100%; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideImg .Img { width: 100%; font-size: 0; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideImg img { width: 100%; height: auto; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideText { width: 100%; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideText .Title { width: 100%; margin-top: 0.26rem; color: #333; line-height: 1.27; font-weight: 700; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideText .Time { width: 100%; color: #666; margin-top: 0.05rem; }

.HomeBlog.md20563 .BlogSwiper .swiper-slide .SlideText .Remark { width: 100%; margin-top: .2rem; color: #666; line-height: 1.4; }

.HomeContact.md20564 { width: 100%; background: #f7f8fa; padding: 1rem 0; overflow: hidden; }

.HomeContact.md20564 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .HomeContact.md20564 .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.HomeContact.md20564 .ContactTitle { width: 100%; text-align: center; }

.HomeContact.md20564 .ContactTitle .Title { width: 100%; font-weight: 700; color: #333; line-height: 1.3; }

.HomeContact.md20564 .ContactTitle .Remark { width: 100%; margin-top: .05rem; color: #666; line-height: 1.5; }

.HomeContact.md20564 .ContactForm { width: 100%; margin-top: .32rem; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; }

.HomeContact.md20564 .ContactForm .FormInput { width: 32.5%; margin-right: 1.25%; height: 0.5rem; min-height: 42px; margin-bottom: 1.25%; }

.HomeContact.md20564 .ContactForm .FormInput:nth-child(3n) { margin-right: 0; }

.HomeContact.md20564 .ContactForm .FormInput input { width: 100%; height: 100%; line-height: 1.5; padding: 0 .3rem; background-color: #fff; border: none; color: #333; border: solid .01rem #e7e7e7; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.HomeContact.md20564 .ContactForm .FormInput input:focus { border-color: var(--active); }

.HomeContact.md20564 .ContactForm .FormInput input::-webkit-input-placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormInput input:-ms-input-placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormInput input::-ms-input-placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormInput input::placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormTextarea { width: 100%; }

.HomeContact.md20564 .ContactForm .FormTextarea textarea::-webkit-input-placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormTextarea textarea:-ms-input-placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormTextarea textarea::-ms-input-placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormTextarea textarea::placeholder { color: #333; }

.HomeContact.md20564 .ContactForm .FormTextarea textarea:focus { border-color: var(--active); }

.HomeContact.md20564 .ContactForm .FormTextarea textarea { width: 100%; height: 1.2rem; min-height: 72px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding: .2rem .3rem; border: none; background-color: #fff; line-height: 1.4; border: solid .01rem #e7e7e7; }

.HomeContact.md20564 .ContactForm .FormButtons { width: 100%; margin-top: 0.36rem; text-align: center; }

.HomeContact.md20564 .ContactForm .FormButtons .Button { padding: .18rem .75rem; border: none; color: #fff; background: var(--active); line-height: 1.2; cursor: pointer; border-radius: .3rem; }

@media (max-width: 1920px) { .HomeContact.md20564 .ContactForm .FormButtons .Button { border-radius: 30px; } }

@media (max-width: 750px) { .HomeContact.md20564 .ContactForm .FormInput { width: 100%; margin-right: 0; } }