/* 技术-工艺 */
.md31431.q-main{width: 100%;padding: .2rem 0 1.1rem;}
.md31431.q-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31431.q-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md31431.q-main .my-top{width: 100%;text-align: center;padding-bottom: .7rem;}
.md31431.q-main .my-titles{width: 100%;color: #333333;font-weight: bold;line-height: 1.16;}
.md31431.q-main .my-synopsis{width: 100%;padding-top: .2rem;color: var(--theme);line-height: 1.5;}
.md31431.q-main .q-navbox{width: 100%;display: flex;flex-wrap: wrap;}
.md31431.q-main .q-nav{transition: all  .3s;flex: 1;position: relative;cursor: pointer;padding-bottom: .28rem;text-align: center;color: #333333;line-height: 1.22;font-weight: bold;}
.md31431.q-main .q-nav:after{transition: all  .3s;content: '';position: absolute;bottom: 0;left: 0;width: 0;height: .03rem;background-color: var(--active);}
.md31431.q-main .q-nav:hover{color: var(--active);}
.md31431.q-main .q-nav.active{color: var(--active);}
.md31431.q-main .q-nav.active:after{width: 100%;}
.md31431.q-main .q-bottom{width: 100%;padding: .9rem 0 1.2rem;background-color: #f5f7fb;}
.md31431.q-main .q-cont{width: 14.4rem;max-width: 92%;margin: 0 auto;position: relative;}
.md31431.q-main .q-one{opacity: 0;z-index: -1;visibility: hidden;transition: opacity .3s;position: absolute;top: 0;left: 0;width: 100%;display: flex;align-items: center;flex-wrap: wrap;background-color: #fff;border-radius: .6rem 0 .6rem 0;}
.md31431.q-main .q-one.show{position: relative;z-index: 1;visibility: visible;opacity: 1;}
.md31431.q-main .q-left{flex: 1;padding: 0 .4rem 0 .5rem;}
.md31431.q-main .q-textbox{width: 100%;padding-right: .4rem;max-height: 6.1rem;overflow: auto;color: #333333;line-height: 1.87;}
.md31431.q-main .q-textbox *{line-height: inherit;max-width: 100%;}
.md31431.q-main .q-right{width: 7.2rem;} 
.md31431.q-main .q-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(740/720*100%);border-radius: .6rem 0 .6rem 0;}
.md31431.q-main .q-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.md31431.q-main .q-textbox{overflow: auto;scrollbar-color:#e2e6ed  #fff;scrollbar-width: none;scrollbar-width: thin; }
.md31431.q-main .q-textbox::-webkit-scrollbar {width:  .05rem;height: 1px;}
.md31431.q-main .q-textbox::-webkit-scrollbar-thumb {border-radius: .03rem;box-shadow: inset 0 0 .03rem #fff;background: #e2e6ed;}
.md31431.q-main .q-textbox::-webkit-scrollbar-track {box-shadow: inset 0 0 .03rem #fff;border-radius: .03rem; background: #fff;}

@media (max-width: 750px) {
  .md31431.q-main .q-one{border-radius: .3rem 0 .3rem 0 ;}
   .md31431.q-main .q-navbox{display: block;white-space: nowrap;text-align: center;overflow: auto;}
   .md31431.q-main .q-nav{display: inline-block;vertical-align: middle;margin: 0 .15rem;}
   .md31431.q-main .q-left{flex: none;width: 100%;padding:.5rem .3rem;}
   .md31431.q-main .q-textbox{max-height: none;padding-right: 0;}
   .md31431.q-main .q-right{width: 100%;}
   .md31431.q-main .q-img{border-radius: .3rem 0 .3rem 0 ;}
}