html body {
    caret-color: transparent;
    overflow-x: hidden;
    margin:0px;
    padding:0px;
}

.menu {
    position:fixed;
    height: 64px;
    background-color: rgba(0, 7, 21, 0.8);
    z-index: 1000;
}

.body {
}

.foot {
    width: 100%;
    height: 765px;
    background-image: url(../image/foot.png);
    background-size: 100% 765px;
}

.inner {
    max-width: 1300px;
    margin: auto;
}

.inner2 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.logo {
    float: left;
    position: absolute;
    background-image: url(../image/logo.png);
    background-size: 127px 44px;
    width: 127px;
    height: 44px;
    top: 10px;
}

.contents {
    float: right;
}

.list {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

.list li {
    position: relative;
    float: left;
    line-height: 61px;
    height: 61px;
    font-weight: bold;
    list-style: none outside none;
}

.item {
    width: 154px;
    height: 64px;
    color: white;
    text-align: center;
    font-size: 16px;
    caret-color: transparent;
    cursor: pointer;
}

.item-mouseover {
    background-color: rgba(16, 134, 253, 0.3);
}

.item-checked {
    background-color: rgba(16, 134, 253, 1);
}

.head-index {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 536px;
    background-image: url(../image/bg_index.png);
    background-size: 100% 536px;
    display: none;
}

.head-solution {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 536px;
    background-image: url(../image/bg_solution.png);
    background-size: 100% 536px;
    display: none;
}

.head-product {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 536px;
    background-image: url(../image/bg_product.png);
    background-size: 100% 536px;
    display: none;
}

.head-case {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 536px;
    background-image: url(../image/bg_case.png);
    background-size: 100% 536px;
    display: none;
}

.head-about {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 800px;
    background-image: url(../image/bg_about.png);
    background-size: 100% 800px;
    display: none;
}

.head-contact {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 630px;
    display: none;
}

.head-index .title {
    position: relative;
    padding-top: 120px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #347AFC;
}

.head-index .title2 {
    position: relative;
    padding-top: 12px;
    font-size: 44px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #FF2828;
}

.head-index .title3 {
    position: relative;
    padding-top: 10px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #50B2FF;
}

.head-index .title4 {
    position: relative;
    margin-top: 51px;
    width: 525px;
    height: 160px;
    background: linear-gradient(90deg, rgba(14, 131, 224, 0.2), rgba(0, 150, 255, 0.2));
    border-radius: 4px;
}

.head-index .title4 p {
    margin-top: 0px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3F8DCC;
    line-height: 40px;
    margin-left: 15px;
}

.head-solution .title {
    position: absolute;
    top: 220px;
    color: #FFFFFF;
    font-size: 60px;
    font-family: PingFang SC;
    font-weight: 800;
}

.head-solution .title2 {
    position: absolute;
    top: 447px;
    width: 690px;
    color: #E5F4FF;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.head-product .title {
      position: absolute;
    top: 220px;
    color: #FFFFFF;
    font-size: 60px;
    font-family: PingFang SC;
    font-weight: 800;
    /* position: absolute;
    top: 320px;
    color: #FFFFFF;
    font-size: 60px;
    font-family: PingFang SC;
    font-weight: 800; */
}

.head-product .title2 {
    position: absolute;
    top: 447px;
    width: 710px;
    color: #E5F4FF;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.head-case .title {
      position: absolute;
    top: 220px;
    color: #FFFFFF;
    font-size: 60px;
    font-family: PingFang SC;
    font-weight: 800;
    /* position: absolute;
    top: 238px;
    width: 240px;
    color: #FFFFFF;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    left: 50%;
    margin-left: -120px; */
}

.head-about .head-title-logo {
    position: absolute;
    top: 188px;
    left: 50%;
    margin-left: -227.5px;
    width: 455px;
    height: 159px;
    background-image: url(../image/bg_logo.png);
    background-size: 455px 159px;
}

.head-about .box {
    max-width: 1437px;
    margin: auto;
}

.head-about .box .box-content {
    position: absolute;
    top: 402px;
    width: 1437px;
}

.head-about .box .box-content p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 45px;
}

.head-title-show {
    display: block;
}

.body-content {
    display: none;
}

.body-content-show {
    display: block;
}

.foot-head {
    position: relative;
    top: 211px;
    width: 100%;
}

.foot .title {
    position: relative;
    text-align: center;
    font-size: 44px;
    font-weight: 400;
    width: 100%;
    line-height: 30px;
    caret-color: transparent;
}

.foot .title1 {
    position: relative;
    top: 14px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    caret-color: transparent;
}

.foot .foot-filing {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    bottom: 21px;
}

.foot-qrcode {
    position: absolute;
    top: 350px;
    width: 100%;
}

.foot-qrcode .qrcode {
    position: relative;
    background-image: url(../image/qrcode.png);
    background-size: 125px 125px;
    width: 125px;
    height: 125px;
    left: 50%;
    margin-left: -62.5px;
}

.foot-qrcode .title2 {
    text-align: center;
    margin-top: 22px;
    color: rgba(128,128,128,1);
    font-size: 14px;
}

.foot .synopsis {
    position: absolute;
    width: 455px;
    height: 172px;
    top: 350px;
    left: 240px;
}

.foot .synopsis p {
    color: rgba(102,102,102,1);
    font-size: 16px;
    line-height: 52px;
}

.foot .reserved {
    position: absolute;
    top: 350px;
    right: 240px;
    width: 400px;
    height: 175px;
}

.reserved-title {
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    line-height: 28px;
    width: 185px;
    border-top: none;
    border-left: none;
    border-right: none;
    caret-color: rgba(153, 153, 153, 1);
    margin-right: 10px;
    margin-bottom: 30px;
}

.reserved-content {
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    line-height: 28px;
    width: 384px;
    border-top: none;
    border-left: none;
    border-right: none;
    caret-color: rgba(153, 153, 153, 1);
    margin-right: 10px;
}

.reserved-button {
    width: 120px;
    height: 40px;
    float: right;
    margin-right: 16px;
    margin-top: 30px;
    background-color: rgba(16, 134, 253, 1);
    border: none;
    border-radius: 35px;
    color: white;
    cursor: pointer;
}

.module-solution {
    height: 741px;
}

.module-product {
    position: relative;
    width:100%;
    height: 1260px;
    background-color: #F2F6FA;
}

.module-service {
    position:relative;
    height: 886px;
    width:100%;
    background-image:url(../image/bg_module_service.png);
    background-size:100% 886px;
}

.module-service .title {
    position: absolute;
    top: 80px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-service .loop {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 233px;
    left:50%;
    margin-left:-202px;
    border: 2px solid #DFDFE6;
    border-radius: 50%;
}

.module-service .loop2 {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 283px;
    left: 50%;
    margin-left: -152px;
    border: 2px solid #DFDFE6;
    border-radius: 50%;
}

.module-service .loop2 .dot1 {
    position: absolute;
    top: 2px;
    left: 196px;
    width: 15px;
    height: 15px;
    background: #DFDFE6;
    border-radius: 50%;
}
.module-service .loop2 .dot2 {
    position: absolute;
    top: 190px;
    left: -1px;
    width: 15px;
    height: 15px;
    background: #DFDFE6;
    border-radius: 50%;
}
.module-service .loop2 .dot3 {
    position: absolute;
    top: 253px;
    left: 246px;
    width: 15px;
    height: 15px;
    background: #DFDFE6;
    border-radius: 50%;
}

.module-service .loop .dot1 {
    position: absolute;
    top: 55px;
    left: 43px;
    width: 18px;
    height: 18px;
    background: #1086FD;
    border-radius: 50%;
}

.module-service .loop .dot2 {
    position: absolute;
    top: 55px;
    right: 43px;
    width: 18px;
    height: 18px;
    background: #1086FD;
    border-radius: 50%;
}

.module-service .loop .dot3 {
    position: absolute;
    top: 191px;
    left: -10px;
    width: 18px;
    height: 18px;
    background: #1086FD;
    border-radius: 50%;
}

.module-service .loop .dot4 {
    position: absolute;
    top: 191px;
    right: -10px;
    width: 18px;
    height: 18px;
    background: #1086FD;
    border-radius: 50%;
}

.module-service .loop .dot5 {
    position: absolute;
    top: 328px;
    left: 43px;
    width: 18px;
    height: 18px;
    background: #1086FD;
    border-radius: 50%;
}

.module-service .loop .dot6 {
    position: absolute;
    top: 328px;
    right: 43px;
    width: 18px;
    height: 18px;
    background: #1086FD;
    border-radius: 50%;
}

.module-service .loop3 {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 333px;
    left: 50%;
    margin-left: -100px;
    background-image: url(../image/service_icon.png);
    background-size: 200px 200px;
}

.module-service .label {
    position: absolute;
    width: 134px;
    height: 40px;
    text-align:center;
    border: 2px solid #DFDFE6;
    border-radius: 20px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 37px;
    cursor:pointer;
}
.module-service .label1 {
    top:278px;
    left:510px;
}
.module-service .label2 {
    top: 278px;
    right: 510px;
}
.module-service .label3 {
    top:413px;
    left:457px;
}
.module-service .label4 {
    top: 413px;
    right: 457px;
}
.module-service .label5 {
    top:548px;
    left:510px;
}
.module-service .label6 {
    top: 548px;
    right: 510px;
}

.module-service .window {
    position: absolute;
    width: 180px;
    height: 117px;
    background-color: rgba(0,0,0,0.8);
    border-radius: 15px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height:30px;
    padding-left:10px;
    padding-top:10px;
}

.module-flow {
    position: relative;
    width: 100%;
    height: 786px;
}

.module-flow .inner1{
    position: relative;
    width: 100%;
    height: 354px;
}
.module-flow .inner2 {
    position: relative;
    width: 100%;
    height: 432px;
    background: linear-gradient(0deg, rgba(14, 131, 224, 0.1), rgba(14, 131, 224, 0));
}

.module-flow .inner2 .title {
    position: absolute;
    top: 92px;
    left: 240px;
    text-align: left;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}
.module-flow .inner2 .content {
    position: absolute;
    top:143px;
    left: 240px;
    text-align: left;
    width: 45%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #667380;
    line-height: 30px;
}
.module-flow .inner2 .icon{
    position:absolute;
    z-index:-1;
    right:211px;
    top:26px;
    width:410px;
    height:346px;
    background-image:url(../image/flow1.png);
    background-size:410px 346px;
}
.module-flow .inner2 .button {
    position: absolute;
    top: 242px;
    left: 240px;
    width: 108px;
    height: 34px;
    border: 1px solid #1086FD;
    border-radius: 17px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1086FD;
    line-height: 30px;
    text-align:center;
    cursor:pointer;
}

.module-flow .title {
    position: absolute;
    top: 80px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-flow .box{
    position:absolute;
    top:220px;
    height:111px;
    width:1401px;
    left:50%;
    margin-left:-700px;
}

.module-flow .flow {
    position: relative;
    float: left;
    height: 111px;
    width: 75.56px;
    margin-left: 40px;
    margin-right: 40px;
    cursor:pointer;
}

.module-flow .flow .dot {
    position: absolute;
    top: 70px;
    left: 50%;
    margin: -5px;
    width: 10px;
    height: 10px;
    background-color: #E6E6E6;
    border-radius: 50%;
    z-index: 99;
}

.module-flow .flow .title {
    position: absolute;
    top: 100px;
    width: 106%;
    text-align: center;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-flow .flow1 .icon {
    position: absolute;
    top: 0px;
    width:32px;
    height:34px;
    left:50%;
    margin-left:-16px;
    background-image:url(../image/flow_icon1_checked.png);
    background-size:32px 34px;
}

.module-flow .flow2 .icon {
    position: absolute;
    
    top: 0px;
    width: 38px;
    height: 34px;
    left: 50%;
    margin-left: -19px;
    background-image: url(../image/flow_icon2.png);
    background-size: 38px 34px;
}

.module-flow .flow3 .icon {
    position: absolute;
    top: 0px;
    width: 40px;
    height: 34px;
    left: 50%;
    margin-left: -20px;
    background-image: url(../image/flow_icon3.png);
    background-size: 40px 34px;
}

.module-flow .flow4 .icon {
    position: absolute;
    top: 0px;
    width: 34px;
    height: 34px;
    left: 50%;
    margin-left: -17px;
    background-image: url(../image/flow_icon4.png);
    background-size: 34px 34px;
}

.module-flow .flow5 .icon {
    position: absolute;
    top: 0px;
    width: 34px;
    height: 34px;
    left: 50%;
    margin-left: -17px;
    background-image: url(../image/flow_icon5.png);
    background-size: 34px 34px;
}

.module-flow .flow6 .icon {
    position: absolute;
    top: 0px;
    width: 34px;
    height: 34px;
    left: 50%;
    margin-left: -17px;
    background-image: url(../image/flow_icon6.png);
    background-size: 34px 34px;
}

.module-flow .flow7 .icon {
    position: absolute;
    top: 0px;
    width: 31px;
    height: 34px;
    left: 50%;
    margin-left: -15.5px;
    background-image: url(../image/flow_icon7.png);
    background-size: 31px 34px;
}

.module-flow .flow8 .icon {
    position: absolute;
    top: 0px;
    width: 36px;
    height: 34px;
    left: 50%;
    margin-left: -18px;
    background-image: url(../image/flow_icon8.png);
    background-size: 36px 34px;
}

.module-flow .flow9 .icon {
    position: absolute;
    top: 0px;
    width: 35px;
    height: 34px;
    left: 50%;
    margin-left: -17.5px;
    background-image: url(../image/flow_icon9.png);
    background-size: 35px 34px;
}

.module-flow .box .line {
    position: absolute;
    left: 80px;
    right: 80px;
    bottom: 40px;
    height: 2px;
    background: rgba(230, 230, 230, 0.79);
}

.module-trust {
    position:relative;
    width:100%;
    height: 658px;
}

.module-solution .title1 {
    position: absolute;
    width: 100%;
    top: 80px;
    text-align: center;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-solution .title2 {
    position: absolute;
    width: 100%;
    top: 147px;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1086FD;
    cursor:pointer;
}

.module-solution .solutions{
    position:absolute;
    top:215px;
    width:1440px;
    height:446px;
    left:50%;
    margin-left:-720px;
}

.solutions .solution1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 280px;
    height: 446px;
    background: url(../image/solution1.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 446px;
    cursor: pointer;
}

.solution1 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 93, 189, 0.8);
}

.solutions .solution2 {
    position: absolute;
    top: 0px;
    left: 290px;
    width: 280px;
    height: 218px;
    background: url(../image/solution2.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 218px;
    cursor: pointer;
}

.solution2 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(43, 165, 205, 0.85);
}

.solutions .solution3 {
    position: absolute;
    top: 0px;
    left: 580px;
    width: 280px;
    height: 218px;
    background: url(../image/solution3.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 218px;
    cursor: pointer;
}

.solution3 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(47, 151, 210, 0.85);
}

.solutions .solution4 {
    position: absolute;
    top: 0px;
    left: 870px;
    width: 280px;
    height: 218px;
    background: url(../image/solution4.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 218px;
    cursor: pointer;
}

.solution4 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(143, 117, 210, 0.85);
}

.solutions .solution5 {
    position: absolute;
    top: 226px;
    left: 290px;
    width: 280px;
    height: 218px;
    background: url(../image/solution5.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 218px;
    cursor: pointer;
}

.solution5 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(38, 138, 216, 0.85);
}

.solutions .solution6 {
    position: absolute;
    top: 226px;
    left: 580px;
    width: 280px;
    height: 218px;
    background: url(../image/solution6.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 218px;
    cursor: pointer;
}

.solution6 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(89, 200, 188, 0.85);
}

.solutions .solution7 {
    position: absolute;
    top: 226px;
    left: 870px;
    width: 280px;
    height: 218px;
    background: url(../image/solution7.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 218px;
    cursor: pointer;
}

.solution7 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(42, 169, 216, 0.85);
}

.solutions .solution8 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 280px;
    height: 446px;
    background: url(../image/solution8.png) no-repeat center;
    -webkit-transition: 0.3s;
    background-size: 280px 446px;
    cursor: pointer;
}

.solution8 .coverage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(73, 99, 209, 0.8);
}

.solutions .title {
    position: absolute;
    top: 31px;
    left: 34px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.solutions .icon {
    position: absolute;
    top: 40px;
    left: 143px;
    width: 18px;
    height: 18px;
    background-image: url(../image/solution_icon.png);
    background-size: 18px 18px;
}

.solutions .line {
    position: absolute;
    top: 80px;
    left: 35px;
    right: 35px;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.3;
}

.solutions .content {
    position: absolute;
    top: 88px;
    left: 35px;
    right: 37px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}


.module-product .title1 {
    position: absolute;
    top: 80px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-product .title2 {
    position: absolute;
    top: 147px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
    z-index:99;
}

.module-product .row1{
    position:absolute;
    width:1440px;
    top:164px;
    left:50%;
    height:199px;
    margin-left:-720px;
}

.module-product .row2 {
    position: absolute;
    top: 613px;
    width: 1440px;
    left: 50%;
    height: 199px;
    margin-left: -720px;
}

.module-product .row3 {
    position: absolute;
    top: 812px;
    width: 1440px;
    left: 50%;
    height: 199px;
    margin-left: -720px;
}
.module-product .row4{
    position: absolute;
    top: 1012px;
    width: 1440px;
    left: 50%;
    height: 199px;
    margin-left: -720px;
}
.module-product .box {
    position: absolute;
    width: 288px;
    height: 199px;
    cursor: pointer;
}

.module-product .box .icon {
    position: absolute;
    top: 51px;
    width: 70px;
    height: 82px;
    left: 50%;
    margin-left: -35px;
    background-size: 70px 82px;
}

.module-product .box .title {
    position: absolute;
    top: 152px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-product .box .line {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background: #FF2828;
}

.module-product .box1 {
    left: 0px;
    top: 0px;
}
.module-product .box2 {
    left: 288px;
    top: 0px;
}
.module-product .box3 {
    left: 576px;
    top: 0px;
}
.module-product .box4 {
    left: 864px;
    top: 0px;
}
.module-product .box5 {
    left: 1152px;
    top: 0px;
}
.module-product .box6 {
    left: 0px;
    top: 0px;
}
.module-product .box7 {
    left: 288px;
    top: 0px;
}
.module-product .box8 {
    left: 576px;
    top: 0px;
}
.module-product .box9 {
    left: 864px;
    top: 0px;
}
.module-product .box10 {
    left: 1152px;
    top: 0px;
}
.module-product .box11 {
    left: 0px;
    top: 0px;
}
.module-product .box12 {
    left: 288px;
    top: 0px;
}
.module-product .box13 {
    left: 576px;
    top: 0px;
}
.module-product .box14 {
    left: 864px;
    top: 0px;
}
.module-product .box15 {
    right: 0;
    top: 0px;
}
.module-product .box16 {
    left: 0px;
    top: 0px;
}
.module-product .box17 {
    left: 288px;
    top: 0px;
}
.module-product .box18 {
   left: 576px;
    top: 0px;
}
.module-product .box1 .icon {
    background-image: url(../image/product1.png);
}
.module-product .box2 .icon {
    background-image: url(../image/product15.png);
}
.module-product .box3 .icon {
    background-image: url(../image/product3.png);
}
.module-product .box4 .icon {
    background-image: url(../image/product4.png);
}
.module-product .box5 .icon {
    background-image: url(../image/product5.png);
}
.module-product .box6 .icon {
    background-image: url(../image/product6.png);
}

.module-product .box7 .icon {
    background-image: url(../image/product7.png);
}

.module-product .box8 .icon {
    background-image: url(../image/product8.png);
}

.module-product .box9 .icon {
    background-image: url(../image/product9.png);
}

.module-product .box10 .icon {
    background-image: url(../image/product10.png);
}
.module-product .box11 .icon {
    background-image: url(../image/product11.png);
}

.module-product .box12 .icon {
    background-image: url(../image/product12.png);
}

.module-product .box13 .icon {
    background-image: url(../image/product13.png);
}

.module-product .box14 .icon {
    background-image: url(../image/product14.png);
}
.module-product .box15 .icon {
    background-image: url(../image/product2.png);
}
.module-product .content {
    position: absolute;
    left:0px;
    top: 363px;
    width: 100%;
    height: 250px;
    background: #EBF1F7;
}

.module-product .content .title1 {
    position:absolute;
    top: 50px;
    left: 240px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align:left;
}

.module-product .content .title2 {
    position: absolute;
    top: 101px; 
    left: 240px;
    width: 50%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #667380;
    text-align: left;
}

.module-product .content .icon{
    position:absolute;
    width:262px;
    height:166px;
    background-size:262px 166px;
    top:42px;
    right:240px;
    background-image:url(../image/product_icon1.png);
}

.module-product .content .button {
    position: absolute;
    width: 120px;
    height: 30px;
    top: 179px;
    left: 240px;
    border: 1px solid #A3B8CC;
    border-radius: 2px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #667380;
    cursor:pointer;
    text-align:center;
    line-height:30px;
}

.module-trust .title {
    position: absolute;
    top: 80px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.module-trust .exhibition{
    position:absolute;
    top:181px;
    width:100%;
    height:380px;
}

.module-trust .exhibition .icon{
    position:absolute;
    left:0px;
    top:0px;
    width:50%;
    height:380px;
    background-image:url(../image/trust1.png);
    background-size:100% 380px;
}

.module-trust .exhibition .content{
    position:absolute;
    right:0px;
    top:0px;
    width:50%;
    height:380px;
    background: linear-gradient(63deg, #0683D9, #2DD5FF, #95FEFF);
}

.module-trust .exhibition .content .title1 {
    position: absolute;
    top: 119px;
    left: 15%;
    width:70%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    text-align:left;
}

.module-trust .exhibition .content .title2 {
    position: absolute;
    right: 18%;
    top: 75%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: right;
}

.module-trust .clients{
    position:absolute;
    bottom:0px;
    left:12.5%;
    right:12.5%;
    height:97px;
}
.module-trust .clients .client{
    position:relative;
    float:left;
    top:50%;
    margin-right:3.8%;
    cursor:pointer;
}

.module-trust .clients .client1 {
    width: 145px;
    height: 32px;
    background-image: url(../image/trust_icon1_checked.png);
    background-size: 145px 32px;
    margin-top: -16px;
}

.module-trust .clients .client2 {
    width: 139px;
    height: 25px;
    background-image: url(../image/trust_icon2.png);
    background-size: 139px 25px;
    margin-top: -12.5px;
}

.module-trust .clients .client3 {
    width: 124px;
    height: 24px;
    background-image: url(../image/trust_icon3.png);
    background-size: 124px 24px;
    margin-top: -12px;
}

.module-trust .clients .client4 {
    width: 71px;
    height: 45px;
    background-image: url(../image/trust_icon4.png);
    background-size: 71px 45px;
    margin-top: -22.5px;
}

.module-trust .clients .client5 {
    width: 162px;
    height: 27px;
    background-image: url(../image/trust_icon5.png);
    background-size: 162px 27px;
    margin-top: -13.5px;
}

.module-trust .clients .client6 {
    width: 169px;
    height: 23px;
    background-image: url(../image/trust_icon6.png);
    background-size: 169px 23px;
    margin-top: -11.5px;
}

.module-trust .clients .client7 {
    width: 63px;
    height: 37px;
    background-image: url(../image/trust_icon7.png);
    background-size: 63px 37px;
    margin-top: -18.5px;
}

.module-trust .clients .client8 {
    width: 55px;
    height: 41px;
    background-image: url(../image/trust_icon8.png);
    background-size: 55px 41px;
    margin-top: -20.5px;
    margin-right:0px;
}

.body-solution-inner {
    position: relative;
    max-width: 1572px;
    margin: auto;
    height:3448px;
}

.body-solution .title {
    position: absolute;
    top: 94px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    width:100%;
    text-align:center;
}

.body-solution .menuBox{
    position:absolute;
    top:176px;
    width:1448px;
    left:50%;
    margin-left:-720px;
    height:20px;
}

.body-solution .menuBox .menu {
    position: relative;
    float: left;
    width: 98px;
    height: 17px;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-left: 30px;
    margin-right: 30px;
    background-color: rgba(0,0,0,0);
    cursor:pointer;
}

.body-solution .contentBox {
    position:absolute;
    width:100%;
    top:223px;
    height:3150px;
}

.body-solution .contentBox > .content {
    position: relative;
    float: left;
    margin: 25px;
    width: 474px;
    height: 1020px;
    border-radius: 10px;
    background-color: #EBF1F7;
    cursor:pointer;
}

.body-solution .contentBox > .content > .video {
    position: relative;
    height: 284px;
    width: 100%;
    background-size: 100% 284px;
}

.body-solution .contentBox > .content > .icon {
    position: relative;
    height: 284px;
    width: 100%;
    background-size: 100% 100%;
    border-radius: 10px 10px 0px 0px;
}

.zhly .icon {
    background: url(../image/content_solution_zhly.png) no-repeat center;
}
.zhyq .icon {
    background: url(../image/content_solution_zhyq.png) no-repeat center;
}
.zhcg .icon {
    background: url(../image/content_solution_zhcg.png) no-repeat center;
}
.ioc .icon {
    background: url(../image/content_solution_ioc.png) no-repeat center;
}
.zhyy .icon {
    background: url(../image/solution6.png) no-repeat center;
}
.ywypt .icon {
    background: url(../image/content_solution_ywypt.png) no-repeat center;
}
.swksh .icon {
    background: url(../image/content_solution_swksh.png) no-repeat center;
}
.sjzt .icon {
    background: url(../image/content_solution_sjzt.png) no-repeat center;
}
.zhgl .icon {
    /* background: url(../images/content_solution_zhgl.png) no-repeat center; */
    background: url(../image/szzf2.png) no-repeat center;
}

.body-solution .contentBox > .content > .title {
    position: relative;
    top:30px;
    left: 25px;
    width: 315px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
    text-align:left;
}

.body-solution .contentBox > .content > .details {
    position: relative;
    top: 40px;
    left: 50%;
    margin-left: -211px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
    
    width: 425px;
}

.body-solution .contentBox .selected {
    box-shadow: 0px 0px 20px 0px rgba(8, 92, 178, 0.2);
    background-color: #FFFFFF !important;
    transition: all .2s;
}

.body-solution .contentBox .selected .icon {
    background-size: 110% 110% !important;
    transition: all .2s;
}

.body-solution .contentBox .selected .title {
    color: #1086FD !important;
}

.body-solution .contentBox .selected .details {
    color: #333333 !important;
}

.body-solution .menuBox .selected {
    color: #1086FD !important;
}

.body-solution .line {
    position: absolute;
    top: 218px;
    width: 1522px;
    left: 50%;
    margin-left: -761px;
    height: 1px;
    background: #E6E6E6;
}

.body-product .body-product-inner{
    position:relative;
    top:0px;
    height:1390px;
    max-width:1440px;
    margin:auto;
}

.body-product .title {
    position: absolute;
    top: 94px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    width: 100%;
    text-align: center;
}

.body-product .contentBox {
    width: 100%;
    position: relative;
    top: 100px;
}

.body-product .contentBox .box{
    margin-bottom:10px;
}

.body-product .contentBox .box .title {
    position: relative;
    width: 100%;
    height: 70px;
    background-color: #F2F8FA;
    cursor:pointer;
}

.body-product .contentBox .box .icon {
    position:absolute;
    width:40px;
    height:47px;
    top:50%;
    margin-top:-23px;
    left:26px;
}


.body-product .contentBox .box .icon1 {
    background-image: url(../image/product1.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon2 {
    background-image: url(../image/product2.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon3 {
    background-image: url(../image/product3.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon4 {
    background-image: url(../image/product4.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon5 {
    background-image: url(../image/product5.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon6 {
    background-image: url(../image/product6.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon7 {
    background-image: url(../image/product7.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon8 {
    background-image: url(../image/product8.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon9 {
    background-image: url(../image/product9.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon10 {
    background-image: url(../image/product10.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon11 {
    background-image: url(../image/product11.png);
    width: 42px !important;
    background-size: 42px 47px;
}
.body-product .contentBox .box .icon12 {
    background-image: url(../image/product12.png);
    width: 42px !important;
    background-size: 42px 47px;
}
.body-product .contentBox .box .icon13 {
    background-image: url(../image/product13.png);
    width: 43px !important;
    background-size: 43px 47px;
}
.body-product .contentBox .box .icon14 {
    background-image: url(../image/product14.png);
    width:45px !important;
    background-size: 45px 47px;
}
.body-product .contentBox .box .icon15 {
    background-image: url(../image/product15.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .icon16 {
    background-image: url(../image/product16.png);
    background-size: 40px 47px;
}
.body-product .contentBox .box .title .caption {
    position: absolute;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #222222;
    left: 112px;
    width: 300px;
    top: 20px;
    text-align: left;
}

.body-product .contentBox .box .content {
    position: relative;
    display: none;
    top: 95px;
    width: 97.1%;
    border: 1px solid #F2F8FA;
    box-shadow: 0px 0px 10px 0px rgb(128 128 128 / 15%);
    border-radius: 0px 0px 8px 8px;
    font-size: 16px;
    padding: 20px;
    line-height: 30px;
}

.body-product .icon-arrow {
    position:absolute;
    right:29px;
    top:50%;
    margin-top:-6px;
    width:22px;
    height:12px;
    background-image:url(../image/arrow_down.png);
    background-size:22px 12px;
}

.body-product .contentBox .checked .content{
    display:block !important;
}

.body-case .box1 {
    position: relative;
    width: 100%;
    height: 420px;
    background-color: #FFFFFF;
}

.body-case .box2 {
    position: relative;
    width: 100%;
    height: 420px;
    background-color: #EBF1F7;
}

.body-case-inner{
    position:relative;
    max-width:1440px;
    margin:auto;
    height:375px;
}

.body-case-inner .title {
    position: absolute;
    top: 50px;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.body-case-inner .podetium1 {
    position: absolute;
    top: 127px;
    width: 3px;
    height: 15px;
    background: #347AFC;
}

.body-case-inner .podetium2 {
    position: absolute;
    top: 169px;
    width: 3px;
    height: 15px;
    background: #347AFC;
}

.body-case-inner .podetium3 {
    position: absolute;
    top: 127px;
    left:419px;
    width: 3px;
    height: 15px;
    background: #347AFC;
}

.body-case-inner .podetium4 {
    position: absolute;
    top: 169px;
    left: 419px;
    width: 3px;
    height: 15px;
    background: #347AFC;
}

    .body-case-inner .title1 {
        position: absolute;
        top: 124px;
        left: 12px;
        color: #347AFC;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
    }

    .body-case-inner .title2 {
        position: absolute;
        top: 166px;
        left: 12px;
        color: #347AFC;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
    }

    .body-case-inner .title3 {
        position: absolute;
        top: 124px;
        left: 431px;
        color: #347AFC;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
    }

.body-case-inner .title4 {
    position: absolute;
    top: 166px;
    left: 431px;
    color: #347AFC;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.body-case-inner .content1 {
    position: absolute;
    top: 124px;
    left: 90px;
    color: #666666;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.body-case-inner .content2 {
    position: absolute;
    top: 166px;
    left: 90px;
    color: #666666;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.body-case-inner .content3 {
    position: absolute;
    top: 124px;
    left: 510px;
    color: #666666;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.body-case-inner .content4 {
    position: absolute;
    top: 166px;
    left: 510px;
    width: 600px;
    height: 45px;
    color: #666666;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.body-case-inner .row1 {
    height:30px;
}

.body-case-inner .detail {
    position: absolute;
    top: 257px;
    width: 900px;
    height: 86px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
}

.body-case-inner .icon {
    position: absolute;
    top:75px;
    right:0px;
    width:479px;
    height:270px;
    background-size:479px 270px;
}

.body-case-inner .icon1 {
    background-image:url(../image/case1.png);
}
.body-case-inner .icon2 {
    background-image: url(../image/case2.png);
}
.body-case-inner .icon3 {
    background-image: url(../image/case3.png);
}
.body-case-inner .icon4 {
    background-image: url(../image/case4.png);
}
.body-case-inner .icon5 {
    background-image: url(../image/case5.png);
}
.body-case-inner .icon6 {
    background-image: url(../image/case6.png);
}
.body-case-inner .icon7 {
    background-image: url(../image/case7.png);
}
.body-case-inner .icon8 {
    background-image: url(../image/case8.png);
}
.body-case-inner .icon9 {
    background-image: url(../image/case9.png);
}
.body-case-inner .icon10 {
    background-image: url(../image/case10.png);
}
.body-case-inner .icon11 {
    background-image: url(../image/case11.png);
}
.body-case-inner .icon12 {
    background-image: url(../image/case12.png);
}
.body-case-inner .icon13 {
    background-image: url(../image/case13.png);
}
.body-case-inner .icon14 {
    background-image: url(../image/case14.png);
}
.body-case-inner .icon15 {
    background-image: url(../image/case15.png);
}
.body-case-inner .icon16 {
    background-image: url(../image/case16.png);
}
.body-case-inner .icon17 {
    background-image: url(../image/case17.png);
}
.body-case-inner .icon18 {
    background-image: url(../image/case18.png);
}
.body-case-inner .icon19 {
    background-image: url(../image/case19.png);
}
.body-case-inner .icon20 {
    background-image: url(../image/case20.png);
}
.body-case-inner .icon21 {
    background-image: url(../image/case21.jpg);
}
.body-about .content0 {
    position: relative;
    width: 100%;
    height: 650px;
}

.body-about .content0 .title {
    position: absolute;
    top: 80px;
    width: 100%;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    z-index: 99;
    text-align: center;
}

.body-about .content0 .panel {
    position: absolute;
    top: 188px;
    width: 1440px;
    height: 383px;
    left: 50%;
    margin-left: -720px;
}

.body-about .content0 .panel .frame{
    position:relative;
    float:left;
    width:320px;
    height:383px;
    background-image:url(../image/frame.png);
}

.body-about .content0 .panel .frame .bottom {
    position: absolute;
    top: 153px;
    left: 104px;
    width: 110px;
    height: 16px;
    background: #FF2828;
    opacity: 0.15;
}

    .body-about .content0 .panel .frame .title {
        position: absolute;
        top: 140px;
        left: 50%;
        margin-left: -75px;
        width: 150px;
        height: 20px;
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        text-align:center;
        color: #060B14;
        opacity: 0.9;
    }

    .body-about .content0 .panel .frame .body1 {
        position: absolute;
        top: 221px;
        left: 50%;
        margin-left:-107px;
        width: 214px;
        height: 55px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #060B14;
        line-height: 36px;
        opacity: 0.6;
    }

    .body-about .content0 .panel .frame .body2 {
        position: absolute;
        top: 221px;
        left: 50%;
        margin-left: -115px;
        width: 230px;
        height: 55px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #060B14;
        line-height: 36px;
        opacity: 0.6;
    }

    .body-about .content0 .panel .frame .body3 {
        position: absolute;
        top: 246px;
        left: 50%;
        margin-left: -107px;
        width: 214px;
        height: 55px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #060B14;
        line-height: 36px;
        opacity: 0.6;
    }

    .body-about .content0 .panel .frame .body4 {
        position:absolute;
        top:194px;
        left:50%;
        margin-left:-122px;
        width: 244px;
        height: 167px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #060B14;
        line-height: 30px;
        opacity: 0.6;
    }

    .body-about .content0 .panel .frame .icon1 {
        position: absolute;
        top: 33px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 53px;
        background-image: url(../image/about_icon1.png);
    }
    .body-about .content0 .panel .frame .icon2 {
        position: absolute;
        top: 33px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 52px;
        background-image: url(../image/about_icon2.png);
    }
    .body-about .content0 .panel .frame .icon3 {
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -30px;
        width: 61px;
        height: 60px;
        background-image: url(../image/about_icon3.png);
    }
    .body-about .content0 .panel .frame .icon4 {
        position: absolute;
        top: 28px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 64px;
        background-image: url(../image/about_icon4.png);
    }

    .body-about .content0 .title2 {
        position: absolute;
        top: 131px;
        width: 100%;
        font-size: 24px;
        font-family: Arial;
        font-weight: 400;
        color: #999999;
        z-index: 99;
        text-align: center;
    }

.body-about .content1 {
    position: relative;
    width: 100%;
    height: 1278px;
}

.body-about .content1 .title {
    position: absolute;
    top: 80px;
    width: 100%;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    z-index:99;
    text-align:center;
}

.body-about .content1 .title2 {
    position: absolute;
    top: 131px;
    width: 100%;
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #999999;
    z-index: 99;
    text-align: center;
}

.body-about .content1 .panel {
    position: absolute;
    top: 202px;
    width: 100%;
    height: 150px;
    background: rgba(0, 108, 254, 0.2);
    z-index: 99;
}

.body-about .content1 .podetium {
    position: absolute;
    top: 40px;
    width: 1px;
    height: 70px;
    background-color: #71AEFE;
    z-index: 99;
}
.body-about .content1 .podetium1 {
    left:25%;
}
.body-about .content1 .podetium2 {
    left: 50%;
}
.body-about .content1 .podetium3 {
    left: 75%;
}

.body-about .content1 .icon {
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 1278px;
    background-image: url(../image/body_bg_about.png);
    background-size: 100% 1278px;
}

.body-about .content1 .panel .title1 {
    position: absolute;
    bottom: 50px;
    left: 10.5%;
    font-size: 25px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #737373;
}

.body-about .content1 .panel > .title2 {
    position: absolute;
    top: 66px; 
    width: 200px;
    bottom: 50px;
    left: 26%;
    font-size: 25px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #737373;
}

.body-about .content1 .panel .title3 {
    position: absolute;
    bottom: 50px;
    left: 54%;
    font-size: 25px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #737373;
}

.body-about .content1 .panel .title4 {
    position: absolute;
    bottom: 50px;
    left: 78%;
    font-size: 25px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #737373;
}

.body-about .content1 .panel .content1 {
    position: absolute;
    top: 52px;
    left: 18.5%;
    width: 140px;
    height: 50px;
    font-size: 38px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.body-about .content1 .panel .content2 {
    position: absolute;
    top: 55px;
    left: 36.5%;
    width: 140px;
    height: 50px;
    font-size: 38px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.body-about .content1 .panel .content3 {
    position: absolute;
    top: 55px;
    left: 61.5%;
    width: 140px;
    height: 50px;
    font-size: 38px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.body-about .content1 .panel .content4 {
    position: absolute;
    top: 55px;
    left: 85.5%;
    width: 140px;
    height: 50px;
    font-size: 38px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.body-about .content2 {
    position: relative;
    width: 100%;
    height: 769px;
}

.body-about .content2 .title {
    position: absolute;
    top: 80px;
    width: 100%;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    z-index: 99;
    text-align: center;
}

.body-about .content2 .title2 {
    position: absolute;
    top: 131px;
    width: 100%;
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #999999;
    z-index: 99;
    text-align: center;
}

.body-about .content2 .box {
    position: relative;
    width: 73%;
    margin: auto;
    top: 190px;
    height: 443px;
}

.body-about .content2 .box .seniority {
    float: left;
    margin: -6px;
}

.body-about .content2 .box .seniority1 {
    width:331px;
    height:221px;
    background-image:url(../image/seniority1.jpg);
    background-size:100% 100%;
}
.body-about .content2 .box .seniority2 {
   width: 170px;
    height: 221px;
    background-image: url(../image/seniority111.jpg);
    background-size: 100% 100%;
}
.body-about .content2 .box .seniority3 {
    width: 276px;
    height: 221px;
    background-image: url(../image/seniority3.png);
    background-size: 100% 100%;
}
.body-about .content2 .box .seniority4 {
    width: 170px;
    height: 221px;
    background-image: url(../image/seniority4.png);
    background-size: 100% 100%;
}

.contact-box {
    position: absolute;
    width: 511px;
    height: 578px;
    right: 180px;
    top: 180px;
    background-color: #FFFFFF;
    z-index: 999;
    box-shadow: 0px 13px 30px 0px rgba(4, 0, 0, 0.08);
    border-radius: 4px;
}

.contact-box .title {
    position:absolute;
    top:38px;
    width:100%;
    text-align:center;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}
.contact-box .input {
    position: absolute;
    left: 76px;
    padding-left: 15px;
    width: 345px;
    height: 44px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    caret-color: #666666;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.contact-box .input1 {
    top: 95px;
}
.contact-box .input2 {
    top: 153px;
}
.contact-box .input3 {
    top: 211px;
}
.contact-box .input4 {
    top: 269px;
}
.contact-box .textarea {
    position: absolute;
    top: 327px;
    left: 76px;
    padding-left: 15px;
    width: 345px;
    height: 140px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    border-radius: 2px;
    caret-color: #666666;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    padding-top: 15px;
}

.contact-box .button {
    position: absolute;
    top: 468px;
    left: 76px;
    width: 359px;
    height: 42px;
    margin-top: 30px;
    text-align: center;
    background-color: rgba(16, 134, 253, 1);
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
}

.body-contact .title1 {
    position: absolute;
    top: 55px;
    left: 240px;
    color: #666666;
    font-size: 24px;
}
.body-contact .title2 {
    position: absolute;
    top: 55px;
    left: 620px;
    color: #666666;
    font-size: 24px;
}

.body-contact .content1 {
    position: absolute;
    top: 105px;
    left: 240px;
    color: #000000;
    font-size: 16px;
    line-height: 35px;
}

.body-contact .content2 {
    position: absolute;
    top: 105px;
    left: 620px;
    color: #000000;
    font-size: 16px;
    line-height: 35px;
}

.float {
    position:fixed;
    width:48px;
    height:200px;
    right:30px;
    top:50%;
}

.float .function {
    width: 48px;
    height: 48px;
    margin-bottom: 2px;
    background: #B3B3B3;
    border-radius: 6px;
    cursor:pointer;
}

.float .function:hover {
    width: 48px;
    height: 48px;
    margin-bottom: 2px;
    background: #1086FD;
    border-radius: 6px;
    cursor: pointer;
}

.float .icon1{
    position:absolute;
    background-image:url(../image/float_wx.png);
    width:25px;
    height:22px;
    top:12.5%;
    margin-top:-11px;
    left:50%;
    margin-left:-12.5px;
}

.float .icon2 {
    position: absolute;
    background-image: url(../image/float_phone.png);
    width: 19px;
    height: 34px;
    top: 37.5%;
    margin-top: -17px;
    left: 50%;
    margin-left: -9.5px;
}

.float .icon3 {
    position: absolute;
    background-image: url(../image/float_email.png);
    width: 26px;
    height: 21px;
    top: 62.5%;
    margin-top: -10.5px;
    left: 50%;
    margin-left: -13px;
}

.float .icon4 {
    position: absolute;
    background-image: url(../image/float_top.png);
    width: 20px;
    height: 12px;
    top: 87.5%;
    margin-top: -6px;
    left: 50%;
    margin-left: -10px;
}

.float .hide1 {
    position: absolute;
    right: 60px;
    top: -40px;
    background-image: url(../image/float_qrcode.png);
    width: 120px;
    height: 120px;
    display:none;
}

.float .hide2 {
    position: absolute;
    width: 146px;
    height: 48px;
    background: #1086FD;
    border-radius: 6px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    top: 50px;
    right: 40px;
    text-align: center;
    line-height: 48px;
    display:none;
}

.float .hide3 {
    position: absolute;
    width: 230px;
    height: 48px;
    background: #1086FD;
    border-radius: 6px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    top: 100px;
    right: 40px;
    text-align: center;
    line-height: 48px;
    display: none;
}