.umDiy.um01,.umDiy.um03,.umDiy.um05{background:#f0f3f7;}
.umDiy.um02,.umDiy.um04,.umDiy.um07{background:#ffffff;}
.staffing .umDiy .grid .title,
.staffing .umDiy .title{ padding-bottom:0}
.umDiy .grid{margin: 0 auto;display: flex;}
.umDiy .grid .title{padding:0px 0px 20px;text-align: left;}
.umDiy .grid .title h3{ font-size:56px;color: #619fd0;line-height: 1;padding-bottom:30px;margin-bottom:30px;position: relative;}
.umDiy .grid .title h3:after{content: "";position: absolute;left: 4px;bottom: 0;width: 42px;height: 5px;background-color: #619fd0;}
.umDiy .grid .left{min-width: 40%;width:40%;display: flex;flex-direction: column;justify-content: space-between;justify-content: flex-start;}
.umDiy .grid .right{flex-grow: 1;padding-left:30px;padding-top: 30px;min-width:60%;width:60%;}
.umDiy .grid .right .umText li{padding-left:30px;position: relative; margin: 0 0 20px;display: inline-block; width:100%;}
.umDiy .grid .right .umText li:last-of-type,.umDiy.um06 .grid .umText p:last-of-type{margin-bottom: 0px;}
.umDiy .grid .right .umText .scroll{ max-height:480px; padding-right:10px}
.umDiy .grid .right .umText{text-align: left; padding: 0;width: 100%;}
.umDiy .grid .right .umText h3,.umDiy .grid .right .umText h4{ font-size:20px;line-height: 1.4;position: relative;}
.umDiy .grid .right .umText h3 img{ width: 20px;position: absolute; left: -28px; top:3px;font-size: 0;}
.umDiy .grid .right .umText h4{font-size:18px;font-size: 14px;}

.umDiy.um01 .grid .title{ padding-top:22px}
.umDiy.um02 .umText ul{display: flex;flex-wrap: wrap;justify-content: center;margin-top:40px}
.umDiy.um02 .umText li{ width:33.3333%; text-align: center;position: relative;}
.umDiy.um02 .umText li:hover{z-index: 2;}
.umDiy.um02 .umText li .pic{ margin-bottom:30px;font-size: 0;}
.umDiy.um02 .umText li .pic img{width:100%; max-width:78px}
.umDiy.um02 .umText li .item{max-width:200px; margin: 0 auto; padding:25px 15px 20px;border-radius: 8px;background:#fff;height: 100%;transition: 0.35s;}
.umDiy.um02 .umText li .item a{display: block;color: #666;}
.umDiy.um02 .umText li .item p{ margin-bottom:0px}
.umDiy.um02 .umText li .item:hover{box-shadow: 0 0 10px 1px rgba(102, 102, 102, 0.2);}
.umDiy.um03 .umPic,.umDiy.um04 .umPic{ margin: 20px 0 0 0;text-align: center;}

.umDiy.um05 .grid{flex-direction: row-reverse;}
.umDiy.um05 .grid .left{ padding:10px 0 0 40px;justify-content: flex-start;}
.umDiy.um05 .grid .left,.umDiy.um05 .grid .title{text-align: right;}
.umDiy.um05 .grid .right{ padding:20px 40px 0 0;}
.umDiy.um05 .grid .title{padding-top:0px;}
.umDiy.um05 .grid .title h3:after{ left: auto; right: 0;}

.umDiy .grid .umHover li h3{font-weight:400; color:#333}
.umDiy .grid .umHover li.in h3{ color:#619fd0;transition: 0.2s;}
.umDiy .grid .umHover li .des{margin: 15px 0 25px 0;display:none; font-size:14px; padding:15px 20px;border-radius: 8px;background:#f6f8fb;box-shadow: 0 0 10px 1px rgba(102, 102, 102, 0.2);}
.umDiy .grid .umHover li.in .des{ height: auto!important;}

.umDiy.um06{background-repeat: no-repeat;background-size: cover;background-position: center center;overflow: hidden;max-height: 630px; padding: 90px 0;}
.umDiy.um06 .grid .title{ padding-top:20px;}
.umDiy.um06 .grid h3{color:#fff}
.umDiy.um06 .grid h3:after{background:#fff}
.umDiy.um06 .grid .right{ padding-top:0;color:#fff; font-size:16px;-moz-osx-font-smoothing: auto;padding-right: 60px;}
.umDiy.um06 .grid .umText p{color:#fff;font-size:16px}
.umDiy.um06 .grid .umText span{font-size:26px}

.umDiy.um07 .umSubr .umArt.umSub{padding-right:0px;float: none;}
.main .umDiy.um07 .artList .article li {border-bottom: 1px solid #ededed; padding:30px 0;}
.main .umDiy.um07 .artList .article li .postText .text{text-align: left;}
.main .umDiy.um07 .artList .article li .postImg{border-radius: 10px;}

@media screen and (max-width:900px){
.umDiy .grid .title h3{font-size: 42px;}
.umDiy .umText{width: 90%;}
.umDiy.um06 .grid .right{padding-right: 40px;padding-left: 10px;}
.main .umDiy.um07 .artList .article li .postImg{ width:180px}
}

@media screen and (max-width:768px){
.umDiy .grid .left{min-width: 30%;width: 30%;}
.umDiy .grid .right{min-width: 70%;width: 70%;}
.umDiy .grid .title h3{font-size: 32px;padding-bottom: 25px;margin-bottom: 25px;}
.umDiy .grid .title h3:after{height: 4px;}
.umDiy.um05 .grid .left{padding: 20px 0 0 0px;min-width: 35%;width: 35%;}
.umDiy.um05 .grid .right{min-width: 55%;width: 55%;}
.staffing .umDiy{ padding:50px 0}
.umDiy.um02 .umText{ width:100%}
.umDiy.um02 .umText li{ margin: 0 0 20px 0;}
.umDiy.um02 .umText li .item{max-width: 260px;}
.umDiy.um02 .umText li .pic img{max-width: 66px;}
.umDiy.um06{max-height: none;}
.umDiy.um06 .grid .right{padding-right: 30px;padding-left: 30px;}
.main .umDiy.um07 .artList .article li .postImg{width: 160px;}
.main .umDiy.um07 .artList .article li .postText{padding: 0px 0px 0px 20px;}
}

@media screen and (max-width:640px){
.umDiy .grid{display: inline-block;}
.umDiy .grid .left{min-width: 100%;width:100%;text-align: center;}
.umDiy .grid .title{text-align: center;}
.umDiy .grid .title h3:after,.umDiy.um05 .grid .title h3:after{ left:50%; right:auto;margin-left: -21px;}
.umDiy .grid .pic{ max-width:180px; margin:0 auto}
.umDiy .grid .right{width: 100%;min-width: 100%; padding-right:30px;}
.umDiy .grid .right .umText .scroll{max-height: none;}
.umDiy.um05 .grid .left, .umDiy.um05 .grid .title{text-align: center;}
.umDiy.um05 .grid .left,.umDiy.um05 .grid .right{width: 100%;min-width: 100%;}
.umDiy.um05 .grid .right{ padding:20px 40px 0}
.umDiy.um05 .grid .right .umText li{ padding-left:0}
.main .umDiy.um07 .artList .article li{padding: 20px 0}
.umDiy.um02 .umText li{ width: 100%;}
.umDiy.um06 .grid .right{font-size:14px;}
.umDiy.um06 .grid .umText p{font-size:14px}
.umDiy.um06 .grid .umText span{font-size:20px}
}

@media screen and (max-width:480px){
.umDiy .grid .umHover li .des{display: block!important;}
.umDiy .grid .right{padding-left: 20px;padding-right: 20px;}
.umDiy.um05 .grid .right{padding: 10px 20px 0;}
.umDiy .grid .umHover li .des{margin-bottom: 15px;}
.main .umDiy.um07 .artList .article li .postImg{width: 130px;}
.main .umDiy.um07 .article li .postText .iText{line-height: 22px;font-size: 12px;height: 44px;}
.main .umDiy.um07 .artList .article li .postText h4{font-size: 16px;}
}

@media screen and (max-width:440px){
.main .umDiy.um07 .artList .article li .postImg{width: 90px;}
.main .umDiy.um07 .artList .article li{padding: 15px 0}
.main .umDiy.um07 .artList .article li .postText h4{font-size: 14px;}
}