@charset "UTF-8";
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .third-box .product-cont .our-products-box .pr-cont { display: flex !important; }
  .third-box .product-cont .our-products-box .pr-cont.disBlok { display: none !important; }
  .third-box .product-cont .our-products-box .rotate-div { transform: translate3d(0, 0, 0); }
  .third-box .product-cont .our-products-box .rotate-div .show { transform: rotateY(0deg); z-index: 2; }
  .third-box .product-cont .our-products-box .rotate-div .conceal { transform: rotateY(180deg); z-index: 1; }
  .third-box .pr-cont .flip { transform: translate3d(0, 0, 0); }
  .third-box .pr-cont .flip-box { position: relative; overflow: hidden; width: 100%; height: 100%; }
  .third-box .pr-cont .flip-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .5ms ease-in-out; transform-style: preserve-3d; backface-visibility: hidden; }
  .third-box .pr-cont .flip-item-front { transform: rotateY(0deg); z-index: 2; }
  .third-box .pr-cont .flip-item-back { transform: rotateY(180deg); z-index: 1; }
  .third-box .pr-cont .flip-box:hover .flip-item-front { z-index: 1; transform: rotateY(180deg); }
  .third-box .pr-cont .flip-box:hover .flip-item-back { z-index: 2; transform: rotateY(0deg); } }

@media only screen and (min-width: 1360px) { .w1200 { max-width: 1200px; }
  .nav li ul .menu-box { margin: 0 auto; margin-top: 20px; max-width: 1200px; padding: 0 10px; }
  .first-box .banner { width: 100%; height: 680px; z-index: 1; overflow: hidden; }
  .first-box .banner .swiper-container { width: 100%; height: 100%; }
  .first-box .banner .swiper-container .swiper-slide .text-cont { margin-top: 161px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word { width: 100%; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-top { text-align: center; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-top span { color: #ffffff; font-size: 40px; letter-spacing: 10px; font-weight: bold; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-top span i { letter-spacing: 0px; font-weight: bold; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom { text-align: center; color: #ffffff; opacity: .7; font-size: 24px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom span { letter-spacing: 11px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom span::before { content: ""; display: inline-block; width: 56px; height: 3px; background: #ffffff; opacity: .5; margin-right: 20px; margin-bottom: 9px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom span::after { content: ""; display: inline-block; width: 56px; height: 3px; background: #ffffff; opacity: .5; margin-left: 10px; margin-bottom: 9px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word { width: 100%; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-top { text-align: left; margin-top: 200px; margin-bottom: 25px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-top span { font-size: 45px; color: #ffffff; line-height: 45px; font-weight: 600; letter-spacing: 4px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-middle { margin-bottom: 30px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-middle span { font-size: 28px; color: #ffffff; line-height: 28px; font-weight: 600; letter-spacing: 15px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom { text-align: left; margin-bottom: 60px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span { color: #ffffff; font-size: 18px; line-height: 18px; letter-spacing: 2px; opacity: .5; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::before { content: ""; display: inline-block; width: 139px; height: 2px; background: #ffffff; opacity: .5; margin-right: 20px; margin-bottom: 5px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::after { content: ""; display: inline-block; width: 139px; height: 2px; background: #ffffff; opacity: .5; margin-left: 15px; margin-bottom: 5px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word { width: 100%; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top { text-align: left; margin-bottom: 30px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p { color: #ffffff; font-size: 40px; line-height: 65px; font-weight: 600; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span1 { font-size: 36px; line-height: 36px; margin-bottom: 25px; letter-spacing: 5px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span2 { font-size: 28px; line-height: 28px; letter-spacing: 3px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle { margin-bottom: 30px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span { font-size: 28px; color: #ffffff; line-height: 28px; font-weight: 600; letter-spacing: 15px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::before { content: ""; display: inline-block; width: 132px; height: 2px; background: #ffffff; opacity: .5; margin-right: 20px; margin-bottom: 9px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::after { content: ""; display: inline-block; width: 132spx; height: 2px; background: #ffffff; opacity: .5; margin-left: 15px; margin-bottom: 9px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom { text-align: left; margin-top: 20px; margin-bottom: 56px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span { color: #ffffff; font-size: 16px; letter-spacing: 0px; opacity: .7; margin-right: 13px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span:nth-last-of-type(1) { margin-right: 0; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span i { font-size: 30px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .chart-img { margin: 0 auto; width: 500px; height: 176px; margin-top: 48px; margin-bottom: 36px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .btn { margin: 0 auto; text-align: center; line-height: 60px; width: 300px; height: 60px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.18); font-weight: bold; font-size: 24px; color: #ffffff; cursor: pointer; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .btn:hover { background: #ffffff; border: none; box-shadow: none; color: #4969D9; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2.btn { margin: 0; box-shadow: none; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3.btn { margin: 0; box-shadow: none; }
  .first-box .banner .bar-box { position: absolute; right: 50%; top: 136px; z-index: 10; margin-right: -590px; }
  .first-box .banner .bar-box .bar-div { display: flex; flex-flow: column nowrap; align-items: center; }
  .first-box .banner .bar-box .number-min, .first-box .banner .bar-box .number-max { overflow: hidden; position: relative; display: inline-block; line-height: 1; letter-spacing: .1em; width: 15px; height: 15px; font-size: 12px; color: #ffffff; }
  .first-box .banner .bar-box .number-min span, .first-box .banner .bar-box .number-max span { position: absolute; top: 0; left: 0; animation-name: translate-opacity-left-out-0--120; animation-duration: .4s; animation-delay: 0s; animation-timing-function: cubic-bezier(0.26, 1, 0.48, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; }
  .first-box .banner .bar-box .number-min span.active, .first-box .banner .bar-box .number-max span.active { animation-name: translate-opacity-left-in-120-0; animation-duration: .4s; animation-delay: 0s; animation-timing-function: cubic-bezier(0.26, 1, 0.48, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; }
  @keyframes translate-opacity-left-out-0--120 { 0% { opacity: 1;
      transform: translateX(0);
      transform-origin: left; }
    to { opacity: 0;
      transform: translateX(-120%);
      transform-origin: left; } }
  @keyframes translate-opacity-left-in-120-0 { 0% { opacity: 0;
      transform: translateX(120%);
      transform-origin: left; }
    to { opacity: 1;
      transform: translateX(0);
      transform-origin: left; } }
  .first-box .banner .bar-box .bar-progress { margin: 15px 0; position: relative; background-color: rgba(255, 255, 255, 0.2); width: 2px; height: 248px; }
  .first-box .banner .bar-box .bar-progress .bar-progress-line { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 0%; background-color: #ffffff; transition: all 5s linear 0s; transform: scaleY(1); }
  .first-box .banner .bar-box .bar-progress .bar-progress-line.active { animation-name: translate-bar-progress-line; animation-duration: 5s; animation-delay: 0s; animation-fill-mode: forwards; }
  @keyframes translate-bar-progress-line { 0% { height: 0; }
    to { height: 100%; } }
  .first-box .swiper-slide.slide1 { background: url(/bonree/img/banner-1.jpg) no-repeat center center; background-size: cover; }
  .first-box .swiper-slide.slide2 { background: url(/bonree/img/banner-2.jpg) no-repeat center center; background-size: cover; }
  .first-box .swiper-slide.slide3 { background: url(/bonree/img/banner-3.png) no-repeat center center; background-size: cover; }
  .first-box .swiper-slide.slide4 { background: url(/bonree/img/banner-4.png) no-repeat center center; background-size: cover; }
  .first-box .swiper-container-horizontal > .swiper-pagination-bullets, .first-box .swiper-pagination-custom, .first-box .swiper-pagination-fraction { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; transform: rotate(90deg); right: 50% !important; bottom: 170px !important; width: auto !important; left: auto; z-index: 999; margin-right: -627px; }
  .first-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; }
  .first-box .swiper-pagination-bullet-active { opacity: 0.7; background: #ffffff; box-shadow: 0px 0px 1px 10px rgba(255, 255, 255, 0.2); border-radius: 50%; }
  .first-box .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px 0; background: #ffffff; opacity: .7; }
  .title { display: flex; justify-content: center; align-items: center; line-height: 52px; margin-bottom: 50px; }
  .title .title-logo { width: 48px; height: 52px; margin-right: 30px; }
  .title .title-word { font-size: 40px; color: #000000; }
  .third-box .bg1-box { width: 100%; height: 100%; position: relative; }
  .third-box .bg1-box .bg1 { width: 100%; height: 740px; background: url(/bonree/img/bg1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 65px; z-index: -1; }
  .third-box .product-cont { margin-top: 180px; }
  .third-box .product-cont .title .title-logo { background: url(/bonree/img/title-logo.svg) no-repeat; background-size: 349px; background-position: -2px 0; }
  .third-box .product-cont .our-products-box { display: flex; align-items: flex-end; overflow: hidden; }
  .third-box .product-cont .our-products-box .pr-menu { margin-right: 18px; width: 430px; height: auto; border: 1px solid rgba(0, 0, 0, 0.2); position: relative; }
  .third-box .product-cont .our-products-box .pr-menu ul { width: calc(100% + 2px); height: calc(100% + 2px); position: relative; left: 0px; top: 0px; }
  .third-box .product-cont .our-products-box .pr-menu ul li { position: relative; border: 1px solid transparent; border-left-width: 8px; margin-bottom: 12px; width: 430px; height: 80px; cursor: pointer; }
  .third-box .product-cont .our-products-box .pr-menu ul li:nth-child(1) { height: 120px; }
  .third-box .product-cont .our-products-box .pr-menu ul li:nth-child(1) .pad8 { flex-direction: column; align-items: flex-start; justify-content: flex-start; background: transparent; }
  .third-box .product-cont .our-products-box .pr-menu ul li:nth-child(1) .pad8 .pr-title { font-weight: bold; margin-bottom: 14px; margin-left: 0; margin-right: 0; width: auto; }
  .third-box .product-cont .our-products-box .pr-menu ul li .pad8 { padding: 20px; margin-right: 8px; height: 100%; display: flex; align-items: center; justify-content: flex-start; background: #edf2ff; }
  .third-box .product-cont .our-products-box .pr-menu ul li .num { width: 8px; height: 18px; }
  .third-box .product-cont .our-products-box .pr-menu ul li .pr-title { font-size: 24px; color: #000000; width: 92px; text-align: left; }
  .third-box .product-cont .our-products-box .pr-menu ul li .pr-cont { font-size: 12px; color: #000000; opacity: 0.7; width: 392px; letter-spacing: 1px; }
  .third-box .product-cont .our-products-box .pr-menu ul li .pr-cont.ws { width: calc(100% - 0px); max-width: 386px; }
  .third-box .product-cont .our-products-box .pr-menu ul li i { display: none; }
  .third-box .product-cont .our-products-box .pr-menu ul li.active { border: 1px solid #537dff; border-left-width: 8px; }
  .third-box .product-cont .our-products-box .pr-menu ul li.active .pad8 { margin-right: 0; padding-right: 25px; }
  .third-box .product-cont .our-products-box .pr-menu ul li.active i { display: inline-block; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; background: #ffffff; text-align: center; line-height: 24px; }
  .third-box .product-cont .our-products-box .dem-cont { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row !important; padding-top: 26px; }
  .third-box .product-cont .our-products-box .dem-cont > div { width: 230px; height: 246px; position: relative; margin-right: 14px; margin-left: 1px; -webkit-transform-origin: 0% 0% 109px; }
  .third-box .product-cont .our-products-box .rotate-div { width: 100%; height: 100%; perspective: 300px; }
  .third-box .product-cont .our-products-box .rotate-item { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform-style: preserve-3d; transform-origin: 50% 50% -115px; animation: 200ms ease-out 0ms 1 normal forwards; }
  .third-box .product-cont .our-products-box .in-left .rotate-item { animation-name: in-left; animation-play-state: running; }
  .third-box .product-cont .our-products-box .out-left .rotate-item { animation-name: out-left; animation-play-state: running; }
  .third-box .product-cont .our-products-box .in-left .conceal, .third-box .product-cont .our-products-box .out-left .conceal { transform-origin: 100% 0; transform: translate3d(-100%, 0, 0) rotate3d(0, -1, 0, 90deg); }
  @keyframes in-left { from { transform: rotate3d(0, 0, 0, 0deg); }
    to { transform: rotate3d(0, 1, 0, 90deg); } }
  @keyframes out-left { from { transform: rotate3d(0, 1, 0, 90deg); }
    to { transform: rotate3d(0, 0, 0, 0deg); } }
  .third-box .product-cont .our-products-box .show, .third-box .product-cont .our-products-box .conceal { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  .third-box .product-cont .our-products-box .show { width: 100%; height: 100%; background: #ffffff; border: 1px solid #cccccc; position: relative; padding: 17px 20px 15px 15px; }
  .third-box .product-cont .our-products-box .show .ordinal { text-align: right; color: #000000; font-size: 18px; margin-bottom: 105px; }
  .third-box .product-cont .our-products-box .show .productName { color: #000000; font-size: 18px; font-weight: bold; }
  .third-box .product-cont .our-products-box .show .productDetail { position: absolute; left: 15px; bottom: 15px; letter-spacing: -1px; color: rgba(0, 0, 0, 0.7); font-size: 12px; }
  .third-box .product-cont .our-products-box .conceal { transform: translate3d(0, 0, -1px); /* 3D空间内移动一个元素的位置 */ }
  .third-box .product-cont .our-products-box .conceal .bor-active { width: 100%; height: 100%; position: relative; border: 1px solid #537dff; }
  .third-box .product-cont .our-products-box .conceal .bor-active img { width: 100%; height: 100%; }
  .third-box .product-cont .our-products-box .conceal .bor-active .dtl { width: 100%; height: 40px; background: #537dff; position: absolute; left: 0px; bottom: -1px; text-align: center; line-height: 40px; color: #ffffff; font-size: 18px; cursor: pointer; }
  .third-box .product-cont .our-products-box .pr-tab-cont { flex: 1; height: 528px; overflow: hidden; top: 0; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-tab-box { display: inline-flex; flex-wrap: nowrap; height: 100%; width: 3830px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont { width: 730px; height: 100%; float: left; display: flex; flex-direction: column; overflow: hidden; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont:nth-child(1) .viewDetail { margin-left: 45px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .first-img { width: 100%; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .first-img img { position: relative; left: -25px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .APM-img { width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .APM-img img { position: relative; left: -25px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .second-img { width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .second-img img { position: relative; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .last-img { width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .last-img img { position: relative; left: -25px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .dtlBtn { width: 80px; height: 26px; border: 1px solid #4969D9; border-radius: 13px; text-align: center; line-height: 26px; color: #0066EB; font-size: 12px; cursor: pointer; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .dtlBtn:hover { color: #ffffff; background: linear-gradient(to right, #5a4ad1, #4969d9); border: 1px solid transparent; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .viewDetail { width: 81%; display: flex; margin-left: 35px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .viewDetail span { color: #000000; opacity: 0.8; font-size: 12px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .APM-cont { width: 83%; height: auto; margin-left: 34px; display: flex; justify-content: space-between; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .APM-cont .APM-left { height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.2); padding-right: 15px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .APM-cont .APM-right { height: 100%; padding-left: 25px; }
  .third-box .product-cont .our-products-box .pr-tab-cont .pr-cont .APM-cont span { color: #000000; opacity: 0.8; font-size: 12px; margin-bottom: 11px; }
  .third-box .product-lt1220 { display: none; }
  .third-box .product-lt1220 .title-one { font-size: 24px; padding: 0 20px; border-left: 4px solid #1f6ff0; line-height: 24px; }
  .third-box .product-lt1220 .cont-one { padding: 20px; font-size: 16px; display: flex; flex-direction: column; }
  .third-box .product-lt1220 .cont-one img { width: 100%; margin: 0 auto; }
  .third-box .product-lt1220 .cont-one span { width: 85%; margin: 0 auto; margin-top: 20px; }
  .fourth-box .Solution-cont { margin-top: 150px; }
  .fourth-box .Solution-cont .title .title-logo { background: url(/bonree/img/title-logo.svg) no-repeat; background-size: 349px; background-position: -63px 0; }
  .fourth-box .Solution-cont .solution-tab { margin-top: 90px; }
  .fourth-box .Solution-cont .solution-tab .tab-title { display: flex; color: #000000; font-size: 24px; border-bottom: 1px solid #537dff; margin-bottom: 50px; }
  .fourth-box .Solution-cont .solution-tab .tab-title li { margin-right: 100px; padding-bottom: 31px; border-bottom: 6px solid transparent; cursor: pointer; }
  .fourth-box .Solution-cont .solution-tab .tab-title li.active { font-weight: bold; border-bottom: 6px solid #537DFF; }
  .fourth-box .Solution-cont .solution-tab .tab-content { width: 100%; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item { width: 100%; height: 100%; display: none; overflow: hidden; position: relative; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item.show { display: block; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .outBox { height: 402px; position: relative; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .outBox .solution-item { width: 1180px; float: left; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .outBox .solution-item.small ul { display: flex; padding: 0 50px; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .outBox .solution-item.small ul li.active .marks { animation: animate 2000ms ease-out 0ms 1 normal forwards; overflow: hidden; animation-fill-mode: forwards; }
  @keyframes animate { from { width: 0px; }
    to { width: 600px; } }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .outBox .solution-item.small .description { height: 100%; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .btn { width: 34px; height: 34px; border-radius: 50%; background: #EDF2FF; line-height: 41px; text-align: center; color: #537DFF; font-size: 16px; cursor: pointer; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .btn_left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .btn_right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
  .fourth-box .swiper-button-prev, .fourth-box .swiper-container-rtl .swiper-button-next { background-image: none; }
  .fourth-box .swiper-button-next, .fourth-box .swiper-container-rtl .swiper-button-prev { background-image: none; }
  .footer-bottom { width: 100%; background: #0c43d0; border: 1px solid #ffffff; position: relative; }
  .footer-bottom .footer-cont .footer-list { display: flex; position: relative; justify-content: space-between; }
  .footer-bottom .footer-cont .footer-list .footer-left { display: flex; padding-top: 13px; flex: 1; justify-content: space-between; margin-right: 60px; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list { margin-right: 0; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list .f-title { font-size: 16px; font-weight: 400; color: #ffffff; position: relative; padding-bottom: 10px; letter-spacing: 1px; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list .f-cont { margin-top: 19px; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list .f-cont a { color: #ffffff; line-height: 28px; font-size: 12px; letter-spacing: 1.5px; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list .f-cont a:hover { color: #49dbff; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list .f-cont.f-solution { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 110px; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list .f-cont.f-solution li { width: 50%; }
  .footer-bottom .footer-cont .footer-list .footer-right { position: relative; }
  .footer-bottom .footer-cont .footer-list .footer-right .f-logo { width: 120px; position: relative; padding-bottom: 10px; }
  .footer-bottom .footer-cont .footer-list .footer-right .f-logo::after { content: ""; display: inline-block; width: 187px; height: 1px; background: #ffffff; position: absolute; left: 0; bottom: 0; opacity: 0.5; }
  .footer-bottom .footer-cont .footer-list .footer-right .f-cont { margin-top: 25px; color: #ffffff; line-height: 28px; font-size: 12px; }
  .footer-bottom .footer-cont .footer-list .footer-right .f-cont li { font-size: 24px; font-weight: 400; color: #ffffff; line-height: 28px; margin-top: 25px; display: flex; align-items: center; }
  .footer-bottom .footer-cont .footer-list .footer-right .f-cont li span { margin-left: 15px; }
  .footer-bottom .footer-cont .footer-list .footer-right .wx-img { width: 32px; height: 32px; position: absolute; right: 1px; top: 0; cursor: pointer; }
  .footer-bottom .footer-cont .footer-list .footer-right .wxBig { position: absolute; top: -75px; display: none; right: 55px; display: none; border-radius: 5px; background: #ffffff; padding: 15px; z-index: 10; box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); }
  .footer-bottom .footer-cont .footer-word .foot-p { width: 100%; text-align: center; margin-bottom: 20px; color: #ffffff; line-height: 22px; margin-top: 50px; letter-spacing: 1px; }
  .footer-bottom .footer-cont .footer-word .foot-p a { color: #ffffff; }
  .footer-bottom .scollTop { position: fixed; right: 20px; bottom: 50%; text-align: center; cursor: pointer; z-index: 1; transform: translateY(50%); }
  .footer-bottom .scollTop a { width: 60px; height: 60px; border-radius: 5px; background: #ffffff; border: 1px solid #537dff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .footer-bottom .scollTop #backTop span { margin-top: 10px; font-size: 12px; color: #537dff; line-height: 9px; }
  .footer-bottom .scollTop #backTop:hover { background: #537dff; }
  .footer-bottom .scollTop #backTop:hover .icon-top, .footer-bottom .scollTop #backTop:hover span { color: #ffffff; }
  .footer-bottom .scollTop #experience { margin-top: 5px; }
  .footer-bottom .scollTop #experience span { margin-top: 6px; font-size: 12px; color: #537dff; line-height: 9px; }
  .footer-bottom .scollTop #experience:hover { background: #537dff; }
  .footer-bottom .scollTop #experience:hover .icon-experience1, .footer-bottom .scollTop #experience:hover span { color: #ffffff; }
  .footer-bottom .scollTop #contactNumber { margin-top: 5px; position: relative; }
  .footer-bottom .scollTop #contactNumber span { margin-top: 6px; font-size: 12px; color: #537dff; line-height: 9px; }
  .footer-bottom .scollTop #contactNumber:hover { background: #537dff; }
  .footer-bottom .scollTop #contactNumber:hover .icon-us, .footer-bottom .scollTop #contactNumber:hover span { color: #ffffff; }
  .footer-bottom .scollTop #contactNumber .contactNum { padding: 15px; box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); position: absolute; right: 75px; top: -7px; background: #ffffff; display: none; width: 135px; border-radius: 5px; }
  .footer-bottom .scollTop #contactNumber .contactNum span { color: #537dff; font-size: 14px; height: 17px; }
  .footer-bottom .scollTop #sideWX { margin-top: 5px; position: relative; }
  .footer-bottom .scollTop #sideWX span { margin-top: 6px; font-size: 12px; color: #537dff; line-height: 9px; }
  .footer-bottom .scollTop #sideWX:hover { background: #537dff; }
  .footer-bottom .scollTop #sideWX:hover .icon-s-wx, .footer-bottom .scollTop #sideWX:hover span { color: #ffffff; }
  .footer-bottom .scollTop #sideWX .bigWX { width: 180px; height: 180px; position: absolute; right: 75px; top: -110%; display: none; border-radius: 5px; background: #ffffff; padding: 15px; box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); }
  .solution-item { position: relative; height: 340px; overflow: hidden; zoom: 1; }
  .solution-item ul { height: 100%; }
  .solution-item li { position: relative; overflow: hidden; zoom: 1; float: left; width: 80px; margin-right: 20px; height: 340px; }
  .solution-item li:nth-last-child(1) { margin-right: 0; }
  .solution-item .num { cursor: pointer; position: absolute; left: 0; top: 0; width: 80px; height: 340px; word-wrap: break-word; text-align: center; color: #537DFF; background-color: rgba(83, 125, 255, 0.1); display: flex; }
  .num h1 { font-size: 24px; font-weight: 600; line-height: 1.1; margin: 38px 0px 0 16px; letter-spacing: 0; width: 32px; }
  .num .english { writing-mode: vertical-lr; writing-mode: tb-lr; text-align: left; padding-top: 40px; font-size: 12px; color: #537DFF; }
  .num h1 span { font-size: 24px; }
  .solution-item .current { background: #537DFF; }
  .current h1 { color: #ffffff; }
  .current .english { color: #ffffff; }
  .description { padding: 4px 60px 48px; position: absolute; left: 80px; top: 0; height: 340px; color: #000000; }
  .description h2 { margin: 40px 0 40px 10px; font-size: 32px; font-weight: 400; display: flex; align-items: center; }
  .description h2 span { width: 32px; height: 38px; background: url(/bonree/img/title-logo.svg) no-repeat; background-size: 349px; background-position: 0 -200px; margin-right: 19px; }
  .description p { margin: 0 10px; font-size: 14px; color: rgba(0, 0, 0, 0.7); line-height: 1.7; min-width: 340px; }
  .description p:nth-last-child(1) { margin-top: 20px; }
  .description { display: block; }
  .small .description { padding: 4px 60px 48px; position: absolute; left: 80px; top: 0; height: 340px; color: #000000; }
  .solution-item2 { display: none; }
  .xinxi_solution_main { width: 100%; }
  .xinxi_solution_bg { background-size: 100% 400px; max-width: 1180px; margin: 0 auto; }
  .xinxi_solution_main ul { overflow: hidden; height: 402px; margin: 0; padding: 0; }
  .xinxi_solution_main .main_mobile { width: 100%; }
  .xinxi_solution_main ul li { height: 400px; float: left; width: 80px; position: relative; overflow: hidden; transition: all 0.5s; margin-right: 1.6%; background: #edf2ff; }
  .xinxi_solution_main ul li:nth-last-child(1) { margin-right: 0; }
  .xinxi_solution_main ul li .left_top { position: absolute; left: 23px; width: 30px; text-align: center; display: flex; }
  .xinxi_solution_main ul li .left_top h2 { font-size: 24px; font-weight: 600; color: #537DFF; margin: 0; cursor: pointer; }
  .xinxi_solution_main ul li .left_top span { font-size: 12px; color: #537DFF; writing-mode: vertical-lr; writing-mode: tb-lr; text-align: left; padding-top: 5px; cursor: pointer; }
  .xinxi_solution_main ul li i { font-size: 24px; color: #ffffff; }
  .xinxi_solution_main .left_top { font-size: 30px; color: #ffffff; }
  .xinxi_solution_main ul li .left { float: left; width: 80px; /* background: #537DFF;;  */ height: 400px; }
  .xinxi_solution_main ul li .right { float: left; width: calc(100% - 80px); position: relative; height: 400px; background: #ffffff; }
  .xinxi_solution_main ul li .right p { width: 618px; margin: 0 40px 40px 40px; font-size: 14px; color: rgba(0, 0, 0, 0.7); }
  .xinxi_solution_main ul li .right .descript-title { display: flex; /* justify-content: center; */ align-items: center; margin-left: 40px; margin-top: 40px; margin-bottom: 40px; width: 620px; }
  .xinxi_solution_main ul li .right .descript-title .title-logo { width: 35px; height: 35px; margin-right: 20px; }
  .xinxi_solution_main ul li .right .descript-title p { font-size: 32px; color: #000000; margin: 0; width: 140px; }
  .xinxi_solution_main ul li.special .right .descript-title { width: calc(100% - 40px); }
  .xinxi_solution_main.small ul li .right p { width: 495px; }
  .xinxi_solution_main ul li.special .right p { width: 900px; }
  .xinxi_solution_main ul li.on { width: calc(100% - 400px); border: 1px solid #537DFF; }
  .xinxi_solution_main ul li.special.on { width: calc(100% - 0px); }
  .xinxi_solution_main ul li.on .left { background: #537DFF; cursor: pointer; }
  .xinxi_solution_main ul li.on .left_top h2 { color: #ffffff; }
  .xinxi_solution_main ul li.on .left_top span { color: #ffffff; }
  .xinxi_solution_main.small { width: 1080px; float: left; }
  .xinxi_solution_main.small:nth-child(1) { margin: 0 52px; }
  .xinxi_solution_main.small:nth-child(2) { margin-right: 50px; }
  .sixth-box { position: relative; }
  .sixth-box .bg2 { width: 100%; height: 891px; background: url(/bonree/img/bg2.png) right no-repeat; position: absolute; background-size: 940px; right: 0; bottom: -160px; }
  .sixth-box .indexMark { margin-top: 205px; position: relative; }
  .sixth-box .indexMark .title .title-logo { background: url(/bonree/img/title-logo.svg) no-repeat; background-size: 349px; background-position: -181px 0; }
  .sixth-box .indexMark .index { position: absolute; left: 10px; top: -30px; }
  .sixth-box .indexMark .bonree-index { min-height: 450px; display: flex; align-items: center; justify-content: space-between; }
  .sixth-box .indexMark .bonree-index .index-cont { width: 415px; margin-right: 10px; position: relative; }
  .sixth-box .indexMark .bonree-index .index-cont .index-title { position: absolute; opacity: 0; }
  .sixth-box .indexMark .bonree-index .index-cont .index-title h3 { font-size: 30px; color: #000000; font-weight: 400; margin-bottom: 22px; }
  .sixth-box .indexMark .bonree-index .index-cont .index-title p { line-height: 24px; font-size: 14px; color: rgba(0, 0, 0, 0.7); margin-bottom: 70px; }
  .sixth-box .indexMark .bonree-index .index-cont .index-title a { width: 80px; height: 26px; border: 1px solid #4969D9; border-radius: 13px; text-align: center; line-height: 26px; color: #0066EB; font-size: 12px; cursor: pointer; }
  .sixth-box .indexMark .bonree-index .index-cont .index-title a:hover { color: #ffffff; background: linear-gradient(to right, #5a4ad1, #4969d9); border: 1px solid transparent; }
  .sixth-box .indexMark .bonree-index .index-cont .index-title.active { position: relative; animation: showActive 1s linear forwards; z-index: 1; }
  @keyframes showActive { from { opacity: 0; }
    to { opacity: 1; } }
  @-webkit-keyframes showActive { /*Safari and Chrome*/
    from { opacity: 0; }
    to { opacity: 1; } }
  .sixth-box .indexMark .bonree-index .swiper-cont { flex: 1; }
  .sixth-box .indexMark .bonree-index .index-swiper { width: 748px; height: 420px; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container { height: 520px; padding-right: 10px; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide { width: 48%; height: 470px; cursor: pointer; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont { width: 100%; height: 100%; position: relative; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont .indexbg { width: 70px; height: 70px; position: absolute; top: 60px; right: 25px; z-index: 99; text-align: center; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont .index-bg { width: 117%; height: 117%; position: absolute; left: 0; top: 0; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont > a { display: block; width: 100%; height: 100%; padding: 210px 0 0 0px; font-size: 18px; color: #ffffff; text-decoration: none; position: relative; left: 10px; z-index: 1; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont > a img { height: 30px; margin-bottom: 20px; margin-left: 75px; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont > a table { width: 100%; height: 100%; position: absolute; top: 30px; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont > a table tbody tr td > a { margin-left: -20px; color: #ffffff; width: 100%; height: 100%; padding-top: 225px; padding-left: 75px; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont > a span { border-bottom: 2px solid #ffffff; padding-bottom: 7px; display: block; width: 110px; text-align: center; margin-bottom: 12px; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide .slide-cont > a p { font-size: 20px; position: relative; top: 35px; margin-left: 75px; z-index: -1; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide.swiper-slide-active .index-cont { display: block; }
  .sixth-box .indexMark .bonree-index .index-swiper .swiper-container .swiper-slide.swiper-slide-active .index-cont span { display: none; }
  .out_box .b_consult .consult_box_out .consult_box .consult_cont .consult_product p label:nth-last-of-type(1) { margin-right: 100px; }
  .login { display: inline-block; width: calc((100% - 80px)/5); }
  .login:nth-child(4n) { margin-right: 20px; }
  .login:nth-child(5n) { margin-right: 0px; }
  .secondSlt .caseReferral .case-cont .recommendList li { width: 20%; }
  .secondSlt .caseReferral .case-cont .recommendList li:nth-last-child(1) { display: flex; }
  .secondSlt .caseReferral .case-cont .recommendList li.br:nth-last-child(2) { border-right: 1px solid rgba(0, 0, 0, 0.1); } }

@media screen and (max-width: 1360px) { .nav li ul .menu-box.products { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .nav li ul .menu-box.products .menu-li { width: 100%; }
  .nav li ul .menu-box.products .menu-li:nth-last-of-type(2) { border-bottom: none; margin-bottom: 0px; }
  .nav li ul .menu-box.products .menu-li:nth-of-type(3) { border-top: 1px solid rgba(255, 255, 255, 0.4); }
  .nav li ul .menu-box.products .menu-li:nth-last-of-type(3) .menu-item .menu-top, .nav li ul .menu-box.products .menu-li:nth-last-of-type(2) .menu-item .menu-top { width: 187px; }
  .nav li ul .menu-box.customer { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .nav li ul .menu-box.customer .menu-top { width: 155px; }
  .nav li ul .menu-box.customer .menu-top i { line-height: 26px; }
  .nav li ul .menu-box.customer .menu-bottom .w92 { min-width: 92px; }
  .nav li ul .menu-box.customer .menu-li { width: 100%; }
  .nav li ul .menu-box.customer .menu-li:nth-last-of-type(2) { border-bottom: none; } }

@media screen and (max-width: 1300px) { .sixth-box .bg2 { background-size: 820px; bottom: -170px; } }

@media screen and (max-width: 1220px) { .secondCase { margin-bottom: 320px; }
  .secondCase .caseReferral .case-cont { display: block; }
  .secondCase .caseReferral .case-cont .recommend { width: 130px; }
  .secondCase .caseReferral .case-cont .recommendList li { width: 33.33%; margin-bottom: 20px; }
  .secondCase .caseReferral .case-cont .recommendList li:nth-child(3n) { border-right: none; }
  .secondCase .caseReferral .case-cont .recommendList li:nth-last-child(1) { width: 33.33%; }
  .secondCase .caseReferral .case-cont .recommendList li:nth-last-child(1) a { width: auto; } }

@media screen and (max-width: 1200px) { .first-box .swiper-container-horizontal > .swiper-pagination-bullets, .first-box .swiper-pagination-custom, .first-box .swiper-pagination-fraction { left: auto; right: 0 !important; margin-right: 65px; }
  .first-box .banner .bar-box { right: calc(2% + 80px); margin-right: 0; }
  .third-box .product-cont .our-products-box .pr-menu { margin-right: 10px; width: 301px; border: 1px solid rgba(0, 0, 0, 0.2); position: relative; }
  .third-box .product-cont .our-products-box .pr-menu ul li { width: 301px; }
  .sixth-box .bg2 { background-size: 800px; bottom: -165px; }
  .firstSlt .sltOut .sltWord { left: 20px; }
  .lastSlt .sltTitle { margin-bottom: 80px !important; }
  .lastSlt .others { position: relative !important; left: 0 !important; top: 0 !important; margin-bottom: 80px; }
  .footer-bottom.solutionCase { min-height: 400px; }
  .footer-bottom.solutionCase .footer-cont .footer-list { margin-top: 80px; }
  .lastSlt .others ul li { width: 25%; }
  .lastSlt .others ul li:nth-child(4n) .fontName { border-right: none; }
  .lastSlt .others ul li:nth-child(5n) .fontName { border-right: 1px solid #e5e5e5; }
  .thrid .whitePaper ul .paperCard { width: calc((100% - 40px)/3); }
  .thrid .whitePaper ul .paperCard:nth-child(4n) { margin-right: 20px; }
  .thrid .whitePaper ul .paperCard:nth-child(3n) { margin-right: 0; } }

@media screen and (max-width: 1197px) { .nav li ul li .menu-bottom .special li { border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .nav li ul li .menu-bottom .special li:nth-last-child(1) { border-bottom: none; }
  .nav li ul li .menu-bottom .special li:nth-last-child(1) a i { border-right: 1px solid rgba(255, 255, 255, 0.4); }
  .nav li ul li .menu-bottom .special li:nth-last-child(2) a i, .nav li ul li .menu-bottom .special li:nth-last-child(1) a i { border-right: none; } }

@media screen and (max-width: 1135px) { .gartner .gartner-text h3 { font-size: 22px; text-align: center; }
  .gartner .gartner-text p { font-size: 14px; }
  .sixth-box .indexMark .index { position: relative; }
  .sixth-box .indexMark .bonree-index { position: relative; justify-content: center; }
  .sixth-box .indexMark .bonree-index .index-cont { width: 80%; position: absolute; top: -42px; margin: 0 auto; }
  .sixth-box .indexMark .bonree-index .index-swiper { margin: 0 auto; margin-top: 250px; }
  .fifthZeus .reason .s-title { margin-bottom: 105px; }
  .fifthZeus .reason .tip { left: 0; bottom: -100px; }
  .fifthZeus .reason .reasonList li { width: calc((100% - 40px)/3); margin-bottom: 20px; }
  .fifthZeus .reason .reasonList li:nth-child(3) { margin-right: 0; } }

@media screen and (max-width: 1080px) { .nav li .submenu.menu-more { right: -30px; }
  .description p:nth-last-child(1) { display: none; } }

@media screen and (max-width: 1070px) { .nav li ul li .menu-bottom .special li:nth-last-child(2) { border-bottom: none; }
  .third-box .product-cont .our-products-box { display: none; }
  .third-box .product-lt1220 { display: block; } }

@media screen and (max-width: 1040px) { .xinxi_solution_main ul li .right p { width: 480px; } }

@media screen and (max-width: 1024px) { .footer-bottom { height: auto; min-height: 480px; }
  .footer-bottom .footer-cont .footer-list { display: block; width: 90%; margin: 0 auto; margin-top: 190px; }
  .footer-bottom .footer-cont .footer-list .footer-left { justify-content: space-between; margin-right: 0; }
  .footer-bottom .footer-cont .footer-list .footer-left .foot-list { margin-right: 25px; }
  .footer-bottom .footer-cont .footer-list .footer-right { display: flex; justify-content: space-between; margin-top: 30px; }
  .thridCase ul li { width: calc((100% - 15px) / 2); }
  .thridCase ul li.w20 { width: calc((100% - 30px) / 3); }
  .thridCase ul li.w20:nth-child(3n) { margin-right: 0; }
  .thridCase ul li:nth-child(1), .thridCase ul li:nth-child(2) { margin-bottom: 15px; }
  .thridCase ul li.w33 { margin-bottom: 0; }
  .thridCase ul li.w33:nth-child(2n) { margin-right: 15px; }
  .thridCase ul li.w33:nth-child(3n) { margin-right: 0; }
  .secondRecruit .position li { width: calc((100% - 20px)/2); }
  .secondRecruit .position li:nth-child(3n) { margin-right: 20px; }
  .secondRecruit .position li:nth-child(2n) { margin-right: 0px; } }

@media screen and (max-width: 1015px) { .nav li ul li .menu-bottom .special li:nth-last-child(1), .nav li ul li .menu-bottom .special li:nth-last-child(2) { border-bottom: none; }
  .nav li ul li .menu-bottom .special li:nth-last-child(1) a i, .nav li ul li .menu-bottom .special li:nth-last-child(2) a i { border-right: 1px solid rgba(255, 255, 255, 0.4); }
  .nav li ul li .menu-bottom .special li:nth-last-child(3) a i, .nav li ul li .menu-bottom .special li:nth-last-child(1) a i { border-right: none; }
  .xinxi_solution_main.small { width: 860px; }
  .xinxi_solution_main.small ul li .right p { width: 370px; }
  .xinxi_solution_main ul li.special .right p { width: 545px; } }

@media screen and (max-width: 1000px) { .nav ul li { padding-right: 10px; }
  .nav ul li.btn-login { padding-right: 0; margin-right: 10px; }
  .thrid ul .four { min-width: 50%; margin-bottom: 20px; }
  .evaluation-news-box table { width: calc(100% + 20px); margin: 0 -10px; }
  .evaluation-news-box table td a { width: calc(100% - 20px); margin: 0 10px; } }

@media screen and (max-width: 980px) { .eighth-box .honor .honor-cont .mr79 { margin-right: 23px; }
  .lastSlt .others ul li { width: 33.33%; }
  .lastSlt .others ul li:nth-child(4n) .fontName { border-right: 1px solid #e5e5e5; }
  .lastSlt .others ul li:nth-child(3n) .fontName { border-right: none; }
  .thridZeus .fieldCont ul li { width: 50%; }
  .thridZeus .fieldCont ul li:nth-child(2) { border-right: 1px solid #cccccc; }
  .thridZeus .fieldCont ul li:nth-child(3) { border-right: none; border-top: none; }
  .thridZeus .fieldCont ul li:nth-child(4) { border-left: 1px solid #cccccc; border-top: none; border-right: 1px solid #cccccc; }
  .thridZeus .fieldCont ul li:nth-child(6) { border-right: 1px solid #cccccc; }
  .thridZeus .fieldCont.brfs ul li:nth-child(7) { border-right: none; }
  .thridZeus .fieldCont.brfs ul li:nth-child(8) { border-left: 1px solid #cccccc; }
  .fourthZeus .functionList li { width: calc((100% - 20px)/2); }
  .fourthZeus .functionList li:nth-child(3n) { margin-right: 20px; }
  .fourthZeus .functionList li:nth-child(2n) { margin-right: 0px; }
  .sixthZeus .framework { display: block; }
  .sixthZeus .framework .frameworkDes { width: 90%; padding-right: 0; margin: 0 auto; position: unset; }
  .sixthZeus .framework .frameworkImg { width: 90%; margin: 0 auto; margin-top: 30px; } }

@media screen and (max-width: 970px) { .out_box .b_consult .consult_box_out .consult_box .consult_cont .consult_product p label.w33 { width: calc((100% - 20px)/2); }
  .xinxi_solution_main.small { width: 850px; }
  .nav li .submenu.menu-more { right: -10px; }
  .nav li .submenu.menu-more::before { left: 80%; }
  .gartner .gartner-logo { margin-right: 20px; }
  .gartner .gartner-text p { display: none; }
  .bgDes { display: block; }
  .bgDes .bgLeft, .bgDes .bgRight { width: 100%; }
  .bgDes .bgLeft { margin-bottom: 30px; }
  .secondSlt .caseReferral .case-cont { display: block; }
  .secondSlt .caseReferral .case-cont .recommend { width: 125px; }
  .secondSlt .caseReferral .case-cont .recommend::after { display: none; }
  .secondSlt .caseReferral .case-cont .recommendList li { width: 50%; margin-bottom: 20px; }
  .secondSlt .caseReferral .case-cont .recommendList li:nth-child(2n) { border-right: none; }
  .fifthCase ul li .cont { display: block; }
  .fifthCase ul li .cont .img_cont { width: 100%; margin-bottom: 15px; }
  .fifthCase ul li .cont .img_cont:nth-last-child(1) { margin-bottom: 0px; } }

@media screen and (max-width: 960px) { .footer-bottom .footer-cont .footer-list .footer-left .foot-list { margin-right: 25px; }
  .fifth-box .story .story-box .story-top .text { font-size: 24px; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item.tab-item-samall { padding: 0; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .outBox { display: none; }
  .fourth-box .Solution-cont .solution-tab .tab-content .tab-item .btn { display: none; }
  .xinxi_solution_main { display: none; }
  .solution-item2 { display: block; }
  .solution-item2 div { margin-bottom: 10px; background: rgba(83, 125, 255, 0.1); height: 80px; text-align: center; color: #537dff; font-size: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .solution-item2 div a { width: 100%; height: 100%; color: #537dff; font-size: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .solution-item2 div a span { font-size: 14px; margin-top: 5px; display: none; }
  .fourth-box .Solution-cont .solution-tab .tab-title li { margin-right: 50px; } }

@media screen and (max-width: 952px) { .nav li ul li .menu-bottom .special li:nth-last-child(1), .nav li ul li .menu-bottom .special li:nth-last-child(2), .nav li ul li .menu-bottom .special li:nth-last-child(3) { border-bottom: none; }
  .nav li ul li .menu-bottom .special li:nth-last-child(1) a i, .nav li ul li .menu-bottom .special li:nth-last-child(2) a i, .nav li ul li .menu-bottom .special li:nth-last-child(3) a i { border-right: 1px solid rgba(255, 255, 255, 0.4); }
  .nav li ul li .menu-bottom .special li:nth-last-child(4) a i, .nav li ul li .menu-bottom .special li:nth-last-child(1) a i { border-right: none; } }

@media screen and (max-width: 950px) { .login { width: calc((100% - 40px)/3); }
  .login:nth-child(4n) { margin-right: 20px; }
  .login:nth-child(5n) { margin-right: 20px; }
  .login:nth-child(3n) { margin-right: 0px; } }

@media screen and (max-width: 940px) { .eighth-box .honor { margin-bottom: 135px; }
  .eighth-box .honor .honor-cont { position: relative; flex-wrap: wrap; overflow: visible; justify-content: flex-start; }
  .eighth-box .honor .honor-cont .mr79 { margin-right: 0; width: 33.33%; }
  .eighth-box .honor .honor-cont .honor-img6 { width: 33.33%; }
  .footer-bottom .footer-cont .footer-list { margin-top: 100px; } }

@media screen and (max-width: 920px) { .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-top span, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-top span { font-size: 40px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-middle span, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-middle span { font-size: 24px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom span, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span { font-size: 20px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span { font-size: 16px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::after { width: 125px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span1 { font-size: 34px; line-height: 34px; letter-spacing: 4px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span2 { font-size: 26px; line-height: 26px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::after { width: 110px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span { font-size: 14px; letter-spacing: 0px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span i { font-size: 28px; }
  .seventh-box .support .service-support { flex-wrap: wrap; }
  .seventh-box .support .service-support .service-box { width: calc((100% - 20px)/2) !important; margin-bottom: 20px; }
  .fifthCase .cards2 ul { justify-content: flex-start; }
  .fifthCase .cards2 ul li { width: calc((100% - 40px)/3) !important; margin-right: 20px; margin-bottom: 20px; }
  .fifthCase .cards2 ul li:nth-child(3n) { margin-right: 0; }
  .fifthCase .cards2 ul.tencent { justify-content: space-between; }
  .fifthCase .cards2 ul.tencent li { width: calc((100% - 40px)/3) !important; margin-right: 0px; }
  .fifthCase .cards2 ul.tencent li:nth-child(4n) { margin-right: 0px; }
  .thrid .whitePaper ul .paperCard { width: calc((100% - 20px)/2); }
  .thrid .whitePaper ul .paperCard:nth-child(4n) { margin-right: 20px; }
  .thrid .whitePaper ul .paperCard:nth-child(3n) { margin-right: 20px; }
  .thrid .whitePaper ul .paperCard:nth-child(2n) { margin-right: 0px; }
  .forthSlt .painSpot.online .spotList { margin-right: 0; }
  .b_dynamic .a_news { display: block; }
  .b_dynamic .a_news .a_left { width: 100%; margin-bottom: 20px; }
  .b_dynamic .a_news .a_left .left_cont { padding: 0 0 20px 38px; }
  .b_dynamic .a_news .a_right { width: 100%; }
  .facing_problems .prob_cont { display: block; }
  .facing_problems .prob_cont .w50 { width: 100%; }
  .facing_problems .prob_cont .right { margin-top: 35px; }
  .custom ul li { margin-bottom: 20px; }
  .custom ul li.w30 { width: calc((100% - 20px)/2) !important; }
  .custom ul li.w30:nth-last-of-type(2) { margin-right: 0; }
  .fifthBox .card_ul .list_card.w33 { width: calc((100% - 20px)/2) !important; margin-bottom: 20px; }
  .fifthBox .card_ul .list_card.w33:nth-of-type(2n) { margin-right: 0; }
  .secondFloor { display: block !important; }
  .secondFloor .ranking-list { width: 80% !important; margin: 0 auto; margin-bottom: 30px; }
  .thridCase ul li .challengeCard { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .thridCase ul li .challengeCard span { width: calc((100% - 40px)/3) !important; margin-right: 20px; margin-bottom: 20px; }
  .thridCase ul li .challengeCard span:nth-child(3n) { margin-right: 0; }
  .thridCase ul li .challengeCard span:nth-last-child(1), .thridCase ul li .challengeCard span:nth-last-child(2) { margin-bottom: 0px; } }

@media screen and (max-width: 880px) { .nav ul li { padding-right: 6px; }
  .nav ul li.btn-login { padding-right: 0; margin-right: 6px; }
  .nav li ul li .menu-bottom .special li:nth-last-child(1), .nav li ul li .menu-bottom .special li:nth-last-child(2), .nav li ul li .menu-bottom .special li:nth-last-child(3) { border-bottom: none; }
  .nav li ul li .menu-bottom .special li:nth-last-child(1) a i, .nav li ul li .menu-bottom .special li:nth-last-child(2) a i, .nav li ul li .menu-bottom .special li:nth-last-child(3) a i { border-right: 1px solid rgba(255, 255, 255, 0.4); }
  .nav li ul li .menu-bottom .special li:nth-last-child(4) a i, .nav li ul li .menu-bottom .special li:nth-last-child(1) a i { border-right: none; }
  .supportLan ul { flex-wrap: wrap; }
  .supportLan ul li { width: calc((100% - 66px)/3); margin-bottom: 22px; }
  .fouthBox .functionList.net li, .fouthBox .functionList.test li { width: calc((100% - 20px)/2); margin-right: 20px; }
  .fouthBox .functionList.net li:nth-child(3n), .fouthBox .functionList.test li:nth-child(3n) { margin-right: 20px; }
  .fouthBox .functionList.net li:nth-child(2n), .fouthBox .functionList.test li:nth-child(2n) { margin-right: 0; }
  .fouthBox .functionList li { width: calc((100% - 20px)/2) !important; margin-right: 20px; }
  .fouthBox .functionList li:nth-child(2n) { margin-right: 0; }
  .sixthBox .s-title { margin-bottom: 85px; }
  .sixthBox .otherProducts { position: relative; left: 0; top: 0; margin-bottom: 80px; }
  .sixthBox .otherProducts ul { flex-wrap: wrap; }
  .sixthBox .otherProducts ul li { width: 50%; margin-bottom: 25px; text-align: center; }
  .sixthBox .otherProducts ul li:nth-child(2n) { border-right: none; } }

@media screen and (max-width: 860px) { .footer-bottom { min-height: 230px; }
  .footer-bottom .footer-cont .footer-list .footer-left { display: none; }
  .footer-bottom .footer-cont .footer-right .wx-img { display: none; }
  .footer-bottom .footer-cont .footer-list .footer-right .wxBig { display: block !important; position: relative; top: 0; right: 0; background: transparent; padding: 0; } }

@media screen and (max-width: 850px) { header { border-top: none !important; }
  .nav ul > div li:hover .nav-name::before { content: ""; display: none; }
  .nav ul li:nth-last-child(1), .nav ul li:nth-last-child(2) { display: block; margin-top: 25%; }
  .nav ul > li.more { display: none !important; }
  .nav-right .nav { line-height: 1; }
  .nav ul > div li { padding-left: 40px; margin-right: 0; border-bottom: 1px solid #ffffff; margin-top: 0; }
  .nav ul > div li:nth-last-child(1), .nav ul > div li:nth-last-child(2) { margin-top: 0; }
  .nav ul > div li:nth-last-child(1) { border-bottom: 0; }
  .nav ul > div li .submenu { display: none !important; }
  .nav ul > div li .mobileul, .nav ul > div li .mobileul2 { display: none; background: none; color: #ffffff; font-size: 16px; cursor: pointer; }
  .nav ul > div li .mobileul li a, .nav ul > div li .mobileul2 li a { border-bottom: 1px solid #ffffff !important; font-size: 16px !important; }
  .nav ul > div li .mobileul { border-top: 1px solid #ffffff; }
  .nav ul > div li .mobileul li:nth-last-child(1) { border-bottom: 0 !important; }
  .nav ul > div li .mobileul2 { border-bottom: 1px solid #ffffff; }
  .nav ul > div li .mobileul2 li { float: left; min-width: 110px; padding: 0; font-size: 16px; margin-right: 10px; }
  .nav ul > div li .mobileul2 li a { border-bottom: none !important; }
  .nav ul li .nav-name { line-height: 1; color: #ffffff; }
  .nav ul li .nav-name::before { content: ''; display: none; }
  .nav li ul li { background: none; }
  .nav .navtitle { display: none; max-height: calc(100vh - 80px); overflow-y: auto; }
  .nav ul > div { width: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 79px; }
  .nav ul > div li a { width: 100%; font-size: 20px !important; height: 60px; display: flex; align-items: center; color: #ffffff; }
  .nav ul > div li a span { font-size: 16px; }
  .nav ul > div li .nav-name span { font-size: 20px; }
  .nav li .mobileul li { border-bottom: none; }
  .nav li .mobileul li:nth-last-of-type(1) a { border-bottom: none !important; }
  .nav ul > div li .mobileul span { margin-left: 15px; }
  .btn-login { width: 90px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 18px; } }

@media screen and (max-width: 840px) { .nav li ul .menu-box .menu-list ul li:nth-child(4n) { margin-right: 40px; }
  .nav li ul .menu-box .menu-list ul li:nth-child(3n) { margin-right: 0; }
  .nav li ul .menu-box .menu-list { width: 85%; margin: 0 auto; }
  .seventhZeus .s-valueList li { width: calc((100% - 100px)/2); }
  .seventhZeus .s-valueList li:nth-child(3n) { margin-right: 100px; }
  .seventhZeus .s-valueList li:nth-child(2n) { margin-right: 0px; } }

@media screen and (max-width: 830px) { .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-top span { font-size: 30px; line-height: 44px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom { font-size: 20px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom span::before { content: ""; display: inline-block; width: 20px; height: 2px; background: #ffffff; opacity: .5; margin-right: 8px; margin-bottom: 5px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-bottom span::after { content: ""; display: inline-block; width: 20px; height: 2px; background: #ffffff; opacity: .5; margin-left: 0px; margin-bottom: 5px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-top span { font-size: 28px; line-height: 44px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span { font-size: 16px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::after { width: 60px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-middle span { letter-spacing: 5px; font-size: 22px; text-align: center; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span1 { font-size: 29px; line-height: 34px; letter-spacing: 4px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span2 { font-size: 22px; line-height: 22px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::after { width: 78px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span { font-size: 12px; letter-spacing: 0px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span i { font-size: 26px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .btn { margin: 0 auto; text-align: center; line-height: 50px; width: 220px; height: 50px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.18); font-weight: bold; font-size: 18px; color: #ffffff; cursor: pointer; }
  .fifthBox .advantageList { display: none; }
  .fifthBox .advantageList2 { display: block; } }

@media screen and (max-width: 820px) { .out_box .b_consult { display: block; }
  .out_box .b_consult .consult_title, .out_box .b_consult .consult_box_out { width: 100%; }
  .out_box .b_consult .consult_box_out .consult_box .consult_cont .consult_product p label.w33 { width: calc((100% - 30px)/3); }
  .out_box .b_consult .consult_title { padding-right: 0; padding: 50px 65px; }
  .consult_box_out .consult_box .consult_cont .user-box-list { display: block; }
  .consult_box_out .consult_box .consult_cont .user-box-list .userbox { margin: 0 auto; margin-bottom: 22px; }
  .consult_box_out .consult_box .consult_cont .channel-data, .consult_box_out .consult_box .consult_cont .want, .consult_box_out .consult_box .consult_cont .text_area, .consult_box_out .consult_box .consult_cont .yzm { margin: 0 auto; margin-bottom: 20px; }
  .consult_box_out .consult_box .consult_cont .channel-data em, .consult_box_out .consult_box .consult_cont .want em, .consult_box_out .consult_box .consult_cont .text_area em, .consult_box_out .consult_box .consult_cont .yzm em { margin-bottom: 20px; }
  .consult_box_out .consult_box .consult_cont .channel-data input, .consult_box_out .consult_box .consult_cont .want input, .consult_box_out .consult_box .consult_cont .text_area input, .consult_box_out .consult_box .consult_cont .yzm input { margin-bottom: 25px; }
  .consult_box_out .consult_box .consult_cont .consult_product p { margin: 0 auto; margin-bottom: 20px; margin-bottom: 50px; }
  .consult_box_out .consult_box .consult_cont .consult_product p label { width: 33.33%; margin-bottom: 10px; }
  .consult_box_out .consult_box .consult_cont .wrong_tip1 { position: absolute; right: 30px; bottom: -25px; }
  .consult_box_out .consult_box .consult_cont .yzm input { width: 72%; }
  .fifthBox .innovate_card li.w33 { width: calc((100% - 20px)/2); margin-bottom: 20px; }
  .fifthBox .innovate_card li.w33:nth-of-type(2n) { margin-right: 0; } }

@media screen and (max-width: 800px) { .first-box .banner .bar-box { display: none; }
  .first-box .swiper-container-horizontal > .swiper-pagination-bullets, .first-box .swiper-pagination-custom, .first-box .swiper-pagination-fraction { left: auto; right: 2% !important; margin-right: 0px; bottom: 100px !important; }
  .animate-box, .animate-circle-box { display: none !important; }
  .secondBox.mb195 { margin-bottom: 85px; }
  .secondBox .summary .sumCont .bottom_box { display: block; }
  .secondBox .summary .sumCont .bottom_box .left { width: 100%; margin-bottom: 20px; }
  .secondBox .summary .sumCont .bottom_box .right { width: 100%; position: static; }
  .secondBox .summary .sumCont .bottom_box .right img { width: 100%; }
  .evaluation-news-box table { width: calc(100% + 40px); margin: 0 -20px; }
  .evaluation-news-box table tr { width: 50%; }
  .evaluation-news-box table td a { width: calc(100% - 40px); margin: 0 20px; } }

@media screen and (min-width: 850px) { .nav ul > div li .mobileul { display: none !important; } }

@media screen and (max-width: 790px) { .sixth-box .indexMark .bonree-index .swiper-cont { transform: scale(0.9); }
  .sixth-box .indexMark .bonree-index { justify-content: center; }
  .second .introduction .introductionDes .corporate-name { display: block; }
  .second .introduction .introductionDes .corporate-name p { margin-bottom: 10px; } }

@media screen and (max-width: 770px) { .gartner { display: flex; justify-content: center; flex-direction: column; padding: 35px 0; }
  .fouth .beforeAfterSales { display: block; }
  .fouth .beforeAfterSales .sales { width: 100%; margin-bottom: 20px; height: 360px; }
  .fifth .harvest { flex-wrap: wrap; }
  .fifth .harvest li { width: 100%; margin-bottom: 20px; }
  .thridCase ul li.w33 { width: calc((100% - 15px)/2); }
  .thridCase ul li.w33:nth-child(1), .thridCase ul li.w33:nth-child(2) { margin-bottom: 15px; }
  .thridCase ul li.w33:nth-child(3n) { margin-right: 15px; }
  .thridCase ul li.w33:nth-child(2n) { margin-right: 0; } }

@media screen and (max-width: 760px) { .footer-bottom .footer-cont .footer-list { margin-top: 50px; }
  .sixth-box .indexMark .bonree-index .swiper-cont { transform: scale(0.7); }
  .sixth-box .indexMark .bonree-index { justify-content: center; } }

@media screen and (max-width: 750px) { .second-box { display: none; }
  .title .title-word { font-size: 28px; }
  .third-box .product-cont, .fourth-box .Solution-cont, .fifth-box .story, .seventh-box .support, .eighth-box .honor { margin-top: 80px; }
  .sixth-box .indexMark { margin-top: 135px; }
  .sixth-box .bg2 { background-size: 650px; bottom: -240px; }
  .fourth-box .Solution-cont .solution-tab { margin-top: 80px; }
  .fifth-box .story .story-box { margin-bottom: 80px; margin-top: 80px; }
  .seventh-box .support .service-support { margin-top: 80px; }
  .gartner { margin-top: 145px; }
  .gartner .gartner-text h3 { text-align: center; }
  .eighth-box .honor .title, .eighth-box .honor { margin-bottom: 80px; }
  .footer-right .fl { margin-bottom: 50px; padding: 0; }
  .footer-bottom .scollTop { display: none !important; }
  .secondCase { margin-bottom: 410px; }
  .secondCase .caseReferral { padding: 30px 20px; }
  .secondCase .caseReferral .case-cont { display: block; }
  .secondCase .caseReferral .case-cont .recommend { width: 130px; margin-bottom: 10px; }
  .secondCase .caseReferral .case-cont .recommendList { justify-content: flex-end; }
  .secondCase .caseReferral .case-cont .recommendList li { width: 50%; margin-bottom: 20px; }
  .secondCase .caseReferral .case-cont .recommendList li:nth-child(2n) { border-right: none; }
  .secondCase .caseReferral .case-cont .recommendList li:nth-child(3n) { border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .secondCase .caseReferral .case-cont .recommendList li:nth-last-child(1) { border-right: none; width: 50%; }
  .secondCase .caseReferral .case-cont .recommendList li:nth-last-child(1) a { width: auto; }
  .fifthSlt .programAdvantages .advantageCont .adImg { display: block; }
  .fifthSlt .programAdvantages .advantageCont .adImg div { width: 100%; margin-bottom: 20px; }
  .fifthSlt .programAdvantages .advantageCont .adImg div:nth-last-child(1) { margin-bottom: 0; }
  .forthCase .caseCont .cont .img-box { display: block; }
  .forthCase .caseCont .cont .img-box div { width: 100%; margin-bottom: 20px; }
  .forthCase .caseCont .cont .img-box div:nth-last-child(1) { margin-bottom: 0; }
  .lastSlt .others ul li { width: 50%; }
  .lastSlt .others ul li:nth-child(2n) .fontName, .lastSlt .others ul li:nth-child(3n) .fontName { border-right: none; }
  .lastSlt .others ul li:nth-child(3) .fontName, .lastSlt .others ul li:nth-child(9) .fontName { border-right: 1px solid #e5e5e5; }
  .second .forumCont { display: block; }
  .second .forumCont .imgBox { width: 100%; margin: 0 auto; margin-bottom: 20px; }
  .fourth .timeAxis .left-box .time .node { width: 18px; height: 18px; background: url(/bonree/img/about-us/timenode2.svg) no-repeat; }
  .fourth .timeAxis .right-box { left: calc(50% + 20px); }
  .fourth .timeAxis .right-box .time .node { left: -29px; width: 18px; height: 18px; background: url(/bonree/img/about-us/timenode2.svg) no-repeat; }
  .fourth .timeAxis .data-box:nth-child(2n) .data-cont { padding-right: 15px; }
  .fourth .timeAxis .data-box:nth-child(2n) .time img { position: absolute; right: 15px; height: 100%; }
  .fourth .timeAxis .data-box:nth-child(2n+1) { width: calc(50% - 20px); }
  .fourth .timeAxis .data-box:nth-child(2n+1) .time img { position: absolute; right: 15px; height: 100%; }
  .sixth { height: 585px; }
  .sixth .address ul { flex-wrap: wrap; }
  .sixth .address ul li { width: calc((100% - 2px)/2); margin-bottom: 2px; }
  .thridBox .valueList { flex-wrap: wrap; justify-content: center; }
  .thridBox .valueList li { width: 80%; margin-bottom: 30px; }
  .thridBox .s-valueList { flex-wrap: wrap; justify-content: space-between; }
  .thridBox .s-valueList li { width: calc((100% - 100px)/2) !important; margin-bottom: 30px; }
  .thridBox .s-valueList li.app, .thridBox .s-valueList li.dataview, .thridBox .s-valueList li.net, .thridBox .s-valueList li.m_sdk, .thridBox .s-valueList li.itim { width: calc((100% - 100px)/2); margin-bottom: 30px; }
  .thridBox .s-valueList li.w33 { width: calc((100% - 100px)/2); }
  .secondZeus .meaning .meaningCont, .secondBox .summary .sumCont, .secondZeus .meaning .meaningCont { padding: 0 10px; }
  .sixthSlt .valueCards .card2 { width: calc((100% - 20px)/2); }
  .sixthSlt .valueCards .card2:nth-child(1), .sixthSlt .valueCards .card2:nth-child(2) { margin-bottom: 20px; }
  .stlContent { padding: 0 10px; }
  .prb_cont ul { display: block; }
  .prb_cont ul li { width: 100%; }
  .prb_cont ul li.w33 { width: 100%; }
  .login { width: calc((100% - 20px)/2); }
  .login:nth-child(4n) { margin-right: 20px; }
  .login:nth-child(5n) { margin-right: 20px; }
  .login:nth-child(3n) { margin-right: 20px; }
  .login:nth-child(2n) { margin-right: 0px; }
  .fouthBox .scenarios_list .mb35 .w50 { width: 100%; }
  .thridCase ul li.w20 { width: calc((100% - 15px)/2); }
  .thridCase ul li.w20:nth-of-type(3n) { margin-right: 15px; }
  .thridCase ul li.w20:nth-of-type(2n) { margin-right: 0; } }

@media screen and (max-width: 740px) { .listStyle .version-list table { table-layout: fixed; }
  .listStyle .version-list table tr { display: none; }
  .listStyle .version-list table tr:first-child, .listStyle .version-list table tr:last-child { display: inline-block; width: 100%; }
  .listStyle .version-list table tr:first-child td a { width: 100%; }
  .listStyle .version-list table tr:first-child td a span { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .listStyle .version-list table tr:last-child { margin-left: 0px; }
  .listStyle .version-list table tr td { display: inline-block; }
  .listStyle .version-list table tr td a { margin-right: 0; }
  .listStyle .version-list table tr td font { display: none; } }

@media screen and (max-width: 700px) { .secondRecruit .position li { width: 80%; margin: 0 auto; margin-bottom: 20px; margin-right: auto; padding: 35px 40px 40px 40px; }
  .secondRecruit .position li:nth-child(3n) { margin-right: auto; }
  .secondRecruit .position li:nth-child(2n) { margin-right: auto; } }

@media screen and (max-width: 660px) { .firstCase .CaseOut .CaseLogo { display: none; } }

@media screen and (max-width: 640px) { .gartner { flex-direction: column; }
  .gartner .gartner-logo { margin-right: 0; }
  .fouthBox .functionList { justify-content: center; }
  .fouthBox .functionList li { width: 90% !important; }
  .fouthBox .functionList.net li, .fouthBox .functionList.test li, .fouthBox .functionList.m_sdk li, .fouthBox .functionList.itim li { width: 90%; }
  .custom ul { display: block; }
  .custom ul li.w30 { width: 100%; }
  .custom ul li.w50 { width: 100%; }
  .sltTitle.font_small span { font-size: 20px; line-height: 26px; }
  .sltTitle .titleLogo.mr25 { margin-right: 15px; }
  .fifthBox .card_ul .list_card.w33 { width: 100%; margin-bottom: 20px; margin-right: 0; }
  .fifthBox .card_ul .list_card.w33:nth-of-type(2n) { margin-right: 0; }
  .fouthBox .img_box.w50 { width: 100%; }
  .firstZeus .zeusCase div { font-size: 26px; margin-bottom: 10px; }
  .firstZeus .zeusCase p { flex-wrap: wrap; }
  .firstZeus .zeusCase p span { margin-top: 20px; } }

@media screen and (max-width: 610px) { .thrid .whitePaper ul .paperCard { width: calc(100%); margin-right: 0; }
  .thrid .whitePaper ul .paperCard:nth-child(3n) { margin-right: 0; }
  .fourthZeus .functionList li { width: 90%; margin: 0 auto; margin-bottom: 47px; }
  .fourthZeus .functionList li:nth-child(3n), .fourthZeus .functionList li:nth-child(2n) { margin-right: auto; }
  .fifthCase .cards2 ul.tencent { justify-content: space-between; }
  .fifthCase .cards2 ul.tencent li { width: calc((100% - 20px)/2); margin-right: 0px; }
  .fifthCase .cards2 ul.tencent li:nth-child(4n) { margin-right: 0px; } }

@media screen and (max-width: 600px) { .eighth-box .honor .honor-cont { padding: 40px 25px; }
  .out_box .b_consult .consult_box_out .consult_box .consult_cont .consult_product p label.w33 { width: calc((100% - 20px)/2); } }

@media screen and (max-width: 570px) { .fifth-box .story .story-box .story-top { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .fifth-box .story .story-box .story-top .leader { display: none; }
  .fifth-box .story .story-box .story-top .btn-more { margin-top: 40px; }
  .fifth-box .story .story-box .story-bottom .swiper-story { display: none; }
  .fifth-box .story .story-box .story-bottom .story-logo-list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  .fifthZeus .reason .s-title { margin-bottom: 105px; }
  .fifthZeus .reason .tip { left: 0; bottom: -100px; }
  .fifthZeus .reason .reasonList li { width: calc((100% - 20px)/2) !important; margin-bottom: 20px; }
  .fifthZeus .reason .reasonList li:nth-child(3n) { margin-right: 20px; }
  .fifthZeus .reason .reasonList li:nth-child(2n) { margin-right: 0px; }
  .fifthCase .cards2 ul { justify-content: space-between; }
  .fifthCase .cards2 ul li { width: calc((100% - 20px)/2) !important; margin-right: 0px; margin-bottom: 20px; }
  .fifthCase .cards2 ul li:nth-child(3n) { margin-right: 20px; }
  .fifthCase .cards2 ul li:nth-child(2n) { margin-right: 0; }
  .fouthBox .scenarios_list .scenarios_li { padding: 30px; }
  .fouthBox .scenarios_list .scenarios_li .li_cont { border-left: none; padding-left: 20px; }
  .fouthBox .scenarios_list .scenarios_li .li_cont::before { display: none; } }

@media screen and (max-width: 560px) { .eighth-box .honor .honor-cont .mr79 { width: 50%; margin: 15px 0; }
  .eighth-box .honor .honor-cont .honor-img6 { width: 50%; margin: 15px 0; }
  .secondFloor { display: block !important; }
  .secondFloor .ranking-list { width: 100% !important; margin: 0 auto; margin-bottom: 30px; }
  .sixth-box .indexMark .bonree-index .swiper-cont { transform: scale(0.5); }
  .sixth-box .indexMark .bonree-index { justify-content: center; }
  .footer-bottom .footer-cont .footer-right { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .fifthBox .innovate_card li.w33 { width: 100% !important; margin-bottom: 20px; margin-right: 0; }
  .fifthBox .innovate_card li.w33:nth-of-type(2n) { margin-right: 0; }
  .firstBox .dataviewCase p { flex-wrap: wrap; }
  .firstBox .dataviewCase p .tit-des { display: inline-block; }
  .thridCase ul li .challengeCard { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .thridCase ul li .challengeCard span { width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px; }
  .thridCase ul li .challengeCard span:nth-child(3n) { margin-right: 20px; }
  .thridCase ul li .challengeCard span:nth-child(2n) { margin-right: 0; }
  .thridCase ul li .challengeCard span:nth-last-child(2) { margin-bottom: 20px; }
  .thridCase ul li .challengeCard span:nth-last-child(1) { margin-bottom: 0px; } }

@media screen and (max-width: 530px) { .seventh-box .support .service-support .service-box h3 { font-size: 18px; }
  .seventh-box .support .service-support .service-box p { font-size: 14px; }
  .lastSlt .others ul li { min-height: 122px; } }

@media screen and (max-width: 520px) { .thridCase ul li { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .thridCase ul li:nth-last-child(1) { margin-bottom: 0px; }
  .thridCase ul li:nth-of-type(3n) { margin-right: 0; }
  .thridCase ul li.w50, .thridCase ul li.w33, .thridCase ul li.w20 { width: 100%; }
  .forthSlt .painSpot .spotList { border-radius: 61px; }
  .secondSlt .caseReferral .case-cont { display: block; }
  .secondSlt .caseReferral .case-cont .recommendList { justify-content: flex-end; }
  .secondSlt .caseReferral .case-cont .recommendList li { width: 100%; margin-bottom: 20px; }
  .secondSlt .caseReferral .case-cont .recommendList li.br { border-right: none; }
  .thrid .s-title span { width: 116px; }
  .thrid ul .four { min-width: 100%; }
  .more-box ul li { display: block; }
  .more-box ul li .list { margin-bottom: 20px; }
  .more-box ul li div { text-align: right; }
  .fifthZeus .reason .tip { width: 295px; }
  .fifthZeus .reason .tip span { position: absolute; left: 32px; bottom: 45px; width: 265px; line-height: 20px; } }

@media screen and (max-width: 500px) { .thridBox .s-valueList li { width: 90% !important; margin: 0 auto; margin-bottom: 30px; }
  .thridBox .s-valueList li.app, .thridBox .s-valueList li.dataview, .thridBox .s-valueList li.net, .thridBox .s-valueList li.net, .thridBox .s-valueList li.m_sdk, .thridBox .s-valueList li.itim, .thridBox .s-valueList li.browser, .thridBox .s-valueList li.mp, .thridBox .s-valueList li.stock, .thridBox .s-valueList li.test { width: 90% !important; margin: 0 auto; margin-bottom: 30px; }
  .thridBox .s-valueList li.w33, .thridBox .s-valueList li.w50, .thridBox .s-valueList li.w100 { width: 90% !important; margin: 0 auto; margin-bottom: 30px; }
  .supportLan ul li { width: calc((100% - 22px)/2); }
  .login { display: inline-block; width: 98%; margin: 0 auto; margin-top: 20px; margin-right: auto !important; } }

@media screen and (max-width: 480px) { .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span1 { font-size: 24px; line-height: 28px; letter-spacing: 1px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top p.span2 { font-size: 16px; line-height: 18px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span img { height: 15px !important; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::after { width: 59px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span { width: 100%; font-size: 12px; letter-spacing: 0px; margin-bottom: 10px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span:nth-last-of-type(1) { margin-bottom: 0; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom span i { font-size: 20px; }
  .secondSlt .caseReferral { padding: 45px 25px; }
  .sixth { height: 1085px; }
  .sixth .address ul li { width: 100%; }
  .secondFloor { display: block !important; }
  .secondFloor .ranking-list { width: 100% !important; }
  .seventhZeus .s-valueList li { width: 90%; margin: 0 auto; margin-bottom: 60px; }
  .seventhZeus .s-valueList li:nth-child(3n) { margin-right: auto; }
  .seventhZeus .s-valueList li:nth-child(2n) { margin-right: auto; }
  .fifthZeus .reason .tip span { line-height: 20px !important; }
  .fifthZeus .reason .s-title span { line-height: 37px; }
  .consult_box_out .consult_box .consult_cont .yzm .yzm-group { display: block; width: 100%; margin-bottom: 15px; }
  .secondFloor .ranking-list .ranking-bottom .ranking-ul table tr td > a { max-width: 260px !important; }
  .fifthCase ul li .des_cont { flex-direction: column; } }

@media screen and (max-width: 440px) { .first-box .swiper-container-horizontal > .swiper-pagination-bullets, .first-box .swiper-pagination-custom, .first-box .swiper-pagination-fraction { bottom: 70px !important; }
  .out_box .b_consult .consult_box_out .consult_box .consult_cont .user-box-list .userbox.tuiding_box input { width: 100%; margin-bottom: 20px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-top, .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-bottom, .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-top, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-middle { padding: 0 20px; text-align: center; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-middle { text-align: center; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2-word .word-bottom span::after { width: 40px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::before, .first-box .banner .swiper-container .swiper-slide .text-cont .banner3-word .word-middle span::after { width: 40px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3.btn, .first-box .banner .swiper-container .swiper-slide .text-cont .banner2.btn { margin: 0 auto; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .banner3.btn { margin-top: 105px; }
  .first-box .swiper-slide.slide1, .first-box .swiper-slide.slide2, .first-box .swiper-slide.slide3, .first-box .swiper-slide.slide4 { background-position-x: 0px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .word .word-top { margin-top: 200px; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .chart-img { display: none; }
  .first-box .banner .swiper-container .swiper-slide .text-cont .btn { margin-top: 180px; }
  .fourth-box .Solution-cont .solution-tab .tab-title li { margin-right: 20px; font-size: 18px; }
  .fifth-box .story .story-box .story-top { padding: 30px 20px 40px 20px; }
  .fifth-box .story .story-box .story-top .text { font-size: 20px; }
  .seventh-box .support .service-support .service-box h3 { font-size: 15px; }
  .seventh-box .support .service-support .service-box p { font-size: 12px; }
  .lastSlt .others ul li { min-height: 142px; }
  .gartner .gartner-text h3 { font-size: 20px; }
  .firstBox .dataviewCase span p { position: relative; left: 0 !important; bottom: -10px; }
  .sixthBox .s-title { margin-bottom: 85px; }
  .sixthBox .otherProducts { position: relative; left: 0; top: 0; margin-bottom: 80px; }
  .sixthBox .otherProducts ul { flex-wrap: wrap; }
  .sixthBox .otherProducts ul li { width: 100%; margin-bottom: 25px; }
  .sixthBox .otherProducts ul li:nth-child(2n) { border-right: none; }
  .sixthBox .otherProducts ul li div { text-align: center; } }

@media screen and (max-width: 420px) { .out_box .b_consult .consult_box_out.w100 { min-width: 300px; }
  .out_box .b_consult .consult_box_out .consult_box .consult_cont .user-box-list .sure_box p:nth-of-type(1) { letter-spacing: 1px; }
  .out_box .b_consult .consult_box_out .consult_box .consult_cont .consult_product p label.w33 { width: 100%; margin-right: 0; }
  .secondFloor .ranking-list .ranking-bottom .ranking-ul li p a { max-width: 200px; }
  .fifthBox .advantageList2 li .adRight .ti { left: 5px; bottom: 7px; width: calc(100% - 10px); }
  .thridZeus .fieldCont ul { margin: 0 auto; }
  .thridZeus .fieldCont ul li { width: 90%; margin: auto; }
  .thridZeus .fieldCont ul li:nth-child(1), .thridZeus .fieldCont ul li:nth-child(3), .thridZeus .fieldCont ul li:nth-child(5) { border-right: 1px solid #cccccc; }
  .thridZeus .fieldCont ul li:nth-child(2) { border-top: none; }
  .thridZeus .fieldCont.brfs ul li:nth-child(7) { border-right: 1px solid #cccccc; }
  .secondCase .caseReferral .case-cont .recommendList li img { width: 100%; }
  .forthCase .caseCont .cont .descript { width: 95%; margin: 0 auto; margin-bottom: 30px; }
  .fifthCase .cards2 ul { justify-content: space-between; }
  .fifthCase .cards2 ul li { width: 90% !important; margin: 0 auto; margin-bottom: 20px; margin-right: auto !important; }
  .fifthCase .cards2 ul li:nth-child(3n) { margin-right: auto !important; }
  .fifthCase .cards2 ul.tencent li { width: 90% !important; margin: 0 auto; margin-bottom: 20px; }
  .fifthCase .cards2 ul.tencent li:nth-child(4n) { margin-right: auto; }
  .out_box .b_consult { justify-content: space-between; }
  .facing_problems .prob_cont .card .in_right { display: none; }
  .scenarios .scenarios_list .scenarios_li { padding: 38px 20px 38px 0px; }
  .scenarios .scenarios_list .scenarios_li .li_cont { border-left: none; padding-left: 45px; }
  .scenarios .scenarios_list .scenarios_li .li_cont::before { display: none; }
  .scenarios .scenarios_list .scenarios_li .li_cont .top p { font-size: 20px; }
  .img_box .w50 { width: 100%; }
  .end_bg .bg_list { flex-wrap: wrap; }
  .end_bg .bg_list li { width: 100%; margin-right: 0px; margin-bottom: 20px; }
  .thridCase ul li .challengeCard { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .thridCase ul li .challengeCard span { width: 100%; margin-right: 0px; margin-bottom: 20px; }
  .thridCase ul li .challengeCard span:nth-child(3n) { margin-right: 0px; }
  .thridCase ul li .challengeCard span:nth-child(2n) { margin-right: 0; }
  .thridCase ul li .challengeCard span:nth-last-child(2) { margin-bottom: 20px; }
  .thridCase ul li .challengeCard span:nth-last-child(1) { margin-bottom: 0px; } }

@media screen and (max-width: 400px) { .eighth-box .honor .honor-cont .mr79 { width: 100%; }
  .eighth-box .honor .honor-cont .honor-img6 { width: 100%; }
  .gartner .gartner-text h3 { font-size: 18px; }
  .out_box .b_consult .consult_box_out { padding: 50px 45px; }
  .out_box .b_consult .consult_title { padding: 50px 45px; } }

@media screen and (max-width: 380px) { .eighth-box .honor .honor-cont { justify-content: center; }
  .sixth-box .indexMark .bonree-index .swiper-cont { transform: scale(0.45); margin-top: 180px; }
  .sixth-box .indexMark .bonree-index { justify-content: center; height: 505px; }
  .gartner .gartner-text h3 { font-size: 16px; }
  .sixth-box .bg2 { bottom: -160px; }
  .lastSlt .others ul li { width: 100%; }
  .lastSlt .others ul li .fontName { border-right: none !important; }
  .sixthSlt .valueCards .card2 { width: 90%; margin: 0 auto; }
  .sixthSlt .valueCards .card2:nth-child(1), .sixthSlt .valueCards .card2:nth-child(2), .sixthSlt .valueCards .card2:nth-child(3) { margin-bottom: 20px; }
  .secondFloor .ranking-list .ranking-bottom .ranking-ul table tr td > a { max-width: 220px !important; } }

@media screen and (max-width: 350px) { .sixth-box .indexMark .bonree-index .swiper-cont { transform: scale(0.4); }
  .gartner .gartner-text h3 { font-size: 16px; }
  .sixth .btn a { width: 200px; height: 40px; font-size: 20px; line-height: 40px; border-radius: 20px; }
  .secondFloor .ranking-list .ranking-bottom .ranking-ul table tr td > a { max-width: 200px !important; }
  .fifthZeus .reason .tip { display: none; }
  .fifthZeus .reason .s-title { margin-bottom: 50px; }
  .fifthZeus .reason .reasonList li { width: 90%; margin: 0 auto; margin-bottom: 20px; }
  .fifthZeus .reason .reasonList li:nth-child(2n) { margin-right: auto; }
  .fifthZeus .reason .reasonList li:nth-last-child(1) { margin-right: auto; } }