.banner{width:100%;height:500px;background:url(../img/project/banner.png) center no-repeat;background-size:100% 100%}
.box .tittle{font-size:36px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1d1d1f;line-height:50px;text-align:center;width:100%}
.box1{padding-top:80px;padding-bottom:15px}
.box1 .box1-content{margin-top:48px}
.box1 .box1-content .box1-content-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.box1 .box1-content .box1-content-1 .box1-content-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.box1 .box1-content .box1-content-1 .box1-content-2 img{width:70px;height:71px}
.box1 .box1-content .box1-content-1 .box1-content-2 .text{width:357px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(12,12,12,.7);line-height:24px;letter-spacing:1px;margin-left:36px}
.box2{background:rgba(150,185,255,.03);padding-top:65px}
.box2 .box2-content{margin-top:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.box2 .box2-content .box2-content-1{margin-right:45px}
.box2 .box2-content .box2-content-1 img{display:none;width:460px;height:517px}
.box2 .box2-content .box2-content-1 img.active{display:block}
.box2 .box2-content .box2-content-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.box2 .box2-content .box2-content-2 .box2-content-2-item{position:relative;cursor:pointer;color:#0c0c0c;padding:32px;margin-bottom:40px;width:575px;height:152px;border-radius:6px 50px 6px 6px;border:1px solid #ebedf0}
.box2 .box2-content .box2-content-2 .box2-content-2-item.active{color:#fff;-webkit-box-shadow:0 2px 22px 0 rgba(40,103,255,.27);box-shadow:0 2px 22px 0 rgba(40,103,255,.27);background:#2e6cff}
.box2 .box2-content .box2-content-2 .box2-content-2-item .item-p1{font-size:24px;font-weight:500;line-height:24px;letter-spacing:1px}
.box2 .box2-content .box2-content-2 .box2-content-2-item .item-p2{margin-top:16px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:1px}
.box2 .box2-content .box2-content-2 .box2-content-2-item .bgc-1{position:absolute;width:178px;height:151px;top:-16px;right:47px;background:url(../img/project/box2-b-1.png) center center no-repeat;background-size:100% 100%}
.box2 .box2-content .box2-content-2 .box2-content-2-item .bgc-2{position:absolute;width:173px;height:156px;top:-15px;right:37px;background:url(../img/project/box2-b-2.png) center center no-repeat;background-size:100% 100%}
.box2 .box2-content .box2-content-2 .box2-content-2-item .bgc-3{position:absolute;width:204px;height:204px;top:-25px;right:25px;background:url(../img/project/box2-b-3.png) center center no-repeat;background-size:100% 100%}
.box3{padding-left:82px;padding-top:80px}
.box3 .box3-content{display:-webkit-box;display:-ms-flexbox;display:flex}
.box3 .box3-content .box3-content-1{padding:75px 0 0 99px;width:851px;height:553px;background:url(../img/project/DOUMOB.png) center no-repeat;background-size:100% 100%}
.box3 .box3-content .box3-content-1 .box3-c-1-t{font-weight:500;color:#1d1d1f;line-height:50px;font-size:36px}
.box3 .box3-content .box3-content-1 .box3-c-1-t2{font-size:24px;font-weight:400;color:#1d1d1f;line-height:33px;margin-top:12px;margin-bottom:80px}
.box3 .box3-content .box3-content-1 .b3-c-1-1 div{margin-bottom:32px;font-size:0;line-height:24px}
.box3 .box3-content .box3-content-1 .b3-c-1-1 div i{vertical-align:middle;width:25px;height:18px;margin-right:12px;display:inline-block;background:url(../img/project/v.png) center no-repeat;background-size:100% 100%}
.box3 .box3-content .box3-content-1 .b3-c-1-1 div p{display:inline-block;vertical-align:middle;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#656363;line-height:24px;letter-spacing:1px}
.box3 .box3-content .box3-content-1 .b3-c-1-1 div p span{color:#1d1d1f}
.box3 .box3-content .box3-content-2{margin-left:-191px;margin-top:55px}
.box3 .box3-content .box3-content-2 img{width:486px;height:452px}
.box4{margin-top:40px}
.box4 .box4-t{margin-top:16px;font-size:16px;font-weight:400;color:#86868b;line-height:25px;letter-spacing:2px;text-align:center;margin-bottom:40px}
.box4 .box4-item{margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.box4 .box4-item div{text-align:center;margin:0 50px}
.box4 .box4-item div img{width:70px;height:70px}
.box4 .box4-item div p{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;color:rgba(12,12,12,.7);line-height:24px;letter-spacing:1px;margin-top:16px}