.productionMethods{background:#f7f7f7;position:relative;width:100%}.productionMethods:before{background:#58b765;content:"";display:block;left:0;min-height:560px;position:absolute;top:0;width:100%}.productionMethods .cmTopCon h2,.productionMethods .cmTopCon p{color:#fff;position:relative;text-align:center}.productionMethods .cmTopCon p{font-size:17px;line-height:2;margin:0;padding-bottom:70px}.productionMethods .inner .three{min-height:650px;position:relative;width:100%}.productionMethods .inner .three:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.productionMethods .inner .three.on dl dd{max-width:590px;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.productionMethods .inner .three.on dl dd .txt p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.productionMethods .inner .three.on dl dd.typ1{-webkit-transition-delay:.6s;transition-delay:.6s}.productionMethods .inner .three.on dl dd.typ1 .txt p{-webkit-transition-delay:1.3s;transition-delay:1.3s}.productionMethods .inner .three.on dl dd.typ2{-webkit-transition-delay:.3s;transition-delay:.3s}.productionMethods .inner .three.on dl dd.typ2 .txt p{-webkit-transition-delay:1s;transition-delay:1s}.productionMethods .inner .three.on dl dd.typ3{-webkit-transition-delay:0s;transition-delay:0s}.productionMethods .inner .three.on dl dd.typ3 .txt p{-webkit-transition-delay:.7s;transition-delay:.7s}.productionMethods .inner .three dl{margin:0;padding:0;position:relative}.productionMethods .inner .three dl dt{height:1px;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:1px}.productionMethods .inner .three dl dd{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:0;max-width:145px;min-height:152px;padding:0 0 0 165px;position:absolute;width:100%;z-index:1}.productionMethods .inner .three dl dd:before{content:"";display:block;left:-50px;min-height:152px;position:absolute;top:0;width:50px}.productionMethods .inner .three dl dd:after{content:"";display:block;min-height:152px;position:absolute;right:-50px;top:0;width:50px}.productionMethods .inner .three dl dd.typ1{background:#c8a063;left:370px;top:0}.productionMethods .inner .three dl dd.typ1:before{display:none}.productionMethods .inner .three dl dd.typ1:after{border-bottom:76px solid transparent;border-left:50px solid #c8a063;border-right:0;border-top:76px solid transparent;height:0;width:0}.productionMethods .inner .three dl dd.typ2{background:#9d9d9d;left:470px;top:151px}.productionMethods .inner .three dl dd.typ2:before{background:#9d9d9d}.productionMethods .inner .three dl dd.typ2:after{border-bottom:76px solid transparent;border-left:50px solid #9d9d9d;border-right:0;border-top:76px solid transparent;height:0;width:0}.productionMethods .inner .three dl dd.typ3{background:#333;left:570px;top:302px}.productionMethods .inner .three dl dd.typ3:before{background:#333}.productionMethods .inner .three dl dd.typ3:after{border-bottom:76px solid transparent;border-left:50px solid #333;border-right:0;border-top:76px solid transparent;height:0;width:0}.productionMethods .inner .three dl dd .txt{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:hidden;padding:0;position:relative;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;line-height:1.6;text-align:center}.productionMethods .inner .three dl dd .txt p{margin:0;opacity:0;-webkit-transform:translateY(-30%);transform:translateY(-30%)}@media(min-width:768px){.productionMethods .cmTopCon h2{padding-bottom:70px}}@media(min-width:1241px){.productionMethods .deskHide{display:none}}@media(max-width:1240px){.productionMethods .mobHide{display:none}.productionMethods .tree-step{background:#f7f7f7;position:relative}.productionMethods .tree-step img{vertical-align:top;width:100%}.productionMethods .tree-step>button{background:none;border:none;display:block;font-size:0;line-height:normal;margin:0;outline:none;padding:0;position:absolute;text-indent:-99999px;z-index:1}.productionMethods .tree-step>button.tree-btn1{height:28%;left:34%;right:34%;top:0;width:32%}.productionMethods .tree-step>button.tree-btn2{height:23%;left:22%;right:22%;top:30%;width:58%}.productionMethods .tree-step>button.tree-btn3{height:27%;left:6%;right:6%;top:56%;width:88%}.productionMethods .tree-step .layer{background:#fff;border:3px solid #407297;display:none;height:auto;left:30px;padding:50px 25px;position:absolute;right:30px;top:0;width:calc(100% - 60px);z-index:2}.productionMethods .tree-step .layer .btn-tree-close{background:none;border:none;font-size:0;height:25px;line-height:25px;margin:0;padding:0;position:absolute;right:22px;top:22px;width:25px}.productionMethods .tree-step .layer .btn-tree-close:before{color:#000;content:"+";display:block;font-size:35px;font-weight:100;left:45%;position:absolute;top:25%;-webkit-transform:rotate(45deg) translate(-50%);transform:rotate(45deg) translate(-50%)}.productionMethods .tree-step .layer .tree-tit{color:#2d2d2d;font-size:16px;padding-bottom:30px}.productionMethods .tree-step .layer .tree-txt{color:#797979;font-size:14px;line-height:1.75}.productionMethods:before{min-height:calc(50vh + 148px)}.productionMethods .tree-step .layer p{margin:0}.productionMethods .tree-step .layer p br{display:none}}@media(max-width:767px){.productionMethods .cmTopCon h2{padding-bottom:35px}.productionMethods .cmTopCon p{font-size:14px;line-height:1.8;padding-bottom:35px}.productionMethods .cmTopCon p br{display:none}}