.home-slide{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.home-slide li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.home-slide li:first-child{position:relative;display:block;float:left}
.home-slide img{display:block;width:100%;margin: 0 auto;}
.slide-container{position:relative;overflow:hidden;background:#000;}
.slide-container .rslides_nav{background:url(../images/sprite.png) no-repeat scroll 0 0;height:50px;opacity:0;overflow:hidden;position:absolute;text-indent:-999px;top:50%;transition:all .4s ease 0;width:27px;z-index:99;margin-top:-25px}
.slide-container .rslides_nav.prev{left:0}
.slide-container .rslides_nav.next{background-position:-27px 0;right:0}
.banner-container:hover .slide-container .rslides_nav.prev{left:50px;opacity:1}
.banner-container:hover .slide-container .rslides_nav.next{opacity:1;right:50px}
.slide-container .rslides_tabs{bottom:40px;left:0;position:absolute;text-align:center;width:100%;z-index:99}
.slide-container .rslides_tabs li{display:inline-block;padding:0 8px;vertical-align:top}
.slide-container .rslides_tabs li a{border:2px solid #fff;border-radius:50%;display:block;height:12px;transition:all .4s ease 0;width:12px;text-indent:-999px;overflow:hidden}
.slide-container .rslides_tabs li.rslides_here a{background:#3774af; border-color:#3774af;}
.banner-container {
    position: relative;
    text-align: center;
    padding-top: 64px;
}
.banner-container .slide-container .home-slide span {
    position: absolute;
    top: 20px;
    right: 30px;
}
/*.home-slide .item:after {
    content: '';
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}*/
.slide-container .left_banner{
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 0; */
    top: 8%;
    z-index: 9;
    margin: auto;
    width: 40%;
    /* height: 600px; */
    /* max-width: 582px; */
}

.slide-container .left_banner > img{
  width: 100%;
  position: relative;
    z-index: 1;
}

.slide-container .left_banner svg{
    position: absolute;
    width: 71%;
    height: 71%;
    left: 14.5%;
    top: 16.5%;
    transform: rotateX(180deg);
}

.slide-container .left_banner svg path{
  fill: none;
  stroke: #fff;
  stroke-width: 3px;
  animation: svg_circle 4s ease infinite .2s;
}

@keyframes svg_circle{
  0%{
     stroke-dasharray: 0 2000;
     opacity: 0;
  }
  5%{
     stroke-dasharray: 0 2000;
     opacity: 1;
  }
  95%{
     stroke-dasharray: 2000 2000;
     opacity: 1;
  }
  100%{
     stroke-dasharray: 2000 2000;
     opacity: 0;    
  }
}

.slider-inner{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.slider-inner li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0; background:#fff;}
.slider-inner li:first-child{position:relative;display:block;float:left}
.slider-inner img{display:block;/*height:auto;float:left;width:100%;border:0*/}
.pro-slide .rslides_tabs{text-align:center;width:100%;display:block; padding-top:20px;}
.pro-slide .rslides_tabs li{display:inline-block;padding:0 5px;vertical-align:top}
.pro-slide .rslides_tabs li a{border:1px solid #f1f1f1;border-radius:50%;display:block;height:10px;transition:all .4s ease 0;width:10px;text-indent:-999px;overflow:hidden; box-shadow:0 0 3px 0 rgba(0,0,0,0.3); background:#fff;}
.pro-slide .rslides_tabs li.rslides_here a{background:#3774af; border-color:#3774af;}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear alternate infinite;
  position: absolute;
  left: 10%;
  top: 10%;
}

/*@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}*/


@media only screen and (max-width:1400px) {
  .slide-container .left_banner {
    width: 30%;
}
.slide-container .left_banner svg {
  width: 70.5%;
    height: 70.5%;
    left: 14.5%;
    top: 16.5%;
  }
}
@media only screen and (max-width:980px) {
.banner-container:hover .slide-container .rslides_nav.prev{left:10px}
.banner-container:hover .slide-container .rslides_nav.next{right:10px}
.slide-container .rslides_tabs {bottom:20px;}
}
@media only screen and (max-width:767px) {
  .banner-container {
    padding-top: 59px;
  }
.slide-container .rslides_tabs{bottom:15px}
.slide-container .left_banner{
    top: 18px;
}
.slide-container .left_banner svg {
    left: 14.9%;
    top: 16%;
}
.banner-container .slide-container .home-slide span {
  width: 30%;
}
}