* {
  padding: 0;
  margin: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
p {
  margin-bottom: 0;
}
a,
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
.light {
  background: rgba(10, 42, 119, 0.9);
}
.container1200 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.container1400 {
  width: 1400px;
  max-width: 100%;
  margin: 0 auto;
}
.container1700 {
  width: 1700px;
  max-width: 100%;
  margin: 0 auto;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.nav_item ul {
  display: flex;
  justify-content: center;
}
.nav_item ul li {
  margin: 0 5px;
}
.nav_item ul li a {
  display: inline-block;
  text-align: center;
  line-height: 44px;
  border: 1px solid #0072C0;
  color: #666;
  font-size: 15px;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #D4D4D4;
  border-radius: 50%;
}
.nav_item ul li:first-child a {
  width: 102px;
  height: 44px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #D4D4D4;
  border-radius: 22px;
}
.nav_item ul li:last-child a {
  width: 102px;
  height: 44px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #D4D4D4;
  border-radius: 22px;
}
.nav_item ul li:hover:first-child a {
  background: #0072C0;
  color: #fff;
}
.nav_item ul li:hover:last-child a {
  background: #0072C0;
  color: #fff;
}
.header {
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header .mynav-item {
  /*position: relative;*/
}
.header .mynav-item a {
    position: relative;
  color: #fff !important;
  text-transform: uppercase;
  padding-bottom: 13px;
}
.header .mynav-item .subnav {
    padding-top: 30px;
  transition: all 0.9s ease;
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.header .mynav-item .subnav1{
    width: 75%;
}
.header .mynav-item .subnav .subnav-box{
     border-radius: 10px;
    border-bottom: 4px solid #7DAAEE;
    width: 100%;
    background: rgba(255,255,255,0.85);
    padding: 10px;
}
.header .mynav-item .subnav ul {
  display: flex;
  justify-content: space-between;
}
.header .mynav-item .subnav ul li {
   flex: 1;
   /*padding-left: 50px;*/
   padding: 30px 0 30px 50px;
}
.header .mynav-item .subnav ul li:not(:last-child){
    border-right: 1px solid rgba(204, 204, 204, 1);
}
.header .mynav-item .subnav ul li .icon img{
    display: block;
    width: 54px;
    height: 54px;
}
.header .mynav-item .subnav .li-title{
    margin: 20px 0 30px;
}
.header .mynav-item .subnav .li-title a{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #08297A!important;
    line-height: 1;
}
.header .mynav-item .subnav .li-text{
    display: block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666 !important;
    line-height: 36px;
}
.header .mynav-item .subnav .li-text .news{
    font-size: 12px;
    color: rgba(249, 4, 3, 1)!important;
}
.header .mynav-item .subnav .li-text:hover{
    color: #333!important;
}
/*.header .mynav-item .subnav ul li a {*/
/*  color: #666 !important;*/
/*  font-size: 14px;*/
/*}*/
/*.header .mynav-item .subnav ul li:hover a {*/
/*  color: #7DAAEE !important;*/
/*}*/
.header .mynav-item:hover .subnav {
  display: block;
}
.header .navbar {
  padding: 0;
  align-items: center;
}
.header .navbar .navbar-nav {
  padding-right: 0px;
}
.header .navbar .navbar-nav .mynav-item {
  /*position: relative;*/
}
.solution-1 .bg{
    padding-top: 60px;
}
.header .mynav-item a::before {
  width: 48px;
  height: 8px;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  background: url(../img/caidan.png) no-repeat center;
}
.header .navbar .navbar-nav .mynav-item:hover a {
  color: #fff;
}
.header .mynav-item:hover>a::before {
  display: block;
}
.header .mynav-item.active>a::before {
  display: block;
}
.header .navbar-light .navbar-toggler-icon {
  background: url(../img/caidan.png) no-repeat center;
}
.header .nav-icon ul {
  display: flex;
}
.header .nav-icon ul li {
  margin-left: 35px;
}
.header .nav-icon ul li a i {
  font-size: 22px;
  color: #fff !important;
  vertical-align: middle;
}
.header .nav-icon ul li a span {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  padding-left: 10px;
}
.details-share{
    margin-top: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #222222;
}
.details-share ul{
    display: flex;
    margin-left: 16px;
    
}
.details-share ul .icon{
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
}
.details-share ul li{
    margin-right: 11px;
    cursor: pointer;
}
.details-share .icon-weixin,
.details-share .icon-weibo
{
    font-size: 22px;
}
.details-share .icon-toutiao{
    font-size: 24px;
}
.details-share .icon-xiaohongshu{
    font-size: 26px;
}
.details-share ul li .iconfont{
    color: #999;
}
.details-share ul li:hover .iconfont{
    color: #7daaee;
}
#navbarContent {
  justify-content: flex-end;
}
.search-li {
  position: relative;
}
.search_con {
  display: inline-block;
}
.search_input {
  width: 300px;
  position: absolute;
  top: 130%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.search_input input {
  width: 100%;
  height: 40px;
  outline: 0;
  border: 0;
  padding-left: 20px;
}
.search_input .icon-sousuo {
  font-size: 20px;
  color: #000 !important;
}
.search_input button {
  width: 50px;
  height: 40px;
  border: 0;
  outline: 0;
}
.banner .swiper-container-banner .img-box {
  position: relative;
}
.banner .swiper-container-banner .img-box .img-txt {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .swiper-container-banner .img-box .img-txt h5 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 22px;
}
.banner .swiper-container-banner .img-box .img-txt h3 {
  padding-bottom: 25px;
  font-size: 60px;
  color: #fff;
  font-weight: bold;
}
.banner .swiper-container-banner .img-box .img-txt p {
  font-size: 20px;
  width: 80%;
  line-height: 2;
  color: #eee;
  margin: 0 auto;
}
.banner .swiper-container-banner .swiper-pagination-banner {
  padding-bottom: 30px;
}
.banner .swiper-container-banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.5;
  position: relative;
  margin: 0 20px;
}
.banner .swiper-container-banner .swiper-pagination-bullet::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px dashed #fff;
  background: transparent;
  border-radius: 50%;
}
.banner .swiper-container-banner .img-box .img-m{
    display: none;
}
.banner .swiper-container-banner .swiper-pagination-bullet-active {
  position: relative;
  opacity: 1 !important;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)) !important;
}
.banner .swiper-container-banner .swiper-pagination-bullet-active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px dashed #0072C0;
  background: transparent;
  border-radius: 50%;
}
.banner .swiper-container-banner .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: 41px;
  height: 41px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #DFE9F5;
  font-size: 10px;
}
.banner .swiper-container-banner .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: 41px;
  height: 41px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #DFE9F5;
  font-size: 10px;
}
.banner .swiper-container-banner .swiper-button-next:after,
.banner .swiper-container-banner .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
  font-size: 18px;
}
.banner .swiper-container-banner .swiper-button-prev:after,
.banner .swiper-container-banner .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
  font-size: 18px;
}
.banner .swiper-container-banner .swiper-button-prev,
.banner .swiper-container-banner .swiper-container-rtl .swiper-button-next {
  left: 50px;
  right: auto;
}
.banner .swiper-container-banner .swiper-button-next,
.banner .swiper-container-banner .swiper-container-rtl .swiper-button-prev {
  right: 50px;
  left: auto;
}
.h5title {
  padding-top: 60px;
  padding-bottom: 50px;
  text-align: center;
}
.h5title h5 {
  color: #333333;
  font-size: 35px;
  font-weight: bold;
}
.h5title p {
  font-size: 15px;
  color: #222;
  padding-top: 10px;
}
.in-1 {
  position: relative;
}
.in-1 .img-big {
  padding-top: 150px;
}
.in-1 .img-big{
    display: none;
    opacity: 0.3;
    transition: all 2s;
}
.in-1 .img-big.active{
    opacity: 1;
}
.in-1 .img-big.show{
    display: block;
}
.in-1 .list-big {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1400px;
  box-shadow: 0px 0px 33px 7px rgba(113, 139, 167, 0.1);
  z-index: 3;
}
.in-1 .list-big ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.in-1 .list-big ul li {
  background: #fff;
  border-top: 3px solid transparent;
  width: 20%;
  position: relative;
}
.in-1 .list-big ul li .box {
  text-align: center;
  padding: 40px 30px;
}
.in-1 .list-big ul li .box i {
  font-size: 40px;
  transition: all 0.9s ease;
  color: #333;
  display: inline-block;
  padding-bottom: 20px;
}
.in-1 .list-big ul li .box h5 {
  font-size: 18px;
  color: #222222;
}
.in-1 .list-big ul li .box p {
  font-size: 12px;
  color: #AAAAAA;
  padding-top: 5px;
}
.in-1 .list-big ul li .box:hover i {
  transform: translateY(-10px);
}
.in-1 .list-big ul li::before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  background: url(../img/solution.png) no-repeat center;
  background-size: cover;
  width: 16px;
  height: 186px;
}
.in-1 .list-big ul li:last-child::after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/solution.png) no-repeat center;
  background-size: cover;
  width: 16px;
  height: 186px;
}
.in-1 .list-big ul li:hover {
  border-top: 3px solid #7DAAEE;
  transition: all 0.9s ease;
}
.in-1 .list-big ul li:hover .box i {
  color: #7DAAEE;
  transition: all 0.9s ease;
}
.in-1 .list-big ul li:hover .box h5 {
  color: #7DAAEE;
  transition: all 0.9s ease;
}
.in-2 {
  padding-bottom: 50px;
}
.in-2 .swiper-button-prev,
.about-3 .swiper-button-prev,
.solution-4 .swiper-button-prev{
    left: -40px;
}
.in-2 .swiper-button-next,
.about-3 .swiper-button-next,
.solution-4 .swiper-button-next{
    right: -40px;
}
.in-2 .list .detail{
    position: relative;
}
.in-2 .list .detail .item ul {
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
}
.in-2 .list .detail .item ul li {
  /*width: 25%;*/
}
.in-2 .list .detail .item ul li .box {
  text-align: center;
}
.in-2 .list .detail .item ul li .box .img {
  overflow: hidden;
}
.in-2 .list .detail .item ul li .box .img img {
  transition: all 0.9s ease-out;
}
.in-2 .list .detail .item ul li .box .txt h5 {
  color: #000;
  font-size: 18px;
}
.in-2 .list .detail .item ul li .box .txt p {
  font-size: 14px;
  color: #666;
  padding-top: 10px;
}
.in-2 .list .detail .item ul li:hover .img img {
  transform: scale(1.3);
}
.in-2 .list .subtitle {
  padding-top: 80px;
}
.in-2 .list .subtitle ul {
  display: flex;
  justify-content: space-between;
}
.in-2 .list .subtitle ul li {
  cursor: pointer;
  width: 48%;
  background: #F6F7FA;
}
.in-2 .list .subtitle ul li .box {
  padding: 30px;
  text-align: center;
}
.in-2 .list .subtitle ul li .box h5 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
}
.in-2 .list .subtitle ul li .box p {
  font-size: 18px;
  color: #666;
  padding-top: 20px;
}
.in-2 .list .subtitle ul li:hover {
  transition: all 0.9s ease-out;
  background: url(../img/in-pro-bg.jpg) no-repeat center;
}
.in-2 .list .subtitle ul li:hover .box h5 {
  color: #ffff;
}
.in-2 .list .subtitle ul li:hover .box p {
  color: #fff;
}
.in-2 .list .subtitle ul .active {
  /*background: url(../img/beijin.jpg) no-repeat center;*/
}
.in-2 .list .subtitle ul .active .box h5 {
  color: #ffff;
}
.in-2 .list .subtitle ul .active .box p {
  color: #fff;
}
.in-3 .list {
  display: flex;
}
.in-3 .list .left .img {
  position: relative;
}
.in-3 .list .left .img .box {
  position: absolute;
  left: 65%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.in-3 .list .left .img .box h5 {
  font-size: 35px;
  color: #fff;
  font-weight: bold;
}
.in-3 .list .left .img .box p {
  font-size: 15px;
  color: #fff;
}
.in-3 .list .right .fold_wrap {
  width: 100%;
  height: 730px;
  overflow: hidden;
}
.in-3 .list .right .fold_wrap li {
  float: left;
  width: 118px;
  height: 730px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.6s;
}
.in-3 .list .right .fold_wrap li .mask_b {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.in-3 .list .right .fold_wrap li.active .mask_b {
  background: none;
}
.in-3 .list .right .fold_wrap li .mask_b h4 {
  color: #fff;
  width: 30px;
  /*margin-left: 75%;*/
  display: block;
  font: 20px Microsoft Yahei;
  position: absolute;
  right: 22px;
  padding: 30px 0 0 0;
}
.in-3 .list .right .fold_wrap li.big {
  width: 722px;
}
.in-3 .list .right .fold_wrap li .adv_intro {
  width: 92%;
  height: 40px;
  padding: 5px 4%;
  position: absolute;
  left: 0;
  bottom: -50px;
  background: #37D;
  color: #FFF;
  overflow: hidden;
}
.in-3 .list .right .adv_intro_show {
  bottom: 0 !important;
  transition: bottom 0.3s linear 0.3s;
  -webkit-transition: bottom 0.3s linear 0.3s;
}
.in-3 .list .right .pic_auto {
  width: 100%;
  height: 100%;
}
.in-3 .pic_auto{
    background-size: cover !important;
}
.in-3 .list .right .pic_auto1 {
  background: url(../img/in-cse-big1.jpg) no-repeat center 0;
}
.in-3 .list .right .pic_auto2 {
  background: url(../img/in-cse-big1.jpg) no-repeat center 0;
}
.in-3 .list .right .pic_auto3 {
  background: url(../img/in-cse-big1.jpg) no-repeat center 0;
}
.in-3 .list .right .pic_auto4 {
  background: url(../img/in-cse-big1.jpg) no-repeat center 0;
}
.in-3 .list .right .pic_auto5 {
  background: url(../img/in-cse-big1.jpg) no-repeat center 0;
}
.in-4 .list {
  display: flex;
  justify-content: space-between;
}
.in-4 .list .left {
  width: 45%;
}
.in-4 .list .left .img {
  overflow: hidden;
}
.in-4 .list .left .img img {
  transition: all 0.7s ease-in-out;
}
.in-4 .list .left .txt {
  padding: 20px;
  background: #F6F6F6;
}
.in-4 .list .left .txt h5 {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  padding-bottom: 20px;
}
.in-4 .list .left .txt p {
  font-size: 15px;
  color: #666;
  padding-bottom: 20px;
}
.in-4 .list .left .txt span {
  font-size: 15px;
  color: #666;
}
.in-4 .list .left:hover .img img {
  transform: scale(1.09);
}
.in-4 .list .left:hover .txt {
  background: #7DAAEE;
}
.in-4 .list .left:hover .txt h5,
.in-4 .list .left:hover .txt p,
.in-4 .list .left:hover .txt span {
  color: #fff;
}
.in-4 .list .right {
  width: 53%;
}
.in-4 .list .right ul li {
  background: #F6F6F6;
  margin-bottom: 4%;
}
.in-4 .list .right ul li .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.in-4 .list .right ul li .box .img {
  overflow: hidden;
  width: 33.5%;
}
.in-4 .list .right ul li .box .img img {
    width: 100%;
  transition: all 0.7s ease-in-out;
}
.in-4 .list .right ul li .box .txt {
  padding: 10px;
}
.in-4 .list .right ul li .box .txt h5 {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  padding-bottom: 20px;
}
.in-4 .list .right ul li .box .txt p {
  font-size: 15px;
  color: #666;
  padding-bottom: 20px;
}
.in-4 .list .right ul li .box .txt span {
  font-size: 15px;
  color: #666;
}
.in-4 .list .right ul li:hover {
  background: #7DAAEE;
}
.in-4 .list .right ul li:hover .box .img img {
  transform: scale(1.09);
}
.in-4 .list .right ul li:hover .box .txt h5,
.in-4 .list .right ul li:hover .box .txt p,
.in-4 .list .right ul li:hover .box .txt span {
  color: #fff;
}
.in-5 {
  padding-bottom: 40px;
}
.in-5 .list{
      position: relative;
      margin-bottom: 60px;
  }
  .solution-3 .list,
  .solution-5 .list{
      position: relative;
  }
.in-5 .list  .swiper-button-next, 
.in-5 .list .swiper-button-prev,
.about-5 .list  .swiper-button-next, 
.about-5 .list .swiper-button-prev{
    /*width: 16.2px;*/
    /*height: 24.4px;*/
    transform: translateY(-50%);
    margin-top: 0;
}
.in-5 .list  .swiper-button-next,
.about-5 .list  .swiper-button-next,
.solution-3 .list  .swiper-button-next,
.solution-5 .list  .swiper-button-next{
    right: -40px;
    /*margin-top: -130px;*/
}
.in-5 .list  .swiper-button-prev,
.about-5 .list  .swiper-button-prev,
.solution-3 .list  .swiper-button-prev,
.solution-5 .list  .swiper-button-prev{
    left: -40px;
    /*margin-top: -130px;*/
}
.solution-5 .list .swiper-button-prev,
.solution-5 .list  .swiper-button-next{
    margin-top: -130px;
}
.in-5 .list  .swiper-button-next:after, .in-5 .list  .swiper-button-prev:after,
.about-5 .list  .swiper-button-next:after, .about-5 .list  .swiper-button-prev:after{
    /*font-size: 30px;*/
}
.in-5 .list .swiper-container-planter {
  /*padding-bottom: 60px;*/
}
.in-5 .list .swiper-container-planter .box {
  text-align: center;
  border: 1px solid #eee;
  overflow: hidden;
}
.in-5 .list .swiper-container-planter .box img {
  transition: ease all 0.9s;
  width: 200px;
  height: 100px;
}
.in-5 .list .swiper-container-planter .box:hover {
  border: 1px solid #5D75B1;
}
.in-5 .list .swiper-container-planter .box:hover img {
  transform: scale(1.2);
}
footer {
  background: url(../img/footer-bg.jpg) no-repeat center;
  background-size: cover;
}
footer .list {
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  padding-top: 65px;
}
footer .list .moblie {
  display: none;
  width: 100%;
}
footer .list .moblie .con_ul {
  padding: 0;
  margin: 0;
  overflow: auto;
}
footer .list .moblie .con_ul li {
  color: #fff;
  list-style: none;
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #5D75B1;
}
footer .list .moblie .con_ul li:last-child {
  border-bottom: 0;
}
footer .list .moblie .con_ul li .title {
  padding-right: 20px;
  background-image: url(../img/down.png);
  background-position: 100% 0px;
  background-repeat: no-repeat;
}
footer .list .moblie .con_ul li .title.act {
  padding-right: 20px;
  background-image: url(../img/up.png);
  background-position: 100% 0px;
  background-repeat: no-repeat;
}
footer .list .moblie .con {
  display: none;
  padding: 5px;
  margin: 10px 0;
}
footer .list .moblie .con p {
  padding: 5px 0;
}
footer .list .moblie .con p a {
  color: #eee;
  font-size: 14px;
}
footer .list .left {
  width: 40%;
}
footer .list .left .box h6 {
  font-size: 14px;
  color: #fff;
  padding-bottom: 5px;
}
footer .list .left .box h5 {
  font-size: 34px;
  color: #fff;
  padding-bottom: 10px;
}
footer .list .left .box p {
  font-size: 14px;
  color: #5E76B2;
  padding-bottom: 5px;
}
footer .list .left .box .img {
  text-align: center;
  padding-top: 10px;
  width: 100px;
}
footer .list .left .box span {
  display: block;
  font-size: 14px;
  color: #5D75B1;
  text-align: center;
  padding-top: 5px;
}
footer .list .right {
  width: 60%;
}
footer .list .right .footer-ul {
  display: flex;
  justify-content: space-between;
}
footer .list .right .footer-ul li {
  color: #fff;
}
footer .list .right .footer-ul li ul {
  padding-top: 14px;
}
footer .list .right .footer-ul li ul li {
  padding-bottom: 8px;
}
footer .list .right .footer-ul li ul li a {
  font-size: 14px;
  color: #5D75B1;
  display: inline-block;
  transition: all 0.5s ease-in-out;
}
footer .list .right .footer-ul li ul li:hover a {
  transform: translateX(10px);
  color: #fff;
}
footer .select-box{
    position: relative;
    margin-top: 20px;
     width: 240px;
}
footer .select-box .select-t {
    display: block;
    padding: 0 15px;
    background: #fff url(../img/ea.png) no-repeat 95% center;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}
footer .select-box .select-c{
    display: none;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    /*padding-bottom: 3px;*/
}

footer .select-box .select-c li{
    background-color: #fff;
    border-bottom: 1px solid #385290;
}
footer .select-box .select-c li a{
    display: block;
    padding: 0 15px;
     line-height: 35px;
    font-size: 14px;
}
footer .footer-bottom {
  border-top: 1px solid #5D75B1;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
footer .footer-bottom p {
  font-size: 13px;
  color: #5D75B1;
}
footer .footer-bottom p a {
  font-size: 13px;
  color: #5D75B1;
}
.banner-item {
  position: relative;
}
.banner-item .txt {
  position: absolute;
  top: 50%;
  left: 13%;
  transform: translateY(-50%);
}
.banner-item .txt h5 {
  font-size: 46px;
  color: #fff;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.banner-item .txt em {
  display: inline-block;
  width: 89px;
  height: 5px;
  background: #FFFFFF;
}
.banner-item .txt h6 {
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  padding-top: 20px;
}
.banner-item .txt p {
  font-size: 28px;
  color: #ddd;
  padding-top: 20px;
}
.subtitle {
  width: 100%;
  background: #7DAAEE;
}
.subtitle ul {
  display: flex;
}
.subtitle ul li {
 
  width: 10%;
  text-align: center;
}
.subtitle ul li a {
     display: block;
      padding: 25px 0;
  font-size: 17px;
  color: #fff;
}
.subtitle ul li:hover {
  background: #fff;
}
.subtitle ul li:hover a {
  color: #7DAAEE;
}
.subtitle ul .active {
  background: #fff;
}
.subtitle ul .active a {
  color: #7DAAEE;
}
.pro-list {
  padding: 80px 0;
}
.pro-list .title{
    font-size: 22px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(228, 234, 236, 1);
}
.pro-list .title span{
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
}
.pro-list .title span:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background: #7DAAEE;
}
.pro-list .list ul {
  margin-left: -0.1%;
}
.pro-list .list ul li {
  transition: all 0.4s ease-in-out;
  margin-left: 0.1%;
  margin-bottom: 0.1%;
  border: 1px solid #eee;
  float: left;
  width: 24.9%;
  padding: 20px;
}
.pro-list .list ul li .box {
  text-align: center;
}
.pro-list .list ul li .box .img {
  height: 336px;
  line-height: 336px;
}
.pro-list .list ul li .box p {
  font-size: 17px;
  color: #222;
  padding-top: 10px;
}
.pro-list .list ul li:hover {
  box-shadow: 0px 0px 50px 0px rgba(148, 158, 174, 0.2);
}
.pro-list .list ul li:hover .box p {
  color: #7DAAEE;
}
.page {
  padding-top: 20px ;
  padding-bottom: 180px;
}
.page ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page ul li {
  margin: 0 4px;
}
.page ul li a {
  font-size: 14px;
  color: #666;
  background: #eee;
  display: inline-block;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.page ul li:last-child a {
  width: 102px;
  border-radius: 30px;
}
.page ul li:first-child a {
  width: 102px;
  border-radius: 30px;
}
.page ul .active a {
  background: #7DAAEE;
  color: #fff;
}
.page ul li:hover a {
  background: #7DAAEE;
  color: #fff;
}
.support-1 {
  background: url(../img/support-bg1.jpg) no-repeat center;
}
.support-1 .txt {
  padding-top: 130px;
  padding-bottom: 80px;
  text-align: center;
}
.support-1 .txt h5 {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding-bottom: 49px;
}
.support-1 .txt p {
  font-size: 14px;
  color: #333;
  padding-bottom: 20px;
  width: 74%;
  margin: 0 auto;
  line-height: 2;
}
.support-2 {
  background: #F6F6F6;
}
.support-2 .title {
  text-align: center;
  padding-top: 91px;
  padding-bottom: 50px;
}
.support-2 .title h5 {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.support-2 .list {
  padding-bottom: 80px;
}
.support-2 .list ul {
  display: flex;
  justify-content: space-between;
}
.support-2 .list ul li {
  text-align: center;
  cursor: pointer;
  width: 19%;
}
.support-2 .list ul li .box {
  transition: all 0.9s ease;
  border-bottom: 2px solid transparent;
  background: #fff;
  padding: 50px 20px;
}
.support-2 .list ul li .box .img img {
  transition: all 0.9s ease;
}
.support-2 .list ul li .box .text h5 {
  font-size: 21px;
  color: #333;
  font-weight: bold;
  padding: 20px 0;
}
.support-2 .list ul li .box .text p {
  font-size: 14px;
  color: #555;
  line-height: 2;
}
.support-2 .list ul li .box:hover {
  border-bottom: 2px solid #7DAAEE;
  transform: translateY(-10px);
}
.support-2 .list ul li .box:hover .text h5 {
  color: #5D75B1;
}
.support-2 .list ul li .box:hover .text p {
  color: #5D75B1;
}
.support-2 .list ul li .box:hover .img img {
  transform: translateY(-10px);
}
.support-3 {
  padding-bottom: 50px;
}
.support-3 .txt {
  padding: 100px 0;
  text-align: center;
}
.support-3 .txt h5 {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.server {
  background: url(../img/server-bg.jpg) no-repeat center;
  background-size: cover;
}
.server .box {
  padding-top: 50px;
  padding-bottom: 180px;
}
.server .box .list {
  background: #fff;
}
.server .box .list .item {
  width: 60%;
  margin: 0 auto;
  padding: 40px;
}
.server .box .list .item .server-1 h5 {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding-bottom: 20px;
}
.server .box .list .item .server-1 textarea {
  width: 100%;
  height: 300px;
  border: 1px solid #eee;
  resize: none;
  outline: 0;
  padding: 20px;
  color: #aaa;
  font-size: 14px;
  margin-bottom: 25px;
}
.server .box .list .item .server-1 .label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.server .box .list .item .server-1 .label h5 {
  font-size: 16px !important;
  color: #333 !important;
  font-weight: bold !important;
}
.server .box .list .item .server-1 input {
  font-size: 14px !important;
  color: #aaa;
}
.server .box .list .item .server-2 {
  padding-top: 20px;
}
.server .box .list .item .server-2 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.server .box .list .item .server-2 ul li {
  margin-bottom: 6%;
  width: 49%;
}
.server .box .list .item .server-2 ul li h5 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 20px;
}
.server .box .list .item .server-2 ul li input {
  width: 100%;
  height: 49px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  padding-left: 15px;
  font-size: 14px;
  outline: 0;
}
.server .box .list .item .server-2 ul li ::-webkit-input-placeholder {
  color: #aaa;
}
.server .box .list .item .btn-a a {
  display: inline-block;
  line-height: 52px;
  text-align: center;
  width: 167px;
  height: 52px;
  background: #7DAAEE;
  color: #fff;
}
.server .box .list .item .btn-a a i {
  display: inline-block;
  padding-left: 10px;
  transition: all 0.8s ease-in-out;
}
.server .box .list .item .btn-a:hover a i {
  transform: translateX(10px);
}
.download {
  padding-top: 60px;
}
.download .title ul {
  padding-bottom: 60px;
  border-bottom: 1px solid #eee;
  display: flex;
}
.download .title ul li {
  margin-right: 5%;
}
.download .title ul li a {
  font-size: 18px;
  color: #666;
}
.download .title ul li:hover a {
  color: #7DAAEE;
  border-bottom: 3px solid #7DAAEE;
  padding-bottom: 10px;
}
.download .title ul .active a {
  color: #7DAAEE;
  border-bottom: 3px solid #7DAAEE;
  padding-bottom: 10px;
}
.download .list {
  padding-bottom: 50px;
}
.download .list ul li {
  padding: 25px 30px;
  border-bottom: 1px solid #eee;
}
.download .list ul li .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download .list ul li .box .txt p {
  font-size: 14px;
  color: #7DAAEE;
  padding-bottom: 10px;
}
.download .list ul li .box .txt h5 {
  font-size: 20px;
  color: #222;
  font-weight: 500;
}
.download .list ul li .box .btn-download a {
  width: 109px;
  height: 39px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  display: inline-block;
  line-height: 39px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.download .list ul li .box .btn-download a i {
  display: inline-block;
  color: #666;
  font-size: 18px;
  padding-right: 10px;
}
.download .list ul li:hover {
  background: #F2F6FD;
}
.download .list ul li:hover .btn-download a {
  background: #7DAAEE;
  color: #fff;
}
.download .list ul li:hover .btn-download a i {
  color: #fff;
}
.case .list {
  padding-top: 60px;
}
.case .list ul {
  margin-left: -2%;
}
.case .list ul li {
  margin-left: 2%;
  margin-bottom: 4%;
  float: left;
  width: 48%;
}
.case .list ul li .box .img {
  overflow: hidden;
}
.case .list ul li .box .img img {
  transition: all 0.6s ease-in;
}
.case .list ul li .box .txt {
  transition: all 0.9s ease;
  padding: 30px;
  background: #FAFAFA;
}
.case .list ul li .box .txt h5 {
  font-size: 24px;
  color: #222;
  font-weight: bold;
}
.case .list ul li:hover .box .img img {
  transform: scale(1.1);
}
.case .list ul li:hover .box .txt {
  box-shadow: 0px 0px 50px 0px rgba(148, 158, 174, 0.15);
  background: #fff;
}
.case .list ul li:hover .box .txt h5 {
  color: #7DAAEE;
}
.case-detail .list {
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
  padding-top: 80px;
}
.case-detail .list .left {
  padding: 0 50px;
  width: 40%;
}
.case-detail .list .left .title {
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}
.case-detail .list .left .title h5 {
  font-size: 26px;
  color: #222;
  font-weight: bold;
  padding-bottom: 10px;
}
.case-detail .list .left .title span {
  font-size: 15px;
  color: #222;
}
.case-detail .list .left .txt {
  padding-top: 40px;
}
.case-detail .list .left .txt p {
  font-size: 15px;
  color: #888;
  padding-bottom: 10px;
}
.case-detail .list .left .txt span {
  font-size: 15px;
  color: #888;
  line-height: 2;
  padding-top: 30px;
  display: inline-block;
  text-align: justify;
}
.case-detail .list .right {
  width: 60%;
}
.solution .list {
  padding-top: 60px;
  padding-bottom: 50px;
}
.solution .list ul {
  margin-left: -2%;
}
.solution .list ul li {
  margin-left: 2%;
  float: left;
  width: 48%;
  margin-bottom: 4%;
}
.solution .list ul li .box .img {
  overflow: hidden;
}
.solution .list ul li .box .img img {
  transition: all 0.6s ease-in-out;
}
.solution .list ul li .box .txt {
  padding: 20px;
}
.solution .list ul li .box .txt h5 {
  font-size: 24px;
  color: #222;
  font-weight: bold;
}
.solution .list ul li .box:hover .img img {
  transform: scale(1.1);
}
.solution .list ul li .box:hover .txt h5 {
  color: #7DAAEE;
}
.solution-bg .img {
  position: relative;
}
.solution-bg .img .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.solution-bg .img .txt h5 {
  font-size: 45px;
  color: #fff;
  font-weight: bold;
}
.solution-bg .img .txt p {
  line-height: 2;
  color: #aaa;
  padding-top: 30px;
}
.solution-1 .bg {
  background: #f7f7f7;
}
.solution-1 .bg .title {
  text-align: center;
}
.solution-1 .bg .title h5 {
  font-size: 34px;
  color: #333;
  font-weight: bold;
  padding-bottom: 60px;
}
.solution-1 .bg .list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

ul {}
.solution-1 .bg .list ul li {
  width: 24%;
  margin-bottom: 30px;
}
.solution-1 .bg .list ul li .box {
  border-top: 3px solid #7DAAEE;
  background: #fff;
  padding: 20px 30px;
}
.solution-1 .bg .list ul li .box i {
  display: inline-block;
  font-size: 40px;
  color: #D8D8D8;
}
.solution-1 .bg .list ul li .box p {
  color: #CDCDCD;
  text-transform: uppercase;
  font-size: 16px;
  padding-bottom: 10px;
}
.solution-1 .bg .list ul li .box h5 {
  font-size: 22px;
  color: #222;
  font-weight: bold;
  padding-bottom: 10px;
}
.solution-1 .bg .list ul li .box em {
  margin: 10px 0;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #EFEFEF;
}
.solution-1 .bg .list ul li .box em::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #7DAAEE;
  width: 25%;
  height: 2px;
}
.solution-1 .bg .list ul li .box span {
  font-size: 14px;
  color: #666;
}
.solution-2 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #F7F7F7;
}
.solution-2 .title {
  text-align: center;
}
.solution-2 .title h5 {
  font-size: 34px;
  color: #333;
  font-weight: bold;
  padding-bottom: 60px;
}
.solution-2 .list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* margin-bottom: 30px; */
}
.solution-2 .list ul li {
  width: 49%;
  margin-bottom: 30px;
}
.solution-2 .list ul li .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 40px;
}
.solution-2 .list ul li .box .txt {
  width: 60%;
}
.solution-2 .list ul li .box .txt h5 {
  font-size: 22px;
  color: #222;
  font-weight: bold;
}
.solution-2 .list ul li .box .txt em {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #EFEFEF;
}
.solution-2 .list ul li .box .txt em::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 25%;
  height: 2px;
  background: #7DAAEE;
}
.solution-2 .list ul li .box .txt p {
  font-size: 13px;
  line-height: 2;
  color: #666;
  padding-top: 20px;
}
.solution-2 .list ul li .box .img {
  width: 40%;
  overflow: hidden;
}
.solution-2 .list ul li .box .img img {
  height: 190px;
  transition: all 0.9s ease;
}
.solution-2 .list ul li .box:hover .img img {
  transform: scale(1.09);
}
.solution-3 {
  background: url(../img/solution-detail-bg1.jpg) no-repeat center;
  background-size: cover;
}
.solution-3 .title {
  text-align: center;
  padding-top: 78px;
  padding-bottom: 59px;
}
.solution-3 .title h5 {
  font-size: 34px;
  color: #fff;
  font-weight: bold;
}
.solution-3 {
  padding-bottom: 80px;
}
.solution-3 .list .swiper-container-server .box {
  padding: 50px 30px;
  text-align: center;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(100, 138, 197, 0.1);
  border-radius: 10px;
}
.solution-3 .list .swiper-container-server .box .img img {
  height: 57px;
  transition: all 0.6s ease;
}
.solution-3 .list .swiper-container-server .box .txt h5 {
  font-size: 24px;
  color: #7DAAEE;
  padding: 20px;
}
.solution-3 .list .swiper-container-server .box .txt p {
  font-size: 14px;
  color: #666;
}
.solution-3 .list .swiper-container-server .box:hover .img img {
  transform: translateY(-10px);
}
.solution-4 {
  padding-top: 87px;
  padding-bottom: 50px;
}
.solution-4 .title {
  text-align: center;
}
.solution-4 .title h5 {
  font-size: 34px;
  color: #333;
  font-weight: bold;
}
.solution-4 .list {
  padding-top: 50px;
  padding-bottom: 50px;
}
.solution-4 .content{
    position: relative;
}
.solution-4 .list ul {
  /*display: flex;*/
  /*justify-content: space-between;*/
}
.solution-4 .list ul li {
  text-align: center;
  /*width: 23%;*/
}
.solution-4 .list ul li .box {
  border-bottom: 2px solid transparent;
  transition: all 0.9s ease-in-out;
  padding: 30px;
  box-shadow: 0px 0px 40px 0px rgba(100, 138, 197, 0.2);
  border-radius: 10px;
}
.solution-4 .list ul li .box .img {
  height: 267px;
  line-height: 267px;
  overflow: hidden;
}
.solution-4 .list ul li .box .img img {
  transition: all 0.9s ease-in-out;
}
.solution-4 .list ul li .box p {
  padding-top: 20px;
  color: #666;
}
.solution-4 .list ul li .box:hover {
  border-bottom: 2px solid #5D75B1;
  transform: translateY(-10px);
}
.solution-4 .list ul li .box:hover .img img {
  transform: scale(1.2);
}
.solution-5 .title {
  text-align: center;
  padding-bottom: 60px;
}
.solution-5 .title h5 {
  font-size: 34px;
  color: #333;
  font-weight: bold;
}
.solution-5 .list {
  padding-bottom: 80px;
}
.solution-5 .list .swiper-container-jingping {
  padding-top: 10px;
}
.solution-5 .list .swiper-container-jingping .box {
  transition: all 0.9s ease;
}
.solution-5 .list .swiper-container-jingping .box .img {
  overflow: hidden;
}
.solution-5 .list .swiper-container-jingping .box .img img {
  transition: all 0.9s ease-in;
}
.solution-5 .list .swiper-container-jingping .box .txt {
  padding: 10px;
}
.solution-5 .list .swiper-container-jingping .box .txt h5 {
  font-size: 20px;
  color: #222;
  font-weight: bold;
  padding: 20px 0;
}
.solution-5 .list .swiper-container-jingping .box .txt p {
  font-size: 14px;
  color: #666;
  height: 84px;
  overflow: hidden;
}
.solution-5 .list .swiper-container-jingping .box:hover {
  transform: translateY(-10px);
  /*background: #f8f8f8;*/
}
.solution-5 .list .swiper-container-jingping .box:hover .img img {
  transform: scale(1.2);
}
.solution-5 .list .swiper-container-jingping .box:hover .txt h5 {
  color: #5D75B1;
}
.news .list {
  padding-top: 50px;
}
.news .list ul li {
  transition: all 0.9s ease;
  margin: 30px;
  margin-bottom: 4%;
  border-bottom: 1px solid #eee;
}
.news .list ul li .box {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news .list ul li .box .txt {
  padding: 20px;
  width: 70%;
}
.news .list ul li .box .txt h5 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  padding-bottom: 20px;
}
.news .list ul li .box .txt p {
  font-size: 14px;
  color: #6666;
  line-height: 2;
  padding-right: 30px;
  padding-bottom: 20px;
  overflow: hidden;
  height: 100px;
}
.news .list ul li .box .txt span {
  font-size: 18px;
  color: #999;
}
.news .list ul li .img {
  width: 30%;
  overflow: hidden;
}
.news .list ul li .img img {
  transition: all 0.7s ease-in-out;
}
.news .list ul li:hover {
  box-shadow: 0px 0px 40px 0px rgba(139, 160, 191, 0.15);
  border-bottom: 1px solid #7DAAEE;
}
.news .list ul li:hover .box .txt h5 {
  color: #7DAAEE;
}
.news .list ul li:hover .box .img img {
  transform: scale(1.06);
}
.news-detail {
  padding-top: 50px;
  padding-bottom: 150px;
}
.news-detail .title {
  text-align: center;
  padding: 30px 0;
  border-bottom: 1px solid #ebebee;
}
.news-detail .title h5 {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding-bottom: 20px;
}
.news-detail .title p {
  color: #999;
}
.news-detail .list {
  padding-top: 30px;
}
.news-detail .list img{
    max-width: 100%!important;
}
.news-detail .list p {
  font-size: 15px;
  color: #666;
  line-height: 2;
  padding: 10px 0;
}
.news-detail .list .img {
  overflow: hidden;
  padding: 20px 0;
}
.news-detail .list .img img {
  height: 100%;
  /*transition: all 0.9s ease;*/
}
.news-detail .list .img:hover img {
  /*transform: scale(1.09);*/
}
.join-bg {
  position: relative;
}
.join-bg .txt {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.join-bg .txt h5 {
  font-size: 65px;
  color: #fff;
  padding-bottom: 30px;
  letter-spacing: 8px;
}
.join-bg .txt h6 {
  font-size: 18px;
  text-transform: uppercase;
  color: #888;
  padding-bottom: 60px;
}
.join-bg .txt p {
  color: #fff;
  font-size: 18px;
  height: 89px;
  background: #7DAAEE;
  width: 100%;
  line-height: 89px;
}
.about-1 .list {
  display: flex;
  justify-content: space-between;
  padding-top: 132px;
  max-width: 1400px;
  margin: auto;
}
.about-1 .list .left {
  width: 50%;
  /*padding-left: 271px;*/
}
.about-1 .list .left .txt h5 {
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding-bottom: 30px;
  line-height: 1.5;
}
.about-1 .list .left .txt p {
  font-size: 15px;
  color: #666;
  line-height: 2;
  padding-bottom: 10px;
}
.about-1 .list .right {
  width: 36%;
}
.about-2 {
  padding-top: 40px;
}
.about-2 .list {
  padding: 50px;
  background: url(../img/FUJICA.png) no-repeat left;
}
.about-2 .list ul {
  display: flex;
  justify-content: flex-end;
}
.about-2 .list ul li {
  width: 200px;
  text-align: center;
}
.about-2 .list ul li h5 {
  font-size: 60px;
  font-family: fantasy;
  color: #333;
  font-weight: bold;
}
.about-2 .list ul li h5 span {
  font-size: 60px;
  color: #333;
  font-weight: bold;
}
.about-2 .list ul li p {
  color: #333;
  padding-top: 10px;
}
.about-3 {
  background: url(../img/about-bg1.jpg) no-repeat center;
  background-size: cover;
}
.about-3 .title {
  padding-top: 50px;
  padding-bottom: 100px;
  text-align: center;
}
.about-3 .title p {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.about-3 .title h5 {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  padding-top: 10px;
}
.about-3 .list {
    position: relative;
  padding-top: 80px;
}
.about-3 .list .swiper-container-wenhua .box {
  padding: 40px;
  background: rgba(125, 170, 238, 0.7);
}
.about-3 .list .swiper-container-wenhua .box .img {
  padding-bottom: 20px;
}
.about-3 .list .swiper-container-wenhua .box .img img {
  display: inline-block;
  transition: all 0.6s ease;
}
.about-3 .list .swiper-container-wenhua .box .txt h5 {
  font-size: 24px;
  color: #fff;
  padding: 20px 0;
}
.about-3 .list .swiper-container-wenhua .box .txt p {
  font-size: 16px;
  color: #fff;
  height: 48px;
  overflow: hidden;
}
.about-3 .list .swiper-container-wenhua .box:hover .img img {
  transform: translateY(-10px);
}
.about-3 .list .swiper-container-wenhua .swiper-button-next:after,
.about-3 .list .swiper-container-wenhua .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
  font-size: 28px;
  color: #fff;
}
.about-3 .list .swiper-container-wenhua .swiper-button-prev:after,
.about-3 .list .swiper-container-wenhua .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
  font-size: 28px;
  color: #fff;
}
.about-3 .list .swiper-container-wenhua .swiper-button-prev,
.about-3 .list .swiper-container-wenhua .swiper-container-rtl .swiper-button-next {
  left: -5px;
  right: auto;
}
.about-3 .list .swiper-container-wenhua .swiper-button-next,
.about-3 .list .swiper-container-wenhua .swiper-container-rtl .swiper-button-prev {
  right: -5px;
  left: auto;
}
.about-4 {
  background: url(../img/about-bg2.jpg) no-repeat center;
  background-size: cover;
}
.about-4 .title {
  padding: 50px 0;
  text-align: center;
}
.about-4 .title p {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
.about-4 .title h5 {
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.about-4 .list {
  padding-bottom: 40px;
}
.about-4 .list .gallery-top .swiper-button-prev:after,
.about-4 .list .gallery-top .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
  font-size: 28px ;
}
.about-4 .list .gallery-top .swiper-button-next:after,
.about-4 .list .gallery-top .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
  font-size: 28px ;
}
.about-4 .list .gallery-top .box {
  background: #fff;
  padding: 60px 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.about-4 .list .gallery-top .box .img {
  overflow: hidden;
}
.about-4 .list .gallery-top .box .img img {
  transition: all 0.9s ease;
}
.about-4 .list .gallery-top .box .year h5 {
  font-size: 80px;
  color: #7DAAEE;
  font-weight: bold;
  font-family: fantasy;
}
.about-4 .list .gallery-top .box .txt {
  border-left: 1px solid #eee;
  width: 50%;
  padding-left: 60px;
}
.about-4 .list .gallery-top .box .txt h6 {
  color: #333;
  padding-bottom: 10px;
}
.about-4 .list .gallery-top .box .txt p {
  font-size: 14px;
  color: #333;
}
.about-4 .list .gallery-thumbs {
  padding: 40px 0 ;
  width: 50%;
}
.about-4 .list .gallery-thumbs .img {
  text-align: center;
}
.about-4 .list .gallery-thumbs .img img {
  transition: all ease 0.9s;
}
.about-4 .list .gallery-thumbs .img p {
  font-family: fantasy;
  padding-top: 10px;
  font-size: 20px;
}
.about-4 .list .gallery-thumbs .swiper-slide-thumb-active .img img {
  transform: scale(1.2) !important;
}
.about-4 .list .gallery-thumbs .swiper-slide-thumb-active .img p {
  color: #7DAAEE;
}
.about-4 .list .gallery-thumbs .swiper-slide-visible .img img {
  transform: scale(0.7);
}
.about-5 {
  padding-bottom: 50px;
}
.about-5 .list{
    position: relative;
    margin-bottom: 80px;
}
.about-5 .title {
  padding-top: 40px;
  padding-bottom: 60px;
  text-align: center;
}
.about-5 .title p {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
.about-5 .title h5 {
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.about-5 .list .swiper-container-ry {
  padding: 0 20px;
  padding-top: 20px;
  /*padding-bottom: 80px;*/
}
.about-5 .list .swiper-container-ry .box {
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(150, 179, 223, 0.2);
  padding: 20px;
}
.about-5 .list .swiper-container-ry .box img {
  transition: all 0.9s ease;
  margin-bottom: 15px;
}
.about-5 .list .swiper-container-ry .box p{
    font-size: 14px;
}
.about-5 .list .swiper-container-ry .box:hover img {
  animation: memscUL 0.8s ease-in-out both;
}
.about-5 .list .swiper-container-ry .box:hover p {
  color: #5D75B1;
}
.about-6 {
  background: url(../img/about-bg3.jpg) no-repeat center;
  background-size: cover;
}
.about-6 .list {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
.about-6 .list .left {
  width: 30%;
}
.about-6 .list .left p {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.about-6 .list .left h5 {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
}
.about-6 .list .right {
  overflow-y: scroll;
  height: 486px;
  width: 70%;
  padding-right: 10px;
}
.about-6 .list .right .subtitle1 {
  background: rgba(255, 255, 255, 0.4);
}
.about-6 .list .right .subtitle1 ul {
  padding: 20px 0;
  display: flex;
  justify-content: space-around;
}
.about-6 .list .right .subtitle1 ul li {
  width: 20%;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.about-6 .list .right .con_ul1 {
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.about-6 .list .right .con_ul1 li {
  list-style: none;
}
.about-6 .list .right .con_ul1 li .title {
  padding: 20px 0;
  margin: 5px 0;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-around;
  background-image: url(../img/down.png);
  background-position: 98% 15px;
  background-repeat: no-repeat;
}
.about-6 .list .right .con_ul1 li .title p {
  color: #fff;
  width: 20%;
  text-align: center;
}
.about-6 .list .right .con_ul1 li .title.act {
  background-image: url(../img/up.png);
  background-position: 98% 15px;
  background-repeat: no-repeat;
}
.about-6 .list .right .con {
  background-color: #7DAAEE;
  display: none;
  padding: 20px 40px;
}
.about-6 .list .right .con h6 {
  color: #fff;
  font-size: 14px;
  padding: 10px 0;
}
.about-6 .list .right .con p {
  color: #fff;
  font-size: 14px;
  padding-bottom: 5px;
}
#style-1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #7DAAEE;
  border-radius: 10px;
  background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #7DAAEE;
  background-color: #555;
}
.about-7{
    margin: 60px 0;
}
.about-7 .img-sub{
    display: none;
}
.about-7 .img {
  position: relative;
  display: flex;
  justify-content:space-between;
}
.about-7 .img .list {
  display: flex;
  padding-left: 40px;
  box-sizing: box-sizing;
  /*align-items: flex-end;*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 25%;*/
  /*transform: translate(-50%, -50%);*/
}
.about-7 .map{
    flex: 1;
}
.about-7 .img .list .img-item {
  margin-right: 10px;
  padding: 50px 40px;
  background: #fff;
  box-shadow: 0px 0px 20px 15px #eee;
}
.about-7 .img .list .img-item h6 {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.about-7 .img .list .img-item ul {
  padding-top: 20px;
}
.about-7 .img .list .img-item ul li {
  padding: 15px 0;
}
.about-7 .img .list .img-item ul li .box {
  display: flex;
}
.about-7 .img .list .img-item ul li .box .box-img {
  overflow: hidden;
  padding-right: 20px;
}
.about-7 .img .list .img-item ul li .box .box-img img {
  transition: all 0.9s ease;
}
.about-7 .img .list .img-item ul li .box .txt h5 {
  font-size: 18px;
  color: #333;
}
.about-7 .img .list .img-item ul li .box .txt p {
  font-size: 15px;
  color: #666;
}
.about-7 .img .list .img-item ul li:hover .box .box-img img {
  transform: rotate(360deg);
}
.about-7 .img .list .img-sub .bg {
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 20px 15px #eee;
}
.about-7 .img .list .img-sub .bg p {
  font-size: 15px;
  color: #666;
  text-align: center;
}
.pro-detail {
  background: url(../img/pro-detail-bg.jpg) no-repeat center;
  background-size: cover;
}
.pro-detail .list {
  padding-top: 81px;
  padding-bottom: 80px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.pro-detail .list .left {
  text-align: center;
  width: 50%;
}
.pro-detail .list .left .img {
  padding: 40px;
  overflow: hidden;
}
.pro-detail .list .left .img img {
  transition: all 0.9s ease;
}
.pro-detail .list .left:hover .img img {
  transform: scale(1.09);
}
.pro-detail .list .right {
  width: 50%;
}
.pro-detail .list .right h5 {
  color: #10307E;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 40px;
}
.pro-detail .list .right h6 {
  color: #222;
  padding-bottom: 25px;
}
.pro-detail .list .right p {
  font-size: 14px;
  color: #222;
  line-height: 2;
}
.pro-detail2 {
  background: #f8f8f8;
}
.pro-detail2 .list {
  background: #fff;
  padding-bottom: 50px;
}
.pro-detail2 .list .img {
  text-align: center;
  padding: 40px 0;
}
@media (max-width:400px){
    .subtitle ul li {
        padding: 10px 0;
        width: 100px !important;
        flex-shrink: 0 !important;
        text-align: center;
    }
    .subtitle ul{
      overflow: scroll;
    }
}
@media (max-width: 767px) {
    /*.in-1 .list-big ul li{*/
    /*    width: 50%;*/
    /*}*/
    .subtitle ul li {
    padding: 10px 0;
    width: 93px;
    flex-shrink: 0;
    text-align: center;
}
    .in-1 .list-big ul,.subtitle ul{
  overflow: scroll;
    }
    .in-1 .list-big ul li{
        width: 150px;
        flex-shrink: 0;
    }
  .subnav {
    display: none !important;
  }
  .pro-detail .list .left {
    text-align: center;
    width: 100%;
  }
  .pro-detail .list .right {
    padding-top: 50px;
    text-align: center;
    width: 100%!important;
  }
  .pro-detail .list {
    padding-top: 81px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .download .list ul li .box .txt p {
    font-size: 12px;
    color: #7DAAEE;
    padding-bottom: 10px;
  }
  .download .list ul li .box .txt h5 {
    font-size: 14px;
    color: #222;
    font-weight: 500;
  }
  .download .list ul li .box .btn-download a i {
    display: inline-block;
    color: #666;
    font-size: 12px;
    padding-right: 10px;
  }
  .download .list ul li .box .btn-download a {
    width: 71px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #666;
  }
  .download .list ul li {
    padding: 17px 7px;
    border-bottom: 1px solid #eee;
  }
  .download .title ul {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    display: flex;
  }
  .download {
    padding-top: 29px;
  }
  .download .title ul li a {
    font-size: 12px;
    color: #666;
  }
  .server .box .list .item .server-2 ul li h5 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .server .box .list .item .server-1 h5 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .server .box .list .item .server-1 textarea {
    width: 100%;
    height: 151px;
    border: 1px solid #eee;
    resize: none;
    outline: 0;
    padding: 20px;
    color: #aaa;
    font-size: 14px;
    margin-bottom: 25px;
  }
  .server .box {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .server .box .list .item .btn-a a {
    display: inline-block;
    line-height: 38px;
    text-align: center;
    width: 114px;
    height: 38px;
    background: #7DAAEE;
    color: #fff;
    font-size: 14px;
  }
  .server .box .list .item .server-2 ul li input {
    width: 100%;
    height: 49px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    padding-left: 15px;
    font-size: 12px;
    outline: 0;
  }
  .server .box .list .item {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  .case-detail .list .left .txt span {
    font-size: 12px;
    color: #888;
    line-height: 2;
    padding-top: 30px;
    display: inline-block;
    text-align: justify;
  }
  .case-detail .list .left .txt p {
    font-size: 12px;
    color: #888;
    padding-bottom: 10px;
  }
  .case-detail .list .left .title h5 {
    font-size: 18px;
    color: #222;
    font-weight: bold;
    padding-bottom: 10px;
  }
  .case .list ul li .box .txt {
    transition: all 0.9s ease;
    padding: 10px;
    background: #FAFAFA;
  }
  .news-detail .title {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #ebebee;
  }
  .news-detail {
    padding-top: 8px;
    padding-bottom: 30px;
  }
  .news-detail .title h5 {
    line-height: 2;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .news-detail .list p {
    font-size: 12px;
    color: #666;
    line-height: 2;
    padding: 10px 0;
  }
  .solution-5 .list .swiper-container-jingping .box .txt h5 {
    font-size: 18px;
    color: #222;
    font-weight: bold;
    padding: 20px 0;
  }
  .solution-5 .list {
    padding-bottom: 39px;
  }
  .solution-5 .title {
    text-align: center;
    padding-bottom: 30px;
  }
  .solution-5 .title h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
  }
  .solution-4 .list {
    padding-top: 50px;
    padding-bottom: 11px;
  }
  .solution-4 .list ul li .box {
    padding: 30px;
    box-shadow: 0px 0px 40px 0px rgba(100, 138, 197, 0.1);
    border-radius: 10px;
    margin-bottom: 4%;
  }
  .solution-4 .list ul li .box .img {
    height: 198px;
    line-height: 198px;
  }
  .solution-4 .list ul li {
    text-align: center;
    width: 49%;
  }
  .solution-4 .list ul {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
  }
  .solution-4 .title h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
  }
  .solution-4 {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .solution-3 .list {
    padding-bottom: 40px;
  }
  .solution-3 .title h5 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .solution-3 .title {
    text-align: center;
    padding-top: 43px;
    padding-bottom: 44px;
  }
  .solution-2 .list ul li .box .txt h5 {
    font-size: 18px;
    color: #222;
    font-weight: bold;
  }
  .solution-2 .list ul li {
    width: 100%;
    margin-bottom: 4%;
  }
  .solution-2 .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .solution-2 .title h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 35px;
  }
  .solution-2 {
    padding-top: 30px;
    padding-bottom: 40px;
    background: #F7F7F7;
  }
  .solution-1 .bg .list ul li .box p {
    color: #CDCDCD;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 10px;
  }
  .solution-1 .bg .list ul li .box span {
    font-size: 12px;
    color: #666;
  }
  .solution-1 .bg .list ul li .box h5 {
    font-size: 18px;
    color: #222;
    font-weight: bold;
    padding-bottom: 10px;
  }
  .solution-1 .bg .list ul li {
    margin-bottom: 4%;
    width: 100%;
  }
  .solution-1 .bg .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .solution-1 .bg .title h5 {
    padding-top: 30px;
    font-size: 24px;
    color: #222;
    font-weight: bold;
    padding-bottom: 24px;
  }
  .mt {
    margin-top: 0 !important;
  }
  .solution-bg .img .txt {
    padding: 0 20px;
    width: 100%;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .solution-bg .img .txt p {
    font-size: 12px;
    line-height: 2;
    color: #aaa;
    padding-top: 30px;
  }
  .solution-bg .img .txt h5 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .solution-bg .img {
    position: relative;
  }
  .solution-bg .img img {
    height: 350px;
    object-fit: cover;
  }
  .case-detail .list .right {
    padding-top: 30px;
    width: 100%;
  }
  .case-detail .list .left .txt {
    padding-top: 20px;
  }
  .case-detail .list .left .title {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  .case-detail .list .left {
    padding: 0 ;
    width: 100%;
  }
  .case-detail .list {
    padding-bottom: 50px;
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    flex-wrap: wrap;
  }
  .case .list ul li .box .txt h5 {
    font-size: 14px;
    color: #222;
    font-weight: bold;
  }
  .about-7 .img .list .img-item ul li .box .txt p {
    font-size: 12px;
    color: #666;
  }
  .about-7 .img .list .img-item ul li .box .txt h5 {
    font-size: 12px;
    color: #333;
  }
  .about-7 .img .list .img-item h6 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
  }
  .about-7 .img .list .img-item {
    margin-right: 10px;
    padding: 20px 19px;
    background: #fff;
    box-shadow: 0px 0px 20px 15px #eee;
  }
  .about-7 .img .list {
    padding: 30px;
    display: flex;
    align-items: flex-end;
    position: relative;
    top: 0;
    left: 0%;
    transform: none;
  }
  .about-6 .list .right .con_ul1 li .title.act {
    background-image: url(../img/up.png);
    background-position: 102% 15px;
    background-repeat: no-repeat;
  }
  .about-6 .list .right .con_ul1 li .title {
    padding: 20px 0;
    margin: 5px 0;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-around;
    background-image: url(../img/down.png);
    background-position: 102% 15px;
    background-repeat: no-repeat;
  }
  .about-6 .list .right .con_ul1 li .title p {
    color: #fff;
    width: 20%;
    text-align: center;
    font-size: 12px;
  }
  .about-6 .list .right .subtitle1 ul li {
    width: 20%;
    text-align: center;
    color: #fff;
    font-size: 14px;
  }
  .about-6 .list .right {
    overflow-y: scroll;
    height: 486px;
    width: 100%;
    padding-right: 10px;
  }
  .about-6 .list .left h5 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .about-6 .list .left p {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
  }
  .about-6 .list .left {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
  }
  .about-6 .list {
    padding-top: 30px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about-5 .title h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
  }
  .about-5 .title p {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
  }
  .about-5 .title {
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
  }
  .about-4 .title {
    padding: 24px 0;
    text-align: center;
  }
  .about-4 .title h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
  }
  .about-4 .title p {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
  }
  .about-3 .title p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  }
  .about-3 .title h5 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
  }
  .about-4 .list .gallery-thumbs {
    padding: 40px 10px;
    width: 75%;
  }
  .about-4 .list .gallery-top .box .year h5 {
    padding: 20px 0;
    font-size: 60px;
    color: #7DAAEE;
    font-weight: bold;
    font-family: initial;
  }
  .in-2 .list .subtitle ul li .box p {
    font-size: 14px;
    color: #666;
    padding-top: 20px;
  }
  .solution .list ul li .box .txt {
    padding: 10px;
  }
  .in-2 .list .subtitle ul li .box {
    padding: 10px;
    text-align: center;
  }
  .in-2 .list .subtitle ul li .box h5 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
  }
  .in-1 .list ul li .box {
    text-align: center;
    padding: 20px 13px;
  }
  .in-1 .list ul li .box h5 {
    font-size: 16px;
    color: #222222;
  }
  .banner .swiper-container-banner .img-box .img-txt {
    text-align: center;
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px;
  }
  .about-4 .list .gallery-thumbs .img p {
    font-family: none;
    padding-top: 10px;
    font-size: 20px;
  }
  .about-4 .list .gallery-top .box .txt {
    border-left: none;
    width: 100%;
    padding-left: 0px;
  }
  .about-4 .list .gallery-top .box .img {
    width: 100%;
  }
  .about-4 .list .gallery-top .box .img img {
    width: 100%;
  }
  .about-4 .list .gallery-top .box {
    background: #fff;
    padding: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
  }
  .about-3 .list .swiper-container-wenhua {
    padding: 0 ;
  }
  .about-3 .title {
    padding-top: 25px;
    padding-bottom: 1px;
    text-align: center;
  }
  .about-2 {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .about-2 .list ul li h5 span {
    font-size: 28px;
    color: #333;
    font-weight: bold;
  }
  .about-2 .list ul li {
    width: 100%;
    text-align: center;
  }
  .about-2 .list ul li p {
    color: #333;
    padding-top: 10px;
    font-size: 12px;
  }
  .about-2 .list ul li h5 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    font-family: none;
  }
  .about-2 .list {
    padding: 5px;
    background: url(../img/FUJICA.png) no-repeat left;
    background-size: contain;
  }
  .about-1 .list .right {
    width: 100%;
    padding: 10px 30px;
  }
  .about-1 .list .left .txt p {
    font-size: 14px;
    color: #666;
    line-height: 2;
    padding-bottom: 10px;
  }
  .about-1 .list .left .txt h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
    line-height: 1.5;
  }
  .about-1 .list .left {
    width: 100%;
    padding-left: 0px;
    padding: 0 30px;
  }
  .about-1 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 50px;
  }
  .subtitle ul li a {
    font-size: 12px;
    color: #fff;
  }
  .news .list ul li {
    transition: all 0.9s ease;
    margin: 0px;
    margin-bottom: 4%;
    border-bottom: 1px solid #eee;
  }
  .news .list ul li .box .txt p {
    font-size: 14px;
    color: #6666;
    line-height: 2;
    padding-right: 0px;
    padding-bottom: 20px;
    overflow: hidden;
    height: 114px;
  }
  .news .list ul li .box .txt h5 {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .news .list ul li .img {
    width: 100%;
    overflow: hidden;
  }
  .news .list ul li .box .txt {
    padding: 20px;
    width: 100%;
  }
  .news .list ul li .box {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .join-bg .txt p {
    color: #fff;
    font-size: 12px;
    height: 50px;
    background: #7DAAEE;
    width: 100%;
    line-height: 50px;
  }
  .join-bg .txt h6 {
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
    padding-bottom: 20px;
  }
  .navbar-brand .img-fluid{
      max-width: 150px;
  }
  .join-bg .txt h5 {
    font-size: 18px;
    color: #fff;
    padding-bottom: 16px;
    letter-spacing: 8px;
  }
  .join-bg img {
    height: 350px;
    object-fit: cover;
  }
  .support-3 .txt h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
  }
  .support-2 .title h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
  }
  .support-3 .txt {
    padding: 40px 0;
    text-align: center;
  }
  .support-2 .list ul li .box .text p {
    height: 80px;
    overflow: hidden;
  }
  .support-2 .list ul li {
    text-align: center;
    width: 49%;
    margin-bottom: 2%;
  }
  .support-2 .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .support-2 .title {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 31px;
  }
  .support-1 .txt h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .support-1 .txt {
    padding-top: 30px;
    padding-bottom: 32px;
    text-align: center;
  }
  .support-1 .txt p {
    font-size: 14px;
    color: #333;
    padding-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    line-height: 2;
  }
  .page {
    padding-top: 20px;
    padding-bottom: 89px;
  }
  .pro-list .list ul li {
    transition: all 0.4s ease-in-out;
    margin-left: 0.1%;
    margin-bottom: 0.1%;
    border: 1px solid #eee;
    float: left;
    width: 49.9%;
    padding: 20px;
  }
  .pro-list {
    padding: 46px 0;
  }
  .join-bg .txt {
    text-align: center;
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px;
  }
  .subtitle ul li {
    padding: 10px 0;
    width: 26%;
    text-align: center;
  }
  .banner-item .txt {
    position: absolute;
    top: 61%;
    left: 13%;
    transform: translateY(-50%);
  }
  .banner-item .txt p {
    font-size: 12px;
    color: #ddd;
    padding-top: 10px;
  }
  .banner-item .txt h6 {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    padding-top: 6px;
  }
  .solution .list ul li .box .txt h5 {
    font-size: 12px;
    color: #222;
    font-weight: bold;
  }
  .banner-item .txt h5 {
    font-size: 20px;
    color: #fff;
    padding-bottom: 5px;
    text-transform: uppercase;
  }
  .banner-item img {
    height: 350px;
    object-fit: cover;
  }
  footer .footer-bottom {
    flex-wrap: wrap;
  }
  footer .list .moblie {
    width: 100%;
    display: block;
  }
  footer .list .left {
    padding-top: 30px;
    width: 100%;
  }
  footer .list {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    padding-top: 65px;
    flex-wrap: wrap;
  }
  footer .list .right {
    display: none;
  }
  .in-5 {
    padding-bottom: 30px;
  }
  
  .in-4 .list .left .txt h5 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .in-4 .list .right ul li .box .txt p {
    font-size: 12px;
    color: #666;
    padding-bottom: 10px;
  }
  .in-4 .list .right ul li .box .txt h5 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px;
  }
  .in-4 .list .right ul li .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
  .in-4 .list .left {
    width: 100%;
  }
  .in-4 .list .right {
    margin-top: 20px;
    width: 100%;
  }
  .in-4 .list {
    flex-wrap: wrap;
  }
  .in-2 {
    padding-bottom: 0px;
  }
  .in-3 {
    display: none;
  }
  .in-2 .list .subtitle ul li {
    margin-bottom: 2%;
    cursor: pointer;
    width: 100%;
    background: #F6F7FA;
  }
  .in-2 .list .subtitle ul {
    flex-wrap: wrap;
  }
  .in-2 .list .detail .item ul li {
    /*width: 49%;*/
  }
  .in-2 .list .detail .item ul {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
  }
  .h5title h5 {
    color: #333333;
    font-size: 28px;
    font-weight: bold;
  }
  .h5title {
    padding-top: 33px;
    padding-bottom: 28px;
    text-align: center;
  }
  .subtitle {
    width: 100%;
    background: #7DAAEE;
  }
  .in-1 .img {
    padding-top: 50px;
  }
  .in-1 .img img {
    height: 300px;
    object-fit: cover;
  }
  .container1400 {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  .in-1 .list ul li:last-child::after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/solution.png) no-repeat center;
    background-size: cover;
    width: 16px;
    height: 186px;
    display: none;
  }
  .in-1 .list ul li::before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    background: url(../img/solution.png) no-repeat center;
    background-size: cover;
    width: 16px;
    height: 186px;
    display: none;
  }
  .in-1 .list ul li {
    margin-bottom: 2%;
    background: #fff;
    border-top: 3px solid transparent;
    width: 49%;
    position: relative;
  }
  .in-1 .list ul {
    flex-wrap: wrap;
  }
  .in-1 .list {
    background: #f8f8f8;
    position: relative;
    top: 0%;
    left: 0%;
    transform: none;
    width: 100%;
    max-width: 1316px;
    box-shadow: 0px 0px 33px 7px rgba(113, 139, 167, 0.1);
  }
  .banner .swiper-container-banner .swiper-button-prev,
  .banner .swiper-container-banner .swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto;
  }
  .banner .swiper-container-banner .swiper-button-next,
  .banner .swiper-container-banner .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
  }
  .header .navbar .navbar-nav .active::before {
    display: none;
  }
  .navbar-toggler {
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    border-radius: 0.25rem;
  }
  .header .navbar .navbar-nav .mynav-item:hover::before {
    display: none;
  }
  .header .navbar .navbar-nav .mynav-item {
    position: relative;
    text-align: center;
    padding: 2px 0;
    border-bottom: 1px solid #5D75B1;
  }
  .header .navbar .navbar-nav .mynav-item:hover a {
    color: #fff !important;
  }
  .header {
    padding: 10px 10px !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: rgba(10, 42, 119, 0.9);
  }
  .header .nav-icon ul {
    flex-wrap: wrap;
  }
  .header .nav-icon ul li {
    margin-left: 0px;
    width: 100%;
    text-align: center;
    padding: 3px 0;
  }
  .banner .swiper-container-banner .img-box img {
    /*height: 400px;*/
  }
  .banner .swiper-container-banner .img-box .img-txt h3 {
    font-size: 24px;
  }
  .banner .swiper-container-banner .img-box .img-txt p {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
  }
  .banner .swiper-container-banner .img-box .img-txt h5 img {
    height: 60px;
  }
 
 
  .in-5 .list  .swiper-button-next,
.about-5 .list  .swiper-button-next,
.solution-3 .list  .swiper-button-next,
.solution-5 .list  .swiper-button-next,
.in-2 .swiper-button-next,
.about-3 .swiper-button-next,
.solution-4 .swiper-button-next
{
    right: -30px;
}
.in-5 .list  .swiper-button-prev,
.about-5 .list  .swiper-button-prev,
.solution-3 .list  .swiper-button-prev,
.solution-5 .list  .swiper-button-prev,
.in-2 .swiper-button-prev,
.about-3 .swiper-button-prev,
.solution-4 .swiper-button-prev{
   left: -30px;
}
   /*.in-5 .list .swiper-button-next{*/
   /*     right: -20px;*/
   /* }*/
   /* .in-5 .list .swiper-button-prev{*/
   /*     left: -20px;*/
   /* }*/
}

@media (min-width: 768px) and (max-width: 991px) {
    .in-5 .list .swiper-button-next{
        right: -20px;
    }
    .in-5 .list .swiper-button-prev{
        left: -20px;
    }
  .subnav {
    display: none !important;
  }
  .banner .swiper-container-banner .img-box .img-txt p {
    font-size: 14px;
    width: 80%;
    line-height: 2;
    color: #eee;
    margin: 0 auto;
  }
  .banner .swiper-container-banner .img-box .img-txt h3 {
    padding-bottom: 25px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
  }
  .in-1 .list ul li .box h5 {
    font-size: 18px;
    color: #222222;
    height: 21px;
    overflow: hidden;
  }
  footer .list .left {
    width: 40%;
    padding-top: 30px;
  }
  footer .list {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    padding-top: 65px;
    flex-wrap: wrap;
  }
  footer .list .right {
    display: none;
  }
  footer .list .moblie {
    width: 100%;
    display: block;
  }
  .container1400 {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-1 .list .right {
    width: 100%;
    padding: 0 30px;
  }
  .about-1 .list .left {
    width: 100%;
    padding-left: 0px;
    padding: 0 30px;
  }
  .about-1 .list {
    display: flex;
    justify-content: space-between;
    padding-top: 90px;
    flex-wrap: wrap;
  }
  .news .list ul li .box .txt h5 {
    font-size: 30px;
    color: #222;
    font-weight: bold;
    padding-bottom: 20px;
    height: 40px;
    overflow: hidden;
  }
  .subtitle ul li a {
     
    font-size: 14px;
    color: #fff;
  }
  .join-bg .txt p {
    color: #fff;
    font-size: 18px;
    height: 50px;
    background: #7DAAEE;
    width: 100%;
    line-height: 50px;
  }
  .join-bg .txt h5 {
    font-size: 30px;
    color: #fff;
    padding-bottom: 30px;
    letter-spacing: 8px;
  }
  .join-bg .txt h6 {
    font-size: 18px;
    text-transform: uppercase;
    color: #888;
    padding-bottom: 24px;
  }
  .support-2 .list ul li .box .text p {
    font-size: 14px;
    color: #555;
    line-height: 2;
    height: 112px;
    overflow: hidden;
  }
  .in-1 .list ul li .box h5 {
    font-size: 18px;
    color: #222222;
    height: 21px;
    overflow: hidden;
  }
  footer .list .left {
    width: 40%;
    padding-top: 30px;
  }
  footer .list {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    padding-top: 65px;
    flex-wrap: wrap;
  }
  footer .list .right {
    display: none;
  }
  footer .list .moblie {
    width: 100%;
    display: block;
  }
  .header .nav-icon {
    display: none;
  }
  .container1400 {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .support-2 .list ul li .box .text p {
    font-size: 14px;
    color: #555;
    line-height: 2;
    height: 84px;
    overflow: hidden;
  }
  .in-1 .list ul li .box h5 {
    font-size: 18px;
    color: #222222;
    height: 21px;
    overflow: hidden;
  }
  .container1400 {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  .header .nav-icon ul li {
    margin-left: 5px;
  }
  .header .navbar .navbar-nav .mynav-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 1450px) {
  .header {
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
  .header .navbar .navbar-nav .mynav-item {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@keyframes memscUL {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 768px){
    .details-share ul{
        width: 100%;
        margin-top: 20px;
    }
    .details-share{
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
    }
    .in-4 .list .right ul li .box{
        flex-wrap: wrap;
    }
    .in-4 .list .right ul li .box .img,.in-4 .list .right ul li .box .txt{
        width: 100%;
    }
    .banner .swiper-container-banner .img-box .img-m{
        display: block;
    }
    .banner .swiper-container-banner .img-box .img-pc{
        display: none;
    }
}
@media (max-width:999px){
    .about-7 .img{
        flex-wrap: wrap;
    }
    .about-7 .map{
        flex: auto;
        width: 100%;
        height: 507px;
    }
    .about-7 .img .list{
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 70px;
    }
    
}
@media(max-width:500px){
    .pro-list .list ul li{
        width: 100%;
    }
    .pro-list .list ul li .box .img{
        height: auto;
        line-height: 1;
    }
    .in-1 .list-big ul li .box{
        padding: 15px 15px;
    }
    .in-1 .list-big ul li .box i{
        font-size: 24px;
        padding-bottom: 10px;
    }
    .in-1 .list-big{
        top: 24%;
    }
    .in-1 .img-big{
        padding-top: 90px;
    }
}