/* @font-face{
	font-family:"douyv";
	src: url("../css/fonts/douyuFont-2.otf") format("opentype");
} */
* {
  margin: 0;
  padding: 0;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
/* body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #214279;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
} */
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
:root {
  --font-family: Source Han Sans CN;
}
.hamburger {
  display: none;
}
.x-center {
  width: 1140px;
}
.center {
  width: 1400px;
}
.header-box{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0px 3px 10px 0px rgba(0,0,0, 0.1);
}
.header-box .ct{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
  width: calc(100% - 120px);
  margin: 0 auto;
}
.header-box .ct .nav{
  display: flex;
  align-items: center;
  height: 100%;
}
.header-box .ct .nav li:not(:first-of-type){
  margin-left: 45px;
}
.header-box .ct .nav li{
  height: 100%;
  position: relative;
}
.header-box .ct .nav li>a{
  height: 100%;
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  position: relative;
}
.header-box .ct .nav li>a::after{
  display: block;
  content: '';
  width: 0;
  height: 3px;
  background-color: #4578B9;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}
.header-box .ct .nav li .two{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: scaleY(0) translateX(-50%);
  transform-origin: center top;
  opacity: 0;
  transition: 0.5s;
  width: 280px;
  box-shadow: 0px 3px 30px 0px rgba(6,15,26,0.09);
}
.header-box .ct .nav li:hover>.two{
  opacity: 1;
  transform: scaleY(1) translateX(-50%); 
}
.header-box .ct .nav li .two .row{
  width: 100%;
}
.header-box .ct .nav li .two .row>a{
  display: block;
  width: calc(100% - 65px - 10px);
  padding: 10px 10px 10px 65px;
  transition: 0.3s;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  background-color: #ffffff;
}
.header-box .ct .nav li .two .row>a:hover{
  background-color: #4578B9;
  color: #ffffff;
}
.header-box .ct .nav li .two .row:hover .three{
  transform: scaleX(1);
  opacity: 1;
}
.header-box .ct .nav li .two .row .three{
  position: absolute;
  left: 100%;
  top: 0;
  box-shadow: 0px 3px 30px 0px rgba(6,15,26,0.09);
  width: 250px;
  min-height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: 0.5s;
  background-color: #ffffff;
}
.header-box .ct .nav li .two .row .three a{
  display: block;
  background-color: #ffffff;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  transition: 0.3s;
  width: calc(100% - 48px - 10px);
  padding: 10px 10px 10px 48px;
}
.header-box .ct .nav li .two .row .three a:hover{
  background-color: #4578B9;
  color: #ffffff;
}
.header-box .ct .nav li>a:hover::after{
  width: 100%;
}
.header-box .ct .nav li.active>a::after{
  width: 100%;
}
.header-box .ct .right{
  display: flex;
  align-items: center;
}
.header-box .ct .right form{
  display: flex;
  align-items: center;
  width: calc(180px - 13px - 15px);
  padding: 0 15px 0 13px;
  height: 30px;
  border-radius: 15px;
  background-color: #F5F5F5;
}
.header-box .ct .right form input{
  width: calc(100% - 5px);
  height: 100%;
  padding: 0 5px 0 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #2B2B2B;
  border: none;
  outline: none;
  background: transparent;
  padding-right: 5px;
}
.header-box .ct .right form button{
  border: none;
  outline: none;
  height: 100%;
  cursor: pointer;
  background: transparent;
}
.header-box .ct .right form button i{
  font-size: 14px;
  color: #2B2B2B;
}
.header-box .ct .right .icon{
  display: flex;
  align-items: center;
}
.header-box .ct .right .icon a{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #7D7D7D;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
}
.header-box .ct .right .icon a .fl{
  max-width: 60%;
}
.header-box .ct .right .icon a .flow{
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: scaleY(0) translateX(-50%);
  transform-origin: center top;
  opacity: 0;
  transition: 0.5s;
  width: 100px;
  padding: 5px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.header-box .ct .right .icon a:hover>.flow{
  opacity: 1;
  transform: scaleY(1) translateX(-50%);
}
.header-box .ct .right .icon a:hover{
  background-color: #E3ECF5;
  border-color: #E3ECF5;
}
.header-box .ct .right .icon a .flow img{
  width: 100%;
}
.header-box .ct .right .icon a:not(:first-of-type){
  margin-left: 10px;
}
.header-box .ct .right .line{
  margin: 0 18px 0 24px;
  width: 1px;
  height: 31px;
  background-color: #e5e5e5;
}
.banner{
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 90px;
}
.banner video{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.banner #appVideo{
  display: none;
}
.banner .rund{
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  display: none;
}
.banner .rund i{
  font-size: 36px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: 0.5s;
}
.banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.i1-box{
  width: 100%;
  background: url('../images/ibg.jpg') no-repeat center / cover;
}
.i1Inner{
  margin: 0 auto;
  padding: 80px 0 130px 0;
}
.i1Inner .box{
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #BFBFBF;
  border-right: 1px solid #BFBFBF;
  border-left: 1px solid #BFBFBF;
  margin-top: 50px;
}
.i1Inner .box .item{
  width: calc((100%) / 3 - 56px);
  /*border-right: 1px solid #BFBFBF;*/
  border-bottom: 1px solid #BFBFBF;
  padding: 40px 28px 30px 28px;
  display: block;
  position: relative;
}
.i1Inner .box .item::after{
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #BFBFBF;
}
.i1Inner .box .item .tm h4{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #333333;
  text-align: center;
}
.i1Inner .box .item .tm p{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-top: 7px;
}
.i1Inner .box .item:nth-of-type(3n)::after{
  display: none;
}
.i1Inner .box .item .img-box{
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
.i1Inner .box .item .img-box img{
  max-width: 100%;
  max-height: 100%;
  transition: 0.5s;
}
.i1Inner .box .item:hover>.img-box img{
  transform: scale(1.05);
}
.i1Inner .box .item:nth-of-type(4),
.i1Inner .box .item:nth-of-type(5),
.i1Inner .box .item:nth-of-type(6){
  display: flex;
  justify-content: space-between;
}
.i1Inner .box .item:nth-of-type(4) .img-box,
.i1Inner .box .item:nth-of-type(5) .img-box,
.i1Inner .box .item:nth-of-type(6) .img-box{
  width: 170px;
  height: auto;
  margin-top: 0;
  align-items: flex-start;
}
.i1Inner .box .item:nth-of-type(4) .tm,
.i1Inner .box .item:nth-of-type(5) .tm,
.i1Inner .box .item:nth-of-type(6) .tm{
  width: calc(100% - 170px - 60px);
}
.i1Inner .box .item:nth-of-type(4) .tm h4,
.i1Inner .box .item:nth-of-type(5) .tm h4,
.i1Inner .box .item:nth-of-type(6) .tm h4,
.i1Inner .box .item:nth-of-type(4) .tm p,
.i1Inner .box .item:nth-of-type(5) .tm p,
.i1Inner .box .item:nth-of-type(6) .tm p{
  text-align: left;
}
.pbTitleBox{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbTitleBox .title{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbTitleBox .title h3{
  font-family: Arial;
  font-weight: 900;
  font-size: 80px;
  color: #222222;
  line-height: 1;
  opacity: 0.06;
}
.pbTitleBox.qh3 .title h4{
  margin-top: 0;
}
.pbTitleBox .title h4{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 50px;
  color: #333333;
  line-height: 1;
  margin-top: -35px;
}
.pbTitleBox.qh3 .line{
  margin: 26px 0 0 0;
}
.pbTitleBox .line{
  width: 40px;
  height: 5px;
  background: #4578B9;
  margin: 26px 0 28px 0;
}
.pbTitleBox h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  max-width: 80%;
  margin: 0 auto;
}
.i2-box{
  width: 100%;
  height: 800px;
  display: flex;
  background-color: #f8f8f8;
}
.i2-box .left{
  width: 50%;
  height: 100%;
  position: relative;
}
.i2-box .left .btn{
  position: absolute;
  bottom: 23px;
  right: 23px;
  z-index: 19;
  display: flex;
}
.i2-box .left .pb{
  width: 39px;
  height: 39px;
  background: rgba(69,120,185, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.i2-box .left .pb i{
  font-size: 20px;
  color: #ffffff;
}
.i2-box .left .next{
  margin-left: 5px;
}
.i2-box .left .mySwiper{
  width: 100%;
  height: 100%;
}
.i2-box .left .mySwiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i2-box .right{
  width: calc(50% - 70px - 250px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 250px 0 70px;
}
.i2-box .right .line{
  width: 40px;
  height: 5px;
  background: #4578B9;
  margin: 28px 0 40px 0;
}
.pbTitleBox.active{
  align-items: flex-start;
}
.pbTitleBox.active .title{
  align-items: flex-start;
}
.i2-box .right .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 26px;
}
.i2-box .right .txt p:not(:first-of-type){
  margin-top: 15px;
}
.i2-box .right .numContent{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.i2-box .right .numContent .num-b{
  width: calc((100% - 30px) / 3);
  margin-right: 15px;
  margin-top: 36px;
}
.i2-box .right .numContent .num-b:nth-of-type(3n){
  margin-right: 0;
}
.i2-box .right .numContent .num-b .numText{
  display: flex;
  align-items: flex-end;
}
.i2-box .right .numContent .num-b .numText .num{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 40px;
  color: #4578B9;
  line-height: 1;
}
.i2-box .right .numContent .num-b .numText span{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #4578B9;
  line-height: 1;
  margin-left: 5px;
}
.i2-box .right .numContent .num-b .text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-top: 7px;
}
.i3-box{
  width: 100%;
  padding: 80px 0 90px 0;
}
.i3-box .box{
  margin-top: 44px;
  width: 100%;
  height: 600px;
  display: flex;
}
.i3-box .box .left{
  width: 30%;
  height: 100%;
  position: relative;
}
.i3-box .box .left .ta{
  width: 100%;
  height: 100%;
  display: block;
}
.i3-box .box .left .ta img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i3-box .box .left .flow p,
.i3-box .box .left .flow .cc{
  display: none;
}
.i3-box .box .right{
  width: 70%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.i3-box .box .right .ta{
  width: calc((100% - 3px) / 3);
  height: calc((100% - 1px) / 2);
  position: relative;
  /*border-left: 1px solid #ffffff;*/
}
.i3-box .box .right .ta::after{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #FFFFFF;
}
.i3-box .box .right .ta:nth-of-type(1),
.i3-box .box .right .ta:nth-of-type(2),
.i3-box .box .right .ta:nth-of-type(3){
  border-bottom: 1px solid #ffffff;
}
.i3-box .box .right .ta img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i3-box .box .ta .flow{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 1s;
}
.i3-box .box .ta:hover>.flow{
  opacity: 1;
}
.i3-box .box .ta .flow h4{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 30px;
  color: #FFFFFF;
}
.i3-box .box .ta .flow .btn{
  width: 130px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #FFFFFF;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
  margin-top: 10px;
}
.i3-box .box .ta .flow .btn::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #4578B9;
  transition: 0.3s;
  height: 100%;
  width: 0;
  z-index: -1;
}
.i3-box .box .ta .flow .btn:hover{
  border-color: #4578B9;
}
.i3-box .box .ta .flow .btn:hover::before{
  width: 100%;
}
.i4-box{
  width: 100%;
}
.i4-box.active .i4Inner{
  padding-top: 75px;
}
.i4Inner{
  margin: 0 auto;
  padding-bottom: 60px;
}
.i4Inner .box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.i4Inner .box .item{
  width: calc((100% - 85px) / 2);
  margin-right: 85px;
  margin-bottom: 40px;
}
.i4Inner .box .item:nth-of-type(2n){
  margin-right: 0;
}
.i4Inner .box .item .img-box{
  width: 100%;
  height: 379px;
  overflow: hidden;
}
.i4Inner .box .item .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}
.i4Inner .box .item .img-box:hover>img{
  transform: scale(1.05);
}
.i4Inner .box .item .db{
  display: flex;
  justify-content: space-between;
  width: calc(100% - 36px);
  padding: 10px 18px 0 18px;
}
.i4Inner .box .item .db img{
  width: 66px;
  height: max-content;
}
.i4Inner .box .item .db .txt{
  width: calc(100% - 66px - 50px);
}
.i4Inner .box .item .db .txt h4{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #333333;
}
.i4Inner .box .item .db .txt p{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
  margin-top: 10px;
}
.i5-box{
  width: 100%;
  background: url('../images/i5-bg.jpg') no-repeat center / cover;
}
.i5Inner{
  margin: 0 auto;
  padding: 84px 0 50px 0;
}
.i5Inner .box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px;
}
.i5Inner .box a{
  width: calc((100% - 200px) / 5);
  margin-right: 50px;
}
.i5Inner .box a:nth-of-type(5n){
  margin-right: 0;
}
.i5Inner .box a img{
  width: 100%;
}
.i5Inner .box a:nth-of-type(1),
.i5Inner .box a:nth-of-type(2),
.i5Inner .box a:nth-of-type(3),
.i5Inner .box a:nth-of-type(4),
.i5Inner .box a:nth-of-type(5){
  margin-bottom: 130px;
}
.i6-box{
  width: 100%;
  background-color: #F8F8F8;
  padding-top: 67px;
}
.i6-box .box{
  margin-top: 50px;
  display: flex;
  height: 660px;
}
.i6-box .box .item{
  width: calc((100% - 38%) / 4);
  height: 100%;
  position: relative;
  transition: 1s;
  overflow: hidden;
}
.i6-box .box .item.active{
  width: 38%;
}
.i6-box .box .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(80%);
}
.i6-box .box .item .flow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  bottom: -100%;
  width: calc(100% - 95px - 30px);
  padding: 0 30px 0 95px;
  height: 89px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 0 50px 0 0;
  transition: 1s;
}
.i6-box .box .item .flow p{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 18px;
  color: #222222;
}
.i6-box .box .item .flow a{
  width: 130px;
  height: 30px;
  background: #4578B9;
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i6-box .box .item .mx{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  transition: 1s;
}
.i6-box .box .item.active .mx{
  bottom: -100%;
}
.i6-box .box .item.active .flow{
  bottom: 0;
}
.i7-box{
  width: 100%;
  background-color: #F8F8F8;
}
.i7Inner{
  margin: 0 auto;
  padding: 67px 0 79px 0;
}
.i7Inner .box{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  height: 600px;
}
.i7Inner .box .left{
  width: 460px;
  height: 100%;
}
.i7Inner .box .left a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.i7Inner .box .left a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.i7Inner .box .left a p{
  width: calc(100% - 16px);
  padding: 8px;
  background-color: rgba(0,0,0,0.8);
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -100%;
  transition: 0.5s;
}
.i7Inner .box .right{
  width: calc(100% - 460px - 10px);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.i7Inner .box .right a{
  width: calc((100% - 10px) / 2);
  height: calc((100% - 10px) / 2);
  margin-right: 10px;
  overflow: hidden;
  position: relative;
}
.i7Inner .box .right a:nth-of-type(2n){
  margin-right: 0px;
}
.i7Inner .box .right a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.i7Inner .box .right a p{
  width: calc(100% - 16px);
  padding: 8px;
  background-color: rgba(0,0,0,0.8);
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -100%;
  transition: 0.5s;
}
.i7Inner .box .right a:hover>img,
.i7Inner .box .left a:hover>img{
  transform: scale(1.05);
}
.i7Inner .box .right a:hover>p,
.i7Inner .box .left a:hover>p{
  bottom: 0;
}
.i8-box{
  width: 100%;
}
.i8Inner{
  margin: 0 auto;
  padding: 79px 0 99px 0;
}
.i8Inner .top{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
  margin-top: 60px;
}
.i8Inner .top .ab{
  display: flex;
}
.i8Inner .top .ab .item{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  padding-right: 49px;
  position: relative;
  cursor: pointer;
  padding-bottom: 4px;
}
.i8Inner .top .ab .item:hover::after{
  width: 100%;
}
.i8Inner .top .ab .item:hover{
  color: #4578B9;
  font-weight: bold;
}
.i8Inner .top .ab .item.active::after{
  width: 100%;
}
.i8Inner .top .ab .item.active{
  color: #4578B9;
  font-weight: bold;
}
.i8Inner .top .ab .item::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #4578B9;
  transition: 0.3s;
}
.i8Inner .top .ab .item:not(:first-of-type){
  margin-left: 40px;
}
.i8Inner .top a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #555555;
  transition: 0.3s;
}
.i8Inner .top a:hover{
  color: #4578B9;
}
.i8Inner .box{
  margin-top: 60px;
}
.i8Inner .box .item{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i8Inner .box .item .left{
  width: 700px;
  height: 430px;
  overflow: hidden;
  border-radius: 0 20px 0 20px;
}
.i8Inner .box .item .left .pbsw{
  width: 100%;
  height: 100%;
}
.i8Inner .box .item .left .pbsw a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.i8Inner .box .item .left .pbsw img{
  width: 100%;
  height: 100%;
}
.i8Inner .box .item .left .pbsw .db{
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #4578B9;
  height: 57px;
  display: flex;
  align-items: center;
  width: calc(100% - 21px);
  padding-left: 21px;
}
.i8Inner .box .item .left .pbsw .db p{
  max-width: 50%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i8Inner .box .item .left .pbsw .btn{
  position: absolute;
  bottom: 0;
  right: 0;
  height: 57px;
  background-color: #ffffff;
  width: calc(240px - 28px);
  padding-left: 28px;
  border-radius: 30px 0 0 0;
  z-index: 6;
  display: flex;
  align-items: center;
}
.i8Inner .box .item .left .pbsw .swiper-pagination{
  position: unset;
}
.i8Inner .box .item .left .pbsw .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background-color: #E5E5E5;
  opacity: 1;
}
.i8Inner .box .item .left .pbsw .swiper-pagination-bullet:not(:first-of-type){
  margin-left: 10px;
}
.i8Inner .box .item .left .pbsw .swiper-pagination-bullet-active{
  background-color: #4578B9;
}
.i8Inner .box .item .left .pbsw .btn .pn{
  display: flex;
  align-items: center;
  margin-left: 35px;
}
.i8Inner .box .item .left .pbsw .btn .pn i{
  font-size: 20px;
  color: #4578B9;
  cursor: pointer;
}
.i8Inner .box .item .left .pbsw .btn .pn .line{
  width: 1px;
  height: 18px;
  background: #E5E5E5;
  margin: 0 15px;
}
.i8Inner .box .item .right{
  width: calc(100% - 700px - 100px);
}
.i8Inner .box .item .right a{
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  padding: 28px 0;
  transition: 0.3s;
}
.i8Inner .box .item .right a:first-of-type{
  padding-top: 0;
}
.i8Inner .box .item .right a .time{
  width: 100px;
}
.i8Inner .box .item .right a .time p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #4578B9;
}
.i8Inner .box .item .right a .time span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.i8Inner .box .item .right a .txt{
  width: calc(100% - 100px - 25px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 26px;
  transition: 0.3s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i8Inner .box .item .right a:hover>.txt{
  color: #4578B9;
}
.i8Inner .box .item .right a:hover{
  transform: translateX(-10px);
}
.i8Inner .box .rq:not(:first-of-type){
  display: none;
}
.nbanner{
  width: 100%;
  height: 400px;
  margin-top: 90px;
}
.nbanner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab1-box{
  width: 100%;
  background: url('../images/a7.jpg') no-repeat center / cover;
}
.ab1-box .top{
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: center;
}
.ab1-box .top p{
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #4578B9;
  border-bottom: 2px solid #4578B9;
  padding: 26px 0;
}
.ab1-box .ct{
  margin: 0 auto;
  padding: 95px 0 65px 0;
}
.ab1-box .ct .js{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ab1-box .ct .left{
  width: 685px;
}
.ab1-box .ct .left .txt{
  margin-top: 25px;
}
.ab1-box .ct .left .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.ab1-box .ct .left .txt p:not(:first-of-type){
  margin-top: 18px;
}
.ab1-box .ct .ab1-swiper{
  margin-top: 67px;
  height: 220px;
}
.ab1-box .ct .ab1-swiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.ab1-box .ct .ab1-swiper .swiper-slide{
  overflow: hidden;
}
.ab1-box .ct .ab1-swiper img:hover{
  transform: scale(1.05);
}
.ab1-box .ct .ab1-swiper .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(69,120,185, 0.7);
  z-index: 9;
}
.ab1-box .ct .ab1-swiper .pb i{
  font-size: 18px;
  color: #ffffff;
}
.ab1-box .ct .ab1-swiper .prev{
  left: 0;
}
.ab1-box .ct .ab1-swiper .next{
  right: 0;
}
.ab1-box .bt{
  width: 100%;
  background-color: #F8F8F8;
}
.ab1-box .bt .numContent{
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  /* padding: ; */
}
.ab1-box .bt .numContent .num-b{
  padding: 60px 0;
}
.ab1-box .bt .numContent .numText{
  display: flex;
  align-items: flex-end;
}
.ab1-box .bt .numContent .numText .num{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 45px;
  color: #4578B9;
  line-height: 1;
}
.ab1-box .bt .numContent .numText span{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 27px;
  color: #4578B9;
  line-height: 1;
  padding-left: 8px;
}
.ab1-box .bt .numContent .text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-top: 9px;
}
.ab1-box .bt .numContent .line{
  width: 1px;
  background-color: #EEEEEE;
}
.nTitle{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nTitle h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 50px;
  color: #333333;
  line-height: 1;
}
.nTitle p{
  width: 40px;
  height: 5px;
  background: #4578B9;
  margin-top: 28px;
}
.nTitle.active{
  align-items: flex-start;
}
.ab1-box .ct .right{
  width: calc(100% - 685px - 55px);
  height: 435px;
  position: relative;
}
.ab1-box .ct .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab1-box .ct .right .rund{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 63px;
  height: 63px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ab1-box .ct .right .rund i{
  font-size: 26px;
  color: #ffffff;
  transition: 0.3s;
}
.ab1-box .ct .right .rund:hover i{
  transform: rotate(360deg);
}
.ab2-box{
  width: 100%;
  position: relative;
}
.ab2-box .bg{
  width: 100%;
}
.ab2-box .flow{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ab2-box .flow .rund{
  width: 103px;
  height: 103px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab2-box .flow .rund img{
  max-width: 60%;
  transition: 0.3s;
}
.ab2-box .flow .rund:hover img{
  transform: rotate(360deg);
}
.ab2-box .flow p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  margin-top: 45px;
}
.ab3-box{
  width: 100%;
}
.ab3Inner{
  margin: 0 auto;
  padding: 75px 0 90px 0;
}
.ab3Inner .ab3-swiper{
  margin-top: 47px;
  height: 300px;
}
.ab3Inner .ab3-swiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.ab3Inner .ab3-swiper .swiper-slide{
  overflow: hidden;
}
.ab3Inner .ab3-swiper img:hover{
  transform: scale(1.05);
}
.ab3Inner .ab3-swiper .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(69,120,185, 0.7);
  z-index: 9;
}
.ab3Inner .ab3-swiper .pb i{
  font-size: 18px;
  color: #ffffff;
}
.ab3Inner .ab3-swiper .prev{
  left: 0;
}
.ab3Inner .ab3-swiper .next{
  right: 0;
}
.pro1-box{
  width: 100%;
  background-color: #F8F8F8;
}
.pro1Inner{
  margin: 0 auto;
  display: flex;
}
.pro1Inner a{
  width: calc(100% / 7);
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s;
}
.pro1Inner a .ib img:last-of-type{
  display: none;
}
.pro1Inner a .ib img{
  height: 35px;
}
.pro1Inner a p{
  margin-top: 17px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
}
.pro1Inner a:hover{
  background-color: #4578B9;
}
.pro1Inner a:hover .ib img:last-of-type{
  display: block;
}
.pro1Inner a:hover .ib img:first-of-type{
  display: none;
}
.pro1Inner a:hover p{
  color: #ffffff;
}
.pro1Inner a.active{
  background-color: #4578B9;
}
.pro1Inner a.active .ib img:last-of-type{
  display: block;
}
.pro1Inner a.active .ib img:first-of-type{
  display: none;
}
.pro1Inner a.active p{
  color: #ffffff;
}
.pro2-box{
  width: 100%;
}
.pro2Inner{
  margin: 0 auto;
  padding: 45px 0 60px 0;
}
.pro2Inner .pnav{
  display: flex;
  flex-wrap: wrap;
}
.pro2Inner .pnav a{
  margin-right: 10px;
  padding: 5px 18px;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  transition: 0.3s;
  margin-bottom: 10px;
}
.pro2Inner .pnav a:hover,
.pro2Inner .pnav a.active{
  background-color: #4578B9;
  border-color: #4578B9;
  color: #ffffff;
}
.p1-list{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.p1-list li{
  width: calc((100% - 80px) / 3 - 6px);
  margin-right: 40px;
  margin-bottom: 25px;
  border: 1px solid transparent;
  transition: 0.3s;
}
.p1-list li:nth-of-type(3n){
  margin-right: 0;
}
.p1-list li a{
  display: block;
}
.p1-list li:hover a .txt h3{
  color: #4578B9;
}
.p1-list li:hover{
  border-color: #4578B9;
  box-shadow: 0px 3px 30px 0px rgba(25,48,77,0.15);
}
.p1-list li a .ib{
  width: calc(100% - 2px);
  height: 319px;
  /*background-color: #F8F8F8;*/
  border: 1px solid #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p1-list li a .ib img{
  max-width: 90%;
  max-height: 90%;
}
.p1-list li a .txt{
  width: calc(100% - 20px);
  padding: 17px 10px 25px 10px;
}
.p1-list li a .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 20px;
  color: #333333;
  text-align: center;
  transition: 0.3s;
}
.p1-list li a .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-top: 10px;
}
.pt1-box{
  margin-top: 90px;
  background-color: #F8F8F8;
}
.pt1Inner{
  margin: 0 auto;
}
.pb-nav{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DCDCDC;
  padding: 27px 0 15px 0;
}
.pb-nav a,
.pb-nav span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
}
.pb-nav span{
  margin: 0 3px;
}
.pt1Inner .box{
  display: flex;
  justify-content: space-between;
  padding: 70px 0 50px 0;
  width: calc(100% - 350px);
  margin-left: auto;
}
.pt1Inner .box .left{
  width: 457px;
}
.pt1Inner .box .left h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #222222;
}
.pt1Inner .box .left h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-top: 20px;
}
.pt1Inner .box .left .txt{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  line-height: 30px;
  margin-top: 40px;
}
.pt1Inner .box .right{
  width: calc(100% - 457px - 92px);
}
.pt1Inner .box .right .top-swiper{
  width: 100%;
  height: 420px;
  background-color: #ffffff;
}
.pt1Inner .box .right .top-swiper .img-box{
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pt1Inner .box .right .top-swiper .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.pt1Inner .box .right .top-swiper .img-box .flow{
  cursor: pointer;
  width: 70px;
  height: 70px;
  background: #4578B9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.pt1Inner .box .right .top-swiper .img-box .flow i{
  font-size: 32px;
  color: #ffffff;
}
.pt1Inner .box .right .bottom-swiper{
  width: 100%;
  height: 65px;
  margin-top: 13px;
}
.pt1Inner .box .right .bottom-swiper .img-box{
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
  border: 2px solid #ffffff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.pt1Inner .box .right .bottom-swiper .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.pt1Inner .box .right .bottom-swiper .img-box .flow{
  cursor: pointer;
  width: 25px;
  height: 25px;
  background: #4578B9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.pt1Inner .box .right .bottom-swiper .img-box .flow i{
  font-size: 14px;
  color: #ffffff;
}
.pt1Inner .box .right .bottom-swiper .swiper-slide-thumb-active .img-box{
  border-color: #4578B9;
}
.pt2-box{
  width: 100%;
}
.pt2Inner{
  margin: 0 auto;
  padding: 70px 0 59px 0;
}
.md-nav{
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #E5E5E5;
}
.md-nav a{
  width: 150px;
  height: 46px;
  border-radius: 8px 8px 0 0;
  transition: 0.3s;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  background-color: #EEEEEE;
  margin-right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-nav a:hover,
.md-nav a.active{
  background-color: #4578B9;
  color: #ffffff;
}
.ny-title{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ny-title h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 28px;
  color: #4578B9;
  margin: 0 13px;
}
.ny-title p{
  width: 99px;
  height: 1px;
  background: #4578B9;
}
.pt2Inner .cs{
  margin-top: 50px;
}
.pt2Inner .cs .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 28px;
  margin-top: 48px;
}
.pt2Inner .cs table{
  width: 100%;
  border-collapse: collapse;
  margin-top: 40px;
  background: #FFFFFF;
  box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);
  border-radius: 20px;
}
.pt2Inner .cs table tr:nth-of-type(even){
  background-color: #F7FBFF;
}
.pt2Inner .cs table tr{
  display: flex;
}
.pt2Inner .cs table tr td{
  padding: 28px 60px;
  width: calc(50% - 120px);
  display: flex;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  /*justify-content: space-between;*/
}
.pt2Inner .cs table tr td:not(:first-of-type){
  border-left: 1px solid #E7F2FC;
}
.pt2Inner .cs table tr td p:first-of-type{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  width: 120px;
}
.pt2Inner .cs table tr td span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  width: calc(100% - 120px - 10px);
}
.pt2Inner .xp {
  margin-top: 80px;
}
.pt2Inner .xp .box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.pt2Inner .xp .box a{
  width: calc((100% - 119px) / 8);
  margin-right: 17px;
  margin-bottom: 35px;
  transition: 0.3s;
}
.pt2Inner .xp .box a:hover{
  transform: translateY(-10px);
}
.pt2Inner .xp .box a:nth-of-type(8n){
  margin-right: 0;
}
.pt2Inner .xp .box a .ib{
  width: 100%;
  height: 150px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 30px 0px rgba(25,48,77,0.15);
}
.pt2Inner .xp .box a .ib img{
  max-width: 100%;
  max-height: 100%;
}
.pt2Inner .xp .box a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  margin-top: 15px;
  transition: 0.3s;
}
.pt2Inner .xp .box a:hover p{
  color: #4578B9;
}
.pt2Inner .sb{
  margin-top: 100px;
}
.pt2Inner .sb .tm{
  line-height: 1;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #222222;
  padding-left: 9px;
  border-left: 8px solid #4578B9;
}
.pt2Inner .sb .box .item{
  margin-top: 33px;
}
.pt2Inner .sb .box .item .rq{
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
.pt2Inner .sb .box .item .rq a{
  width: calc((100% - 119px) / 8);
  margin-right: 17px;
  margin-bottom: 17px;
  transition: 0.3s;
  display: grid;
}
.pt2Inner .sb .box .item .rq.ykl a{
  width: calc((100% - 85px) / 6);
}
.pt2Inner .sb .box .item .rq.ykl a:nth-of-type(6n){
  margin-right: 0;
}
.pt2Inner .sb .box .item .rq.ykl a:nth-of-type(8n){
  margin-right: 17px;
}
.pt2Inner .sb .box .item .rq a img{
  width: 100%;
}
.pt2Inner .sb .box .item .rq a:nth-of-type(8n){
  margin-right: 0px;
}
.pt2Inner .sb .box .item .rq a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  margin-top: 7px;
  transition: 0.3s;
  align-self: flex-end;
}
.pt2Inner .sb .box .item .rq a:hover{
  transform: translateY(-10px);
}
.pt2Inner .sb .box .item .rq a:hover p{
  color: #4578B9;
}
.pt2Inner .sb .box .zg{
  width: 100%;
  margin-top: 25px;
}
.pt2Inner .kzxt{
  margin-top: 100px;
}
.pt2Inner .kzxt .box{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.pt2Inner .kzxt .box .item{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  margin-bottom: 30px;
  transition: 0.3s;
}
.pt2Inner .kzxt .box .item:nth-of-type(2n){
  margin-right: 0;
}
.pt2Inner .kzxt .box .item .ib{
  width: 100%;
  height: 340px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);
}
.pt2Inner .kzxt .box .item .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pt2Inner .kzxt .box .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  margin-top: 27px;
  transition: 0.3s;
}
.pt2Inner .kzxt .box .item:hover p{
  color: #4578B9;
}
.pt2Inner .kzxt .box .item:hover{
  transform: translateY(-10px);
}
.pt2Inner .cpys{
  margin-top: 65px;
}
.pt2Inner .cpys .box{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.pt2Inner .cpys .box a{
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  margin-bottom: 40px;
  transition: 0.3s;
  box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);
  background-color: #ffffff;
}
.pt2Inner .cpys .box a:hover{
  transform: translateY(-15px);
}
.pt2Inner .cpys .box a:hover .txt h3{
  color: #4578B9;
}
.pt2Inner .cpys .box a:nth-of-type(3n){
  margin-right: 0;
}
.pt2Inner .cpys .box a .ib{
  width: 100%;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pt2Inner .cpys .box a .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pt2Inner .cpys .box a .txt{
  width: calc(100% - 48px);
  padding: 16px 24px 30px 24px;
}
.pt2Inner .cpys .box a .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #222222;
  transition: 0.3s;
}
.pt2Inner .cpys .box a .txt p{
  width: 26px;
  height: 3px;
  background: #4578B9;
  margin: 15px 0 17px 0;
}
.pt2Inner .cpys .box a .txt h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 22px;
}
.pt2Inner .sccj{
  margin-top: 50px;
}
.pt2Inner .sccj .box{
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
  height: 540px;
}
.pt2Inner .sccj .box .left{
  width: 560px;
  height: 100%;
  overflow: hidden;
}
.pt2Inner .sccj .box .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}
.pt2Inner .sccj .box .right{
  width: calc(100% - 560px - 20px);
  display: flex;
  flex-wrap: wrap;
}
.pt2Inner .sccj .box .right .item{
  width: calc((100% - 20px) / 2);
  height: calc((100% - 20px) / 2);
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.pt2Inner .sccj .box .right .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}
.pt2Inner .sccj .box .left:hover img{
  transform: scale(1.02);
}
.pt2Inner .sccj .box .right .item:hover img{
  transform: scale(1.02);
}
.pt2Inner .sccj .box .right .item:nth-of-type(2n){
  margin-right: 0;
}
.pt2Inner .sccj .box .right .item:nth-of-type(3),
.pt2Inner .sccj .box .right .item:nth-of-type(4){
  margin-bottom: 0;
}
.pt2-2box{
  background: url('../images/pt2-cpzsBg.png') no-repeat center / cover;
}
.pt2-2box.active{
  display: none;
}
.pt2-2Inner{
  padding: 84px 0 204px 0;
  margin: 0 auto;
}
.pt2-2Inner .my-zy-swiper{
  margin-top: 80px;
  width: 100%;
  padding: 10px 0;
}
.pt2-2Inner .my-zy-swiper .swiper-slide{
  width: 20%;
  box-shadow: 0px 0px 10px 0px rgba(8,19,32,0.66);
}
.pt2-2Inner .my-zy-swiper img{
  width: 100%;
}
.pt2-3box{
  width: 100%;
}
.pt2-3Inner{
  margin: 0 auto;
  padding: 40px 0 120px 0;
}
.pt2-3Inner .box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 45px;
}
.pt2-3Inner .box a{
  width: calc((100% - 81px) / 4);
  margin-right: 27px;
  margin-bottom: 30px;
  height: 230px;
  position: relative;
  overflow: hidden;
}
.pt2-3Inner .box a .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.pt2-3Inner .box a:hover .bg{
  transform: scale(1.05);
}
.pt2-3Inner .box a:nth-of-type(4n){
  margin-right: 0;
}
.pt2-3Inner .box a .txt{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(69, 120, 185, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 0;
}
.pt2-3Inner .box a .flow{
  position: absolute;
  top: 11px;
  left: 9px;
}
.pt2-3Inner .box a .flow p{
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%,-50%);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.pt4-box{
  width: 100%;
}
.pt4Inner{
  margin: 0 auto;
  padding: 70px 0 120px 0;
}
.pt4Inner .cpcs{
  margin-top: 55px;
}
.pt4Inner .cpcs img{
  width: 100%;
  margin-top: 30px;
}
.pt4Inner .cpjs{
  margin-top: 65px;
}
.pt4Inner .cpjs .box{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.pt4Inner .cpjs .box .item{
  width: calc((100% - 110px) / 3);
  margin-right: 55px;
  margin-bottom: 55px;
  transition: 0.3s;
}
.pt4Inner .cpjs .box .item:hover{
  transform: translateY(-15px);
}
.pt4Inner .cpjs .box .item:nth-of-type(3n){
  margin-right: 0;
}
.pt4Inner .cpjs .box .item img{
  width: 100%;
}
.pt4Inner .cpjs .box .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  text-align: center;
  width: 90%;
  margin: 17px auto;
}
.pt4Inner .xpcp{
  margin-top: 45px;
}
.pt4Inner .xpcp .box{
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
}
.pt4Inner .xpcp .box .item{
  width: calc((100% - 84px) / 4);
  margin-right: 28px;
  position: relative;
}
.pt4Inner .xpcp .box .item:nth-of-type(4n){
  margin-right: 0;
}
.pt4Inner .xpcp .box .item img{
  width: 100%;
}
.pt4Inner .xpcp .box .item .flow{
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  background-color: rgba(69, 120, 185, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: 0.5s;
  width: 0;
  height: 0;
  overflow: hidden;
}
.pt4Inner .xpcp .box .item:hover .flow{
  width: calc(100% - 30px);
  height: 100%;
  opacity: 1;
}
.pt4Inner .kpcp{
  margin-top: 85px;
}
.pt4Inner .kpcp img{
  width: 100%;
  margin-top: 40px;
}
.pt4Inner .kzxt{
  margin-top: 80px;
}
.pt4Inner .kzxt .box{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.pt4Inner .kzxt .box .item{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
}
.pt4Inner .kzxt .box .item:nth-of-type(2n){
  margin-right: 0;
}
.pt4Inner .kzxt .box .item .ib{
  width: 100%;
  height: 600px;
  background-color: #ffffff;
  box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pt4Inner .kzxt .box .item .ib img{
  max-width: 100%;
  max-height: 100%;
}
.pt4Inner .kzxt .box .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  margin-top: 38px;
}
.pt4Inner .dgxt{
  margin-top: 100px;
}
.pt4Inner .dgxt .box{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.pt4Inner .dgxt .box .item{
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  background-color: #ffffff;
  box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);
  transition: 0.3s;
}
.pt4Inner .dgxt .box .item:hover{
  transform: translateY(-15px);
}
.pt4Inner .dgxt .box .item:nth-of-type(3n){
  margin-right: 0;
}
.pt4Inner .dgxt .box .item .ib{
  width: 100%;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pt4Inner .dgxt .box .item .ib img{
  max-width: 100%;
  max-height: 100%;
}
.pt4Inner .dgxt .box .item .txt{
  width: calc(100% - 48px);
  padding: 15px 24px 30px 24px;
}
.pt4Inner .dgxt .box .item .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #222222;
}
.pt4Inner .dgxt .box .item .txt p{
  width: 26px;
  height: 3px;
  background: #4578B9;
  margin: 15px 0 17px 0;
}
.pt4Inner .dgxt .box .item .txt h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.pt4Inner .azsyt{
  margin-top: 90px;
}
.pt4Inner .azsyt .box{
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
}
.pt4Inner .azsyt .box .item{
  width: calc((100% - 84px) / 4);
  margin-right: 28px;
  position: relative;
  transition: 0.3s;
}
.pt4Inner .azsyt .box .item:hover{
  transform: translateY(-15px);
}
.pt4Inner .azsyt .box .item:nth-of-type(4n){
  margin-right: 0;
}
.pt4Inner .azsyt .box .item img{
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.pt4Inner .azsyt .box .item .flow{
  width: calc(100% - 30px);
  padding: 5px 15px;
  background-color: rgba(69, 120, 185, 0.9);
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.coo1-box{
  width: 100%;
  background: url('../images/coo2.png') no-repeat center / cover;
}
.coo1Inner{
  padding: 99px 0 92px 0;
  margin: 0 auto;
}
.coo1Inner .pbTitleBox .title h4{
  color: #ffffff;
}
.coo1Inner .pbTitleBox .line{
  background-color: #4578B9;
}
.coo1Inner .box{
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.coo1Inner .box .item{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.coo1Inner .box .item .rund{
  width: 98px;
  height: 98px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.coo1Inner .box .item .rund img{
  transition: 0.3s;
}
.coo1Inner .box .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 24px;
  transition: 0.3s;
}
.coo1Inner .box .item:hover .rund{
  border-color: #4578B9;
  background-color: #4578B9;
}
.coo1Inner .box .item:hover .rund img{
  transform: rotateY(180deg);
}
.coo1Inner .box .item:hover p{
  color: #4578B9;
}
.coo2-box{
  width: 100%;
}
.coo2Inner{
  padding: 109px 0 154px 0;
  margin: 0 auto;
}
.coo2Inner .box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 45px;
}
.coo2Inner .box .item{
  width: calc((100% - 80px) / 3 - 100px);
  padding: 0 50px;
  height: 150px;
  background-color: #F5F5F5;
  margin-right: 40px;
  margin-bottom: 30px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coo2Inner .box .item img{
  transition: 0.3s;
}
.coo2Inner .box .item:nth-of-type(3n){
  margin-right: 0;
}
.coo2Inner .box .item .txt{
  width: calc(100% - 50px - 40px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}
.coo2Inner .box .item:hover{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.coo2Inner .box .item:hover img{
  transform: rotateY(-180deg);
}
.case1-box{
  width: 100%;
}
.case1Inner{
  padding: 100px 0 145px 0;
  margin: 0 auto;
}
.case1Inner .box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
}
.case1Inner .box a{
  width: calc((100% - 80px) / 2);
  margin-right: 80px;
  margin-bottom: 60px;
  border-radius: 20px;
  transition: 0.3s;
  overflow: hidden;
  background-color: #F8F8F8;
  display: none;
}
.case1Inner .box a.show{
  display: block;
}
.case1Inner .box a:nth-of-type(2n){
  margin-right: 0;
}
.case1Inner .box a img{
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.case1Inner .box a .txt{
  width: calc(100% - 78px);
  background-color: #F8F8F8;
  padding: 25px 39px 45px 39px;
}
.case1Inner .box a .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #333333;
}
.case1Inner .box a .txt p{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
  margin-top: 10px;
}
.case1Inner .box a:hover{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  transform: translateY(-15px);
}
.case1Inner .more{
  height: 60px;
  background: #F5F5F5;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  transition: 0.3s;
}
.case1Inner .more:hover{
  color: #4578B9;
}
.case2-box{
  width: 100%;
}
.case2Inner{
  margin: 0 auto;
  padding: 0 0 145px 0;
}
.case2Inner .box{
  position: relative;
  margin-top: 49px;
}
.case2Inner .box .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEEEEE;
  transition: 0.3s;
  width: 24px;
  height: 70px;
}
.case2Inner .box .pb i{
  font-size: 18px;
  color: #333333;
  transition: 0.3s;
}
.case2Inner .box .pb:hover{
  background-color: #4578B9;
}
.case2Inner .box .pb:hover i{
  color: #ffffff;
}
.case2Inner .box .prev{
  left: -37px;
}
.case2Inner .box .next{
  right: -37px;
}
.case2Inner .box .case-swiper{
  width: 100%;
  height: 224px;
}
.case2Inner .box .case-swiper .ib{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.case2Inner .box .case-swiper .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case2Inner .box .case-swiper .ib .flow{
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: 0.5s;
}
.case2Inner .box .case-swiper .ib:hover .flow{
  width: calc(100% - 30px);
  height: 100%;
  opacity: 1;
}
.cased1-box{
  width: 100%;
  background-color: #EEEEEE;
}
.cased1Inner{
  margin: 0 auto;
  padding-bottom: 44px;
}
.cased1Inner .box{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.cased1Inner .box .left{
  width: 680px;
  height: 450px;
  position: relative;
}
.cased1Inner .box .left .qh{
  position: absolute;
  right: 13px;
  bottom: 13px;
  display: flex;
  justify-content: flex-end;
  z-index: 9;
}
.cased1Inner .box .left .qh .pb{
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.cased1Inner .box .left .qh .pb:last-of-type{
  margin-left: 10px;
}
.cased1Inner .box .left .qh .pb i{
  font-size: 22px;
  color: #ffffff;
}
.cased1Inner .box .left .qh .pb:hover{
  background-color: #4578B9;
}
.cased1Inner .box .left .cased-swiper{
  height: 100%;
  width: 100%;
}
.cased1Inner .box .left .cased-swiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cased1Inner .box .right{
  width: calc(100% - 680px - 54px);
}
.cased1Inner .box .right h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #333333;
}
.cased1Inner .box .right .line{
  width: 36px;
  height: 3px;
  background: #4578B9;
  margin: 23px 0 27px 0;
}
.cased1Inner .box .right h6{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
}
.cased1Inner .box .right a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 43px;
  border-radius: 6px;
  border: 1px solid #BFBFBF;
  margin-top: 62px;
  transition: 0.3s;
}
.cased1Inner .box .right a i{
  font-size: 20px;
  color: #444444;
  transition: 0.3s;
}
.cased1Inner .box .right a span{
  margin-left: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  transition: 0.3s;
}
.cased1Inner .box .right a:hover{
  border-color: #4578B9;
  background-color: #4578B9;
}
.cased1Inner .box .right a:hover i,
.cased1Inner .box .right a:hover span{
  color: #ffffff;
}
.cased2-box{
  width: 100%;
}
.cased2Inner{
  margin: 0 auto;
  padding: 55px 0 90px 0;
}
.cased2Inner .tm p{
  border-left: 6px solid #4578B9;
  line-height: 1;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #222222;
  padding-left: 16px;
}
.cased2Inner .tm .line{
  width: 100%;
  height: 1px;
  margin-top: 25px;
  background-color: #E5E5E5;
}
.cased2Inner .box{
  margin-top: 30px;
}
.cased2Inner .box img{
  margin: 20px auto 0;
  max-width: 100%;
}
.cased2Inner .box video{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.cased2Inner .box p,
.cased2Inner .box span{
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 14px;
  color: #222222 !important;
  margin-top: 25px;
}
.con1-box{
  width: 100%;
}
.con1Inner{
  padding: 80px 0;
  margin: 0 auto;
}
.con1Inner .box{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.con1Inner .box .left{
  width: calc(100% - 810px - 50px);
}
.con1Inner .box .left h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #222222;
}
.con1Inner .box .left .txt{
  margin: 20px 0 50px 0;
}
.con1Inner .box .left .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.con1Inner .box .left .txt p a{
  color: #222222;
}
.con1Inner .box .left .icon{
  display: flex;
  align-items: center;
}
.con1Inner .box .left .icon a{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #7D7D7D;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
}
.con1Inner .box .left .icon a .fl{
  max-width: 60%;
}
.con1Inner .box .left .icon a .flow{
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: scaleY(0) translateX(-50%);
  transform-origin: center top;
  opacity: 0;
  transition: 0.5s;
  width: 100px;
  padding: 5px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.con1Inner .box .left .icon a:hover>.flow{
  opacity: 1;
  transform: scaleY(1) translateX(-50%);
}
.con1Inner .box .left .icon a:hover{
  background-color: #E3ECF5;
  border-color: #E3ECF5;
}
.con1Inner .box .left .icon a .flow img{
  width: 100%;
}
.con1Inner .box .left .icon a:not(:first-of-type){
  margin-left: 10px;
}
.con1Inner .box .right{
  width: 810px;
  height: 380px;
}
.con1Inner .box .right #map{
  width: 100%;
  height: 100%;
}
#map .BMap_cpyCtrl{
  display:none;
}
#map .anchorBL{
  display:none;
}
.con2-box{
  width: 100%;
  background-color: #FAFBFC;
}
.con2Inner{
  margin: 0 auto;
  padding: 120px 0 110px 0;
}
.con2Inner form{
  margin-top: 78px;
}
.con2Inner form .row{
  display: flex;
  justify-content: space-between;
}
.con2Inner form .row input{
  width: calc((100% - 110px) / 3);
  height: 68px;
  border-radius: 8px;
  border: 1px solid #7D7D7D;
  background-color: transparent;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  text-indent: 20px;
  margin-bottom: 40px;
}
.con2Inner form select{
  width: 100%;
  height: 68px;
  border-radius: 8px;
  border: 1px solid #7D7D7D;
  background-color: transparent;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  text-indent: 20px;
  margin-bottom: 40px;
}
.layui-input{
  width: 100%;
  height: 68px;
  border-radius: 8px;
  border: 1px solid #7D7D7D;
  background-color: transparent;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  text-indent: 20px;
  margin-bottom: 40px;
}
.layui-form-select dl{
  top: 72px;
}
.con2Inner form textarea{
  resize: none;
  border-radius: 8px;
  border: 1px solid #7D7D7D;
  background-color: transparent;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  text-indent: 20px;
  margin-bottom: 40px;
  width: 100%;
  height: 170px;
  padding-top: 15px;
}
.con2Inner form button{
  outline: none;
  border: none;
  width: 500px;
  height: 70px;
  background: #DCDCDC;
  border-radius: 35px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0 auto;
  display: block;
  transition: 0.3s;
}
.con2Inner form button:hover{
  background-color: #4578B9;
}
.news-box{
  width: 100%;
}
.newsInner{
  margin: 0 auto;
  padding: 55px 0 180px 0;
}
.news-list{
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
}
.news-list li{
  width: calc((100% - 200px) / 3);
  margin-right: 100px;
  margin-bottom: 110px;
  position: relative;
  height: 450px;
}
.news-list li:nth-of-type(3n){
  margin-right: 0;
}
.news-list li img{
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.5s;
  object-fit: cover;
}
.news-list li:hover img{
  width: 100%;
  height: 280px;
  opacity: 1;
}
.news-list li .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
.news-list li .time span{
  font-size: 42px;
}
.news-list li h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  line-height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 72px;
  margin: 32px 0 41px 0;
}
.news-list li h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.news-list li a{
  width: 118px;
  height: 38px;
  border: 1px solid #7D7D7D;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.news-list li:hover a{
  background-color: #4578B9;
  border-color: #4578B9;
  color: #ffffff;
}
.news-nav{
  border-bottom: 1px solid #EEEEEE;
}
.news-nav .ct{
  margin: 0 auto;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-nav .ct a{
  height: 100%;
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
  position: relative;
}
.news-nav .ct a::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #4578B9;
  height: 2px;
  width: 0;
  transition: 0.3s;
}
.news-nav .ct a:hover,
.news-nav .ct a.active{
  color: #4578B9;
}
.news-nav .ct a:hover::after,
.news-nav .ct a.active::after{
  width: 100%;
}
.news-nav .ct span{
  height: 16px;
  width: 1px;
  background-color: #DCDCDC;
  margin: 0 39px;
}
.nd-nav{
  border-bottom: 1px solid #EEEEEE;
}
.nd-nav .ct{
  margin: 0 auto;
}
.nd-nav .ct .pb-nav{
  border-bottom: none;
}
.nd-box{
  width: 100%;
}
.ndInner{
  margin: 0 auto;
  padding: 38px 0 115px 0;
  display: flex;
  justify-content: space-between;
}
.ndInner .slide{
  width: 280px;
}
.ndInner .slide .tm{
  height: 60px;
  background: #4578B9;
  border-radius:0 20px 0 0;
  width: calc(100% - 21px);
  padding-left: 21px;
  line-height: 60px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
}
.ndInner .slide .one a{
  display: flex;
  align-items: center;
  width: calc(100% - 21px);
  padding-left: 21px;
  transition: 0.3s;
  height: 60px;
  background-color: #F8F8F8;
  border-top: 1px solid #ffffff;
}
.ndInner .slide .one a i{
  font-size: 16px;
  color: #4578B9;
  transition: 0.3s;
}
.ndInner .slide .one a p{
  margin-left: 8px;
  transition: 0.3s;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.ndInner .slide .one a:hover,
.ndInner .slide .one a.active{
  padding-left: 41px;
  width: calc(100% - 41px);
  background-color: #4578B9;
}
.ndInner .slide .one a:hover i,
.ndInner .slide .one a:hover p,
.ndInner .slide .one a.active i,
.ndInner .slide .one a.active p{
  color: #ffffff;
}
.ndInner .slide .two a{
  background-color: #F8F8F8;
  transition: 0.3s;
  border-top: 1px solid #EEEEEE;
  width: calc(100% - 42px);
  padding: 10px 21px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  display: block;
}
.ndInner .slide .two a span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.ndInner .slide .two a:hover{
  background-color: #4578B9;
  color: #ffffff;
}
.ndInner .slide .item:not(:first-of-type){
  margin-top: 20px;
}
.ndInner .right{
  width: calc(100% - 280px - 40px);
}
.ndInner .right .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  text-align: center;
}
.ndInner .right .time{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 25px 0;
}
.ndInner .right .time p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.ndInner .right .time p:not(:first-of-type){
  margin-left: 30px;
}
.ndInner .right .content img{
  margin: 20px auto;
  max-width: 100%;
}
.ndInner .right .content p,
.ndInner .right .content span{
  /*font-family: var(--font-family) !important;*/
  /*font-weight: 400;*/
  /*font-size: 14px;*/
  /*color: #222222 !important;*/
  margin-top: 25px;
}
.ndInner .right .content video{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.ndInner .right .bottom{
  margin-top: 100px;
  padding-top: 30px;
  border-top: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ndInner .right .bottom a{
  max-width: 45%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  transition: 0.3s;
}
.ndInner .right .bottom a:hover{
  color: #4578B9;
}
.page {
  width: 100%;
  margin-top: 30px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  padding: 0px;
}
.page .el-pagination__total{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.page .el-pagination .btn-prev {
  width: 48px;
  height: 48px;
  margin-right: 5px;
  padding: 0;
  background: #EEEEEE;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
}
.page .el-pagination .btn-next {
  padding: 0;
  width: 48px;
  background: #EEEEEE;
  border: 1px solid #EEEEEE;
  height: 48px;
  border-radius: 6px;
}
.page .el-pager li {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #ffffff;
  border: 1px solid #DDDDDD !important;
  margin-right: 5px;
  padding: 0px;
  border-radius: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.page .el-pager li.active {
  background-color: #4578B9;
  color: #ffffff;
}
.page .el-pagination .el-pager li:hover {
  color: #FFFFFF !important;
  background-color: #4578B9;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #4578B9;
}
.diaolog{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
}
.diaolog video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 75%;
  max-width: 75%;
}
.diaolog i{
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}
.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  min-height: 100px;
  max-height: 150px;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.pd-slide{
  width: 300px;
  position: absolute;
  top: 140px;
  left: calc((100% - 1400px) / 2);
}
.pd-slide .tm h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #4578B9;
  line-height: 1;
}
.pd-slide .tm .line{
  width: 75px;
  height: 5px;
  background-color: #4578B9;
  margin: 15px 0 30px 0;
}
.pd-slide .dh{
  background-color: #F8F8F8;
}
.pd-slide .dh li{
  border-bottom: 1px solid #e9e9e9;
}
.pd-slide .dh li:first-of-type{
  border-top: 1px solid #e9e9e9;
}
.pd-slide .dh li .one{
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  padding: 15px 10px;
  transition: 0.3s;
  position: relative;
}
.pd-slide .dh li .one::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #4578B9;
  transition: 0.3s;
}
.pd-slide .dh li.active .one::after{
  width: 100%;
}
.pd-slide .dh li .one:hover,
.pd-slide .dh li.active .one{
  background-color: #f1f1f1;
}
.pd-slide .dh li .one i{
  font-size: 18px;
  color: #333333;
  transition: 0.3s;
  cursor: pointer;
}
.pd-slide .dh li.active .one i{
  transform: rotate(90deg);
}
.pd-slide .dh li .one a{
  width: calc(100% - 18px - 5px);
  margin-left: auto;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}
.pd-slide .dh li .twoct{
  width: calc(100% - 20px);
  padding: 15px 20px;
  display: none;
}
.pd-slide .dh li .twoct a{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
  transition: 0.3s;
}
.pd-slide .dh li .twoct a:hover{
  color: #4578B9;
}
.pd-slide .dh li .twoct a:not(:first-of-type){
  margin-top: 6px;
}
.pd-slide .lxfs{
  margin-top: 40px;
}
.pd-slide .lxfs h3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 26px;
  color: #4578B9;
  line-height: 1;
}
.pd-slide .lxfs .nr{
  background-color: #f1f1f1;
  margin-top: 20px;
  padding: 20px 15px;
}
.pd-slide .lxfs .nr .wz{
  display: flex;
}
.pd-slide .lxfs .nr .wz:not(:first-of-type){
  margin-top: 7px;
}
.pd-slide .lxfs .nr .wz span,
.pd-slide .lxfs .nr .wz p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.pd-slide .lxfs .nr .wz span{
  width: 45px;
}
.pd-slide .lxfs .nr .wz p{
  width: calc(100% - 45px);
}
.pd-slide .lxfs .wx{
  margin-top: 7px;
}
.pd-slide .lxfs .wx p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.pd-slide .lxfs .wx .ib{
  width: 120px;
  margin-top: 7px;
}
.pd-slide .lxfs .wx img{
  width: 100%;
}
.footer-box{
  width: 100%;
  /* background-color: #4578B9; */
}
.footer-box .link-box{
  width: 100%;
  background-color: #4578B9;
}
.footer-box .link-box .arq{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.footer-box .link-box .arq a{
  margin-right: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.footer-box .link-box .arq a:hover{
  text-decoration: underline;
}
.footer-box .top{
  width: 100%;
}
.footer-box .ctb{
  background-color: #4578B9;
  padding: 80px 0 50px 0;
}
.footer-box .ct{
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.footer-box .ct .item h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
}
.footer-box .ct .item .line{
  width: 14px;
  height: 2px;
  background: #FFFFFF;
  margin: 19px 0 22px 0;
}
.footer-box .ct .item .txt>a,
.footer-box .ct .item .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  display: block;
}
.footer-box .ct .item .txt p a{
  color: #FFFFFF;
}
.footer-box .ct .item .txt>a:not(:first-of-type),
.footer-box .ct .item .txt p:not(:first-of-type){
  margin-top: 7px;
}
.footer-box .ct .item .icon{
  display: flex;
  margin-top: 23px;
}
.footer-box .ct .item .icon a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  position: relative;
  transition: 0.3s;
}
.footer-box .ct .item .icon a:not(:first-of-type){
  margin-left: 10px;
}
.footer-box .ct .item .icon a>img{
  max-width: 60%;
}
.footer-box .ct .item .icon a .jz{
  max-width: 60%;
}
.footer-box .ct .item .icon a .flow{
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: scaleY(0) translateX(-50%);
  transform-origin: center top;
  opacity: 0;
  transition: 0.5s;
  width: 100px;
  padding: 5px;
  background-color: #ffffff;
}
.footer-box .ct .item .icon a .flow img{
  width: 100%;
}
.footer-box .ct .item .icon a:hover>.flow{
  opacity: 1;
  transform: scaleY(1) translateX(-50%);
}
.footer-box .ct .item .icon a:hover{
  background-color: #305B91;
  border-color: #305B91;
}
.footer-box .bottom{
  width: 100%;
  background-color: #305B91;
  padding: 30px 0 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: 100px; */
}
.footer-box .bottom a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
@media only screen and (max-width:1560px) {
  .center{
    width: 1100px;
  }
  .header-box .ct .nav li:not(:first-of-type){
    margin-left: 30px;
  }
  .header-box .ct{
    width: calc(100% - 80px);
  }
  .header-box .ct .logo img{
    width: 150px;
  }
  .header-box .ct .right .line{
    margin: 0 10px 0 16px;
  }
  .header-box .ct .right .icon a:not(:first-of-type){
    margin-left: 7px;
  }
  /*.header-box .ct .right form{*/
  /*  width: calc(160px - 13px - 15px);*/
  /*}*/
  .header-box .ct .right .icon a{
    width: 25px;
    height: 25px;
  }
  .header-box .ct .right .icon a .fl{
    max-width: 50%;
  }
  .header-box .ct .right .icon a .flow{
    width: 90px;
  }
  .header-box .ct .nav li>a,
  .header-box .ct .nav li .two .row>a,
  .header-box .ct .nav li .two .row .three a{
    font-size: 16px;
  }
  .banner .rund{
    height: 66px;
    width: 66px;
  }
  .banner .rund i{
    font-size: 30px;
  }
  .pbTitleBox .title h3{
    font-size: 66px;
  }
  .pbTitleBox .title h4{
    font-size: 40px;
    margin-top: -28px;
  }
  .i1Inner .box .item .tm h4{
    font-size: 24px;
  }
  .i1Inner .box .item:nth-of-type(4) .img-box,
  .i1Inner .box .item:nth-of-type(5) .img-box,
  .i1Inner .box .item:nth-of-type(6) .img-box{
    width: 130px;
  }
  .i1Inner .box .item:nth-of-type(4) .tm,
  .i1Inner .box .item:nth-of-type(5) .tm,
  .i1Inner .box .item:nth-of-type(6) .tm{
    width: calc(100% - 130px - 30px);
  }
  .i1Inner .box .item .img-box{
    height: 170px !important;
  }
  .i1Inner .box .item{
    padding: 30px 23px 25px 23px;
    width: calc((100%) / 3 - 46px);
  }
  .i2-box .right{
    width: calc(50% - 50px - 100px);
    padding: 0 100px 0 50px;
  }
  .i2-box .right .numContent .num-b .numText .num{
    font-size: 30px;
  }
  .i2-box .right .numContent .num-b .numText span{
    font-size: 20px;
  }
  .i2-box{
    height: 620px;
  }
  .i2-box .right .numContent{
    margin-top: 20px;
  }
  .i2-box .right .numContent .num-b{
    margin-top: 26px;
  }
  .i2-box .right .line{
    margin: 20px 0 27px 0;
  }
  .i3-box .box{
    height: 460px;
  }
  .i3-box .box .ta .flow h4{
    font-size: 24px;
  }
  .i4Inner .box .item .img-box{
    height: 300px;
  }
  .i4Inner .box .item .db .txt h4{
    font-size: 22px;
  }
  .i4Inner .box .item .db img{
    width: 50px;
  }
  .i4Inner .box .item .db .txt{
    width: calc(100% - 50px - 40px);
  }
  .i6-box .box{
    height: 560px;
  }
  .i7Inner .box .left{
    width: 360px;
  }
  .i7Inner .box .right{
    width: calc(100% - 360px - 10px);
  }
  .i7Inner .box{
    height: 500px;
  }
  .i8Inner .box .item .left{
    width: 600px;
  }
  .i8Inner .box .item .right{
    width: calc(100% - 600px - 50px);
  }
  .nbanner{
    height: 300px;
  }
  .coo2Inner .box .item{
    width: calc((100% - 80px) / 3 - 60px);
    padding: 0 30px;
  }
  .coo2Inner .box .item .txt{
    width: calc(100% - 50px - 30px);
  }
  .con1Inner .box .right{
    width: 600px;
  }
  .con1Inner .box .left{
    width: calc(100% - 600px - 50px);
  }
  .con1Inner .box .left h3{
    font-size: 30px;
  }
  .con1Inner .box .left .icon a .flow{
    width: 90px;
  }
  .case1Inner .box a img{
    height: 300px;
  }
  .case1Inner .box a .txt h3{
    font-size: 26px;
  }
  .case2Inner .box .case-swiper{
    height: 170px;
  }
  .cased1Inner .box .left{
    width: 550px;
    height: 380px;
  }
  .cased1Inner .box .right{
    width: calc(100% - 550px - 50px);
  }
  .cased1Inner .box .right h3{
    font-size: 26px;
  }
  .cased1Inner .box .right .line{
    margin: 18px 0 22px 0;
  }
  .cased1Inner .box .right a{
    margin-top: 40px;
  }
  .nTitle h3{
    font-size: 40px;
  }
  .ab1-box .ct .left{
    width: 550px;
  }
  .nTitle p{
    margin-top: 20px;
  }
  .ab1-box .ct .right{
    width: calc(100% - 550px - 50px);
    height: 400px;
  }
  .ab1-box .ct .ab1-swiper{
    height: 180px;
  }
  .ab1-box .bt .numContent .numText .num{
    font-size: 30px;
  }
  .ab1-box .bt .numContent .numText span{
    font-size: 20px;
  }
  .ab2-box .flow p{
    margin-top: 35px;
    font-size: 20px;
  }
  .ab2-box .flow .rund{
    width: 90px;
    height: 90px;
  }
  .ab3Inner .ab3-swiper{
    height: 240px;
  }
  .news-list li h3{
    font-size: 20px;
    line-height: 32px;
    height: 64px;
  }
  .news-list li{
    height: 420px;
    margin-bottom: 80px;
  }
  .news-list li:hover img{
    height: 250px;
  }
  .news-list li .time span{
    font-size: 36px;
  }
  .newsInner{
    padding: 55px 0 120px 0;
  }
  .ndInner .slide{
    width: 250px;
  }
  .ndInner .slide .tm{
    font-size: 18px;
  }
  .ndInner .right{
    width: calc(100% - 250px - 40px);
  }
  .p1-list li a .ib{
    height: 250px;
  }
  .pd-slide{
    left: calc((100% - 1100px) / 2);
    width: 250px;
  }
  .pd-slide .tm h3{
    font-size: 32px;
  }
  .pd-slide .tm .line{
    width: 63px;
    height: 4px;
  }
  .pt1Inner .box{
    width: calc(100% - 300px);
  }
  .md-nav a{
    width: 125px;
  }
  .pd-slide .lxfs .wx{
    width: 100px;
  }
  .pd-slide .lxfs h3{
    font-size: 22px;
  }
  .pt1Inner .box .left{
    width: 350px;
  }
  .pt1Inner .box .left h3{
    font-size: 32px;
  }
  .pt1Inner .box .left h6{
    margin-top: 15px;
  }
  .pt1Inner .box .left .txt{
    margin-top: 30px;
  }
  .pt1Inner .box .right{
    width: calc(100% - 350px - 50px);
  }
  .pt1Inner .box .right .top-swiper{
    height: 380px;
  }
  .pt1Inner .box .right .bottom-swiper{
    height: 60px;
  }
  .pt1Inner .box .right .top-swiper .img-box .flow{
    width: 60px;
    height: 60px;
  }
  .pt1Inner .box .right .top-swiper .img-box .flow i{
    font-size: 26px;
  }
  .pt2Inner .cs table tr td{
    padding: 25px 40px;
    width: calc(50% - 80px);
  }
  .pt2Inner .xp .box a .ib{
    height: 110px;
  }
  .pt2Inner .kzxt .box .item .ib{
    height: 260px;
  }
  .pt2Inner .cpys .box a .ib{
    height: 260px;
  }
  .pt2Inner .cpys .box a .txt h3{
    font-size: 20px;
  }
  .pt2-3Inner .box a{
    height: 190px;
  }
  .pt2Inner .sccj .box .left{
    width: 420px;
  }
  .pt2Inner .sccj .box .right{
    width: calc(100% - 420px - 20px);
  }
  .pt2Inner .sccj .box{
    height: 440px;
  }
  .pt4Inner .xpcp .box .item .flow{
    font-size: 20px;
  }
  .pt4Inner .kzxt .box .item .ib{
    height: 500px;
  }
  .pt4Inner .dgxt .box .item .ib{
    height: 260px;
  }
  .pt4Inner .dgxt .box .item .txt h3{
    font-size: 20px;
  }
  .pt4Inner .azsyt .box .item img{
    height: 160px;
  }
  .footer-box .ct .item .icon a .flow{
    width: 90px;
  }
}