@charset "utf-8";
/* 设置初始背景 */
.test {
  background: linear-gradient(to bottom, #00bfff, #1e90ff);
}
/* 设置过渡属性 */
.test {
  transition: background 2s ease-in-out;
}
/* 设置鼠标悬停时的背景 */
.test:hover {
  background: linear-gradient(to bottom, #ff1493, #ff69b4);
}
#footer {
  width: 100%;
  background: url("/static/default/assets/img/bg3.jpg") no-repeat;
  background-size: cover;
}
#footer .footer-outer {
  width: 90%;
  margin: 0 auto;
  font-family: Microsoft YaHei;
  z-index: 1;
  position: relative;
}
#footer .footer-outer .row1 {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#footer .footer-outer .row1 .left {
  width:35%;
  display: flex;
  justify-content: space-between;
}
#footer .footer-outer .row1 .left .list {
  width: 100%;
}
#footer .footer-outer .row1 .left .list .item {
  width: 100%;
  color: #fff;
  font-size: 16px;
}
#footer .footer-outer .row1 .left .list .item:nth-child(1) {
  font-size: 20px;
  margin-bottom: 45px;
}
#footer .footer-outer .row1 .left .list .item:nth-child(2) {
  font-size: 38px;
  font-family: siyuan;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}
#footer .footer-outer .row1 .left .list .item:nth-child(3) {
  font-weight: 400;
  color: #fff;
  line-height: 26px;
  margin-bottom: 42px;
}
#footer .footer-outer .row1 .left .list .item:nth-child(3) span {
  color: #fff;
}
#footer .footer-outer .row1 .left .list .item:nth-child(4) {
  margin-bottom: 65px;
  display: flex;
}
#footer .footer-outer .row1 .left .list .item:nth-child(4) .item-l {
  max-width: 142px;
  width: 100%;
  margin-right: 40px;
}
#footer .footer-outer .row1 .left .list .item:nth-child(4) .item-l .l-img {
  width: 100%;
}
#footer .footer-outer .row1 .left .list .item:nth-child(4) .item-l .text {
  margin-top: 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}


#footer .footer-outer .row1 .eweima {
  width:25%;
  display: flex;
  justify-content: space-between;
}
#footer .footer-outer .row1 .eweima .list {
  width: 100%;
}
#footer .footer-outer .row1 .eweima .list .item {
  width: 100%;
  color: #fff;
  font-size: 16px;
}
#footer .footer-outer .row1 .eweima .list .item:nth-child(1) {
  font-size: 20px;
  margin-bottom: 45px;
}
#footer .footer-outer .row1 .eweima .list .item:nth-child(2) {
  margin-bottom: 65px;
  display: flex;
}
#footer .footer-outer .row1 .eweima .list .item:nth-child(2) .item-l {
  max-width: 142px;
  width: 100%;
  margin-right: 40px;
}
#footer .footer-outer .row1 .eweima .list .item:nth-child(2) .item-l .l-img {
  width: 100%;
}
#footer .footer-outer .row1 .eweima .list .item:nth-child(2) .item-l .text {
  margin-top: 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}


#footer .footer-outer .row1 .right {padding-right:50px;
  padding-top: 80px;
  width: 30%;
  display: flex;
  justify-content: space-between;
}
#footer .footer-outer .row1 .right .list .item {
  width: 100%;
  margin-bottom: 20px;
}
#footer .footer-outer .row1 .right .list .item a {
  font-size: 14px;
  font-weight: 400;line-height:15px;
  color: #fff;
}
#footer .footer-outer .row1 .right .list .item a:hover {
  color: #fff;
}
#footer .footer-outer .row1 .right .list .item:nth-child(1) {
  margin-bottom: 32px;
}
#footer .footer-outer .row1 .right .list .item:nth-child(1) a {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}
#footer .footer-outer .row2 {
  width: 100%;
  padding: 40px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 1700px;
  margin: auto;color:#fff;font-size:14px;
}
#footer .footer-outer .row2 .left {
  display: flex;
  align-items: center;
}
#footer .footer-outer .row2 .left .nocl:hover {
  color: #fff;
}
#footer .footer-outer .row2 .left a {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
#footer .footer-outer .row2 .left a:nth-child(1) span {
  color: #fff;
  margin-left: 10px;
  margin-right: 15px;
}
#footer .footer-outer .row2 .left a:nth-child(2) {
  margin-right: 20px;
}
#footer .footer-outer .row2 .left a:hover {
  color: #fff;
}
#footer .footer-outer .row2 .right {
  width: 20%;
  display: flex;
  justify-content: space-between;
}
#footer .footer-outer .row2 .right .item {
  position: relative;
  max-width: 50px;
  width: 100%;
  border-radius: 50%;
  cursor: pointer;
}
#footer .footer-outer .row2 .right .item .item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
  background: transparent;
}
#footer .footer-outer .row2 .right .item .item-img img {
  width: auto;
}
#footer .footer-outer .row2 .right .item .item-cover {
  width: 80px;
  position: absolute;
  top: -87px;
  left: -20px;
  display: none;
}
#footer .footer-outer .row2 .right .item .item-cover img {
  width: 80px;
  height: 80px;
  width: 100%;
}
#footer .footer-outer .row2 .right .item:hover {
  background: #0073BC;
}
#footer .footer-outer .row2 .right .item:hover .item-img {
  /*filter: grayscale(100) brightness(100);*/
}
#footer .footer-outer .row2 .right .item:hover .item-cover {
  display: block;
}
.footer {
  background: url("/static/default/assets/img/bg2.png") no-repeat top center !important;
  width: 100% !important;
  background-size: cover !important;
  margin-top: -150px;
  padding-top: 200px;
  position: relative;
}
.footer::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../images/footer-logo.png") no-repeat center right;
}
.links {
  margin-left: 20px;
  color: #fff;
}
.links a {
  margin-right: 10px !important;
}
.container {
  width: 100%;
  background: #f6f9fe;
  padding-top: 50px;
}
.container.index-container {
  padding-top: 0;
}
.container .wrapper {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.container .wrapper #index {
  width: 100%;
}
.container .wrapper #index .swiper {
  width: 100%;
  height: 100%;
}
.container .wrapper #index .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.container .wrapper #index .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container .wrapper #index .banner {
  width: 100%;
  position: relative;
  overflow: hidden;
  /*.bannerMask {
                    width: 100%;
                    position: absolute;
                    bottom: -1px;
                    left: 0;
                    z-index: 10;
                }*/
}
.container .wrapper #index .banner .swiper-notification {
  display: block;
}
.container .wrapper #index .banner .img-mask {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 10;
}
.container .wrapper #index .banner .mySwiperbanner {
  width: 100%;
  position: relative;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper {
  width: 100%;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide {
  width: 100%;
  position: relative;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/zz.png") left bottom no-repeat;
  background-size: contain;
  z-index: 10;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-img {
  width: 100%;
  position: relative;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content {
  width: 100%;
  background: url("../images/contentbj.png") no-repeat right;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  left: 0;
  right: 0;
  margin: auto;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content .s-content {
  max-width: 1500px;
  padding-top: 140px;
  padding-bottom: 180px;
  margin: auto;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content .s-content .title {
  font-size: 60px;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content .s-content .text {
  max-width: 485px;
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 80px;
  text-align: left;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content .s-content .text span {
  color: #fff;
  font-size: 18px;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content .s-content .btn a {
  width: 173px;
  height: 64px;
  line-height: 64px;
  text-align: left;
  padding-left: 28px;
  background: #02409C;
  border-radius: 32px;
  font-size: 20px;
  color: #FFFFFF;
  box-sizing: border-box;
  position: relative;
  display: block;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-wrapper .swiper-slide .slide-content .s-content .btn a::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 64px;
  padding-left: 15px;
  background: url("../images/bannericon.png") center no-repeat;
  margin-left: 10px;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination {
  max-width: 1500px;
  width: 90%;
  left: 0;
  right: 0;
  bottom: 10%;
  margin: auto;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 99;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  background: none;
  margin-left: 20px;opacity: 1;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination .swiper-pagination-bullet-active {
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  position: relative;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination .swiper-pagination-bullet-active::after {
  content: "";
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination-fraction,
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination-custom,
.container .wrapper #index .banner .mySwiperbanner .swiper-horizontal > .swiper-pagination-bullets,
.container .wrapper #index .banner .mySwiperbanner .swiper-pagination-bullets.swiper-pagination-horizontal {
  left: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .wrapper #index .product {
  width: 100%;
  padding-top: 30px;
}
.container .wrapper #index .product .title {
  width: 100%;
  position: relative;
  margin-left: 100px;
  margin-top: 20px;
  margin-bottom: 12px;
}
.container .wrapper #index .product .title .en-title {
  font-size: 94px;
  font-family: siyuan;
  font-weight: 900;
  color: #EEF3FB;
}
.container .wrapper #index .product .title .cn-title {
  font-size: 42px;
  font-weight: 900;
  color: #000000;
  position: absolute;
  top: 70px;
  left: 62px;
}
.container .wrapper #index .product .text {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .wrapper #index .product .text .left {
  max-width: 850px;
  width: 100%;
  font-size: 15px;
  color: #666;
  line-height: 30px;
}
.container .wrapper #index .product .text .right img {
  width: auto;
}
.container .wrapper #index .product .product-swiper-box {
  padding-left: 8%;
  position: relative;
}
.container .wrapper #index .product .product-swiper-box .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #a9b7b7;
  left: 4%;
  opacity: 0.3;
}
.container .wrapper #index .product .product-swiper-box .swiper-button-prev:hover {
  opacity: 1;
}
.container .wrapper #index .product .product-swiper-box .swiper-button-prev::after {
  color: #a9b7b7;
  font-size: 16px;
}
.container .wrapper #index .product .product-swiper {
  width: 100%;
  margin-top: 45px;
  margin-bottom: 100px;
  overflow: hidden;
  padding-left: 80px;
  padding-bottom: 60px;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro {
  width: 100%;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide {
  position: relative;
  transform: scale(0.8);
  transition: all 0.5s;
  transform-origin: bottom left;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide::after {
  content: '';
  height: 80%;
  width: 80%;
  position: absolute;
  background: #004aa8;
  left: -30px;
  bottom: -30px;
  border-radius: 50px;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide .slide-img {
  position: relative;
  bottom: 0;
  transform: scale(1);
  transition: all 0.5s;
  border-radius: 50px 150px 50px 50px;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide .slide-img img {
  filter: brightness(1);/*0.5toumingdu*/
  width: 100%;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide .slide-img::after {
  content: "";
  width: 393px;
  height: 375px;
  background: #E3EDFD;
  border-radius: 50px 150px 50px 50px;
  position: absolute;
  bottom: -30px;
  left: -30px;
  z-index: -2;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide .slide-text {
  width: 100%;
  position: absolute;
  bottom: 10%;
  color: #666;
  font-size: 20px;
  z-index: 1;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
  transition: all 0.5s;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active ~ .swiper-slide {
  transform-origin: bottom right;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active::after {
  box-shadow: 0 0 40px 5px rgba(3, 53, 126, 0.17);
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active .slide-img {
  transform: scale(1) !important;
  transition: all 0.5s;
  position: relative;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active .slide-img img {
  filter: none;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active .slide-img::before {
  filter: none;
  content: "";
  width: calc(100%);
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/static/default/assets/img/active.png");
  z-index: 2;
  border-radius: 0 0 50px 50px;
}
.container .wrapper #index .product .product-swiper .mySwiper-pro .swiper-wrapper .swiper-slide-active .slide-text {
  top: 88%;
  color: #FFFFFF;
  font-size: 24px;
  z-index: 10;
}
.container .wrapper #index .solution {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.container .wrapper #index .solution .solution-swiper {
  width: 100%;
  margin-top: 45px;
  position: relative;
  margin-bottom: 165px;
}
.container .wrapper #index .solution .solution-swiper .swiper-notification {
  display: none;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol {
  width: 100%;
  height: 100%;
  position: relative;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/index-s2.png') no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  background: url('../images/index-s2.png') no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
  transform: rotate(180deg);
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper {
  width: 100%;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 1040px;
  position: relative;
  background-size: cover !important;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide .slide-img {
  width: 100%;
  position: relative;
  bottom: 0;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide .slide-content {
  max-width: 1500px;
  width: 90%;
  position: absolute;
  top: 30%;
  color: #fff;
  font-size: 20px;
  margin: auto;
  text-align: left;
  left: 0;
  right: 0;
  z-index: 1;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide .slide-content .title {
  font-size: 48px;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide .slide-content .summary {
  font-size: 18px;
  max-width: 500px;
  line-height: 1.8;
  margin-top: 30px;
  margin-bottom: 40px;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide .slide-content a {
  width: 173px;
  height: 64px;
  line-height: 64px;
  text-align: left;
  padding-left: 28px;
  background: #02409C;
  border-radius: 32px;
  font-size: 20px;
  color: #FFFFFF;
  box-sizing: border-box;
  position: relative;
  display: block;
}
.container .wrapper #index .solution .solution-swiper .mySwiper-sol .swiper-wrapper .swiper-slide .slide-content a::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 64px;
  padding-left: 15px;
  background: url(../images/bannericon.png) center no-repeat;
  margin-left: 10px;
}
.container .wrapper #index .solution .sol-thumbs {
  width: 300px;
  position: absolute;
  top: 0;
  right: 10%;
  background: transparent;
  bottom: 0;
  margin: auto;
  height: fit-content;
  height: 680px;
  z-index: 10;
}
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper {
  max-width: 260px;
  width: 100%;
  background: transparent;
  flex-direction: column;
  justify-content: space-around;
}
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide {
  background: transparent;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .slide-img,
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide:hover .slide-img {
  border: 10px solid #0073bc;
  transform: scale(1);
  transition: all 0.5s;
}
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .slide-text,
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide:hover .slide-text {
  color: #fff;
}
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide .slide-img {
  border: 10px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: scale(0.8);
  transition: all 0.5s;
  margin: 20px 25px 20px 0;
}
.container .wrapper #index .solution .sol-thumbs .swiper-wrapper .swiper-slide .slide-text {
  font-size: 18px;
  color: #919191;
}
.container .wrapper #index .Service-swiper {
  width: 90%;
  max-width: 1240px;
  margin: 100px auto 100px;
  position: relative;
}
.container .wrapper #index .Service-swiper .service-button {
  position: absolute;
  width: 130px;
  right: 40px;
  bottom: 15%;
}
.container .wrapper #index .Service-swiper .service-button .swiper-button-prev,
.container .wrapper #index .Service-swiper .service-button .swiper-button-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #004aa8;background: #fff;
}
.container .wrapper #index .Service-swiper .service-button .swiper-button-prev::after,
.container .wrapper #index .Service-swiper .service-button .swiper-button-next::after {
  font-size: 16px;
  color: #004aa8;font-weight:600;
}
.container .wrapper #index .Service-swiper .service-button .swiper-button-prev:hover,
.container .wrapper #index .Service-swiper .service-button .swiper-button-next:hover {
  border-color: #004aa8;
  background: #fff;
}
.container .wrapper #index .Service-swiper .service-button .swiper-button-prev:hover::after,
.container .wrapper #index .Service-swiper .service-button .swiper-button-next:hover::after {
  color: #004aa8;
}
.container .wrapper #index .Service-swiper .swiper-container {
  overflow: inherit;
}
.container .wrapper #index .Service-swiper .swiper-slide {
  position: relative;
  transform: scale(0.7);
  transition: all 0.5s;
}
.container .wrapper #index .Service-swiper .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #7b7c7f;
  opacity: 0.5;
  border-radius: 50px;
  transition: all 0.5s;
}
.container .wrapper #index .Service-swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: all 0.5s;
}
.container .wrapper #index .Service-swiper .swiper-slide.swiper-slide-active::before {
  content: '';
  background: url('../images/dot.png') no-repeat center;
  width: 92px;
  height: 109px;
  position: absolute;
  right: 10%;
  top: -60px;
}
.container .wrapper #index .Service-swiper .swiper-slide.swiper-slide-active::after {
  opacity: 0;
  transition: all 0.5s;
  pointer-events: none;
}
.container .wrapper #index .Service-swiper .swiper-slide.swiper-slide-prev {
  transform-origin: right bottom;
}
.container .wrapper #index .Service-swiper .swiper-slide.swiper-slide-next {
  transform-origin: left bottom;
}
.container .wrapper #index .Service-swiper .swiper-box {
  display: flex;
  background: #fff;
  border-radius: 50px;
  overflow: hidden;
}
.container .wrapper #index .Service-swiper .swiper-img {
  flex-basis: 55%;
}
.container .wrapper #index .Service-swiper .swiper-text {
  flex-basis: 45%;
  padding: 100px 40px 0 70px;background:#004aa8;
}
.container .wrapper #index .Service-swiper .swiper-text .title {
  text-align: left;
  color: #fff;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 30px;
}
.container .wrapper #index .Service-swiper .swiper-text .summary {
  text-align: left;
  color: #fff;
  font-size: 15px;
  line-height: 1.8;
}
.container .wrapper #index .Service-swiper .swiper-text .more {
  width: 105px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  border-radius: 25px;
  background: #0073bc;
  margin-top: 30px;
}
.container .wrapper #index .train {
  width: 100%;
}
.container .wrapper #index .train .vr-box {
  padding-bottom: 300px;
}
.container .wrapper #index .train .vr-box-4 {
  background: none;
  padding-bottom: 0;
}
.container .wrapper #index .train .vr-box-4 .swiper-button-prev {
  left: -50px;
}
.container .wrapper #index .train .vr-box-4 .swiper-button-next {
  right: -50px;
}
.container .wrapper #index .train .vr-box-4 .swiper-button-prev,
.container .wrapper #index .train .vr-box-4 .swiper-button-next {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid #004aa8;
}
.container .wrapper #index .train .vr-box-4 .swiper-button-prev::after,
.container .wrapper #index .train .vr-box-4 .swiper-button-next::after {
  font-size: 16px;
  color: #004aa8;
}
.container .wrapper #index .train .vr-box-4 .swiper-button-prev:hover,
.container .wrapper #index .train .vr-box-4 .swiper-button-next:hover {
  border-color: #004aa8;
}
.container .wrapper #index .train .vr-box-4 .swiper-button-prev:hover::after,
.container .wrapper #index .train .vr-box-4 .swiper-button-next:hover::after {
  font-size: 16px;
  color: #004aa8;
}
.container .wrapper #index .train #certify .index-title {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 20px;
}
.container .wrapper #index .train #certify .swiper-container {
  padding-top: 150px;
}
.container .wrapper #index .train #certify .swiper-slide {
  width: 750px;
  border-radius: 30px;
  flex-direction: column;
  padding: 4%;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
  opacity: 0 !important;
}
.container .wrapper #index .train #certify .swiper-slide.swiper-slide-prev,
.container .wrapper #index .train #certify .swiper-slide.swiper-slide-next {
  opacity: 0.5 !important;
}
.container .wrapper #index .train #certify .swiper-slide .summary {
  min-height: 100px;
}
.container .wrapper #index .train #certify .swiper-slide .number.swiper-img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 15px solid #dfe5f0;
  overflow: hidden;
  top: -80px;
}
.container .wrapper #index .train #certify .swiper-slide img {
  box-shadow: none;
}
.container .wrapper #index .train #certify .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.container .wrapper #index .train #certify .swiper-slide.swiper-slide-active .number.swiper-img {
  border-color: #0073bc;
}
.container .wrapper #index .train #certify .swiper-slide.swiper-slide-active .tip .item .item-icon {
  background: #0073bc;
}
.container .wrapper #index .train #certify .tip {
  width: 100%;
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
}
.container .wrapper #index .train #certify .tip .item {
  display: flex;
  width: auto;
  align-items: center;
}
.container .wrapper #index .train #certify .tip .item .item-icon {
  background: #bbbbbb;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .wrapper #index .train #certify .tip .item .item-icon img {
  width: auto;
  height: auto;
}
.container .wrapper #index .train #certify .tip .item .item-title {
  font-size: 18px;
  color: #000;
  margin-left: 10px;
}
.container .wrapper #index .train .certify .swiper-button-next {
  top: 40%;
  transform: translateY(-60%);
  right: 5%;
}
.container .wrapper #index .train .certify .swiper-button-prev {
  top: 40%;
  transform: translateY(-60%);
  left: 5%;
}
.container .wrapper #index .train .certify .swiper-slide {
  width: 780px;
  height: auto;
}
.container .wrapper #index .train .certify .swiper-slide-prev,
.container .wrapper #index .train .certify .swiper-slide-next {
  position: relative;
}
.container .wrapper #index .train .certify .swiper-slide-prev::after,
.container .wrapper #index .train .certify .swiper-slide-next:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
}
.container .wrapper #index .train .certify .swiper-slide-active {
  position: initial;
}
.container .wrapper #index .train .certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}
.container .wrapper #index .train .certify .swiper-slide img {
  width: 100%;
  max-width: 100%;
}
.container .wrapper #index .service {
  width: 100%;
}
.container .wrapper #index .service .title {
  text-align: center;
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}
.container .wrapper #index .service .title .en-title {
  font-size: 94px;
  font-family: siyuan;
  font-weight: 900;
  color: #EEF3FB;
}
.container .wrapper #index .service .title .cn-title {
  font-size: 42px;
  font-weight: 900;
  color: #000000;
  margin-top: -70px;
}
.container .wrapper #index .about {
  width: 100%;
  background: url('../images/about-1.jpg') no-repeat center top;
  padding-bottom: 150px;
}
.container .wrapper #index .about .detail {
  font-size: 16px;
  color: #666;
  line-height: 2;
  text-align: center;
  padding-bottom: 0px;
  margin-top: 60px;
}
.container .wrapper #index .about .detail .btn {
  margin-top: 50px;
}
.container .wrapper #index .about .detail .btn a {
  width: 135px;
  height: 50px;
  border-radius: 25px;
  background: #02409c;
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: block;
  margin: auto;
}
.container .wrapper #index .about .detail .btn a:hover {
  background: #1a62d0;
}
.container .wrapper #index .news .news-top {
  margin-bottom: 0px;
}
.container .wrapper #index .news .news-top .model-title {
  margin-right: -50px;
}
.container .wrapper #index .news .news-top .index-news-menu {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin-right: 0;
  margin-left: auto;
  margin-top: 80px;
}
.container .wrapper #index .news .news-top .index-news-menu a {
  color: #9eacc5;
  font-size: 18px;
  padding-left: 50px;
  position: relative;
}
.container .wrapper #index .news .news-top .index-news-menu a::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #9eacc5;
  border-radius: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.container .wrapper #index .news .news-top .index-news-menu a::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 20px;
  background: #9eacc5;
  left: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.container .wrapper #index .news .news-top .index-news-menu a:hover {
  color: #0073bc;
}
.container .wrapper #index .news .news-top .index-news-menu a:hover::before,
.container .wrapper #index .news .news-top .index-news-menu a:hover::after {
  border-color: #0073bc;
  background: #0073bc;
}
.container .wrapper #index .news .news-bottom {
  background: url('/static/default/assets/img/feedback.png') no-repeat center top;
  padding: 200px 0 300px;
  background-size: cover;
}
.container .wrapper #index .news .news-bottom .news-container {
  display: flex;
  flex-wrap: wrap;
}
.container .wrapper #index .news .news-bottom .news-container .item-left {
  overflow: hidden;
  border-radius: 50px;
  flex-basis: calc(48% - 50px);
  box-shadow: 0 0 50px 5px rgba(3, 53, 126, 0.17);
  margin-right: 50px;
}
.container .wrapper #index .news .news-bottom .news-container .item-left .item-left-text {
  background: #fff;
  padding: 30px;
}
.container .wrapper #index .news .news-bottom .news-container .item-left .item-left-text .title {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.container .wrapper #index .news .news-bottom .news-container .item-left .item-left-text .summary {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin-top: 20px;
}
.container .wrapper #index .news .news-bottom .news-container .item-left .tip {
  display: flex;
  justify-content: space-between;
  color: #888;
  font-size: 15px;
  margin-top: 20px;
}
.container .wrapper #index .news .news-bottom .news-container .item-left .tip .time {
  background: url('/static/default/assets/img/time.jpg') no-repeat center left;
  padding-left: 30px;
}
.container .wrapper #index .news .news-bottom .news-container .item-left .tip .view {
  background: url('/static/default/assets/img/view.jpg') no-repeat center left;
  padding-left: 35px;
}
.container .wrapper #index .news .news-bottom .news-container .item-right {
  flex-basis: 52%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item {
  background: #fff;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  height: calc((100% - 60px) / 3);
  align-items: center;
  transition: all 0.5s;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .item-box {
  display: flex;
  justify-content: space-between;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .time {
  margin-right: 30px;
  width: 100px;
  text-align: center;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .time .day {
  font-size: 46px;
  color: #0073bc;
  font-weight: 600;
  line-height: 1;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .time .year {
  font-size: 14px;
  color: #aaaaaa;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .text {
  width: calc(100% - 100px);
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .text .title {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .text .summary {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin-top: 20px;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item .text .tip {
  text-align: right;
}
.container .wrapper #index .news .news-bottom .news-container .item-right .item:hover {
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.17);
  transition: all 0.5s;
}
.container .wrapper #solution {
  width: 100%;
}
.container .wrapper #solution .wrap {
  width: 100%;
  box-sizing: border-box;
}
.container .wrapper #solution .wrap .progress-model {
  width: 90%;
  max-width: 1500px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: auto;
}
.container .wrapper #solution .wrap .progress-model .item {
  flex-basis: calc((100% - 100px) / 2);
  background: #fff;
  margin-bottom: 100px;
}
.container .wrapper #solution .wrap .progress-model .item .item-img {
  width: 100%;
}
.container .wrapper #solution .wrap .progress-model .item .item-content {
  width: 100%;
  padding: 20px 30px 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.container .wrapper #solution .wrap .progress-model .item .item-content .c-l {
  max-width: 430px;
  width: 100%;
}
.container .wrapper #solution .wrap .progress-model .item .item-content .c-l .title {
  font-size: 22px;
  color: #000;
  margin-bottom: 20px;
}
.container .wrapper #solution .wrap .progress-model .item .item-content .c-l .text {
  font-size: 16px;
  color: #999;
  line-height: 30px;
}
.container .wrapper #solution .wrap .progress-model .item .item-content .c-r .btn {
  width: 62px;
  height: 62px;
  background: #f2f7ff url("../images/lookh.png") center no-repeat;
  border-radius: 50%;
}
.container .wrapper #solution .wrap .progress-model .item:hover .item-content .c-l .title {
  color: #02409C;
}
.container .wrapper #solution .wrap .progress-model .item:hover .item-content .c-r .btn {
  background: #02409C url("../images/look.png") center no-repeat;
}
.container .wrapper #solution .wrap .progress-model .item:nth-child(odd) {
  margin-right: 100px;
}
.container .wrapper #solution-detail {
  width: 100%;
}
.container .wrapper #solution-detail .solution-detail-1 {
  background: url('../images/solution-1.jpg') no-repeat center bottom;
  padding-bottom: 300px;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box {
  max-width: 1130px;
  margin-left: auto;
  margin-right: 0;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box .summary {
  font-size: 16px;
  color: #666;
  margin-top: 80px;
  line-height: 1.8;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box .img-box {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box .img-box .item {
  flex-basis: 45%;
  position: relative;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box .img-box .item::after {
  content: '';
  width: 90%;
  height: 80%;
  left: -30px;
  bottom: -30px;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.17);
  position: absolute;
  border-radius: 50px;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box .img-box .item .item-img {
  border-radius: 50px 100px 50px 50px;
  overflow: hidden;
}
.container .wrapper #solution-detail .solution-detail-1 .sol-del-box .img-box .item .item-img img {
  width: 100%;
}
.container .wrapper #solution-detail .solution-detail-2 {
  background: url('../images/sol-3.png') no-repeat center;
  padding: 0 0 100px;
  background: #f0f5fd;
  position: relative;
}
.container .wrapper #solution-detail .solution-detail-2 .solution-detail-2-box {
  width: 100%;
  max-width: 1300px;
  margin: 100px auto;
  overflow: hidden;
}
.container .wrapper #solution-detail .solution-detail-2::before {
  content: '';
  height: 200px;
  background: url(../images/zz3.png) no-repeat center bottom;
  background-size: contain;
  width: 100%;
  position: absolute;
  top: -200px;
  left: 0;
}
.container .wrapper #solution-detail .solution-detail-2::after {
  content: '';
  height: 200px;
  background: url(../images/zz3.png) no-repeat center bottom;
  background-size: contain;
  width: 100%;
  position: absolute;
  bottom: -200px;
  left: 0;
  transform: rotate(180deg);
}
.container .wrapper #solution-detail .solution-detail-2 .en-title {
  color: #ecf0f7;
  text-align: center;
}
.container .wrapper #solution-detail .solution-detail-2 table {
  width: 100%;
  max-width: 1300px;
  margin: 100px auto;
  border-radius: 50px;
  overflow: hidden;
}
.container .wrapper #solution-detail .solution-detail-2 table tr {
  border-top: 1px solid #eee;
}
.container .wrapper #solution-detail .solution-detail-2 table tr:first-child {
  background: #275dac;
}
.container .wrapper #solution-detail .solution-detail-2 table tr th {
  padding: 30px 20px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.container .wrapper #solution-detail .solution-detail-2 table tr td {
  text-align: center;
  padding: 30px 20px;
  font-size: 18px;
  background: #fff;
}
.container .wrapper #solution-detail .solution-detail-2 table tr td:nth-child(1) {
  width: 18%;
  border-right: 1px solid #eee;
}
.container .wrapper #solution-detail .solution-detail-2 table tr td:nth-child(2) {
  width: 40%;
  color: #666666;
  background: #fafafa;
  border-right: 1px solid #eee;
}
.container .wrapper #solution-detail .solution-detail-2 table tr td:nth-child(3) {
  width: 42%;
}
.container .wrapper #solution-detail .solution-detail-3 {
  background: url('../images/sol-4.jpg') no-repeat center;
  padding: 200px 0;
  background-size: cover;
}
.container .wrapper #solution-detail .solution-detail-3 .sol-3-box {
  margin: 100px auto;
}
.container .wrapper #solution-detail .solution-detail-4 {
  background: url('../images/sol-0.png') no-repeat center;
  padding: 200px 0;
  height: 1052px;
  background-size: cover;
  position: relative;
}
.container .wrapper #solution-detail .solution-detail-4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/index-s2.png) no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
}
.container .wrapper #solution-detail .solution-detail-4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/index-s2.png) no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
  transform: rotate(180deg);
}
.container .wrapper #solution-detail .solution-detail-4 .model-title .en-title {
  color: #ecf0f7;
  opacity: 0.03;
}
.container .wrapper #solution-detail .solution-detail-4 .model-title .cn-title {
  color: #ecf0f7;
}
.container .wrapper #solution-detail .solution-detail-4 .solution-detail-4-box {
  position: relative;
  text-align: center;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 1500px;
  width: 90%;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item {
  position: absolute;
  text-align: center;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item .number {
  background: rgba(255, 255, 255, 0.25);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item .number .number-in {
  background: #ba4242;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item .title {
  color: #aaa;
  font-size: 16px;
  margin-top: 10px;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item1 {
  left: 0;
  bottom: 7%;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item2 {
  left: 18%;
  bottom: 5%;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item3 {
  left: 37%;
  bottom: 25%;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item4 {
  left: 56%;
  bottom: 18%;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item5 {
  left: 74%;
  bottom: 44%;
}
.container .wrapper #solution-detail .solution-detail-4 .line-item .item6 {
  right: 0;
  bottom: 37%;
}
.container .wrapper #solution-detail .solution-detail-5 {
  padding-top: 50px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box {
  margin-top: 150px;
  margin-bottom: 200px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list {
  display: flex;
  justify-content: space-between;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list .item {
  display: flex;
  align-items: center;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list .item .item-text {
  margin-left: 10%;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list .item .item-text .title {
  font-size: 26px;
  font-weight: 600;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list .item .item-text .summary-list {
  margin-top: 30px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list .item .item-text .summary-list .summary-item {
  position: relative;
  padding-left: 20px;
  color: #778193;
  margin-bottom: 10px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-detail-5-box .item-list .item .item-text .summary-list .summary-item::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--dominant-color);
  top: 0;
  left: 0;
  position: absolute;
  bottom: 0;
  margin: auto;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 200px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item-list {
  margin-bottom: 100px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .solution-bottom-title {
  font-size: 36px;
  color: #02409c;
  font-weight: 600;
  margin-bottom: 50px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item {
  width: fit-content;
  position: relative;
  margin-bottom: 100px;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item::after {
  content: '';
  position: absolute;
  width: 100%;
  left: -50px;
  bottom: -50px;
  height: 60%;
  background: #f1f6fe;
  border-radius: 50px;
  box-shadow: 0 0 150px 5px rgba(3, 53, 126, 0.17);
  z-index: 0;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item .item-img {
  border-radius: 50px 150px 50px 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item-text {
  text-align: center;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item-text .title {
  font-size: 24px;
  font-weight: 600;
}
.container .wrapper #solution-detail .solution-detail-5 .solution-bottom-box .item-text .summary {
  font-size: 18px;
  color: #666;
  margin-top: 20px;
}
.container .wrapper #solution-detail .solution-detail-6 {
  padding-bottom: 400px;
}
.container .wrapper #solution-detail .solution-detail-6 .solution-detail-6-box {
  margin-top: 150px;
  display: flex;
  flex-wrap: wrap;
}
.container .wrapper #solution-detail .solution-detail-6 .solution-detail-6-box .item {
  flex-basis: calc((100% - 75px) / 4);
  margin-right: 25px;
  position: relative;
  border-radius: 50px;
  margin-bottom: 40px;
  overflow: hidden;
}
.container .wrapper #solution-detail .solution-detail-6 .solution-detail-6-box .item img {
  width: 100%;
}
.container .wrapper #solution-detail .solution-detail-6 .solution-detail-6-box .item:nth-child(4n) {
  margin-right: 0;
}
.container .wrapper #solution-detail .solution-detail-6 .solution-detail-6-box .item .title {
  position: absolute;
  bottom: 30px;
  font-size: 18px;
  color: #fff;
  z-index: 10;
  text-align: center;
  width: 100%;
}
.container .wrapper #news {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 150px;
}
.container.newsbox {
background:#fff;
}
.container .wrapper #news .wrap .progress-model {
  width: 90%;
  display: flex;
  flex-flow: row wrap;
  max-width: 1500px;
  margin: auto;
}
.container .wrapper #news .wrap .progress-model .item {
  width: calc((100% - 200px) / 2);
  margin-bottom: 80px;
}
.container .wrapper #news .wrap .progress-model .item .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.container .wrapper #news .wrap .progress-model .item .top .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 25%;
}
.container .wrapper #news .wrap .progress-model .item .top .left .l-t {
  font-size: 56px;
  font-weight: bold;
  color: #02409C;
  line-height: 1;
}
.container .wrapper #news .wrap .progress-model .item .top .left .l-b {
  font-size: 16px;
  margin-top: 6px;
  color: #AAAAAA;
}
.container .wrapper #news .wrap .progress-model .item .top .right {
  max-width: 500px;
  width: 100%;
  flex-basis: 75%;
}
.container .wrapper #news .wrap .progress-model .item .bottom .title {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin-top: 36px;
  margin-bottom: 24px;
}
.container .wrapper #news .wrap .progress-model .item .bottom .text {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
.container .wrapper #news .wrap .progress-model .item:nth-child(odd) {
  margin-right: 200px;
}
.container .wrapper #news-detail {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 80px;
}
.container .wrapper #news-detail .wrap .pageContainer {
  max-width: 1300px;
  width: 90%;
  padding-bottom: 120px;
  box-sizing: border-box;
  margin: 0 auto;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail {
  width: 100%;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .title {
  width: 100%;
  text-align: center;
  color: #000000;
  font-size: 36px;
  margin-bottom: 70px;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0px 0px 100px;
  box-sizing: border-box;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer .detailContainer-box {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer .sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 720px;
  margin: 30px auto 70px;
  font-size: 16px;
  color: #999;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer .sub span {
  display: flex;
  align-items: center;
  color: #000;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer .sub img {
  display: inline-block;
  margin-right: 5px;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer .sub i {
  font-style: normal;
  color: #999;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer img {
  width: auto;
}
.container .wrapper #news-detail .wrap .pageContainer .newsDetail .nodetailCon {
  border-bottom: none;
  padding-bottom: 0;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage .changeDetail {
  display: flex;
  justify-items: flex-start;
  flex-direction: column;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage .changeDetail a {
  margin-right: 30px;
  line-height: 28px;
  color: #02409c;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage .changeDetail a span {
  color: #000;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage .changeDetail a.next {
  margin-top: 10px;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage a {
  font-size: 16px;
  color: #8b8b8b;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage a:hover {
  color: #000078;
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage .goBack {
  border: 1px solid #eee;
  border-radius: 50%;
  width: 67px;
  height: 67px;
  background: #aaaaaa62 url("/static/default/assets/img/return.png") center no-repeat;
  filter: grayscale(0.4);
}
.container .wrapper #news-detail .wrap .pageContainer .detailPage .goBack:hover {
  background: #02409C url("/static/default/assets/img/return.png") center no-repeat;
}
@media screen and (max-width: 1440px) {
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .sub {
    font-size: 14px;
  }
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .title {
    font-size: 28px;
  }
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer {
    padding: 29px 0px 100px;
  }
}
@media screen and (max-width: 1200px) {
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .sub {
    font-size: 12px;
  }
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .container .wrapper #news-detail .wrap .pageContainer .detailPage {
    flex-direction: column;
    padding: 0;
  }
  .container .wrapper #news-detail .wrap .pageContainer .detailPage .changeDetail a {
    font-size: 12px;
  }
  .container .wrapper #news-detail .wrap .pageContainer .detailPage .goBack {
    margin-top: 20px;
    padding: 9px 20px;
    font-size: 14px;
    width: 40px;
    height: 40px;
    background-size: 20px;
    margin-left: 0;
    margin-right: auto;
  }
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .detailContainer {
    padding: 29px 0px 0px;
  }
}
@media screen and (max-width: 768px) {
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .sub {
    align-items: flex-start;
    height: auto;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 20px !important;
  }
  .container .wrapper #news-detail .wrap .pageContainer .newsDetail .sub span {
    margin: 5px 0;
    width: 50%;
  }
}
.container .wrapper #recruit {
  width: 100%;
  background: url("../images/recruitbj_02.jpg") center no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}
.container .wrapper #recruit .wrap {
  width: 100%;
  box-sizing: border-box;
  padding-top: 50px;
}
.container .wrapper #recruit .wrap .model-text {
  font-size: 16px;
  color: #999999;
  line-height: 36px;
  width: 100%;
  margin: 50px auto auto;
}
.container .wrapper #recruit .wrap .panel1-content {
  width: 100%;
  margin: 80px auto auto;
  padding-bottom: 50px;
}
.container .wrapper #recruit .wrap .panel1-content .content-list {
  width: 100%;
  font-size: 20px;
  color: #000000;
  border-bottom: 1px solid #E9E9E9;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a {
  font-size: 20px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 36px;
  padding: 33px 0;
  border-top: 1px solid #E9E9E9;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a:hover {
  background: #e9e9e95e;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a .item-job {
  flex-basis: 300px;
  padding-left: 28px;
  color: #000000;
  line-height: 36px;
  font-size: 20px;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a .item-address {
  flex-basis: 200px;
  color: #999;
  font-size: 20px;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a .item-people {
  flex-basis: 200px;
  color: #999;
  font-size: 20px;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a .item-Salary {
  min-width: 80px;
  color: #1D1D1D;
  font-size: 20px;
}
.container .wrapper #recruit .wrap .panel1-content .content-list .content-item a .item-btn {
  padding-right: 25px;
  color: #CCC;
  font-size: 20px;
}
.container .wrapper #recruit-detail {
  width: 100%;
  background: url("../images/recruitbj_02.jpg") center no-repeat;
  background-size: cover;
}
.container .wrapper #recruit-detail .wrap .model-title1 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 60px;
  max-width: 1355px;
}
.container .wrapper #recruit-detail .wrap .model-title1 .cn-title {
  font-size: 42px;
  font-weight: 900;
  font-family: siyuan;
  color: #000000;
  position: relative;
  text-align: left;
}
.container .wrapper #recruit-detail .wrap .model-title1 .line {
  margin-top: 20px;
  width: 50px;
  height: 4px;
  background: #000;
  position: absolute;
  left: 0;
  bottom: -20px;
}
.container .wrapper #recruit-detail .wrap .panel1 {
  max-width: 1355px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-title {
  color: #333;
  width: 100%;
  font-size: 38px;
  padding: 80px 0;
  text-align: center;
  border-bottom: 1px solid #E9E9E9;
  text-align: left;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content .content-title {
  font-weight: 400;
  font-size: 24px;
  padding: 33px 0;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content .content-text {
  color: #888;
  line-height: 36px;
  padding-bottom: 60px;
  border-bottom: 1px solid #E9E9E9;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content .content-text .content-end {
  color: #333;
  padding-top: 45px;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content:nth-last-child(1) {
  border-bottom: none;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content:nth-last-child(1) .content-text:nth-last-child(1) {
  border-bottom: none;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-last {
  color: #333333;
  font-size: 16px;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-last .content-text {
  color: #333333;
  font-size: 16px;
  padding: 60px 0 90px;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-btn {
  padding: 0 0 250px;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-btn a {
  color: #5F5F5F;
  width: 200px;
  height: 60px;
  background: #E2E2E2;
  border-radius: 5px;
  border-style: none;
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 60px;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-btn a:nth-child(2) {
  margin-left: 22px;
}
.container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-btn a:hover {
  background: #02409C;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-title {
    font-size: 28px;
    padding: 40px 0;
  }
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content .content-title {
    font-size: 20px;
    padding: 15px 0;
  }
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content .content-text {
    line-height: 26px;
    padding-bottom: 30px;
    font-size: 14px;
  }
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-btn button {
    width: 150px;
    height: 50px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1000px) {
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-title {
    font-size: 20px;
    padding: 20px 0;
  }
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-content .content-title {
    font-size: 16px;
    padding: 10px 0;
  }
  .container .wrapper #recruit-detail .wrap .panel1 .panel1_outer .panel1-btn button {
    width: 100px;
    height: 50px;
    font-size: 14px;
  }
}
.container .wrapper #link {
  width: 100%;
  background: url("../images/recruitbj_02.jpg") center no-repeat;
  background-size: cover;
}
.container .wrapper #link .wrap {
  width: 100%;
  padding-top: 50px;
}
.container .wrapper #link .wrap .map {
  box-sizing: border-box;
  margin: 70px auto 50px;
  width: 100%;
  border-radius: 50px;
}
.container .wrapper #link .wrap .map img {
  border-radius: 50px;
}
.container .wrapper #link .wrap .panel1-link {
  box-sizing: border-box;
  width: 100%;
  font-size: 18px;
  color: #555;
  line-height: 26px;
  padding-bottom:150px;
}

@media screen and (max-width: 1440px) {
  .container .wrapper #link .wrap .panel1-link {
    padding: 40px 0px;
  }
  .container .wrapper #link .wrap .panel1-link .link-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 40px;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item {
    padding: 20px 0;
    flex-basis: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item .item-right {
    max-width: 100%;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .container .wrapper #link .wrap .panel1-link .link-list {
    padding-left: 0;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item .item-right .right-top {
    color: #000;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item .item-right .right-bottom {
    font-size: 14px;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item .item-right {
    flex-grow: 1;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item:nth-child(2),
  .container .wrapper #link .wrap .panel1-link .link-list .link-item:nth-child(3) {
    justify-content: flex-start;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item .item-left {
    width: 80px;
  }
  .container .wrapper #link .wrap .panel1-link .link-list .link-item .item-right {
    width: calc(100% - 100px);
  }
}
.container .wrapper #link .wrap .online-feedback {
  padding-top: 140px;
  width: 100%;
  background: url("../images/feedback.png") center top no-repeat;
  color: #666;
  padding-bottom: 200px;
  background-size: cover;
}
.container .wrapper #link .wrap .online-feedback .feedback-table {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .select {
  width: 100%;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .select select {
  height: 52px;
  width: 100%;
  border: none;
  padding: 0 15px;
  color: #666;
  font-size: 16px;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item {
  padding-left: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 46%;
  height: 52px;
  background: #fff;
  margin-bottom: 25px;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
  font-size: 16px;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item > div {
  font-size: 16px;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item span {
  color: red;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item .item-address {
  width: 86%;
  display: flex;
  justify-content: space-around;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item .item-address .register-allb-s {
  /*去除select边框*/
  border: 0;
  background: transparent;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item .item-address select {
  height: 100%;
  border: 0;
  background: transparent;
  color: #666;
  width: 20%;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item .item-address select option {
  width: 100%;
  height: 100%;
  border-style: none;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top .top-item .item-address select:focus {
  border-style: none;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-top input {
  height: 52px;
  max-width: 430px;
  width: 100%;
  background: #fff;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-bottom {
  height: 144px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  flex-direction: column;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-bottom div {
  width: 100px;
  padding-left: 12px;
  padding-top: 10px;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-bottom div span {
  color: red;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-bottom textarea {
  resize: none;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background: #fff;
  outline: none;
  color: #666;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  line-height: 20px;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-bottom textarea:focus {
  border-style: none;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-btn {
  display: flex;
  justify-content: center;
  padding: 84px;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-btn .submit-btn {
  width: 189px;
  height: 57px;
  line-height: 57px;
  background: #BD1313;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
}
.container .wrapper #link .wrap .online-feedback .feedback-table .table-btn .submit-btn:hover {
  background: var(--dominant-color);
}
@media screen and (max-width: 1440px) {
  .container .wrapper #link .wrap .online-feefback {
    width: 100%;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-title {
    padding: 25px 20px 25px 20px;
    box-sizing: border-box;
    font-size: 30px;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-text {
    font-size: 14px;
    padding: 0 20px 20px;
    box-sizing: border-box;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top {
    max-width: 518px;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top .top-item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-bottom {
    padding-top: 10px;
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 518px;
    width: 100%;
    height: 100px;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-bottom div {
    width: 134px;
  }
}
@media screen and (max-width: 1000px) {
  .container .wrapper #link .wrap .online-feefback .feedback-table {
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top {
    max-width: 100%;
    width: 100%;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top .top-item {
    width: 100%;
    box-sizing: border-box;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top .top-item div {
    min-width: 60px;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top .top-item input {
    max-width: 495px;
    width: 100%;
    height: 100%;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top .top-item .item-address {
    width: 76%;
    position: absolute;
    right: 0;
    justify-content: flex-end;
    padding-right: 20px;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-bottom {
    max-width: 100%;
    width: 100%;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-top .top-item {
    position: relative;
    box-sizing: border-box;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-bottom div {
    width: 100%;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-btn {
    padding: 39px 0;
  }
  .container .wrapper #link .wrap .online-feefback .feedback-table .table-btn .submit-btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #1D863A;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
  }
}
.container .wrapper .number-box {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.container .wrapper .number-box .item {
  text-align: center;
}
.container .wrapper .number-box .item .number {
  color: #1761d0;
  font-size: 24px;
}
.container .wrapper .number-box .item .number span {
  font-size: 72px;
  font-weight: 600;
}
.container .wrapper .number-box .item .top {
  font-size: 16px;
  color: #666;
}


.container.qyhjbox{background:#fff;padding-bottom:170px;}
.qyhj-list{overflow:hidden; min-height:360px;}
.qyhj-list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:35px}
.qyhj-list li{overflow:hidden;}
.qyhj-list li .pic{width:100%;height:auto;overflow:hidden;}
.qyhj-list li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.qyhj-list li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.qyhj-list li .title{text-align:center;font-size:20px;color:#666;}


.container.about-box {
  background: #fff;
}

.container .wrapper .about-box-1 {}
.container .wrapper .about-box-1 .text-box {
  line-height: 2;
  margin-top: 50px;
}
.container .wrapper .about-box-1 .text-box p {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
}
.container .wrapper .about-box-1 .text-box p span {
  font-weight: 600;
  color: #000;
  font-size: 16px;
}
.container .wrapper .about-box-1 .video-box {
  margin-top: 130px;
  position: relative;
}
.container .wrapper .about-box-1 .video-box .video-boxs {
  overflow: hidden;
  border-radius: 50px 100px 50px 50px;
  z-index: 10;
  position: relative;
  cursor: pointer;
}
.container .wrapper .about-box-1 .video-box .video-boxs img {
  width: 100%;
}
.container .wrapper .about-box-1 .video-box .video-boxs::after {
  content: '';
  background: url('../images/video-click.png') no-repeat center;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.container .wrapper .about-box-1 .video-box::after {
  content: '';
  position: absolute;
  width: 100%;
  left: -50px;
  bottom: -50px;
  height: 60%;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 150px 5px rgba(3, 53, 126, 0.17);
  z-index: 0;
}
.container .wrapper .about-box-1 .show-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}
.container .wrapper .about-box-1 .show-box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.container .wrapper .about-box-2 {
  margin-top: 100px;
}
.container .wrapper .about-box-2 .culture {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:60px;
}
.container .wrapper .about-box-2 .culture .item {
  width: 20%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.container .wrapper .about-box-2 .culture .item img {
  width: 100%;
}
.container .wrapper .about-box-2 .culture .item::after {
  content: '';
  background: rgba(0, 19, 48, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.container .wrapper .about-box-2 .culture .item .text {
  position: absolute;
  bottom: -80px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 30px;
  transition: all 0.5s;
  z-index: 10;
}
.container .wrapper .about-box-2 .culture .item .text .number {
  color: #ff0000;
  font-size: 24px;
}
.container .wrapper .about-box-2 .culture .item .text .title {
  font-size: 20px;
  color: #fff;
}
.container .wrapper .about-box-2 .culture .item .text .summary {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 30px;
  margin-top: 40px;
  opacity: 0;
  transition: all 0.5s;
}
.container .wrapper .about-box-2 .culture .item:hover .text {
  bottom: 0;
  transition: all 0.5s;
}
.container .wrapper .about-box-2 .culture .item:hover .summary {
  opacity: 1;
  transition: all 0.5s;
}
.container .wrapper .about-box-2 .culture .item:hover::after {
  background: rgba(0, 19, 48, 0);
  transition: all 0.5s;
}

.container .wrapper .about-box-4 {
  margin-top: 100px;
}
.container .wrapper .about-box-4 .honor-title {
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
}
.container .wrapper .about-box-4 .honor-title .line {
  margin: 20px auto 0;
}
.container .wrapper .about-box-4 .honor {
  background: url('../images/feedback.png') no-repeat center top;
  padding: 120px 0;
  background-size: cover;
}



.container.product {
  background: #fff;padding-bottom:120px;
}


.product-list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:40px}
.product-list li{overflow:hidden;background:#f9f9f9;padding:50px;}
.product-list li .pic{width:100%;height:auto;overflow:hidden;}
.product-list li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.product-list li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.product-list li .pro_name{text-align:center;font-size:20px;color:#666;}


.container.product .product-list {padding-bottom:30px;
overflow:hidden;
}
.container.product .product-list .item {
  width: calc((100% - 120px) / 3);
  margin-right: 60px;
  margin-bottom: 60px;
  background: url('../images/product-bg.jpg') no-repeat center;
  background-size: cover;
  padding: 30px;
}
.container.product .product-list .item:nth-child(3n) {
  margin-right: 0;
}
.container.product .product-list .item .item-img {
  height: 0;
  padding-bottom: 75%;
  position: relative;
}
.container.product .product-list .item .item-img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: all 0.5s;
  max-width: 100%;
  max-height: 100%;
}
.container.product .product-list .item .text {
  text-align: center;
  width: 100%;
}
.container.product .product-list .item .text .title {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.container.product .product-list .item .text .summary {
  font-size: 16px;
  color: #999;
  margin: 10px auto 40px;
}
.container.product .product-list .item:hover img {
  transform: scale(0.8);
  transition: all 0.5s;
}
.container.product .product-box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .container.product .product-box {
    flex-direction: column;
  }
}
.container.product .product-box .productMenu {
  flex-basis: 250px;
  margin-right: 80px;
}
@media screen and (max-width: 1000px) {
  .container.product .product-box .productMenu {
    margin-right: 0;
  }
}
.container.product .product-box .productMenu .item {
  position: relative;
}
.container.product .product-box .productMenu .item .title {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container.product .product-box .productMenu .item .title span {
  font-size: 18px;
  color: #000;
}
@media screen and (max-width: 1000px) {
  .container.product .product-box .productMenu .item .title span {
    font-size: 16px;
  }
}
.container.product .product-box .productMenu .item .title img {
  transform: rotate(180deg);
  transition: all 0.5s;
}
.container.product .product-box .productMenu .item .title.active img {
  transform: rotate(0deg);
}
.container.product .product-box .productMenu .item .item-child {
  margin-bottom: 30px;
  display: none;
}
.container.product .product-box .productMenu .item .item-child a {
  display: block;
  color: #999;
  margin-top: 30px;
  padding-left: 30px;
  font-size: 14px;
}
@media screen and (max-width: 1000px) {
  .container.product .product-box .productMenu .item .item-child a {
    margin-top: 10px;
  }
}
.container.product .product-box .productMenu .item .item-child a.active {
  color: #000;
}
.container.product .product-box .product-list2 {
  flex-basis: calc(100% - 330px);
}
@media screen and (max-width: 1000px) {
  .container.product .product-box .product-list2 {
    margin-top: 30px;
  }
}
.container.product .product-box .product-list .item {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .container.product .product-box .product-list .item {
    width: 100%;
    margin-right: 0;
  }
}
.container.product .product-box .product-list .item:nth-child(3n) {
  margin-right: 0;
}
.container.product .product-box .product-list .item .text {
  margin-bottom: 30px;
}
.container.detail-bg {
  background: #f6f9fe url('../images/detail-bg.jpg') no-repeat center top;
  padding-bottom: 80px;
}
.container.detail-bg .product-detail .detail-img {
  text-align: center;
  height: 0;
  padding-bottom: 50%;
  position: relative;
}
.container.detail-bg .product-detail .detail-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.container.detail-bg .product-detail .text {
  text-align: center;
}
.container.detail-bg .product-detail .text .title {
  font-size: 30px;
  font-weight: 600;
}
.container.detail-bg .product-detail .text .summary {
  font-size: 18px;
  line-height: 2;
  margin-top: 30px;
}
.container.detail-bg .product-detail .text .parameter-tip {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 80px auto 0;
}
.container.detail-bg .product-detail .text .parameter-tip .item {
  text-align: center;
  width: calc(100% / 3);
  margin-bottom: 70px;
}
.container.detail-bg .product-detail .text .parameter-tip .item .key {
  font-size: 36px;
  font-weight: 600;
  color: #000;
}
.container.detail-bg .product-detail .text .parameter-tip .item .value {
  font-size: 16px;
  color: #888;
  margin-top: 5px;
}
.container.detail-bg .product-detail .parameter-box {
  padding-top: 50px;
  max-width: 1100px;
  margin: auto;
}
.container.detail-bg .product-detail .parameter-box .parameter-title {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}
.container.detail-bg .product-detail .parameter-box .parameter-line {
  width: 60px;
  height: 6px;
  background: #000;
  margin: 10px auto 50px;
}
.container.detail-bg .product-detail .parameter-box .parameter-list {
  margin-bottom: 80px;font-size:16px;color:#666;line-height:170%;
}
.container.detail-bg .product-detail .parameter-box .parameter-list .parameter-list-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
.container.detail-bg .product-detail .parameter-box .parameter-list .table {
  width: 100% !important;
}
.container.detail-bg .product-detail .parameter-box .parameter-list .table tr:nth-child(odd) {
  background: #eff4fc;
}
.container.detail-bg .product-detail .parameter-box .parameter-list .table td {
  font-size: 16px;
  color: #666;
  padding: 15px 25px;
  line-height: 1.8;
  vertical-align: baseline;
}
.container.detail-bg .product-detail .parameter-box .parameter-list .table td:first-child {
  width: 260px !important;
  color: #111;
}
.container .product-detail2 .title {
  font-size: 30px;
  color: #000;
  text-align: center;
}

.tag_nav{overflow:hidden;margin:0 auto;padding: 0 0 60px 0;text-align:left;}
.tag_nav a {display: inline-block;padding:0 15px;height: 40px;font-size: 15px;color: #fff;line-height: 40px;border-radius: 8px;margin: 0 6px;background:#888;text-align:center;}
.tag_nav a:hover{}

@media screen and (max-width: 1000px) {
  .container .product-detail2 .title {
    font-size: 24px;
  }
}
.container .product-detail2 .product-detail2-swiper {
  max-width: 1100px;
  margin: 0px auto 30px;
}
.container .product-detail2 .product-detail2-swiper .swiper-container {text-align:center;
  padding-bottom: 0px;
}
.container .product-detail2 .product-detail2-swiper .swiper-container img {
  width:60%;
}
.container .product-detail2 .product-detail2-swiper .swiper-button-prev,
.container .product-detail2 .product-detail2-swiper .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
}
.container .product-detail2 .product-detail2-swiper .swiper-button-prev::after,
.container .product-detail2 .product-detail2-swiper .swiper-button-next::after {
  font-size: 12px;
  color: #333;
}
.container .product-detail2 .product-detail2-swiper .swiper-button-prev:hover,
.container .product-detail2 .product-detail2-swiper .swiper-button-next:hover {
  background: #000;
}
.container .product-detail2 .product-detail2-swiper .swiper-button-prev:hover::after,
.container .product-detail2 .product-detail2-swiper .swiper-button-next:hover::after {
  color: #fff;
}
.container .product-detail2 .product-detail2-swiper .swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  background: #000;
  border-radius: 0;
}
.container .product-detail2 .product-detail2-summary {
  max-width: 1100px;
  margin: 0px auto 0;
  font-size: 16px;
  color: #666666;
  line-height: 1.8;
}
@media screen and (max-width: 1000px) {
  .container .product-detail2 .product-detail2-summary {
    font-size: 14px;
  }
}
.container .product-detail2 .download {
  width: 160px;
  height: 50px;
  display: flex;
  justify-content: center;
  color: #fff;
  background: var(--dominant-color);
  border-radius: 24px;
  margin: 50px auto 500px;
  align-items: center;
  transition: all 0.5s;
}
.container .product-detail2 .download:hover {
  opacity: 0.9;
}
.container .product-detail2 .download img {
  margin-left: 10px;
}
.container .vr-box {
  padding-bottom: 200px;
}
.container .vr-box .item {
  width: 50%;
}
.container .vr-box .item .item-img {
  position: relative;
  margin-left: auto;
  max-width: 510px;
  margin-right: 80px;
}
.container .vr-box .item .item-img::after {
  content: '';
  position: absolute;
  width: 100%;
  left: -30px;
  bottom: -30px;
  height: 80%;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 150px 5px rgba(3, 53, 126, 0.17);
  z-index: 0;
}
.container .vr-box .item .item-img .item-img-box {
  border-radius: 50px 150px 50px 50px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.container .vr-box .item .text {
  padding: 0 50px;
  font-size: 18px;
  color: #666;
  line-height: 2;
}
.container .vr-box .item .text p {
  font-size: 18px;
  color: #666;
  line-height: 2;
}
.container .vr-box .vr-box-1 {
  background: url('../images/vr-2.jpg') no-repeat center top;
  background-size: cover;
}
.container .vr-box .vr-box-1 .vr-box-1-container {
  display: flex;
  justify-content: center;
  margin-top: 120px;
  align-items: center;
}
.container .vr-box .vr-box-2 {
  margin-top: 300px;
  padding: 150px 0 100px;
  background: url('../images/vr-1.png') no-repeat center top;
  background-size: cover;
}
.container .vr-box .vr-box-2 .vr-box-2-container {
  margin-top: 160px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list {
  width: 48%;
  display: flex;
  justify-content: space-between;
  max-width: 650px;
  margin-bottom: 150px;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item {
  width: 55%;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item:nth-child(2n) {
  width: 45%;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item .item-img {
  max-width: 340px;
  margin-right: 0;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item .item-img .item-img-box {
  border-radius: 50px 100px 50px 50px;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item .item-img::after {
  left: -25px;
  bottom: -25px;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item .item-title {
  font-size: 28px;
  color: #275dac;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 40px;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item .text {
  padding: 0;
  margin-left: 40px;
}
.container .vr-box .vr-box-2 .vr-box-2-container .item-list .item .text p {
  color: #888;
}
.container .vr-box .vr-box-3 {
  background: url('../images/vr-8.jpg') no-repeat center;
  margin-top: -50px;
  padding: 400px 0 500px;
  background-size: cover;
  position: relative;
}
.container .vr-box .vr-box-3::before {
  content: '';
  width: 100%;
  background: url('../images/zz3.png') no-repeat center bottom;
  height: 200px;
  position: absolute;
  top: -1px;
  left: 0;
  background-size: contain;
  transform: rotate(180deg);
}
.container .vr-box .vr-box-3::after {
  content: '';
  width: 100%;
  background: url('../images/zz3.png') no-repeat center bottom;
  height: 200px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-size: contain;
}
.container .vr-box .vr-box-3 .vr-title {
  color: #fff;
}
.container .vr-box .vr-box-3 .page-line {
  background: #fff;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper {
  margin-top: 150px;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-img {
  overflow: hidden;
  border-radius: 50%;
  border: 30px solid rgba(255, 255, 255, 0.5);
  width: 48%;
  max-width: 560px;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-text {
  max-width: 720px;
  margin-top: 5%;
  margin-left: 5%;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-text .number {
  width: 75px;
  height: 75px;
  background: #b40f0f;
  font-size: 36px;
  text-align: center;
  line-height: 75px;
  color: #fff;
  position: relative;
  border-radius: 50%;
  margin-right: 10%;
  font-weight: 600;
  margin-left: auto;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-text .number::before {
  content: '"';
  position: absolute;
  right: -40px;
  top: -40px;
  color: #fff;
  font-size: 72px;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-text .number::after {
  content: '';
  background: rgba(255, 255, 255, 0.1);
  width: 95px;
  height: 95px;
  top: -10px;
  left: -10px;
  position: absolute;
  border-radius: 50%;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-text .title {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 50px;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper .swiper-slide .swiper-text .summary {
  font-size: 18px;
  color: #888888;
  line-height: 2;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change {
  width: 50%;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .swiper-slide {
  position: relative;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .swiper-slide .swiper-img {
  border-radius: 50%;
  overflow: hidden;
  border: 10px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  position: relative;
  max-width: 120px;
  opacity: 0.5;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .swiper-slide .title {
  color: #999;
  font-size: 18px;
  text-align: center;
  max-width: 120px;
  margin-top: 10px;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .swiper-slide.swiper-slide-thumb-active .swiper-img {
  border-color: #fff;
  opacity: 1;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .swiper-slide.swiper-slide-thumb-active .title {
  color: #fff;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .swiper-slide::after {
  content: '';
  width: 66%;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 80%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button {
  position: absolute;
  width: 110px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -150px;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button .swiper-button-prev,
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button .swiper-button-next {
  position: inherit;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button .swiper-button-prev:hover,
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button .swiper-button-next:hover {
  background: #b40f0f;
  border-color: #b40f0f;
}
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button .swiper-button-prev::after,
.container .vr-box .vr-box-3 .vr-box-3-swiper-change .change-button .swiper-button-next::after {
  color: #fff;
  font-size: 12px;
}
.container .vr-box .vr-box-4 {
  background: #f0f5fd url('../images/vr-9.jpg') no-repeat center top;
  margin-top: -5px;
  padding-bottom: 500px;
  margin-bottom: -160px;
  padding-top: 20px;
}
.container .vr-box .vr-box-4 .vr-box-4-img {
  text-align: right;
  margin-right: 100px;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container {
  padding: 70px 0;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide {
  background: url('../images/vr-11.jpg') no-repeat center;
  border-radius: 50px 100px 50px 50px;
  background-size: cover;
  padding: 60px 40px;
  transform-origin: center;
  opacity: 0.8 !important;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide::after {
  display: none;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide .number {
  width: 70px;
  height: 70px;
  font-size: 36px;
  font-weight: 600;
  background: var(--dominant-color);
  border: 10px solid #fff;
  color: #fff;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50px;
  line-height: 70px;
  text-align: center;
  box-sizing: content-box;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide .number::after {
  position: absolute;
  right: -60px;
  top: -40px;
  color: #02409c;
  font-size: 50px;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide .title {
  color: #275dac;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 30px;
}
.container .vr-box .vr-box-4 #certify.vr-box-4-swiper .swiper-container .swiper-slide .summary {
  font-size: 16px;
  color: #888;
  line-height: 2;
  text-align: center;
}
.container .sys-box {
  padding-bottom: 200px;
}
.container .sys-box .sys-box-1 {
  background: url('../images/vr-2.jpg') no-repeat center top;
}
.container .sys-box .sys-box-1 .control-system-box1 {
  margin-top: 120px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .sys-box .sys-box-1 .control-system-box1 .item:nth-child(1) {
  flex-basis: 48%;
}
.container .sys-box .sys-box-1 .control-system-box1 .item:nth-child(2) {
  flex-basis: 40.5%;
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-title {
  font-size: 24px;
  color: #02409c;
  font-weight: 600;
  text-align: center;
  margin-top: 50px;
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list .item-list-box {
  margin-right: 30px;
  margin-bottom: 20px;
  flex-basis: calc((100% - 30px) / 2);
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list .item-list-box:nth-child(2n) {
  margin-right: 0;
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list .item-list-box:nth-child(3),
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list .item-list-box:nth-child(4) {
  margin-bottom: 0;
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list .item-list-box .item-img {
  border-radius: 10px;
  box-shadow: 0 0 150px 5px rgba(3, 53, 126, 0.17);
  overflow: hidden;
}
.container .sys-box .sys-box-1 .control-system-box1 .item .item-list .item-list-box .item-title_ {
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-top: 15px;
}
.container .sys-box .control-system-box2 {
  margin-top: 300px;
  padding: 150px 0 500px;
  margin-bottom: -150px;
  background: #f0f5fd url('../images/vr-1.jpg') no-repeat center top;
  background-size: contain;
}
.container .sys-box .control-system-box2 .item-list {
  margin-top: 100px;
}
.container .sys-box .control-system-box2 .item-list:nth-child(1) .item-content .item:nth-child(1) {
  flex-basis: 39.5%;
}
.container .sys-box .control-system-box2 .item-list:nth-child(1) .item-content .item:nth-child(2) {

  flex-basis: 59%;
}
.container .sys-box .control-system-box2 .item-list .item-list-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}
.container .sys-box .control-system-box2 .item-list .item-list-title .number {
  width: 38px;
  height: 38px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 38px;
  color: #fff;
  border-radius: 50%;
  background: #0e49a1;
  overflow: hidden;
}
.container .sys-box .control-system-box2 .item-list .item-list-title .title {
  color: #02409c;
  font-size: 30px;
  font-weight: 600;
  margin-left: 15px;
}
.container .sys-box .control-system-box2 .item-list .item-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .sys-box .control-system-box2 .item-list .item-content .item-title {
  text-align: center;
  font-size: 24px;
  color: #000;
  margin-top: 30px;
}
.container .sys-box .control-system-box2 .item-list.item-list-1 .item:nth-child(1) {
  flex-basis: 39.5%;
}
.container .sys-box .control-system-box2 .item-list.item-list-1 .item:nth-child(2) {
  flex-basis: 59%;
}
.container .sys-box .control-system-box2 .item-list.item-list-1 .item-li {
  height: 25%;
  border-bottom: 1px solid #d5d4d4;
  display: flex;
  align-items: center;
}
.container .sys-box .control-system-box2 .item-list.item-list-1 .item-li .item-li-title {
  font-size: 18px;
  color: #5b5b5b;
  line-height: 1.8;
  padding-left: 50px;
  background: url('../images/sys-17.png') no-repeat left top;
}
.container .sys-box .control-system-box2 .item-list.item-list-2 .item:nth-child(1) {
  flex-basis: 43%;
}
.container .sys-box .control-system-box2 .item-list.item-list-2 .item:nth-child(2) {
  flex-basis: 55%;
}
.container .sys-box .control-system-box2 .item-list.item-list-2 .item-li {
  height: 25%;
  border-bottom: 1px solid #d5d4d4;
  display: flex;
  align-items: center;
}
.container .sys-box .control-system-box2 .item-list.item-list-2 .item-li .item-li-title {
  font-size: 18px;
  color: #5b5b5b;
  line-height: 1.8;
  padding-left: 50px;
  background: url('../images/sys-17.png') no-repeat left top;
}
.container .sys-box .control-system-box2 .item-list.item-list-3 .item:first-child {
  flex-basis: 64%;
}
.container .sys-box .control-system-box2 .item-list.item-list-3 .item:last-child {
  flex-basis: 28%;
}
.container .sys-box .control-system-box2 .item-list.item-list-3 .item-li {
  height: 25%;
  border-bottom: 1px solid #d5d4d4;
  display: flex;
  align-items: center;
}
.container .sys-box .control-system-box2 .item-list.item-list-3 .item-li .item-li-title {
  font-size: 18px;
  color: #5b5b5b;
  line-height: 1.8;
  padding-left: 50px;
  background: url('../images/sys-17.png') no-repeat left top;
}
.container .sys-box .control-system-box2 .item-list.item-list-4 .item {
  flex-basis: 48%;
}
.container .sys-box .control-system-box2 .item-list.item-list-4 .item-li {
  height: 25%;
  border-bottom: 1px solid #d5d4d4;
  display: flex;
  align-items: center;
}
.container .sys-box .control-system-box2 .item-list.item-list-4 .item-li .item-li-title {
  font-size: 18px;
  color: #5b5b5b;
  line-height: 1.8;
  padding-left: 50px;
  background: url('../images/sys-17.png') no-repeat left top;
}
.container .sys-box .control-system-box2 .item-list.item-list-5 .item-content .item {
  flex-basis: calc((100% - 80px) / 2);
  margin-right: 80px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .sys-box .control-system-box2 .item-list.item-list-5 .item-content .item:nth-child(2n) {
  margin-right: 0;
}
.container .sys-box .control-system-box2 .item-list.item-list-5 .item-content .item .item-img {
  flex-basis: 60%;
}
.container .sys-box .control-system-box2 .item-list.item-list-5 .item-content .item .item-title {
  flex-basis: 32%;
  text-align: left;
  margin-top: 0;
}
.container .train-box {
  padding: 100px 0 300px;
}
.container .train-box.train-school-box {
  padding-bottom: 0;
}
.container .train-box.train-school-box .teenager-box-2 {
  background: none;
}
.container .train-box .train-box-1 {
  padding-bottom: 200px;
  scroll-margin: 100px;
  background-size: cover;
}
.container .train-box .train-box-1 .section {
  position: relative;
}
.container .train-box .train-box-1 .dot {
  position: absolute;
  right: 0;
  top: -65px;
}
.container .train-box .train-box-1 .train-box-1-box {
  margin-top: 110px;
  position: relative;
}
.container .train-box .train-box-1 .train-box-1-box .swiper-button-prev,
.container .train-box .train-box-1 .train-box-1-box .swiper-button-next {
  border-radius: 50%;
  border: 2px solid #d2d2d2;
  width: 50px;
  height: 50px;
}
.container .train-box .train-box-1 .train-box-1-box .swiper-button-prev::after,
.container .train-box .train-box-1 .train-box-1-box .swiper-button-next::after {
  color: #d2d2d2;
  font-size: 24px;
}
.container .train-box .train-box-1 .train-box-1-box .swiper-button-prev:hover,
.container .train-box .train-box-1 .train-box-1-box .swiper-button-next:hover {
  border-color: var(--dominant-color);
}
.container .train-box .train-box-1 .train-box-1-box .swiper-button-prev:hover::after,
.container .train-box .train-box-1 .train-box-1-box .swiper-button-next:hover::after {
  color: var(--dominant-color);
}
.container .train-box .train-box-1 .train-box-1-box .swiper-button-prev {
  left: -80px;
}
.container .train-box .train-box-1 .train-box-1-box .swiper-button-next {
  right: -80px;
}
.container .train-box .train-box-1 .train-box-1-box .swiper-container {
  padding-top: 70px;
}
.container .train-box .train-box-1 .train-box-1-box .item {
  background: url('../images/train-6.jpg') no-repeat center;
  background-size: cover;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  padding: 0 60px 100px;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.04);
  height: auto;
}
.container .train-box .train-box-1 .train-box-1-box .item .item-top {
  margin: -65px auto 30px;
  border-radius: 50%;
  overflow: hidden;
}
.container .train-box .train-box-1 .train-box-1-box .item .item-top .item-top-out {
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.container .train-box .train-box-1 .train-box-1-box .item .item-top .item-top-in {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  line-height: 105px;
  text-align: center;
}
.container .train-box .train-box-1 .train-box-1-box .item:nth-child(3n-2) .item-top .item-top-out {
  background: #add3eb;
}
.container .train-box .train-box-1 .train-box-1-box .item:nth-child(3n-2) .item-top .item-top-in {
  background: #275dac;
}
.container .train-box .train-box-1 .train-box-1-box .item:nth-child(3n-1) .item-top .item-top-out {
  background: #bce4b0;
}
.container .train-box .train-box-1 .train-box-1-box .item:nth-child(3n-1) .item-top .item-top-in {
  background: #50ab34;
}
.container .train-box .train-box-1 .train-box-1-box .item:nth-child(3n) .item-top .item-top-out {
  background: #f1ce81;
}
.container .train-box .train-box-1 .train-box-1-box .item:nth-child(3n) .item-top .item-top-in {
  background: #ebab21;
}
.container .train-box .train-box-1 .train-box-1-box .item .item-bottom .title {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.container .train-box .train-box-1 .train-box-1-box .item .item-bottom .summary {
  color: #858585;
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}
.container .train-box .train-box-2 {
  background: url('../images/train-7.jpg') no-repeat center top;
  padding: 100px 0 200px;
}
.container .train-box .train-box-2 .section {
  position: relative;
}
.container .train-box .train-box-2 .dot {
  margin-right: -100px;
  margin-left: auto;
  text-align: right;
}
.container .train-box .train-box-2 .train-box-2-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.container .train-box .train-box-2 .train-box-2-box .item {
  flex-basis: calc((100% - 80px) / 2);
  margin-bottom: 30px;
  background: url('../images/train-6.jpg') no-repeat center;
  background-size: cover;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.04);
  display: flex;
  justify-content: space-between;
  border-radius: 30px;
  padding: 40px;
  align-items: center;
}
.container .train-box .train-box-2 .train-box-2-box .item .item-text {
  width: calc(100% - 150px);
  max-width: 310px;
}
.container .train-box .train-box-2 .train-box-2-box .item .item-text .title {
  font-size: 24px;
  color: #02409c;
  font-weight: 600;
  margin-bottom: 10px;
}
.container .train-box .train-box-2 .train-box-2-box .item .item-text .summary {
  font-size: 18px;
  color: #888;
}
.container .train-box .train-box-2 .train-box-2-box .item .item-img {
  width: 100px;
}
.container .train-box .train-box-3 {
  background: url('../images/train-10.jpg') no-repeat center;
  padding: 200px 0;
  background-size: cover;
  position: relative;
}
.container .train-box .train-box-3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/index-s2-2.png) no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
}
.container .train-box .train-box-3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/index-s2-2.png) no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
  transform: rotate(180deg);
}
.container .train-box .train-box-3 .q_form {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 150px auto;
}
.container .train-box .train-box-3 .q_form label {
  width: calc((100% - 60px) / 2);
  margin: 0 15px 30px;
  position: relative;
}
.container .train-box .train-box-3 .q_form label input {
  width: 100%;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.04);
  height: 70px;
  border-radius: 35px;
  padding: 0 30px;
}
.container .train-box .train-box-3 .q_form label select {
  width: 100%;
  height: 70px;
  font-size: 18px;
  color: #666;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.04);
  border-radius: 35px;
  border: none;
  padding: 0 30px;
  appearance: none;
  background: #fff url('../images/select.png') no-repeat center right 40px;
}
.container .train-box .train-box-3 .q_form label input::placeholder {
  font-size: 18px;
  color: #666;
}
.container .train-box .train-box-3 .q_form button {
  width: 230px;
  height: 70px;
  background: #d80000;
  border-radius: 35px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  border: none;
  margin: 40px auto 30px;
}
.container .train-box .train-box-3 .q_form button:hover {
  background: var(--dominant-color);
}
.container .train-box .train-box-4 {
  background: url('../images/train-11.jpg') no-repeat center top;
}
.container .train-box .train-box-4 .train-box-4-box {
  margin-top: 130px;
}
.container .train-box .train-box-4 .item {
  flex-basis: 50%;
}
.container .train-box .train-box-4 .number {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  line-height: 75px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  background: #b40f0f;
  border: 10px solid #e9f2ff;
  box-sizing: content-box;
  position: relative;
  z-index: 1;
}
.container .train-box .train-box-4 .number::after {
  content: '”';
  color: #02409c;
  font-size: 72px;
  position: absolute;
  right: -50px;
  top: -50px;
}
.container .train-box .train-box-4 .item-img {
  position: relative;
  z-index: 1;
}
.container .train-box .train-box-4 .item-img::after {
  content: '';
  position: absolute;
  width: 100%;
  left: -30px;
  bottom: -30px;
  height: 80%;
  background: #f1f6fe;
  border-radius: 50px;
  box-shadow: 0 0 150px 5px rgba(3, 53, 126, 0.17);
  z-index: 0;
}
.container .train-box .train-box-4 .item-img .item-img-box {
  border-radius: 50px 150px 50px 50px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.container .train-box .train-box-4 .text {
  position: relative;
  z-index: 1;
}
.container .train-box .train-box-4 .text .title {
  font-size: 36px;
  color: #02409c;
  font-weight: 600;
}
.container .train-box .train-box-4 .text .summary {
  color: #888;
  font-size: 16px;
  margin-top: 40px;
  line-height: 1.8;
}
.container .train-box .train-box-4 .text .summary p {
  color: #888;
  font-size: 16px;
}
.container .train-box .train-box-4 .tip {
  color: #b40f0f;
  font-size: 24px;
  font-weight: 600;
}
.container .train-box .train-box-4 .choose-1 {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 300px;
}
.container .train-box .train-box-4 .choose-1 .text {
  padding-right: 100px;
  max-width: 560px;
  margin-right: 0;
  margin-left: auto;
}
.container .train-box .train-box-4 .choose-1 .number {
  margin-left: auto;
  margin-right: 0;
}
.container .train-box .train-box-4 .choose-1 .item-img {
  max-width: 400px;
}
.container .train-box .train-box-4 .choose-1::after {
  content: '';
  top: 0;
  right: 47.5px;
  width: 50%;
  height: 100%;
  position: absolute;
  border-right: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 0 0 50px 0;
}
.container .train-box .train-box-4 .choose-2 {
  margin-top: -47.5px;
  position: relative;
  padding-bottom: 270px;
}
.container .train-box .train-box-4 .choose-2 .number {
  margin: auto;
}
.container .train-box .train-box-4 .choose-2 .item {
  max-width: 950px;
  margin: auto;
}
.container .train-box .train-box-4 .choose-2 .item .text {
  max-width: 790px;
  margin: auto;
}
.container .train-box .train-box-4 .choose-2 .item-img {
  max-width: 100%;
  margin-top: 90px;
}
.container .train-box .train-box-4 .choose-2::after {
  content: '';
  top: 47.5px;
  left: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  border-left: 1px dashed #ddd;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 50px 0 0 50px;
}
.container .train-box .train-box-4 .choose-3 {
  position: relative;
  padding-bottom: 300px;
  padding-top: 300px;
}
.container .train-box .train-box-4 .choose-3 .item-img {
  max-width: 505px;
}
.container .train-box .train-box-4 .choose-3 .item-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .train-box .train-box-4 .choose-3 .item-list:nth-child(1) .choose-3-box {
  position: absolute;
  right: 0;
  top: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .train-box .train-box-4 .choose-3 .item-list:nth-child(1) .choose-3-box .title {
  font-size: 36px;
  color: #02409c;
  font-weight: 600;
  margin-right: 20px;
}
.container .train-box .train-box-4 .choose-3 .item-list:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 180px;
}
.container .train-box .train-box-4 .choose-3 .item-list:nth-child(even) .number {
  margin-left: 0;
  margin-right: auto;
}
.container .train-box .train-box-4 .choose-3 .item-list:nth-child(even) .tip {
  text-align: left;
  padding-left: 40px;
  padding-right: 0;
}
.container .train-box .train-box-4 .choose-3 .item-list:nth-child(even) .tip::after {
  left: 0;
  right: auto;
}
.container .train-box .train-box-4 .choose-3 .number {
  margin-left: auto;
  margin-right: 0;
}
.container .train-box .train-box-4 .choose-3::after {
  content: '';
  top: 47.5px;
  right: 47.5px;
  width: 50%;
  height: 100%;
  position: absolute;
  border-right: 1px dashed #ddd;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 0 50px 50px 0;
}
.container .train-box .train-box-4 .choose-3 .text {
  padding-right: 100px;
}
.container .train-box .train-box-4 .choose-3 .tip {
  position: relative;
  text-align: right;
  padding-right: 40px;
}
.container .train-box .train-box-4 .choose-3 .tip::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b40f0f;
  border: 7px solid #02409c;
  box-sizing: content-box;
}
.container .train-box .train-box-4 .choose-4 {
  position: relative;
  padding-bottom: 100px;
}
.container .train-box .train-box-4 .choose-4 .number {
  left: 10%;
}
.container .train-box .train-box-4 .choose-4 .item-list {
  max-width: 1050px;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.container .train-box .train-box-4 .choose-4 .item-list .item-li {
  flex-basis: calc((100% - 30px) / 2);
  border-radius: 30px;
  overflow: hidden;
}
.container .train-box .train-box-4 .choose-4 .item-list .item-li .item {
  border-radius: 30px;
  overflow: hidden;
}
.container .train-box .train-box-4 .choose-4 .item-list .item-li:last-child .item:last-child {
  margin-top: 30px;
}
.container .train-box .train-box-4 .choose-4::after {
  content: '';
  top: 46.5px;
  left: 0;
  width: 46%;
  height: 100%;
  position: absolute;
  border-left: 1px dashed #ddd;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 50px 0 0 50px;
}
.container .train-box .train-box-5 {
  padding-top: 100px;
  margin-top: 200px;
  position: relative;
}
@media screen and (max-width: 1921px) {
  .container .train-box .train-box-5 {
    background-size: auto;
  }
}
.container .train-box .train-box-5::after {
  content: '';
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/train-22.jpg') no-repeat center top;
  background-size: cover;
}
.container .train-box .train-box-5 .section {
  position: relative;
  z-index: 10;
}
.container .train-box .train-box-5 .model-title .en-title {
  color: rgba(255, 255, 255, 0.02);
}
.container .train-box .train-box-5 .model-title .cn-title {
  color: #fff;
}
.container .train-box .train-box-5 .train-box-5-swiper {
  position: relative;
  max-width: 1750px;
  width: 90%;
  margin: auto;
  z-index: 10;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-container {
  max-width: 1500px;
  padding: 100px 0 120px;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide {
  cursor: pointer;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide .swiper-img {
  border-radius: 50px;
  overflow: hidden;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide .swiper-img img {
  width: 100%;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide .text {
  position: absolute;
  top: 70%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: fit-content;
  transition: all 0.5s;
  z-index: 10;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide .text .title {
  color: #fff;
  font-size: 24px;
  text-align: center;
  opacity: 0.4;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide .text .line {
  width: 40px;
  height: 4px;
  background: #fff;
  margin: 10px auto;
  opacity: 0;
  transition: all 0.5s;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide:hover .text {
  top: 0;
  transition: all 0.5s;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide:hover .text .title {
  opacity: 1;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide:hover .text .line {
  opacity: 1;
  transition: all 0.5s;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide:hover::after {
  background: rgba(2, 22, 53, 0.8);
  transition: all 0.5s;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50px;
  transition: all 0.5s;
  background: linear-gradient(0deg, rgba(2, 22, 53, 0.8), transparent 80%);
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-pagination-progressbar {
  top: auto;
  bottom: 0;
  width: 80%;
  left: 0;
  right: 0;
  margin: auto;
  height: 2px;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #0d62a1;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-button-next,
.container .train-box .train-box-5 .train-box-5-swiper .swiper-button-prev {
  border-radius: 50%;
  border: 2px solid #fff;
  width: 50px;
  height: 50px;
}
.container .train-box .train-box-5 .train-box-5-swiper .swiper-button-next::after,
.container .train-box .train-box-5 .train-box-5-swiper .swiper-button-prev::after {
  color: #fff;
  font-size: 24px;
}
.container .train-box .train-box-6 {
  background: url('../images/train-27.jpg') no-repeat center top;
  padding-top: 250px;
}
.container .train-box .train-box-6 .section {
  position: relative;
}
.container .train-box .train-box-6 .dot {
  position: absolute;
}
.container .train-box .train-box-6 .dot2 {
  position: absolute;
  right: 0;
  top: -65px;
}
.container .train-box .train-box-6 .train-box-6-list {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 180px auto;
}
.container .train-box .train-box-6 .train-box-6-list .item {
  margin-bottom: 30px;
  border-radius: 30px;
  background: #fff url('../images/train-31.png') repeat-x center;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
  box-shadow: 0 0 150px 5px rgba(3, 53, 126, 0.17);
  transition: all 0.5s;
}
.container .train-box .train-box-6 .train-box-6-list .item .item-icon {
  width: 70px;
  height: 70px;
  background: url('../images/train-29.png') no-repeat center;
  background-size: cover;
  flex-basis: 70px;
  margin-right: 30px;
}
.container .train-box .train-box-6 .train-box-6-list .item .item-text {
  flex-basis: calc(100% - 100px);
}
.container .train-box .train-box-6 .train-box-6-list .item .item-text .title {
  font-size: 24px;
  color: var(--dominant-color);
  font-weight: 600;
}
.container .train-box .train-box-6 .train-box-6-list .item .item-text .summary {
  font-size: 18px;
  color: #cccccc;
  display: none;
}
.container .train-box .train-box-6 .train-box-6-list .item:hover {
  background: #275dac url('../images/train-31.png') repeat-x center;
  transition: all 0.5s;
}
.container .train-box .train-box-6 .train-box-6-list .item:hover .item-icon {
  background: url('../images/train-30.png') no-repeat center;
}
.container .train-box .train-box-6 .train-box-6-list .item:hover .item-text .title {
  color: #fff;
}
.container .train-box .teenager-box-1 {
  padding-bottom: 300px;
  scroll-margin: 100px;
}
.container .train-box .teenager-box-1 .summary {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-top: 90px;
  line-height: 1.8;
}
.container .train-box .teenager-box-1 .teenager-box-1-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 100px;
}
.container .train-box .teenager-box-1 .teenager-box-1-box.foster .item {
  width: auto;
}
.container .train-box .teenager-box-1 .item {
  flex-basis: calc((100% - 150px) / 2);
  margin-bottom: 80px;
  position: relative;
}
.container .train-box .teenager-box-1 .item .item-img {
  border-radius: 50px 100px 50px 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.container .train-box .teenager-box-1 .item .item-img img {
  width: 100%;
}
.container .train-box .teenager-box-1 .item::after {
  content: '';
  width: 90%;
  height: 80%;
  left: -30px;
  bottom: -30px;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.17);
  position: absolute;
  border-radius: 50px;
}
.container .train-box .teenager-box-2 {
  background: url('../images/train-38.jpg') no-repeat center top;
  background-size: cover;
}
.container .train-box .teenager-box-2 .number-title {
  display: flex;
  align-items: center;
}
.container .train-box .teenager-box-2 .number-title .number {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #02409c;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 38px;
  margin-right: 20px;
  color: #fff;
}
.container .train-box .teenager-box-2 .number-title .text {
  font-size: 36px;
  font-weight: 600;
  color: #02409c;
}
.container .train-box .teenager-box-2 .teenager-menu {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 100px;
}
.container .train-box .teenager-box-2 .teenager-menu a {
  font-size: 20px;
  margin: 0 20px;
  color: #999;
  padding: 10px 0 10px 50px;
  background: url(../images/soliconh.png) no-repeat center left;
  font-weight: 600;
}
.container .train-box .teenager-box-2 .teenager-menu a:hover {
  color: #02409c;
  background: url(../images/soliconh2.png) no-repeat center left;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list {
  margin-bottom: 120px;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list.teenager-box-2-box-1-list2 {
  margin-bottom: 30px;
}
.container .train-box .teenager-box-2 .teenager-swiper-1 .swiper-slide .item-img {
  border-radius: 50px 100px 50px 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-left: 30px;
  margin-bottom: 30px;
}
.container .train-box .teenager-box-2 .teenager-swiper-1 .swiper-slide::after {
  content: '';
  width: 90%;
  height: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.17);
  border-radius: 50px;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item {
  flex-basis: calc((100% - 40px) / 3);
  border-radius: 20px;
  color: #fff;
  padding: 10px 30px 40px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item .item-number {
  font-size: 120px;
  font-weight: 600;
  line-height: 1;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item .item-title {
  font-size: 30px;
  text-align: right;
  margin-top: 20px;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item:nth-child(1) {
  background: #275dac url('../images/train-31.png') repeat center;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item:nth-child(2) {
  background: #50ab34 url('../images/train-31.png') repeat center;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item:nth-child(3) {
  background: #c8af06 url('../images/train-31.png') repeat center;
  margin-right: 0;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item:nth-child(4) {
  background: #41c2a2 url('../images/train-31.png') repeat center;
}
.container .train-box .teenager-box-2 .teenager-box-2-box-1-list-1 .item:nth-child(5) {
  background: #6896d9 url('../images/train-31.png') repeat center;
  flex-basis: calc(((100% - 20px)/3) * 2);
  margin-right: 0;
}
.container .train-box .teenager-box-2 .teenager-swiper-2-box {
  padding-left: 12%;
  position: relative;
}
.container .train-box .teenager-box-2 .swiper-button-prev {
  width: 52px;
  height: 52px;
  border: 2px solid #4e7dc1;
  border-radius: 50%;
  left: 6%;
}
.container .train-box .teenager-box-2 .swiper-button-prev::after {
  font-size: 16px;
  color: #4e7dc1;
}
.container .train-box .teenager-box-2 .swiper-button-prev:hover {
  border-color: #275dac;
}
.container .train-box .teenager-box-2 .swiper-button-prev:hover::after {
  color: #275dac;
}
.container .train-box .teenager-box-2 .teenager-swiper-2 .swiper-container {
  padding: 50px 0 100px 80px;
}
.container .train-box .teenager-box-2 .teenager-swiper-2 .swiper-slide {
  transition: all 0.5s;
  transform: scale(0.8);
  transform-origin: bottom left;
}
.container .train-box .teenager-box-2 .teenager-swiper-2 .swiper-slide::after {
  content: '';
  width: 90%;
  height: 80%;
  left: -30px;
  bottom: -30px;
  box-shadow: 0 0 50px 5px rgba(3, 53, 126, 0.17);
  position: absolute;
  border-radius: 50px;
}
.container .train-box .teenager-box-2 .teenager-swiper-2 .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: all 0.5s;
}
.container .train-box .teenager-box-2 .teenager-swiper-2 .swiper-slide.swiper-slide-active ~ .swiper-slide {
  transform-origin: bottom right;
}
.container .train-box .teenager-box-2 .teenager-swiper-2 .swiper-slide .item-img {
  border-radius: 50px 100px 50px 50px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .item {
  flex-basis: calc((100% - 80px) / 2);
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .item:nth-child(2) {
  margin-right: 0;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .teenager-swiper-3 {
  margin-top: 80px;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .teenager-swiper-3 #certify .swiper-slide {
  width: 360px;
  background: none;
  transform-origin: center;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .teenager-swiper-3 #certify .swiper-slide .swiper-img {
  border-radius: 30px;
  overflow: hidden;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .teenager-swiper-3 #certify .swiper-slide p {
  color: #333;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .match-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 100px auto 200px;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .match-images img {
  width: 100%;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .match-images .match-images-left {
  flex-basis: calc(34% - 25px);
  margin-right: 25px;
  border-radius: 30px;
  overflow: hidden;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .match-images .match-images-right {
  flex-basis: 66%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .match-images .match-images-right .item-list {
  display: flex;
  justify-content: space-between;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .match-images .match-images-right .item-list .item {
  border-radius: 30px;
  overflow: hidden;
  flex-basis: calc((100% - 25px) / 2);
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images {
  margin-top: 100px;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-top .item {
  flex-basis: calc((100% - 60px) / 4);
  margin-bottom: 20px;
  background: #275dac;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 30px;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-top .item .text {
  padding: 0 20px;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-top .item .text .title {
  font-size: 2vw;
  color: #fff;
  text-align: left;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-top .item .text .sub {
  color: #fff;
  font-size: 2.5vw;
  font-weight: 600;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .space-images .space-bottom .item {
  flex-basis: calc((100% - 40px) / 3);
  margin-bottom: 20px;
  border-radius: 30px;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .harvest-box .number {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #275dac;
  line-height: 70px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.container .train-box .teenager-box-2 .teenager-box-list-2 .harvest-box .item-text {
  max-width: 100%;
  width: calc(100% - 90px);
}
.container .train-box .teenager-box-2 .teenager-box-list {
  margin-bottom: 200px;
}
.container .train-box .pattern-box .section {
  position: relative;
}
.container .train-box .pattern-box .summary {
  max-width: 1180px;
  font-size: 16px;
  color: #666;
  text-align: center;
  margin: 90px auto 0;
  line-height: 1.8;
}
.container .train-box .pattern-box .dot {
  position: absolute;
  right: 0;
  top: -65px;
}
.container .train-box .pattern-box .pattern-table {
  max-width: 1150px;
  margin: 50px auto;
}
.container .train-box .pattern-box .pattern-table table {
  max-width: 100%;
  width: 100%;
}
.container .train-box .pattern-box .pattern-table table tr:nth-child(odd) {
  background: #dee6f3;
}
.container .train-box .pattern-box .pattern-table table tr:nth-child(even) {
  background: #e5ecf7;
}
.container .train-box .pattern-box .pattern-table table tr:first-child {
  background: #275dac;
  color: #fff;
}
.container .train-box .pattern-box .pattern-table table tr th {
  font-size: 18px;
  padding: 20px 30px;
  text-align: left;
}
.container .train-box .pattern-box .pattern-table table tr td {
  padding: 20px 30px;
  font-size: 16px;
}
.container .train-box .pattern-box .pattern-table table tr td:first-child {
  width: 20%;
  padding: 20px 40px;
  color: #888;
}
.container .train-box .pattern-box .pattern-table table tr td:nth-child(2) {
  width: 35%;
}
.container .train-box .pattern-box .pattern-table table tr td:nth-child(3) {
  width: 45%;
}
.container .train-box .curriculum {
  background: url('../images/curriculum-1.jpg') no-repeat center;
  padding: 300px 0;
  background-size: cover;
  position: relative;
}
.container .train-box .curriculum::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/index-s2-1.png) no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
}
.container .train-box .curriculum::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/index-s2-1.png) no-repeat center top;
  width: 100%;
  height: 175px;
  z-index: 10;
  background-size: contain;
  transform: rotate(180deg);
}
.container .train-box .curriculum .en-title {
  color: #072b65;
  opacity: 0.8;
}
.container .train-box .curriculum .cn-title {
  color: #fff;
  z-index: 10;
  position: relative;
}
.container .train-box .curriculum .curriculum-swiper {
  margin-top: 100px;
  position: relative;
}
.container .train-box .curriculum .curriculum-swiper .swiper-button-prev,
.container .train-box .curriculum .curriculum-swiper .swiper-button-next {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.container .train-box .curriculum .curriculum-swiper .swiper-button-prev::after,
.container .train-box .curriculum .curriculum-swiper .swiper-button-next::after {
  color: rgba(255, 255, 255, 0.2);
  font-size: 16px;
}
.container .train-box .curriculum .curriculum-swiper .swiper-button-prev:hover,
.container .train-box .curriculum .curriculum-swiper .swiper-button-next:hover {
  border-color: #fff;
}
.container .train-box .curriculum .curriculum-swiper .swiper-button-prev:hover::after,
.container .train-box .curriculum .curriculum-swiper .swiper-button-next:hover::after {
  color: #fff;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container {
  max-width: 1150px;
  margin: auto;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide {
  position: relative;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide::after {
  content: '';
  width: 100%;
  height: 90%;
  background: #f1f6fe url('../images/train-31.png') repeat center;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 50px 150px 50px 50px;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-left: 30px;
  align-items: center;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .number {
  width: 130px;
  height: 130px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .number::after {
  position: absolute;
  right: -50px;
  top: -50px;
  font-size: 72px;
  color: #02409c;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .number .number-in {
  width: 100px;
  height: 100px;
  background: #b40f0f;
  border-radius: 50%;
  font-size: 36px;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .swiper-img {
  flex-basis: 50%;
  border-radius: 50px 150px 50px 50px;
  overflow: hidden;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .swiper-text {
  flex-basis: 40%;
  text-align: right;
  padding-right: 10%;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .swiper-text .title {
  font-size: 30px;
  color: #02409c;
  font-weight: 600;
  margin-bottom: 30px;
}
.container .train-box .curriculum .curriculum-swiper .swiper-container .swiper-slide .swiper-box .swiper-text .summary {
  color: #888888;
  font-size: 16px;
}
.container .train-box .teachers {
  margin-top: 100px;
}
.container .train-box .teachers .teachers-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 200px;
}
.container .train-box .teachers .teachers-box .item {
  position: relative;
}
.container .train-box .teachers .teachers-box .item:nth-child(1) {
  flex-basis: 40%;
}
.container .train-box .teachers .teachers-box .item:nth-child(2) {
  flex-basis: 50%;
}
.container .train-box .teachers .teachers-box .item img {
  width: 100%;
}
.container .train-box .teachers .teachers-box .item:nth-child(1)::after {
  content: '';
  width: 90%;
  height: 80%;
  left: -30px;
  bottom: -30px;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.17);
  position: absolute;
  border-radius: 50px;
}
.container .train-box .teachers .teachers-box .item .item-img {
  border-radius: 50px 150px 50px 50px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.container .train-box .teachers .teachers-box .item .item-list {
  font-size: 16px;
  color: #666666;
  margin-bottom: 30px;
  padding: 10px 0 10px 50px;
  background: url('../images/teachers-1.png') no-repeat center left;
  background-size: 30px;
}
.container .train-box .teachers .teachers-box .item .item-list span {
  font-weight: 600;
  color: #000;
  font-size: 16px;
}
.container .train-box .students .students-box {
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.container .train-box .students .students-box .item {
  flex-basis: 50%;
}
.container .train-box .students .students-box .item .item-list {
  font-size: 24px;
  color: #fff;
  background: #b9d5ff;
  border-radius: 40px;
  padding: 20px;
  text-align: center;
  margin-bottom: 60px;
}
.container .train-box .students .students-box .item .item-list:nth-child(1) {
  width: 80%;
  margin-right: 0;
  margin-left: auto;
}
.container .train-box .students .students-box .item .item-list:nth-child(2) {
  width: 88%;
}
.container .train-box .students .students-box .item .item-list:nth-child(3) {
  width: 80%;
}
.container .train-box .students .students-box .item .item-list:nth-child(4) {
  width: 88%;
}
.container .train-box .students .students-box .item .item-list:nth-child(5) {
  width: 86%;
  margin-right: 0;
  margin-left: auto;
}
.container .train-box .students .students-box2 {
  max-width: 1100px;
  margin: 0 auto 400px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.container .train-box .students .students-box2 .item {
  position: relative;
  height: fit-content;
}
.container .train-box .students .students-box2 .item::after {
  content: '';
  width: 90%;
  height: 80%;
  left: -30px;
  bottom: -30px;
  box-shadow: 0 0 100px 5px rgba(3, 53, 126, 0.17);
  position: absolute;
  border-radius: 50px;
}
.container .train-box .students .students-box2 .item .item-img {
  border-radius: 50px 150px 50px 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.container .automation-bg {
  background: #f6f9fe url('../images/automation.jpg') no-repeat center top;
}
.container .automation {
  padding-bottom: 300px;
}
.container .automation .top-img-tap {
  display: flex;
  max-width: 1000px;
  justify-content: space-between;
  margin: 0 auto 30px;
  flex-wrap: wrap;
}
.container .automation .top-img-tap .item {
  font-size: 20px;
  color: #999;
  padding: 10px 0 10px 50px;
  background: url(../images/soliconh.png) no-repeat center left;
  font-weight: 600;
  cursor: pointer;
}
.container .automation .top-img-tap .item.active,
.container .automation .top-img-tap .item:hover {
  color: #02409c;
  background: url(../images/soliconh2.png) no-repeat center left;
}
.container .automation .top-img-content .top-img {
  display: none;
}
.container .automation .top-img-content .top-img.active {
  display: block;
}
.container .automation .auto-title-box .auto-title {
  font-size: 48px;
  color: #000;
  font-weight: 600;
  text-align: center;
}
.container .automation .auto-title-box .line {
  margin: 10px auto;
}
.container .automation .automation-box-1 {
  padding-bottom: 50px;
  margin-top: 50px;
}
.container .automation .automation-box-1 .system-box {
  position: relative;
  margin: 150px auto;
  text-align: center;
}
.container .automation .automation-box-1 .system-box .item-box .item {
  max-width: 400px;
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
}
.container .automation .automation-box-1 .system-box .item-box .item::after {
  content: '';
}
.container .automation .automation-box-1 .system-box .item-box .item:nth-child(1) {
  bottom: -110px;
  left: -10%;
}
.container .automation .automation-box-1 .system-box .item-box .item:nth-child(2) {
  top: -70px;
  left: -10%;
}
.container .automation .automation-box-1 .system-box .item-box .item:nth-child(3) {
  top: -70px;
  right: -10%;
}
.container .automation .automation-box-1 .system-box .item-box .item:nth-child(4) {
  bottom: -110px;
  right: -10%;
}
.container .automation .automation-box-1 .system-box .item-box .item .number {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #ef131d;
  font-size: 18px;
  text-align: center;
  line-height: 33px;
  color: #fff;
}
.container .automation .automation-box-1 .system-box .item-box .item .title {
  width: calc(100% - 40px);
  font-size: 18px;
  color: #000;
  margin-left: 10px;
}
.container .automation .product-parameter {
  margin-top: 300px;
  margin-bottom: 200px;
}
.container .automation .product-parameter .product-parameter-tab {
  text-align: center;
  margin: 50px auto 100px;
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  flex-wrap: wrap;
}
.container .automation .product-parameter .product-parameter-tab a {
  font-size: 20px;
  color: #999;
  padding: 10px 0 10px 50px;
  background: url(../images/soliconh.png) no-repeat center left;
  font-weight: 600;
}
.container .automation .product-parameter .product-parameter-tab a.active,
.container .automation .product-parameter .product-parameter-tab a:hover {
  color: #02409c;
  background: url(../images/soliconh2.png) no-repeat center left;
}
.container .automation .product-parameter .product-parameter-box .item {
  display: none;
}
.container .automation .product-parameter .product-parameter-box .item.active {
  display: block;
}
.container .automation .product-introduction {
  padding: 100px 0 0;
  background: url('../images/product-introduction-3.jpg') no-repeat center;
  margin: 200px auto 100px;
  background-size: cover;
  background: #f0f5fd;
  position: relative;
}
.container .automation .product-introduction::before {
  content: '';
  height: 200px;
  background: url('../images/zz3.png') no-repeat center bottom;
  background-size: contain;
  width: 100%;
  position: absolute;
  top: -200px;
  left: 0;
}
.container .automation .product-introduction::after {
  content: '';
  height: 200px;
  background: url('../images/zz3.png') no-repeat center bottom;
  background-size: contain;
  width: 100%;
  position: absolute;
  bottom: -200px;
  left: 0;
  transform: rotate(180deg);
}
.container .automation .product-introduction .product-introduction-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 100px auto 50px;
}
.container .automation .product-introduction .product-introduction-box .item {
  flex-basis: calc(100% / 3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.container .automation .product-introduction .product-introduction-box .item .item-img {
  flex-basis: 45%;
}
.container .automation .product-introduction .product-introduction-box .item .item-text {
  flex-basis: 45%;
}
.container .automation .product-introduction .product-introduction-box .item .item-text .title {
  font-size: 36px;
  color: #02409c;
  font-weight: 600;
}
.container .automation .product-introduction .product-introduction-box .item .item-text .summary {
  color: #778193;
  font-size: 18px;
  margin-top: 20px;
}
.container .automation .product-introduction .product-introduction-box .item .item-text .summary .summary-list {
  margin-bottom: 20px;
  padding-left: 20px;
  position: relative;
}
.container .automation .product-introduction .product-introduction-box .item .item-text .summary .summary-list::after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  background: #02409c;
  border-radius: 50%;
}
.container .automation .fields {
  margin-bottom: 200px;
}
.container .automation .fields .fields-box {
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container .automation .fields .fields-box .item {
  margin-bottom: 30px;
  flex-basis: calc((100% - 80px) / 3);
}
.container .automation .fields .fields-box .item .item-title {
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}
.container .automation .cases {
  margin-bottom: 100px;
}
.container .automation .cases .cases-box {
  margin-top: 100px;
}
.container .automation .cases .cases-text {
  text-align: center;
  margin-top: 40px;
}
.container .automation .cases .cases-text .title {
  font-size: 24px;
  color: #000;
}
.container .automation .facility .facility-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
}
.container .automation .facility .facility-box .item {
  flex-basis: 25%;
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.container .automation .facility .facility-box .item .item-icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .automation .facility .facility-box .item .item-text {
  margin-left: 20px;
}
.container .automation .facility .facility-box .item .item-text .title {
  font-size: 24px;
  font-weight: 600;
}
.container .automation .facility .facility-box .item .item-text .summary {
  font-size: 18px;
  color: #888;
}