.bubble-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  font-family: sans-serif;
  font-size: 13px;
  color: #333;
}
.bubble-toggle:hover {
  background: rgba(255, 255, 255, 0.75);
}
.bubbles {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 40%;
  margin: 0 auto;
  bottom:0px;
  left:0px;
}

.bubble-container {
  position: absolute;
  bottom: 0;
  will-change: transform;
  -webkit-animation: bubblerise 4s infinite ease-in;
  animation: bubblerise 4s infinite ease-in;
  opacity: 0;
}

.bubble {
  width: 6px;
  height: 6px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.25);
  will-change: transform;
  border-radius: 10px;
  -webkit-animation: bubblewobble 0.4s infinite linear;
  animation: bubblewobble 0.4s infinite linear;
}

@-webkit-keyframes bubblerise {
  0% {
    bottom: 0;
    opacity: 0;
  }
  5% {
    bottom: 0;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    opacity: 0;
  }
}

@keyframes bubblerise {
  0% {
    bottom: 0;
    opacity: 0;
  }
  5% {
    bottom: 0;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes bubblewobble {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 2px;
  }
}

@keyframes bubblewobble {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 2px;
  }
}
@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }


/*　　@font-face{
 
　　/*font-properties*
 
　　font-family:hk12;
 
　　src:url('../fonts/hk_w12.ttf');
 
　　}*/
　　.CC{}
.img_div{
    font-family:"siyuan_normal";
    font-size:60px;
    position: absolute;
    z-index:8;
    top:calc(50% - 68px);
    left:100px;
    color:#fff;
    transform: translateY(-50%);
}
.en-swiper .img_div{font-size:35px;}
.font-size-45{font-size:40px;}
.img_div *{color:#fff;} 
.border_line_top_width155{width:155px;border-top:3px solid #fff;margin:65px 0px 40px 0px;}


.img_yuan_big{width:500px;height:500px;position:absolute;}


.img_bg2_1,.img_bg2_2{position:absolute;font-weight:700;}
.img_bg2_1 .img_yuan_proudct,.img_bg2_2 .img_yuan_proudct{left:0px;}
.img_bg2_1{width:700px;}

.img_bg2_2{width:600px;}
.img_yuan0,.img_yuan1,.img_yuan2,.img_yuan3{width:120px;height:120px;position:absolute;}
.img_bg2_1{
    top:calc(20% - 60px);
    transform: translateY(-50%);
    left:20%;
}
.img_bg2_2{
    top:calc(20% + 100px);
    transform: translateY(-50%);
    left:20%;
}


..img_bg3_1{position:absolute;font-weight:700;top:30%;right:20%;font-weight:700;}
.img_bg3_1,.img_bg3_2{font-weight:700;}
.img_bg3_1{top:30%;right:20%;}

.img_bg4_1,.img_bg4_2{position1:absolute;font-weight:700;}
.img_bg4_1{width:900px;}
.img_bg4_2{width:700px;}
.img_bg4_1{
    top:calc(30%);
    transform: translateY(-50%);
    left:10%;
}
.img_bg4_2{
    top:calc(30% + 100px);
    transform: translateY(-50%);
    left:10%;
}


/*.img_yuan_big{
    z-index:9;
    transform: translateX(-50%);
    left:50%;
    bottom:-40%;
}*/
.img_yuan_big{
    z-index: 9;
    transform: translate(-50%,-50%);
    right: 100px;
    top: 50%;
}
.img_yuan0{z-index:9;
    top:calc(20% - 60px);
    transform: translateY(-50%);
    right:400px;
}
.img_yuan1{z-index:9;
    top:calc(40% - 60px);
    transform: translateY(-50%);
    right:300px;
}
.img_yuan2{z-index:9;
    top:calc(60% - 60px);
    transform: translateY(-50%);
    right:400px;
}
.img_yuan3{z-index:9;
    top:calc(80% - 60px);
    transform: translateY(-50%);
    right:300px;
}
.img_yuan_bg_big{
       -moz-animation: rotate 50s infinite linear;
    -webkit-animation: rotate 50s infinite linear;
    animation: rotate 50s infinite linear;
}
.img_yuan_bg{
    width:100%;height:100%;
    background:url('../images/index/banner_static0_yuan0.png') no-repeat;background-size:contain;
}
.img_yuan_proudct{display1:none;
    position: absolute;
    z-index: 999;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    max-width:100%;
}



.img_div div{
    transform: translateX(-400px);
    opacity: 0;
    transition: all .6s linear;
}
.swiper-slide-active .img_div div{
    transform: translateX(0px);opacity: 1;
}
.img_div .div1,.div_delay_time1 {
    transition-delay: 0.7s;
}
.img_div .div2,.div_delay_time2 {
    transition-delay: 0.8s;
}
.img_div .div3,.div_delay_time3 {
    transition-delay: 0.9s;
}
.div_delay_time4 {
    transition-delay: 1s;
}



.fontsize80{font-size:80px;}.fontsize90{font-size:90px;}
.img_div_bottom_to_center{top:calc(50%);
    left: calc(50% - 450px);
    color: #fff;
    transform: translateY(-50%);}
    .img_div_bottom_to_center_left360{left:calc(50% - 360px);}
    .img_div .div_bottom_to_center{
        transform: translateX(0px);
        transform: translateY(50%);
        opacity: 0;
        transition: all .6s linear;
        text-align: center;
    }
    
    
.img_div_right_to_center{
    right:10%;top:50%;color:#fff;transform: translateY(-50%);left:auto;text-align:right;}
}    
.img_div_bottom_to_left{
    top:calc(50% + 100px);
    left: calc(10%);
    color: #fff;
    transform: translateY(-50%);
}
.swiper-slide-active .img_div .div_bottom_to_center{
    transform: translateY(0px);opacity: 1;
}
.img_div .div_bottom_to_center {
    transition-delay: 0.7s;
}
.with_hengxian{background:url('../images/index/xtxs_big_banner_hengxian.png') no-repeat;background-size:contain;}


/**/
.swiper_banner_1_div{left:5%;top:30%;}


@keyframes xx_to_up{
    0%{ bottom:-300px;}
    100%{ bottom:-100px;}

}

.div_bottom_to_up_xx{
    transition-delay: 1.7s;
    position: absolute;
    bottom:-300px;
    width:100%;height:700px;
    background:url('../images/index/xtxs.png') repeat-x;background-size:contain;
    
    animation:xx_to_up 5s forwards;/* infinite normal*/
}
.swiper-slide-active .div_bottom_to_up_xx{
     
}




/*car banner*/
.indjs-list{position:absolute;top:calc(20% + 320px);width:700px;transform:translateX(-50%);left:calc(50% - 360px)}
.indjs-list li{width: 25%;text-align: center;margin-top: 40px;float: left;}
.indjs-img{width: 135px;height: 135px;line-height: 135px;text-align: center;position: relative;margin: 0 auto;cursor:pointer;}
.indjs-imgic{width: auto;position: relative;z-index: 3;}
.indjs-imgqq{animation: jsqq 16s linear infinite;width: 115px;height: 115px;margin-top: -57.5px;margin-left: -57.5px;position: absolute;z-index: 2;top: 50%;left: 50%;line-height: normal;background: url('../images/index/yuan_has_color.png') no-repeat center/100%;}
.indjs-imgzq{animation: jsqq2 10s linear infinite;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;border: 1px solid #e5e5e5;border-radius: 50%;}
.indjs-imgzq:after{content: "";position: absolute;width: 5px;height: 5px;background: #1a86f2;top: 45px;left: 0;border-radius: 50%;}
.indjs-wd{width: 100%;margin-top: 20px;}
.indjs-wd p{font-size: 16px;color: #fff;line-height:40px;font-family:"siyuan_normal";}
.indjs-list li:nth-child(2n) .indjs-imgqq{animation-name: jsqq2;}
.indjs-list li:nth-child(2n) .indjs-imgzq{animation-name: jsqq;}
@keyframes jsqq{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes jsqq2{0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
.indjs-container{width: 100%;}
.div_bg1{background:url(../images/index/index_banner2_wenzi1.jpg) no-repeat;}
.div_bg2{background:url(../images/index/index_banner2_wenzi2.jpg) no-repeat;}




@media all and (max-width:1200px) {
    .fontsize80{font-size:55px;}.fontsize90{font-size:60px;}
}

@media all and (max-width:1000px) {
    .indjs-list{display:none;}
    .fontsize80{font-size:45px;}.fontsize90{font-size:50px;}
}
@media all and (max-width:800px) {
    .fontsize80{font-size:20px;}.fontsize90{font-size:26px;}
    .img_div_bottom_to_center{left: calc(50% - 125px);}
    .swiper1 .img_div_bottom_to_center{top:calc(50% + 27px);}
    .img_div{left:calc(50%);font-size:23px;background:rgba(0,0,0,0.2);max-width:100%;height:70px;top:calc(50%);text-align:center;width:300px;transform:translate(-50%,-50%);display:table;}
    .en-swiper .img_div{font-size:17px;}
    .img_div div{position:static;width:300px;}
    .en-swiper .img_div div{width:360px;}
    .img_div .img_bg4_1{padding-top:18px;}
    .img_div3111{top:50%;left:5%;font-size:25px;}
    .img_bg2_1{top:calc(50%);}
    .img_bg2_1 .img_yuan_proudct, .img_bg2_2 .img_yuan_proudct{left:10vw;}
    .img_bg2_2 {
        top: calc(50% + 50px);
        transform: translateY(-50%);
        left: 20%;
    }
    
    .img_yuan_proudct{max-width:48vw;}
    
}