* {
  margin: 0;
  padding: 0;
}
body{
    font-family: arial,"Microsoft Yahei"
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hhhb {display:none;}
.hamburger {
  display: none;
}
.center{
  width: 1600px;
}
.headerBox{
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9;
  /* border-bottom: 1px solid red; */
  background-color: rgba(0, 0, 0, 0.5);
  /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */
  transition: 0.3s;
}
.headerBox.h-active{
  border-bottom: 1px solid #EFEFF0;
  background-color: rgba(0, 0, 0, 0.2);
}
.headerBox.n-active:hover{
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.headerBox.n-active:hover>.headerInnerBox .logo img{
  filter:none;
}
.headerBox.n-active:hover>.headerInnerBox .headerNav>li>a,
.headerBox.n-active:hover>.headerInnerBox .search i,
.headerBox.n-active:hover>.headerInnerBox .user i{
  color: #333333;
}
.headerBox.n-active:hover>.headerInnerBox .logo img:first-of-type{
  display: block;
}
.headerBox.n-active:hover>.headerInnerBox .logo img:last-of-type{
  display: none;
}
.headerBox .headerInnerBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  height: 83px;
}
.headerBox .headerInnerBox .logo{
  width: 183px;
  height: 34px;
}
.headerBox .headerInnerBox .logo img{
  width: 100%;
  height: 100%;
  /*filter:brightness(100);*/
  transition: 0.3s;
}
.headerBox .headerInnerBox .logo img:first-of-type{
  display: none;
}
.headerInnerBox .right{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.headerInnerBox .right .headerNav{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.headerInnerBox .right .headerNav>li{
  margin-right: 55px;
  position: relative;
}
.headerInnerBox .right .headerNav>li:hover>a{
  border-bottom-color: #0028C3;
}
.headerInnerBox .right .headerNav>li>a{
  display: block;
  /*border-bottom: 2px solid transparent;*/
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  line-height: 81px;
  transition: 0.3s;
  position: relative;
}
.headerInnerBox .right .headerNav>li>a::after{
  display: block;
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0px;
  height: 2px;
  z-index: 1;
  background-color: #0028C3;
  transition: 0.3s;
}
.h-active .headerInnerBox .right .headerNav>li>a::after{
  background-color: #EFEFF0;
}
.headerInnerBox .right .headerNav>li:hover>a::after{
  width: 100%;
}
.headerInnerBox .right .headerNav>.active>a::after{
  width: 100%;
}
.headerInnerBox .right .headerNav>li .two-ul{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: center top;
  z-index: 1;
  width: 150px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 7%);
  /* overflow: hidden; */
  transition: 0.3s;
}
.headerInnerBox .right .headerNav>li:hover>.two-ul{
  transform: translateX(-50%) scaleY(1);
}
.headerInnerBox .right .headerNav>li .two-ul li{
  background-color: #FFFFFF;
}
.headerInnerBox .right .headerNav>li .two-ul li a{
  display: block;
  font-size: 16px;
  padding: 8px 0;
  font-weight: 400;
  color: #333333;
  font-family: Microsoft YaHei;
  text-align: center;
  transition: 0.3s;
}
.headerInnerBox .right .headerNav>li .two-ul li a:hover{
  color: #0028C3;
}
.headerInnerBox .right .search{
  margin-right: 35px;
}
.headerInnerBox .right .search i{
  font-size: 22px;
  color: #CDD1DE;
  cursor: pointer;
  transition: 0.3s;
}
.headerInnerBox .right .user i{
  font-size: 22px;
  color: #CDD1DE;
  cursor: pointer;
  transition: 0.3s;
}
/* seadershow */
.seadershow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
}
.seaderbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.seader {
  position: relative;
}
.seader form {
  width: 1000px;
  height: 80px;
  border: 5px solid #8c8c8c;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
}
.seader form input {
  display: block;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
}
.seader form button {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 20%;
  border: none;
  outline: none;
  background-color: #0028C3;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}
.seader form button img {
  display: block;
  width: auto;
  filter: brightness(11);
  margin-right: 20px;
}
.seader .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -80px;
}
.seader .close img {
  display: block;
}
.mySwiper .s-c{
  width: 100%;
  height: 100vh;
}
.mySwiper .s-c img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .s-c .item{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.mySwiper .s-c .item h3{
  font-size: 80px;
  font-weight: bold;
  color: #FFFFFF;
}
.mySwiper .s-c .item h6{
  font-size: 48px;
  font-weight: 400;
  color: #FFFFFF;
}
.mySwiper .s-c .item .line{
  width: 130px;
  background: #FFFFFF;
  height: 6px;
  margin: 20px 0 80px 0;
}
.mySwiper .s-c .item a{
  width: 200px;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
  height: 60px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-evenly;
  -webkit-align-items: center;
  -webkit-justify-content: space-evenly;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.mySwiper .s-c .item a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: #0028C3;
  transition: 0.3s;
}
.mySwiper .s-c .item a:hover::before{
  width: 100%;
}
.mySwiper .s-c .item a:hover{
  border-color: #0028C3;
}
.mySwiper .s-c .item a:hover>span{
  color: #FFFFFF;
}
.mySwiper .s-c .item a span{
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  transition: 0.3s;
}
.mySwiper .s-c .item a p{
  width: 22px;
  background: #F0F2F5;
  border-radius: 50%;
  height: 22px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.mySwiper .s-c .item a p i{
  color: #0028C3;
  font-size: 14px;
}
.i-index1Box{
  width: 100%;
  height: 100vh;
  /* display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center; */
}
.i-index1Box .i-index1InnerBox{
  width: 100%;
  height: 75vh;
  background: url('../image/i1-bg.jpg') no-repeat center / cover;
}
.i-index1InnerBox .i-top{
  height: calc(100% - 86px);
  padding-top: 86px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.public-box h3{
  font-size: 40px;
  font-weight: 900;
  color: #DDDDDD;
}
.public-box h4{
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}
.i-index1InnerBox .i-top .left{
  width: 400px;
}
.i-index1InnerBox .i-top .left .text{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin: 20px 0 80px 0;
}
.i-more{
  display: block;
  width: 155px;
}
.i-more .top{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.i-more .top span{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  transition: 0.3s;
}
.i-more .top p{
  width: 22px;
  background: #0028C3;
  border-radius: 50%;
  height: 22px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.i-more .top p i{
  color: #ffffff;
  font-size: 12px;
}
.i-more .bottom{
  width: 100%;
  height: 1px;
  background-color: #858585;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.i-more:hover>.bottom::before{
  width: 100%;
}
.i-more:hover>.top span{
  color: #0028C3 !important;
}
.i-more .bottom::before{
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: #0028C3;
  transition: 0.3s;
}
.i-index1InnerBox .i-top .line{
  width: 1px;
  background-color: #E1E4EB;
  height: 100%;
}
.i-index1InnerBox .i-top .right{
  /* border: 1px solid red; */
  width: 1000px;
}
.i-index1InnerBox .i-top .right .s-c{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.i-index1InnerBox .i-top .right .img-box{
  width: 485px;
  height: 285px;
  /* position: relative; */
}
.i-index1InnerBox .i-top .right .img-box img{
  width: 100%;
  height: 100%;
}
/* .i-index1InnerBox .i-top .right .img-box::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(233, 6, 6));
  transform: scaleY(-1);
  z-index: -1;
} */
.i-index1InnerBox .i-top .right .content{
  margin-left: 110px;
  width: 180px;
}
.i-index1InnerBox .i-top .right .content h3{
  font-size: 30px;
  font-weight: 400;
  color: #333333;
}
.i-index1InnerBox .i-top .right .content .text{
  margin: 25px 0 40px 0;
}
.i-index1InnerBox .i-top .right .content .text p{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.i-index1InnerBox .i-top .right .content .text p:not(:first-of-type){
  margin-top: 10px;
}
.i-index1InnerBox .i-top .right .content a{
  font-size: 16px;
  font-weight: 400;
  color: #0028C3;
}
.i-index1Box .pro-sw-box{
  width: 100%;
  height: 25vh;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}
.i-index1Box .pro-sw-box .container{
  position: relative;
}
.pro-sw-box .my-pro-swiper{
  width: 1000px;
}
.pro-sw-box .my-pro-swiper .swiper-slide img{
  width: 169px;
  height: 100px;
  margin: 0 auto;
}
.pro-sw-box .swiper-button-prev,
.pro-sw-box .swiper-button-next{
  width: 60px;
  height: 60px;
  background: none;
  background-color: #E5E5E5;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  transition: 0.3s;
}
.pro-sw-box .swiper-button-prev i,
.pro-sw-box .swiper-button-next i{
  color: #FFFFFF;
  font-size: 16px;
}
.pro-sw-box .swiper-button-prev:hover,
.pro-sw-box .swiper-button-next:hover{
  background-color: #0028C3;
  box-shadow: 0px 13px 20px 0px rgba(0,40,195,0.2);
}
.i-index2Box{
  width: 100%;
  height: 100vh;
  background: url('../image/i2-bg.jpg') no-repeat center / cover;
  overflow: hidden;
}
.i-index2Box .i-index2InnerBox{
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.city {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1000px;
  height: 1000px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}

.dotted {
  width: 90px;
  height: 90px;
  border: 1px solid #FFFFFF;
  background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, #FFFFFF 100%);
  opacity: 0.1;
  border-radius: 50%;
}

/* 标签选择器之属性匹配选择 */
.city div[class^="pulse"] {
  /* 保证小盒子水平垂直居中 */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* width: 8px;
  height: 8px; */
  /* box-shadow: 0 0 5px rgba(255,255,255,0.5); */
  background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, #FFFFFF 100%);
  opacity: 0.1;
  border-radius: 50%;
  animation: pulse 15s linear infinite;
}
.city .pulse1 {
  animation-delay: 0s !important;
}
.city .pulse2 {
  animation-delay: 3s !important;
}
.city .pulse3 {
  animation-delay: 6s !important;
}
.city .pulse4 {
  animation-delay: 9s !important;
}
.city .pulse5 {
  animation-delay: 12s !important;
}
.city .pulse6 {
  animation-delay: 15s !important;
}
@keyframes pulse {
  0% {
    width: 90px;
    height: 90px;
  }
  20% {
    width: 20%;
    height: 20%;
    /* opacity: 1; */
  }
  40% {
    width: 40%;
    height: 40%;
    /* opacity: 1; */
  }
  60% {
    width: 60%;
    height: 60%;
    /* opacity: 1; */
  }
  80% {
    width: 80%;
    height: 80%;
    /* opacity: 1; */
  }
  100% {
    width: 100%;
    height: 100%;
    /* opacity: 1; */
  }
}
.i-index2InnerBox .top-title{
  position: absolute;
  top: 185px;
  left: 0px;
}
.i-index2InnerBox .top-title h3{
  color: rgba(255,255,255,0.2);
}
.i-index2InnerBox .top-title h4{
  color: #FFFFFF;
  font-weight: 400;
}
.i-index2InnerBox .top-title .i-more{
  margin-top: 50px;
}
.i-index2InnerBox .top-title .i-more span{
  color: #FFFFFF;
}
.i-index2InnerBox .top-title .i-more .bottom{
  background-color: #FFFFFF;
}
.i-index2InnerBox .city .public{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  /* cursor: pointer; */
}
.i-index2InnerBox .city .flow-dzbg{
  position: absolute;
  top: 46%;
  left: 26%;
  z-index: 3;
}
.i-index2InnerBox .city .flow-gjhy{
  position: absolute;
  top: 30%;
  left: 45%;
  z-index: 3;
}
.i-index2InnerBox .city .flow-zhjk{
  position: absolute;
  top: 40%;
  right: 20%;
  z-index: 3;
}
.i-index2InnerBox .city .flow-jrhy{
  position: absolute;
  bottom: 30%;
  left: 30%;
  z-index: 3;
}
.i-index2InnerBox .city .flow-jyhy{
  position: absolute;
  bottom: 25%;
  right: 35%;
  z-index: 3;
}
.i-index2InnerBox .city .flow-dlhy{
  position: absolute;
  bottom: 35%;
  right: 15%;
  z-index: 3;
}
.i-index2InnerBox .city .public .title{
  font-size: 22px;
  font-weight: 400;
  /* text-decoration: underline; */
  color: #FFFFFF;
  font-family: Microsoft YaHei;
}
.i-index2InnerBox .city .public .point{
  margin-top: 20px;
  position: relative;
}
.i-index2InnerBox .city .public .point .dian{
  width: 8px;
  background: #FFFFFF;
  border-radius: 50%;
  height: 8px;
}
.i-index2InnerBox .city .public .point div[class^="pu"]{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 5px rgba(255,255,255,0.8);
  /* background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, #FFFFFF 100%);
  opacity: 0.5; */
  border-radius: 50%;
  animation: pu 6s linear infinite;
}
.i-index2InnerBox .city .public .point .pu1 {
  animation-delay: 0s !important;
}
.i-index2InnerBox .city .public .point .pu2 {
  animation-delay: 3s !important;
}
@keyframes pu {
  0% {
    width: 8px;
    height: 8px;
  }
  50% {
    width: 16px;
    height: 16px;
    opacity: 1;
  }
  100% {
    width: 26px;
    height: 26px;
    opacity: 0;
  }
}
.i-index2InnerBox .city .public .flow-text{
  position: absolute;
  top: -35px;
  right: calc(100%);
  /* width: 0px; */
  height: 185px;
  /* overflow: hidden; */
  display: flex;
  display: -webkit-flex;
  transition: 0.5s;
  opacity: 0;
}
.i-index2InnerBox .city .right-public .flow-text{
  right: auto;
  left: 100%;
}
.i-index2InnerBox .city .public .flow-text .content{
  width: 0px;
  height: 100%;
  background-color: #FFFFFF;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  border-radius: 8px;
  transition: 0.5s;
}
.i-index2InnerBox .city .public .flow-text .mide{
  width: 85%;
  overflow: hidden;
  transition: 0.5s;
}
.i-index2InnerBox .city .public .flow-text .mide h5{
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  font-family: Microsoft YaHei;
}
.i-index2InnerBox .city .public .flow-text .mide .line{
  width: 32px;
  background: #0028C3;
  height: 2px;
  margin: 8px 0;
}
.i-index2InnerBox .city .public .flow-text .mide h6{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  font-family: Microsoft YaHei;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i-index2InnerBox .city .public .flow-text .mide a{
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #0028C3;
  font-family: Microsoft YaHei;
  margin-top: 20px;
}
.i-index2InnerBox .city .public .flow-text .triangle{
  position: relative;
  width: 0px;
  transition: 0.5s;
}
.i-index2InnerBox .city .public .flow-text .triangle .sj{
  position: absolute;
  left: 0px;
  top: 50px;
  width: 0; 
  height: 0; 
  border-top: 0px solid transparent;
  border-left: 50px solid transparent;
  border-bottom: 20px solid transparent;
  transition: 0.5s;
}
.i-index2InnerBox .city .right-public .flow-text .triangle .sj{
  left: auto;
  right: 0px;
  border-top: 0px solid transparent;
  border-right: 50px solid #FFFFFF;
  border-bottom: 20px solid transparent;
  border-left: 0px solid transparent;
}
.i-index2InnerBox .city .public:hover>.flow-text{
  opacity: 1;
}
.i-index2InnerBox .city .public:hover>.flow-text .content{
  width: 290px;
}
.i-index2InnerBox .city .public:hover>.flow-text .mide{
  width: 85%;
}
.i-index2InnerBox .city .public:hover>.flow-text .triangle{
  width: 70px;
}
.i-index2InnerBox .city .public:hover>.flow-text .triangle .sj{
  border-left-color: #FFFFFF;
}
.i-index2InnerBox .flow-text-container{
  display: none;
}
.i2-index2Box{
  width: 100%;
  /* height: 100vh;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center; */
  position: relative;
}
.i2-index2Box .t-l{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 80px;
}
.i2-index2Box .r-b{
  position: absolute;
  z-index: -1;
  right: 0px;
  bottom: -30px;
}
.i2-index2Box .i2-index2InnerBox{
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.i2-index2InnerBox .top-title{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.i2-index2InnerBox .top-title .public-box h4{
  font-weight: 400;
}
.i2-index2InnerBox ul{
  display: flex;
  display: -webkit-flex;
  margin-top: 40px;
}
.i2-index2InnerBox ul .public{
  margin-right: 60px;
  width: calc((100% - 120px) / 3);
  height: 540px;
}
.i2-index2InnerBox ul .public:nth-child(3n){
  margin-right: 0px;
}
.i2-index2InnerBox ul li{
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.i2-index2InnerBox ul li .img-box{
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.i2-index2InnerBox ul li .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.i2-index2InnerBox ul li .content{
  width: 100%;
  height: 220px;
  background-color: #FFFFFF;
}
.i2-index2InnerBox ul li .content .mide{
  width: 85%;
  margin: 0 auto;
  padding-top: 35px;
}
.i2-index2InnerBox ul li .content .mide .time{
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  font-family: Arial;
}
.i2-index2InnerBox ul li .content .mide .text-box{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 20px;
}
.i2-index2InnerBox ul li .content .mide .text-box .text{
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  line-height: 36px;
  font-family: Microsoft YaHei;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: calc(100% - 44px - 30px);
  transition: 0.3s;
}
.i2-index2InnerBox ul li .content .mide .text-box .more{
  width: 40px;
  border: 2px solid #CCCCCC;
  border-radius: 25px;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  transition: 0.3s;
}
.i2-index2InnerBox ul li .content .mide .text-box .more i{
  color: #333333;
  font-size: 16px;
  transition: 0.3s;
}
.i2-index2InnerBox ul li:hover>.img-box img{
  transform: scale(1.03);
}
.i2-index2InnerBox ul li:hover>.content .mide .text-box .text{
  color: #0028C3;
}
.i2-index2InnerBox ul li .content .mide .text-box .more:hover{
  border-color: #0028C3;
  background-color: #0028C3;
  box-shadow: 0px 13px 20px 0px rgba(0,40,195,0.2);
}
.i2-index2InnerBox ul li .content .mide .text-box .more:hover>i{
  color: #ffffff;
}
.i2-index2InnerBox ul .container{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.i2-index2InnerBox ul .container .item{
  width: 100%;
  height: calc((100% - 30px) / 3);
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
  background-color: #FFFFFF;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.i2-index2InnerBox ul .container .item .mide{
  width: 85%;
}
.i2-index2InnerBox ul .container .item .mide .time{
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  font-family: Arial;
}
.i2-index2InnerBox ul .container .item .mide .content-box{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 20px;
}
.i2-index2InnerBox ul .container .item .mide .content-box .text{
  width: calc(100% - 44px - 30px);
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 36px;
  font-family: Microsoft YaHei;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: 0.3s;
}
.i2-index2InnerBox ul .container .item .mide .content-box .more{
  width: 40px;
  border: 2px solid #CCCCCC;
  border-radius: 25px;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  transition: 0.3s;
}
.i2-index2InnerBox ul .container .item .mide .content-box .more i{
  color: #333333;
  font-size: 16px;
  transition: 0.3s;
}
.i2-index2InnerBox ul .container .item:hover>.mide .content-box .text{
  color: #0028C3;
}
.i2-index2InnerBox ul .container .item .mide .content-box .more:hover{
  border-color: #0028C3;
  background-color: #0028C3;
  box-shadow: 0px 13px 20px 0px rgba(0,40,195,0.2);
}
.i2-index2InnerBox ul .container .item .mide .content-box .more:hover> i{
  color: #FFFFFF;
}
.i3-index1Box{
  width: 100%;
  height: 100vh;
  background-color: #212121;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
}
.i3-index1Box .i3-index1InnerBox .top .title h3{
  font-size: 40px;
  font-weight: 900;
  color: #FFFFFF;
  opacity: 0.05;
  font-family: Arial;
  text-align: center;
}
.i3-index1Box .i3-index1InnerBox .top .title h4{
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  line-height: 1;
  text-align: center;
}
.i3-index1Box .i3-index1InnerBox .top .details{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  margin-top: 50px;
  text-align: center;
}
.i3-index1Box .i3-index1InnerBox .top a{
  display: flex;
  display: -webkit-flex;
  justify-content: space-evenly;
  align-items: center;
  -webkit-justify-content: space-evenly;
  -webkit-align-items: center;
  width: 240px;
  background: #0028C3;
  border-radius: 37px;
  height: 74px;
  margin: 40px auto 0;
  transition: 0.3s;
}
.i3-index1Box .i3-index1InnerBox .top a span{
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
}
.i3-index1Box .i3-index1InnerBox .top a img{
  width: 40px;
  height: 30px;
}
.i3-index1Box .i3-index1InnerBox .top a:hover{
  box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.2);
}
.i3-index1Box ul{
  width: 100%;
  height: 360px;
  display: flex;
  display: -webkit-flex;
  margin-top: 120px;
}
.i3-index1Box ul li{
  width: 50%;
  height: 100%;
  position: relative;
}
.i3-index1Box ul li .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i3-index1Box ul li .content{
  width: 95%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 1px solid rgba(255,255,255,0.3);
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  overflow: hidden;
}
.i3-index1Box ul li .content img{
  width: 40px;
  height: 40px;
}
.i3-index1Box ul li .content h4{
  font-size: 30px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  margin-top: 10px;
}
.i3-index1Box ul li .content a{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  margin: 20px 0;
  transition: 0.3s;
}
.i3-index1Box ul li .content a:hover{
  color: #0028C3;
  border-bottom-color: #0028C3;
}
.i3-index1Box ul li .content h6{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  color: #FFFFFF;
  opacity: 0.5;
}
.i3-index1Box ul li:hover>.content::before{
  animation: two 4s linear infinite;
}
.i3-index1Box ul li:hover>.content::after{
  animation: four 4s linear 2s infinite;  
}
.i3-index1Box ul li:hover>.content .bottom{
  animation: one 4s linear 1s infinite;
}
.i3-index1Box ul li:hover>.content .top{
  animation: three 4s linear 1s infinite;
}
.i3-index1Box ul li .content::before {
  content: " ";
  position: absolute;
  width: 3px;			
  height: 100%;
  top: -100%;
    left: 0;
  background-image: linear-gradient(
    0deg,
    transparent,
    #0028C3,
    transparent
  );
  animation: two 4s linear paused;
}
.i3-index1Box ul li .content::after {
  content: " ";
  position: absolute;
  width: 3px;			
  height: 100%;
  bottom: -100%;
    right: 0;
  background-image: linear-gradient(
    360deg,
    transparent,
    #0028C3,
    transparent
  );
  animation: four 4s linear 2s paused;
}
.i3-index1Box ul li .content i {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 100%;
}
.i3-index1Box ul li .content .bottom {
  bottom: 0;
    left: -100%;
  background-image: linear-gradient(
    270deg,
    transparent,
    #0028C3,
    transparent
  );
  animation: one 4s linear 1s paused;
}

.i3-index1Box ul li .content .top {
  top: 0;
    right: -100%;
  background-image: linear-gradient(
    270deg,
    transparent,
    #0028C3,
    transparent
  );
  animation: three 4s linear 3s paused;
}
@keyframes one {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
}

@keyframes two {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}

@keyframes three {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}

@keyframes four {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}
/* download */
.top-banner{
  width: 100%;
  height: 500px;
  position: relative;
}
.top-banner .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.top-banner .content{
  position: absolute;
  width: 1200px;
  top: 58%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.top-banner .content h3{
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 48px;
  font-family: Microsoft YaHei;
}
.top-banner .content .line{
  width: 50px;
  background: #FFFFFF;
  height: 3px;
  margin: 30px 0 30px 0;
}
.top-banner .content .details .text{
  display: flex;
  display: -webkit-flex;
}
.top-banner .content .details .text span{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
}
.top-banner .content .details .text span:not(:first-of-type){
  margin-left: 20px;
}
.top-banner .content .details p{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  margin-top: 15px;
}
.top-banner .content .agreement{
  margin-top: 40px;
}
.top-banner .content .agreement span{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
}
.top-banner .content .agreement a{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
  text-decoration: underline;
}
.top-banner .content .more{
  width: 200px;
  background: #0028C3;
  border-radius: 30px;
  height: 60px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-evenly;
  -webkit-align-items: center;
  -webkit-justify-content: space-evenly;
  margin-top: 20px;
  transition: 0.3s;
}
.top-banner .content .more span{
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
}
.top-banner .content .more img{
  width: 35px;
  height: 25px;
}
.top-banner .content .more:hover{
  box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.2);
}
.d-index1Box{
  width: 100%;
}
.d-index1Box .d-index1InnerBox{
  margin: 0 auto;
  width: 1200px;
  padding: 60px 0;
}
.d-index1InnerBox .title h3{
  font-size: 40px;
  font-weight: bold;
  color: #333333;
  font-family: Microsoft YaHei;
  text-align: center;
}
.d-index1InnerBox .title h4{
  font-size: 40px;
  font-weight: 900;
  color: #0028C3;
  font-family: Arial;
  opacity: 0.1;
  text-align: center;
  margin-top: -30px;
}
.d-index1InnerBox .line{
  width: 60px;
  background: #333333;
  height: 5px;
  margin: 15px auto 40px;
}
.d-index1InnerBox .t-text{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Microsoft YaHei;
  text-align: center;
}
.d-index1InnerBox .down-list{
  margin-top: 50px;
}
.d-index1InnerBox .down-list li{
  border-bottom: 1px solid #E4EAEC;
  padding: 25px 0;
}
.d-index1InnerBox .down-list li:first-of-type{
  border-top: 1px solid #E4EAEC;
}
.d-index1InnerBox .down-list li .content{
  width: 99%;
  margin-left: auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.d-index1InnerBox .down-list li .content .left{
  display: flex;
  display: -webkit-flex;
}
.d-index1InnerBox .down-list li .content .left .img-box{
  width: 40px;
  height: 40px;
}
.d-index1InnerBox .down-list li .content .left .img-box img{
  width: 100%;
  height: 100%;
}
.d-index1InnerBox .down-list li .content .left .text{
  margin-left: 10px;
}
.d-index1InnerBox .down-list li .content .left .text a{
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  font-family: Arial;
  display: block;
  transition: 0.3s;
}
.d-index1InnerBox .down-list li .content .left .text a:hover{
  color: #0028C3;
}
.d-index1InnerBox .down-list li .content .left .text .details{
  display: flex;
  display: -webkit-flex;
  margin-top: 5px;
}
.d-index1InnerBox .down-list li .content .left .text .details span{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  font-family: Microsoft YaHei;
}
.d-index1InnerBox .down-list li .content .left .text .details span:not(:first-of-type){
  margin-left: 15px;
}
.d-index1InnerBox .down-list li .content .right{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.d-index1InnerBox .down-list li .content .right .inst-box{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-right: 50px;
  cursor: pointer;
  position: relative;
}
.d-index1InnerBox .down-list li .content .right .inst-box:hover>.flow-content{
  height: max-content;
  padding: 20px 0;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  width: 400px;
  background-color: #FFFFFF;
  padding: 0px 0;
  box-shadow: 0px 0px 27px 0px rgba(14,5,9,0.1);
  border-radius: 8px;
  height: 0px;
  overflow: hidden;
  transition: 0.3s;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content{
  width: 90%;
  margin: 0 auto;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .ms{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .ms a{
  border-bottom: 1px solid #0028C3;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .ms a span{
  font-size: 14px;
  font-weight: 400;
  color: #0028C3;
  font-family: Microsoft YaHei;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .ms a i{
  font-size: 14px;
  color: #0028C3;
  margin-left: 10px;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .f-text h3{
  font-size: 16px;
  font-weight: bold;
  color: #0028C3;
  font-family: Microsoft YaHei;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .f-text p{
  font-size: 14px;
  font-weight: ArialMT;
  color: #666666;
  font-family: Microsoft YaHei;
  margin-top: 8px;
}
.d-index1InnerBox .down-list li .content .right .inst-box .flow-content .f-content .f-text{
  margin-top: 20px;
}
.d-index1InnerBox .down-list li .content .right .inst-box .i-span{
  font-size: 14px;
  font-weight: 400;
  color: #88A5D4;
  font-family: Microsoft YaHei;
  margin-right: 10px;
}
.d-index1InnerBox .down-list li .content .right .inst-box .i-i{
  color: #88A5D4;
}
.d-index1InnerBox .down-list li .content .right .more{
  width: 130px;
  border: 2px solid #88A5D4;
  border-radius: 21px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #88A5D4;
  font-family: Microsoft YaHei;
  text-align: center;
  line-height: 42px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
/*.d-index1InnerBox .down-list li .content .right .more::before{*/
/*  display: block;*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0px;*/
/*  left: 0px;*/
/*  z-index: -1;*/
/*  width: 0;*/
/*  height: 100%;*/
/*  background-color: #0028C3;*/
/*  transition: 0.3s;*/
/*}*/
.d-index1InnerBox .down-list li .content .right .more:hover{
  border-color: #0028C3;
  background-color: #0028C3;
  color: #FFFFFF;
}
/*.d-index1InnerBox .down-list li .content .right a:hover::before{*/
/*  width: 100%;*/
/*}*/
.d-index1InnerBox .select-box{
  display: flex;
  display: -webkit-flex;
  margin-top: 70px;
}
.d-index1InnerBox .select-box .public{
  margin-right: 18px;
  width: calc((100% - 36px) / 3);
  height: 50px;
  background: #FBFBFB;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
.d-index1InnerBox .select-box .public:hover{
  box-shadow: 0px 0px 10px 0px rgba(0,40,195,0.33);
  border-color: #0028C3;
}
.d-index1InnerBox .select-box .public:nth-of-type(3n){
  margin-right: 0px;
}
.d-index1InnerBox .select-box .public .content{
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.d-index1InnerBox .select-box .public .content .name{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  font-family: Microsoft YaHei;
}
.d-index1InnerBox .select-box .public .content .s-line{
  width: 1px;
  background: #DDDDDD;
  height: 20px;
  margin: 0 15px;
}
.d-index1InnerBox .select-box .public .content .item{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  font-family: Microsoft YaHei;
  width: calc(100% - 14px - 31px - 65px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.d-index1InnerBox .select-box .public .content i{
  color: #333333;
  font-size: 14px;
  margin-left: auto;
}
.d-index1InnerBox .select-box .public ul{
  position: absolute;
  top: calc(100% + 2px);
  right: 0px;
  z-index: 3;
  width: calc(100% - 5px - 31px - 65px);
  height: 200px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  display: none;
}
.d-index1InnerBox .select-box .jg ul{
  width: calc(100% - 5px - 31px - 32px); 
}
.d-index1InnerBox .select-box .public ul li{
  padding: 10px 5px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  font-family: Microsoft YaHei;
}
.d-index1InnerBox .select-box .public ul li:hover{
  background-color: #DDDDDD;
  /* color: #FFFFFF; */
}
.d-index1InnerBox .select-box .public ul::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
}
.d-index1InnerBox .select-box .public ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #535353;
}
.d-index1InnerBox .select-box .public ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #EDEDED;
}
/* 分页 */
.page {
  /* border: 1px solid red; */
  width: 100%;
  margin-top: 50px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0px;
}
.page .el-pagination .btn-prev {
  width: 75px;
  height: 35px;
  margin-right: 5px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
}
.page .el-pagination .btn-next {
  padding: 0;
  width: 75px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  height: 35px;
}
.page .el-pagination .btn-prev .el-icon-arrow-left:before {
  font-size: 14px;
  content: '首页';
  color: #222222;
  font-weight: normal;
}
.page .el-pagination .btn-next .el-icon-arrow-right:before {
  font-size: 14px;
  content: '末页';
  color: #222222;
  font-weight: normal;
}
.page .el-pager li {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #ffffff;
  border: 1px solid #d2d2d2 !important;
  border-radius: 4px;
  margin-right: 5px;
  padding: 0px;
}
.page .el-pager li.active {
  background-color: #0028C3;
  color: #ffffff;
}
.page .el-pagination .el-pager li:hover {
  color: #0028C3 !important;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #0028C3;
}
/* footer */
.footerBox .top-contact{
  width: 100%;
  height: 260px;
  background: url('../image/f-1-bg.jpg') no-repeat center / cover;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.footerBox .top-contact .content{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
}
.footerBox .top-contact .content .left{
  width: 680px;
}
.footerBox .top-contact .content .left h3{
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Microsoft YaHei;
}
.footerBox .top-contact .content .left h6{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  font-family: Microsoft YaHei;
  margin-top: 30px;
}
.footerBox .top-contact .content a{
  width: 260px;
  background: #F0F2F5;
  border-radius: 35px;
  height: 70px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-evenly;
  -webkit-align-items: center;
  -webkit-justify-content: space-evenly;
  transition: 0.3s;
}
.footerBox .top-contact .content a:hover{
  box-shadow: 0px 0px 15px 0px rgba(4, 245, 64, 0.7);
}
.footerBox .top-contact .content a span{
  font-size: 20px;
  font-weight: 400;
  color: #0028C3;
  font-family: Microsoft YaHei;
}
.footerBox .top-contact .content a img{
  width: 30px;
  height: 28px;
  /* filter: brightness(100); */
}
.footerBox .bottom-container{
  width: 100%;
  background-color: #0B0D1C;
}
.bottom-container .conatiner{
  padding: 80px 0 60px 0;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.bottom-container .conatiner .left{
  display: flex;
  display: -webkit-flex;
}
.bottom-container .conatiner .left li:not(:first-of-type){
  margin-left: 150px;
}
.bottom-container .conatiner .left li h3 a{
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
}
.bottom-container .conatiner .left li .content{
  margin-top: 36px;
  line-height: 24px;
}
.bottom-container .conatiner .left li .content a{
  /*text-align: center;*/
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.4;
}
.bottom-container .conatiner .left li .content a:not(:first-of-type){
  margin-top: 15px;
}
.bottom-container .conatiner .right{
  width: 380px;
}
.bottom-container .conatiner .right .logo{
  width: 200px;
  height: auto;
  /*filter:brightness(100);*/
}
.bottom-container .conatiner .right .line{
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  opacity: 0.1;
  margin-top: 30px;
}
.bottom-container .conatiner .right .phone{
  margin: 20px 0 15px 0;
}
.bottom-container .conatiner .right .phone h6{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.4;
}
.bottom-container .conatiner .right .phone h3{
  font-size: 60px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Arial;
  line-height: 1.2;
}
.bottom-container .conatiner .right .qr-code h6{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.4;
}
.bottom-container .conatiner .right .qr-code img{
  width: 110px;
  height: 110px;
  margin-top: 15px;
}
.bottom-container .footer-link{
  width: 100%;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.bottom-container .footer-link .links{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  padding: 40px 0;
}
.bottom-container .footer-link .links a{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.15;
}
.bottom-container .footer-link .links .left{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.bottom-container .footer-link .links .left .icon{
  position: relative;
}
.bottom-container .footer-link .links .left .icon:last-of-type{
  margin-left: 30px;
}
.bottom-container .footer-link .links .left .icon i{
  color: #FFFFFF;
  opacity: 0.4;
  font-size: 16px;
  cursor: pointer;
}
.bottom-container .footer-link .links .left .icon .img-box{
  position: absolute;
  top: -106px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px;
  display: none;
  background-color: #FFFFFF;
}
.bottom-container .footer-link .links .left .icon .img-box img{
  width: 100px;
  height: 100px;
}
.bottom-container .footer-link .links .left .icon:hover>.img-box{
  display: block;
}
@media only screen and (max-width:1660px) {
  .center{
    width: 1200px;
    /* border: 1px solid red; */
  }
  .mySwiper .s-c .item h3{
    font-size: 60px;
  }
  .mySwiper .s-c .item h6{
    font-size: 40px;
  }
  .mySwiper .s-c .item .line{
    width: 110px;
    height: 3px;
  }
  .mySwiper .s-c .item a{
    width: 150px;
    height: 45px;
  }
  .mySwiper .s-c .item a span{
    font-size: 14px;
  }
  .mySwiper .s-c .item a p{
    width: 18px;
    height: 18px;
  }
  .mySwiper .s-c .item a p i{
    font-size: 14px;
  }
  .i-index1InnerBox .i-top .right{
    width: 650px;
  }
  .i-index1InnerBox .i-top .right .img-box{
    width: 355px;
    height: 235px;
  }
  .i-index1InnerBox .i-top .right .content{
    margin-left: 70px;
  }
  .pro-sw-box .my-pro-swiper{
    width: 900px;
  }
  .i2-index2InnerBox ul .public{
    height: 400px;
    margin-right: 40px;
    width: calc((100% - 80px) / 3);
  }
  .i2-index2InnerBox ul li .img-box{
    height: 250px;
  }
  .i2-index2InnerBox ul li .content{
    height: 150px;
  }
  .public-box h3{
    font-size: 36px;
  }
  .public-box h4{
    font-size: 36px;
  }
  .i2-index2InnerBox ul li .content .mide .text-box .text{
    font-size: 16px;
    line-height: 26px;
  }
  .i2-index2InnerBox ul li .content .mide{
    padding-top: 20px;
  }
  .i2-index2InnerBox ul li .content .mide .text-box{
    margin-top: 10px;
  }
  .i2-index2InnerBox ul .container .item .mide .content-box{
    margin-top: 10px;
  }
  .i2-index2InnerBox ul .container .item .mide .content-box .text{
    font-size: 16px;
    line-height: 26px;
  }
  .i2-index2InnerBox ul .container .item .mide .content-box .more{
    width: 35px;
    height: 35px;
  }
  .i2-index2InnerBox ul li .content .mide .text-box .more{
    width: 35px;
    height: 35px;
  }
  .i3-index1Box .i3-index1InnerBox .top .title h3{
    font-size: 36px;
  }
  .i3-index1Box .i3-index1InnerBox .top .title h4{
    font-size: 36px;
  }
  .i3-index1Box ul{
    /* height: 300px; */
    margin-top: 100px;
  }
  .i3-index1Box .i3-index1InnerBox .top a{
    width: 200px;
    height: 60px;
  }
  .i3-index1Box .i3-index1InnerBox .top a span{
    font-size: 16px;
  }
  .i3-index1Box .i3-index1InnerBox .top a img{
    width: 35px;
    height: 25px;
  }
  .i3-index1Box ul li .content h4{
    font-size: 26px;
  }
  .footerBox .top-contact{
    height: 220px;
  }
  .footerBox .top-contact .content a{
    width: 200px;
    height: 60px;
  }
  .footerBox .top-contact .content a span{
    font-size: 16px;
  }
  .footerBox .top-contact .content .left h6{
    margin-top: 20px;
  }
  .footerBox .top-contact .content .left h3{
    font-size: 36px;
  }
  .bottom-container .conatiner .left li h3 a{
    font-size: 18px;
  }
  .bottom-container .conatiner .right .phone h3{
    font-size: 50px;
  }
  .bottom-container .conatiner .right{
    width: 350px;
  }
  .bottom-container .footer-link .links{
    padding: 50px 0;
  }
  .bottom-container .conatiner{
    padding: 60px 0;
  }
  /* download */
  .d-index1InnerBox .title h3{
    font-size: 36px;
  }
  .d-index1InnerBox .title h4{
    font-size: 36px;
    margin-top: -25px;
  }
  .top-banner .content h3{
    font-size: 26px;
  }
  .top-banner .content .details p{
    font-size: 14px;
  }
  .top-banner .content .details .text span{
    font-size: 14px;
  }
  .top-banner .content .agreement span{
    font-size: 14px;
  }
  .top-banner .content .agreement a{
    font-size: 14px ;
  }
  .top-banner .content .more span{
    font-size: 14px;
  }
  .top-banner .content .more img{
    width: 32px;
    height: 22px;
  }
  .top-banner .content .more{
    width: 180px;
    height: 55px;
  }
  .d-index1InnerBox .select-box .public .content .name{
    font-size: 14px;
  }
  .d-index1InnerBox .down-list li .content .left .text a{
    font-size: 16px;
  }
  .d-index1InnerBox .down-list li .content .right .more{
    width: 110px;
    height: 38px;
    line-height: 38px;
  }
  .d-index1InnerBox .select-box .public ul{
    width: calc(100% - 5px - 31px - 56px); 
  }
  .d-index1InnerBox .select-box .jg ul{
    width: calc(100% - 5px - 31px - 28px);
  }
  .bottom-container .conatiner .left li:not(:first-of-type){
    margin-left: 90px;
  }
  .bottom-container .conatiner .right .qr-code img{
      width: 100px;
      height: 100px;
  }
}
@media only screen and (max-width:1430px) {
  .center{
    width: 1050px;
    /* border: 1px solid red; */
  }
  .i-index1InnerBox .i-top .left{
    width: 360px;
  }
  .i-index1InnerBox .i-top .right{
    width: 600px;
  }
  .i-index1InnerBox .i-top .right .img-box{
    width: 320px;
    height: 210px;
  }
  .pro-sw-box .my-pro-swiper{
    width: 800px;
  }
  .bottom-container .conatiner .left li:not(:first-of-type){
    margin-left: 65px;
  }
  .i2-index2InnerBox ul .public{
    height: 400px;
    margin-right: 30px;
    width: calc((100% - 60px) / 3);
  }
  .i3-index1Box ul{
    height: 320px;
    margin-top: 90px;
  }
  .bottom-container .footer-link .links{
      padding: 30px 0;
  }
  .i-index2InnerBox .city .flow-dzbg{
    left: 30%;
  }
  .i-index2InnerBox .city .flow-gjhy{
    top: 35%;
  }
  .i-index2InnerBox .city .flow-zhjk{
    right: 25%;
  }
  .i-index2InnerBox .city .flow-jrhy{
    left: 32%;
  }
  .i-index2InnerBox .city .flow-jyhy{
    right: 40%;
  }
  .i-index2InnerBox .city .flow-dlhy{
    right: 23%;
  }
}