body{
    width: 100%;
    min-width: 1200px;
    padding: 0;
    margin: 0;
    font-family: Noto Sans S Chinese;
}
.code{
    width: 192px;
    height: 564px;
    background: url('../images/QRcode.png') no-repeat center / 100%;
    position: fixed;
    right: 8%;
    top: 200px;
    z-index: 996;
}
.mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 1200px;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 997;
}
.table{
position: fixed;
top: 50%;
left: 50%;
margin-top: -296px;
margin-left: -200px;
width: 400px;
height: 492px;
background: #FFFFFF;
border-radius: 16px;
box-sizing: border-box;
z-index: 999;
}
.succ{
padding: 40px 0;
position: fixed;
top: 50%;
left: 50%;
margin-left: -165px;
margin-top: -110px;
width: 400px;
height: 250px;
background: #FFFFFF;
border-radius: 16px;
box-sizing: border-box;
z-index: 998;
}
.succBox{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.succIcon{
    height: 60px;
    width: 60px;
    background: url('../images/success.png') no-repeat center / 100%;
}
.succP1{
height: 19px;
font-size: 18px;
font-family: PingFang SC;
font-weight: bold;
color: #505050;
line-height: 19px;
letter-spacing: 3px;
}
.succP2{
    height: 14px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #8B8B8B;
    line-height: 14px;
}
.tableHead{
    width: 100%;
    height: 188px;
    background: url('../images/head.png') no-repeat center /100%;
    transform: translateY(-44px);
}
.tableContent{
    padding:20px 45px 36px;
    height: 312px;
    transform: translateY(-44px);
}
.tableMessage{
height: 14px;
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #505050;
line-height: 14px;
text-align: center;
}
.tableInput{
    height: 180px;
    padding: 27px 0 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.name,.num,.comName{
width: 308px;
height: 51px;
border: 1px solid #1775FF;
border-radius: 5px;
box-sizing: border-box;
font-size: 14px;
text-align: center;
}
input:focus{
    outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
input[type="number"]{
    -moz-appearance:textfield;
}
.inputP::-webkit-input-placeholder {
    color: red;
}
.tabBtn{
    width: 100%;
    height: 53px;
    background: #FDA643;
    border-radius: 5px;
font-size: 22px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: 53px;
text-align: center;
cursor: pointer;
}
.cancel{
    width: 47px;
    height: 47px;
    background: url('../images/cancel.png') no-repeat center /100%;
    margin: 0 auto;
    margin-top: 50px;
cursor: pointer;
}
header{
    width: 100%;
    min-width: 1200px;
    height: 600px;
    display: flex;
    justify-content: center;
    background: url('../images/service/banner.png') no-repeat center /100% 100%;
    position: relative;
}

.headBtn{
    position: absolute;
    left: 19%;
    bottom: 138px;
    width: 171px;
    height: 52px;
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 52px;
    text-align: center;
    border-radius: 26px;
    background: -webkit-gradient(linear, 0 100%, 100% 100%, from(#29C8F9), to(#33E9D0)); /** Chrome Safari **/
    background: -moz-linear-gradient(left, #29C8F9, #33E9D0); /** FireFox **/
    background: -o-linear-gradient(left, #29C8F9, #33E9D0);  /** Opear **/
    background: -ms-linear-gradient(#29C8F9 0%,#33E9D0 100%);  /** IE9 IE10 **/
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#29C8F9',endColorstr='#33E9D0'); /** IE7 **/
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#29C8F9',endColorstr='#33E9D0',gradientType=1); /** IE8 **/
}
.navigation{
    width: 100%;
    min-width: 1200px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: #F0F5FB;
}
.navigationBtn1{
background: #3679FB;
color: #FFFFFF;
margin-right: 30px;
}
.navigationBtn2{
    background: #D2DBE5;
    color: #3679FB;
    margin-left: 30px;
}
.navigationBtn1,.navigationBtn2{
width: 211px;
height: 63px;
border-radius: 32px;
font-size: 28px;
font-weight: bold;
line-height: 63px;
text-align: center;
cursor: pointer;
transition: all .5s;
}
.bbox{
    height: 4445px;
    width: 100%;
    overflow: hidden;
}
.box{
    width: 200%;
    display: flex;
}
.box1,.box2{
    width: 100%;
    transition: all .5s;
}
.serviceFive{
    width: 100%;
    min-width: 1200px;
    padding: 50px 0;
    background: url('../images/bg.png') no-repeat center / 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.fiveTitelIcon{
    height: 80px;
    width: 80px;
    background:url('../images/service/01.png') no-repeat center/ 100%;
}

.fiveBox{
    height: 700px;
    max-width: 1400px;
    min-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.fiveTitle,.nineTitle,.securityTitle{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fiveContent{
    height: 450px;
    width: 1150px;
}
.fiveContent,.securityContent{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fiveContentItem{
    width: 266px;
    height: 350px;
    transition: height .1s
}
.fiveContentItem,.securityContentItem{
    background: #FFFFFF;
    box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    box-sizing: border-box;
}
.itemP{
    font-weight: 600;
    color: #8C8C8C;
    line-height: 28px;
    margin: unset;
    text-align: justify;
    text-justify: inter-ideograph;
}

#link1,#link2,#link3,#link4,#link5{
    margin-top: 15px;
    color: #DD1D2B;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.item3Arrow{
    display: inline-block;
    width: 16px;
    height: 7px;
    background: url('../images/service/arrow.png') no-repeat center /100%;
}
.itemImg1{
    width: 60px;
    height: 60px;
    background: url('../images/service/1.png') no-repeat center /100%;
}
.itemImg2{
    width: 60px;
    height: 60px;
    background: url('../images/service/2.png') no-repeat center /100%;
}
.itemImg3{
    width: 60px;
    height: 65px;
    background: url('../images/service/3.png') no-repeat center /100%;
}
.itemImg4{
    width: 60px;
    height: 60px;
    background: url('../images/service/4.png') no-repeat center /100%;
}
.itemImg5{
    width: 60px;
    height: 60px;
    background: url('../images/service/5.png') no-repeat center /100%;
}
.nineTitelIcon{
    height: 80px;
    width: 80px;
    background:url('../images/service/02.png') no-repeat center/ 100%;
}
.serviceNine{
    padding: 50px 0;
    min-width: 1200px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.nineBox{
    height: 900px;
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.nineImg{
    width: 100%;
    height: 600px;
    background: url('../images/service/img1.png') no-repeat center /auto 100%;
}
.serviceSmart,.serviceRanking,.serviceBtoB,.serviceQuestion{
    padding: 50px 0;
    width: 100%;
    min-width: 1200px;
    height: 650px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.itemIcon{
    display: inline-block;
    width: 24px;
    height: 21px;
    background: url('../images/service/succ.png') no-repeat center / 100%;
    vertical-align: middle;
    margin-right: 10px;
}
.listItem{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: unset;
}
.Box{
    width: 1200px;
    display: flex;
    justify-content: space-around;
}
.smartLeft ,.rankinnRight,.b2bLeft,.questionRight{
    width: 43%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.smartRightBox{
    height: 540px;
    width: 70%;
}
.smartRight{
    height: 100%;;
    background: url('../images/service/img4.png') no-repeat center/100% 100%;
}
.rankingLeft{
    width: 50%;
    height: 540px;
    background: url('../images/service/img3.png') no-repeat center/100% 90%;
}
.b2Right{
    width: 50%;
    height: 540px;
    background: url('../images/service/b2bimg.png') no-repeat center/100% 90%;
}
.questionLeft{
    width: 50%;
    height: 540px;
    background: url('../images/service/img2.png') no-repeat center/100% 100%;
}

.b2bImg{
    margin-top: 50px;
    width: 100%;
    height: 140px;
    background: url('../images/service/fri1.png') no-repeat center /110%;
}
.questionImg{
    margin-top: 50px;
    width: 100%;
    height: 83px;
    background: url('../images/service/fri2.png') no-repeat center /120%;
}
.serviceSecurity{
    padding: 50px 0;
    height: 600px;
    min-width: 1200px;
    width: 100%;
    background: url('../images/service/serviceimg.png') no-repeat bottom /100% 250px;
    display: flex;
    justify-content: center;
}
.securityTitle{
    margin-bottom: 50px;
}
.serviceSecurityBox{
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.securityTitelIcon{
    width: 80px;
    height: 80px;
    background: url('../images/service/03.png') no-repeat center /100%;
}
.securityContentItem{
    width: 18%;
    height: 250px;
}
.securityItemP{
    font-weight: 600;
    color: #000;
    line-height: 28px;
    margin: unset;
    text-align: center
}
.securityItemImg1{
    width: 80px;
    height: 80px;
    background: url('../images/service/11.png') no-repeat center/ 100%;
}
.securityItemImg2{
    width: 80px;
    height: 80px;
    background: url('../images/service/22.png') no-repeat center/ 100%;
}
.securityItemImg3{
    width: 80px;
    height: 80px;
    background: url('../images/service/33.png') no-repeat center/ 100%;
}
.securityItemImg4{
    width: 80px;
    height: 80px;
    background: url('../images/service/44.png') no-repeat center/ 100%;
}
.securityItemImg5{
    width: 80px;
    height: 80px;
    background: url('../images/service/55.png') no-repeat center/ 100%;
}

.company{
    min-width: 1200px;
    width: 100%;
    height: 1170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #F0F5FB;
    padding: 127px 0 135px;
    position: relative;
}
.bottomImg{
    width: 1200px;
    height: 471px;
    position: absolute;
    bottom: 20px;
    left:45%;
    transform: translateX(-50%);
    z-index: 999;
}
.campanyBox{
    width: 1200px;
    height: 550px;
    background: url('../images/case/bg1.png') no-repeat center/ 100% 100%;
    box-shadow: 0 0 10px 7px rgba(12,62,190,.3);
    padding: 0 67px 104px;
    box-sizing: border-box;
}
.headimg{
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}
.headLeft{
    height: 136px;
    width: 136px;
    background: url('../images/case/iconhead.png') no-repeat center / 100%;
}
.headRight{
    width: 700px;
    height: 86px;
    margin-left: 35px;
    font-size: 44px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 86px;
    text-align: center;
    background: -moz-linear-gradient(top, #5338EB 0%, #5FB2FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5338EB), color-stop(100%,#5FB2FF));
    background: -webkit-linear-gradient(top, #5338EB 0%,#5FB2FF 100%);
    background: -o-linear-gradient(top, #5338EB 0%,#5FB2FF 100%);
    background: -ms-linear-gradient(top, #5338EB 0%,#5FB2FF 100%);
    background: linear-gradient(to bottom, #5338EB 0%,#5FB2FF 100%);
}
.companyBottom{
    transform: translateY(-10%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.companyP{
    display: flex;
    justify-content: space-between;
}
.pI{
    height: 53px;
    line-height: 53px;
}
.pTitle{
    display: inline-block;
    width: 132px;
    font-size: 24px;
    font-weight: bold;
    background: rgba(13,124,228,.12);
    color: #2435D2;
    text-align: center;
}
.pText,.pText2{
font-size: 22px;
font-weight: 500;
color: #2D2C2C;
margin-left: 17px;
}
.pText2{
    text-align:justify;   /* 所有行两端对齐 */
    text-justify:inter-ideograph;    /* 最后一行居左对齐 */
}


.questionBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.quesContent{
    width: 1200px;
    display: flex;
    justify-content: space-between;
}
.quesTitle{
    width: 497px;
    height: 66px;
    background: url('../images/case/quahead.png') no-repeat center /100%;
    font-size: 36px;
    font-weight: bold;
    color: #5338EB;
    line-height: 50px;
    text-align: center;
    margin-bottom: 85px;
}
.quesItem1{
    background:url('../images/case/bg3.png') no-repeat center /100%;
}
.quesItem2{
    background:url('../images/case/bg2.png') no-repeat center /100%;
}
.quesItem1,.quesItem2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 561px;
    height: 344px;
    box-shadow: 0 0 10px 7px rgba(12,62,190,.3);
    position: relative;
    padding: 0 66px 0 57px;
    box-sizing: border-box;
}
.item1Icon{
    background: url('../images/case/icon2.png') no-repeat center / 100% 100%;
}
.item2Icon{
    background: url('../images/case/icon1.png') no-repeat center / 100% 100%;
}
.item1Icon,.item2Icon{
    width: 112px;
    height: 112px;
    border-radius: 100%;
    position: absolute;
    top: -30px;
    right: -25px;
    box-shadow:5px -5px 10px 5px rgba(12,62,190,.3);
}

.itemText{
    width: 438px;
font-size: 22px;
font-weight: 500;
color: #2D2C2C;
line-height: 44px;
text-align:justify;   /* 所有行两端对齐 */
text-justify:inter-ideograph;    /* 最后一行居左对齐 */
}
.itemTitle{
font-size: 47px;
font-weight: bold;
line-height: 48px;
margin-right: 10px;
background-image:-webkit-linear-gradient(bottom,#5FB2FF,#5338EB); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent; 
}

.solution{
    height: 6850px;
    width: 100%;
    min-width: 1200px;
    display: flex;
    justify-content: center;
}
.solutionBox{
    height: 100%;
    width: 1200px;
}
.planHead{
    height: 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0 150px;
    box-sizing: border-box;
}
.solutionHeadBg{
    width: 530px;
    height: 104px;
    background:url('../images/case/solution.png') no-repeat center /100% 100%;
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
line-height: 80px;
text-align: center;
}
.solutionHeadText{
height: 118px;
font-size: 22px;
font-weight: 500;
color: #2D2C2C;
line-height: 48px;
text-align:justify;   /* 所有行两端对齐 */
text-justify:inter-ideograph;    /* 最后一行居左对齐 */
}
.plan1,.plan2,.plan3Up,.plan3Down,.plan4Up,.plan4Down{
    width: 100%;
    padding-bottom: 150px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.plan1right{
    width: 665px;
    height: 317px;
    border-radius: 6px;
    background: url('../images/case/goodscreat.jpg') no-repeat center/ 100% 100%;
    box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
}
.plan1Title{
width: 282px;
}
.plan2Left{
width: 612px;
height: 318px;
border-radius: 6px;
background: url('../images/case/effectshow.png') no-repeat center / 100% 100%;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
}
.plan2Title{
width: 450px;    
}
.plan1Title,.plan2Title,.plan3Title,.plan4Title,.plan5title,.plan6title{
height: 63px;
background: #3C9CF7;
border-radius: 18px;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
line-height: 63px;
text-align: center;
}
.plan1Text,.plan2Text,.plan3Text,.plan4Text,.plan4DownText,.plan5Text,.plan6Text{
    margin-top: 40px;
}
.plan1Text,.plan2Text,.plan3Text,.plan3DownText,.plan4Text,.plan4DownText,.plan5Text,.plan6Text{
font-size: 18px;
font-weight: 600;
color: #2D2C2C;
line-height: 28px;  
text-align:justify;   /* 所有行两端对齐 */
text-justify:inter-ideograph;    /* 最后一行居左对齐 */
}
.plan1Text,.plan3Text,.plan4Text{
    width: 431px;
}
.plan3DownText{
    margin-top: 20px;
}
.plan2Text,.plan3DownText,.plan4DownText{
    width: 450px;
}
.plan3Up,.plan3Down{
    height: 812px; 
    position: relative;
}
.plan4Down{
    height: 835px; 
    position: relative;
}
.plan4Up{
    position: relative;
}
.plan3UpLeft,.plan4UpLeft{
    width: 430px;
}
.plan3Title{
    width: 160px;
}
.plan4Title{
    width: 304px;
}
.plan3UpRight{
    width: 665px;
    height: 463px;
    border-radius: 6px;
    box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
    background: url('../images/case/ai1.png') no-repeat center / 100% 100%;
}
.plan4UpRight{
    width: 697px;
    height: 463px;
    border-radius: 6px;
    box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
    background: url('../images/case/Aladdin2.png') no-repeat center / 100% 100%;
}
.plan3UpCenterImg{
position: absolute;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
width: 675px;
height: 427px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
background: url('../images/case/ai2.png') no-repeat center / 100% 100%;
}
.plan3DownLeft{
width: 669px;
height: 454px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
background: url('../images/case/ai4.png') no-repeat center / 100% 100%;
}
.plan4DownLeft{
    width: 639px;
height: 531px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
background: url('../images/case/Aladdin3.png') no-repeat center / 100% 100%;
}
.plan3DownCenterImg{
position: absolute;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
width: 674px;
height: 504px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
background: url('../images/case/ai3.png') no-repeat center / 100% 100%;
}
.plan4DownCenterImg{
position: absolute;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
width: 540px;
height: 414px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
background: url('../images/case/Aladdin4.png') no-repeat center / 100% 100%;
}

.plan4DownCenterImg2{
position: absolute;
bottom: 225px;
right: 0;
width: 500px;
height: 386px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
background: url('../images/case/Aladdin1.png') no-repeat center / 100% 100%;
}
.plan5,.plan6{
    width: 100%;
    padding-bottom: 150px;
    box-sizing: border-box;
}
.plan5title{
    width: 241px;
}
.plan5img,.plan6img{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.plan5img1,.plan5img2,.plan5img3,.plan5img4{
    width: 566px;
height: 385px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
}
.plan5img1{
    background: url('../images/case/ai1.png') no-repeat center / 100% 100%;
    margin-bottom: 24px;
}
.plan5img2{
    background: url('../images/case/ai2.png') no-repeat center / 100% 100%;
    margin-bottom: 24px;
}
.plan5img3{
    background: url('../images/case/ai3.png') no-repeat center / 100% 100%;
}
.plan5img4{
    background: url('../images/case/ai4.png') no-repeat center / 100% 100%;
}

.plan5Text,.plan6Text{
    margin-bottom: 57px;
}
.plan6title{
    width: 276px;
}
.plan6img1,.plan6img2,.plan6img3,.plan6img4{
width: 566px;
height: 452px;
border-radius: 6px;
box-shadow: 0 0 5px 5px rgba(204, 204, 204, .5);
}

.plan6img1{
    background: url('../images/case/qua1.png') no-repeat center / 100% 100%;
    margin-bottom: 24px;
}
.plan6img2{
    background: url('../images/case/qua2.png') no-repeat center / 100% 100%;
    margin-bottom: 24px;
}
.plan6img3{
    background: url('../images/case/qua3.png') no-repeat center / 100% 100%;
}
.plan6img4{
    background: url('../images/case/qua4.png') no-repeat center / 100% 100%;
}