/* 产品-系列 */
.md22665.x-main{width: 100%;padding: .95rem 0 1rem;background-color: #f7f7f7;}
.md22665.x-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22665.x-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22665.x-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22665.x-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22665.x-main .x-cont{width:calc(100% + .2rem);position: relative;left: -.1rem;}
.md22665.x-main .x-swiper{width: 100%;}
.md22665.x-main .x-item{width: 25%;height: auto;padding: 0 .1rem;}
.md22665.x-main .x-link{display: block;cursor: pointer;width: 100%;height: 100%;padding: .3rem .3rem .25rem;background-color: #ffffff;}
.md22665.x-main .x-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(230/325*100%);}
.md22665.x-main .x-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22665.x-main .x-text{width: 100%;padding-top: .2rem;}
.md22665.x-main .x-box{width: 100%;position: relative;padding-bottom: .15rem;margin-bottom: .2rem;}
.md22665.x-main .x-box:after{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .03rem;background-color: var(--active);} 
.md22665.x-main .x-name{transition: all  .3s;font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.5;}
.md22665.x-main .x-intro{font-family: Montserrat-Light;width: 100%;color: #666666;line-height: 1.7;}
.md22665.x-main .x-link:hover .x-img img{transform: scale(1.05);}
.md22665.x-main .x-link:hover .x-name{color: var(--theme);}
.md22665.x-main .x-prev{transition: all  .3s;left: -.9rem;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff;background-size: 0 0;}
.md22665.x-main .x-prev svg{transition: all  .3s;width: .08rem;color: #111111;}
.md22665.x-main .x-prev:hover{background-color: var(--theme) !important;}
.md22665.x-main .x-prev:hover svg{color: #fff;}
.md22665.x-main .x-next{transition: all  .3s;right: -.9rem;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff;background-size: 0 0;}
.md22665.x-main .x-next svg{transition: all  .3s;width: .08rem;color: #111111;}
.md22665.x-main .x-next:hover{background-color: var(--theme) !important;}
.md22665.x-main .x-next:hover svg{color: #fff;}
 
@media (max-width: 900px) {
    .md22665.x-main .x-cont{padding-bottom: .8rem;}
    .md22665.x-main .x-item{width: 50%;}
    .md22665.x-main .x-prev{left: calc(50% - .8rem);top: auto;bottom: 0;margin-top: 0;}
    .md22665.x-main .x-next{right: calc(50% - .8rem);top: auto;bottom: 0;margin-top: 0;}
}

/* 产品-概述 */
.md22666.z-main{width: 100%;}
.md22666.z-main img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md22666.z-main .z-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.md22666.z-main .z-left{width: 50%;padding: .15rem 1rem .15rem 1.6rem;}
.md22666.z-main .z-name{font-family: Montserrat-SemiBold;position: relative;width: 100%;padding-bottom: .35rem;margin-bottom: .45rem;color: #111111;line-height: 1.27;}
.md22666.z-main .z-name:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md22666.z-main .z-name:after{content: '';position: absolute;bottom: 0;left: 0;width:.4rem;height: 3px;background-color: var(--active);} 
.md22666.z-main .z-textbox{width: 100%;color: #666666;line-height: 1.8;}
.md22666.z-main .z-textbox *{line-height: inherit;}
.md22666.z-main .z-right{width: 50%;}
.md22666.z-main .z-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(600/960*100%);}
.md22666.z-main .z-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22666.z-main .z-cont:hover .z-img img{transform: scale(1.05);}
@media (max-width: 900px) {
    .md22666.z-main .z-left{width: 100%;padding: .8rem 4%;}
    .md22666.z-main .z-right{width: 100%;}
}

/* 产品-特性 */
.md22667.wa-main{width: 100%;padding: .95rem 0 1rem;background-color: #f7f7f7;}
.md22667.wa-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22667.wa-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22667.wa-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22667.wa-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;} 
.md22667.wa-main .wa-cont{width:calc(100% + .2rem);position: relative;left: -.1rem;}
.md22667.wa-main .wa-item{width: 33.33%;height: auto;padding: 0 .1rem;}
.md22667.wa-main .wa-link{display: block;width: 100%;height: 100%;text-align: center;padding: .7rem .3rem .6rem; background-color: #ffffff;}
.md22667.wa-main .wa-icon{position: relative;top: 0;transition: all .3s;display: flex;align-items: center;justify-content: center;margin: 0 auto;width: .8rem;height: .8rem;border-radius: 50%;background-color: var(--theme);}
.md22667.wa-main .wa-icon img{width: 100%;height: 100%;object-fit: contain;}
.md22667.wa-main .wa-text{width: 100%;padding-top: .25rem;}
.md22667.wa-main .wa-name{font-family: Montserrat-SemiBold;width: 100%;margin-bottom: .2rem;color: #111111;line-height: 1.5;}
.md22667.wa-main .wa-intro{font-family: Montserrat-Light;width: 100%;max-width: 25em;margin: 0 auto;color: #666666;line-height: 1.75;}
.md22667.wa-main .wa-link:hover .wa-icon{top: -.1rem;}

@media (max-width: 900px) {
    .md22667.wa-main .wa-item{width: 50%;}
}
@media (max-width: 500px) {
    .md22667.wa-main .wa-item{width: 80%;}
}

/* 产品-其他系列 */
.md22668.y-main{width: 100%;padding: .95rem 0 1rem;}
.md22668.y-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22668.y-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22668.y-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22668.y-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22668.y-main .y-cont{width:calc(100% + .2rem);position: relative;left: -.1rem;}
.md22668.y-main .y-swiper{width: 100%;}
.md22668.y-main .y-item{width: 25%;height: auto;padding: 0 .1rem;}
.md22668.y-main .y-link{display: block;cursor: pointer;width: 100%;height: 100%;padding: .3rem .3rem .25rem;background-color: #f7f7f7;}
.md22668.y-main .y-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(230/325*100%);}
.md22668.y-main .y-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22668.y-main .y-text{width: 100%;padding-top: .2rem;}
.md22668.y-main .y-box{width: 100%;position: relative;padding-bottom: .15rem;margin-bottom: .2rem;}
.md22668.y-main .y-box:after{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .03rem;background-color: var(--active);} 
.md22668.y-main .y-name{transition: all  .3s;font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.5;}
.md22668.y-main .y-intro{font-family: Montserrat-Light;width: 100%;color: #666666;line-height: 1.7;}
.md22668.y-main .y-link:hover .y-img img{transform: scale(1.05);}
.md22668.y-main .y-link:hover .y-name{color: var(--theme);}
.md22668.y-main .y-prev{display: none !important;transition: all  .3s;left: -.9rem;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f7f7f7;background-size: 0 0;}
.md22668.y-main .y-prev svg{transition: all  .3s;width: .08rem;color: #111111;}
.md22668.y-main .y-prev:hover{background-color: var(--theme) !important;}
.md22668.y-main .y-prev:hover svg{color: #fff;}
.md22668.y-main .y-next{display: none !important;transition: all  .3s;right: -.9rem;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f7f7f7;background-size: 0 0;}
.md22668.y-main .y-next svg{transition: all  .3s;width: .08rem;color: #111111;}
.md22668.y-main .y-next:hover{background-color: var(--theme) !important;}
.md22668.y-main .y-next:hover svg{color: #fff;}
 
@media (max-width: 900px) {
    .md22668.y-main .y-cont{padding-bottom: .8rem;}
    .md22668.y-main .y-item{width: 50%;}
    .md22668.y-main .y-prev{display: flex !important;left: calc(50% - .8rem);top: auto;bottom: 0;margin-top: 0;}
    .md22668.y-main .y-next{display: flex !important;right: calc(50% - .8rem);top: auto;bottom: 0;margin-top: 0;}
}

/* 关于我们-应用案例 */
.md22669.m-main{overflow: hidden;width: 100%;padding: .9rem 0 1rem;background-color: #f6f6f6;}
.md22669.m-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22669.m-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22669.m-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22669.m-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.22;}
.md22669.m-main .my-synopsis{font-family: Montserrat-Light;width: 100%;padding-top: .15rem;color: #666666;line-height: 1.75;}
.md22669.m-main .m-cont{width:calc(100% + .2rem);position: relative;left: -.1rem;}
.md22669.m-main .m-swiper{width: 100%;overflow: visible;}
.md22669.m-main .m-item{width: 33.33%;height: auto;padding: 0 .1rem;}
.md22669.m-main .m-link{display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;width: 100%;height: 100%;background-color: #ffffff;}
.md22669.m-main .m-imgbox{width: 50%;}
.md22669.m-main .m-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(450/800*100%);}
.md22669.m-main .m-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22669.m-main .m-text{width: 50%;padding: .15rem .8rem;}
.md22669.m-main .m-box{position: relative;width: 100%;padding-bottom: .2rem;margin-bottom: .35rem;}
.md22669.m-main .m-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md22669.m-main .m-box:after{content: '';position: absolute;bottom: 0;left: 0;width:.4rem;height: 3px;background-color: var(--active);} 
.md22669.m-main .m-name{transition: all  .3s;font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.4;}
.md22669.m-main .m-intro{font-family: Montserrat-Light;width: 100%;color: #666666;line-height: 1.8;} 
.md22669.m-main .m-more{transition: all .3s;display: inline-block;margin-top: .5rem;color: #ffffff;padding: 0 .38rem;line-height: .5rem;border-radius: .25rem;background-color: var(--theme);}
.md22669.m-main .m-link:hover .m-img img{transform: scale(1.05);}
.md22669.m-main .m-link:hover .m-name{color: var(--active);}
.md22669.m-main .m-link:hover .m-more{background-color: var(--active);}
.md22669.m-main .m-prev{transition: all  .3s;left: -.9rem;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f7f7f7;background-size: 0 0;}
.md22669.m-main .m-prev svg{transition: all  .3s;width: .08rem;color: #111111;}
.md22669.m-main .m-prev:hover{background-color: var(--theme);}
.md22669.m-main .m-prev:hover svg{color: #fff;}
.md22669.m-main .m-next{transition: all  .3s;right: -.9rem;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f7f7f7;background-size: 0 0;}
.md22669.m-main .m-next svg{transition: all  .3s;width: .08rem;color: #111111;}
.md22669.m-main .m-next:hover{background-color: var(--theme);}
.md22669.m-main .m-next:hover svg{color: #fff;}

.md22669.m-main.white{background-color: #fff;}
.md22669.m-main.white .m-link{box-shadow: .05rem .09rem .4rem 0px rgba(0, 0, 0, 0.05);border: solid 1px #eeeeee;}

@media (max-width: 900px) {
    .md22669.m-main .m-cont{padding-bottom: .8rem;} 
    .md22669.m-main .m-imgbox{width: 100%;}
    .md22669.m-main .m-text{width: 100%;padding: .3rem;}
    .md22669.m-main .m-more{line-height: .6rem;border-radius: .3rem;margin-top: .3rem;}
    .md22669.m-main .m-prev{left: calc(50% - .8rem);top: auto;bottom: 0;margin-top: 0;background-color: #fff;}
    .md22669.m-main .m-next{right: calc(50% - .8rem);top: auto;bottom: 0;margin-top: 0;background-color: #fff;}

    .md22669.m-main.white .m-prev{background-color: #f7f7f7;}
    .md22669.m-main.white .m-next{background-color: #f7f7f7;}
}

.md22670.wb-main{width: 100%;padding: .95rem 0 1rem;}
.md22670.wb-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22670.wb-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22670.wb-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22670.wb-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22670.wb-main .my-synopsis{font-family: Montserrat-Light;width: 100%;padding-top: .15rem;color: #666666;line-height: 1.75;}
.md22670.wb-main .wb-cont{width:calc(100% + .2rem);position: relative;left: -.1rem;}
.md22670.wb-main .wb-item{width: 50%;padding: 0 .1rem;}
.md22670.wb-main .wb-link{display: block;cursor: pointer;position: relative;width: 100%;height: 100%;}
.md22670.wb-main .wb-imgbox{width: 50%;}
.md22670.wb-main .wb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(490/790*100%);}
.md22670.wb-main .wb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22670.wb-main .wb-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem .4rem;}
.md22670.wb-main .wb-box{position: relative;width: 100%;padding-bottom: .2rem;margin-bottom: .25rem;}
.md22670.wb-main .wb-box:after{content: '';position: absolute;bottom: 0;left: 0;	width: .4rem;height: .03rem;background-color: #fff;}
.md22670.wb-main .wb-name{font-family: Montserrat-SemiBold;width: 100%;color: #fff;line-height: 1.4;}
.md22670.wb-main .wb-intro{width: 100%;color: #fff;line-height: 1.7;}
.md22670.wb-main .wb-link:hover .wb-img img{transform: scale(1.05);}

@media (max-width: 900px) { 
    .md22670.wb-main .wb-text{padding: .25rem .3rem;}
}
@media (max-width: 500px) {
    .md22670.wb-main .wb-item{width: 80%;}
}

/* 产品-问题 */
.md22671.wc-main{width: 100%;padding: .95rem 0 .9rem;background-color: #f7f7f7;}
.md22671.wc-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22671.wc-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22671.wc-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22671.wc-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22671.wc-main .wc-cont{width: 100%;}
.md22671.wc-main .wc-item{display: block;width: 100%;padding: .1rem .3rem; margin-bottom: .1rem;background-color: #ffffff;}
.md22671.wc-main .wc-buttom{display: flex;align-items: center;justify-content: space-between; cursor: pointer;width: 100%;padding: .3rem .5rem .3rem 0; position: relative;}
.md22671.wc-main .wc-icon{width: 1.22em;}
.md22671.wc-main .wc-icon img{width: 100%;}
.md22671.wc-main .wc-name{font-family: Montserrat-SemiBold;width: calc(100% - 1.22em - .15rem);color: #111111;line-height: 1.5;}
.md22671.wc-main .wc-arrows{transform: rotate(0);transition: all .3s;position: absolute;top: 50%;right: 0;margin-top: -.15rem;display: flex;align-items: center;justify-content: center;width: .3rem;height: .3rem;border: solid 1px rgba(0,0,0,.1);border-radius: 50%;}
.md22671.wc-main .wc-arrows svg{width: .12rem;color: #111111;}
.md22671.wc-main .wc-sub{display: none;width: 100%;padding-bottom: .3rem;}
.md22671.wc-main .wc-textbox{width: 100%;padding: .3rem;color: #111111;line-height: 1.75;background-color: #f7f7f7;}
.md22671.wc-main .wc-textbox *{line-height: inherit;}
.md22671.wc-main .wc-item.show .wc-arrows{transform: rotate(-180deg);}
.md22671.wc-main .wc-morebox{width: 100%;text-align: center;margin-top: .4rem;}
.md22671.wc-main .wc-more{transition: all .3s;display: inline-block;cursor: pointer;padding: 0 .38rem;color: #ffffff;line-height: .5rem;border-radius: .25rem;background-color: var(--theme);}
.md22671.wc-main .wc-more:hover{background-color: var(--active);}
@media (max-width: 900px) { 
    .md22671.wc-main .wc-more{line-height: .6rem;border-radius: .3rem;}
}