* {
    margin: 0;
    padding: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden; 
}
body{
    font-family: "PingFang-SC-Medium";
}
            
.header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 5.5rem;
    background: #fff;
    z-index: 9999;
}
.h_center{
    width: 100%;  
    overflow: hidden;
}
.h_logo{
    float: left;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-left: 1rem;
}
.h_price {
    float: right;
    font-size: 1.4rem;
    color: #888;
    margin-right: 1rem;
    line-height: 32px;
}
.h_price span{
    color: #FBA502;
}
.h_price span span{
    font-size: 1.8rem;
}
.h_partner{
    float: right;
    margin-right: 1rem;
    color: #888;
    font-size: 1.4rem;
    clear: both;
    margin-top: -14px;
}
.h_partner img{
    width: 17px;
    vertical-align: initial;
    margin-right: 5px;
}

.banner{
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.bannerbg{
    width: 100%;
}
.bancenter{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.quandiv{
    width: 100%; 
    text-align: center;
}
.banquan{
    width: 300px;
    text-align: center;
    height: 300px;
    position: absolute;
    margin-top: -150px;
    top: 50%;
    margin-left: -150px;
    left: 50%;
}
.partner_con{
    overflow: hidden;
    width: 100%;
    margin-top: 5.5rem;
}
.partner_con div{
    overflow: hidden;
    width: 100%;
}
.partner_con div img{
    width: 100%;
}
/*banner一圈*/
.zhuanone{
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    animation: fd 4s 1s linear infinite;
    -moz-animation: fd 4s 1s linear infinite;
    -webkit-animation: fd 4s 1s linear infinite;
    -o-animation: fd 4s 1s linear infinite;
    opacity: 0;
}
@-webkit-keyframes fd{
    0%{
       opacity: 0;
       width: 80px;
       height: 80px;
       margin-top: -40px;
       margin-left: -40px;
       -webkit-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -webkit-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 800px;
       height: 800px;
       margin-top: -400px;
       margin-left: -400px;    
       -webkit-transform: rotate(70deg);
    }
}
@keyframes fd{
    0%{
       opacity: 0;
       width: 80px;
       height: 80px;
       margin-top: -40px;
       margin-left: -40px;
       transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 800px;
       height: 800px;
       margin-top: -400px;
       margin-left: -400px;   
       transform: rotate(70deg);
    }
}

/*banner二圈*/
.zhuantwo{
    -webkit-transform: rotate(70deg);
    animation: fdt 4s 2s linear infinite;
    -moz-animation: fdt 4s 2s linear infinite;
    -webkit-animation: fdt 4s 2s linear infinite;
    -o-animation: fdt 4s 2s linear infinite;
    opacity: 0;
}
@-webkit-keyframes fdt{
    0%{
       opacity: 0;
       width: 80px;
       height: 80px;
       margin-top: -40px;
       margin-left: -40px;
       -webkit-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -webkit-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 600px;
       height: 600px;
       margin-top: -300px;
       margin-left: -300px;  
       -webkit-transform: rotate(70deg); 
    }
}
@keyframes fdt{
    0%{
       opacity: 0;
       width: 80px;
       height: 80px;
       margin-top: -40px;
       margin-left: -40px;
       transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 600px;
       height: 600px;
       margin-top: -300px;
       margin-left: -300px;   
       transform: rotate(70deg);
    }
}

/*banner三圈*/
.zhuanthree{
    -webkit-transform: rotate(70deg);
    animation: fdth 4s 3s linear infinite;
    -moz-animation: fdth 4s 3s linear infinite;
    -webkit-animation: fdth 4s 3s linear infinite;
    -o-animation: fdth 4s 3s linear infinite;
    opacity: 0;
}
@-webkit-keyframes fdth{
    0%{
       opacity: 0;
       width: 60px;
       height: 60px;
       margin-top: -30px;
       margin-left: -30px;
       -webkit-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -webkit-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 400px;
       height: 400px;
       margin-top: -200px;
       margin-left: -200px; 
       -webkit-transform: rotate(70deg);  
    }
}
@keyframes fdth{
    0%{
       opacity: 0;
       width: 60px;
       height: 60px;
       margin-top: -30px;
       margin-left: -30px;
       transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       transform: rotate(35deg);
    }
    100%{
       opacity: 0.2;   
       width: 400px;
       height: 400px;
       margin-top: -200px;
       margin-left: -200px;   
       transform: rotate(70deg);
    }
}

.bannqquan{
    width: 300px;
    text-align: center;
    opacity: 1;
    height: 300px;
    position: absolute;
    margin-top: -150px;
    top: 50%;
    margin-left: -150px;
    left: 50%;
    opacity: 0;
}
.banxqquan{
    width: 200px;
    text-align: center;
    opacity: 1;
    height: 200px;
    position: absolute;
    margin-top: -100px;
    top: 50%;
    margin-left: -100px;
    left: 50%;
    opacity: 0;
}
.bantan{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.bantanimg{
    width: 100%;
    -webkit-animation: 3.5s bannerRadius0 infinite;
    -moz-animation: 3.5s bannerRadius0 infinite;
    -ms-animation: 3.5s bannerRadius0 infinite;
    -o-animation: 3.5s bannerRadius0 infinite;
    animation: 3.5s bannerRadius0 infinite;
}   
@keyframes bannerRadius0{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-5px,0px);
        -moz-transform: translate3d(0px,-5px,0px);
        -ms-transform:translate3d(0px,-5px,0px);
        -o-transform: translate3d(0px,-5px,0px);
        transform:translate3d(0px,-5px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius0{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-5px,0px);
        -moz-transform: translate3d(0px,-5px,0px);
        -ms-transform:translate3d(0px,-5px,0px);
        -o-transform: translate3d(0px,-5px,0px);
        transform:translate3d(0px,-5px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}

.bantancenter{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.bttitle{
    font-size: 1.6rem;
    color: #333;
    margin: 2rem 0 0.8rem;
    font-weight: 600;
}
.line{
    text-align: center;
}
.line div{
    width: 10%;
    height: 0.4rem;
    background: #0D6EEB;
    margin: 0 auto 2rem;
}
.bantanText{
    position: relative;
    text-align: center;
    margin-bottom: 6%;
}
.rhbancenter{
    width: 100%;
    margin: 0 auto;
}

.rhbantul{
    margin-bottom: 2rem;
}
.rhbantul li{
    float: left;
    width: 18%;
    margin: 0 1%;
    position: relative;
}
.rhbantul li img{
    width: 100%;
}
.rhbant{
    text-align: center;
    font-size: 1.6rem;
    margin: 2rem 0 0.8rem;
    color: #fff;
}
.line2{
    text-align: center;
}
.line2 div {
    background: #FBC044;
    width: 10%;
    height: 0.4rem;
    margin: 0 auto 2rem;
}
.rhbantul li div{
    position: absolute;
    color: #fff;
    background: #000;
    opacity: 0.6;
    text-align: center;
    bottom: 0;
    width: 101%;
    font-size: 1.4rem;
}

.busmodel{
    background: #F5F5F5;
    width: 100%;
    overflow: hidden;
}
.busmodelcenter{
    width: 100%;
}
.busTitle{
    text-align: center;
    font-size: 1.6rem;
    margin: 2rem 0 0.8rem;
    color: #333333;
}
.busul{
    margin-bottom: 2rem;
    overflow: hidden;
}
.busul li{
    background: #fff;
    margin: 0 1rem 1rem;
    padding: 4%;
    overflow: hidden;
}
.busimg{
    text-align: center;
    float: left;
    width: 22%;
    margin-right: 3%;
}

.busimg img{
    width: 50%;
}
.busimgtwo img{
    width: 90% !important;
}
.busname{
    text-align: center;
     font-family: "PingFang-SC-Bold";
     color: #333;
     font-size:1.6rem;
}
.bustext{
    text-indent: 2em;
    font-size: 1.4rem;
    color: #888;
    float: left;
    width: 75%;
}
.tabdiv{
    width: 100%;
}
.tabcenter{
    width:100%;
    overflow: hidden;
}
.gdTitle{
    text-align: center;
    font-size: 1.6rem;
    margin: 2rem 0 0.8rem;
    color: #333333;
    overflow: hidden;
    width: 100%;
}
.gdul{
    margin-bottom: 2rem;
    overflow: hidden;
}
.gdul li{
    width: 31.3%;
    float: left;
    margin: 0 1% 2%;
    position: relative;
    overflow: hidden;
}
.gdul li img{
    width: 100%;
}
.gdul li div{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #2D57D1;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    padding: 16% 0;
    overflow: hidden;
    line-height: 1.4rem;
}
.aboutuscenter{
    width:100%;
    margin: 0 auto;
    overflow: hidden;
}
.auTitle{
    text-align: center;
    font-size: 1.6rem;
    margin: 2rem 0 0.8rem;
    color: #fff;
    overflow: hidden;
    width: 100%;
}
.auText{
    color: #fff;
    font-size: 1.4rem;
    text-indent: 2em;
    line-height: 2.2rem;
    padding: 0 4%;
}
.bottominfo{
    width: 100%;
}
.bicenter{
    width: 100%;
    padding: 2rem 1rem;
    overflow: hidden;
    text-align: center;
    color: #888;
}
.bileft div{
    line-height: 2rem;
    margin-bottom: 0.5rem;
}
.line3{
    text-align: center;
}
.line3 div{
    width: 30px;
    height: 4px;
    background: #B3B3B3;
    margin: 5px auto 10px;
}
.banqiu{

}
.banqiu div{
    width: 88px;
    height: 88px;
    text-align: center;
    line-height: 88px;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 100%;
    position: absolute;
}
.bantext{
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2rem;
}
.pao1{
    left: 10%;
    top: 30%;
}
.pao7{
    left: 28%;
    bottom: 18%;
}
.pao8{
    left: 53%;
    top: 20%;
}
.pao2{
    left: 41%;
    top: 20%;
}
.pao3{
    left: 70%;
    top: 30%;
}
.banqiu2{
  
}
.banqiu2 div{
    width: 88px;
    height: 88px;
    text-align: center;
    line-height: 88px;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 100%;
    position: absolute;
}
.pao4{
    left: 10%;
    bottom: 30%;
    
}
.pao9{
    left: 55%;
    bottom: 18%;
}
.pao5{
    left: 70%;
    bottom: 30%
}
.pao6{
    left: 70%;
    bottom: 30%;
}
.paobg{ 
    position: absolute !important;
    width: 68px !important;
    height: 68px !important;
    top: 9px;
    left: 11px;
    overflow: hidden;
}
.paobghover{
    background: #184BE1;
    position: absolute !important;
    width: 68px !important;
    height: 68px !important; 
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}
.ph1{
    left: -68px;
}
.ph7{
    left: -68px;
}
.ph2{
    left: -68px;
}
.ph3{
    left: -68px;
}
.ph4{
    left: -68px;
}
.ph5{
    left: -68px;
}
.ph6{
    left: -68px;
}
.ph8{
    left: -68px;
}
.ph9{
    left: -68px;
}
/*.pao1 .paobg:hover .ph1{
    left: 0px;
}*/
/*.pao2 .paobg:hover .ph2{
    left: 0px;
}
.pao3 .paobg:hover .ph3{
    left: 0px;
}
.pao4 .paobg:hover .ph4{
    left: 0px;
}
.pao5 .paobg:hover .ph5{
    left: 0px;
}
.pao6 .paobg:hover .ph6{
    left: 0px;
}*/
.paotext{
    width: 68px !important;
    height: 68px !important;
    line-height: 68px !important;
}
.paobg{
     opacity: 1;
   /* -webkit-animation: 1.5s paodisp infinite;
    -moz-animation: 1.5s paodisp infinite;
    -ms-animation: 1.5s paodisp infinite;
    -o-animation: 1.5s paodisp infinite;
    animation: 1.5s paodisp infinite;*/
}
@keyframes paodisp{
    0%{
        opacity: 0.5;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0.5;
    }
}
@-webkit-keyframes paodisp{
    0%{
        opacity: 0.5;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0.5;
    }
}
.paodivbg1{
    height: 107px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -95px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -20px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent1{
    width: 200px !important;
    height: 88px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian1{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    bottom: 13px;
    left: 55px;
}
.paodivbg7{
    height: 107px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -100px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -42px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent7{
    width: 236px !important;
    height: 88px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian7{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    left: 77px;
    bottom: 13px;
}
.paodivbg2{
    height: 127px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -135px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -55px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent2{
    width: 200px !important;
    height: 87px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian2{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    top: -6px;
    left: 95px;
}


.paodivbg8{
    height: 127px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -135px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -56px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent8{
    width: 200px !important;
    height: 87px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian8{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    top: -6px;
    left: 95px;
}
.paodivbg3{
    height: 86px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -90px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -115px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent3{
    width: 200px !important;
    height: 85px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian3{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    bottom: -4px;
    left: 150px;
}

.paodivbg4{
    height: 100px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -108px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -12px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent4{
    width: 260px !important;
    height: 62px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian4{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    top: -6px;
    left: 47px;
}

.paodivbg9{
    height: 127px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -95px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -70px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent9{
    width: 220px !important;
    height: 88px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian9{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    bottom: 33px;
    left: 107px;
}

.paodivbg5{
    height: 127px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -145px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -140px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent5{
    width: 220px !important;
    height: 132px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian5{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    bottom: -11px;
    left: 180px;
}


.paodivbg6{
    height: 87px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -94px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    left: -125px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 999;
}
.paocontent6{
    width: 198px !important;
    height: 86px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 1.2rem !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
}
.paojian6{
    width: 12px !important;
    height: 12px !important;
    background: #184AE7 !important;
    border-radius: initial !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    line-height: 20px !important;
    position: absolute !important;
    top: -6px;
    left: 160px;
}
.pbg1{
    display: none;
    opacity: 0;
}
/*.pao1 .paobg:hover+ .pbg1{
    display: block;
}*/
.pbg7{
    display: none;
    opacity: 0;
}
.pbg2{
    display: none;
    opacity: 0;
}
/*.pao2 .paobg:hover+ .pbg2{
    display: block;
}*/
.pbg3{
    display: none;
    opacity: 0;
}
/*.pao3 .paobg:hover+ .pbg3{
    display: block;
}*/
.pbg4{
    display: none;
    opacity: 0;
}
/*.pao4 .paobg:hover+.pbg4{
    display: block;
}*/
.pbg5{
    display: none;
    opacity: 0;
}
/*.pao5 .paobg:hover+ .pbg5{
    display: block;
}*/
.pbg6{
    display: none;
    opacity: 0;
}
/*.pao6 .paobg:hover+ .pbg6{
    display: block;
}*/
.pbg8{
    display: none;
    opacity: 0;
}
.pbg9{
    display: none;
    opacity: 0;
}
@-webkit-keyframes rollOut {
    form{
        left: 0;
    }
    to{
        left: 224px;
    }
}
@-moz-keyframes rollOut {
    form{
        left: 0;
    }
    to{
        left: 224px;
    }
}

@-o-keyframes rollOut {
    form{
        left: 0;
    }
    to{
        left: 224px;
    }
}
   
            
@keyframes rollOut {
    form{
        left: 0;
    }
    to{
        left: 224px;
    }       
}
            
.rollOut {
    -webkit-animation: rollOut 0.3s linear infinite;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation: rollOut 0.3s linear infinite;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    -moz-animation: rollOut 0.3s linear infinite;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: both;
    -o-animation: rollOut 0.3s linear infinite;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: both;
}
.biright{
    width: 100%;
    overflow: hidden;
    padding: 1rem 0;
}
.biright div{
    width: 50%;
    float: left;
}
.biright div img{
    width: 60%;
}
.twoani{
    position: absolute;
}
.tani1{
    top: 29%;
    left: 36%;
    -webkit-animation: 3.5s bannerRadius1 infinite;
    -moz-animation: 3.5s bannerRadius1 infinite;
    -ms-animation: 3.5s bannerRadius1 infinite;
    -o-animation: 3.5s bannerRadius1 infinite;
    animation: 3.5s bannerRadius1 infinite;
    z-index: 99;
    height: 22%;
}
@keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-moz-keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-o-keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.tani2{
    top: 46%;
    left: 30%;
    -webkit-animation: 3.5s bannerRadius2 infinite;
    -moz-animation: 3.5s bannerRadius2 infinite;
    -ms-animation: 3.5s bannerRadius2 infinite;
    -o-animation: 3.5s bannerRadius2 infinite;
    animation: 3.5s bannerRadius2 infinite;
    z-index: 99;
    height: 22%;
}
@keyframes bannerRadius2{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius2{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-moz-keyframes bannerRadius2{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-o-keyframes bannerRadius2{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}

.tani3{
    top: 40%;
    right: 35%;
    -webkit-animation: 3.5s bannerRadius3 infinite;
    -moz-animation: 3.5s bannerRadius3 infinite;
    -ms-animation: 3.5s bannerRadius3 infinite;
    -o-animation: 3.5s bannerRadius3 infinite;
    animation: 3.5s bannerRadius3 infinite;
    z-index: 99;
    height: 19%;
}
@keyframes bannerRadius3{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius3{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-moz-keyframes bannerRadius3{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-o-keyframes bannerRadius3{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.tani4{
    top: 54%;
    right: 28%;
    -webkit-animation: 3.5s bannerRadius4 infinite;
    -moz-animation: 3.5s bannerRadius4 infinite;
    -ms-animation: 3.5s bannerRadius4 infinite;
    -o-animation: 3.5s bannerRadius4 infinite;
    animation: 3.5s bannerRadius4 infinite;
    z-index: 99;
    height: 22%;
}

@keyframes bannerRadius4{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius4{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-moz-keyframes bannerRadius4{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-o-keyframes bannerRadius4{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}

.tani5{
    bottom: 39%;
    left: 31%;
    width: 38%;
    -webkit-animation: 3.5s bannerRadius5 infinite;
    -moz-animation: 3.5s bannerRadius5 infinite;
    -ms-animation: 3.5s bannerRadius5 infinite;
    -o-animation: 3.5s bannerRadius5 infinite;
    animation: 3.5s bannerRadius5 infinite;
    z-index: 99;
}
@keyframes bannerRadius5{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-10px,0px);
        -moz-transform: translate3d(0px,-10px,0px);
        -ms-transform:translate3d(0px,-10px,0px);
        -o-transform: translate3d(0px,-10px,0px);
        transform:translate3d(0px,-10px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius5{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-10px,0px);
        -moz-transform: translate3d(0px,-10px,0px);
        -ms-transform:translate3d(0px,-10px,0px);
        -o-transform: translate3d(0px,-10px,0px);
        transform:translate3d(0px,-10px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-moz-keyframes bannerRadius5{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-10px,0px);
        -moz-transform: translate3d(0px,-10px,0px);
        -ms-transform:translate3d(0px,-10px,0px);
        -o-transform: translate3d(0px,-10px,0px);
        transform:translate3d(0px,-10px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-o-keyframes bannerRadius5{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-10px,0px);
        -moz-transform: translate3d(0px,-10px,0px);
        -ms-transform:translate3d(0px,-10px,0px);
        -o-transform: translate3d(0px,-10px,0px);
        transform:translate3d(0px,-10px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.tani6{
    bottom: 29%;
    left: 27%;
    width: 47%;
    -webkit-animation: 3.5s bannerRadius6 infinite;
    -moz-animation: 3.5s bannerRadius6 infinite;
    -ms-animation: 3.5s bannerRadius6 infinite;
    -o-animation: 3.5s bannerRadius6 infinite;
    animation: 3.5s bannerRadius6 infinite;
    z-index: 99;
}
@keyframes bannerRadius6{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-5px,0px);
        -moz-transform: translate3d(0px,-5px,0px);
        -ms-transform:translate3d(0px,-5px,0px);
        -o-transform: translate3d(0px,-5px,0px);
        transform:translate3d(0px,-5px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-webkit-keyframes bannerRadius6{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-5px,0px);
        -moz-transform: translate3d(0px,-5px,0px);
        -ms-transform:translate3d(0px,-5px,0px);
        -o-transform: translate3d(0px,-5px,0px);
        transform:translate3d(0px,-5px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-moz-keyframes bannerRadius6{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-5px,0px);
        -moz-transform: translate3d(0px,-5px,0px);
        -ms-transform:translate3d(0px,-5px,0px);
        -o-transform: translate3d(0px,-5px,0px);
        transform:translate3d(0px,-5px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@-o-keyframes bannerRadius6{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-5px,0px);
        -moz-transform: translate3d(0px,-5px,0px);
        -ms-transform:translate3d(0px,-5px,0px);
        -o-transform: translate3d(0px,-5px,0px);
        transform:translate3d(0px,-5px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.textyuan {
    width: 80%;
    text-align: center;
    position: absolute;
    z-index: 999;
    left: 10%;
}
.twoyuanimg{
    width: 100%;
}
.bantanbg{
    position: relative;
    padding: 20% 0;
}
.rhban{
    padding: 2% 0 82%;
    overflow: hidden;
}
.swiperbg{
    width: 86%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.4;
}
.swipercontent{
    width: 100%;
    height: 100%;
    position: absolute;
}
.banswiperimg{
    width: 86%;
}
.swipertext{
    width: 86%;
    padding: 0 5%;
    font-size: 1.2rem;
}
@-webkit-keyframes start {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
         -webkit-transform: translate(0, -8px);
    }
}            
@-moz-keyframes start {
    0%,
    30% {
        opacity: 0;
        -moz-transform: translate(0, 10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0, -8px);
    }
}            
 @keyframes start {
    0%,
    30% {
        opacity: 0;
        transform: translate(0, 10px);
    }
    60% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -8px);
    }
}            
.ani {
    position: absolute;
    text-align: center;
    }                        
#array {
    position: absolute;
    z-index: 999;
    -webkit-animation: start 3s infinite ease-in-out;
    -moz-animation: start 3s infinite ease-in-out;
}
.bandown{
    width: 25px;
    position: absolute;
    bottom: 1.5rem;
    left: 48%;
    z-index: 999;
} 
.device {
  width: 100%;
  position: relative;
  margin: 10px auto;
 
}
.swiper-container {
     width: 180%;
    height: 250px;
    color: #fff;
    position: absolute;
    left: -40%;
}
.swiper-slide {
  height: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.swiper-slide-visible {

}
.swiper-slide-active {
  top: 0;

}
.swiper-slide-visible .swipertext{
    margin-top: 60px;
    opacity: 0;
}
.swiper-slide-active .swipertext{
    
}
.swiper-slide-active .swipertext{
    opacity: 1;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 1.6s cubic-bezier(.4,0,.2,1);
    -moz-transition: all  1.6s cubic-bezier(.4,0,.2,1);
    -o-transition: all  1.6s cubic-bezier(.4,0,.2,1);
    transition: all  1.6s cubic-bezier(.4,0,.2,1);
    margin-top: 0px;
}

@keyframes opacity1{
    from{
        margin-top:100px;
    }
    to{
        margin-top: 0px;
    }
}


.swiper-slide .swipertitle {
    font-size: 1.6rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    text-align: center;
    width: 84%;
    color: #FBC044;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  position: relative;
  top: -50px;
}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.aboutusopen{
    text-align: center;
    padding: 1rem 0 0;
}
.aboutusopen img{
    width: 25px;
}
.aboutus{
    padding-bottom: 2rem;
}
.jijiangjiemu{
    background: #fff !important;
    color: #999 !important;
    padding: 14% 0!important;
    border: 1px solid #EDEDED;
}
.mjw_webshop{
  overflow: hidden;
}
.mjw_webshop div{
  text-align: center;
}
.mjw_webshop img{
    vertical-align: text-top;
    margin-right: 5px;
}
.mjw_webshop a{
  color: #333;
}
.mjw_webshop a:hover{
  text-decoration: underline;
}
.goldbar{
  width: 100%;
  overflow: hidden;
  background: #f8f9fb;
}
.goldbar_center{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.goldbar_con{
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.goldbar_left{
    width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden;
}
.goldbar_ani_bg{
    width: 160px;
    height: 160px;
    background: #EEF2FB;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 50%;
    margin-top: -80px;
    z-index: 8;
}
.goldbar_ani_quan1{
    width: 196px;
    height: 202px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -98px;
    top: 50%;
    margin-top: -101px;
    z-index: 9;
    -webkit-animation: z 25s linear 0s infinite;
    -moz-animation: z 25s linear 0s infinite;
    -ms-animation: z 25s linear 0s infinite;
    animation: z 25s linear 0s infinite;
}
@-webkit-keyframes z {
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}
.goldbar_ani_quan1 img{
    width: 196px;
    height: 202px;
}
.goldbar_ani_q1_yuan1{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #517bfc;
    text-align: center;
    line-height: 40px;
    display: block;
    bottom: 24px;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
.goldbar_ani_q1_yuan2{
    position: absolute;
    width: 34px;
    height: 34px;
    background: #97a8ff;
    text-align: center;
    line-height: 34px;
    display: block;
    top: 32px;
    left: -5px;
    color: #fff;
    border-radius: 100%;
    font-size: 12px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}

.goldbar_ani_q1_yuan3{
    position: absolute;
    width: 38px;
    height: 38px;
    background: #517bfc;
    text-align: center;
    line-height: 38px;
    display: block;
    top: -27px;
    left: 82px;
    color: #fff;
    border-radius: 100%;
    font-size: 13px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
.goldbar_ani_q1_yuan4{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #97a8ff;
    text-align: center;
    line-height: 40px;
    display: block;
    top: 22px;
    right: -12px;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
.goldbar_ani_q1_yuan5{
    position: absolute;
    width: 38px;
    height: 38px;
    background: #97a8ff;
    text-align: center;
    line-height: 38px;
    display: block;
    bottom: -23px;
    right: 13px;
    color: #fff;
    border-radius: 100%;
    font-size: 13px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
@keyframes scaleDraw {
  0% {
    transform:scale(1);

  }
  25% {
    transform:scale(1.2);
    /*放大1.1倍*/
  }
  50% {
    transform:scale(1);
  }
  75% {
    transform:scale(1.2);
  }
}
/*第二圈*/
.goldbar_ani_quan2{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -50px;
    z-index: 8;
    -webkit-animation: y 15s linear 0s infinite;
    -moz-animation: y 15s linear 0s infinite;
    -ms-animation: y 15s linear 0s infinite;
    animation: y 15s linear 0s infinite;
}

@-webkit-keyframes y {
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}
.goldbar_ani_quan2 img{
    width: 100px;
    height: 100px;
}
.goldbar_ani_q2_yuan1{
    position: absolute;
    width: 22px;
    height: 22px;
    background: #647eff;
    border-radius: 100px;
    right: 10px;
    bottom: 0;
    -webkit-animation: yq_ani 3s infinite ease-in-out;
    -moz-animation: yq_ani 3s infinite ease-in-out;
    animation: yq_ani 3s infinite ease-in-out;
}
.goldbar_ani_q2_yuan2{
    position: absolute;
    width: 22px;
    height: 22px;
    background: rgba(100,126,255,0.2);
    border-radius: 100px;
    left: 10px;
    top: 0;
    -webkit-animation: yq_ani 3s infinite ease-in-out;
    -moz-animation: yq_ani 3s infinite ease-in-out;
    animation: yq_ani 3s infinite ease-in-out;
}
@-webkit-keyframes yq_ani{
  0%{
    opacity: 0.5;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0.5;
  }
}
@keyframes yq_ani{
  0%{
    opacity: 0.5;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0.5;
  }
}
.goldbar_ani_wq1{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #EECC88;
    border-radius: 100%;
    bottom: 30px;
    right: 30px;
}
.goldbar_ani_wq2{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #517bfc;
    border-radius: 100%;
    top: 6px;
    right: 84px;
}
.goldbar_ani_wq3{
    position: absolute;
    width: 5px;
    height: 5px;
    background: #517bfc;
    border-radius: 100%;
    bottom: 60px;
    left: 20px;
}
.goldbar_ani_wq4{
    position: absolute;
    width: 5px;
    height: 5px;
    background: #97a8ff;
    border-radius: 100%;
    top: 20px;
    left: 85px;
}
.goldbar_right{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px 5%;
}
.goldbar_right p{
    font-size: 1.4rem;
    color: #666666;
    line-height: 30px;
    margin-bottom: 10px;
}
.goldbar_code{
    /*position: absolute;
    bottom: 10px;
    right: 4%;*/
}
.goldbar_code_img{
    width: 85px;
    height: 85px;
    margin: 0 auto;
    position: relative;
}

.goldbar_code_img img{
    width: 85px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width 0.5s, height 0.5s, left 0.5s,z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s, left 0.5s,z-index 1s, -webkit-transform 1s;
}
.goldbar_code_img img:hover{
    width: 180px;
    left: -47.5px;
}
.goldbar_code_text{
    font-size: 14px;
    text-align: center;
    color: #000;
}
.buybackgold{
    width: 100%;
    overflow: hidden;
    background: #3652de;
}
.buybackgold_center{
    margin: 0 auto;
    overflow: hidden;
}
.buybackgold_con{
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.buybackgold_left{
    width: 100%;
    overflow: hidden;
    position: relative;
    float: left;
    padding: 0px 4%;
}
.buybackgold_left p{
    font-size: 1.4rem;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
}
.buybackgold_code{
  /*  position: absolute;
    bottom: 10px;
    right: 4%;
    text-align: center;*/
}
.buybackgold_code_img{
    width: 85px;
    height: 85px;
    margin: 0 auto;
    position: relative;
}
.buybackgold_code_img img{
    width: 85px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width 0.5s, height 0.5s, left 0.5s,z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s, left 0.5s,z-index 1s, -webkit-transform 1s;
}
.buybackgold_code_img img:hover{
    width: 180px;
    left: -47.5px;
}
.buybackgold_code_text{
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 6px;
}
.buybackgold_right{
    width: 260px;
    height: 243.5px;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}
.buybackgold_img1{
    position: absolute;
    width: 188px;
    left: 28px;
    top: 17px;
    z-index: 0;
}
.buybackgold_img2_1{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.buybackgold_img2_2{
    width: 100%;
    position: absolute;
    left: -0.3px;
    bottom: -1.5px;
    z-index: 3;
}
.buybackgold_img3{
    width: 110px;
    position: absolute;
    left: 72px;
    bottom: -180px;
    z-index: 2;
}
.buybackgold_img4{
    width: 30px;
    position: absolute;
    left: 58px;
    top: 25px;
    z-index: 4;
}
.td_con{
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}
.td_con li{
    background: #fff;
    padding: 5%;
    margin: 0 4% 20px;
    margin-bottom: 20px;
    width: 92%;
    box-shadow: 0px 2px 10px 5px #e5e5e5;
}
.td_open_code{
    text-align: center;
}
.td_open_code div{
    position: relative;
    width: 85px;
    height: 85px;
    margin:0 auto 5px;
}
.td_open_code div img{
    position: absolute;
    width: 85px;
    left: 0;
    bottom: 0;
    transition: width 0.5s, height 0.5s, left 0.5s,z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s, left 0.5s,z-index 1s, -webkit-transform 1s;
}
.td_open_code div img:hover{
    width: 180px;
    left: -47.5px;
}
.td_con_text{
  line-height: 28px;
  color: #666666;
  font-size: 14px;
  margin-bottom: 15px;
}
.td_con li:hover {
    box-shadow: 0px 2px 10px 5px #e5e5e5;
}
.et_partner_con{
  overflow: hidden;
  min-height: 2500px;
  margin-top: 50px;
}
.et_partner_banner{
  overflow: hidden;
  width: 100%;
}
.et_partner_banner img{ 
  width: 100%;
}
.partner_model1{
  overflow: hidden;
  width: 100%;
}
.partner_model2{
  background: #F3F3FB;
}
.et_partner_center{
   width: 1050px;
   margin:0 auto;
   overflow: hidden;
   padding-bottom: 80px;
}
.model1_img{
  overflow: hidden;
}
.model1_img img{
  width: 100%;
}
.model2_img{
  overflow: hidden;
  text-align: center;
}
.model2_img img{
  width: 90%;
}
.model4_img{
  overflow: hidden;
  text-align: center;
}
.model4_img img{
  width: 96%;
}