﻿@charset "UTF-8";


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,body{
  position: relative;
  height:100%;
}
body{
  background:#000;
}
a,
a:link,
a:visited,
a:hover,
a:active{
  color:inherit;
  text-decoration:inherit;
  outline:0;
  cursor:pointer;
}

div{position: relative;}
.bg-gray-radial{
  background-image: -webkit-radial-gradient(61% 113%, rgb(63, 66, 71) 0%, rgb(45, 47, 51) 41%, rgb(11, 13, 16) 100%);
  background-image: -moz-radial-gradient(61% 113%, rgb(63, 66, 71) 0%, rgb(45, 47, 51) 41%, rgb(11, 13, 16) 100%);
  background-image: -o-radial-gradient(61% 113%, rgb(63, 66, 71) 0%, rgb(45, 47, 51) 41%, rgb(11, 13, 16) 100%);
  background-image: radial-gradient(61% 113%, rgb(63, 66, 71) 0%, rgb(45, 47, 51) 41%, rgb(11, 13, 16) 100%);
  background-size: cover;
}

.index_full_swiper{
  height:100%;
}
.f-slide{
  position: absolute;top:0;left:0;
  width:100%;height:100%;
}
.f-slide.swiper-slide-active{z-index:99;}
.section_title{
  position: relative;
  z-index:20;
  font-size:18px;line-height: 18px;
  font-weight:normal;
  text-align: center;
  margin:100px 0 20px;
}
@media (max-width: 768px) {
  .section_title{
    font-size:22px;
    margin:13vh 0 10px;
  }
  .index_section4_aboutus .section_title{
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .section_title{
  }
}
@media (max-width: 1200px) {
  .section_title{
  }
}
@media (max-height: 700px) {
  .section_title{
  }
}

.index_section1_banner{
  background:#333;
}
.index_section1_banner .section_title,
.index_section2_product .section_title,
.index_section3_solution .section_title{
  color:#fff;
}
.index_section4_aboutus .section_title{
  color:#5589ef;
}

.index_section2_product{
  background-image:url(../images/is2_xs.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  color:#fff;
}
.index_section2_product .index_product_swiper .swiper-slide{
  pointer-events:auto;
}
@media (min-width: 768px) {
  .index_section2_product{
    background-image:url(../images/is2_xs.jpg);
  }
}
@media (min-width: 992px) {
  .index_section2_product{
    background-image:url(../images/is2_md.jpg);
  }
}
@media (min-width: 1200px) {
  .container_80{width:80%;}
  .index_section2_product{
    background-image:url(../images/is2_lg.jpg);
  }
  .index_product_swiper{
    max-width:1920px;
    margin:0 auto;
  }
}


.index_section3_solution{
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(80,83,90) 18%, rgb(80,83,90) 34%, rgb(65,67,73) 65%, rgb(49,51,56) 100%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(80,83,90) 18%, rgb(80,83,90) 34%, rgb(65,67,73) 65%, rgb(49,51,56) 100%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(80,83,90) 18%, rgb(80,83,90) 34%, rgb(65,67,73) 65%, rgb(49,51,56) 100%);
}
.index_section4_aboutus{
  background:#fff;
}


.index_banner_swiper,
.index_banner_01,
.index_banner_02,
.index_banner_03{
  height:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index_banner_01 .banner_01_title{
  position: absolute;
  top:20%;left:0;
  width:100%;
  color:#fff;
}
.index_banner_01 .banner_01_title h3{font-size:24px;font-weight:bold;line-height:30px;margin:0;}
.index_banner_01 .banner_01_title h4{font-size: 18px;font-weight:normal;line-height:30px;}
.index_banner_03 .banner_03_title{
  z-index:999;
  position: absolute;
  top:20%;left:0;
  width:100%;
  color:#fff;
}
.index_banner_03 .banner_03_title h2{margin:5px;max-width:50%;}
.index_banner_03 .banner_03_title h2 img{max-width:100%;}
.index_banner_03 .banner_03_title h3{font-size:18px;margin:0;}
.index_banner_03 .banner_03_title h4{font-size:12px;font-weight:normal;line-height:20px;}
@media (min-width: 768px) {
  .index_banner_01 .banner_01_title h3{
    font-size:35px;line-height:60px;
  }
  .index_banner_01 .banner_01_title h4{
    font-size:28px;line-height:40px;
  }
  .index_banner_03 .banner_03_title h2{}
  .index_banner_03 .banner_03_title h3{
    font-size:24px;
  }
  .index_banner_03 .banner_03_title h4{
    font-size:14px;line-height:40px;
  }
}
@media (min-width: 992px) {
  .index_banner_01 .banner_01_title h3{
    font-size:55px;
  }
  .index_banner_01 .banner_01_title h4{
    font-size:38px;line-height:60px;
  }
  .index_banner_03 .banner_03_title h2{}
  .index_banner_03 .banner_03_title h3{
    font-size:34px;
  }
  .index_banner_03 .banner_03_title h4{
    font-size:16px;
  }
}
@media (min-width: 1200px) {
  .index_banner_01 .banner_01_title h3{}
  .index_banner_01 .banner_01_title h4{}
  .index_banner_03 .banner_03_title h2{}
  .index_banner_03 .banner_03_title h3{}
  .index_banner_03 .banner_03_title h4{}
}

.index_banner_03 .twentytwenty-handle {
  border:3px solid transparent;
}

.mouse_line{
  position: absolute;left:0;bottom:20px;
  z-index:10;
  width:100%;
  pointer-events:none;
}
.index_banner_swiper .swiper-pagination{bottom:100px;}
.index_banner_swiper .swiper-pagination-bullet{
  width:40px;height:2px;
  margin:0 5px;
  border-radius: 0;
  background:#4e4e4e;
  opacity: 1;
}
.index_banner_swiper .swiper-pagination-bullet-active{
  background:#fff;
}
.star{opacity: 0.5;pointer-events: none;}
/*bannerstart*/
.index_banner_01{
  background-image:url(../file/is1_1_xs.jpg);
}
.index_banner_02{
  background-image:url(../file/is1_2_xs.jpg);
}

.index_banner_01 .img-abs-1,
.index_banner_01 .img-abs-2,
.index_banner_01 .img-abs-3,
.index_banner_01 .img-abs-4,
.index_banner_01 .img-abs-5,
.index_banner_02 .img-abs-1,
.index_banner_02 .img-abs-2,
.index_banner_02 .img-abs-3,
.index_banner_02 .img-abs-4,
.index_banner_02 .img-abs-5{
  position: absolute;
  min-width:10%;min-height:10%;max-width:100%;max-height:100%;
  pointer-events:none;
}
.index_banner_01 .img-abs-1{width:100%;height:100%;top:0%;left:0%;}
.index_banner_01 .img-abs-1 .img-center:nth-child(2),
.index_banner_01 .img-abs-1 .img-center:nth-child(3){
  max-width:40%;max-height:40%;
}
.index_banner_01 .img-abs-2{width:182px;height:141px;top:10%;left:60%;}
.index_banner_01 .img-abs-3{width:141px;height:140px;top:80%;left:70%;}
.index_banner_01 .img-abs-4{width:160px;height:160px;top:70%;left:-20%;}
.index_banner_02 .img-abs-1{width:100%;height:100%;}
.index_banner_02 .img-abs-2{width:120px;height:85px;top:63%;left:60%;}
.index_banner_02 .img-abs-3{width:140px;height:80px;top:78%;left:50%;}
.index_banner_02 .img-abs-4{width:120px;height:100px;top:15%;left:20%;}
@media (min-width: 768px) {
  .index_banner_01 .img-abs-1{width:70%;height:70%;top:15%;left:15%;}
  .index_banner_01 .img-abs-2{width:182px;height:141px;top:20%;left:70%;}
  .index_banner_01 .img-abs-3{width:141px;height:140px;top:80%;left:85%;}
  .index_banner_01 .img-abs-4{width:160px;height:160px;top:60%;left:10%;} 
  .index_banner_02 .img-abs-1{width:100%;height:100%;top:0;left:0;margin:2% 0 0 1%;}
  .index_banner_02 .img-abs-1 .img-center{max-width:31.25%;}
  .index_banner_02 .img-abs-2{width:364px;height:282px;top:50%;left:50%;margin:-242px 0 0 10%;}
  .index_banner_02 .img-abs-3{width:525px;height:250px;top:50%;left:50%;margin:57px 0 0 158px;}
  .index_banner_02 .img-abs-4{width:482px;height:321px;top:50%;left:50%;margin:-260px 0 0 -700px;}
}
@media (min-width: 992px) {
  .index_banner_01{background-image:url(../file/is1_1_md.jpg);}
  .index_banner_02{background-image:url(../file/is1_2_md.jpg);}
  .index_banner_02 .img-abs-1{margin:0;}
  .index_banner_01 .img-abs-2{width:364px;height:282px;top:10%;left:70%;}
  .index_banner_01 .img-abs-3{width:282px;height:279px;top:80%;left:80%;}
  .index_banner_01 .img-abs-4{width:338px;height:358px;}
}
@media (min-width: 1200px) {
  .index_banner_01{background-image:url(../file/is1_1_lg.jpg);}
  .index_banner_02{background-image:url(../file/is1_2_lg.jpg);}
}

@media (min-width: 1200px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-1 .img-center:nth-child(2),
  .index_banner_01 .img-abs-1 .img-center:nth-child(3){
    max-width:100%;max-height:100%;
  }
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{left:0;}
  .index_banner_02 .img-abs-1{left:15px;}
  .index_banner_02 .img-abs-2{width:306px;margin-left:148px;}
  .index_banner_02 .img-abs-3{width:346px;margin-left:158px;}
  .index_banner_02 .img-abs-4{width:350px;margin-left:-530px;}
}
@media (min-width: 1440px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{left:5%;}
  .index_banner_02 .img-abs-1{}
  .index_banner_02 .img-abs-2{width:366px;margin-left:158px;}
  .index_banner_02 .img-abs-3{width:400px;margin-left:208px;}
  .index_banner_02 .img-abs-4{width:420px;margin-left:-600px;}
}
@media (min-width: 1680px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{left:10%;}
  .index_banner_02 .img-abs-1{}
  .index_banner_02 .img-abs-2{width:427px;margin-left:168px;}
  .index_banner_02 .img-abs-3{width:460px;margin-left:228px;}
  .index_banner_02 .img-abs-4{width:490px;margin-left:-640px;}
}
@media (min-width: 1920px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{left:15%;}
  .index_banner_02 .img-abs-1{}
  .index_banner_02 .img-abs-2{width:487px;margin-left:188px;}
  .index_banner_02 .img-abs-3{width:520px;margin-left:248px;}
  .index_banner_02 .img-abs-4{width:561px;margin-left:-720px;}
}
@media (min-width: 1200px) and (min-height: 580px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{}
  .index_banner_02 .img-abs-1{top:70px;}
  .index_banner_02 .img-abs-2{height:250px;margin-top:-242px;}
  .index_banner_02 .img-abs-3{height:190px;margin-top:68px;}
  .index_banner_02 .img-abs-4{height:286px;margin-top:-120px;}
}
@media (min-width: 1200px) and (min-height: 650px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{}
  .index_banner_02 .img-abs-1{}
  .index_banner_02 .img-abs-2{height:280px;margin-top:-282px;}
  .index_banner_02 .img-abs-3{height:220px;margin-top:78px;}
  .index_banner_02 .img-abs-4{height:373px;margin-top:-180px;}
}
@media (min-width: 1200px) and (min-height: 720px) {
  .index_banner_01 .img-abs-1{}
  .index_banner_01 .img-abs-2{}
  .index_banner_01 .img-abs-3{}
  .index_banner_01 .img-abs-4{}
  .index_banner_02 .img-abs-1{}
  .index_banner_02 .img-abs-2{height:310px;margin-top:-302px;}
  .index_banner_02 .img-abs-3{height:250px;margin-top:88px;}
  .index_banner_02 .img-abs-4{margin-top:-220px;}
}
/*bannerend*/

/*banner02start*/
/*banner02end*/

/*banner03start*/
.index_banner_03{}
.index_banner_03 .twentytwenty-overlay,
.index_banner_03 .twentytwenty-before-label,
.index_banner_03 .twentytwenty-after-label{
  display:none;
}
/*banner03end*/

/*核心产品start*/
.index_product{}

.index_product .product_icon{
  width:82px;height:82px;
  margin:32px auto;
  padding:10px;
  border:1px solid rgba(255,255,255,0.5);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s linear 0.5s;
  transition: all 0.5s linear 0s;
}
.index_product .product_icon .img-box{
  width:60px;height:60px;
  margin:auto;
  background:#2672ef;
}
.index_product .product_icon .img-box img{
  padding:8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); 
}
.index_product .product_title{font-size:18px;font-weight:bold;}
.index_product .product_title .underline{width:1.5em;height:1px;margin:15px auto;background:#fff;}
.index_product .product_text{font-size:12px;height:100px;}
.index_product .product_more{}
.index_product .product_more .more{
  font-size:14px;line-height:3;
  display: inline-block;
  padding:0 4em;
  border-radius: 60px;
  background:#fff;color:#2672ef;
}

@media (min-width: 992px) {
  .index_product{}
  .index_product .product_icon{}
  .index_product .product_icon .img-box{}
  .index_product .product_title{}
  .index_product .product_title .underline{}
  .index_product .product_text{font-size:14px;}
  .index_product .product_more{}
  .index_product .product_more .more{
    
  }
}
@media (min-width: 1200px) {
  .index_product{}
  .index_product .product_icon{
    width:138px;height:138px;
    margin:80px auto;
    padding:0px;
    border:1px solid rgba(255,255,255,1.0);
    
  }
  .index_product .product_icon:hover{
    width:168px;height:168px;
    margin:64px auto;
    padding:16px;
    border:1px solid rgba(255,255,255,0.5);
  }
  .index_product .product_icon .img-box{
    width:136px;height:136px;
    margin:auto;
    padding:12px;
    background:transparent;
  }
  .index_product .product_icon:hover .img-box{
    margin:auto;
    background:#2672ef;
  }
  .index_product .product_title{}
  .index_product .product_title .underline{}
  .index_product .product_text{font-size:14px;}
  .index_product .product_more{display: none;}
  .index_product:hover .product_more{display:block;}
  .index_product .product_more .more{}
  
}
@media (min-width:1200px) and (max-height: 600px) {
  .index_product .product_icon{
    width:60px;height:60px;
    margin:25px auto;
  }
  .index_product .product_icon:hover{
    width:60px;height:60px;
    margin: 25px auto;
    padding:0;
  }
  .index_product .product_icon .img-box{
    width:40px;height:40px;
    margin:10px;
    background: #2672ef;
  }
  .index_product .product_icon:hover .img-box{
    margin:10px;
  }
}
/*核心产品end*/


/*解决方案start*/
.index_solution_card{
  
  background:#fff;
}
.index_solution_card .solution_img{
  width:100%;
  padding-bottom: 63%;
}
.index_solution_card .index_solution_title{
  font-size:16px;line-height: 1;
  text-align: center;
  margin:10px 15px;
}
.index_solution_card .index_solution_text{
  font-size:10px;margin:0 15px;
}
.index_solution_card .index_solution_cooperate{
  text-align: center;
  height:70px;
  margin:10px 15px;
}
@media(min-width: 415px) and (max-width:767px){
  .index_solution_card .solution_img{
    width:50%;
    padding-bottom: 31.5%; 
    margin:0 auto;
  }
}

.index_solution_card .index_solution_cooperate .img-box{
  width:36%;height:30px;
  padding:5px 10px;
  border:1px solid #e5e5e5;
}


@media (min-width: 992px) {
  .index_solution_card{}
  .index_solution_card .solution_img{}
  .index_solution_card .index_solution_title{
    font-size:24px;
    margin:15px 15px;
  }
  .index_solution_card .index_solution_text{
    font-size:12px;margin:0 15px;
  }
  .index_solution_card .index_solution_cooperate{margin:10px 15px;}
  .index_solution_card .index_solution_cooperate .img-box{}
}
@media (min-width: 1200px) {
  .index_solution_card{
    
  }
  .index_solution_card .solution_img{}
  .index_solution_card .index_solution_title{}
  .index_solution_card .index_solution_text{margin:0 30px;}
  .index_solution_card .index_solution_cooperate{margin:20px 30px;}
  .index_solution_card .index_solution_cooperate .img-box{}
}
/*解决方案end*/

.index_aboutus_text{font-size:12px;line-height:20px;}
.index_aboutus_text .lineclamp{
  height:64px;
}
.index_aboutus_text{
  font-size:12px;line-height:16px;
}
.index_aboutus_more .inline-block{
  font-size:10px;
  margin:10px;
  padding:5px 10px;
  border:1px solid #5589ef;
  border-radius: 40px;
  color:#5589ef;
}
@media (min-width: 768px) {
  .index_aboutus_text{
    font-size:12px;line-height:16px;
  }
  .index_aboutus_more .inline-block{
    font-size:10px;
    margin:10px;
    padding:5px 10px;
    border:1px solid #5589ef;
    border-radius: 40px;
    color:#5589ef;
  }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
  .index_aboutus_text{
    font-size:16px;line-height:30px;
  }
  .index_aboutus_more .inline-block{
    font-size:12px;
    margin:20px;
    padding:8px 40px;
    border:1px solid #ccc;
    border-radius: 40px;
    color:#ccc;
  }
  .index_aboutus_more .inline-block:hover{
    border:1px solid #5589ef;
    color:#5589ef;
  }
}


@charset "UTF-8";


.time-line-bg .swiper-button-prev,
.time-line-bg .swiper-button-next{
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size:100%;
}
.time-line-bg .swiper-button-prev{
  left:0px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNGMDFCRDlENjgzNTExRTc4NkFCOEQwQkVFRTg4QzExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNGMDFCRDlFNjgzNTExRTc4NkFCOEQwQkVFRTg4QzExIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0YwMUJEOUI2ODM1MTFFNzg2QUI4RDBCRUVFODhDMTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0YwMUJEOUM2ODM1MTFFNzg2QUI4RDBCRUVFODhDMTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ovj+iAAAENklEQVR42tRaWUiUURT+ZhrNWRykzCBatCJbHiopqIcCDaIXKQKbzGihoqIN2qAefDCIwIL2ksAWMs0gsnoqyCCooLKgqMbKFqN9kRrHGnWmc2fO1GD+Osu9/8x88DEwzJxzvv+e/95z7r2GURu/QxKGEPOJk4i5xGxiJtFKNBBdxC/EV0Qn8S6xntgci1Pnngz/pynG4IcSFxPnE8f28tt+zFHEmSHfPybWEE8RX0cbiDHK/40n1hJfEsvCENETxrKNJrY5Xg8hWcQTxPvEohgehFYsRWz7BPtSIqSIc3sx57wqGNiHk31KE5JKPMzDngH9kME+j3AMMQmxES8RVyN+WMUx2KIVYiFe6TLDxAszORZLpEJS+SlMReJAxHJRK820hOwlFiDxMIO4L1whjji/E+G8M/N7EzKIeBSJjyMcq6aQcp2n2Fim5nItIXnEYiQPijnm/4SUKl6xVVQApV2FDCMW6hXBoml9cXW7XYapwtxNLTmhQhZKLgA1sWFWGrbNNqPy+m9ZhebSUCElqgUYKRFK55qxoiANm6vcqL75W5Zphz/PqEMUnd0blSJS+gC7ii2YMS4F6066ceNpu2wXI0yqV3BzqgH7FlkwMduEpRWtuP+qQ4WbfBP32EpgNxtQscyKIf2NKDnkQuP7TlWuJpi4h5aOzHQjKldaYaERKT7oQvNXr8qBzxUv+wjZVgf3M6J6nc0/0esgQmC4EDJApsWRA/ughkR8/en1p9PnH8pF+EsWkVp2mRYPLLGg8YMXa463os3j02uNTTeqeDceNXfoKeLvyvhDpsGy821Ynp+GrYVmGPSr3FwitT7LTK9LDR78avdhd4kFWXYDttW40d6pXMh3MSIvZFu9+rDdv/hNH52CYytssPZVPjRNQkijCssNLzuwgKbeYZlGVK2xYYBdaU3qFNbvqrL+/GMnHPtdMJKXszQl52QpE/NAWL6m8lF9onWkhEbm7Tcvatam+2suBagXQsT5xBOVYn7+8mH5MRduPuvAcSpbCqgKlohnzj0ZTcGxrlL9Nnqo6N14uhW1tz04uMQKx5RUWabPhjZWQojyWsJHa+TOujaUX27zN1gSIGKuDDZWwS8vEGcjuVBHaTWn6y7KDvHQkkiEiLWsu+2ge8TqJBIiYm3oTojAFmJLEoho4VihJeQdEnsDO4jVHKumEAFxVJzIG9kVHCN6EyKwQfWKHyVETOu1+pFu1y8EtlBvJZCIWxyTJxIhAm78O7uLN4Jnme6eOsQeOy9+ChVxficKORZEKySYZuK4a57OU7Pw5WDfnnB69nBxDoFbP6cUVwA+9iF81Uay+RBRe4HA9Yo8Fiaz0PSyzTz28SmSP0fb5TzgVAtecxLHYGOitPWUeAYxXnOKtV17w8XmDhYlLp5NRmA/ORuBi2e2kIkjePFM7BPcQeDimZQjjT8CDABp4wlFTkTyZgAAAABJRU5ErkJggg==); 
}
.time-line-bg .swiper-button-next{
  right:0px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0YwMUJEOUQ2ODM1MTFFNzg2QUI4RDBCRUVFODhDMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0YwMUJEOUU2ODM1MTFFNzg2QUI4RDBCRUVFODhDMTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjAxQkQ5QjY4MzUxMUU3ODZBQjhEMEJFRUU4OEMxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjAxQkQ5QzY4MzUxMUU3ODZBQjhEMEJFRUU4OEMxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pii+P6IAAASSSURBVGhD1ZpbaBxVHMb/u00TtomhWlsvmNqqbCsoNLGCCqIW9EVrRbBNTCkakKqtVZS8FOxDXwRvEC+0WCEV3NYqFEtfRGwKgii0eHmpplhbrRdsg0qSzcat2fj9ZmaXzXY3e5vZ3fzgy5yZJef8vzmXmXPOhKanpw1WvPCPc6yCpdI90q1SVFomXS61STAujUhnpJPSMemo9ItUNdUauVbaJD0qreRCBXwv7Zfekyo2FfaO5bJK+lD6SdopVWoCbpTI47REnuRdNuUaWSJx576WHpEqvRH5IC/yJG/KoKySKSeQ9dKwRFMKcSEgyJsyKAtjJVGKkWZpt3RAWsiFGkFZNDXKJoZZKWaEEeewtNk5qw+UTQzp0S8vsxlZIH0q3eec1RdiIBZiykshI1Qld+F256wxIBZiytvMChl5Q1rjJhsKYhpwkzPJZ6RbqmefKMaTEjHOINfI1dIuN9nQECOxZsg18opUyyG2UoiRWDNkG+mSetzknIBYb3GTM43skIJ8YvsNsb7oJj0jevNdrsNa0tXw2fZ2e/yuFu+sJhAz04VMjfRJuf2lbPYMTVr/AxHbvi5iodrULTH3phOwwTtWxYGvkrZ1b9zW39Zsr29steYm74dgcYyEos//fZ2Opzjxi85lTba7r9WG/5iyLYNxG5t0J28BspQaYXrqK9+c+c+63xqzay4LW2xrmy1pr7rVFmMNJVQ0IyvG6XMp2/DmuKVSanLb2uyGK+Z5vwTCaoyscNP+c340Zb1vj9vPIynbp5rpWh5Yp4lihD4SGPF/p+2JPeP2+Q8XbHBzq91783zvF1+5HiOXuunguDBl1r9vwmJfJG1gU6ut7So64SuXxRiZdeblF6w6vXw4Ye8enbQdD0e8q74R/HCSTaQ5ZDd1NNnImEYAn8HImJsMlvZIyOkj0SvD9szeCe+qb4xipOq10mIsVsXHtrTZokvC1q0h+cc/1Wn85TxGWC0MjI5FYduvoZdne49M/PqX/81KnMIIC2GBEL1qnmOC58lGPU+C6BseJzHyrZv2F963aE4nfpuyvnfiNpoI9H3rOEZY2veVO1fOdzo2D0FeGhPJwF8ah8LDry2kj7Bf4Qv3dzbbLr35HjyWtP7YhPMwDBi2Jc5SI8C6btX03NFir/YucCZYOw8mLBV4RTjE+JM2MihV3RP77m6xlw4lbOCTSe9K4BDz+ySyd6w+1mGdczJ3OCQ9RCJdI8CuUW0agz8QKzE7ZBthp4i9vLkCsRKzQ7YR6JcCf2XxAWIk1gy5Rn6XnnKTDQ0L2cSaIdcIfCCx3dWosIB90eMinxF4VjriJhuKIek5NzmTQkaS0oPSl85ZY0AsLJES20UUMgLMftJ7d/UmvZdZcEY2mxHg+xHuQj37DH2CGIilIMWMAFXJSMYHA7UcmimLMp+W8janbEoxkuYjicU8Pq8I8g2AvCmDsiizJMoxAuekx6ROiUL8nPKRF3mSN2VQVsmUayTNdxLVziolO10npErhf8mDzSbyJO+y8fPDsw6Jlf3VEs0i+8MzColL6Q/PWCc4LjE7PStVidn/jyMZW9miuLUAAAAASUVORK5CYII=);
}
.time-line-bg{height:calc( 100% - 13% - 36px - 32px - 49px - 10% );}
.time-line-bg .row,
.time-line-bg .container,
.time-z{height:100%;}
.timenode{
  position:absolute;
  width:180px;
  margin:10px;
  padding:0 10px;
  border-left:none;
  border-bottom:none;
}
.timenode:after{
  content: '';
  position: absolute;
  width:17px;height:17px;
  background:url(../images/time-list.gif) no-repeat center;
  background-size: 100%;
}
.test{display: none;}
/*pc*/



/*竖持*/
.swiper-container-vertical{}
.swiper-container-vertical.time-z{
  top:10%;
  background:url(../images/time-y.gif) repeat-y center;
}
.index_timeaxis_swiper.swiper-container-vertical .slide-more{
  display: block;
  top:-30%;z-index:7;
  text-align: center;line-height: 36px;
  width:100px;height:36px;
  margin:0 auto;
  border:1px solid #2672ef;
  border-radius: 20px;
  background:#fff;color:#2672ef;
}
.index_timeaxis_swiper.swiper-container-vertical~.swiper-button-prev,
.index_timeaxis_swiper.swiper-container-vertical~.swiper-button-next,
.index_timeaxis_swiper.swiper-container-vertical .swiper-slide.slide-more{
  display: none;
}

.swiper-container-vertical .timenode:after{width:10px;height:10px;}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(odd) .timenode{text-align: right;right:50%;}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(even) .timenode{text-align: left;left:50%;}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(odd) .timenode:after{right:-15px}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(even) .timenode:after{left:-15px;}

@media (max-width: 992px) {
  .swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(1) .timenode{top:0%;}
  .swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(2) .timenode{top:0%;}
  .swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(3) .timenode{top:0%;}
  .swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(4) .timenode{top:0%;}
}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(1) .timenode{top:00%;}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(2) .timenode{top:-30%;}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(3) .timenode{top:-60%;}
.swiper-container-vertical.index_timeaxis_swiper .swiper-slide:nth-child(4) .timenode{top:-90%;}

.swiper-container-vertical .timenode .img-box{display:inline-block;width:48px;height:36px;}
.swiper-container-vertical .timenode .timeyear{font-size:10px;margin:0;}
.swiper-container-vertical .timenode .timetext{width:80%;font-size:10px;padding-bottom:10px;}
@media (max-width: 992px) {
  .swiper-container-vertical .timenode .img-box{display:inline-block;width:24px;height:18px;}
  .swiper-container-vertical .timenode .timeyear{font-size:10px;margin:0;}
  .swiper-container-vertical .timenode .timetext{width:80%;font-size:10px;padding-bottom:10px;}
}
/*横持*/
.swiper-container-horizontal{}
.swiper-container-horizontal .time-line-bg{}

.index_timeaxis_swiper.swiper-container-horizontal .swiper-slide.slide-more{
  display:block;z-index:10;
  top:50%;left:50%;
  text-align: center;
  font-size:10px;line-height:28px;  
  width:70px;height:28px;
  margin-top:30%;
  margin-left:-35px;
  border:1px solid #2672ef;
  border-radius: 20px;
  background:#fff;color:#2672ef; 
}

.swiper-container-horizontal.time-z{
  background:url(../images/time-z.gif) repeat-x center;
}

.swiper-container-horizontal.index_timeaxis_swiper .swiper-slide:nth-child(odd) .timenode{
  text-align: left;top:auto;bottom:50%;left:auto;right:auto;
  border-left:1px solid #999;
}
@media (max-width: 992px){
  .swiper-container-horizontal.index_timeaxis_swiper .swiper-slide:nth-child(odd) .timenode{top:0;}
}
.swiper-container-horizontal.index_timeaxis_swiper .swiper-slide:nth-child(odd) .timenode:after{
  bottom:-15px;left:-5px;right:auto;
}
.swiper-container-horizontal.index_timeaxis_swiper .swiper-slide:nth-child(even) .timenode{
  text-align: left;top:50%;bottom:auto;left:auto;right:auto;
  border-left:1px solid #999;
}
.swiper-container-horizontal.index_timeaxis_swiper .swiper-slide:nth-child(even) .timenode:after{
  top:-15px;left:-5px;right:auto;
}
.swiper-container-horizontal .timenode .img-box{display:inline-block;width:92px;height:69px;}
.swiper-container-horizontal .timenode .timeyear{display:inline-block;position: relative;top:-2px;width:100%;color:#2672ef;}
.swiper-container-horizontal .timenode .timetext{display:inline-block;position: relative;top:-7px;width:100%;}
@media (max-width: 992px){
  .swiper-container-horizontal .timenode .img-box{display:inline-block;width:72px;height:54px;}
  .swiper-container-horizontal .timenode .timeyear{display:inline-block;position: relative;top:-2px;width:100%;color:#2672ef;}
  .swiper-container-horizontal .timenode .timetext{display:inline-block;position: relative;top:-7px;width:100%;}
}

/*

*/

@media (min-width: 992px) {
  .index_timeaxis_swiper{width:70%;margin:0 auto;} 
}
@media (min-width: 1200px) {
  .index_timeaxis_swiper{width:80%;margin:0 auto;}
}





.index_timeaxis_swiper .hidden-xs.slide-more .inline-block{
  position: absolute;
  top:50%;
  
}
.index_timeaxis_swiper .visible-xs-block.slide-more{
  
}