.main{display:flex}
.all{width:100%;height:100%;overflow-x:hidden}
.left-top{width:50%;height:155px;display:flex;position:relative;justify-content:flex-start;align-items:center;flex-direction:column;background:url(../img/tu1.png) center center;background-size:100% 100%}
.left-top img{width:85%;height:25%;margin:25px auto}
.left-top div{font-size:12px;font-weight:200;color:#fff;position:absolute;left:20px;top:75px}
.download{width:90px;height:25px;margin:10px auto}
.download img{width:100%;height:100%}
.phone{width:100%;height:300px;display:flex;justify-content:space-between;flex-direction:row;position:relative;top:-65px;background:url(../img/tu3.png) no-repeat;background-size:40px 20px;background-position:left 250px}
.tu6{width:40px;height:40px}
.ver3{width:105px;height:215px}
.ver2{width:125px;height:243px}
.tu6 img,.ver2 img,.ver3 img{width:100%;height:100%}
.tu6 img{position:relative;top:140px;left:25px}
.ver3 img{position:relative;top:5px;left:10px}
.ver2 .phone1{position:relative;left:-30px;top:-23px;z-index:2}
.tu2{width:150px;height:235px;background:url(../img/tu2.png) no-repeat right center;background-size:100% 100%;position:relative;top:-175px;left:0;display:flex;font-size:14px;flex-direction:column;justify-content:flex-end}
.tu2 .title{position:relative;top:-38px;left:30px;font-weight:200;font-size:14px;color:#fff;font-weight:200}
.tu2 span{position:relative;left:77px;top:-25px;color:#32958f}
.tu2 img{width:20px;height:20px;transform:rotate(-60deg);position:relative;left:97px;top:-220px}
.introduction{height:300px;position:relative;background:url(../img/tu5.png) no-repeat 330px 40px;background-size:20px 20px}
.introduciton-a{position:relative;top:-80px;left:25px}
.introduciton-a span{position:absolute}
.introduciton-a span:nth-child(1){font-size:10px;color:#e5e8e7;font-weight:200}
.introduciton-a span:nth-child(2){font-size:12px;color:#4c8c85;font-weight:200;top:5px}
.introduciton-b{width:330px;height:63px;padding:10px 10px;border:1px solid #b3c9c4;font-family:Source Han Sans CN;font-size:6px;font-weight:200;border-radius:10px;color:#4c8c85;text-align:justify;display:flex;justify-content:center;align-items:center;margin:0 auto;position:relative;top:-40px}
.xiang{position:absolute;left:75px;top:60px;font-size:6px;color:#4c8c85;font-weight:200}
.page1{position:relative;top:-217px;width:100%;height:105px;background:pink;background:url(../img/tu4.png) no-repeat center center;background-size:100% 100%}
.function{position:relative;left:160px;top:40px}
.function span{position:absolute}
.function span:nth-child(2){font-size:10px;top:5px;color:#fff;font-weight:200}
.function span:nth-child(1){font-size:8px;color:#b3c9c4;font-weight:200}
.jieshao{display:flex;flex-direction:row;position:relative;top:-270px}
.job{position:relative;left:40px;width:95px;height:190px;background:url(../img/task.png) no-repeat;background-size:100% 100%}
.job img{width:100%;height:100%}
.line1{position:relative;left:-77px;top:30px;width:150px;height:183px;background:url(../img/01.png) no-repeat;background-size:100% 100%}
.line1 img{width:100%;height:100%}
.line2{position:relative;left:-128px;top:100px;width:50px;height:5px;background:url(../img/03.png) no-repeat;background-size:100% 100%}
.line2 img{width:100%;height:100%}
.line3{width:105px;position:relative;top:65px;left:-20px}
.line3 span{position:absolute}
.line3 span:nth-child(1){color:#e2edec}
.line3 span:nth-child(2){color:#00837b;top:5px}
.provide{position:relative;top:78px;left:150px;width:180px;font-size:6px;height:50px;font-weight:200}
.fuwu{position:relative;top:60px;left:150px;width:130px;font-family:Source Han Sans CN;font-size:6px;height:50px;font-weight:200}
.fuwu img{width:30px;height:30px;position:relative;left:230px;top:-25px;transform:rotate(-85deg);opacity:.3}
.ask{position:relative;top:100px;left:55px;width:145px;font-family:Source Han Sans CN;font-size:6px;height:50px;font-weight:200}
.baoxiu{position:relative;top:-200px}
.bao{position:relative;top:120px;left:0}
.name{display:flex;justify-content:space-between;align-items:center}
.name img{width:40px;height:20px}
.name div:nth-child(1) span{position:absolute}
.name div:nth-child(1) span:nth-child(1){color:#e7f0ef}
.name div:nth-child(1) span:nth-child(2){color:#4c8c85;top:15px;font-weight:200}
.name div:nth-child(1){margin:0 20px}
.dingdan{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:relative;top:17px;left:0}
.dingdan div:nth-child(1){height:150px;font-family:Source Han Sans CN;font-size:6px;position:relative;left:20px;top:20px;font-weight:200;display:flex;flex-direction:column}
.dingdan div:nth-child(2){height:187px;width:95px}
.dingdan div:nth-child(2) img{width:100%;height:100%}
.dingdan div:nth-child(1) img{transform:rotate(-80deg);opacity:.3;width:50px;height:50px;position:absolute;left:-80px;top:70px}
.cha span{position:absolute}
.chaxun{display:flex;justify-content:space-around;align-items:center;position:relative;top:33px;left:0}
.chaxun div:nth-child(1){width:95px;height:195px}
.chaxun div:nth-child(2){width:150px;height:150px;display:flex;font-family:Source Han Sans CN;flex-direction:column;position:relative;top:40px;left:0;font-size:6px;font-weight:200}
.chaxun div:nth-child(1) img{width:100%;height:100%}
.xun{position:relative;left:0;top:55px}
.cha{position:relative;left:20px;top:0;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.cha div span:nth-child(1){color:#e7f0ef}
.cha div span:nth-child(2){color:#4c8c85;top:5px;font-weight:200}
.fankui{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:relative;top:150px;left:0}
.fankui div:nth-child(1){width:136px;height:180px;font-family:Source Han Sans CN;font-size:6px;position:relative;left:50px;top:40px;font-weight:200;display: flex;flex-direction: column;}
.fankui div:nth-child(2){height:187px;width:95px}
.fankui div:nth-child(2) img{width:100%;height:100%}
.fankui div:nth-child(1) img{width:30px;height:30px;position:absolute;left:45px;top:-60px;opacity:.3}
.bao div:nth-child(1) img{width:40px;height:20px}
.bao{display:flex;justify-content:space-between;align-items:center;position:relative}
.bao div span{color:#ebf2f2}
.bao div:nth-child(2) span:nth-child(2){color:#87b2ad;font-weight:200;top:5px;}
.foot{height:70px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(../img/di.png) no-repeat center bottom;background-size:100% 100%;font-size:6px;color:#fff;font-family:Source Han Sans CN;font-weight:200}
.foot img{width:40px;height:40px}
.span{position:relative;width: 100px; height: 40px;}
.span span{position:absolute;left:0;top:0}
.span span:nth-child(1){color:#e7f0ef}
.span span:nth-child(2){color:#4c8c85;top:8px;font-weight:200}