.header-box{
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
    background: #fff;
    height: 4vw;
    box-shadow: 0px 2px 11px 0px rgb(0 0 0 / 5%);
}
.change a{
    color: white!important;
    background: #0d99df;
    height: 30px;
    width: 72px;
    line-height: 11px;
    border-radius: 8px;
    margin: 0 1.9vw;

}
.can-sel{
    margin-top: -50px;
}
.header{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
*{
    margin: 0;
    padding: 0;
}
.logo{
    margin-left: 22vw;
}
.logo img{
    width: 10vw;
    height: 3.72vw;
}
.menu{
    margin-left: 8vw ;
}
.menu ul{
    display: flex;
}
.menu ul li{
    margin: 0 1vw;
}
.menu ul li a{
    color: #9d9393;
    font-size: .9vw;
    text-decoration:none;
}
.menu .defaultActive{
    border-bottom: 4px solid #0d99df;
    padding-bottom: 15px;
    color: #0d99df;
}
.btn{
    background: #0d99df;
    color: white !important;
    height: 30px;
    line-height: 11px;
    font-size: 15px;
    width: 3.9vw;
    border-radius: 8px;
    margin-left: 5.2vw;
}
.inputBG{

    background: gainsboro;
}
.layui-carousel>[carousel-item]{
    overflow: inherit;
}
.one-img{
    position: relative;
    top: 4vw;
}
.one-img img{
    width: 100%;
    height: auto;
}
.layui-carousel{
    height: 36vw !important;
}
.two-img{
    position: relative;
    height: 47vw;
    background: url('/robot/images/newIndex/two.png') no-repeat 50%/cover;
    /*background-size:cover*/
}

.two-title{
    position: relative;
    padding-top:60px;
    font-size: 1.5vw;
    color: white;
    font-weight: 600;
    letter-spacing: 2px;
}
.two-title span{
    text-align: center;
    display: block;

}
.two-title:before{
    content: "";
    display: inline-block;
    width: 2vw;
    height: .2vw;
    border-radius: 34px;
    background: #fff;
    position: absolute;
    left: calc(49.2% - 0.7vw );
    bottom: -23px;

}
.two-content{
    display: flex;
    font-size: 1.2vw;
    justify-content: center;
    align-items: center;
}
.two-01{
    position: absolute;
    color: #46b8ce;
    left: calc(26.5% - 0.7vw );
    top: calc(54% - 0.7vw);
}
.two-02{
    position: absolute;
    color: #46b8ce;
    left: calc(40.9% - 0.7vw );
    top: calc(54% - 0.7vw);
}
.two-03{
    position: absolute;
    color: #46b8ce;
    right: calc(41% - 0.7vw );
    top: calc(54% - 0.7vw);
}
.two-04{
    position: absolute;
    right: calc(27% - 0.7vw );
    top: calc(52% - 0.7vw);
}
.two-04 span{
    display: block;
    color: #005c9d;
}
.three-img{
    height: 75vw;
    background: url('/robot/images/newIndex/three.png') no-repeat 50%/cover;
    background-size:cover
}
.three-top{
    display: flex;
    justify-content: center;
    height: 16vw;
    position: relative;
    margin-bottom: 48vw;
}
.city{
    align-self: flex-end;
    position: absolute;
    left: calc(27% - 0.7vw);
    top: calc(73% - 0.7vw);
    font-size: 2vw;
    color: #23b7ef;
    /*animation:mymove 5s infinite;*/
}
.net{
    font-size: 2vw;
    color: #ffc000;
    position: absolute;
    left: calc(40% - 0.7vw);
    top: calc(31% - 0.7vw);
}
.street{
    position: absolute;
    font-size: 2vw;
    color: #f67463;
    right: calc(39% - 0.7vw);
    top: calc(31% - 0.7vw);
}
.bureau{
    position: absolute;
    font-size: 2vw;
    color: #b392d2;
    right: calc(26% - 0.7vw);
    top: calc(73% - 0.7vw);
    align-self: flex-end;
}
.three-bottom{
    position: relative;
    display: flex;
    height: 9vw;
    justify-content: space-evenly;

}
.emergency{
    font-size: 2vw;
    color: #23b7ef;
    position: absolute;
    left: calc(34% - 0.7vw);

}
.special{
    font-size: 2vw;
    color: #f67463;
    align-self: flex-end;
    position: absolute;
    top: calc(64% - 0.7vw);
    left: calc(49% - 0.7vw);
}
.polymorphic{
    font-size: 2vw;
    color: #b798d5;
    position: absolute;
    right: calc(33% - 0.7vw);
}

.three-title{
    position: relative;
    text-align: center;
    font-size: 1.7vw;
    height: 6vw;

}
.three-title:before{
    content: "";
    display: inline-block;
    width: 3vw;
    height: 0.3vw;
    border-radius: 34px;
    background: #2545a5;
    position: absolute;
    left: calc(48.9% - 0.7vw);
    bottom: 2vw ;
}
.four-img{
    display: flex;
    align-items: center;
    height: 50vw;
    background: url('/robot/images/newIndex/four.png') no-repeat 50%/cover;
    background-size:cover
}
.four-box{
    /*background: white;*/
    width: 38.8%;
    margin: 0 auto;
}
.four-box .four-item{
    display: flex;
    backface-visibility: hidden;
    /*border-bottom: 4px solid gray;*/
}
.four-item .block{
    /*border: 3px solid #81838278;*/
    text-align: center;
    /*padding: 1vw;*/
    margin: -2px;
    height: 12vw;
    width: 39vw;
    position:relative;
    transform-style: preserve-3d;

}
.four-item .block .item-title{
    font-size: 1vw;
    color: #23b7ef;
    padding-top: 1vw;
}
.before-title{
    font-size: 1vw;
    color: #70706c;
    padding-top: 1vw;
}
.four-item .block .item-text{
    font-size: 0.8vw;
    color: #555151;
    padding-top: 1vw;
    transform-style: preserve-3d;
    margin: -2px;
    padding: 1vw;
}
.before,.after{
    height: 12vw;
    width: 13vw;
    position:absolute;
    left:0;
    top:0;
    /*隐藏背面图片*/
    backface-visibility: hidden;
    transition: all 1s ease;
    /*防止跳变bug*/
    transform:perspective(800px) rotateY(0deg) ;
}
.after{
    height: 12vw;
    width: 13vw;
    background: white;
    text-align: center;
    /* line-height: 299px; */
    transform: translateZ(2px) rotateY(
            180deg);
}
.block:hover .before{
    transform: perspective(800px) rotateY(180deg);
}

.block:hover .after{
    transform: perspective(800px) rotateY(0deg);
}
.before{
    display: flex;
    align-items: center;
    background-color: rgba(67, 69, 68,0.2);
}
.before img{
    height: 12vw;
    width: 13vw;
    /*margin: 0 auto;*/
}
.five{
    margin-top: 9.5vw;
}
.five-title{
    text-align: center;
    margin: 4vw 0;
}
.five-main-title{
    color: black;
    font-size: 2vw;
    font-weight: 400;
}
.five-subtitle{
    position: relative;
    color: #575252;
    font-size: 1.3vw;
    margin: .9vw 0;
}
.five-subtitle:after{
    content: "";
    display: inline-block;
    width: 42px;
    height: 5px;
    border-radius: 34px;
    background: #2545a5;
    position: absolute;
    left: 48.9%;
    bottom: -1.5vw;
}
.swiper-container {
    width: 100%;
    /*height: 280px;*/
    margin-bottom: 8.3vw;
    overflow: hidden;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);


}
.swiper-container-horizontal>.swiper-pagination-bullets{
    position: absolute;
    bottom: 0.3vw;
}
.swiper-slide:not(.swiper-slide-active){
    transform: scale(0.8);
    text-align: left !important;
    /* background-color: #000; */
}
.other{
    position: relative;
}
.swiper-slide:not(.swiper-slide-active) .montreal{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(67 69 68 / 70%);
    width: 22.33vw;
    height: 15.323vw;
    top: 0px;
}
.swiper-slide:not(.swiper-slide-active) img{
    width: 22.33vw;
    height: 15.323vw;
}


.detail{
    color: white;
    padding: 0 2vw;
}
.swiper-slide-active .detail,.swiper-slide-duplicate-active .detail{
    transform: scale(1);
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 5vw;
}
.swiper-slide-active img{
    width: 30vw!important;
    height: 20vw;
    position: relative;
    top: -3vw;
}
.swiper-slide-active{
    margin-left: 45px!important;
    margin-right: 45px!important;
}
/*.swiper-slide-active div img{*/
    /*margin-left: 50px;*/
    /*margin-right: 50px;*/
/*}*/
.six{
    height: 80vw;
    background: url('/robot/images/newIndex/six.png') no-repeat 50%/cover;
    background-size:cover
}
.six-content{
    padding-top: 9.5vw;
}
.six-title{
    text-align: center;
    margin-bottom: 3vw;
}
.six-main-title{
    color: black;
    font-size: 2vw;
    font-weight: 400;
}
.six-subtitle{
    position: relative;
    color: #575252;
    font-size: 1.3vw;
    margin: 1.9vw 0;
}
.six-subtitle:after{
    content: "";
    display: inline-block;
    width: 2.5vw;
    height: .2vw;
    border-radius: 34px;
    background: #2545a5;
    position: absolute;
    left: 48.9%;
    bottom: -1.5vw;
}
.six-box{
    display: flex;
    justify-content: center;
}
.six-item{
    width: 28vw;
    height: 10vw ;
    position: relative;
    margin: 0.2vw 0.8vw;
    background-size: contain !important;
}
.six-item1{
    background: url('/robot/images/newIndex/six_a.png') no-repeat;
}
.six-item2{
    background: url('/robot/images/newIndex/six_b.png') no-repeat;
}
.six-item3{
    background: url('/robot/images/newIndex/six_c.png') no-repeat;
}
.six-item4{
    background: url('/robot/images/newIndex/six_d.png') no-repeat;
}
.six-item5{
    background: url('/robot/images/newIndex/six_e.png') no-repeat;
}
.six-item6{
    background: url('/robot/images/newIndex/six_f.png') no-repeat;
}
.six-item7{
    background: url('/robot/images/newIndex/six_g.png') no-repeat;
}
.six-item8{
    background: url('/robot/images/newIndex/six_h.png') no-repeat;
}
.six-item9{
    background: url('/robot/images/newIndex/six_i.png') no-repeat;
}
.six-item10{
    background: url('/robot/images/newIndex/six_j.png') no-repeat;
}
.six-one-title{
    font-size: 1.3vw;
    color: white;
    /* background: red; */
    width: 11vw;
    text-align: center;
    line-height: 2.9vw;
    height: 2.7vw;
}
.six-one-text{
    width: 27vw;
    height: 5vw;
    line-height: 5vw;
    text-align: center;
    color: #000000b8;
    font-size: .8vw;
}
.ceshi{
    animation:mymove 5s infinite;
    animation-delay:0s;
    animation-iteration-count:1;
}
/*拨打电话*/
.seven{
    height: 80vw;
    background: url('/robot/images/newIndex/seven.png') no-repeat 50%/cover;
    background-size:cover
}
.seven-describe{
    display: flex;
    justify-content: center;
    color: white;
    font-size: 1vw;
    margin: 1vw 0;
}
.seven-describe div{
    margin: 0 1vw;
    font-size: 1.7vw;
}
.seven-describe div img{
    margin-right: 0.5vw;
    width: 1.6vw;
    margin-top: -0.2vw;
}
.seven-title{
    text-align: center;
    padding: 2vw 0;
    padding-top: 4.5vw;
}
.seven-main-title{
    color: white;
    font-size: 2.1vw;
    padding: 1vw 0;
}
.seven-subtitle{
    color: #f0e6e6;
    font-size: 1.25vw;
}
.seven-style{
    height: 7vw;
    width: 42vw;
    margin: 4vw auto;
    border-radius: 10px;
    background: url('/robot/images/newIndex/robot.png') no-repeat ;
}
.seven-nav{
    height: 40vw ;
    background-color: rgb(255 255 255 / 16%);
    width: 80vw;
    margin: 0 auto;
    /*background: url('/robot/images/newIndex/22.png') no-repeat 50%/cover;*/
    /*background-size:cover*/
}
.seven-tabs ul{
    display: flex;
    justify-content: space-around;
    padding: 1vw 0;
}
.seven-tabs ul li{
    background: white;
    line-height:2.3vw ;
    min-width: calc(26.5% - 0.7vw );
    height: 2.3vw;
    text-align: center;
}
.seven-tabs ul li a {
    color: #005c9d;
}
.active{
    background: #56CCD8 !important;
}
.active .i-two{
    background: #56CCD8 !important;
}

.active a{
    color: white !important;
}
.tabs-content{
    position:relative;
}
.tabs-content .content1{
    visibility: hidden;
    position: absolute;
    left: 8.5vw;
}
.tabs-content .content1.selected{
    visibility: visible;
}
.seven-tabs ul li .i-one {
    float: left;
    background: #2976ad;
    margin: 0.3vw 0vw 0.1vw  -0.9vw;
    width: 1.69vw;
    height: 1.69vw;
    border-width: 0px 0px 1px 1px ;
    transform: rotate(43deg);

}
.seven-tabs ul li .i-two{
    float: right;
    background: white;
    margin: 0.2958vw -0.8vw 0.1vw 0;
    width: 1.69vw;
    width: 5wv;
    height: 1.69vw;
    transform: rotate(42deg);
}
.s-01{
    color: #1fd9ef;
    font-size: 1.6vw;
    margin-left: 144px;
    display: block;
    padding-top: 0.5vw;
}
.s-02{
    font-size: 1.9vw;
    color: #9ad6e5;
    font-weight: bold;
    padding-left: 12vw;
}
.s-03{
    font-size: 2.5vw;
    color: white;
}
.s-04{
    color: white;
}
.goods{
    display: flex;
    justify-content: center;
}
.goods .goods-item{
    width: 20vw;
}
.goods-item .goods-conten1{
    height: 24vw;
    background: url('/robot/images/newIndex/goods_one.png') no-repeat ;
    background-size:cover;
    display: flex;
    /*align-items: end;*/
}

.goods-item .goods-conten2{
    height: 24vw;
    background: url('/robot/images/newIndex/goods_two.png') no-repeat ;
    background-size:cover;
    display: flex;
    /*align-items: end;*/
}
.goods-item .goods-conten3{
    height: 24vw;
    background: url('/robot/images/newIndex/goods_three.png') no-repeat ;
    background-size:cover;
    display: flex;
    /*align-items: end;*/
}
.goods-item .goods-describe{
    font-size: .9vw;
    letter-spacing: 1px;
    width: 10vw;
    text-align: center;
    margin: 0 auto;
    margin-top: 15vw;
}
.goods-item .goods-title{
    text-align: center;
    color: white;
    width: 15vw;
    height: 2.7vw;
    font-size: .9vw;
    line-height: 2.1vw;
    border: 0.3vw solid white;
    border-radius: 20px;
    margin: 2vw auto;
    margin-bottom: 1vw;
}
.callContent{
    display: flex;
    width: 60vw ;
    margin: 0 auto;
    justify-content: space-around;
}
.next{
    background: #7ab8e3c2;
    color: white;
    width: 60vw;
    height: 1.5vw;
    line-height: 1.5vw;
    text-align: center;
    border-radius: 10px;
    float: top;
    position: absolute;
    bottom: -3vw;
    border-radius: 10px;
}
.twoBtnbox{
    position: absolute;
    bottom: -3vw;
    display: flex;
}
.nextTwo{
    height: 1.5vw;
    line-height: 1.5vw;
    background: #7ab8e3c2;
    border-radius: 10px;
    margin: 0 3vw;
    color: white;
    width: 25vw;
    text-align: center;
}
.call-title{
    text-align: center;
    border: 0.2vw  solid white;
    border-radius: 10vw;
    height: 2.5vw;
    font-size: .9vw;
    line-height: 2vw;
    color: white;
    width: 10vw;
    margin: 0.8vw auto;
}
#chartState{
    float: right;
    color: #2b78aeb0;
    margin-right: 20px;
    font-weight: 700;
    font-size: .9vw;
}
#timer{
    font-size: .4vw;
    color: #434040cf;
    padding-left: 1.5vw;
}
.call-content{
    height: 26.9vw;
    width: 25vw;
    background: url('/robot/images/newIndex/call_body.png') no-repeat ;
    background-size: cover;
}
.pro-scroll{
    overflow-y: scroll;
    height: 25vw;
}
.call-tip{
    text-align: center;
    padding-top: 2vw;
}
.noneFaq{
    color: gray;
    font-size: 1.5vw;
    background: #8080803b;
    height: 26vw;
    width: 24.5vw;
    border-top-left-radius: 24px;
    margin-top: -0.7vw;
    line-height: 25vw;
    padding-left: 9vw;
    font-family: monospace;
    font-weight: 800;
    margin-left: 0.5vw;
}
.tip-01{
    font-size: .9vw;
    color: black;
    margin: 0.3vw 0;
    font-weight: 600;
}
.tip-02{
    font-size: .7vw;
    color: #959191;
    font-weight: 600;
}
.tip-03{
    font-size: .7vw;
    color: #2976ad;
    font-weight: 600;
}
.call-item{
    width: 22vw;
    margin: 0 auto;
}
.call-item-01{
    margin: 0.4vw 0;
}
.call-item span{
    display: inline-block;
    width: 7vw;
    text-align: right;
    padding-right: 0.8vw;
    font-size: .7vw;
    color: #877e7e;
    font-weight: 600;
}

/*.xj{*/
    /*width:6vw;*/
    /*font-size: .1vw;*/
    /*transform: scale(70%);*/
    /*text-align: right;color: #877e7e;font-weight: 600;*/
    /*padding-right: .8vw;*/
/*}*/

.call-item input{
    border: 0;
    /*background: #2399ed4f;*/
    height: 1.5vw;
    width: 12vw ;
    padding-left: 1vw;
    color: gray;
}
.call-item-02{
    position: relative;
}
.call-item-02 input{
    width: 6vw;
}
.code{
    margin-left: .5vw;
    position: absolute;
    background: #005c9dba !important;
    display: inline-block;
    border-radius: 0.5vw;
    color: white !important;
    font-size: 12px;
    padding: 0.3vw;
    width: 5.5vw!important;
    padding-left: 0.4vw!important;
}
.callPhone{
    background: #91a4b1c2;
    color: white;
    width: 5vw;
    height: 1.5vw;
    line-height: 1.5vw;
    text-align: center;
}
.layui-bg-green{
    background-color: #025e9f!important;
}
.slider-btn{
    height: 100% !important;
}
.codeText{
    display: inline-block;
    width: 5vw;
    text-align: right;
    padding-right: 0.8vw;
    font-size: .7vw;
    color: #877e7e;
    font-weight: 600;
}
.codeStyle{
    position: relative;
    margin-left: 6.5vw;
}
.slider-item{
    max-width: 13vw;
    margin-left: 2vw;
    width: 13vw;
    height: 3.5vw;
}
#results0,#results1{
    width: 25vw;
    height: 20vw;
}
/*对话框样式*/
.call-content{
    padding-top: 1vw;
}
.dialogue{
    display: flex;
    width: 17vw;
    margin: 0.7vw 0;
    justify-content: space-evenly;
}
[contenteditable]:focus{
    outline: none;
}
.dialogue .problem-A{
    background: gray ;
    width: 3vw;
    height: 3vw;
    line-height: 3vw;
    color: white;
    text-align: center;
    border-radius: 50%;
}
.dialogue .problem-T{
    /*background: url('/robot/images/newIndex/input_T.png') no-repeat ;*/
    /*width: 6vw;*/
    /*height: 2vw;*/
    width: 11vw;
    position: relative;

}
.dialogue .problem-T .pro-text ,.pro-texts{
    resize: none;
    border: 0;
    border-radius: 10px;
    padding:.5vw;
    height: auto;
    min-height: 2.5vw;
    background: white;
    box-shadow: -2px -2px 13px #88888800;
}
.dialogue .problem-T ::after{
    /*width: 6vw;*/
    /*height: 2vw;*/
    content: "";
    width: 0px;
    height: 0px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #FFFFFF;
    position: absolute;
    top: 12px;
    left: -11px;
}
.dialogue .answer-A{
    position: relative;
    right: 1.5vw;
}

.sliderNone{
    display: none!important;
}
.dia-right{
    float: right;
    justify-content: flex-end;
}
.dia-right {

}
.dialogue .answer-A .ans-text,.ans-texts{
    resize: none;
    border: 0;
    border-radius: 10px;
    padding:.5vw;
    height: auto;
    color: white;
    background: #25B6EE;
    box-shadow: -2px -2px 13px #88888800;
}
.dialogue .answer-A ::after{
    /*width: 6vw;*/
    /*height: 2vw;*/
    content: "";
    width: 0px;
    height: 0px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #25B6EE;
    position: absolute;
    top: 7px;
    right: -9px;
}
#add{
    float: right;
    width: 25px;
    height: 25px;
    margin: 0.5vw 4vw;
}
.del{
    position: absolute;
    right: 0.7vw;
    top: 1.2vw;
    padding-left: 0vw !important;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #767676b3!important;
    background: #efefef !important;
    border-radius: 5px !important;
    text-align: center !important;
}
.once{
    text-align: center;
}
.pieTowo,.results{
    width: 13vw !important;
}
.chart1{
    display: flex;
}
.noneData{
    padding-top: 5vw;
    color: wheat;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    margin: 5vw auto;
    background: #025e9f8c;
    text-align: center;
}
.noClick{
    pointer-events: none;
    /*cursor: not-allowed;*/
    /*cursor:not-allowed;*/
    /*cursor: default;*/

}
.banMouse:hover{
    /*pointer-events: none;*/
    cursor: not-allowed;
}
.selectRobot{
    opacity: .6;
}

.callButtonTop{
    margin-top:15px;
}

.lastCode{
  position: absolute;
    position: absolute;
    width: 2vw;
    height: 2vw;
    z-index: 999;
    background: red;
}
/*客服*/
.eight{
    background: white;
}
.eight-title{
    text-align: center;
    padding: 2vw 0;
    margin-bottom: 2.5vw;
}
.eight-main-title{
    color: #424242;
    font-size: 2.1vw;
    padding: 1vw 0;

    margin-top: 2vw;
}
.eight-subtitle{
    color: #454545;
    font-size: 1.29vw;
    position: relative;
}
.eight-subtitle:after{
    content: "";
    display: inline-block;
    width: 3vw;
    height: 0.3vw;
    border-radius: 34px;
    background: #005C9D;
    position: absolute;
    left: calc(48.9% - 0.7vw);
    bottom: -2vw ;
}
.eight-content{
    width: 56vw;
    margin: 0 auto;
}
.eight-img{
    background: url('/robot/images/newIndex/eight.png') no-repeat 50%/cover;
    height: 50vw;
    background-size: cover;
}
.eight-slogan{
    background: url('/robot/images/newIndex/eight_title.png')  no-repeat;
    background-size: cover;
    height: 7vw;
    width: 30vw;
    margin: 0 auto;
    position: relative;
    top: 3.5vw;
}
.eight-slogan-top{
    width: 12.5vw;
    text-align: center;
    height: 2.8vw;
    font-weight: 600;
    font-size: 1vw;
    color: white;
    line-height: 2.8vw;
}
.eight-slogan-bottom{
    text-align: center;
    /* background: red; */
    height: 3vw;
    color: white;
    letter-spacing: 2px;
    line-height: 2.4vw;
    font-size: 1.1vw;
    font-weight: bold;
}
/*底部*/
.footer{
    background: #005C9D;
    height: 18vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.footer-left{
    color: #4BBED1;
    letter-spacing: 1px;
}
.footer-left div{
    margin: 1vw 0;
}
.footer-right{
    display: flex;
    color: #7BCFF5;
}
.footer-right .footer-img{
    margin: 0 6vw;
}
.footer-right div{
    text-align: center;
    margin: 1vw 0;
}
.a-key-top{
    right: 3%;
    position: fixed;
    bottom: 5%;
    width: 3vw;
    height: 3vw;
     display: none;
    z-index: 100;
}
.a-key-top img{
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    box-shadow: 2px 5px 12px #9d9d9d;
}

/*客服插件*/
.justwidget--asst-pic{
    bottom: 16vw;
}