﻿.sideTechArea .topBox .Img,.sideTechArea .topBox .Img img,.techList .Img,.techList .Txt .title{-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.techList .item:before{-webkit-transition:all .35s;-o-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.mainArea .contentBox{padding-bottom:0}.mainArea .contentBox .classBoxRow{margin-bottom:45px}@media (max-width:1180px){.mainArea .contentBox .classBoxRow{margin-bottom:30px}}@media (max-width:480px){.mainArea .contentBox .classBoxRow{margin-bottom:20px}}.mainArea .contentBox>.wrap{z-index:2}.techM1Area{padding-top:92px;padding-bottom:100px}@media (max-width:1180px){.techM1Area{padding-top:60px}}@media (max-width:640px){.techM1Area{padding-top:40px;padding-bottom:60px}}.techM1Area:last-of-type{padding-bottom:158px}.techM1Area.bgWhite{background-color:#fff}.techM1Area.bgWhite .techList .item{background-color:#f3f5f7}.categoryBox{text-align:center;padding-bottom:22px}.techList{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -12px}@media (max-width:1440px){.techList{margin:0}}@media (max-width:768px){.techList{margin:0 -10px}}@media (max-width:768px){.techList{margin:0 -10px}}.techList .techItem{width:20%;padding:12px}@media (max-width:1440px){.techList .techItem{padding:10px;width:25%}}@media (max-width:1180px){.techList .techItem{width:33.33%}}@media (max-width:768px){.techList .techItem{width:50%}}.techList .item{background-color:#fff;height:100%;padding:30px 20px 60px;text-align:center;position:relative}@media (max-width:1180px){.techList .item{padding:20px 20px 40px}}@media (max-width:768px){.techList .item{padding:20px 10px 30px}}.techList .item:before{content:"";display:block;width:110%;height:110%;background-color:transparent;border:2px solid #E1251B;position:absolute;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;pointer-events:none}.techList .item.noExp .link{cursor:auto}@media (min-width:1181px){.techList .item:hover:before{-webkit-transform:translate3d(-50%,-50%,0) scale(-webkit-calc(100/110));-moz-transform:translate3d(-50%,-50%,0) scale(-moz-calc(100/110));transform:translate3d(-50%,-50%,0) scale(calc(100 / 110));opacity:1}.techList .item:hover .Img{border:2px solid #E1251B}.techList .item:hover .Img img{-webkit-filter:none;filter:none}.techList .item:hover .Txt .title{color:#E1251B}}.techList .Img{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:2px solid #E1251B;overflow:hidden;margin:0 auto;width:104px}@media (max-width:768px){.techList .Img{width:94px}}@media (max-width:480px){.techList .Img{width:84px}}.techList .Img img{display:block;width:100%}.techList .Txt{padding-top:16px}.techList .Txt .title{color:#222;font-size:25px;font-weight:400;line-height:30px}.techList .Txt .title.ellipsis{max-height:90px}@media (max-width:1180px){.techList .Txt .title{font-size:24px;line-height:1.2;letter-spacing:0.5px}}@media (max-width:480px){.techList .Txt .title{font-size:20px}}.techList .link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;bottom:auto;right:auto}@media (max-width:480px){.sideTechArea .moduleContent{padding-top:0}}.sideTechArea .moduleClose{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.sideTechArea .topBox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:40px;border-bottom:1px solid #ccc}@media (max-width:768px){.sideTechArea .topBox{padding-bottom:30px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.sideTechArea .topBox .Img{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:2px solid #E1251B;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;margin-right:20px;width:104px;opacity:0}@media (max-width:768px){.sideTechArea .topBox .Img{margin-bottom:20px}}.sideTechArea .topBox .Img img{display:block;width:100%}.sideTechArea .topBox .title{opacity:0}@media (max-width:768px){.sideTechArea .topBox .title{width:100%}}.sideTechArea .techContent{padding:40px 0;opacity:0}@media (max-width:480px){.sideTechArea .techContent{padding:20px 0}}.sideTechArea.show .moduleClose{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}.sideTechArea.show .topBox .Img{-webkit-animation:showAni 0.6s 0.4s ease-out forwards;-moz-animation:showAni 0.6s 0.4s ease-out forwards;animation:showAni 0.6s 0.4s ease-out forwards}.sideTechArea.show .topBox .title{-webkit-animation:showAni 0.5s 0.7s ease-out forwards;-moz-animation:showAni 0.5s 0.7s ease-out forwards;animation:showAni 0.5s 0.7s ease-out forwards}.sideTechArea.show .techContent{-webkit-animation:showAni 0.5s 1s ease-out forwards;-moz-animation:showAni 0.5s 1s ease-out forwards;animation:showAni 0.5s 1s ease-out forwards}@-webkit-keyframes showAni{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes showAni{0%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-moz-transform:translateY(0px);transform:translateY(0px)}}@keyframes showAni{0%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}