.main-hard{padding:120px 0 0}
.zwj-tabhd1{margin:0 0 50px;border-bottom:1px solid #cbd2d9}
.zwj-tabhd1 .con{line-height:41px;color:#465a69;font-size:32px;font-family: Poppins-Medium;padding-bottom: 10px;}
.zwj-tabhd1 .con::after{height:2px}
.zwj-ulhard1 .con{position:relative;color:#fff}
.zwj-ulhard1 .li2 .con{color:#1e2128}
.zwj-ulhard1 .pic{padding-top:49.3%;border-radius:32px;position:relative;overflow:hidden}
.zwj-ulhard1 .pic .bg{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:block;object-fit:cover}
.zwj-ulhard1 li{margin-bottom:50px}
.zwj-ulhard1 .txt{position:absolute;left:0;right:0;width:100%;bottom:56px;padding:0 48px;display:flex;align-items:flex-end;justify-content:space-between}
.zwj-ulhard1 .tit{font-size:56px;margin-bottom:18px}
.zwj-ulhard1 .desc{font-size:24px}
.zwj-ulhard1 .desc span{display:inline-block;margin-right:20px}
.zwj-ulhard1 .btn{line-height:47px;border-radius:100px;padding:0 15px;background-color:#fff;font-size:24px;color:#1e2128;transition:.3s;display:inline-block;margin-left:20px}
.zwj-ulhard1 .btn:hover{opacity:.8}
.zwj-ulhard1 .li2 .btn{background-color:#1e2128;color:#fff}
.zwj-ulhard1 .btn2{background-color:transparent;border:1px solid #fff;color:#fff}
.zwj-ulhard1 .btn2:hover,.zwj-ulhard1 .li2 .btn2:hover{/* opacity:1; *//* background-color:#1e2128; *//* border-color:#1e2128; *//* color:#fff; */}
.zwj-ulhard1 .li2 .btn2{border-color:#1e2128;color:#1e2128;background-color:transparent}
.zwj-hard1{padding-bottom:30px}
.zwj-hard2{padding:120px 0}
.zwj-ulhard2{margin:56px 0 0;text-align:center}
.zwj-ulhard2 li{display:inline-block;margin:0 40px;vertical-align:top}
.zwj-ulhard2 .con{font-size:16px;color:#1e2128;width:290px;padding:0 40px}
.zwj-ulhard2 .pic{margin-bottom:50px}
.zwj-ulhard2 .pic img{display:block;width:100%}
.zwj-ulhard2 .txt{padding-bottom:50px}
.zwj-ulhard2 .tit{font-size:24px;margin-bottom:16px}
.zwj-ulhard2 .desc{margin-bottom:24px}
.zwj-ulhard2 .line{height:1px;background-color:#cbd2d9}
.zwj-ulhard2 td{vertical-align:top}
.zwj-ulhard2 tr .group{min-height:210px;padding:50px 40px 0;font-size: 16px;}
.zwj-ulhard2 tr .pic2{width:56px;height:56px;margin:0 auto 10px}
.zwj-ulhard2 tr .icon{display:block;width:100%}
.zwj-ulhard2 .btn{display:inline-block;line-height:34px;border-radius:100px;margin:0 auto;background-color:#0074fc;color:#fff;padding:0 12px;transition:.3s;font-family: Poppins-Medium;}
.zwj-ulhard2 .btn:hover{opacity:.8}
.zwj-ulhard2 table{display:inline-block}
.zwj-hard3 .txt{color:#1e2128}
.zwj-hard3 .more{border:1px solid #0074fc;background-color:transparent;color:#0074fc}
@media only screen and (min-width:1199px) and (max-width:0){
.main-hard{padding:8vw 0 0}
.zwj-tabhd1{margin:0 0 3.333vw;border-bottom:1px solid #cbd2d9}
.zwj-tabhd1 .con{line-height:2.733vw;font-size:1.6vw}
.zwj-tabhd1 .con::after{height:.133vw}
.zwj-ulhard1 .pic{border-radius:2.133vw}
.zwj-ulhard1 .pic .bg{left:0;right:0;top:0;bottom:0;object-fit:cover}
.zwj-ulhard1 li{margin-bottom:3.333vw}
.zwj-ulhard1 .txt{left:0;right:0;bottom:3.733vw;padding:0 3.2vw;align-items:flex-end;justify-content:space-between}
.zwj-ulhard1 .tit{font-size:3.733vw;margin-bottom:1.2vw}
.zwj-ulhard1 .desc{font-size:3.733vw;font-size:1.066vw}
.zwj-ulhard1 .desc span{margin-right:1.333vw}
.zwj-ulhard1 .btn{line-height:2.266vw;border-radius:6.666vw;padding:0 1vw;font-size:.933vw;transition:.3s;margin-left:1.333vw}
.zwj-ulhard1 .btn:hover{opacity:.8}
.zwj-ulhard1 .btn2{border:1px solid #fff}
.zwj-hard1{padding-bottom:2vw}
.zwj-hard2{padding:8vw 0}
.zwj-ulhard2{margin:3.733vw 0 0}
.zwj-ulhard2 li{margin:0 2.666vw}
.zwj-ulhard2 .con{font-size:.933vw;width:19vw;padding:0 2.5vw}
.zwj-ulhard2 .pic{margin-bottom:3.333vw}
.zwj-ulhard2 .txt{padding-bottom:3.333vw}
.zwj-ulhard2 .tit{font-size:1.6vw;margin-bottom:1.066vw}
.zwj-ulhard2 .desc{margin-bottom:1.6vw}
.zwj-ulhard2 tr .group{min-height:14vw;padding:3.333vw 2.5vw 0}
.zwj-ulhard2 tr .pic2{width:3.733vw;height:3.733vw;margin:0 auto .666vw}
.zwj-ulhard2 .btn{line-height:2.266vw;border-radius:6.666vw;margin:0 auto;padding:0 .8vw}
.zwj-hard3 .more{border:1px solid #0074fc}
}
@media only screen and (max-width:1199px){
.zwj-tabhd1 .con{font-size:16px}
.zwj-ulhard1 .tit{font-size:22px}
.zwj-ulhard1 .desc span{margin-right:10px}
.zwj-ulhard1 .desc{font-size:14px}
.zwj-ulhard1 .btn{line-height:30px;border-radius:100px;padding:0 10px;font-size:12px;margin-left:5px}
.zwj-ulhard2 .tit{font-size:18px}
.zwj-ulhard2 .btn{line-height:30px;padding:0 10px}
.zwj-ulhard2 tr .pic2{width:40px;height:40px}
.zwj-ulhard2 tr .group{padding-top:20px;min-height:180px}
}
@media only screen and (max-width:959px){
.zwj-ulhard2 li{margin:0 10px}
.zwj-hard2{padding:50px 0}
.zwj-ulhard1 .txt{padding:0 15px;display:block;bottom:20px}
.zwj-ulhard1 .btn{margin:0 5px 0 0}
.zwj-ulhard1 .tit{margin-bottom:10px;font-size:18px}
.zwj-ulhard1 .desc{margin-bottom:10px}
.zwj-ulhard1 .pic{border-radius:10px}
.zwj-ulhard2{overflow-x:auto}
}
@media only screen and (max-width:767px){
.zwj-ulhard2 li{display:block;margin:0 0 40px}
.zwj-ulhard2 .con{width:210px;padding:0 10px}
.zwj-ulhard2 tr .group{min-height:auto;padding:20px 10px 0}
.zwj-ulhard2 .txt{padding-bottom:20px}
.zwj-ulhard2 .tit{margin-bottom:5px}
.zwj-ulhard2 .desc,.zwj-ulhard2 .pic{margin-bottom:10px}
.zwj-ulhard2 tr .pic2{width:30px;height:auto}
.zwj-hard3 .txt{color:#fff}
.zwj-ulhard2{margin:20px 0 0}
.zwj-ulhard1 li{margin-bottom:20px}
.zwj-hard1{padding-bottom:0}
.zwj-tabhd1{margin:0 0 20px}
.zwj-ulhard1 .txt{position:relative;left:auto;right:auto;bottom:auto;color:#1e2128}
.zwj-ulhard1 .pic{margin-bottom:10px}
.zwj-ulhard1 .btn{background-color:#1e2128;color:#fff}
.zwj-ulhard1 .btn2{background-color:transparent;border-color:#1e2128;color:#1e2128}
.main-hard{padding:60px 0 0}
}