.prohead{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background:transparent!important;
}
.iconretal {
    display: inline-block;
    background: url("../../images/proj/retail/iconCommon.png") 0 0 no-repeat;
}
.retailCon{
    padding:75px 0 0;
    text-align: center;
}
.paddBottom{
    padding-bottom:70px;
}
.retailBanner{
    width:100%;
    height: 570px;
    background-image: linear-gradient(-39deg,
    #5b3a81 0%,
    #513e97 100%),
    linear-gradient(
            #3f308a,
            #3f308a);
    background-blend-mode: normal,
    normal;
}
.retailWrap{
    width:1200px;
    margin:auto;
}
.retailTxt{
    padding-top:190px;
}
.retailTxt h4{
    font-size: 56px;
    font-weight: normal;
    color: #d154f0;
}
.retailTxt h6{
    font-size: 22px;
    font-weight: normal;
    color: #ffffff;
    margin:25px 0 10px;
}
.retailTxt p{
    width:550px;
    line-height: 36px;
    font-size: 18px;
    font-weight: normal;
    color: #bdb7cc;
}
.bannerBtn{
    width: 153px;
    height: 48px;
    line-height: 48px;
    background-color: #646bf5;
    border-radius: 24px;
    text-align: center;
    cursor: pointer;
    margin-top:60px;
}
.bannerBtn a{
    width:100%;
    height:100%;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
}
.bannerImg{
    padding:162px 10px 0 0;
}
.bannerImg img{
    width:100%;
}
/*内容区*/
.solueCon{
    background:#fafbff url("../../images/proj/retail/solueBg.png") center bottom no-repeat;
}
.retailTitle{
    position:relative;
}
.retailTitle h3{
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    line-height: 36px;
    color: #333333;
    margin-bottom:70px;
    position:relative;
}
.retailTitle h3:before{
    content:"";
    width: 48px;
    height: 6px;
    background-image: linear-gradient(90deg,
    #5b4fd3 0%,
    #3dadfc 100%),
    linear-gradient(
            #6671e4,
            #6671e4);
    background-blend-mode: normal,
    normal;
    border-radius: 3px;
    position:absolute;
    bottom:-30px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
.retailTitle p{
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    color: #333333;
    text-align: left;
}
.solveCon{
    text-align: center;
}
/*传统零售的痛点*/
.painBox{
    width:100%;
    text-align: left;
    padding-top:0;
}
.painList{
    width:100%;
    background-color: #fbfaff;
    height: 196px;
    margin-bottom:30px;
    padding:65px 50px 0 215px;
    box-sizing: border-box;
    box-shadow: 0px 5px 29px 0px
    rgba(78, 129, 167, 0.1);
    position: relative;
}
.painBox .iconretal {
    position:absolute;
    left:65px;
    top:30px;
}
.painList_1 .iconretal1 {
    width:98px;
    height:133px;
    background-position: 0 0;
}
.painList_2 .iconretal2 {
    width:104px;
    height:132px;
    background-position: -108px 0;
}
.painList_3 .iconretal3 {
    width:101px;
    height:133px;
    background-position: -221px 0;
}
.painList h3{
    font-size: 30px;
    font-weight: normal;
    color: #333333;
    margin-bottom:20px;
}
.painList p{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}
.painList:hover{
    background-image: linear-gradient(90deg,
    #00b4ff 0%,
    #6a4aff 100%),
    linear-gradient(
            #fbfaff,
            #fbfaff);
    background-blend-mode: normal,
    normal;
}
.painList:hover h3{
    color:#fff;
}
.painList:hover p{
    color:#fff;
}
.overBox{
    width:100%;
}
.overBox ul{
    display: flex;
    justify-content: space-between;
}
.overBox ul li{
    width:270px;
    height:186px;
    background-color: #ffffff;
    box-shadow: 0px 3px 10px 0px
    rgba(5, 31, 162, 0.2);
    border-radius: 10px;
}
.overBox ul li.iconfw1{
    background-position: 0 -144px;
}
.overBox ul li.iconfw2{
    background-position: -280px -144px;
}
.overBox ul li.iconfw3{
    background-position: 0 -341px;
}
.overBox ul li.iconfw4{
    background-position: -280px -341px;
}
.modeCon{
    background:#f4f5f9;
}
.modeBox{
    width:100%;
    height:535px;
    background:url("../../images/proj/retail/mode.png") no-repeat;
}
/*服务范围*/
.retailWhite h3{
    color:#fff;
}
.retailWhite h3:before{
    background:#fff;
}
.stepBox{
    text-align: center;
    position:relative;
    font-size: 22px;
    font-weight: normal;
    line-height: 36px;
    color: #ffffff;
    display: inline-block;
    margin:40px auto 40px;
}
.stepBox:before{
    content:"";
    width: 4px;
    height: 20px;
    background-color: #ffffff;
    position:absolute;
    top:8px;
    left:-24px;
}
.stepBox span{
    font-family: Helvetica;
    font-size: 120px;
    font-weight: normal;
    line-height: 36px;
    color: #ffffff;
    opacity: 0.1;
    position:absolute;
    top:-18px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
.stepBlack{
    color:#333333;
}
.stepBlack:before{
    background-color: #7e73fe;
}
.stepBlack span{
    color: #dedded;
    opacity: 0.3;
}
.rangeCon{
    background:#3c3e64;
}
.rangeBox{
    width:100%;
    height:415px;
    background:url("../../images/proj/retail/range.png") center 0 no-repeat;
}
p.stepTxt{
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    color: #333333;
    margin:0 0 40px;
}
.logBox{
    width:700px;
    height:500px;
    background:url("../../images/proj/retail/logBg.png") no-repeat;
    margin:0 auto;
}
.sceneCon{
    height:761px;
    box-sizing: border-box;
    background:url("../../images/proj/retail/sceneBg.png") no-repeat;
}
.sceneBox{
    margin-top:30px;
}
.sceneBox ul li{
    width: 373px;
    height: 124px;
    background-color: #ffffff;
    box-shadow: 0px 5px 29px 0px
    rgba(45, 65, 116, 0.65);
    border-radius: 4px;
    float:left;
    margin-right:39px;
    padding:20px 30px 0 70px;
    box-sizing: border-box;
    text-align:left;
    margin-bottom:39px;
    position:relative;
}
.sceneBox ul li.secene_3,.sceneBox ul li.secene_6,.sceneBox ul li.secene_9{
    margin-right:0;
}
.sceneBox ul li.secene_7,.sceneBox ul li.secene_8,.sceneBox ul li.secene_9{
    margin-bottom:0;
}
.sceneBox ul li .iconretal{
    width:35px;
    height:40px;
    position:absolute;
    top:21px;
    left:21px;
}
.sceneBox ul li.secene_1 .iconretal{
    background-position: 0 -536px;
}
.sceneBox ul li.secene_2 .iconretal{
    background-position: -44px -536px;
}
.sceneBox ul li.secene_3 .iconretal{
    background-position: -88px -536px;
}
.sceneBox ul li.secene_4 .iconretal{
    background-position: -124px -536px;
}
.sceneBox ul li.secene_5 .iconretal{
    background-position: -169px -536px;
}
.sceneBox ul li.secene_6 .iconretal{
    background-position: -209px -536px;
}
.sceneBox ul li.secene_7 .iconretal{
    background-position: -209px -536px;
}
.sceneBox ul li.secene_8 .iconretal{
    background-position: -249px -536px;
}
.sceneBox ul li.secene_9 .iconretal{
    background-position: -291px -536px;
}
.sceneBox ul li h3{
    font-size: 18px;
    font-weight: normal;
    margin-bottom:5px;
    color: #333333;
}
.sceneBox ul li p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #8091a3;
}
/*一体化管理*/
.manageConBox{
    width:100%;
    height:460px;
    background:url("../../images/proj/retail/manageBg.png") no-repeat;
}
.growBox{
    width:940px;
    height:366px;
    background:url("../../images/proj/retail/grow.png") no-repeat;
    margin:0 auto;
}
.applyCon{
    background:#f4f5f9;
}
.applyBox{
    width:940px;
    height:465px;
    background:url("../../images/proj/retail/apply.png") no-repeat;
    margin:0 auto;
}
/*技术安全*/
.safeBox{
    width:1214px;
    height:294px;
}
.safeBox ul{
    width:100%;
    heigth:294px;
    margin-left:-7px;
}
.safeBox ul li{
    width: 220px;
    height: 294px;
    background-color: #ffffff;
    border-radius: 8px;
    margin-left:28px;
    float:left;
    padding-top:45px;
    box-sizing: border-box;
    box-shadow: 2px 2px 16px 10px rgba(52, 156, 255, 0.15);
}
.safeBox ul li:hover h4{
    color:#4d98f4;
}
.safeBox ul li:first-child{margin-left:0;}
.safeBox ul li .iconretal {
    width:52px;
    height:68px;
    margin:0 auto;
}
.safeBox ul li .picBox_1{background-position: -339px 0;}
.safeBox ul li .picBox_2{background-position: -401px 0;}
.safeBox ul li .picBox_3{background-position: -463px 0;}
.safeBox ul li .picBox_4{background-position: -339px -72px;}
.safeBox ul li .picBox_5{background-position: -401px -72px;}
.safeBox ul li h4{
    font-size: 16px;
    font-weight: bold;
    color: #2f434c;
    margin:25px 0 20px;
}
.safeBox ul li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #4e5e66;
}
.frameCon{
    width:100%;
    height:1280px;
    background:url("../../images/proj/retail/sceneBg.png") bottom center no-repeat;
}
.frameBox{
    width:100%;
    height:924px;
    box-shadow: 0px 2px 21px 0px rgba(45, 35, 80, 0.28);
    background:url("../../images/proj/retail/frameBg.png") no-repeat;
}