@charset "utf-8";
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .serach-box .serach-txt {
    line-height: 40px;
  }
  .histoy-demo .item .year {
    background: transparent;
    color: #0B308E;
  }
  .pipeline-type li:hover .ico {
    background: transparent;
    color: #44AF35;
  }
  .pipeline-type .active .ico {
    background: transparent;
    color: #44AF35;
  }
}
@media screen and (min-width: 1024px) {
  .f100 {
    font-size: 100px;
    font-size: clamp(71.42857143px, 5.20833333vw, 100px);
  }
  .f99 {
    font-size: 99px;
    font-size: clamp(70.71428571px, 5.15625vw, 99px);
  }
  .f98 {
    font-size: 98px;
    font-size: clamp(70px, 5.10416667vw, 98px);
  }
  .f97 {
    font-size: 97px;
    font-size: clamp(69.28571429px, 5.05208333vw, 97px);
  }
  .f96 {
    font-size: 96px;
    font-size: clamp(68.57142857px, 5vw, 96px);
  }
  .f95 {
    font-size: 95px;
    font-size: clamp(67.85714286px, 4.94791667vw, 95px);
  }
  .f94 {
    font-size: 94px;
    font-size: clamp(67.14285714px, 4.89583333vw, 94px);
  }
  .f93 {
    font-size: 93px;
    font-size: clamp(66.42857143px, 4.84375vw, 93px);
  }
  .f92 {
    font-size: 92px;
    font-size: clamp(65.71428571px, 4.79166667vw, 92px);
  }
  .f91 {
    font-size: 91px;
    font-size: clamp(65px, 4.73958333vw, 91px);
  }
  .f90 {
    font-size: 90px;
    font-size: clamp(64.28571429px, 4.6875vw, 90px);
  }
  .f89 {
    font-size: 89px;
    font-size: clamp(63.57142857px, 4.63541667vw, 89px);
  }
  .f88 {
    font-size: 88px;
    font-size: clamp(62.85714286px, 4.58333333vw, 88px);
  }
  .f87 {
    font-size: 87px;
    font-size: clamp(62.14285714px, 4.53125vw, 87px);
  }
  .f86 {
    font-size: 86px;
    font-size: clamp(61.42857143px, 4.47916667vw, 86px);
  }
  .f85 {
    font-size: 85px;
    font-size: clamp(60.71428571px, 4.42708333vw, 85px);
  }
  .f84 {
    font-size: 84px;
    font-size: clamp(60px, 4.375vw, 84px);
  }
  .f83 {
    font-size: 83px;
    font-size: clamp(59.28571429px, 4.32291667vw, 83px);
  }
  .f82 {
    font-size: 82px;
    font-size: clamp(58.57142857px, 4.27083333vw, 82px);
  }
  .f81 {
    font-size: 81px;
    font-size: clamp(57.85714286px, 4.21875vw, 81px);
  }
  .f80 {
    font-size: 80px;
    font-size: clamp(57.14285714px, 4.16666667vw, 80px);
  }
  .f79 {
    font-size: 79px;
    font-size: clamp(56.42857143px, 4.11458333vw, 79px);
  }
  .f78 {
    font-size: 78px;
    font-size: clamp(55.71428571px, 4.0625vw, 78px);
  }
  .f77 {
    font-size: 77px;
    font-size: clamp(55px, 4.01041667vw, 77px);
  }
  .f76 {
    font-size: 76px;
    font-size: clamp(54.28571429px, 3.95833333vw, 76px);
  }
  .f75 {
    font-size: 75px;
    font-size: clamp(53.57142857px, 3.90625vw, 75px);
  }
  .f74 {
    font-size: 74px;
    font-size: clamp(52.85714286px, 3.85416667vw, 74px);
  }
  .f73 {
    font-size: 73px;
    font-size: clamp(52.14285714px, 3.80208333vw, 73px);
  }
  .f72 {
    font-size: 72px;
    font-size: clamp(51.42857143px, 3.75vw, 72px);
  }
  .f71 {
    font-size: 71px;
    font-size: clamp(50.71428571px, 3.69791667vw, 71px);
  }
  .f70 {
    font-size: 70px;
    font-size: clamp(50px, 3.64583333vw, 70px);
  }
  .f69 {
    font-size: 69px;
    font-size: clamp(49.28571429px, 3.59375vw, 69px);
  }
  .f68 {
    font-size: 68px;
    font-size: clamp(48.57142857px, 3.54166667vw, 68px);
  }
  .f67 {
    font-size: 67px;
    font-size: clamp(47.85714286px, 3.48958333vw, 67px);
  }
  .f66 {
    font-size: 66px;
    font-size: clamp(47.14285714px, 3.4375vw, 66px);
  }
  .f65 {
    font-size: 65px;
    font-size: clamp(46.42857143px, 3.38541667vw, 65px);
  }
  .f64 {
    font-size: 64px;
    font-size: clamp(45.71428571px, 3.33333333vw, 64px);
  }
  .f63 {
    font-size: 63px;
    font-size: clamp(45px, 3.28125vw, 63px);
  }
  .f62 {
    font-size: 62px;
    font-size: clamp(44.28571429px, 3.22916667vw, 62px);
  }
  .f61 {
    font-size: 61px;
    font-size: clamp(43.57142857px, 3.17708333vw, 61px);
  }
  .f60 {
    font-size: 60px;
    font-size: clamp(42.85714286px, 3.125vw, 60px);
  }
  .f59 {
    font-size: 59px;
    font-size: clamp(42.14285714px, 3.07291667vw, 59px);
  }
  .f58 {
    font-size: 58px;
    font-size: clamp(41.42857143px, 3.02083333vw, 58px);
  }
  .f57 {
    font-size: 57px;
    font-size: clamp(40.71428571px, 2.96875vw, 57px);
  }
  .f56 {
    font-size: 56px;
    font-size: clamp(40px, 2.91666667vw, 56px);
  }
  .f55 {
    font-size: 55px;
    font-size: clamp(39.28571429px, 2.86458333vw, 55px);
  }
  .f54 {
    font-size: 54px;
    font-size: clamp(38.57142857px, 2.8125vw, 54px);
  }
  .f53 {
    font-size: 53px;
    font-size: clamp(37.85714286px, 2.76041667vw, 53px);
  }
  .f52 {
    font-size: 52px;
    font-size: clamp(37.14285714px, 2.70833333vw, 52px);
  }
  .f51 {
    font-size: 51px;
    font-size: clamp(36.42857143px, 2.65625vw, 51px);
  }
  .f50 {
    font-size: 50px;
    font-size: clamp(35.71428571px, 2.60416667vw, 50px);
  }
  .f49 {
    font-size: 49px;
    font-size: clamp(35px, 2.55208333vw, 49px);
  }
  .f48 {
    font-size: 48px;
    font-size: clamp(34.28571429px, 2.5vw, 48px);
  }
  .f47 {
    font-size: 47px;
    font-size: clamp(33.57142857px, 2.44791667vw, 47px);
  }
  .f46 {
    font-size: 46px;
    font-size: clamp(32.85714286px, 2.39583333vw, 46px);
  }
  .f45 {
    font-size: 45px;
    font-size: clamp(32.14285714px, 2.34375vw, 45px);
  }
  .f44 {
    font-size: 44px;
    font-size: clamp(31.42857143px, 2.29166667vw, 44px);
  }
  .f43 {
    font-size: 43px;
    font-size: clamp(30.71428571px, 2.23958333vw, 43px);
  }
  .f42 {
    font-size: 42px;
    font-size: clamp(30px, 2.1875vw, 42px);
  }
  .f41 {
    font-size: 41px;
    font-size: clamp(29.28571429px, 2.13541667vw, 41px);
  }
  .f40 {
    font-size: 40px;
    font-size: clamp(28.57142857px, 2.08333333vw, 40px);
  }
  .f39 {
    font-size: 39px;
    font-size: clamp(27.85714286px, 2.03125vw, 39px);
  }
  .f38 {
    font-size: 38px;
    font-size: clamp(27.14285714px, 1.97916667vw, 38px);
  }
  .f37 {
    font-size: 37px;
    font-size: clamp(26.42857143px, 1.92708333vw, 37px);
  }
  .f36 {
    font-size: 36px;
    font-size: clamp(25.71428571px, 1.875vw, 36px);
  }
  .f35 {
    font-size: 35px;
    font-size: clamp(25px, 1.82291667vw, 35px);
  }
  .f34 {
    font-size: 34px;
    font-size: clamp(24.28571429px, 1.77083333vw, 34px);
  }
  .f33 {
    font-size: 33px;
    font-size: clamp(23.57142857px, 1.71875vw, 33px);
  }
  .f32 {
    font-size: 32px;
    font-size: clamp(22.85714286px, 1.66666667vw, 32px);
  }
  .f31 {
    font-size: 31px;
    font-size: clamp(22.14285714px, 1.61458333vw, 31px);
  }
  .f30 {
    font-size: 30px;
    font-size: clamp(21.42857143px, 1.5625vw, 30px);
  }
  .f29 {
    font-size: 29px;
    font-size: clamp(20.71428571px, 1.51041667vw, 29px);
  }
  .f28 {
    font-size: 28px;
    font-size: clamp(20px, 1.45833333vw, 28px);
  }
  .f27 {
    font-size: 27px;
    font-size: clamp(19.28571429px, 1.40625vw, 27px);
  }
  .f26 {
    font-size: 26px;
    font-size: clamp(18.57142857px, 1.35416667vw, 26px);
  }
  .f25 {
    font-size: 25px;
    font-size: clamp(17.85714286px, 1.30208333vw, 25px);
  }
  .f24 {
    font-size: 24px;
    font-size: clamp(21.42857143px, 1.25vw, 24px);
  }
  .f23 {
    font-size: 23px;
    font-size: clamp(20.53571429px, 1.19791667vw, 23px);
  }
  .f22 {
    font-size: 22px;
    font-size: clamp(19.64285714px, 1.14583333vw, 22px);
  }
  .f21 {
    font-size: 21px;
    font-size: clamp(18.75px, 1.09375vw, 21px);
  }
  .f20 {
    font-size: 20px;
    font-size: clamp(17.85714286px, 1.04166667vw, 20px);
  }
  .f19 {
    font-size: 19px;
    font-size: clamp(16.96428571px, 0.98958333vw, 19px);
  }
  .f18 {
    font-size: 18px;
    font-size: clamp(16.07142857px, 0.9375vw, 18px);
  }
  .f17 {
    font-size: 17px;
    font-size: clamp(15.17857143px, 0.88541667vw, 17px);
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .f100 {
    font-size: 88px;
    font-size: Max(5.88235294vw, 18px);
  }
  .f99 {
    font-size: 87px;
    font-size: Max(5.82352941vw, 18px);
  }
  .f98 {
    font-size: 86px;
    font-size: Max(5.76470588vw, 18px);
  }
  .f97 {
    font-size: 85px;
    font-size: Max(5.70588235vw, 18px);
  }
  .f96 {
    font-size: 84px;
    font-size: Max(5.64705882vw, 18px);
  }
  .f95 {
    font-size: 83px;
    font-size: Max(5.58823529vw, 18px);
  }
  .f94 {
    font-size: 82px;
    font-size: Max(5.52941176vw, 18px);
  }
  .f93 {
    font-size: 81px;
    font-size: Max(5.47058824vw, 18px);
  }
  .f92 {
    font-size: 80px;
    font-size: Max(5.41176471vw, 18px);
  }
  .f91 {
    font-size: 79px;
    font-size: Max(5.35294118vw, 18px);
  }
  .f90 {
    font-size: 78px;
    font-size: Max(5.29411765vw, 18px);
  }
  .f89 {
    font-size: 77px;
    font-size: Max(5.23529412vw, 18px);
  }
  .f88 {
    font-size: 76px;
    font-size: Max(5.17647059vw, 18px);
  }
  .f87 {
    font-size: 75px;
    font-size: Max(5.11764706vw, 18px);
  }
  .f86 {
    font-size: 74px;
    font-size: Max(5.05882353vw, 18px);
  }
  .f85 {
    font-size: 73px;
    font-size: Max(5vw, 18px);
  }
  .f84 {
    font-size: 72px;
    font-size: Max(4.94117647vw, 18px);
  }
  .f83 {
    font-size: 71px;
    font-size: Max(4.88235294vw, 18px);
  }
  .f82 {
    font-size: 70px;
    font-size: Max(4.82352941vw, 18px);
  }
  .f81 {
    font-size: 69px;
    font-size: Max(4.76470588vw, 18px);
  }
  .f80 {
    font-size: 68px;
    font-size: Max(4.70588235vw, 18px);
  }
  .f79 {
    font-size: 67px;
    font-size: Max(4.64705882vw, 18px);
  }
  .f78 {
    font-size: 66px;
    font-size: Max(4.58823529vw, 18px);
  }
  .f77 {
    font-size: 65px;
    font-size: Max(4.52941176vw, 18px);
  }
  .f76 {
    font-size: 64px;
    font-size: Max(4.47058824vw, 18px);
  }
  .f75 {
    font-size: 63px;
    font-size: Max(4.41176471vw, 18px);
  }
  .f74 {
    font-size: 62px;
    font-size: Max(4.35294118vw, 18px);
  }
  .f73 {
    font-size: 61px;
    font-size: Max(4.29411765vw, 18px);
  }
  .f72 {
    font-size: 60px;
    font-size: Max(4.23529412vw, 18px);
  }
  .f71 {
    font-size: 59px;
    font-size: Max(4.17647059vw, 18px);
  }
  .f70 {
    font-size: 58px;
    font-size: Max(4.11764706vw, 18px);
  }
  .f69 {
    font-size: 57px;
    font-size: Max(4.05882353vw, 18px);
  }
  .f68 {
    font-size: 56px;
    font-size: Max(4vw, 18px);
  }
  .f67 {
    font-size: 55px;
    font-size: Max(3.94117647vw, 18px);
  }
  .f66 {
    font-size: 54px;
    font-size: Max(3.88235294vw, 18px);
  }
  .f65 {
    font-size: 53px;
    font-size: Max(3.82352941vw, 18px);
  }
  .f64 {
    font-size: 52px;
    font-size: Max(3.76470588vw, 18px);
  }
  .f63 {
    font-size: 51px;
    font-size: Max(3.70588235vw, 18px);
  }
  .f62 {
    font-size: 50px;
    font-size: Max(3.64705882vw, 18px);
  }
  .f61 {
    font-size: 49px;
    font-size: Max(3.58823529vw, 18px);
  }
  .f60 {
    font-size: 48px;
    font-size: Max(3.52941176vw, 18px);
  }
  .f59 {
    font-size: 47px;
    font-size: Max(3.47058824vw, 18px);
  }
  .f58 {
    font-size: 46px;
    font-size: Max(3.41176471vw, 18px);
  }
  .f57 {
    font-size: 45px;
    font-size: Max(3.35294118vw, 18px);
  }
  .f56 {
    font-size: 44px;
    font-size: Max(3.29411765vw, 18px);
  }
  .f55 {
    font-size: 43px;
    font-size: Max(3.23529412vw, 18px);
  }
  .f54 {
    font-size: 42px;
    font-size: Max(3.17647059vw, 18px);
  }
  .f53 {
    font-size: 41px;
    font-size: Max(3.11764706vw, 18px);
  }
  .f52 {
    font-size: 40px;
    font-size: Max(3.05882353vw, 18px);
  }
  .f51 {
    font-size: 39px;
    font-size: Max(3vw, 18px);
  }
  .f50 {
    font-size: 38px;
    font-size: Max(2.94117647vw, 18px);
  }
  .f49 {
    font-size: 37px;
    font-size: Max(2.88235294vw, 18px);
  }
  .f48 {
    font-size: 36px;
    font-size: Max(2.82352941vw, 18px);
  }
  .f47 {
    font-size: 35px;
    font-size: Max(2.76470588vw, 18px);
  }
  .f46 {
    font-size: 34px;
    font-size: Max(2.70588235vw, 18px);
  }
  .f45 {
    font-size: 33px;
    font-size: Max(2.64705882vw, 18px);
  }
  .f44 {
    font-size: 32px;
    font-size: Max(2.58823529vw, 18px);
  }
  .f43 {
    font-size: 31px;
    font-size: Max(2.52941176vw, 18px);
  }
  .f42 {
    font-size: 30px;
    font-size: Max(2.47058824vw, 18px);
  }
  .f41 {
    font-size: 29px;
    font-size: Max(2.41176471vw, 18px);
  }
  .f40 {
    font-size: 28px;
    font-size: Max(2.35294118vw, 18px);
  }
  .f39 {
    font-size: 27px;
    font-size: Max(2.29411765vw, 18px);
  }
  .f38 {
    font-size: 26px;
    font-size: Max(2.23529412vw, 18px);
  }
  .f37 {
    font-size: 25px;
    font-size: Max(2.17647059vw, 18px);
  }
  .f36 {
    font-size: 24px;
    font-size: Max(2.11764706vw, 18px);
  }
  .f35 {
    font-size: 23px;
    font-size: Max(2.05882353vw, 18px);
  }
  .f34 {
    font-size: 22px;
    font-size: Max(2vw, 18px);
  }
  .f33 {
    font-size: 21px;
    font-size: Max(1.94117647vw, 18px);
  }
  .f32 {
    font-size: 20px;
    font-size: Max(1.88235294vw, 18px);
  }
  .f31 {
    font-size: 19px;
    font-size: Max(1.82352941vw, 18px);
  }
  .f30 {
    font-size: 18px;
    font-size: Max(1.76470588vw, 18px);
  }
  .f29 {
    font-size: 17px;
    font-size: Max(1.70588235vw, 18px);
  }
  .f28 {
    font-size: 16px;
    font-size: Max(1.64705882vw, 18px);
  }
  .f27 {
    font-size: 15px;
    font-size: Max(1.58823529vw, 18px);
  }
  .f26 {
    font-size: 14px;
    font-size: Max(1.52941176vw, 18px);
  }
  .f25 {
    font-size: 13px;
    font-size: Max(1.47058824vw, 18px);
  }
  .f24 {
    font-size: 20px;
    font-size: Max(1.5vw, 14px);
  }
  .f23 {
    font-size: 19px;
    font-size: Max(1.4375vw, 14px);
  }
  .f22 {
    font-size: 18px;
    font-size: Max(1.375vw, 14px);
  }
  .f21 {
    font-size: 17px;
    font-size: Max(1.3125vw, 14px);
  }
  .f20 {
    font-size: 16px;
    font-size: Max(1.25vw, 14px);
  }
  .f19 {
    font-size: 15px;
    font-size: Max(1.1875vw, 14px);
  }
  .f18 {
    font-size: 14px;
    font-size: Max(1.125vw, 14px);
  }
  .f17 {
    font-size: 13px;
    font-size: Max(1.0625vw, 14px);
  }
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  .f100 {
    font-size: 82px;
    font-size: Max(11.62790698vw, 14px);
  }
  .f99 {
    font-size: 81px;
    font-size: Max(11.51162791vw, 14px);
  }
  .f98 {
    font-size: 80px;
    font-size: Max(11.39534884vw, 14px);
  }
  .f97 {
    font-size: 79px;
    font-size: Max(11.27906977vw, 14px);
  }
  .f96 {
    font-size: 78px;
    font-size: Max(11.1627907vw, 14px);
  }
  .f95 {
    font-size: 77px;
    font-size: Max(11.04651163vw, 14px);
  }
  .f94 {
    font-size: 76px;
    font-size: Max(10.93023256vw, 14px);
  }
  .f93 {
    font-size: 75px;
    font-size: Max(10.81395349vw, 14px);
  }
  .f92 {
    font-size: 74px;
    font-size: Max(10.69767442vw, 14px);
  }
  .f91 {
    font-size: 73px;
    font-size: Max(10.58139535vw, 14px);
  }
  .f90 {
    font-size: 72px;
    font-size: Max(10.46511628vw, 14px);
  }
  .f89 {
    font-size: 71px;
    font-size: Max(10.34883721vw, 14px);
  }
  .f88 {
    font-size: 70px;
    font-size: Max(10.23255814vw, 14px);
  }
  .f87 {
    font-size: 69px;
    font-size: Max(10.11627907vw, 14px);
  }
  .f86 {
    font-size: 68px;
    font-size: Max(10vw, 14px);
  }
  .f85 {
    font-size: 67px;
    font-size: Max(9.88372093vw, 14px);
  }
  .f84 {
    font-size: 66px;
    font-size: Max(9.76744186vw, 14px);
  }
  .f83 {
    font-size: 65px;
    font-size: Max(9.65116279vw, 14px);
  }
  .f82 {
    font-size: 64px;
    font-size: Max(9.53488372vw, 14px);
  }
  .f81 {
    font-size: 63px;
    font-size: Max(9.41860465vw, 14px);
  }
  .f80 {
    font-size: 62px;
    font-size: Max(9.30232558vw, 14px);
  }
  .f79 {
    font-size: 61px;
    font-size: Max(9.18604651vw, 14px);
  }
  .f78 {
    font-size: 60px;
    font-size: Max(9.06976744vw, 14px);
  }
  .f77 {
    font-size: 59px;
    font-size: Max(8.95348837vw, 14px);
  }
  .f76 {
    font-size: 58px;
    font-size: Max(8.8372093vw, 14px);
  }
  .f75 {
    font-size: 57px;
    font-size: Max(8.72093023vw, 14px);
  }
  .f74 {
    font-size: 56px;
    font-size: Max(8.60465116vw, 14px);
  }
  .f73 {
    font-size: 55px;
    font-size: Max(8.48837209vw, 14px);
  }
  .f72 {
    font-size: 54px;
    font-size: Max(8.37209302vw, 14px);
  }
  .f71 {
    font-size: 53px;
    font-size: Max(8.25581395vw, 14px);
  }
  .f70 {
    font-size: 52px;
    font-size: Max(8.13953488vw, 14px);
  }
  .f69 {
    font-size: 51px;
    font-size: Max(8.02325581vw, 14px);
  }
  .f68 {
    font-size: 50px;
    font-size: Max(7.90697674vw, 14px);
  }
  .f67 {
    font-size: 49px;
    font-size: Max(7.79069767vw, 14px);
  }
  .f66 {
    font-size: 48px;
    font-size: Max(7.6744186vw, 14px);
  }
  .f65 {
    font-size: 47px;
    font-size: Max(7.55813953vw, 14px);
  }
  .f64 {
    font-size: 46px;
    font-size: Max(7.44186047vw, 14px);
  }
  .f63 {
    font-size: 45px;
    font-size: Max(7.3255814vw, 14px);
  }
  .f62 {
    font-size: 44px;
    font-size: Max(7.20930233vw, 14px);
  }
  .f61 {
    font-size: 43px;
    font-size: Max(7.09302326vw, 14px);
  }
  .f60 {
    font-size: 42px;
    font-size: Max(6.97674419vw, 14px);
  }
  .f59 {
    font-size: 41px;
    font-size: Max(6.86046512vw, 14px);
  }
  .f58 {
    font-size: 40px;
    font-size: Max(6.74418605vw, 14px);
  }
  .f57 {
    font-size: 39px;
    font-size: Max(6.62790698vw, 14px);
  }
  .f56 {
    font-size: 38px;
    font-size: Max(6.51162791vw, 14px);
  }
  .f55 {
    font-size: 37px;
    font-size: Max(6.39534884vw, 14px);
  }
  .f54 {
    font-size: 36px;
    font-size: Max(6.27906977vw, 14px);
  }
  .f53 {
    font-size: 35px;
    font-size: Max(6.1627907vw, 14px);
  }
  .f52 {
    font-size: 34px;
    font-size: Max(6.04651163vw, 14px);
  }
  .f51 {
    font-size: 33px;
    font-size: Max(5.93023256vw, 14px);
  }
  .f50 {
    font-size: 32px;
    font-size: Max(5.81395349vw, 14px);
  }
  .f49 {
    font-size: 31px;
    font-size: Max(5.69767442vw, 14px);
  }
  .f48 {
    font-size: 30px;
    font-size: Max(5.58139535vw, 14px);
  }
  .f47 {
    font-size: 29px;
    font-size: Max(5.46511628vw, 14px);
  }
  .f46 {
    font-size: 28px;
    font-size: Max(5.34883721vw, 14px);
  }
  .f45 {
    font-size: 27px;
    font-size: Max(5.23255814vw, 14px);
  }
  .f44 {
    font-size: 26px;
    font-size: Max(5.11627907vw, 14px);
  }
  .f43 {
    font-size: 25px;
    font-size: Max(5vw, 14px);
  }
  .f42 {
    font-size: 24px;
    font-size: Max(4.88372093vw, 14px);
  }
  .f41 {
    font-size: 23px;
    font-size: Max(4.76744186vw, 14px);
  }
  .f40 {
    font-size: 22px;
    font-size: Max(4.65116279vw, 14px);
  }
  .f39 {
    font-size: 21px;
    font-size: Max(4.53488372vw, 14px);
  }
  .f38 {
    font-size: 20px;
    font-size: Max(4.41860465vw, 14px);
  }
  .f37 {
    font-size: 19px;
    font-size: Max(4.30232558vw, 14px);
  }
  .f36 {
    font-size: 18px;
    font-size: Max(4.18604651vw, 14px);
  }
  .f35 {
    font-size: 17px;
    font-size: Max(4.06976744vw, 14px);
  }
  .f34 {
    font-size: 16px;
    font-size: Max(3.95348837vw, 14px);
  }
  .f33 {
    font-size: 15px;
    font-size: Max(3.8372093vw, 14px);
  }
  .f32 {
    font-size: 14px;
    font-size: Max(3.72093023vw, 14px);
  }
  .f31 {
    font-size: 13px;
    font-size: Max(3.60465116vw, 14px);
  }
  .f30 {
    font-size: 12px;
    font-size: Max(3.48837209vw, 14px);
  }
  .f29 {
    font-size: 11px;
    font-size: Max(3.37209302vw, 14px);
  }
  .f28 {
    font-size: 10px;
    font-size: Max(3.25581395vw, 14px);
  }
  .f27 {
    font-size: 9px;
    font-size: Max(3.13953488vw, 14px);
  }
  .f26 {
    font-size: 8px;
    font-size: Max(3.02325581vw, 14px);
  }
  .f25 {
    font-size: 7px;
    font-size: Max(2.90697674vw, 14px);
  }
  .f24 {
    font-size: 6px;
    font-size: Max(2.79069767vw, 14px);
  }
  .f23 {
    font-size: 5px;
    font-size: Max(2.6744186vw, 14px);
  }
  .f22 {
    font-size: 4px;
    font-size: Max(2.55813953vw, 14px);
  }
  .f21 {
    font-size: 3px;
    font-size: Max(2.44186047vw, 14px);
  }
  .f20 {
    font-size: 2px;
    font-size: Max(2.3255814vw, 14px);
  }
  .f19 {
    font-size: 1px;
    font-size: Max(2.20930233vw, 14px);
  }
  .f18 {
    font-size: 0px;
    font-size: Max(2.09302326vw, 14px);
  }
  .f17 {
    font-size: -1px;
    font-size: Max(1.97674419vw, 14px);
  }
}
@media screen and (min-width: 1025px) {
  .transXT50 {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }
  .transYT50 {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }
  .transYT502 {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }
  .transScale6 {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }
  .action.transYT50,
  .action.transYT502 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .action.transXT50 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .action .transScale6 {
    opacity: 1;
    visibility: visible;
    transform: inherit;
    -webkit-transform: inherit;
  }
  .js-point {
    -webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
    transition: opacity 0.4s linear, transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
    opacity: 0;
    -webkit-transform: translateY(-36px);
    transform: translateY(-36px);
    pointer-events: none;
  }
  .action.js-point {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
  }
  .clip-w {
    clip-path: inset(0 100% 0 0);
    -webkit-transition: 0.8s cubic-bezier(0.09, 0.34, 0.63, 1);
    transition: 0.8s cubic-bezier(0.09, 0.34, 0.63, 1);
  }
  .action .clip-w {
    clip-path: inset(0 0 0 0);
  }
  .dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
  }
  .dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
  }
  .dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
  }
  .dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
  }
  .dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
  }
  .dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
  }
  .dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
  }
  .dly_8 {
    transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
  }
  .dly_9 {
    transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
  }
  .dly_10 {
    transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
  }
  .dly_11 {
    transition-delay: 1100ms;
    -webkit-transition-delay: 1100ms;
  }
  .item-span span {
    visibility: hidden;
    display: inline-block;
  }
  .item-span2 i {
    visibility: hidden;
    display: inline-block;
  }
  .action .item-span span,
  .action .item-span2 i {
    visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: scroll_title_effect;
    animation-name: scroll_title_effect;
  }
  .fixedImg {
    background-attachment: fixed;
  }
  .news-list .desc:hover {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .news-list .desc:hover .timeBox,
  .news-list .desc:hover .title,
  .news-list .desc:hover .more {
    color: #0B308E;
  }
  .news-list .desc:hover .img {
    padding-bottom: 55.55%;
  }
  .ibox-newslist .desc:hover {
    transform: translateY(3%);
  }
  .page-nav-btn a:hover::before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
  }
  .page-nav-btn a:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
  .hynews-list li:hover .title {
    color: #0B308E;
  }
  .hynews-list li:hover .timeBox {
    background-color: #fff;
  }
  .hynews-list li:hover .w1400::before {
    background-color: #0B308E;
  }
  .technology-list li:hover .title,
  .technology-list li:hover .c {
    color: #0B308E;
  }
  .technology-list li:hover .title::before {
    background-color: #0B308E;
  }
  .technology-list li:hover .imgBox img {
    transform: translate(8px, -8px);
  }
  .technology-list li:hover .imgBox::before {
    transform: translate(-8px, 8px);
  }
}
@media screen and (min-width: 1921px) {
  .sacs-demo .img::before {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
  }
}
@media screen and (max-width: 1650px) {
  .w1400 {
    width: 80%;
  }
  .top {
    top: 35px;
  }
  .ibox-contact-box .ibox-title {
    margin-bottom: 80px;
  }
  .pipeline-jt {
    font-size: 16px;
  }
  .pipeline-jd .cover1 {
    font-size: 14px;
  }
  .throughput-box {
    margin-left: 9.625vw;
  }
  .honor-demo {
    margin-left: 9%;
  }
}
@media screen and (max-width: 1440px) {
  .nav li {
    margin-right: 20px;
  }
  .f16 {
    font-size: 14px;
  }
  .w1400,
  .w1600 {
    width: 86%;
  }
  .w1280 {
    width: 80%;
  }
  .top {
    top: 30px;
  }
  .banner-desc {
    bottom: 10%;
  }
  .banner-num {
    margin-top: 35px;
  }
  .banner-num li {
    font-size: 14px;
  }
  .banner-num .ico {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 34px;
  }
  .banner-num .name {
    padding-left: 5px;
  }
  .ibox-pro-dt .tico {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
  }
  .ibox-pro-dt .title {
    margin: 100% auto 80%;
  }
  .news-list .desc {
    box-shadow: 0 8px 20px rgba(11, 48, 142, 0.08);
    padding: 50px 8% 60px;
  }
  .news-list .desc:hover {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .news-list .timeBox {
    margin-bottom: 20px;
  }
  .news-list .timeBox .year {
    padding-left: 2px;
  }
  .news-list .title {
    margin-bottom: 20px;
    font-size: 16px;
    height: 48px;
  }
  .news-list .c {
    margin-bottom: 30px;
  }
  .news-list .img {
    margin-bottom: 30px;
  }
  .news-list .more {
    font-size: 14px;
  }
  .ibox-contact-box .ibox-title {
    margin-bottom: 70px;
  }
  .foot-top {
    padding: 40px 4% 60px;
  }
  .foot-nav {
    margin-bottom: 35px;
  }
  .foot-nav li {
    margin-right: 40px;
  }
  .foot-desc p {
    margin-bottom: 15px;
  }
  .ermbox {
    margin-bottom: 25px;
  }
  .foot-bot {
    padding: 12px 4%;
    font-size: 12px;
  }
  .pbanenr-desc .t1 {
    margin-bottom: 25px;
  }
  .page-nav-box {
    margin-top: -45px;
  }
  .page-nav-btn li {
    margin-right: 20px;
  }
  .page-nav-btn a {
    height: 44px;
    line-height: 44px;
  }
  .page-nav-btn a::after {
    font-size: 60px;
  }
  .page-padding {
    padding: 80px 0;
  }
  .hynews-list .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .marketing-list {
    margin-top: 50px;
  }
  .info-t {
    padding: 50px 5% 25px;
    margin-bottom: 35px;
  }
  .info-pageC {
    padding-bottom: 75px;
  }
  .info-sider {
    width: 320px;
  }
  .page-padding2 {
    padding-top: 80px;
  }
  .technology-list .imgBox {
    width: 400px;
  }
  .technology-list .title::before {
    height: 4px;
  }
  .pipeline-type li {
    width: 150px;
    height: 150px;
  }
  .pipeline-type .ico {
    font-size: 40px;
  }
  .pipeline-type li:after {
    margin-left: -30px;
    bottom: -25px;
    width: 60px;
    height: 60px;
  }
  .pipeline-typelist li {
    padding: 45px 0;
  }
  .pipeline-typelist .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .pipeline-typelist .type {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .pipeline-typelist .c {
    font-size: 14px;
  }
  .mb50 {
    margin-bottom: 35px;
  }
  .mb40 {
    margin-bottom: 30px;
  }
  .mb20 {
    margin-bottom: 15px;
  }
  .pipeline-jd li {
    margin-top: 30px;
  }
  .throughput-box {
    margin-left: 6.625vw;
  }
  .throughput-demo .txt {
    font-size: 16px;
  }
  .throughput-demo .swiper-btn .swiper-arrow {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .throughput-demo .swiper-btn .swiper-arrow i {
    font-size: 16px;
  }
  .throughput-page .title {
    margin-bottom: 25px;
  }
  .throughput-demo {
    margin-top: 65px;
  }
  .listed-list li {
    margin-bottom: 25px;
  }
  .listed-list .title {
    font-size: 18px;
  }
  .join-t {
    font-size: 24px;
    padding: 0 30px;
  }
  .sider-join-t {
    font-size: 14px;
  }
  .sider-join-item .title {
    font-size: 18px;
  }
  .join-list li {
    padding: 25px 30px;
  }
  .join-list .name {
    font-size: 20px;
  }
  .join-list .info {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .style-demo .t {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .style-demo .time2 {
    margin-bottom: 10px;
  }
  .contact-tab {
    font-size: 22px;
  }
  .about-page .desc {
    width: auto;
    flex: 1;
  }
  .histoy-demo .list dd {
    margin-top: 10px;
    font-size: 14px;
  }
  .histoy-year p {
    margin-bottom: 10px;
  }
  .company-list .t {
    margin-bottom: 20px;
  }
  .honor-demo {
    margin-left: 6%;
  }
  .honor-demo .swiper-slide {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin: 5px 20px 35px;
    padding: 20px;
  }
  .honor-demo .img {
    margin-bottom: 20px;
  }
  .branch-info {
    padding: 40px 35px;
  }
  .branch-info .title {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .branch-info .pageC {
    margin-bottom: 25px;
  }
  .branch-nav {
    font-size: 15px;
  }
  .team-first .name {
    font-size: 18px;
  }
  .team-first .item {
    padding: 30px;
  }
  .join-ipage {
    width: 900px;
  }
  .join-ipage .box {
    padding: 60px 5%;
  }
}
@media screen and (max-width: 1370px) {
  .w1280 {
    width: 90%;
  }
  .w1200 {
    width: 80%;
  }
  .nav li {
    margin-right: 15px;
  }
  .top {
    top: 15px;
  }
  .banner-desc {
    bottom: 8%;
  }
  .ibox-about-txt {
    width: 65%;
  }
  .ibox-about-txt .c {
    margin: 35px 0;
  }
  .ibox-pro-dt .title {
    margin: 80% auto 60%;
  }
  .news-list .desc {
    padding: 40px 8% 50px;
  }
  .news-list .desc:hover {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .news-list .timeBox {
    margin-bottom: 15px;
  }
  .news-list .timeBox .year {
    padding-left: 0;
  }
  .news-list .title {
    margin-bottom: 15px;
    font-size: 15px;
    height: 45px;
  }
  .news-list .c {
    margin-bottom: 25px;
  }
  .news-list .img {
    margin-bottom: 25px;
  }
  .ibox-contact-box .ibox-title {
    margin-bottom: 60px;
  }
  .ibox-contact-list .ico {
    font-size: 46px;
  }
  .ibox-contact-list .desc {
    padding: 40px 5%;
  }
  .page-padding {
    padding: 70px 0;
  }
  .pipeline-jt {
    font-size: 14px;
  }
  .train-list .t {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .train-list .t::before {
    height: 2px;
  }
  .train-list .c {
    padding-top: 10px;
    font-size: 14px;
  }
  .train-title dd .num {
    font-size: 50px;
  }
  .hour_inner .hours {
    height: 30px;
    margin: -30px 0 0 -1px;
  }
  .hour_inner .minutes {
    height: 40px;
    margin: -40px 0 0 -2px;
  }
  .hour_inner .seconds {
    height: 40px;
    margin: -40px 0 0 -1px;
  }
  .team-first .name {
    font-size: 16px;
    margin-bottom: 0;
  }
  .team-demo .item {
    margin-bottom: 30px;
  }
  .team-demo .name {
    font-size: 14px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 1280px) {
  .nav li {
    font-size: 14px;
    margin-right: 10px;
  }
  .nav .subnav a {
    font-size: 14px;
  }
  .serach-box {
    width: 100px;
  }
  .ibox-about-txt {
    width: 70%;
  }
  .ibox-about-txt .c {
    margin: 25px 0;
  }
  .page-padding2 {
    padding-top: 65px;
  }
  .technology-list .imgBox {
    width: 360px;
  }
  .technology-list .title {
    padding: 10px 0 15px;
  }
  .technology-list .title::before {
    height: 3px;
  }
  .branch-info {
    top: 0;
    padding: 30px 25px;
  }
  .branch-info .title {
    margin-bottom: 10px;
    font-size: 17px;
  }
  .branch-info .pageC {
    margin-bottom: 15px;
  }
  .branch-nav {
    font-size: 14px;
  }
}
@media screen and (max-width: 1260px) {
  .nav li a {
    padding: 0 20px;
  }
  .contact-list li {
    width: 48%;
  }
  .branch-info .pageC {
    max-height: 101px;
  }
}
@media screen and (max-width: 1024px) {
  .w1400,
  .w1600,
  .w1200 {
    width: 90%;
  }
  .top {
    top: 0;
    height: 56px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  }
  .logo a {
    height: 30px;
  }
  .logo .img1 {
    display: none;
  }
  .logo .img2 {
    display: block;
  }
  .top-right {
    margin-right: 0;
  }
  .nav {
    display: none;
  }
  .serach-box {
    border-radius: 15px;
    padding: 0 38px 0 14px;
    background-color: #F8F8F8;
  }
  .serach-box .serach-txt {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: #F8F8F8;
  }
  .serach-box .serach-btn {
    width: 30px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
  }
  .langer-box a {
    width: 30px;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
  }
  .menu-handler,
  .menubarM {
    display: block;
  }
  .pageH {
    height: 56px;
  }
  .swiper-App {
    height: auto;
  }
  .swiper-App > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto !important;
  }
  .banner-box {
    height: auto;
    margin-top: 56px;
  }
  .banner-box .imgBox {
    height: auto;
  }
  .banner-box .imgBox img {
    height: auto;
    width: 120%;
    margin-left: -10%;
  }
  .banner-desc {
    bottom: 6%;
  }
  .banner-title {
    font-size: 24px;
  }
  .banner-bot .en {
    font-size: 20px;
  }
  .banner-bot .swiper-btn {
    width: 160px;
  }
  .banner-num {
    margin-top: 25px;
  }
  .banner-num li {
    font-size: 12px;
  }
  .banner-num .ico {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
  }
  .banner-num .name {
    padding-left: 5px;
  }
  .swiper-btn {
    font-size: 12px;
  }
  .swiper-btn::before {
    width: 3px;
    height: 3px;
  }
  .swiper-btn .iconfont {
    font-size: 16px;
  }
  .swiper-App .wrapper {
    height: auto;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .ibox-about-txt {
    width: 80%;
    padding-top: 0;
  }
  .ibox-aboutDesc {
    padding: 85px 0;
  }
  .more-btn {
    width: 100px;
  }
  .more-btn .txt {
    font-size: 12px;
    left: 16%;
  }
  .ibox-protitle {
    position: relative;
    left: auto;
    top: auto;
    transform: inherit;
    width: 90%;
    padding: 85px 0;
    margin: 0 auto;
  }
  .ibox-pro .item.sx-w {
    width: 33.33%;
  }
  .ibox-pro-dt {
    padding: 55px 0 35px;
  }
  .ibox-pro-dt .tico {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
  }
  .ibox-pro-dt .title {
    margin: 25px auto 15px;
  }
  .ibox-new {
    padding: 85px 5%;
  }
  .ibox-new .ibox-title {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 65px;
  }
  .ibox-new .more-btn {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0 auto;
  }
  .news-list .timeBox {
    color: #0B308E;
  }
  .news-list .desc {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .news-list .img {
    padding-bottom: 55%;
    margin-bottom: 15px;
  }
  .news-list .c {
    font-size: 12px;
    height: auto;
  }
  .ibox-newslist {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    margin-left: -3%;
    margin-bottom: 25px;
  }
  .ibox-newslist .timeBox,
  .ibox-newslist .title,
  .ibox-newslist .more {
    color: #0B308E;
  }
  .ibox-newslist .c {
    display: none;
  }
  .ibox-contact {
    padding: 85px 0;
  }
  .ibox-contact-box {
    width: 90%;
    margin: 0 auto;
  }
  .ibox-contact-list .ico {
    font-size: 40px;
  }
  .ermbox .img {
    width: 80px;
  }
  .ermbox .txt {
    font-size: 12px;
  }
  .index-foot {
    overflow: visible;
  }
  .foot-nav li {
    margin-right: 20px;
  }
  .foot-desc p {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .foot-desc .ico {
    font-size: 18px;
  }
  .foot-top {
    padding: 35px 5%;
    display: block;
  }
  .foot-top .foot-right {
    margin-left: 0;
    margin-top: 20px;
  }
  .foot-bot {
    padding: 8px 5%;
    display: block;
  }
  .pbanenr-desc .t1 {
    margin-bottom: 15px;
  }
  .page-nav-box {
    margin-top: 0;
    border-top: 0 none;
    background-color: rgba(11, 48, 142, 0.4);
  }
  .page-nav-btn {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
  }
  .page-nav-btn li {
    margin-right: 0;
  }
  .page-nav-btn a {
    margin: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
  }
  .page-padding {
    padding: 65px 0;
  }
  .pnews-list {
    display: none;
  }
  .mnews-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .paging {
    padding: 40px 0;
  }
  .paging a,
  .paging span {
    margin: 0 8px;
  }
  .hynews-list li {
    padding: 20px 0;
    background-color: #F8F8F8;
    margin-bottom: 4px;
  }
  .hynews-list .desc {
    width: auto;
    margin: 0 0 0 20px;
  }
  .hynews-list .timeBox {
    position: relative;
    width: auto;
    right: auto;
    top: auto;
    background-color: transparent;
    text-align: left;
    padding: 0 0 10px 20px;
    color: #0B308E;
  }
  .hynews-list .timeBox .day {
    line-height: 1;
  }
  .hynews-list .timeBox .year {
    border: 0 none;
    margin-top: 0;
    padding-top: 0;
    line-height: 1.2;
    display: block;
  }
  .hynews-list .w1400 {
    display: block;
  }
  .hynews-list .w1400::before {
    width: 2px;
    background-color: #0B308E;
  }
  .hynews-list .title {
    font-size: 14px;
  }
  .hynews-list .c {
    font-size: 12px;
  }
  .marketing-list {
    margin-top: 35px;
  }
  .marketing-list li {
    width: 19%;
  }
  .page-padding2 {
    padding-top: 65px;
  }
  .info-pageC .pageC {
    font-size: 14px;
  }
  .info-sider {
    width: 260px;
  }
  .info-sider-list {
    padding: 20px;
    top: 76px;
  }
  .info-sider-c a {
    margin-bottom: 14px;
    padding-left: 12px;
  }
  .info-sider-c a::before,
  .info-sider-c a::after {
    width: 2px;
  }
  .info-t {
    padding: 25px 5% 25px;
  }
  .info-sider-t {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .technology-list .w1400 {
    padding: 30px 0;
  }
  .technology-list .imgBox {
    width: 40%;
  }
  .technology-list .title {
    padding: 0 0 12px;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .technology-list .title::before {
    height: 2px;
  }
  .technology-list .c {
    -webkit-line-clamp: 3;
  }
  .pipeline-type li {
    width: 120px;
    height: 120px;
  }
  .pipeline-type .ico {
    font-size: 30px;
  }
  .pipeline-type .active {
    filter: drop-shadow(0 0 10px #ccc);
  }
  .pipeline-type .active::after {
    margin-left: -15px;
    bottom: -3px;
    width: 30px;
    height: 30px;
  }
  .mb50 {
    margin-bottom: 25px;
  }
  .mb40 {
    margin-bottom: 20px;
  }
  .mb20 {
    margin-bottom: 10px;
  }
  .pipeline-jt {
    padding: 10px 0;
  }
  .pipeline-jt .txt,
  .pipeline-jt .jd {
    margin-bottom: 0;
  }
  .pipeline-jd li {
    margin-top: 20px;
  }
  .pipeline-data li {
    background: none;
    padding-bottom: 0;
  }
  .throughput-box {
    width: 90%;
    margin: 0 auto;
  }
  .throughput-page {
    width: auto;
  }
  .throughput-page .title {
    margin-bottom: 15px;
  }
  .throughput-demo {
    margin-top: 45px;
  }
  .listed-list {
    margin-left: 0;
  }
  .listed-list li {
    width: 100%;
    margin-left: 0;
  }
  .sider-join {
    width: 160px;
  }
  .join-box::before {
    left: 180px;
  }
  .join-page {
    margin-left: 40px;
  }
  .listed-list .title {
    font-size: 16px;
  }
  .join-t {
    font-size: 20px;
    padding: 0 20px;
  }
  .sider-join-item .title {
    font-size: 16px;
  }
  .join-list li {
    padding: 20px 20px;
  }
  .join-list .name {
    font-size: 18px;
    color: #0B308E;
  }
  .join-list .info {
    margin-bottom: 8px;
  }
  .black-join {
    margin-bottom: 25px;
  }
  .join-name {
    font-size: 24px;
  }
  .join-type {
    font-size: 14px;
    margin-bottom: 25px;
  }
  .join-pageC {
    margin-bottom: 65px;
  }
  .join-btn a {
    width: 160px;
    height: 44px;
    line-height: 44px;
    margin-right: 20px;
  }
  .train-box {
    display: block;
  }
  .train-list {
    display: block;
  }
  .train-list .item {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .train-list .desc {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 20px 5% 35px;
    width: 90%;
  }
  .train-list .c {
    height: auto;
    opacity: 1;
    transform: inherit;
    -webkit-transform: inherit;
  }
  .train-title {
    width: 100%;
    padding-bottom: 35px;
  }
  .train-title dt {
    padding: 25px 0 10px;
  }
  .train-title dd {
    padding: 15px 0;
  }
  .train-title dd .num {
    font-size: 40px;
  }
  .style-demo {
    width: 90%;
  }
  .style-demo .swiper-arrow {
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 30%;
  }
  .style-demo .swiper-arrow i {
    font-size: 18px;
  }
  .style-demo .swiper-prev {
    left: -22px;
  }
  .style-demo .swiper-next {
    right: -22px;
  }
  .style-demo .img::before {
    display: none;
  }
  .style-demo .desc {
    position: relative;
    left: auto;
    bottom: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    background: -moz-linear-gradient(#0B308E, #44AF35);
    background: -webkit-linear-gradient(#0B308E, #44AF35);
    background: -webkit-gradient(#0B308E, #44AF35);
    background: -o-linear-gradient(#0B308E, #44AF35);
  }
  .style-demo .desc .c {
    font-size: 12px;
  }
  .contact-tab {
    font-size: 20px;
  }
  .contact-tab span {
    padding: 0 8px 12px;
  }
  .contact-tab span::before {
    height: 4px;
  }
  .company-list .t {
    margin-bottom: 15px;
  }
  .company-list .item {
    padding: 25px;
  }
  .honor-demo {
    margin-left: 4%;
  }
  .honor-demo .swiper-slide {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 2px 10px 35px;
    padding: 20px;
  }
  .honor-demo .img {
    margin-bottom: 15px;
  }
  .honor-demo .name {
    font-size: 12px;
  }
  .honor-demo .ico {
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .map-img .item .dian .l {
    height: 100px;
  }
  .branch-nav li {
    margin-bottom: 5px;
  }
  .branch-nav {
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    border-left: 0 none;
    margin-bottom: 20px;
  }
  .branch-nav li {
    padding-left: 0;
    margin-right: 15px;
    font-weight: bold;
  }
  .branch-nav li::before {
    display: none;
  }
  .map-img {
    margin: 0 auto 20px;
  }
  .map-img .item .dian .l {
    height: 60px;
  }
  .branch-info {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
  .branch-info .pageC {
    max-height: 100%;
  }
  .clock_ul {
    margin: 0 auto 25px;
  }
  .clock_bg {
    width: 130px;
    height: 130px;
  }
  .sacs-demo {
    width: 100%;
    margin-left: 0;
  }
  .sacs-demo .swiper-prev {
    left: 22%;
  }
  .sacs-demo .swiper-next {
    right: 22%;
  }
  .sacs-demo .txt {
    display: none;
  }
  .sacs-demo .item {
    padding: 35px 0;
  }
  .sacs-demo .swiper-slide-prev .item {
    left: -20%;
  }
  .sacs-demo .swiper-slide-next .item {
    right: -20%;
  }
  .sacs-demo .swiper-slide-active .img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .saxs-desc {
    width: 100%;
  }
  .saxs-desc .title {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .saxs-desc .pageC {
    font-size: 14px;
  }
  .team-first {
    width: 42%;
  }
  .team-ipage {
    width: 90%;
  }
  .team-ipage .box {
    padding: 50px 5% 60px 5%;
  }
  .team-ipage .title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .team-ipage .zw {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .team-paging {
    font-size: 14px;
  }
  .team-list {
    margin-left: -10%;
  }
  .team-list li {
    width: 23.33%;
    margin-left: 10%;
    margin-top: 20px;
  }
  .join-ipage {
    width: 90%;
  }
  .join-ipage .box {
    padding: 45px 5%;
  }
  .form-txt {
    font-size: 14px;
    padding: 8px 5%;
  }
  .form-sc {
    padding: 25px 0 20px;
    margin-bottom: 35px;
  }
  .btn-ok {
    width: 160px;
    height: 44px;
    line-height: 44px;
  }
  .honor-demo .swiper-slide {
    width: 22%;
  }
}
@media screen and (max-width: 860px) {
  .marketing-list li {
    width: 24%;
  }
  .info-t {
    font-size: 18px;
    font-weight: bold;
  }
  .info-page {
    display: block;
  }
  .info-sider {
    margin-left: 0;
    width: auto;
    margin-top: 25px;
    top: auto;
  }
  .throughput-demo {
    width: auto;
  }
  .throughput-demo::after {
    display: none;
  }
  .throughput-demo .swiper-slide-next .img {
    transform: inherit;
    -webkit-transform: inherit;
  }
  .throughput-demo .img {
    opacity: 1;
    filter: alpha(opacity=100);
    transform-origin: inherit;
    -webkit-transform-origin: inherit;
  }
  .throughput-demo .img::before {
    display: none;
  }
  .throughput-demo .desc {
    position: static;
    left: auto;
    bottom: auto;
    right: auto;
    opacity: 1;
    transform: inherit;
    color: #333333;
    padding-top: 15px;
  }
  .throughput-demo .txt {
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .throughput-demo .swiper-btn {
    position: static;
    left: auto;
    top: auto;
  }
  .throughput-demo .swiper-btn .swiper-arrow {
    position: absolute;
    width: 44px;
    line-height: 44px;
    height: 44px;
    top: 40%;
    margin-top: -22px;
    z-index: 100;
  }
  .throughput-demo .swiper-btn .swiper-arrow i {
    font-size: 14px;
  }
  .throughput-demo .swiper-btn .swiper-prev {
    left: 0;
  }
  .throughput-demo .swiper-btn .swiper-next {
    right: 0;
  }
  .page-title {
    font-size: 24px;
  }
  .histoy-demo .swiper-slide {
    height: auto;
  }
  .histoy-demo .item {
    width: auto;
    padding-left: 2px;
    height: auto;
    overflow-y: hidden;
  }
  .histoy-demo .imgbox {
    width: auto;
    margin-top: 25px;
  }
  .histoy-demo .swiper-item {
    display: block;
  }
  .histoy-year {
    width: 140px;
  }
  .team-first {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
  .team-demo {
    float: none;
    margin: 20px auto 0;
    width: 70%;
  }
  .team-demo .item {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 640px) {
  .serach-box {
    background-color: transparent;
    padding: 0;
    width: auto;
  }
  .serach-box .serach-txt {
    display: none;
  }
  .serach-box .serach-btn {
    position: relative;
    top: auto;
    right: auto;
    display: block;
  }
  .menubarM {
    width: 100%;
  }
  .banner-num {
    display: none;
  }
  .banner-title {
    font-size: 16px;
  }
  .banner-bot .en {
    font-size: 14px;
  }
  .banner-bot .swiper-btn {
    width: 120px;
    display: none;
  }
  .swiper-btn::before {
    display: none;
  }
  .swiper-btn .iconfont {
    font-size: 14px;
  }
  .ibox-aboutImg {
    display: none;
  }
  .ibox-aboutDesc {
    display: block;
    width: 100%;
    padding: 60px 0;
  }
  .ibox-about-txt {
    width: 90%;
  }
  .ibox-about-txt .c {
    margin: 20px 0;
  }
  .more-btn {
    width: 80px;
  }
  .ibox-protitle {
    padding: 60px 0;
  }
  .ibox-pro-dt {
    padding: 35px 0;
  }
  .ibox-pro-dt .tico {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .ibox-pro-dt .title {
    margin: 20px auto 5px;
  }
  .ibox-new {
    padding: 60px 5%;
  }
  .ibox-new .ibox-title {
    margin-bottom: 45px;
  }
  .news-list li {
    width: 47%;
  }
  .news-list .timeBox {
    margin-bottom: 8px;
  }
  .news-list .title {
    margin-bottom: 8px;
  }
  .news-list .c {
    margin-bottom: 15px;
  }
  .ibox-newslist li:nth-child(3) {
    display: none;
  }
  .ibox-contact {
    padding: 60px 0;
  }
  .ibox-contact-list {
    margin-left: -2%;
  }
  .ibox-contact-list li {
    width: 31.33%;
    margin-left: 2%;
  }
  .ibox-contact-list .desc {
    padding: 20px 5%;
  }
  .ibox-contact-list .ico {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .ibox-contact-list .title {
    font-weight: normal;
    font-size: 12px;
  }
  .ibox-contact-en .line {
    height: 1px;
  }
  .foot-nav {
    display: block;
  }
  .foot-nav li {
    margin-right: 0;
    display: block;
  }
  .foot-nav li a {
    position: relative;
    display: block;
    line-height: 1.4;
    padding: 10px 0;
    border-bottom: 1px solid #484848;
  }
  .foot-nav li a::before {
    content: "\e8f1";
    font-family: "iconfont" !important;
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 1;
    display: block;
    transform: translateY(-50%);
  }
  .link-select-box {
    width: auto;
  }
  .foot-bot .c {
    margin-right: 0;
  }
  .pbanenr-desc .t1 {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .pbanenr-desc .t2 {
    font-size: 12px;
  }
  .page-padding {
    padding: 45px 0;
  }
  .paging {
    font-size: 14px;
    padding: 25px 0;
  }
  .marketing-list {
    margin-top: 25px;
  }
  .marketing-list li {
    width: 32.33%;
  }
  .page-padding2 {
    padding-top: 45px;
  }
  .info-page-box {
    padding: 0;
  }
  .info-page {
    width: auto;
  }
  .info-pageC {
    padding-bottom: 35px;
  }
  .info-t {
    margin-bottom: 25px;
  }
  .technology-list .w1400 {
    align-items: center;
  }
  .technology-list .imgBox {
    width: 180px;
  }
  .technology-list .imgBox::before {
    display: none;
  }
  .technology-list .title {
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 6px;
  }
  .technology-list .title::before {
    width: 30px;
  }
  .technology-list .c {
    font-size: 12px;
  }
  .pipeline-type li {
    width: 90px;
    height: 90px;
    margin: 0 10px;
  }
  .pipeline-type .ico {
    font-size: 24px;
  }
  .pipeline-type .active {
    filter: drop-shadow(0 0 8px #ccc);
  }
  .pipeline-type .txt {
    font-size: 12px;
  }
  .pipeline-typelist li {
    padding: 25px 0;
  }
  .pipeline-typelist .title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .pipeline-typelist .type {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .pipeline-typelist .c {
    font-size: 14px;
  }
  .mb50 {
    margin-bottom: 20px;
  }
  .mb40 {
    margin-bottom: 15px;
  }
  .mb20 {
    margin-bottom: 10px;
  }
  .pipeline-page .title {
    font-size: 20px;
  }
  .pipeline-jt {
    display: none;
  }
  .pipeline-jd li {
    margin-top: 15px;
    display: block;
  }
  .pipeline-jd .jd {
    display: block;
  }
  .pipeline-jd .cover1 {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    padding-bottom: 10px;
  }
  .throughput-demo {
    margin-top: 30px;
  }
  .listed-list li {
    margin-bottom: 15px;
  }
  .listed-list .desc {
    padding: 18px;
  }
  .listed-list .title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .listed-list .c {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .listed-list .down-btn {
    font-size: 12px;
    width: 90px;
    line-height: 28px;
  }
  .join-box {
    display: block;
  }
  .join-box::before {
    display: none;
  }
  .sider-join {
    width: 100%;
  }
  .sider-join-item {
    padding: 10px 0;
    margin-top: 4px;
  }
  .sider-join-item .title {
    margin-bottom: 5px;
  }
  .sider-join-se {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
  }
  .sider-join-se li {
    margin-bottom: 2px;
    margin-right: 10px;
  }
  .join-page {
    margin-left: 0;
    padding-top: 25px;
  }
  .join-t {
    padding: 0;
    font-size: 18px;
  }
  .join-page li {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 15px;
  }
  .join-list li {
    padding: 15px;
  }
  .join-list .name {
    font-size: 16px;
  }
  .join-list .info {
    margin-bottom: 5px;
  }
  .join-list .c {
    font-size: 12px;
  }
  .black-join {
    margin-bottom: 15px;
  }
  .join-name {
    font-size: 20px;
  }
  .join-type {
    margin-bottom: 15px;
  }
  .join-pageC {
    margin-bottom: 45px;
  }
  .join-btn a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
  }
  .page-title {
    font-size: 20px;
  }
  .style-demo {
    width: 100%;
  }
  .style-demo .swiper-btn {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .style-demo .swiper-arrow {
    top: auto;
    position: relative;
    transform: translateY(0);
    width: 50%;
  }
  .style-demo .swiper-prev {
    left: auto;
  }
  .style-demo .swiper-next {
    right: auto;
  }
  .contact-list {
    margin-left: 0;
  }
  .contact-list li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .contact-list .item {
    padding: 20px;
  }
  .contact-list .title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .contact-list .title .ico {
    font-size: 20px;
  }
  .contact-list p {
    margin-bottom: 8px;
  }
  .contact-tab {
    font-size: 18px;
  }
  .contact-tab span {
    padding: 0 5px 8px;
  }
  .contact-tab span::before {
    height: 3px;
  }
  .about-page {
    display: block;
  }
  .about-page .imgbox {
    width: auto;
    margin-right: 0;
  }
  .about-page .desc {
    padding-top: 25px;
  }
  .about-page2 .imgbox {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .histoy-year {
    width: 100px;
    font-size: 16px;
  }
  .histoy-year .active {
    font-size: 24px;
  }
  .company-list dd {
    display: block;
  }
  .company-list .imgbox,
  .company-list .desc {
    width: auto;
  }
  .company-list .item {
    padding: 25px 0 35px;
  }
  .company-list .ico {
    right: 0;
  }
  .company-list .t {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .company-list .c {
    font-size: 14px;
  }
  .map-img {
    width: 100%;
  }
  .branch-info {
    padding: 0;
    background-color: transparent;
    border-top: 0 none;
  }
  .clock_ul {
    display: none;
  }
  .sacs-demo .swiper-prev {
    left: 20%;
  }
  .sacs-demo .swiper-next {
    right: 20%;
  }
  .sacs-demo .swiper-slide-prev .item {
    left: -22%;
  }
  .sacs-demo .swiper-slide-next .item {
    right: -22%;
  }
  .saxs-desc {
    width: auto;
  }
  .saxs-desc .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .saxs-desc .pageC {
    font-size: 13px;
  }
  .team-first {
    width: 100%;
  }
  .team-first .item {
    margin: 0 auto;
    width: 64%;
  }
  .team-demo {
    width: 100%;
  }
  .team-ipage {
    width: 100%;
  }
  .team-ipage .box {
    display: block;
  }
  .team-ipage .img {
    width: 40%;
    margin: 0 auto 10px;
  }
  .team-ipage .title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 4px;
  }
  .team-ipage .zw {
    text-align: center;
  }
  .team-list {
    margin-left: -8%;
  }
  .team-list li {
    width: 42%;
    margin-left: 8%;
  }
  .team-list .name {
    font-size: 15px;
  }
  .join-ipage {
    width: 100%;
  }
  .join-form {
    display: block;
  }
  .join-form li {
    width: auto;
    margin-bottom: 8px;
  }
  .form-sc .ico {
    font-size: 24px;
  }
  .form-sc .txt {
    font-size: 14px;
  }
  .honor-demo .swiper-slide {
    width: 33%;
  }
}
@media screen and (max-width: 480px) {
  .news-list {
    margin-left: 0;
  }
  .news-list li {
    width: 100%;
    margin-left: 0;
  }
  .news-list li:hover .desc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .news-list .desc {
    padding: 20px 5%;
  }
  .news-list .img {
    display: none;
  }
  .news-list .title {
    color: #222222;
    font-size: 14px;
    height: auto;
  }
  .news-list .c {
    display: block;
  }
  .ibox-newslist li:nth-child(3) {
    display: block;
  }
  .marketing-list {
    margin-top: 20px;
  }
  .marketing-list li {
    width: 49%;
  }
  .technology-list li {
    background-color: #F8F8F8;
  }
  .technology-list .w1400 {
    display: block;
  }
  .technology-list .imgBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .technology-list .c {
    font-size: 14px;
  }
  .contact-tab {
    font-size: 16px;
  }
  .contact-tab dd {
    margin: 0 5px;
  }
  .histoy-year {
    width: 80px;
  }
  .histoy-year p {
    padding: 2px 10px 2px 0;
  }
  .histoy-demo .list dd {
    display: block;
    line-height: 1.5;
  }
  .histoy-demo .list dd .moth {
    width: auto;
  }
  .sacs-demo .item {
    padding: 15px;
  }
  .sacs-demo .img {
    transform: scale(1);
    -webkit-transform: scale(1);
    width: 64%;
    margin: 0 auto;
  }
  .sacs-demo .img::before {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .sacs-demo .swiper-prev {
    left: 0;
  }
  .sacs-demo .swiper-next {
    right: 0;
  }
  .honor-demo .swiper-slide {
    width: 45%;
  }
}
@media screen and (max-width: 375px) {
  .pipeline-type li {
    width: 86px;
    height: 86px;
    margin: 0 5px;
  }
}