.md33669.aa-main{width: 100%;padding: .6rem .3rem .8rem;background-color: #f4f4f4;font-family: Montserrat-Regular;}
.md33669.aa-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.md33669.aa-main .gallery{width: 50%;}
.md33669.aa-main .info{width: 50%;padding-left: .8rem;}
.md33669.aa-main .aa-bn{width: 100%;margin-bottom: .1rem;}
.md33669.aa-main .aa-s{position: relative;}
.md33669.aa-main .aa-box{width: 100%;padding-top: 62.5%;position: relative;border-radius: .2rem;background-size: cover;background-position: center center;}
.md33669.aa-main .aa-img{width: auto;height: 1.77rem;max-width: 90%;position: absolute;left: 50%;top: 50%;object-fit: contain;transform: translate(-50%,-50%);}
.md33669.aa-main .aa-sm-bn{width: calc(100% + 0.1rem);margin-left: -0.05rem;}
.md33669.aa-main .aa-sm-s{width: 2.7rem;padding: 0 0.05rem;}
.md33669.aa-main .aa-sm-box{width: 100%;padding-top: 62.5%;position: relative;background-color: #fff;border-radius: .1rem;cursor: pointer;}
.md33669.aa-main .aa-sm-box:after{content: "";display: block;width: 100%;height: 100%;border-radius: .1rem;border: 1px solid #e5e5e5;position: absolute;left: 0;top: 0;z-index: 12;transition: all .3s;pointer-events: none;}
.md33669.aa-main .aa-sm-bg{width: 100%;height: 100%;background-size: cover;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;border-radius: .1rem;opacity: 0;transition: opacity .3s;}
.md33669.aa-main .aa-sm-img{width: auto;height: 0.55rem;max-width: 90%;position: absolute;left: 50%;top: 50%;object-fit: contain;transform: translate(-50%,-50%);z-index: 2;}
.md33669.aa-main .aa-sm-s.active .aa-sm-bg{opacity: 1;}
.md33669.aa-main .aa-sm-s.active .aa-sm-box:after{border-color: #0097ee;}
.md33669.aa-main .info-h{font-family: Montserrat-Medium;color: #333;line-height: 1;margin-bottom: .18rem;}
.md33669.aa-main .info-sub{color: #666;line-height: 1.333;margin-bottom: .5rem;font-family: Montserrat-Medium;}
.md33669.aa-main .actions{font-size: 0;margin-bottom: .6rem;}
.md33669.aa-main .btn{display: inline-block;vertical-align: top;min-width: 1.8rem;line-height: .6rem;padding: 0 0.3rem;border-radius: .3rem;margin-right: .2rem;text-align: center;cursor: pointer;position: relative;background-color: #fff;color: #666;transition: all .3s;}
.md33669.aa-main .btn:last-child{margin-right: 0;}
.md33669.aa-main .btn:hover,
.md33669.aa-main .btn.active{background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));color: #fff;}
.md33669.aa-main .features{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;}
.md33669.aa-main .feature{width: 50%;display: flex;align-items: center;margin-bottom: .4rem;}
.md33669.aa-main .feature:nth-last-child(1),
.md33669.aa-main .feature:nth-last-child(2){margin-bottom: 0;}
.md33669.aa-main .feature-ic{width: .86rem;height: .86rem;border-radius: 50%;background-color: #fff;overflow: hidden;}
.md33669.aa-main .feature-ic-img{width: 100%;height: 100%;vertical-align: top;}
.md33669.aa-main .feature-t{flex: 1;color: #666;line-height: 1.5;font-family: Montserrat-Medium;padding: 0 0.2rem;}
.md33669.aa-main .code-box{width: 2rem;margin-left: -1rem;position: absolute;left: 50%;top: 100%;margin-top: .23rem;z-index: 12;background-color: #fff;padding: .1rem;box-shadow: 0.02rem 0.02rem 0.1rem rgba(0,0,0,0.06);cursor: default;visibility: hidden;opacity: 0;transition: all .3s;}
.md33669.aa-main .code-box:before{content: "";display: inline-block;border-bottom: .1rem solid #fff;border-left: .1rem solid transparent;border-right: .1rem solid transparent;position: absolute;left: 50%;margin-left: -0.1rem;top: -0.1rem;}
.md33669.aa-main .code-img{width: 100%;height: auto;vertical-align: top;}
.md33669.aa-main .btn:hover .code-box,
.md33669.aa-main .btn.active .code-box{visibility: visible;opacity: 1;}
@media(max-width: 1200px){
    .md33669.aa-main .code-box{width: 120px;margin-left: -60px;margin-top: 15px;padding: 5px;}
    .md33669.aa-main .code-box:before{border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;margin-left: -6px;top: -6px;}
    .md33669.aa-main .info{padding-left: .6rem;}
}
@media(max-width: 750px){
    .md33669.aa-main .layout{display: block;}
    .md33669.aa-main .gallery{width: 100%;margin-bottom: .5rem;}
    .md33669.aa-main .info{padding-left: 0;width: 100%;}
    .md33669.aa-main .info-sub{margin-bottom: .4rem;}
    .md33669.aa-main .actions{margin-bottom: .5rem;}
}


.md33669.o-main{width: 100%;font-family: Montserrat-Regular;padding: 1rem .3rem;}
.md33669.o-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;}
.md33669.o-main .tech-detail{width:100%;display:flex;background-color:#fff;}
.md33669.o-main .left-col{width:5.00rem;display: flex;justify-content: space-between;flex-direction: column;}
.md33669.o-main .title-row{display:flex;align-items:flex-start;align-items: center;margin-bottom: .5rem;}
.md33669.o-main .title-bar{width:0.04rem;height:0.30rem;background: var(--active);background: linear-gradient(to bottom, var(--theme), var(--active));margin-right:0.15rem;}
.md33669.o-main .title{color:#333;line-height:1;font-family: Montserrat-SemiBold;}
.md33669.o-main .card{width:4.00rem;height:4.00rem;background-color:#fff;border-radius:0.10rem;border: 1px solid #e5e5e5;overflow: hidden;position: relative;}
.md33669.o-main .card-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;object-fit: contain;}
.md33669.o-main .right-col{flex: 1;}
.md33669.o-main .table{width:100%;background-color:#fff;border-radius:0.10rem;overflow:hidden;}
.md33669.o-main .table-hd{width:100%;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));display:flex;padding:0.14rem 0.6rem;color:#fff;}
.md33669.o-main .table-hd .th-param{width:4.3rem;font-family: Montserrat-Medium;line-height: 1.333;}
.md33669.o-main .table-hd .th-val{flex:1;font-family: Montserrat-Medium;line-height: 1.333;}
.md33669.o-main .row{display:flex;align-items:center;padding:0.15rem 0.6rem 0.14rem;border:1px solid #e5e5e5;border-top: none;}
.md33669.o-main .row:last-child{border-radius: 0 0 0.2rem 0.2rem;}
.md33669.o-main .row .param{width:4.3rem;color:#666;line-height:1.5;font-family: Montserrat-Medium;}
.md33669.o-main .row .val{flex:1;color:#999;line-height:1.5;}
@media(max-width: 750px){
    .md33669.o-main{padding: .6rem .3rem;}
    .md33669.o-main .tech-detail{display: block;}
    .md33669.o-main .left-col{width: 100%;}
    .md33669.o-main .right-col{width: 100%;}
    .md33669.o-main .card{margin: 0 auto 0.3rem;}
    .md33669.o-main .table-hd{padding: 0.15rem .3rem;}
    .md33669.o-main .row{padding: 0.15rem 0.3rem;}
}
@media(max-width: 500px){
    .md33669.o-main .table-hd{padding: 0.15rem .2rem;}
    .md33669.o-main .row{padding: 0.15rem .2rem;}
    .md33669.o-main .card{width: 100%;padding-top: 100%;height: auto;}
    .md33669.o-main .row .param{width: 50%;}
    .md33669.o-main .table-hd .th-param{width: 50%;}
    .md33669.o-main .table-hd .th-param{font-size: .24rem;}
    .md33669.o-main .table-hd .th-val{font-size: .24rem;}
    .md33669.o-main .row .param{font-size: .22rem;}
    .md33669.o-main .row .val{font-size: .22rem;}
}


.md33669.p-main{width: 100%;font-family: Montserrat-Regular;padding: 0 .3rem 1rem;}
.md33669.p-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;}
.md33669.p-main .p-title{color:#333;line-height:1;font-family: Montserrat-SemiBold;position: relative;padding-left: .19rem;margin-bottom: .35rem;}
.md33669.p-main .p-title:before{content: "";display: inline-block;width:0.04rem;height:0.30rem;margin-top: -0.15rem;background: var(--active);background: linear-gradient(to bottom, var(--theme), var(--active));position: absolute;left: 0;top: 50%;}
.md33669.p-main .p-list{width: 100%;display: flex;flex-wrap: wrap;border: 1px solid #e5e5e5;border-radius: .2rem;padding: .6rem 0.2rem 0;}
.md33669.p-main .p-step{width: 11.111%;text-align: center;margin-bottom: .55rem;position: relative;}
.md33669.p-main .p-step:after{content: "";display: inline-block;width: .31rem;height: .11rem;background-image: url(../images/product-detail-3-arrow.png);background-size: 100% 100%;position: absolute;right: 0;margin-right: -0.15rem;top: 0.48rem;margin-top: -0.06rem;}
.md33669.p-main .p-step:nth-child(9n):after{display: none;}
.md33669.p-main .p-step:last-child:after{display: none;}
.md33669.p-main .p-box{width: .97rem;height: .97rem;margin: 0 auto 0.16rem;border-radius: .1rem;overflow: hidden;position: relative;}
.md33669.p-main .p-box:after{content: "";display: block;width: 100%;height: 100%;border: 1px solid #999;border-radius: .1rem;position: absolute;left: 0;top: 0;z-index: 2;pointer-events: none;}
.md33669.p-main .p-icon{width: 100%;height: 100%;vertical-align: top;object-fit: cover;}
.md33669.p-main .p-txt{text-align: center;color: #999;line-height: 1.2;padding: 0 0.05rem;}
@media(max-width: 1200px){
    .md33669.p-main .p-step{width: 14.28%;}
    .md33669.p-main .p-step:nth-child(9n):after{display: inline-block;}
    .md33669.p-main .p-step:nth-child(7n):after{display: none;}
    .md33669.p-main .p-step:last-child:after{display: none;}
}
@media(max-width: 900px){
    .md33669.p-main .p-step{width: 20%;}
    .md33669.p-main .p-step:nth-child(7n):after{display: inline-block;}
    .md33669.p-main .p-step:nth-child(5n):after{display: none;}
    .md33669.p-main .p-step:last-child:after{display: none;}
}
@media(max-width: 750px){
    .md33669.p-main{padding-bottom: .6rem;}
    .md33669.p-main .p-step{width: 25%;}
    .md33669.p-main .p-step:nth-child(5n):after{display: inline-block;}
    .md33669.p-main .p-step:nth-child(4n):after{display: none;}
    .md33669.p-main .p-step:last-child:after{display: none;}
}
@media(max-width: 500px){
    .md33669.p-main .p-list{padding: 0.3rem 0 0;}
    .md33669.p-main .p-step{margin-bottom: 0.3rem;}
    .md33669.p-main .p-txt{font-size: .22rem;}
}

.md33669.q-main{width: 100%;font-family: Montserrat-Regular;padding: 0 .3rem .74rem;}
.md33669.q-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;}
.md33669.q-main .q-title{color:#333;line-height:1;font-family: Montserrat-SemiBold;position: relative;padding-left: .19rem;margin-bottom: .35rem;}
.md33669.q-main .q-title:before{content: "";display: inline-block;width:0.04rem;height:0.30rem;margin-top: -0.15rem;background: var(--active);background: linear-gradient(to bottom, var(--theme), var(--active));position: absolute;left: 0;top: 50%;}
.md33669.q-main .q-bn{width: calc(100% + 0.4rem);margin-left: -0.2rem;}
.md33669.q-main .q-s{padding: 0 0.2rem;width: 8.2rem;}
.md33669.q-main .q-item{width: 100%;display: block;}
.md33669.q-main .q-item:nth-child(2n){margin-right: 0;}
.md33669.q-main .q-box{width: 100%;padding-top: 61.538%;position: relative;border-radius: .2rem;overflow: hidden;}
.md33669.q-main .q-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.md33669.q-main .q-img{max-width: 90%;width: auto;height: 1.5rem;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 57%;z-index: 2;object-fit: contain;transition: all 0.5s ease 0s;}
.md33669.q-main .q-text{width: 100%;padding-right: .6rem;position: relative;padding: .22rem 0.6rem .22rem 0;}
.md33669.q-main .q-tit{color: #333;line-height: 1.333;font-family: Montserrat-Medium;}
.md33669.q-main .q-des{color: #999;line-height: 1.5;margin-top: .18rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.md33669.q-main .q-arrow{width: .6rem;height: .6rem;border-radius: 50%;background-color: #f5f5f5;border-radius: 50%;position: absolute;right: 0;top: 50%;margin-top: -0.3rem;}
.md33669.q-main .q-arrow:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));border-radius: 50%;opacity: 0;transition: opacity .3s;}
.md33669.q-main .q-arrow:after{content: "";display: inline-block;border-left: 0.09rem solid #999;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;position: absolute;left: 50%;margin-left: -0.05rem;top: 50%;margin-top: -0.06rem;z-index: 2;transition: all .3s;}
.md33669.q-main .q-item:hover .q-arrow:before{opacity: 1;}
.md33669.q-main .q-item:hover .q-arrow:after{border-left-color: #fff;}
.md33669.q-main .q-item:hover .q-img{transform: translate(-50%,-50%) scale(1.07);}
@media(max-width: 750px){
    .md33669.q-main{padding: 0 .3rem .6rem;}
    .md33669.q-main .q-bn{width: calc(100% + 0.3rem);margin-left: -0.15rem;}
    .md33669.q-main .q-s{padding: 0 0.15rem;}
}
@media(max-width: 500px){
    .md33669.q-main .q-tit{font-size: .28rem;}
    .md33669.q-main .q-des{font-size: .24rem;margin-top: .1rem;}
}