.header{
    position: fixed;
    height: 100px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.5s ease;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.header .logo img{
    height: 50px;
}
.header > .wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.header > .wrap > .r{
    display: flex;
    align-items: center;
}
.headNav{
    display: flex;
}
.headNav li {
    float: left;
    padding: 25px;
}
.headNav li .subNav{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #f4f4f4;
    padding: 40px 0 40px 0;
    display: none;
}
.pc_menu{
    display: flex;
    align-items: center;
    width: 32px;
    height: 100%;
    margin-left: 20px;
    cursor: pointer;
}
.pc_menu img{
    width: 100%;
}
.headNav li .subNav  .wrap{
    height: auto;
    overflow: hidden;
}
.headNav li .subNav .left{
    width: 20%;
    float: left;
}
.headNav li .subNav .right{
    width: 73%;
    float: right;
}
.headNav li .subNav .left a{
    display: block;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}
.headNav li .subNav .left a:hover{
    color: #fff;
    background-color: #00509f;
}
.headNav li .subNav .right .img{
    width: 46%;
    height: 250px;
    float: left;
}
.headNav li .subNav .right .txt{
    width: 47%;
    float: right;
}
.headNav li .subNav .right .txt p{
    color: #999;
    line-height: 25px;
}
.headNav li .subNav .right .txt  a.more{
    margin-top: 40px;
}
a.more{
    padding: 5px;
    display: inline-block;
    border-radius: 30px;
    background: transparent;
    box-sizing: border-box;
    padding-left: 25px;
    color: #fff;
    border: 1px solid #fff;
    transition: all 0.5s ease;
}
a.more.blue{
    background: #004ea1;
    color: #fff;
}
a.more.white{
    background: transparent;
    color: #fff;
}
a.more i{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 25px;
    transition: all 0.5s ease;
    border: 1px solid #004ea1;
}
a.more.blue i{
    background-size: 15px;
    background-position: center center !important;
    background-repeat: no-repeat!important;
    background-color: #fff;
    color: #004ea1;
    background-image: url(../images/more_on.png);
}
a.more.white i{
    background-size: 15px;
    background-position: center center !important;
    background-repeat: no-repeat!important;
    background-color: #fff;
    color: #fff;
    background-image: url(../images/more_on.png);
}
a.more.white1 i{
   background-size: 15px;
   background-position: center center !important;
   background-repeat: no-repeat!important;
   background-color: #004ea1;
   color: #004ea1;
   background-image: url(../images/more.png);
}
a.more:hover i{
    margin-left: 40px;
}
a.more.blue:hover i{
    background-color: #004ea1;
    background-image: url(../images/more.png);
}
a.more.blue:hover{
    background: #fff !important;
    color: #004ea1!important;
    border-color: #004ea1!important;
}
a.more.white:hover{
    color: #004ea1;
    background-color: #fff;
}
a.more.white:hover i{
    background-color: #004ea1;
    background-image: url(../images/more.png);
}
a.more.white1:hover{
   color: #004ea1;
   background-color: #fff;
}
a.more.white1:hover i{
   border: 1px solid #004ea1;
   background-color: #fff;
   background-image: url(../images/more_on.png);
}
a.more.blue:hover{
    background: #004ea1;
    color: #fff;
    border-color: #fff;
}
.headNav ul li >a:hover{
    color: #004ea1;
}
.mheader{
  width: 100vw;
  height: 55px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  z-index: 100;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.mheader .wrap{
  align-items: center;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.mheader .wrap a.logo{
  display: flex;
}
.mheader .wrap a.logo img{
  height: 24px;
}
.mheader .wrap .menu{
  width: 30px;
}
.mheader .wrap .menu img{
  width: 100%;
}
.mobileBar{
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: #fff;
  padding: 5% 4%;
  box-sizing: border-box;
  transition: .6s;
}
.mobileBar.show{
  left: 0;
}
.mobileBar .top{
  display: flex;
  justify-content: flex-end;
  padding-bottom: 50px;
}
.mobileBar .top .close{
  cursor: pointer;
  width: 35px;
  height: 35px;
  background: url(../images/close1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 26px;
  transition: .6s;
}
.mobileBar li{
  border-bottom: 1px solid #eee;
}
.mobileBar li a{
  display: block;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  text-align: center;
  color: #333;
  position: relative;
}
.mobileBar li .sub{
  display: none;
}

.mobileBar li .sub a {
  display: block;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.mobileBar li a .arrow {
  display: block;
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.mobileBar li.active a .arrow img{
  transform: rotate(90deg);
}
.mobileBar li a .arrow img {
  width: 20px;
  transition: 0.3s;
}
/* 首页banner */
.home.banner{
  margin-top: 100px;
}
.banner-box {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .banner-box .banner-item {
 
  }
  
  .banner-box .banner-item .c1 {
    padding-left: 40px;
  }
  
  .banner-box .banner-item .c1 .line {
    width: 140px;
    height: 3px;
    background-color: #213f6b;
    margin-top: 110px;
  }
  
  .banner {
    position: relative;
  }
  
  .banner-box .banner-item .videoBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  
  .banner-box .banner-item .videoBox .mask {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/mask.png);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
  
  .banner-box .banner-item h3 {
    color: #fff;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  
  .banner-box .banner-item p {
    color: #fff;
    font-size: 20px;
  }
  
  .banner-box .banner-item .bannerTxt {
    z-index: 2;
    position: relative;
  }
  
  .banner-box .banner-item .bannerTxt h2 {
    color: #fff;
    font-family: "impact";
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 13px;
  }
  
  .banner-box.swiper-slide-active .bannerTxt h2 {
    animation: fadeInUp 1s ease both;
    animation-delay: 2s;
  }
  
  .banner-box.swiper-slide-active .bannerTxt h3 {
    animation: fadeInUp 1s ease both;
    animation-delay: 1s;
  }
  
  .banner-box.swiper-slide-active .bannerTxt p {
    animation: fadeInUp 1s ease both;
    animation-delay: 1.5s;
  }
 /* 关于我们 */
 .insec1{
    position: relative;
    padding: 80px 0 120px 0;
 }
 .insec1::after{
    top: 80px;
    position: absolute;
    z-index: 1;
    right: 0;
    content: "";
    display: block;
    width: 45%;
    height: 530px;
    background-image: url(../images/ab_bg.png);
 }
 .insec1 .wrap{
    height: auto;
    position: relative;
    z-index: 2;
 }
 .insec1 .wrap .r{
    float: right;
    width: 48%;
    height: 500px;
 }
 .insec1 .wrap .l{
    margin-right: 52%;
 }
 .insec1 .wrap .l .title h3{
    display: block;
    width: 64px;
    height: 4px;
    overflow: hidden;
    margin: 0 0 30px;
    padding: 0;
    background-color: #008fe9;
 }
 .insec1 .wrap .l .title{
    margin-bottom: 35px;
 }
 .insec1 .wrap .l .title h2{
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #303030;
    font-size: 30px;
    margin: 0 auto;
    padding: 0;
 }
 .insec1 .wrap .l .p{
    margin-bottom: 40px;
    line-height: 25px;
    font-size: 15px;
 }
 .insec1 .wrap .l  a.view{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background-color: #008fe9;
    margin: 0;
    border-radius: 0;
 }
 .insec1 .wrap .l  a.view img{
    margin-left: 5px;
    width: 12px;
    transition: all .45s;
 }
 .insec1 .wrap .l i{
    font-style: normal;
 }
 .insec1 .wrap .l  a.view:hover img{
    margin-left: 20px;
 }
 .insec1 .wrap .l ul{
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 60px 0 0;
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 4px;
 }
 .insec1 .wrap .l ul li{
    text-align: center;
    width: 25%;
    height: auto;
    margin: 0;
    padding: 0 20px;
    border-right: 1px solid #e5e5e5;
    float: left;
    box-sizing: border-box;
 }
 .insec1 .wrap .l ul li:last-child{
    border-right:none;
 }
 .insec1 .wrap .l ul li img{
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    transform: rotateY(0deg);
    transition: all .45s;
 }
 .insec1 .wrap .l ul li em{
    display: block;
    width: 100%;
    height: 16px;
    overflow: hidden;
    line-height: 16px;
    color: #777;
    font-size: 14px;
    text-align: center;
    font-style: normal;
    margin: 4px auto 0;
    padding: 0;
 }
 .insec1 .wrap .l ul li:hover img{
    transform: rotateY(180deg);
 }
 .inAb{
    position: relative;
 }
 .inAb .swiper-slide{
    position: relative;
 }
 .inAb .swiper-slide .image{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
    z-index: 1;
    height: 488px;
    transition: all .45s;
 }
 .inAb .swiper-slide:hover .image{
    transform: scale(1.1);
 }
 .inAb .swiper-slide .cover{
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.1);
 }
 .inAb .swiper-slide .txt{
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
 }
 .inAb:hover .inAb_prev{
    left: 0;
 }
 .inAb:hover .inAb_next{
    right: 0;
 }
 .inAb_prev{
    cursor: pointer;
    width: 50px;
    height:40px;
    background-color: #fff;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/s_l.png);
    background-size: 30px!important;
    background-position: center center!important;
    background-repeat: no-repeat !important;
    z-index: 4;
    transition: all .45s;
 }
 .inAb_next{
    cursor: pointer;
    width: 50px;
    height:40px;
    background-color: #fff;
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/s_r.png);
    background-size: 30px!important;
    background-position: center center!important;
    background-repeat: no-repeat !important;
    z-index: 4;
    transition: all .45s;
 }
.stitle{
    position: relative;
    z-index: 4;
    width: 100%;
    text-align: center;
    padding-top: 5px;
 }
 .insec2{
    height: 650px;
    background: url(../images/inBg1.jpg);
 }
 .insec2 .r{
    padding-top: 160px;
    float:right;
    width: 45%;
 }
 .insec2 .r h2{
    color: #fff;
    font-size: 30px;
 }
 .insec2 .r h3{
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    margin: 4px 0;
 }
 .insec2 .r .line{
    display: block;
    width: 64px;
    height: 4px;
    overflow: hidden;
    margin: 13px 0 20px;
    padding: 0;
    background-color: #f5be2c;
 }
 .insec2 .r .item{
    display: flex;
    align-items: center;
    height: 40px;
    color: #fff;
    font-size: 14px;
 }
 .insec2 .r .dot{
    margin-top: 2px;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    background-color: #fff;
    margin-right: 16px;
 }
 .insec2 .r a{
    font-size: 15px;
    margin-left: 25px;
    margin-top: 20px;
    display: flex;
    width: 150px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    color: #fff;
 }
 .insec2 .r a img{
    width: 20px;
    margin-left: 8px;
 }
 /* 发展历程 */

 /* 加入我们 */
 .insec7{
    padding: 60px 0 90px 0;
    background: url(../images/inBg2.jpg);
 }
 .insec7 .l{
    width: 50%;
    float: left;
 }
 .insec7 .wrap{
    height: auto;
    overflow: hidden;
 }
 .insec7 .r{
    padding-top: 10px;
    margin-left: calc(100% - 220px);
 }
 .insec7  h2{
    font-weight: normal;
    color: #fff;
    font-size: 44px;
    margin-bottom: 8px;
 }
 .insec7  p{
    color: #fff;
    font-size: 15px;
 }
 /* 底部 */
 .footertop1{
    background-color: #303c49;
    padding: 40px 0 80px 0;
 }
 .footertop1 .wrap{
    display: flex;
    justify-content: space-between;
 }
 .footertop1 .l{
    width: 62.8%;
    border-right-color: #3f454b;
    padding: 0;
    margin-top: 50px;
    margin-bottom: 30px;
 }
 .footertop1 .l  dl{
    float: left;
    width: 20%;
    margin-right: 5%;
 }
 .footertop1 .l dt{
    margin-bottom: 35px;
    font-size: 21px;
    color: #fff;
 }
 .footertop1 .l dd{
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
 }
 .footertop1 .l dd a{
    line-height: 37px;
 }
 .footertop1 .r{
    margin-top: 50px;
    float: right;
    width: 360px;
 }
 .footertop1 .r h2{
    margin-bottom: 35px;
    font-size: 21px;
    color: #fff;
    font-weight: normal;
 }
 .footertop1 .r .p p{
    height: 37px;
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
 }
 .footertop1 .r span{
    margin-right: 15px;
 }
 .footerCopy{
    background-color: #232d37;
    padding: 30px 0;
    color: #666;
 }
 .footerCopy .wrap{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
 }
 .shareBox .share{
    float: left;
 }
 .shareBox{
    height: 38px;
    margin-bottom: 25px;
 }
 .shareBox .qrcod{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 4px;
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    color: rgba(255,255,255,.7);
    border-color: #55606a;
    background: #55606a;
    position: relative;
 }
 .shareBox .qrcod > img{
    width: 18px;
    opacity: .7;
 }
 .shareBox .qrcod .qrBox{
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
 }
 .shareBox .qrcod:hover .qrBox{
   display: block;
 }
 .shareBox .qrcod .qrBox h4{
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
 }
 .shareBox .qrcod .qrBox .qrcode{
  width: 105px;
  margin: 10px auto;
 }
 .shareBox .qrcod .qrBox .help p{
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0;
 }
 .shareBox .qrcod .qrBox::after{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
 }
 .shareBox .qrcod:hover{
    background: #33b045
 }
 .shareBox .qrcod:hover img{
    opacity: 1;
 }
 .linkBox{
    position: relative;
    width: 180px;
    height: 35px;
    border: 1px solid #fff;
 }
 .linkBox ul{
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  bottom: 100%;
  display: none;
 }
 .linkBox.active .arr{
  transform: rotate(180deg);
}
 .linkBox ul li a{
  border-bottom: 1px solid #eee;
  font-size: 14px;
  display: block;
  line-height: 40px;
  padding: 0 10px;
 }
 .linkBox ul li a:hover{
  background-color: #004ea1;
  color: #fff;
 }
 .linkBox .link{
    cursor: pointer;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
 }
 .linkBox .link .arr img{
    width: 23px;
 }
 .linkBox .link .arr{
  transition: .6s;
  display: flex;
  align-items: center;
 }
 /* 首页产品 */
 
.insec3 .transBox .item {
   position: relative;
 }
 
 .insec3 .transBox .item .bg {
   position: relative;
   z-index: 1;
 }
 
 .title.white h2,
 .title.white h3 {
   color: #fff;
 }
 
 .title.white span {
   background-color: #fff;
 }
 
 .insec3 {
   padding: 100px 0 0 0;
   height: 600px;
   position: relative;
 }
 
 .insec3 .wrap {
   position: relative;
   z-index: 2;
 }
 
 .insec3 .bgBox {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   height: 100%;
 }
 
 .insec3 .bgBox .item {
   display: none;
   position: relative;
   width: 100%;
   height: 100%;
   background-size: cover !important;
   background-position: center center;
   background-repeat: no-repeat !important;
 }
 
 
 .insec3 .bgBox .item::before {
   display: block;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background-color: rgba(0, 0, 0, 0.05);
 }
 
 .insec3 .bgBox .item::after {
   display: block;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 2;
   background-image: linear-gradient(to right, rgba(1, 60, 175, 0.5) 0%, rgba(1, 60, 175, 0) 45%);
 }
 
 .insec3 .intro {
   width: 300px;
   margin: 0px 0 40px 0;
   color: #fff;
   font-size: 16px;
   line-height: 30px;
 }
 
 .insec3 .intro .h2 {
   font-size: 30px;
   margin-bottom: 45px;
 }
 .insec3 .menu_con_box{
   z-index: 3;
   position: absolute;
   height: 150px;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.34);
 }
 .insec3 .menu_con {
   display: flex;
   z-index: 3;
   position: absolute;
   height: 150px;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.34);
   border-right: 1px solid rgba(255,255,255,.3);
 }
 
 .insec3 .menu_con .item {
   border-left: 1px solid rgba(255,255,255,.3);
   position: relative;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   flex: 1;
   justify-content: center;
   align-items: center;
 }
 
 .insec3 .menu_con .item img {
   height: 43px;
 }
 
 .insec3 .menu_con .item .r {
   position: relative;
   z-index: 2;
 }
 
 .insec3 .menu_con .item .l {
   position: relative;
   z-index: 2;
 }
 
 .insec3 .menu_con .item h2 {
   color: #fff;
   font-size: 15px;
   font-weight: normal;
 }
 
 .insec3 .menu_con .item h3 {
   color: #fff;
   font-size: 16px;
   font-weight: normal;
 }
 
 .insec3 .menu_con .item::before {
   content: "";
   width: 0;
   height: 100%;
   background-color: #075a98;
   position: absolute;
   right: 0;
   top: 0;
   transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .insec3 .menu_con .item.active::before {
   width: 100%;
   right: auto;
   left: 0;
 }
 
 .insec3 .appCon {
   position: absolute;
   left: 0;
   top: 20px;
   z-index: 5
 }
 
 .insec3 .appCon.active {
   z-index: 6;
 }
 
 .insec3 .appCon  {
   display: flex;
   transform: translateX(170px);
   opacity: 0;
   transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .insec3 .appCon.active {
   transform: translateX(0);
   opacity: 1;
 }

 .insec3 .appCon .r{
   padding-top: 110px;
   padding-left: 42%;
 }
 
 .insec3 .menu_con .icon{
   height: 70px;
   width: 70px;
   margin: 0 auto;
   background: url(../images/pt2_icon.png) repeat;
   transform: rotateY(0);
   transition: all .6s;
   margin-bottom: 15px;
 }
 .insec3 .menu_con .item:hover .icon{
   transform: rotateY(180deg);
 }
 .insec3 .menu_con .item:nth-child(1) .icon{
   background-position: 0 0;
 }
 .insec3 .menu_con .item:nth-child(2) .icon{
   background-position: -80px 0;
 }
 .insec3 .menu_con .item:nth-child(3) .icon{
   background-position: -160px 0;
 }
 .insec3 .menu_con .item:nth-child(4) .icon{
   background-position: -240px 0;
 }
 .insec3 .menu_con .item:nth-child(5) .icon{
   background-position: -320px 0;
 }
 /* 首页新闻 */
 .insec5{
   padding: 80px 0 120px 0;
 }
 .insec5 .ntitle{
   margin-bottom: 45px;
   display: flex;
   justify-content: space-between;
 }
 .insec5 .ntitle .l{
   font-size: 36px;
 }
 .insec5 .ntitle .r li{
   float: left;
   line-height: 40px;
   font-size: 16px;
 }
 .insec5 .ntitle .r li em{
   margin: 0 15px;
 }
 .insec5  .body{
   height: auto;
   overflow: hidden;
 }
 .insec5  .body .r{
   float: right;
   width: 22%;
 }
 .insec5  .body .r .item{
   display: block;
   height: 265px;
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
 }
 .insec5  .body .r .item.item1{
   height: 205px;
 }
 .insec5  .body .r .item .img{
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
   transition: .6s;
 }
 .insec5  .body .r .item:hover .img{
   transform: scale(1.1);
 }
 .insec5  .body .r .item h2{
   position: absolute;
   z-index: 4;
   left: 30px;
   bottom: 35px;
   color: #fff;
   font-weight: normal;
   font-size: 24px;
 }
 .insec5  .body .l{
   margin-right: 25%;
 }
 .insec5  .body .l .cl{
   float: left;
   width: 50%;
 }
 .insec5  .body .l .cl .box1{
   display: block;
   height: 300px;
   overflow: hidden;
 }
 .insec5  .body .l .cl .box1 > div{
   width: 100%;
   height: 100%;
   transition: .6s;
 }
 .insec5  .body .l .cl .box1:hover > div{
   transform: scale(1.1);
 }
 .insec5  .body .l .cr{
   float: left;
   margin-left: 4%;
 }
 .insec5  .body .l .cr li{
   margin-bottom: 45px;
   padding: 0 0 35px 0;
   border-bottom: 1px solid #ddd;
 }
 .insec5  .body .l .cr li .nt{
   margin-bottom: 15px;
   display: flex;
   align-items: center;
 }
 .insec5  .body .l .cr li .nt span{
   margin-left: 11px;
   display: inline-block;
   width: 2px;
   height: 16px;
   background-color: #999;
 }
 .insec5  .body .l .cr li h2{
   font-weight: normal;
 }
 .insec5  .body .l .cr li:hover .nt{
   color: #004ea1;
 }
 .insec5  .body .l .cr li:hover .nt span{
   background-color: #004ea1;
 }
 .insec5  .body .l .cr li:hover h2{
   color: #004ea1;
 }
 .insec5  .body .l .cl .box2{
   display: block;
   margin-top: 40px;
 }
 .insec5  .body .l .cl .box2 .nt{
   margin-bottom: 15px;
   display: flex;
   align-items: center;
 }
 .insec5  .body .l .cl .box2 .nt span{
   margin-left: 11px;
   display: inline-block;
   width: 2px;
   height: 16px;
   background-color: #999;
 }
 .insec5  .body .l .cl .box2  h2{
   font-weight: normal;
   margin-bottom: 18px;
 }
 .insec5  .body .l .cl .box2 p{
   font-size: 14px;
   line-height: 25px;
   color: #999;
 }

 .insec5  .body .l .cl .box2:hover .nt{
   color: #004ea1;
 }
 .insec5  .body .l .cl .box2:hover .nt span{
   background-color: #004ea1;
 }
 /* 首页工程 */
 .insec6{
   padding: 100px 0;
   background: url(../images/inBg3.jpg);
 }
 .insec6 .title{
   text-align: center;
   color: #fff;
   font-size: 36px;
   padding-bottom: 55px;
 }
 .insec6 .swiperBox{
   position: relative;
 }
 .insec6 .swiper-slide{
   position: relative;
 }
 .insec6 .swiper-slide .img{
   overflow: hidden;
   position: relative;
   z-index: 1;
 }
 .insec6 .swiper-slide .img > div{
   height: 280px;
   transition: .6s;
 }
 .insec6 .swiper-slide a{
   display: block;
 }
 .insec6 .swiper-slide:hover .img > div{
   transform: scale(1.1);
 }
 .insec6 .swiper-slide .txt{
   background-color: #fff;
   position: relative;
 }
 .insec6 .swiper-slide .txt .empty{
   background-color: #fff;
   height: 135px;
   z-index: 1;
   position: relative;
 }
 .insec6 .swiper-slide .txt .tCon{
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   top: 0;
   background-color: #fff;
   z-index: 3;
   padding: 39px 35px;
   transition: .6s;
   height: 185px;
 }
 .insec6 .swiper-slide .txt .tCon .p{
   height:20px;
   opacity: 0;
 }
 .insec6 .swiper-slide .txt .tCon h2{
   font-size: 18px;
   font-weight: normal;
 }
 .insec6 .swiper-slide .txt .tCon p{
   font-size: 13px;
   color: #999;
 }
 .insec6 .swiper-slide:hover .txt .tCon{
   background-color: #004ea1;
 }
 .insec6 .swiper-slide:hover .txt .tCon h2{
   color: #fff;
 }
 .insec6 .swiper-slide:hover .txt .tCon p{
   color: #fff;
 }
 .insec6 .swiper-slide:hover .txt .tCon .p{
   color: #fff;
   height: auto;
   opacity: 1;
   margin: 15px 0;
 }
 .insec6 .swiper-slide:hover .txt .tCon{
   transform: translateY(-50px);
 }
 .insec6 .swiper-slide:hover .txt{
   background-color: #004ea1;
 }
 .insec6 .inCase_prev{
   cursor: pointer;
   border: none;
   outline: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   display: block;
   width: 36px;
   height: 110px;
   left: -60px;
   background: url(../images/news_syn_prev.png) 0 0 no-repeat;
   transition: .6s;
 }
 .insec6  .inCase_next{
   cursor: pointer;
   border: none;
   outline: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   display: block;
   width: 36px;
   height: 110px;
   right: -60px;
   background: url(../images/news_syn_next.png) 0 0 no-repeat;
   transition: .6s;
 }

 /* 首页发展历程 */

 .inBanner{
    margin-top: 100px;
    height: 320px;
    position: relative;
 }
 .inBanner1{
  background-image: url(../images/inbanner1.jpg);
 }
 .inBanner2{
  background-image: url(../images/inbanner2.jpg);
 }
 .inBanner3{
  background-image: url(../images/inbanner3.jpg);
 }
 .inBanner4{
  background-image: url(../images/inbanner4.jpg);
 }
 .inBanner5{
  background-image: url(../images/inbanner5.jpg);
 }
 .inBanner6{
  background-image: url(../images/inbanner6.jpg);
 }
 .inBanner7{
  background-image: url(../images/inbanner7.jpg);
 }
 .inBanner8{
  background-image: url(../images/inbanner8.jpg);
 }
 .inBanner .wrap{
    position: relative;
    height: 100%;
 }
 .inBanner .wrap .pos{
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 13px;
  color: #fff;
 }
 .inNav{
  height: 45px;
  border-bottom: 1px solid #ddd;
 }
 .inNav .wrap{
   height: 100%;
   text-align: center;
 }
 .inNav .wrap a{
  display: inline-block;
  margin: 0 25px;
  height: 100%;
  line-height: 45px;
  position: relative;
 }
 .inNav2 .wrap a{
  text-align: center;
  margin: 0 70px;
 }
 .absec1{
  padding: 80px 0 0 0;
 }
 .inNav a::after{
  position: absolute;
  display: block;
  content: "";
  height: 2px;
  background-color: #004ea1;
  transition: all .6s;
  width: 0;
 }
 .inNav a:hover::after{
  width: 100%;
 }
 .inNav a:hover{
  color: #004ea1;
 }
 .inNav a.active::after{
  width: 100%;
 }
 .inNav a.active{
  color: #004ea1;
 }
 .absec1{
  background: url(../images/abBg1.jpg);
 }
 .absec1 .content{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
 }
 .absec1 .content .l{
  width: 46%;
  padding-bottom: 30px;
 }
 .absec1 .content .r{
  width: 46%;
 }
 .absec1 .content .r img{
  width: 100%;
 }
 .absec1 .content .l .t{
  padding-bottom: 45px;
 }
 .absec1 .content .l .t h2{
  margin-bottom: 12px;
  color: #004ea1;
  font-size: 30px;
 }
 .absec1 .content .l .t .line{
  width:80px;
  height: 3px;
  background: #f5be2c;
 }
 .absec1 .content .l .p p{
  line-height: 25px;
  margin-bottom: 15px;
 }
 .absec1_2{
  position: relative;
  padding-top: 30px;
  height: 190px;
 }
 .absec1_2 .wrap{
  position: relative;
  z-index: 4;
  height: 100%;
  padding-top: 70px;
 }
 .absec1_2::after{
  height: 350px;
  background-size: cover;
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  background: url(../images/ab1.png) no-repeat bottom center;
  background-size: 100% auto;
}
.absec1_2 li{
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  color: #fff;
}
.absec1_2 li h2{
  font-family: "impact";
  font-size: 40px;
  margin-bottom: 10px;
}
.absec1_2 li::after{
  display: block;
  content: "";
  width: 1px;
  height: 70px;
  background-color: rgba(255,255,255,.3);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -35px;
  transform: scaleX(.7);
}
.absec1_2 li:last-child::after{
  display: none;
}
.absec2{
  height: 660px;
  background: url(../images/abBg2.jpg);
}
.absec2 .txt{
  padding-top: 160px;
  float: right;
  width: 45%;
}
.absec2 .txt h2{
  color: #fff;
  font-size: 30px;
  margin-bottom: 12px;
}
.absec2 .txt .line{
  width: 80px;
  height: 3px;
  background: #f5be2c;
}
.absec2 .txt .item{
  margin-top: 45px;
}
.absec2 .txt .item h3{
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  padding-bottom: 15px;
}
.absec2 .txt .item p{
  font-size: 14px;
  color: #fff;
}
.absec3{
  height: 500px;
  background: url(../images/abBg3.jpg);
}
.absec3 li{
  box-sizing: border-box;
  padding-top: 130px;
  text-align: center;
  position: relative;
  height: 500px;
  float: left;
  width: 25%;
}
.absec3 li::after{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 1px;
  background-color: rgba(255,255,255,.7);
  transform: scaleX(.7);
}
.absec3 li:nth-child(1):before{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 1px;
  background-color: rgba(255,255,255,.7);
  transform: scaleX(.7);
}
.absec3 li h2{
  margin: 20px 0 8px 0;
  color: #fff;
  font-size: 22px;
}
.absec3 li p{
  color: #fff;
  font-size: 14px;
}
.absec3 li .img{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  border: 1px solid rgba(255,255,255,.7);
  transition: .6s;
}
.absec3 li:hover{
  background-color: #004ea1;
}
.absec3 li:hover .img{
  transform: rotateY(180deg);
}
/* 新闻 */
.newBody{
  padding: 80px 0;
  background-color: #f7f7f7;
}
.newBody ul li{
  margin-bottom: 40px;
  height: 220px;
  background-color: #fff;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.02)
}
.newBody ul li a{
  display: block;
  height: 220px;
}
.newBody ul li .image{
  float: left;
  width: 28%;
  height: 100%;
  overflow: hidden;
}
.newBody ul li .image > div{
  width: 100%;
  height: 100%;
  transition: .6s;
}
.newBody ul li .txt{
  padding-right: 50px;
  width: 63%;
  height: 100%;
  float: right;
}
.newBody ul li .txt .l{
  padding-top: 55px;
  float: left;
  width: calc(100% -  140px);
}
.newBody ul li .txt .r{
  width: 80px;
  float: right;
  display: flex;
  height: 220px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.newBody ul li .txt .l h2{
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: normal;
  color: #004ea1;
}
.newBody ul li .txt .l p{
  line-height: 25px;
  color: #999;
}
.newBody ul li .txt .r h2{
  font-family: "impact";
  font-size: 62px;
}
.newBody ul li .txt .r p{
  font-size: 18px;
}
.newBody ul li:hover .image div{
  transform: scale(1.1);
}
.newBody ul li:hover{
  background-color: #004ea1;
}
.newBody ul li:hover h2{
  color: #fff;
}
.newBody ul li:hover p{
  color: #fff;
}
.newBody ul li:hover .txt .l h2{
  color: #fff;
}
.newBody ul li:hover .txt .l p{
  color: #fff;
}
.nsec{
  padding: 80px 0;
}
.nsec .l{
  float: left;
  width: 60%;
}
.nsec .r{
  float: right;
  width: 25%;
}
.nsec .l .title{
  font-size: 24px;
  margin-bottom: 50px;
}
.nsec  .wrap{
  height: auto;
  overflow: hidden;
}
.nsec .r .back{
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #004ea1;
}
.nsec .l .soci{
  display: flex;
  padding-bottom: 55px;
  border-bottom: 1px solid #ededed;
}
.nsec .l .soci img{
  width: 20px;
  align-items: center;
}
.nsec .l .soci  .item{
  display: flex;
  align-items: center;
  margin-right: 5%;
  color: #999;
}
.nsec .l .soci  .item i{
  font-style: normal;
  margin-right: 8px;
}
.nsec .l .soci  .item:nth-child(1) img{
  width: 17px;
}
.nsec .l .bodyCont{
  padding: 50px 0 60px 0;
}
.nsec .l .bodyCont video{
  height: auto;
  width: 100%;
}
.nsec .l .bodyCont p{
  line-height: 25px;
  font-size: 14px;
}
.nsec .r .aBox{
  border: 10px solid #f3f3f3;
  padding: 0 25px 0 25px;
  margin-top: 35px;
}
.nsec .r .aBox h2{
  font-size: 18px;
  margin-bottom: 15px;
}
.nsec .r .aBox p{
  font-size: 15px;
}
.nsec .r .aBox  .item{
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ededed;
}
.nsec .r .aBox  .item:last-child{
  border-bottom: none;
}
/* 联系我们 */
.contactBody{
  padding: 80px 0;
}
.map{
  height: 500px;
  position: relative;
  z-index: 1;
  margin-top: -220px;
}
.contactBody .l{
  background-color: #fff;
  position: relative;
  z-index: 3;
  width: 40%;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
  border-bottom: 5px solid #004ea1;
  padding: 45px 35px;
}
.contactBody .wrap{
  justify-content: space-between;
  display: flex;
  height: auto;
}
.contactBody .wrap h2{
  font-weight: normal;
  font-size: 28px;
  padding-bottom: 8px;
}
.contactBody .wrap p{
  font-size: 17px;
}
.contactBody .wrap .form{
  margin-top: 35px;
}
.contactBody .wrap .form .input{
  border-bottom: 1px solid #ededed;
  height: 68px;
  line-height: 68px;
}
.contactBody .wrap .form .submit{
  background-color: #f3f3f3;
  width: 70%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #333;
  border-radius: 50px;
  margin-top: 35px;
  font-size: 18px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
.contactBody .wrap .form .submit:hover{
  background-color: #004ea1;
  color: #fff;
}
.contactBody .r{
  width: 50%;
  padding-top: 45px;
}
.contactBody .r .list{
  margin-top: 45px;
}
.contactBody .r .list .item{
  position: relative;
  padding-left: 35px;
  margin-bottom: 30px;
}
.contactBody .r .list .item .ico{
  position: absolute;
  left: 0;
  top: 0;
}
.contactBody .r .list .item span{
  margin-right: 8px;
}
/* 人才招聘 */
.channel_cont{
  padding: 80px 0;
}
.rcSec1 .wrap{
    display: flex;
}
.rcSec1 .l{
  float: left;
  width: 50%;
}
.rcSec1 .l .box1{
  display: flex;
  width: 100%;
  height:300px
}
.rcSec1 .l .box1 .b1{
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.rcSec1 .l .box1 .b1 > div{
  width: 100%;
  height: 100%;
  transition: .6s;
}
.rcSec1 .l .box1 .b1:hover > div{
  transform: scale(1.1);
}
.rcSec1 .l .box1  .b2{
  width: 50%;
  height: 100%;
  background-color: #004ea1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rcSec1 .l .box1  .b2 h2{
  font-size: 25px;
  color: #fff;
  padding-bottom: 10px;
}
.rcSec1 .l .box1  .b2 p{
  font-size: 15px;
  color: #fff;
}
.rcSec1 .l .box2{
  position: relative;
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.rcSec1 .l .box2 .bg{
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  transition: .6s;
}
.rcSec1 .l .box2 .txt{
  text-align: center;
  flex-direction: column;
  display: flex;
  position: absolute;
  left: 8%;
  right: 8%;
  top: 0;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rcSec1 .l .box2 .txt h2{
  font-size: 25px;
  color: #333;
  padding-bottom: 10px;
}
.rcSec1 .l .box2 .txt p{
  font-size: 15px;
  line-height: 25px;
}
.rcSec1 .l .box2:hover .bg{
  transform: scale(1.1);
}
.rcSec1 .r{
  height: 570px;
  width: 50%;
  position: relative;
  overflow: hidden;
}
.rcSec1 .r .bg{
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transition: .6s;
}
.rcSec1 .r:hover .bg{
  transform: scale(1.1);
}
.rcSec1 .r .txt{
  padding: 45px 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.54);
}
.rcSec1 .r .txt h2{
  font-size: 25px;
  color: #fff;
  padding-bottom: 10px;
}
.rcSec1 .r .txt p{
  font-size: 15px;
  color: #fff;
  line-height: 25px;
}
.rcSec2{
  padding: 80px 0 170px 0;
  background: url(../images/rcbg1.jpg);
}
.rcSec2 .title{
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-bottom: 50px;
}

.rcSec2  .menu{
  display: flex;
  justify-content: center;
  border-bottom: 3px solid rgba(255,255,255,.3);
}
.rcSec2  .menu .item{
  padding: 20px 0;
  cursor: pointer;
  text-align: center;
  margin: 0 50px;
  cursor: pointer;
  width: 300px;
  color: #fff;
  font-size: 26px;
  position: relative;
}
.rcSec2  .menu .item::after{
  display: block;
  content: "";
  height: 3px;
  width: 100%;
  background-color: #004ea1;
  position: absolute;
  left: 0;
  bottom: -3px;
  transition: .6s;
  transform: scaleX(0);
}
.rcSec2  .menu .item:hover::after{
  transform: scaleX(1);
}
.rcSec2  .menu .item.active::after{
  transform: scaleX(1);
}
.rcSec2  .con{
  padding-top: 55px;
}
.rcSec2  .con .itm{
  display: none;
  font-size: 15px;
  color: #fff;
  line-height: 27px;
}
.rcSec2  .con .itm:first-child{
  display: block;
}
.rcSec3{
  padding: 80px 0;
}
.rcSec3 .title{
  text-align: center;
  margin-bottom: 50px;
}
.rcSec3 .title h2{
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 13px;
}
.rcSec3 .title p{
  font-size: 15px;
}
.jobBox .jt{
  align-items: center;
  display: flex;
  height: 50px;
  background-color: #004ea1;
}
.jobBox .jt .item{
  text-align: center;
  flex: 1;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}
.jobBox  ul li .jT{
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px dashed #ddd;
}
.jobBox  ul li .jT .item{
  text-align: center;
  flex: 1;
  justify-content: center;
  font-size: 18px;
}
.jobBox  ul li .jT .item:last-child{
  color: #004ea1;
  font-size: 22px;
  font-weight: bold;
}
.jobBox  ul li .jT .item  .j{
  display: none;
}
.jobBox  ul li .jT.active .j{
  display: block;
}
.jobBox  ul li .jT.active .plus{
  display: none;
}
.jobBox  ul li .con{
  display: none;
  padding: 65px 80px 35px 80px;
  background-color: #f3f3f3;
}
.jobBox  ul li .con div{
  margin-bottom: 55px;
}
.jobBox  ul li .con div h2{
  font-size: 18px;
  margin-bottom: 10px;
}
.jobBox  ul li .con div p{
  font-size: 15px;
  line-height: 25px;
}
.rcSec4{
  padding: 80px 0 100px 0;
  background: url(../images/rcbg2.jpg);
}
.rcSec4 .title{
  text-align: center;
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 13px;
}
.rcSec4 .form{
  width: 70%;
  margin: 0 auto;
  display: flex;
  padding-top: 80px;
}
.rcSec4 .form .input{
  flex: 1;
  margin: 0 30px;
  border-bottom: 1px solid #ededed;
  height: 60px;
  line-height: 60px;
  padding-left: 10px;
}
.rcSec4 .form .textarea{
  margin-left: 30px;
  padding-bottom: 100px;
  border-bottom: 1px solid #ededed;
  width: 100%;
  margin-right: 30px;
}
.rcSec4 .submit{
  margin-top: 60px;
  background-color: #f3f3f3;
  width: 40%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #333;
  border-radius: 50px;
  font-size: 18px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
.rcSec4 .submit:hover{
  background-color: #004ea1;
  color: #fff;
}
/* 案例 */
.caseSec{
  padding: 80px 0 40px 0;
  background-color: #f7f7f7;
}
.caseSec ul{
  height: auto;
  overflow: hidden;
  padding: 30px 2%;
}
.caseSec ul li{
  overflow: hidden;
  border-radius: 6px;
  float: left;
  margin-left: 3%;
  width:calc(91% / 4) ;
  margin-bottom: 30px;
  box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);
  transition: .6s;
}
.caseSec ul li:nth-child(4N+1){
  margin-left: 0;
}
.caseSec ul li .img{
  height: 190px;
  overflow: hidden;
}
.caseSec ul li .img > div{
  width: 100%;
  height: 100%;
}
.caseSec ul li .txt{
  padding:  25px 15px 0 15px;
  background: #fff;
}
.caseSec ul li .date{
  padding: 20px 0px;
  border-top: 1px solid #ededed;
  font-size: 13px;
  color: #999;
  display: flex;
  align-items: center;
}
.caseSec ul li .txt h2{
  font-size: 16px;
  display: block;
  height: 60px;
}
.caseSec ul li .date i{
  background-repeat: no-repeat!important;
  background-size: 13px !important;
  background-position: center center!important ;
  display: flex;
  width: 15px;
  height: 15px;
  background: url(../images/casei1.png);
  margin-right: 2px;
}
.caseSec ul li:hover {
  transform: translateY(-10px);
}
.caseSec ul li:hover .txt{
  background-color: #004ea1;
}
.caseSec ul li:hover .txt h2{
  color: #fff;
}
.caseSec ul li:hover .txt .date{
  border-color: #fff;
  color: #fff;
}
.caseSec ul li:hover .txt .date i{
  background: url(../images/casei1_on.png);
}
.caseBody{
  padding: 80px 0;
  background-color: #f7f7f7;
}
.caseBody .wrap{
  height: auto;
  overflow: hidden;
}
.caseBody .wrap .l{
  width: calc(100% - 125px);
  float: left;
}
.caseBody .wrap .l .body{
  padding: 45px 45px;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 30px;
}
.caseBody .wrap .r{
  cursor: pointer;
  float: right;
  width: 55px;
  height: 150px;
  background-color: #fff;
}
.caseBody .wrap .r a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
}
.caseBody .wrap .r a img{
  width: 30px;
}
.caseBody .wrap .r a:hover{
  background-color: #004ea1;
}
.caseBody .wrap .l .body {
  padding: 65px 45px;
}
.caseBody .wrap .l .body .title{
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #ededed;
}
.caseBody .wrap .l .body .title h2{
  padding-bottom: 15px;
}
.caseBody .wrap .l .body .title h3{
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #999;
}
.caseBody .wrap .l .body .title i{
  margin-right: 8px;
  width: 15px;
}
.caseBody .wrap .l .body .title i img{
  vertical-align: bottom;
  width: 100%;
}
.caseBody .wrap .l .body .main{
  padding: 60px 0;
}
.caseBody .wrap .l .body .main p{
  line-height: 25px;
}
.caseBody .wrap .l .body .main img{
  max-width: 100%;
}
.eqSec{
  padding: 80px 0;
  background-color: #fff;
}
.caseBody .wrap .r.fixed{
  position: fixed;
  top: 100px;
  right: 6%;
  z-index: 3;
}
.eqSec ul{
  height: auto;
  overflow: hidden;
}
.eqSec ul li{
  margin-bottom: 30px;
  cursor: pointer;
  float: left;
  margin-left: 3%;
  width: calc(91% / 4);
}
.eqSec ul li:nth-child(4N+1){
  margin-left: 0;
}
.eqSec ul li .img{
  background-color: #eee;
  overflow: hidden;
  position: relative;
  height: 230px;
  
}
.eqSec ul li .img.img1{
  display: flex;
  justify-content: center;
  align-items: center;
}
.eqSec ul li .img .image{
  display: flex;
  height: 80%;
  width: auto;
}
.eqSec ul li .img .bg{
  height: 100%;
  position: relative;
  z-index: 1;
  transition: .6s;
}
.eqSec ul li:hover .img .bg{
  transform: scale(1.1);
}
.eqSec ul li .img .cover{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0,80, 159, 0.54);
  transition: .6s;
  top: 100%;
}
.eqSec ul li:hover .img .cover{
  top: 0;
}
.eqSec ul li .txt{
  background-color: #f7f7f7;
  padding: 20px 20px;
  height: 70px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eqSec ul li:hover .txt{
  background-color: #004ea1;
  color: #fff;
}

.pop{
  top: -100vh;
  position: fixed;
  height: 100vh;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(0,0,0,.8);
  transition: .6s;
}
.pop .close{
  cursor: pointer;
  position:absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  background-color: #004ea1;
  background-image: url(../images/close.png);
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: 20px !important;
  z-index: 100;
}
.pop  .tit{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background-color: #000;
  padding: 28px;
  font-size: 15px;
  color: #fff;
  text-align: center;
}
.pop  .con{
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop  .con .img{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pop  .con img{
  max-height: 90%;
  max-width: 100%;
}
.pop  .con .al{
  cursor: pointer;
  border: none;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 36px;
  height: 110px;
  left: 0px;
  background: url(../images/news_syn_prev.png) 0 0 no-repeat;
  transition: .6s;
}
.pop  .con .ar{
  cursor: pointer;
  border: none;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 36px;
  height: 110px;
  right: 0px;
  background: url(../images/news_syn_next.png) 0 0 no-repeat;
  transition: .6s;
}

.pop.show{
  top: 0;
}
/* 技术优势 */
.advanSec{
  padding: 80px 0;
}
.advanSec .wrap{
  display: flex;
  justify-content: space-between;
}
.advanSec .l{
  width: 42%;
}
.advanSec .txt h2{
  margin-bottom: 12px;
  color: #004ea1;
  font-size: 30px;
}
.advanSec .txt .line{
  width: 80px;
  height: 3px;
  background: #f5be2c;
}
.advanSec .txt .con{
  margin-top: 45px;
  line-height: 28px;
}
.advanSec .r{
  width: 50%;
}
.advanSec .img img{
  max-width: 100%;
}
.advanSec1 .r{
  padding-top:60px;
}
.advanSec2 .r{
  padding-top:0
}
.advanSec2 img{
  width: 60%;
}
.advanSec2  .r{
  width: 42%;
}
.advanSec2  .l{
  width: 50%;
}
.advanSec2{
  padding-top: 10px;
}
.advanSec3{
  padding-top: 0;
}
.advanSec3 h2{
  margin-bottom: 12px;
  color: #004ea1;
  font-size: 30px;
  text-align: center;
}
.advanSec3  .item{
  width: 48%;
}
.advanSec3  .item img{
  width: 85%;
  margin:  0 auto;
}
/* 产品中心 */
.proBody{
  padding: 50px 0 50px 0;
  background-color: #f7f8fc;
}
/* .sNav{
  padding: 0 2%;
} */
.sNav .wrap{
  background-color: #fff;
  padding: 45px 45px;
  box-shadow: 0 0 15px rgba(0,0,0,.06); 
  box-sizing: border-box;
}
.sNav .tit{
  font-size: 22px;
  font-weight: bold;
  color: #004ea1;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.sNav  .aCon{
  display: flex;
  padding-top: 35px;
  color: #999;
}
.sNav  .aCon span{
  margin-right: 30px;
}
.sNav  .aCon span em{
  display: inline-block;
  width: 30px;
}
.sNav  .aCon a{
  margin-right: 55px;
  color: #333;
  font-size: 18px;
}
.sNav  .aCon a.active{
  color: #004ea1;
  font-weight: bold;
}
.sNav  .aCon a:hover{
  color: #004ea1;
}
.proList{
  height: auto;
  overflow: hidden;
  padding: 80px 2% 50px 2%;
}
.proList li{
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  float: left;
  margin-left: 3%;
  width: calc(91% / 4);
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);
  transition: .6s;
}
.proList li:nth-child(4N+1){
  margin-left: 0;
}
.proList li a{
  padding: 35px 25px;
  display: block;
}
.proList li a .title{
  text-align: center;
  color: #333;
  font-size: 16px;
  margin-bottom: 20px;
}
.proList li a  .img{
  height: 130px;
  overflow: hidden;
}
.proList li a  .img .bg{
  width: 100%;
  height: 100%;
  transition: .6s;
}
.proList li a .viewm{
  margin: 30px auto 0 auto;
  width: 128px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f7f7f7;
  font-size: 14px;
}
.proList li::after{
  width: 0;
  display: block;
  content: '';
  height: 4px;
  background-color: #004ea1;
  position: absolute;
  left:0;
  bottom: 0;
  transition: .6s;
}
.proList li:hover::after{
  width: 100%;
}
.proList li:hover{
  transform: translateY(-10px);
}
.proList li .viewm:hover{
  background-color: #004ea1;
  color: #fff;
}
.proList li .img:hover >div{
  transform: scale(1.1);
}
.proMain{
  margin: 50px 2%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 50px 0;
}
.rightBar{
  width: 500px;
  height: 100vh;
  background-color: #fff;
  padding: 30px 50px 50px 50px;
  z-index: 102;
  position: fixed;
  top: 0;
  right: -500px;
  transition: .6s;
  box-sizing: border-box;
}
.rightBar.show{
  right: 0;
}
.rightBarCover{
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
} 
.rightBarCover.show{
  display: block;
}
.rightBar .top{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
}
.rightBar .top .close{
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: url(../images/close1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px;
  transition: .6s;
}
.rightBar .top .close:hover{
  transform: rotate(180deg);
}
.rightBar h2{
  font-size: 20px;
  margin-bottom: 35px;
}
.rightBar .aitem{
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  padding: 0 15px;
  margin-bottom: 20px;
}
.rightBar .aitem .arr{
  width: 30px;
  height: 30px;
  background: url(../images/arr_r1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-right: 5px;
  transition: .6s;
}
.rightBar .aitem:hover{
  border-color: #004ea1;
  background: #004ea1;
  color: #fff;
}
.rightBar .aitem:hover .arr{
  width: 30px;
  height: 30px;
  background: url(../images/arr_r2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-right: 0;
}
.flink{
  margin-top: 50px;
}
.rightBar .linkBox1{
  width: 500px;
  height: 800px;
  margin-left: -50px;
  background: url(../images/rbg1.jpg);
  background-position:  center -190px !important;
}
.rightBar .linkBox1 a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 50px;
  border-bottom: 1px solid rgba(255,255,255, 0.24);
  color: #fff;
}
.rightBar .linkBox1 .arr{
  width: 30px;
  height: 30px;
  background: url(../images/arr_r2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-right: 5px;
  transition: .6s;
}
.rightBar .linkBox1 a:hover .arr{
  margin-right: 0;
}
.rightBar .linkBox1 a:hover{
  background-color: rgba(0, 0, 0, 0.54);
}
/* 首页历程 */
.insec4{
  padding: 80px 0;
}
.insec4 .title h2{
  color: #004ea1;
  font-size: 30px;
}
.insec4  .swiper-pagination-progress .swiper-pagination-progressbar{
  background-color: #f5be2c !important;
}
.insec4 .title .line{
  display: block;
  width: 64px;
  height: 4px;
  overflow: hidden;
  margin: 13px 0 20px;
  padding: 0;
  background-color: #f5be2c;
}
.inHis{
  width: 94%;
  margin-left: 6%;
}
.hisDot{
  position: relative;
  width: 100%;
}
.hisSwiperBox{
  padding: 80px 0;
}
.hisPagination{
  position: relative;
  width: 97%;
  height: 2px;
  position: relative;
}
.hisPagination::after{
  content: '';
  width: 9px;
  height: 9px;
  background: url(../images/history3_1.png) no-repeat center;
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 5;
}

.swiper-pagination-progressbar{
  height: 3px;
}
.hisPagination::before{
  content: '';
  width: 100%;
  height: 2px;
  /* background-color: #bebebe; */
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1;
}
.hisDot .list{
  margin-top: -2px;
  position: relative;
}
.hisDot .list .item{
  position: relative;
  cursor: pointer;
  float: left;
  width: 25%;
  font-size: 18px;
  font-weight: bold;
  padding-top: 20px;
  text-align: center;
}
.hisDot .list .item.active{
  font-weight: bold;
}
.hisDot .list .item::after{
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #f5be2c;
  border-radius: 4px;
  z-index: 4;
}
.swiper-pagination-progressbar-fill{
  background: #f5be2c !important;
}
.hisSwiperBox .swiper-slide .item{
  position: relative;
}
.hisSwiperBox .swiper-slide .item h2{
  font-size: 30px;
  font-family: "impact";
  color: #333;
  margin-bottom: 15px;
}
.hisSwiperBox .swiper-slide .item .p{
  display: block;
  line-height: 22px;
  font-size: 14px;
  height: 110px;
}
.hisSwiperBox .swiper-slide .item {
  padding: 0 25px;
}
.hisSwiperBox .swiper-slide .item .img{
  height: 190px;
  border-radius: 6px;
  margin-bottom: 55px;
}
.hisSwiperBox .swiper-slide .item{
  position: relative;
}
.hisSwiperBox .swiper-slide .item::before{
  display: block;
  content: "";
  background-color: #eee;
  width: 1px;
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  height: 100%;
}
.hisPagination .line{
  background-color: #f5be2c;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  transition: .6s;
}
.scSec1{
  padding: 100px 0;
  background-color: #f7f7f7;
}
.scSec1 .title{
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
}
.scSec1 .desc{
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  margin: 0 auto;
  max-width: 910px;
}
.scSec1 ul{
  padding: 80px 0 120px 0;
  display: flex;
  justify-content: space-around;
}
.scSec1 li{
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  border: 1px solid #ccc;
  transition: .6s;
}
.scSec1 li h2{
  font-weight: normal;
  color: #666;
  font-size: 18px;
  margin-top: 8px;
}
.scSec1 li img{
  height: 60px;
}
.scSec1 li img.img2{
  display: none;
}
.scSec1 li:hover img.img1{
  display: none;
} 
.scSec1 li:hover img.img2{
  display: flex;
} 
.scSec1 li:hover{
  border-color: #004ea1;
  background-color: #004ea1;
}
.scSec1 li:hover h2{
  color: #fff;
}
.scSec2{
  padding: 80px 0;
}
.scSec1 .part{
  padding: 100px 0 0 0;
  display: flex;
  justify-content: space-around;
}
.scSec1 .part .item{
  cursor: pointer;
  display: flex;
  width: 250px;
  height: 80px;
  border: 1px solid  #ccc;
  justify-content: center;
  align-items: center;
  transition: .6s;
  overflow: hidden;
}
.scSec1 .part .item img{
  height: 50%;
  transition: .6s;
}
.scSec1 .part .item:nth-child(2) img{
  height: 40%;
}
.scSec1 .part .item:nth-child(4) img{
  height: 40%;
}
.scSec1 .part .item:hover img{
  transform: scale(1.1);
}
.scSec2 .title{
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
}
.scSec2 .desc{
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  margin: 0 auto;
  max-width: 910px;
}
.scSec2 ul{
  padding-top: 100px;
  height: auto;
  overflow: hidden;
}
.scSec2 ul li{
  cursor: pointer;
  margin-left: 3%;
  border: 1px solid #ccc;
}
.scSec2 ul li:nth-child(1){
  margin-left: 0;
}
.scSec2 ul li {
  float: left;
  padding: 55px 20px;
  text-align: center;
  width: calc(91% /4);
  box-sizing: border-box;
}
.scSec2 ul li .img{
  width: 240px;
  height: 240px;
  border-radius: 100%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.scSec2 ul li .img .bg{
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: .6s;
}
.scSec2 ul li h2{
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 38px;
}
.scSec2 ul li:hover .img .bg{
  transform: scale(1.1);
}

.scSec2 ul li:hover{
  border-color: #004ea1;
}
.scSec3{
  padding-top: 100px;
  box-sizing: border-box;
  height: 480px;
  background: url(../images/probg1.jpg);
}
.scSec3 h2{
  letter-spacing: 2px;
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  padding-bottom: 80px;
}
.scSec3 ul{
  height: auto;
  overflow: hidden;
  padding-top: 40px;
}
.scSec3 li{
  padding: 0 15px 8px 15px;
  float: left;
  margin-right: 50px;
  color: #fff;
  font-size: 15px;
  border-bottom: 1px solid rgba(255,255,255,0.4);
}
.proNy{
  background-color: #fff;
  padding: 55px 45px;
  margin-top: 50px;
}
.proSec1{
  height: auto;
  overflow: hidden;
}
.proSec1 .l{
  float: left;
  width: 45%;
}
.proSec1 .l .image{
  overflow: hidden;
  height:auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.proSec1 .l .image img{
  max-width: 78%;
}
.proSec1 .l .swiperCon{
  position: relative;
  width: 100%;
}
.proSec1 .l .swiperCon .pro_prev{
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 92px;
  background-color: #004ea1;
  background-image: url(../images/prol.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px;
}
.proSec1 .l .swiperCon .pro_next{
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 92px;
  background-color: #004ea1;
  background-image: url(../images/pror.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px;
}
.proSwiper{
  width: calc(100% - 50px);
  height: 90px;
  padding-bottom: 10px;
}
.swiper-wrapper{
  padding-right: 1px;
}
.proSwiper .img{
  cursor: pointer;
  width: 90px;
  height: 90px;
}
.proSwiper .img img{
  width: 90px;
  height: 90px;
}
.proSwiper .swiper-slide{
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
}
.proSwiper .swiper-slide.active{
  border: 1px solid #004ea1;
}
.proSec1 .r{
  float: right;
  width: 45%;
  height: 100%;
}
.proSec1 .r .title{
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
  font-size: 28px;
  color: #004ea1;
  letter-spacing: 2px;
  font-weight: bold;
}
.proSec1 .r  .desc{
  padding-top: 45px;
  padding-bottom: 75px;
  line-height: 27px;
}
.iconBox{
  padding: 35px 0;
  display: flex;
}
.iconBox a{
  display: flex;
  align-items: center;
  margin-right: 5%;
  color: #004ea1;
  font-weight: bold;
}
.iconBox a img{
  height: 30px;
  margin-right: 8px;
}
.proSec1 .r .ac {
  display: flex;
}
.proSec1 .r .ac a{
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5%;
  height: 55px;
  color: #fff;
  background-color: #004ea1;
  font-weight: bold;
}
.proSec1 .r .ac a img{
  width: 30px;
  margin-right: 8px;
}
.proSec1 .r .ac a:last-child{
  background-color: #f5be2c;
}
.proSec2{
  margin-top: 100px;
}
.proSec2 .title{
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  font-weight: bold;
  color: #004ea1;
  margin-bottom: 45px;
}
.proSec2 img{
  width: 50%;
  float: left;
  margin-bottom: 25px;
}
.proSec2 .imgCon{
  height: auto;
  overflow: hidden;
}
.videoPop{
  top: -100vh;
  position: fixed;
  height: 100vh;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(0,0,0,.8);
  transition: .6s;
}
.videoPop.show{
  top: 0;
}
.videoPop .close{
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  background-color: #004ea1;
  background-image: url(../images/close.png);
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: 20px !important;
  z-index: 100;
}
.videoPop  .con{
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.videoPop  .con video{
  width: 100%;
}
.banner-item .video video {
  object-fit: cover;
  height: 100vh;
  width: 100vw;
  display: flex;
  border: none;
  background-color: #000;
}
.homepagination{
  display: flex;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: 28px;
}
.homepagination .item{
  cursor: pointer;
  flex-shrink: 0;
  width: 40px;
  height: 2px;
  background-color: rgba(255,255,255,0.6);
  margin: 0 5px;
  position: relative;
  transition: .6s;
}
.homepagination .item .line{
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 0;
  background-color: #fff;
  transition: .6s;
}
.homepagination .item.active{
  width: 80px;
}
.ln{
  padding: 40px 0;
}
.ln .image img{
  width: 100%;
  border-radius: 12px;
}
.ln .t h2{
  font-size: 20px;
  margin-bottom: 0;
  color: #004ea1;
  text-align: center;
}
.ln .t{
  text-align: center;
  margin-bottom: 30px;
}
.ln .t .line{
  background: #f5be2c;
  display: inline-block;
  width: 30px;
  height: 2px;
}
.ln .item{
  margin-bottom: 15px;
}
.ln .item h3{
  font-size: 16px;
  margin-bottom: 10px;
}
.ln .item p{
  font-size: 14px;
  line-height: 22px;
}
.ln .image{
  margin-top: 35px;
}
.madvan{
  padding: 0 0 0 0;
}
.madvan .t{
  text-align: center;
  padding-bottom: 30px;
}
.madvan .t h2{
  font-size: 20px;
  color: #004ea1;
}
.madvan .t .line{
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #f5be2c;
}
.madvan .item{
  padding-top: 40px;
}
.madvan .item img{
  margin-bottom: 30px;
  width: 100%;
  height: auto;
}
.madvan .item .txt{
  font-size: 14px;
  line-height: 22px;
}
.madvan .item:nth-child(2) img{
  width: 70%;
  display: block;
  margin: 0 auto 25px auto;
}
.madvan .item:nth-child(3) img{
  margin-bottom: 0;
}
.madvan .item:nth-child(4){
  padding-top: 20px;
}
.madvan .item:nth-child(4) .t{
  padding-bottom: 0;
}
.newLi img{
  width: 100%;
  height: auto;
}
.newLi .text{
  padding: 20px 15px;
}
.newLi .text .date h2{
  font-size: 15px;
  color: #999;
  font-weight: normal;
}
.newLi .text .date p{
  color: #333;
  font-size: 16px;
}
.newLi .text h3{
  font-size: 16px;
  margin: 8px 0;
}
.newLi .text  .desc{
  font-size: 13px;
  color: #ccc;
  line-height: 20px;
}
.homeSpag{
  text-align: center;
  position: absolute;
  bottom: 30px !important;
  left: 0;
  right: 0;
  z-index: 20;
}
.homeSpag span{
  border-radius: 0;
  width: 40px;
  height: 2px;
  background-color: rgba(255,255,255,1);
}
.homeSpag  .swiper-pagination-bullet-active{
  width: 55px;
}
.nySubNav{
  padding: 60px 0 0 0;
  text-align: center;
}
.nySubNav a{
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ededed;
  font-size: 15px;
}
.nySubNav a.active{
  background-color: #004ea1;
  color: #fff;
}

.eqSec .videoList li .img .video{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.42);
}
.eqSec .videoList li .img .video img{
  width: 40px;
}
.eqSec .videoList li:hover  .video{
  display: none;
}
.adVideo{
  padding: 80px 0 0 0;
}
.adVideo video{
  width: 100%;
  height: auto;
}

.banner-box .banner-item .bannerText{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 47%;
  z-index: 5;
  width: 640px;
}

.banner-box .banner-item .bannerText{
  color: #fff;
}
.banner-box .banner-item .bannerText h2{
  color: #fff;
  font-size: 38px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.22);
}
.banner-box .banner-item .bannerText  .h3{
  padding-left: 55px;
  display: flex;
  align-content: center;
  margin: 18px 0 32px 0;
}
.banner-box .banner-item .bannerText  .h3 img{
  width: 22px;
  margin-right: 10px;
}
.banner-box .banner-item .bannerText  .h3 .item{
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.banner-box .banner-item .bannerText  .h3 .item span{
  font-weight: 500;
}
.banner-box .banner-item .bannerText  h4{
  font-size: 20px;
}
.banner-box .banner-item .bannerText  .h6{
  padding-left: 25px;
  display: flex;
  align-content: center;
  margin: 18px 0 32px 0;
}
.banner-box .banner-item .bannerText  .h6 img{
  width: 22px;
  margin-right: 10px;
}
.banner-box .banner-item .bannerText  .h6 .item{
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.banner-box .banner-item .bannerText  .h6 .item span{
  font-weight: 500;
}
.banner-box .banner-item .bannerText .h5{
  position: relative;
  width: 280px;
  margin: 35px 0 0 110px;
}
.banner-box .banner-item .bannerText .h5 img.img1{
  position: relative;
  z-index: 1;
  width: 100%;
}
.banner-box .banner-item .bannerText .h5 .img2{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.banner-box .banner-item .bannerText .h5 span{
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  width: 100%;
  text-align: center;
}
.banner-item.pcBox img{
  width: 100%;
  object-fit: cover;
}