* {
    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: 50px;
    background: #fff;
    z-index: 9999;
}
.h_center{
    width: 1000px;
    margin:0 auto;
    overflow: hidden;
}
.h_logo{
    float: left;
    margin-top: 10px; 
    margin-right: 30px;
}
.h_price {
    float: left;
    margin-top: 10px;
    font-size: 14px;
    color: #888;
}
.h_price span{
    color: #FBA502;
}
.h_price span span{
    font-size: 20px;
}

.h_right{
    float: right;
    font-size: 14px;
    color: #888;
    margin-top: 15px;
}
.h_phone{
    float: left;
}
.h_aboutus{
    float: left;
    cursor: pointer;
    margin-right: 30px;
} 
.h_partner{
    float: left;
    cursor: pointer;
}
.h_partner a{
    color: #888;
}
.h_phone{
    margin-right: 30px;
}
.h_right img{
    vertical-align: text-top !important;
}
.banner{
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.bancenter{
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    margin-left: -500px;
    left: 50%;
    
}

.bantext{
    text-align: center;
    color: #fff;
    font-size: 50px;
    width: 1000px;
    overflow: hidden;
}
 
.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%;
}
/*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: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -webkit-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -webkit-transform: rotate(35deg);
    }
    100%{
       opacity: 0.2;   
       width: 1900px;
       height: 1900px;
       margin-top: -950px;
       margin-left: -950px;    
       -webkit-transform: rotate(70deg);
    }
}
@keyframes fd{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       transform: rotate(35deg);
    }
    100%{
       opacity: 0.2;   
       width: 1900px;
       height: 1900px;
       margin-top: -950px;
       margin-left: -950px;   
       transform: rotate(70deg);
    }
}
@-moz-keyframes fd{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -moz-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -moz-transform: rotate(35deg);
    }
    100%{
       opacity: 0.2;   
       width: 1900px;
       height: 1900px;
       margin-top: -950px;
       margin-left: -950px;    
       -moz-transform: rotate(70deg);
    }
}
@-o-keyframes fd{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -o-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -o-transform: rotate(35deg);
    }
    100%{
       opacity: 0.2;   
       width: 1900px;
       height: 1900px;
       margin-top: -950px;
       margin-left: -950px;    
       -o-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: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -webkit-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -webkit-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1500px;
       height: 1500px;
       margin-top: -750px;
       margin-left: -750px;  
       -webkit-transform: rotate(70deg); 
    }
}
@keyframes fdt{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1500px;
       height: 1500px;
       margin-top: -750px;
       margin-left: -750px;   
       transform: rotate(70deg);
    }
}
@-moz-keyframes fdt{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -moz-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -moz-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1500px;
       height: 1500px;
       margin-top: -750px;
       margin-left: -750px;  
       -moz-transform: rotate(70deg); 
    }
}
@-o-keyframes fdt{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -o-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -o-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1500px;
       height: 1500px;
       margin-top: -750px;
       margin-left: -750px;  
       -o-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: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -webkit-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -webkit-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1100px;
       height: 1100px;
       margin-top: -550px;
       margin-left: -550px; 
       -webkit-transform: rotate(70deg);  
    }
}
@keyframes fdth{
    0%{
       opacity: 0;
       width: 200px;
       height: 200px;
       margin-top: -100px;
       margin-left: -100px;
       transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1100px;
       height: 1100px;
       margin-top: -550px;
       margin-left: -550px;   
       transform: rotate(70deg);
    }
}
@-moz-keyframes fdth{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -moz-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -moz-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1100px;
       height: 1100px;
       margin-top: -550px;
       margin-left: -550px; 
       -moz-transform: rotate(70deg);  
    }
}
@-o-keyframes fdth{
    0%{
       opacity: 0;
       width: 300px;
       height: 300px;
       margin-top: -150px;
       margin-left: -150px;
       -o-transform: rotate(0deg);
    }
    50%{
       opacity: 1;
       -o-transform: rotate(35deg);
    }
    100%{
       opacity: 0;   
       width: 1100px;
       height: 1100px;
       margin-top: -550px;
       margin-left: -550px; 
       -o-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;
}

/*旋转*/
.zhuan{
    -webkit-transform: rotate(360deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite;
}
@-webkit-keyframes rotation{
    0%{
       -webkit-transform: rotate(0deg);
    }
    100%{
       -webkit-transform: rotate(360deg);        
    }
}
@keyframes rotation{
    0%{
       -webkit-transform: rotate(0deg);           
    }
    100%{
       -webkit-transform: rotate(360deg);         
    }
}

.bantan{
    width: 100%;
    height: 850px;
    position: relative;
}
.bantancenter{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.bttitle{
    font-size: 30px;
    color: #333;
    margin: 80px 0 10px;
    font-weight: 600;
}
.line{
    text-align: center;
    overflow: hidden;
}
.line div{
    width: 60px;
    height: 6px;
    background: #0D6EEB;
    margin: 0 auto 70px;
}
.bantanText{
    position: absolute;
    text-align: center;
    width: 1000px;
    height: 625px;
    margin-bottom: 80px;
    z-index: 999;
}
.tanbg{
    position: absolute;
    top: 460px;
    left: 0;
    width: 100%;
}
.tanbg img{
  width: 100%;
}

.tan1{
    text-align: center;
    padding: 35px 0 16px;
    margin-bottom: 25px;
}
.tan1T{
    font-family: "PingFang-SC-Bold";
    font-size: 24px;
    color: #9d6b14;
}
.tan1C{
    font-size: 18px;
    color: #7e5712;
    line-height: 23px;
}
.tan2{
    text-align: center;
    padding: 33px 0 45px;
    margin-bottom: 25px;
}
.tan2T{
    font-family: "PingFang-SC-Bold";
    font-size: 24px;
    color: #9d6b14;
    margin-bottom: 10px;
}
.tan2C{
    font-size: 18px;
    color: #7e5712;
    line-height: 23px;
}
.tan3{
    text-align: center;
    padding: 22px 0 24px;
    margin-bottom: 40px;
}
.tan3T{
    font-family: "PingFang-SC-Bold";
    font-size: 24px;
    color: #fff;
    margin-bottom:6px;
}
.tan3C{
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}
.tan4{
    text-align: center;
    padding: 22px 0 24px;
    margin-bottom: 75px;
}
.tan4T{
    font-family: "PingFang-SC-Bold";
    font-size: 24px;
    color: #fff;
    margin-bottom:6px;
}
.tan4C{
    font-size: 18px;
    color: #fff;
}
.rhbancenter{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.rhbantul{
    overflow: hidden;
    margin-bottom: 80px;
}
.rhbantul li{
    float: left;
    width: 188px;
    height: 290px;
    margin: 0 6px;
    position: relative;
}
.rhbant{
    text-align: center;
    font-size: 30px;
    margin: 80px 0 10px;
    color: #fff;
}
.line2{
    text-align: center;
}
.line2 div {
    width: 60px;
    height: 6px;
    background: #FBC044;
    margin: 0 auto 70px;
}
.rhzhezhaobg{
    position: absolute;
    height: 290px;
    color: #fff;
    background: #000;
    opacity: 0.6;
    text-align: center;
    top: 250px;
    width: 100%;
    font-size: 18px;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
}
.rhzhezhaobg p{
   text-align: left;
   font-size: 14px;
   text-indent: 2em;
   padding: 10px 10px;
   opacity: 0;
   filter: alpha(opacity=0);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
   -webkit-transition: all 1s cubic-bezier(.4,0,.2,1);
   -moz-transition: all 1s cubic-bezier(.4,0,.2,1);
   -o-transition: all 1s cubic-bezier(.4,0,.2,1);
   transition: all 1s cubic-bezier(.4,0,.2,1);
   margin-top: 90px;
}
.rhbantul li:hover div.rhzhezhaobg{
    top:0px;
    opacity: 0.8;
}
.rhbantul li:hover .rhzhezhaobg div{
    color: #FFC642;
    margin: 20px 0 10px;
}
.rhbantul li .rhtitle{
    height: 40px;
    line-height: 40px;
    transition: all 1s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all 1s cubic-bezier(.4,0,.2,1);
    -moz-transition: all 1s cubic-bezier(.4,0,.2,1);
    -o-transition: all 1s cubic-bezier(.4,0,.2,1);
}
.rhbantul li:hover .rhtitle{
    -webkit-transform: translate3d(15,-50px,0);
    -moz-transform: translate3d(15,-50px,0);
    -ms-transform: translate3d(15,-50px,0);
    -o-transform: translate3d(15,-50px,0);
    transform: translate3d(15,-50px,0);
    color: #FFC642;
}
.rhbantul li:hover .rhzhezhaobg p{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transform: translate3d(50,-70px,0);
    -moz-transform: translate3d(50,-70px,0);
    -ms-transform: translate3d(50,-70px,0);
    -o-transform: translate3d(50,-70px,0);
    transform: translate3d(50,-70px,0);
    margin-top: 0px;
}

/*业务模式*/
.busmodel{
    background: #F5F5F5;
    width: 100%;
    overflow: hidden;
}
.busmodelcenter{
    width: 1000px;
    margin: 0 auto;
}
.busTitle{
    text-align: center;
    font-size: 30px;
    margin: 80px 0 10px;
    color: #333333;
}
.busul{
    height: 346px;
    margin-bottom: 80px;
}
.busul li{
    width: 288px;
    height: 360px;
    float: left;
    background: #fff;
    margin: 0 22px;
    padding: 25px;
}
.busul li:hover{
    box-shadow: 0px 2px 10px 5px #D1D6EF;
}
.busimg{
    text-align: center;
    margin-bottom: 10px;
}
.busname{
    text-align: center;
     font-family: "PingFang-SC-Bold";
     color: #333;
     font-size: 26px;
}
.busul li p{
    text-indent: 2em;
    font-size: 14px;
    color: #888;
}
.tabdiv{
    width: 100%;
}
.tabcenter{
    width: 1000px;
    margin:0 auto;
    overflow: hidden;
}
.gdTitle{
    text-align: center;
    font-size: 30px;
    margin: 80px 0 10px;
    color: #333333;
    overflow: hidden;
    width: 100%;
}
.gdul{
    margin-bottom: 80px;
    height: 225px;
}
.gdul li{
    width: 224px;
    height: 100px;
    float: left;
    margin: 0 13px 23px;
    position: relative;
    overflow: hidden;
}
.gdul li div{
    position: absolute;
    width: 224px;
    height: 100px;
    left:0;
    top: 0;
    background: #2D57D1;
    text-align: center;
    line-height: 100px;
    color: #fff;
    font-size: 24px;
}
.aboutuscenter{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.auTitle{
    text-align: center;
    font-size: 30px;
    margin: 80px 0 10px;
    color: #fff;
    overflow: hidden;
    width: 100%;
}
.auText{
    color: #fff;
    font-size: 16px;
    text-indent: 2em;
    line-height: 34px;
    margin-bottom: 80px;
}
.auText span { color: #FBC044; font-weight: 400; }
.aboutus_layer { position: fixed; width: 1000px; height: 600px; z-index: 99999; left: 50%; top: 100px; margin-left: -500px; font-size: 16px; background-color: #FFF; border-radius: 30px; box-shadow: 4px 4px 14px #333; padding: 60px 50px; }
.aboutus_layer:after { content: attr(data-num); line-height: 33px; text-align: center; width: auto; height: 34px; border-radius: 0; border-top-right-radius: 30px; border-bottom-left-radius: 5px; background-color: rgba(51, 51, 51, .7); color: #EEE; position: absolute; top: 0; right: 0; padding: 0 25px; }
.aboutus_layer .box { height: 480px; overflow-y: scroll; }
.aboutus_layer h5, dt, dd { margin: 10px 0; }
.aboutus_layer h5 { font-size: 20px; }
.aboutus_layer dt { margin-top: 20px; font-weight: 700; }
.aboutus_layer p, li { margin: 5px; }
.aboutus_layer p { text-indent: 32px; }
.aboutus_shadow { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(51, 51, 51, .85); z-index: 99990; }
.bottominfo{
    width: 100%;
}
.bicenter{
    width: 1000px;
    margin: 40px auto;
    height: 140px;
}
.bileft{
    float: left;
}
.bileft div{
    margin: 5px 0;
}
.biright{
    float: right;
}
.biright div{
    float: right;
    text-align: center;
    font-size: 14px;
    color: #333; 
    margin-left: 40px;
    position: relative;
}
.line3{
    text-align: center;
}
.line3 div{
    width: 30px;
    height: 4px;
    background: #B3B3B3;
    margin: 5px auto 10px;
}
.banqiu{
    height: 190px;
    margin-bottom: 40px;
}
.banqiu div{
    width: 106px;
    height: 106px;
    text-align: center;
    line-height: 106px;
    color: #fff;
    font-size: 16px;
    border-radius: 100%;
    position: relative;
}
.pao1{
    float: left;
    margin-left: 120px;
    margin-top: 95px;
}

.pao2{
    float: left;
    margin-left: 100px;
}

.pao3{
    float: right;
    margin-right: 120px; 
     margin-top: 80px;
}
.banqiu2{
    margin-top: 40px;
    height: 190px;
}
.banqiu2 div{
    width: 106px;
    height: 106px;
    text-align: center;
    line-height: 106px;
    color: #fff;
    font-size: 16px;
    border-radius: 100%;
    position: relative;
}
.pao4{
    float: left;
    margin-left: 120px;
    
}
.pao5{
    float: left;
    margin-left: 72px;
    margin-top: 80px;
}
.pao6{
    float: right;
    margin-right: 120px; 
}
.pao7{
    float: left;
    margin-left:45px;
    margin-top: 85px;
}
.pao8{
    float: left;
    margin-left: 120px;
}
.pao9{
    float: left;
    margin-left: 66px;
    margin-top: 135px;
}
.paobg{ 
    position: absolute !important;
    width: 81px !important;
    height: 81px !important;
    top: 13px;
    left: 13px;
    overflow: hidden;
}
.paobghover{
    background: #184BE1;
    position: absolute !important;
    width: 81px !important;
    height: 81px !important; 
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}
.ph1{
    left: -82px;
}

.ph2{
    left: -82px;
}
.ph3{
    left: -82px;
}
.ph4{
    left: -82px;
}
.ph5{
    left: -82px;
}
.ph6{
    left: -82px;
}
.ph7{
    left: -82px;
}
.ph8{
    left: -82px;
}
.ph9{
    left: -82px;
}
.pao1 .paobg:hover .ph1{
    left: 0px;
}
.pao7 .paobg:hover .ph7{
    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;
}
.pao8 .paobg:hover .ph8{
    left: 0px;
}
.pao9 .paobg:hover .ph9{
    left: 0px;
}
.paotext{
    width: 81px !important;
    height: 81px !important;
    line-height: 81px !important;
}
.paodivbg1{
    width: 240px !important;
    height: 107px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -95px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -63px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent1{
    width: 240px !important;
    height: 88px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: 46%;
}
.paodivbg7{
    width: 225px!important;
    height: 109px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -110px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -55px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent7{
    width: 225px !important;
    height: 108px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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;
    bottom: -4px;
    left: 46%;
}

.paodivbg9{
    width: 225px!important;
    height: 109px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -95px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -55px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent9{
    width: 230px !important;
    height: 90px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: 13px;
    left: 46%;
}
.paodivbg2{
    width: 250px !important;
    height: 127px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -135px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -66px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent2{
    width: 250px !important;
    height: 90px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: 46%;
}
.paodivbg8{
    width: 250px !important;
    height: 127px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -135px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -66px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent8{
    width: 250px !important;
    height: 90px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: 46%;
}
.paodivbg3{
    width: 280px !important;
    height: 86px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -92px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -90px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent3{
    width: 280px !important;
    height: 88px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: -8px;
    left: 49%;
}

.paodivbg4{
    width: 202px !important;
    height: 100px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -106px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -50px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent4{
    width: 202px !important;
    height: 85px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: 49%;
}
.paodivbg5{
    width: 260px !important;
    height: 140px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    top: -136px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -90px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent5{
    width: 260px !important;
    height: 132px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-align: initial !important;
    text-indent: 2em;
    background: #184AE7;
    z-index: 99;
}
.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: 2px;
    left: 52%;
}
.paodivbg6{
    width: 195px !important;
    height: 120px !important;
    line-height: 23px !important;
    border-radius: initial !important;
    position: absolute !important;
    bottom: -125px !important;
    font-size: 14px !important;
    text-align: initial !important;
    left: -43px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}
.paocontent6{
    width: 195px !important;
    height: 86px !important;
    line-height: 23px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 14px !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: 46%;
}
.pbg1{
    opacity: 0;
}
.pao1 .paobg:hover+ .pbg1{
    opacity: 1;
}
.pbg7{
    opacity: 0;
}
.pao7 .paobg:hover+ .pbg7{
    opacity: 1;
}
.pbg2{
    opacity: 0;
}
.pao2 .paobg:hover+ .pbg2{
    opacity: 1;
}
.pbg8{
    opacity: 0;
}
.pao8 .paobg:hover+ .pbg8{
    opacity: 1;
}
.pbg9{
    opacity: 0;
}
.pao9 .paobg:hover+ .pbg9{
    opacity: 1;
}
.pbg3{
    opacity: 0;
}
.pao3 .paobg:hover+ .pbg3{
    opacity: 1;
}
.pbg4{
    opacity: 0;
}
.pao4 .paobg:hover+.pbg4{
    opacity: 1;
}
.pbg5{
    opacity: 0;
}
.pao5 .paobg:hover+ .pbg5{
    opacity: 1;
}
.pbg6{
    opacity: 0;
}
.pao6 .paobg:hover+ .pbg6{
    opacity: 1;
}

@-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;
}
.ewandroid{
  width: 102px;
  height: 102px;
}
.ewios{
  width: 102px;
  height: 102px;
}
.androidimg{
    position: absolute;
    bottom: 23px;
    width: 102px;
    height: 102px;
    right: 23px;
    box-shadow: 1px 1px 8px 1px #D2DBF6;
    border-radius: 4px;
    transition: width 0.5s, height 0.5s, z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s,z-index 1s, -webkit-transform 1s;
    z-index: 9;

}
.iosimg{
    position: absolute;
    bottom:23px;
    width: 102px;
    height: 102px;
    left: 18px;
    box-shadow: 1px 1px 8px 1px #D2DBF6;
    border-radius: 4px;
    transition: width 0.5s, height 0.5s, z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s,z-index 1s, -webkit-transform 1s;
    z-index: 9;
}
.iosimg:hover{
   width: 290px;
   height: 290px;
   z-index: 9999;
}
.androidimg:hover{
    width: 290px;
    height: 290px;
    z-index: 9999;
}

.site-canvas {
}         
.dna {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 250px;
    text-align: center;
    overflow: hidden;
}        
.dna_section {
    position: relative;
    margin: 0 5px;
    width: 50px;
    height: 250px;
    display: inline-block;
}            
.dna_section .node {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #f8f8f8;
    -webkit-animation: 4s topNode ease-in-out infinite;
    animation: 4s topNode ease-in-out infinite;
}            
@-webkit-keyframes topNode {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 0;
        z-index: 10;
        opacity: 0.75;
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 200px;
        z-index: 0;
        opacity: 0.75;
    }
    75% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 0;
        opacity: 0.75;
    }
}
@keyframes topNode {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 0;
        z-index: 10;
        opacity: 0.75;
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 200px;
        z-index: 0;
        opacity: 0.75;
    }
    75% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 0;
        opacity: 0.75;
    }
}
.dna_section .node.bottom {
    top: auto;
    bottom: 0;
    background: #f8f8f8;
    -webkit-animation: 4s bottomNode ease-in-out infinite;
    animation: 4s bottomNode ease-in-out infinite;
}            
@-webkit-keyframes bottomNode {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        bottom: 0;
        opacity: 0.75;
    }
    25% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        opacity: 0.5;
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        bottom: 200px;
        opacity: 0.75;
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        bottom: 0;
        opacity: 0.75;
         }
}            
@keyframes bottomNode {
    0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
         bottom: 0;
         opacity: 0.75;
    }
    25% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        opacity: 0.5;
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        bottom: 200px;
        opacity: 0.75;
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        bottom: 0;
        opacity: 0.75;
    }
}
.textyuan{
    width: 650px;
    text-align: center;
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: -325px;
}
.textyuan .twoyuanimg{
    width: 650px;
}
.twoani{
    position: absolute;
}
.tani1{
    top: 165px;
    left: 240px;
    -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;
}
@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: 297px;
    left: 200px;
    -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;
}
@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: 360px;
    right: 200px;
    -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;
}
@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: 235px;
    right: 240px;
    -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;
}

@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: 250px;
    left: 200px;
    width: 250px;
    -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: 195px;
    left: 166px;
    width: 320px;
    -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);
    }
}
.headbg{
    background: #f2f2f2;
    box-shadow: 0px 0px 10px 2px #a6a6a6;
}
.mjw_webshop{
  overflow: hidden;
}
.mjw_webshop div{
  float: left;
  margin-right: 20px;

}
.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: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.goldbar_con{
    margin-bottom: 80px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.goldbar_left{
    width: 50%;
    height: 100%;
    position: absolute;
}
.goldbar_ani_bg{
    width: 180px;
    height: 180px;
    background: #EEF2FB;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    top: 50%;
    margin-top: -90px;
    z-index: 8;
}
.goldbar_ani_quan1{
    width: 216px;
    height: 222px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -108px;
    top: 50%;
    margin-top: -111px;
    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: 216px;
    height: 222px;
}
.goldbar_ani_q1_yuan1{
    position: absolute;
    width: 50px;
    height: 50px;
    background: #517bfc;
    text-align: center;
    line-height: 50px;
    display: block;
    bottom: 24px;
    color: #fff;
    border-radius: 100%;
    font-size: 16px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
.goldbar_ani_q1_yuan2{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #97a8ff;
    text-align: center;
    line-height: 40px;
    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: 45px;
    height: 45px;
    background: #517bfc;
    text-align: center;
    line-height: 45px;
    display: block;
    top: -27px;
    left: 82px;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
.goldbar_ani_q1_yuan4{
    position: absolute;
    width: 50px;
    height: 50px;
    background: #97a8ff;
    text-align: center;
    line-height: 50px;
    display: block;
    top: 22px;
    right: -12px;
    color: #fff;
    border-radius: 100%;
    font-size: 16px;
    -webkit-animation: scaleDraw 5s infinite ease-in-out;
}
.goldbar_ani_q1_yuan5{
    position: absolute;
    width: 45px;
    height: 45px;
    background: #97a8ff;
    text-align: center;
    line-height: 45px;
    display: block;
    bottom: -23px;
    right: 13px;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    -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: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -60px;
    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: 120px;
    height: 120px;
}
.goldbar_ani_q2_yuan1{
    position: absolute;
    width: 30px;
    height: 30px;
    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: 30px;
    height: 30px;
    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%;
    top: -40px;
    left: 235px;
}
.goldbar_ani_wq4{
    position: absolute;
    width: 5px;
    height: 5px;
    background: #97a8ff;
    border-radius: 100%;
    top: 6px;
    left: 140px;
}
.goldbar_right{
    width: 50%;
    overflow: hidden;
    position: relative;
    float: right;
    padding: 0px 50px;
}
.goldbar_right p{
    font-size: 20px;
    color: #666666;
    line-height: 36px;
}
.goldbar_code{
    position: absolute;
    bottom: 10px;
    right: 75px;
}
.goldbar_code_img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.goldbar_code_img img{
    width: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.5s, height 0.5s, z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s,z-index 1s, -webkit-transform 1s;
}
.goldbar_code_img img:hover{
    width: 180px;
}
.goldbar_code_text{
    font-size: 14px;
    text-align: center;
    color: #000;
}
.buybackgold{
    width: 100%;
    overflow: hidden;
    background: #3652de;
}
.buybackgold_center{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.buybackgold_con{
    margin-bottom: 80px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.buybackgold_left{
    width: 58%;
    overflow: hidden;
    position: relative;
    float: left;
    padding: 0px 50px
}
.buybackgold_left p{
    font-size: 20px;
    color: #fff;
    line-height: 36px;
}
.buybackgold_code{
    position: absolute;
    bottom: 10px;
    right: 85px;
    text-align: center;
}
.buybackgold_code_img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}
.buybackgold_code_img img{
    width: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.5s, height 0.5s, z-index 1s, transform 1s;
    -webkit-transition: width 0.5s, height 0.5s,z-index 1s, -webkit-transform 1s;
}
.buybackgold_code_img img:hover{
    width: 180px;
}
.buybackgold_code_text{
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 6px;
}
.buybackgold_right{
    width: 420px;
    height: 378px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
.buybackgold_img1{
  position: absolute;
  width: 290px;
  left: 40px;
  top: 25px;
  z-index: 0;
}
.buybackgold_img2_1{
  width: 400px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.buybackgold_img2_2{
  width: 399.9px;
  position: absolute;
  left: -1px;
  bottom: 0;
  z-index: 3;
}
.buybackgold_img3{
  width: 152px;
  position: absolute;
  left: 120px;
  bottom: -242px;
  z-index: 2;
}
.buybackgold_img4{
  width: 40px;
  position: absolute;
  left: 100px;
  top: 30px;
  z-index: 4;
}
.td_con{
    margin-bottom: 80px;
    width: 100%;
    display: inline-block;
}
.td_con li{
    width: 970px;
    height: 306px;
    float: left;
    background: #fff;
    margin: 0 22px;
    padding: 30px;
}
.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%;
}