
/* 解决方案-介绍 */
.md34865.u-main{width: 100%;padding: .75rem 0 0;} 
.md34865.u-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md34865.u-main .my-top{width: 100%;padding-bottom: .4rem;}
.md34865.u-main .my-titles{width: 100%;color: #404040;font-weight: bold;line-height: 1.2;}
.md34865.u-main .my-synopsis{width: 100%;max-width: 68em;padding-top: .25rem;color: #666666;line-height: 1.72;}
.md34865.u-main .u-cont{width: 100%;position: relative;}  
.md34865.u-main .u-bg{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.md34865.u-main .u-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md34865.u-main .u-item{position: absolute;}
.md34865.u-main .u-point{ display: block;position: relative;width: .1rem;height: .1rem;border-radius: 50%;background-color: var(--theme);}
.md34865.u-main .u-point:before{animation: md34865u_opacity 1.5s .9s infinite ease-out;content: '';position: absolute;top:50%;left:50%;opacity: 0;transform: translate(-50%,-50%) scale(.1) ;width: .44rem;height:.44rem;border-radius: 50%;border: solid 2px #d80c18;}
.md34865.u-main .u-sub{opacity: 0;z-index: -1;visibility: hidden;transition: all .3s;position: absolute;top: -.9rem;left: 0;padding-left: .75rem;}
.md34865.u-main .u-link{display: block;cursor: pointer;width: 2.4rem;background-color: #ffffff;}
.md34865.u-main .u-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(180/240*100%);}
.md34865.u-main .u-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md34865.u-main .u-text{width: 100%;padding: .15rem 0 .35rem;}
.md34865.u-main .u-name{width: 100%;padding: 0 .15rem;margin-bottom: .15rem;color: #191919;line-height: 1.5;}
.md34865.u-main .u-intro{width: 100%;padding: 0 .15rem; color: #666666;}
.md34865.u-main .u-detail{width: 100%;padding: .08rem .1rem;color: #fff; line-height: 1.7;text-align: center;background-color: var(--theme);}
.md34865.u-main .u-link:hover .u-img img{transform: scale(1.05);}
.md34865.u-main .u-link:hover .u-name{color: var(--theme);}
.md34865.u-main .u-item.right .u-sub{left: auto;right: 0; padding-right: .75rem;}
.md34865.u-main  .u-item.show .u-sub{opacity: 1;z-index: 8;visibility: visible;}
@keyframes md34865u_opacity {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(0.1)
    }

    50% {
        opacity: 1; 
    }

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.6)
    }
}

@media (max-width: 750px) {
   .md34865.u-main .u-intro{display: none;}
}

/* 解决方案-推荐产品 */
.md34866.v-main{width: 100%;padding: .75rem 0 .01rem;} 
.md34866.v-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md34866.v-main .my-top{width: 100%;padding-bottom: .55rem;}
.md34866.v-main .my-titles{width: 100%;color: #404040;font-weight: bold;line-height: 1.2;}
.md34866.v-main .v-cont{width: 100%;display: flex;flex-wrap: wrap;}
.md34866.v-main .v-item{display: block;cursor: pointer;width: 31.25%;margin-right: 3.125%;margin-bottom: .55rem;}
.md34866.v-main .v-item:nth-child(3n){margin-right: 0;}
.md34866.v-main .v-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/500*100%);}
.md34866.v-main .v-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md34866.v-main .v-text{width: 100%;padding-top: .15rem;}
.md34866.v-main .v-name{transition: all .3s;width: 100%;margin-bottom: .07rem;color: #404040;font-weight: bold;line-height: 1.4;}
.md34866.v-main .v-intro{width: 100%;color: #666666;line-height: 1.43;}
.md34866.v-main .v-item:hover .v-img img{transform: scale(1.05);}
.md34866.v-main .v-item:hover .v-name{color: var(--theme);}

@media (max-width: 750px) {
   .md34866.v-main .v-item{width: calc(50% - .15rem);margin-right: .3rem;}
   .md34866.v-main .v-item:nth-child(3n){margin-right: .3rem;}
   .md34866.v-main .v-item:nth-child(2n){margin-right: 0;}
}

/* 解决方案-FAQ */
.md34867.w-main{width: 100%;padding: .4rem 0 .8rem;} 
.md34867.w-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md34867.w-main .my-top{width: 100%;padding-bottom: .55rem;}
.md34867.w-main .my-titles{width: 100%;color: #404040;font-weight: bold;line-height: 1.2;}

.md34867.w-main .w-item{display: block;width: 100%;margin-bottom: .2rem;border: solid 1px #e1e1e1;}
.md34867.w-main .w-buttom{transition: all .3s;display: block;cursor: pointer;width: 100%;padding: .3rem .7rem .3rem .4rem; position: relative;}
.md34867.w-main .w-name{transition: all .3s;width: 100%;color: #191919;line-height: 1.3;}
.md34867.w-main .w-buttom:after{content: '';position: absolute;top: 0;right: .4rem;width: .24rem;height: 100%;background-image: url('/static/home/images/a39.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.md34867.w-main .w-sub{display: none;width: 100%;padding: .25rem .4rem;border-top: solid 1px #e1e1e1;}
.md34867.w-main .w-textbox{width: 100%;color: #666666;line-height: 1.77;}
.md34867.w-main .w-textbox *{line-height: inherit;max-width: 100%;}
.md34867.w-main .w-textbox a{color: var(--theme);text-decoration: underline;}
.md34867.w-main .w-item.show .w-buttom{background-color: #f7f7f7;}
.md34867.w-main .w-item.show .w-buttom:after{background-image: url('/static/home/images/a39-b.png');}
