body{
    font-family: 宋体;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#grad2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 500px;
    position: absolute;
    top: 28%;
    left:40%;
}
.inner{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    animation: moveInner 1.2s infinite;
}
.middle{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 240px;
    border-radius: 120px;
    background-color: rgba(0, 211, 233, 0.2);
    animation: moveMiddle 1.2s infinite;
}
.biggest{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 400px;
    border-radius: 200px;
    background-color: rgba(0, 211, 233, 0.1);
    animation: moveBiggest 1.2s infinite;
}
@keyframes moveInner{
    from {
        width: 40px;
        height: 40px;
    }
    to {
        width: 80px;
        height: 80px;
    }
}
@keyframes moveMiddle{
    from {
        width: 80px;
        height: 80px;
    }
    to {
        width: 240px;
        height: 240px;
    }
}

@keyframes moveBiggest {
    from {
        width: 80px;
        height: 80px;
    }
    to {
        width: 400px;
        height: 400px;
    }
}
.advantage1{
    background: url("../new_images/mutual/bg2.png")no-repeat top;
}
.advantage{
    background: url("../new_images/mutual/bg1.png") no-repeat center;
    background-size: 93% 96%;
    position: relative;
    margin-top: -1.2%;
    color: white;
    text-align: center;
}
.advantage ul{
    padding-top:4%;
    padding-bottom: 13%;
}
.advantage ul li{
    width: 19.5%;
    list-style-type: none;
    float: left;
    border-right:0.1vw solid white ;
}
.advantage ul li:nth-last-child(1){
    border-right:0px solid white!important;
}
.advantage ul li p{
    font-size: 3vw;
    font-weight: bold;
    color: white;
    line-height: inherit;

}
.advantage ul li span{
    font-size: 0.8vw;
}

.function{
    margin-top: 3%;
    color: #4b1e4b;
    background-color: #faf6fa;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.function_title{
    text-align: center;
}
.function_title h1{
    font-size: 2vw;
    font-weight: bold;
}
.function_title{
    font-size: 0.7vw;
    font-weight: bold;
}
.function_center{
    background: url("../new_images/mutual/bg3.jpg") no-repeat center;
    background-position:50% 100% ;
    background-size: 97% 100%;
    margin-top: 2.5%;
    padding-top: 2%;
    padding-bottom:5%;
}
.function_center_left{
    margin-top: -5%;
}
.function_center_left h3{
    font-weight: bold;
    color: #3366ff;
}
.function_center_left ul{
    position: relative;
    /*left: -3%;*/
}
.function_center_left ul li{
    list-style-type: none;
    font-weight: bold;
    font-size: 0.8vw;
    margin-top: 4.35%;
}
.function_center_left ul li:nth-child(1){
    position: relative;
}
.function_center_left ul li:nth-child(2){
    position: relative;
    top: -10px;
}
.function_center_left ul li:nth-child(3){
    position: relative;
    top: -20px;
}
.function_center_left ul li:nth-child(4){
    position: relative;
    top: -45px;
}
.function_center_left ul li:nth-child(5){
    position: relative;
    top: -59px;
}
.function_bottom{
    background: url("../new_images/mutual/bg4.jpg") no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.function_bottom_right{
    width: 30%;
    float: right;
    text-align: right;
    padding-bottom:17%;
    padding-right:5.5%;
    position: relative;
    padding-top: 9%;
}
.function_bottom_right h3{
    color: #ffff00;
    font-weight: bold;
}
.function_bottom_right ul li{
    list-style-type: none;
    font-weight: bold;
    font-size: 0.8vw;
    color: white;
    padding-top: 24%;
}
.function_bottom_right ul li:nth-child(1){
    position: relative;
}
.function_bottom_right ul li:nth-child(2){
    position: relative;
    top: 15px;
}

.demonstration{
    margin-top: 2.5%;
}

.margin_auto{margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto}
.overflow-hidden{overflow:hidden}
.overflow-x{overflow-x:hidden}
.text-align-center{text-align:center}
.text-align-left{text-align:left}
.text-align-right{text-align:right}

.posa{position:absolute}
.posr{position:relative}
.posf{position:fixed}
.float-left{float:left}
.float-right{float:right}
.hidden{display:none}

.phoneAnimate{
    margin-top: 83px;
}
.content5{width: 85%;
    height: 615px;
    padding: 0px 0;
    margin: 0 auto;}
.content5 .allcontainer{height:470px}
.content5 .allcontainer .showTime{padding-top:10px}
.content5 .allcontainer .showTime .bs-w-1-3{width:28%;display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .hidden{display:none}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate hr{border-top:1px solid #a0a0a0}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate img{max-width:100%;height:auto;box-sizing:border-box;vertical-align:middle}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate span{display:inline-block;background:#99C0FF;height:33px;border-radius:3px;vertical-align:middle;
    line-height:33px;left: 6%;font-weight: bold;font-size: 0.9vw}
.img_load{
    width: 71.1%;
    height: 549px;
    border-radius: 20px;
    overflow: hidden;
}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .bssvg_span_even{bottom:0;width:90px!important;left:13%;font-weight: bold;font-size: 0.9vw}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .bssvg_span_even2{bottom:0;width:90px!important;left:60%;}

.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .background-trans{background-color:transparent!important}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .bssvg_right{right:0%}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .bssvg_left{left:-5%}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimat-e .bssvg_span_odd{left:34px;bottom:0;width:90px!important;text-align:center}
.bssvg_span_odd2{
    display:inline-block;background:#99C0FF;height:33px;border-radius:3px;vertical-align:middle;line-height:33px;left: 70%!important;
}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .bssvg_span_odd_right{right:200px;bottom:0;width:90px!important;text-align:center}
.content5 .allcontainer .showTime .bs-w-1-3 .phoneAnimate .color_white{color:#fff}
.m-contact_fr{display: none;}

.black_overlay{
    display: none;
    position: absolute;
    top: -40%;
    left: -63%;
    width: 236%;
    height: 143%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=88);
}
.white_content {
    display: none;
    position: absolute;
    top: -34%;
    left: -55%;
    width:220%;
    height:130%;
    padding: 20px;
    border: 10px solid #0066ff;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.closebtn{
    width: 24px;
    height: 24px;
    display: inline-block;
    float: right;
}
.white_content p{
    font-weight: bold;
    font-size: 1vw;
}

.contrast{
    background: url("../new_images/mutual/bg5.png") no-repeat center top;
    background-size: 100% 65%;
}
.contrast h1{
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 4%;
}
.contrast_center{
    width: 60%;
    background: url("../new_images/mutual/bg6.png") no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .contrast_center{
        width: 80%;
    }
}
.contrast_img{
    width:83%;
    margin: 0 auto;
    margin-top:9%;
    padding-bottom: 10%;
}

.case h1{
    color: black;
    text-align: center;
    font-weight: bold;
}
.case h2{
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding-top: 35%;
    font-size: 1.4vw;
}
.case ul li{
    list-style-type: none;
    float: left;
    border-left:1px solid #0066ff ;
    border-top:1px solid #0066ff ;
    border-bottom:1px solid #0066ff ;
    width: 32%;
    margin-top: 4%;
}
.case ul li:hover{
    box-shadow:0 5px 20px -5px #0066ff;
}
.case ul li:nth-child(3){
    border-right:1px solid #0066ff  ;
}
.case ul li:nth-child(6){
    border-right:1px solid #0066ff  ;
}
.case ul li:nth-child(9){
    border-right:1px solid #0066ff  ;
}
.case1{
    background: url("../new_images/mutual/bg8.png") no-repeat center top;
    background-size: 100% 46%;
    color: #333333;
    padding-bottom:5.915%;
}
.case1_bg{
    background: url("../new_images/mutual/computer.png") no-repeat;
    background-position: 50% 10%;
}
.case1_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case1_words{
    width: 73%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case1_words span{
    font-weight: bold;
}
.case2{
    background: url("../new_images/mutual/bg7.png") no-repeat center top;
    background-size: 100% 46%;
    color: #333333;
    padding-bottom: 2.2%;
}
.case2_bg{
    background: url("../new_images/mutual/insurance.png") no-repeat;
    background-position: 50% 10%;
}
.case2_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case2_words{
    width: 73%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case2_words span{
    font-weight: bold;
}
.case3{
    background: url("../new_images/mutual/bg8.png") no-repeat center top;
    background-size: 100% 46%;
    color: #333333;
    padding-bottom: 2.28%;
}
.case3_bg{
    background: url("../new_images/mutual/basics.png") no-repeat;
    background-position: 50% 10%;
}
.case3_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case3_words{
    width: 73%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case3_words span{
    font-weight: bold;
}
.case4{
    background: url("../new_images/mutual/bg7.png") no-repeat center top;
    background-size: 100% 45%;
    color: #333333;
    padding-bottom:11.47%;
}
.case4_bg{
    background: url("../new_images/mutual/government.png") no-repeat;
    background-position: 50% 10%;
}
.case4_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case4_words{
    width: 73%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case4_words span{
    font-weight: bold;
}

.case5{
    background: url("../new_images/mutual/bg8.png") no-repeat center top;
    background-size: 100% 45%;
    color: #333333;
    padding-bottom:5.945%;
}
.case5_bg{
    background: url("../new_images/mutual/government.png") no-repeat;
    background-position: 50% 10%;
}
.case5_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case5_words{
    width: 73%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case5_words span{
    font-weight: bold;
}

.case6{
    background: url("../new_images/mutual/bg7.png") no-repeat center top;
    background-size: 100% 45%;
    color: #333333;
    padding-bottom: 2.46%;
}
.case6_bg{
    background: url("../new_images/mutual/government.png") no-repeat;
    background-position: 50% 10%;
}
.case6_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case6_words{
    width: 73%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case6_words span{
    font-weight: bold;
}

.case7{
    background: url("../new_images/mutual/bg8.png") no-repeat center top;
    background-size: 100% 43%;
    color: #333333;
    padding-bottom: 2.7%;
}
.case7_bg{
    background: url("../new_images/mutual/government.png") no-repeat;
    background-position: 50% 10%;
}
.case7_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case7_words{
    width: 76%;
    margin: 0 auto;
    padding-top: 5%;
    font-size: 0.8vw;
}
.case7_words span{
    font-weight: bold;
}

.case8{
    background: url("../new_images/mutual/bg7.png") no-repeat center top;
    background-size: 100% 43%;
    color: #333333;
    padding-bottom: 8.4%;
}
.case8_bg{
    background: url("../new_images/mutual/government.png") no-repeat;
    background-position: 50% 10%;
}
.case8_bg p{
    text-align: center;
    line-height: 2.5;
    font-size: 0.8vw;
    font-weight: bold;
}
.case8_words{
    width: 76%;
    margin: 0 auto;
    padding-top: 10%;
    font-size: 0.8vw;
}
.case8_words span{
    font-weight: bold;
}

.case9{
    padding-bottom:20.3%;
}
.case9_bg{
    padding-top: 51.5%;
}
.case9_words{
    width:16%;
    margin: 0 auto;
    padding-top: 30%;
}

.superiority{
    margin-top: 4%;
    background: url("../new_images/mutual/bg10.png") no-repeat;
}
.superiority h1{
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 3%;
}
.superiority p{
    text-align: center;
    color: white;
    font-weight: bold;
    padding-top: 0.9%;
}
.superiority1{
    background-color: white;
    width: 7%;
    margin: 0 auto;
    text-align: center;
    color: #0066ff;
    font-weight: bold;
    font-size:0.9vw;
    line-height: 2;
    margin-top:1.5%;
}
.superiority2{
    padding-top: 4%;
    padding-bottom: 5%;
}
.superiority2 ul li{
    list-style-type: none;
    float: left;
    width: 16.4%;
    padding-bottom: 7.6%;
    background: url("../new_images/mutual/bg11.png") no-repeat;
    background-size: 100% 100%;
    margin-left:11.46%;
}
.superiority2 ul li:nth-child(1){
    margin-left:0%;
}
.superiority2 ul li:nth-child(5){
    margin-left:14.5%;
}
.superiority2 ul li h1{
    font-weight: bold;
    font-size: 3vw;
    padding-top: 8%;
    text-align: center;
}
.superiority2 ul li span{
    font-size: 0.8vw;
    color: white;
    display: block;
    text-align: center;
}

.superiority4{
    background-color: #0066ff;
    width: 7%;
    margin: 0 auto;
    margin-top: 4%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size:0.9vw;
    line-height: 2;
}
.superiority5 ul{
    padding-top: 5%;
    padding-bottom: 22%;
}
.superiority5 ul li{
    list-style-type: none;
    float: left;
    border: 2px solid #0066ff;
    width: 20%;
    margin-left: 6%;
}
.superiority5 ul li img{
    display: table;
    margin: 0 auto;
    padding-top: 20%;
}
.superiority5 ul li span{
    width: 60%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 10%;
    font-size: 0.7vw;
    font-weight: bold;
}