.flex{display: flex;flex-flow: wrap;justify-content: space-between;}

.importance h3{font-size: 20px;color: #000;line-height: 2;margin-top: 25px;font-weight: 700;}
.importance p{font-size: 14px;color: #333;}
.importance ul{display: flex;flex-flow: nowrap;justify-content: space-between;padding: 60px 0 70px;}
.importance ul li{width: calc(98%/3);}
.importance ul li img{transition: 1s all;}
.importance ul li:hover img{transition: 1s all;transform: rotateY(180deg);}


.power{background-color: #f5f5f5;}
.power ul{padding: 60px 0 70px;}
.power ul li{width: calc(100%/3);}
.power ul li p{font-size: 14px;color: #333;line-height: 60px;border: 1px solid #f5f5f5;background-color: #fff;}
.power ul li p:first-child{background-color: #7be3ff;font-size: 20px;font-weight: 700;}
.power ul li:hover p:first-child{background-color:#b1eefe;}

.bgc{background:-webkit-linear-gradient(135deg,rgb(150, 62, 240),rgb(80, 103, 243));}
.bgtitle{font-size: 30px;color: #fff;padding-top: 75px;}
.bgdetial{font-size: 14px;color: #fff;padding-top: 5px;}


.method ul{padding: 60px 120px 20px;}
.method ul li{width: calc(70%/3);margin-right: 15%;margin-bottom: 55px;}
.method ul li:nth-of-type(3n){margin-right: 0;}
.method ul li{}
.method ul li>div{display: inline-block;font-size: 14px;height: 75px;}
.method ul li>div:first-child{float: left;}
.method ul li>div:last-child{float: right;}
.method ul li>div:last-child h3{padding-top: 5px;line-height: 2;text-align: left;font-size: 20px}

.method ul li .iconbg{display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 200px;
    transition: 0.6s all ease-in-out;
    position: relative;
}
.method ul li:hover .iconbg{
	transition: 0.6s all ease-in-out;
    transform: scale(1.1);
}
.method ul li .iconbg:before{
	content: "";
    display: block;
    width: 80%;
    height: 80%;
    background-color: #2aa7ff;
    opacity: 1;
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 100px;
    z-index: -1;
    transition: 0.6s all ease-in-out;}
	
.method ul li:hover .iconbg:before{
animation: ripples-out 1.2s ease-in-out infinite;
}

.three img{padding: 60px 0 60px;}
.three .left,.three .right{position: absolute;top: 205px;}
.three .left{left: 170px;}
.three .left p{text-align: right;margin-bottom: 25px;}
.three .left p:nth-child(2){margin-right: 25px;}
.three .left p:nth-child(3){margin-right: 50px;}
.three .left p:nth-child(4){margin-right: 75px;}
.three .left p:nth-child(5){margin-right: 100px;}

.three .right{right: 240px;}
.three .right p{text-align: left;margin-bottom: 25px;}
.three .right p:nth-child(2){margin-left: 25px;}
.three .right p:nth-child(3){margin-left: 50px;}
.three .right p:nth-child(4){margin-left: 75px;}
.three .right p:nth-child(5){margin-left: 100px;}
.three p i{font-style: normal;color: #efc83e;} 

.bgc2{background:-webkit-linear-gradient(0deg,rgb(75, 21, 237),rgb(125, 77, 229));}
.choose ul{padding: 60px 180px 80px;}
.choose ul li{width: calc(90%/3);margin-bottom: 20px;transition: 0.5s all;}
.choose ul li:hover{transition: 0.5s all;transform: translate3d(0,-5px,0);}
.choose .bolang{background:url(../images/customization/bolang.png) repeat bottom center;width: 100%;height: 105px;position: absolute;bottom: 0;}

.case{background:-webkit-linear-gradient(135deg,rgb(146, 97, 237),rgb(101, 110, 255),rgb(135, 143, 248));}
.case_wuheyi {text-align:left;-webkit-size-text-adjust:none;padding: 50px 150px;}
.case_wuheyi li{position:relative;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:30px;display:inline-block;width:374px;width:-webkit-calc((100% - 100px) / 2);width:-moz-calc((100% - 100px) / 2);width:calc((100% - 100px) / 2);margin-right:50px;background:#fff;}
.case_wuheyi li:nth-of-type(3n){margin-right:0;}
.case_wuheyi .moban_image{position:relative;}
.case_wuheyi .moban_image .moban_pc{height:243px;border-bottom:1px solid #eeeeee;overflow:hidden;}
.case_wuheyi .moban_pc>img{width:100%;height:auto;}
.case_wuheyi .moban_phone{position:absolute;bottom:-21px;right:10px;z-index:2;padding-bottom: 10px;background: url(../images/customization/moban_shadow.png) no-repeat 50% 100%;background-size:100% auto;}
.case_wuheyi span{font-size:12px;display:block;line-height: 24px;}
.case_wuheyi .case_top span{width:4px;height:4px;border-radius:100%;background:#fff;display: inline-block;vertical-align: middle;margin-right:3px;margin-top: 8px;}
.case_wuheyi .case_top{padding-left:12px;background:#e4e4e4;height:20px;line-height:18px;}
.case_wuheyi .moban_price{color:#ff0000;font-family:Georgia;float:right;}
.case_wuheyi .moban_content span{width:100%;display:block;color:#888888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px;font-family:"Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";}
.case_wuheyi .moban_content .moban_name{color:#333333;font-size:16px;}
.case_wuheyi .moban_edition{float:right;}
.case_wuheyi .moban_sales font{color:#b57c5b;}
.case_wuheyi .moban_sales{text-align:center;line-height:35px;width:-moz-calc(100% - 184px);width:-webkit-calc(100% - 184px);width:calc(100% - 184px);float:left;}
.case_wuheyi .moban_content{float:left;padding:32px 10px 23px 20px;box-sizing:border-box;width:-moz-calc(100% - 102px);width:-webkit-calc(100% - 102px);width:calc(100% - 102px);}
.case_wuheyi .moban_content_mobile{display: none;}
.case_wuheyi .moban_use{-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;line-height:35px;width:184px;border-left: 1px solid #eeeeee;font-size:12px;display:block;box-sizing:border-box;text-align:center;float:left;}
.case_wuheyi .moban_use:hover{background:rgba(255, 0, 0, 1);color:#fff;border-color:rgba(255, 0, 0, 1);}
.case_wuheyi .moban_buy{width:102px;float:right;padding: 45px 10px 0 0;box-sizing: border-box;text-align: right;}
.case_wuheyi .moban_buy a{display:inline-block;width:35px;height:35px;border:1px solid #d5d8e1;-o-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.case_wuheyi .moban_buy .case_preview{background:url(../images/customization/case_preview.png) no-repeat 50% 50%;}
.case_wuheyi .moban_buy .case_code{background:url(../images/customization/case_code.png) no-repeat 49% 49%;margin-left:10px;}
.case_wuheyi .moban_buy .case_preview:hover{background:#e83632 url(../images/customization/case_preview_hover.png) no-repeat 50% 50%;border:1px solid #eeeeee;}
.case_wuheyi .moban_buy .case_code:hover{background:#e83632 url(../images/customization/case_code_hover.png) no-repeat 49% 49%;border:1px solid #eeeeee;}
.case_wuheyi .moban_buy .case_code:hover .code_mask{z-index: 5;filter:alpha(opacity=100);opacity:1;}
.case_wuheyi .moban_buy .code_mask{-o-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;filter:alpha(opacity=0);opacity:0;z-index:-1;box-sizing: border-box;padding-top:40px;clear:both;position: absolute;width: 100%;left: 0;top: 20px;height:270px;background:rgba(24,24,24,0.9);}
.case_wuheyi .moban_buy .code_mask:after{content:"";width:0;height:0;border-width:8px;border-color:rgba(24,24,24,0.9) transparent transparent transparent;position:absolute;bottom:-16px;border-style:solid;right: 22px;}
.case_wuheyi .moban_buy .code_mask img{width:130px;height:130px;display:inline-block;margin:15px 0;}
.case_wuheyi .code_mask div{text-align:center;float:left;width:50%;}
.case_wuheyi .code_mask h4,.case_wuheyi .code_mask p{font-weight: normal;font-size: 14px;color: #fff;font-family: "Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";}
.case_wuheyi .code_mask h4 font{display:none;}
.case_wuheyi .moban_image:hover .preview_pc{filter:alpha(opacity=100);opacity: 1;}
.case_wuheyi .moban_image:hover .preview_phone{filter:alpha(opacity=100);opacity: 1;}
.case_wuheyi .preview_pc,.case_wuheyi .preview_phone{display: block;position: absolute;width:100%;height:100%;z-index:1;top:0;left:0;background: rgba(0,0,0,.6);filter:alpha(opacity=0);opacity: 0;-webkit-transition: all ease-in .2s;-moz-transition: all ease-in .2s;-o-transition: all ease-in .2s;transition: all ease-in .2s;}
.case_wuheyi .preview_pc img{left:50%;top:50%;position:absolute;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.case_wuheyi .moban_icon{z-index:3;display:table;position:absolute;top:0;right:0;}
.case_wuheyi .moban_icon span{font-family:"Microsoft Yahei";font-size:12px;color:#f5f5fa;line-height:20px;padding:0 10px;display:block;float:left;}
.case_wuheyi .discount_icon{background:#ff5722;}
.case_wuheyi .wuheyi_icon{background:#2593ff;}
.case_wuheyi .industry_icon{background:#00b262;}

.case_wuheyi .viewPhone {overflow: hidden;border: 1px solid #bbb;border-radius: 12px;background: #f5f5f5;width: 95px;box-sizing: border-box;}
.case_wuheyi .viewTitle {text-align: center;}
.case_wuheyi .dian {height: 10px;overflow: hidden;}
.case_wuheyi .heng{text-align:center;margin-bottom:7px;}
.case_wuheyi .heng span {display:inline-block;height:1px;background:#d4d4d4;width:16px;}
.case_wuheyi .viewMain{width:82px;height:135px;border:1px solid #d4d4d4;margin:0 auto;position:relative;overflow:hidden;}
.case_wuheyi .viewMain img{width: 100%;height: auto;}
.case_wuheyi .quan {width: 14px;height: 14px;border: 1px solid #bbb;margin: 4px auto 5px;border-radius: 100%;}
.case_wuheyi .viewMain .preview_phone img{width:auto;left:50%;top:50%;position:absolute;-o-transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}



.order ul{padding: 60px 180px 80px;}
.order ul li{width: 49%;background-color: #7d4de5;padding: 60px 0 45px;line-height: 1.7;border-radius:10px;margin-bottom: 20px;}
.order ul li:nth-of-type(3){width: 100%;font-size: 25px;padding: 25px 0;}

.order ul li h3{font-size: 24px;margin-bottom: 10px;}
.order ul li p{text-align: left;font-size: 20px;}
.order ul li .content{width: 157px;margin: 0 auto;position: relative;z-index: 2;}
.order ul li .content2{width: 138px;margin: 0 auto;position: relative;z-index: 2;}
.order ul li .r{text-align: right;}
.order>div>img{position: absolute;}
.order .jiantou1{top: 530px;left: 277px;}
.order .jiantou2{top: 550px;left: 462px;}
.order .jiantou3{top: 580px;left: 487px;}

.team h1{font-size: 44px;}
.team p{font-size: 20px;border: 1px solid #6933b3;width: 43%;margin: 0 auto;padding: 5px 0;}
.team>div{background:-webkit-linear-gradient(rgb(34, 0, 107),rgb(96, 0, 202));padding: 35px 0;}

.why{background:-webkit-linear-gradient(135deg,rgb(125, 77, 229),rgb(118, 75, 241));padding-bottom: 15px;}
.why ul{margin:50px 40px 0;}
.why ul li{background-color: #fff;width: calc(98%/3);padding: 30px 0;color: #333;}
.why ul li:first-child{border-bottom-left-radius: 30px;border-top-left-radius: 30px;}
.why ul li:last-child{border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
.why ul li img{vertical-align: top;margin-right: 10px;}
.why ul li>div>div{display: inline-block;font-size: 12px;color: #333;}
.why ul li>div>div h1{    font-size: 30px;text-align: left;line-height: 1;margin-bottom: 5px;}
.why ul li>p{line-height: 2.5;margin-top: 10px;}
.why>img{margin: 45px 0;}

.zizhi{background:-webkit-linear-gradient(135deg,rgb(125, 77, 229),rgb(118, 75, 241));padding-bottom: 15px;}
.zizhi ul{margin:50px 40px;}
.zizhi ul li{width: calc(90%/6);}
.zizhi ul li img{width: 100%;}

@-webkit-keyframes ripples-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
@-moz-keyframes ripples-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
@-o-keyframes ripples-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes ripples-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}