.banner .left{position: absolute;font-family: "苹方";top: 28.5%;left: 15.6%;}
.banner .text{font-size: 34px;font-weight: bold;color: #343434;}
.banner .description{margin-top: 20px;font-size: 20px;color: #666666;line-height: 1;}
.banner .left a{display: inline-block;margin-top: 90px;height: 38px;width: 140px;background-color: #fff;border-radius: 19px;line-height: 38px;text-align: center;color: #257dff;font-size: 14px;}
.effect{width: 1200px;margin: 38px auto 0;line-height: 1;}
.effect .content{margin-top: 77px;}
.effect .left .round{position: relative;width: 445px;height: 445px;border-radius: 50%;border: 1px dashed #a1edf7;padding: 95px;box-sizing: border-box;padding: 45px;}
.effect .left .round:before{content: "";position: absolute;left: 50%;top: 0;height: 100%;transform: translateX(-50%);border: 1px dashed #ddf9fc;}
.effect .left .round:after{content: "";position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);border: 1px dashed #ddf9fc;}
.effect .left .round1{position: relative;width: 100%;height: 100%;box-shadow: 0px 0px 87px 0px rgba(230, 235, 253, 0.77);border-radius: 50%;padding: 45px;box-sizing: border-box;}
.effect .left .round2{position: relative;display: flex;width: 100%;height: 100%;box-shadow: 0px 0px 35px 0px rgba(230, 235, 253, 0.8);border-radius: 50%;text-align: center;align-items: center;justify-content: center;/* border: 1px dashed #ff8c7b;border-color: transparent #ff8c7b transparent transparent;*/transform: rotate(45deg);}
.effect .left .round2 svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 6;}
.effect .left .round2>.div_text{position: relative;z-index: 2;line-height: 30px;color: #17a1a6;font-size: 18px;font-family: "苹方";font-weight: bold;transform: rotate(-45deg);}
.effect .left .round1 li{position: absolute;height: 58px;width: 58px;line-height: 58px;color: #fff;border-radius: 50%;z-index: 3;text-align: center;}
.effect .left .round1 li .icon.iconfont{font-size: 28px;}
.effect .left .round1 .li1{top: 13px;left: 50%;transform: translateX(-50%);background: linear-gradient(to bottom,#8d8ef6,#6161ed);box-shadow: 0px 14px 35px 0px rgba(177, 127, 255, 0.4);}
.effect .left .round1 .li2{right: 13px;top: 50%;transform: translateY(-50%);background: linear-gradient(to bottom,#75ebf7,#49d7ee);box-shadow: 0px 14px 35px 0px rgba(76, 217, 239, 0.4);}
.effect .left .round1 .li3{bottom: 13px;left: 50%;transform: translateX(-50%);background: linear-gradient(to bottom,#92ddff,#64c0ff);box-shadow: 0px 14px 35px 0px rgba(96, 189, 255, 0.4);}
.effect .left .round1 .li4{left: 13px;top: 50%;transform: translateY(-50%);background: linear-gradient(to bottom,#cea8ff,#b07eff);box-shadow: 0px 14px 35px 0px rgba(177, 127, 255, 0.4);}
.effect .content:after{content: "";width: 0;display: block;clear: both;}
.effect .left{float: left;}
.effect .right{padding-top: 37px;width: 644px;float: right;}
.effect .right li{/* height: 76px;*/line-height: 76px;color: #343434;font-size: 20px;border-radius: 6px;padding: 0 30px;margin-bottom: 27px;}
.effect .right li .icon.iconfont{padding-right: 35px;font-size: 20px;color: #b5bdc6;}
.effect .right li:hover,
.effect .right li.active{background-color: #257dff;color: #fff;box-shadow: 0px 23px 35px 0px rgba(67, 112, 254, 0.28);}
.effect .right li:hover .icon.iconfont,
.effect .right li.active .icon.iconfont{color: #ffffff;}
.different{margin-top: 50px;padding-top: 93px;/* margin: 93px auto 0;*/line-height: 1;background-color: rgba(248 248 248);padding-bottom: 117px;}
.different .content{width: 1200px;margin: 0 auto;/* margin-top: 110px;*/}
.different .content ul{/* display: flex;flex-wrap: wrap;*/margin-top: 100px;padding-bottom: 52px;}
.different .content li{height: 286px;width: 344px;border-radius: 80px 0 0 0;box-sizing: ;}
/* .different ul li:not(:nth-child(3n)){margin-right: 84px;}*/
.different ul li .left,
.different ul li .right{float: left;}
.different ul li .right{width: 226px;/* box-shadow: 0px 0px 57px 0px rgba(52, 52, 52, 0.15);*/height: 100%;padding: 53px 15px 0;box-sizing: border-box;}
.different ul li .right .text{font-size: 20px;color: #343434;margin-bottom: 23px;font-family: "苹方";font-weight: bold;}
.different ul li .right .description{font-size: 14px;color: #666;line-height: 24px;text-align: left;}
.different .arrow{text-align: right;padding-right: 70px;font-size: 20px;font-weight: bold;}
.different .arrow span{padding-left: 20px;color: #d3d3d3;display: inline-block;cursor: pointer;}
.different .arrow span:hover{color: #17a1a6;}
.different .arrow span.prev{transform: rotate(-180deg);}
.advantage{width: 1200px;margin: 130px auto 130px;line-height: 1;}
.advantage .content{margin-top: 100px;display: flex;}
.advantage .content .left,.advantage .content .right{width: 512px;border: 1px solid #e5e5e5;}
.advantage .content .div_title{height: 86px;color: #fff;font-size: 26px;background-color: #161d2f;line-height: 86px;text-align: center;}
.advantage .content .right .div_title{background-color: #257dff;}
.advantage .content ul{box-sizing: border-box;padding: 0 26px;}
.advantage .content li{padding-top: 25px;height: 145px;border-bottom: 1px dashed #e5e5e5;box-sizing: border-box;}
.advantage .content li:last-child{border: none;}
.advantage .content li .text{position: relative;font-size: 20px;color: #161d2f;margin-bottom: 29px;}
.advantage .content .right li .text{color: #257dff;}
.advantage .content li .text:before{content: "";position: absolute;left: 0;bottom: -13px;width: 26px;height: 2px;background-color: #161d2f;}
.advantage .content .right li .text:before{background: #257dff;}
.advantage .content li .description{font-size: 16px;line-height: 24px;color: #999999;}
.advantage .content .center{width: 176px;display: flex;align-items: center;}
.advantage .content .center > div{margin-left: 50%;transform: translateX(-50%);}
.data{position: relative;width: 100%;height: 700px;/* margin-top: 115px;*/}
.data .bg{width: 100%;height: 100%;}
.data .bg img{width: 100%;height: 100%;}
.data .content{position: absolute;width: 1200px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.data .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;color: white;text-align: center;line-height: 1;}
.data .content ul .number{font-size: 54px;height: 54px;/* font-weight: 700;*/}
.data .content ul .number1{font-size: 54px;height: 54px;/* font-weight: 700;*/}
.data .content ul .number span{display: inline-block;margin-right: 10px;height: 60px;vertical-align: middle;margin-top: 20px;}
.data .content ul .number1 span{display: inline-block;margin-right: 10px;height: 60px;vertical-align: middle;margin-top: 20px;}
.data .content ul .sup1{font-size: 24px;}
.data .content ul .sup2{font-size: 36px;}
.data .content ul .text{margin-top: 33px;font-size: 16px;}
.data .content ul sup{font-size: 18px;}
.data .content ul:first-child{margin-bottom: 286px;}
.process{line-height: 1;padding-top: 117px;padding-bottom: 160px;background-color: #f8f8f8;}
.process .title_en,.process .title{width: 1200px;margin-left: auto;margin-right: auto;}
.process img{width: 100%;margin-top: 70px;}
.case .case-lists{margin-bottom: 127px;}
.footer{margin-top: 70px;}
@media only screen and (max-width: 1450px){.banner .left{top: 23%;left: 10%;}
.banner .left a{margin-top: 40px;}
.data{height: 500px;}
.data .content ul:first-child{margin-bottom: 100px;}
.case .case-lists{margin-bottom: 50px;}}