.banner{position: relative;}
.banner .focus {z-index:99;}
.banner .focus .swiper-slide img{object-fit: none;}
.banner .focus .swiper-slide  a{display: block;width:100%;height:100%;}
.banner .focus .container.poa{left:50%;bottom:76px;z-index:5;transform: translateX(-50%);-webkit-transform: translateX(-50%);height:50px;transition: bottom .4s;-webkit-transition: bottom .4s;}
.banner .focus .swiper-slide a{display: block;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:70px;height:70px;margin-top:0;text-align: center;background:#fff;border-radius: 50%;opacity: 1;border-radius:38px;text-align: center;line-height: 70px;box-sizing: border-box;transition: all .4s;-webkit-transition: all .3s;top:auto;bottom:7px;font-size:15px;right:0;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{background-image:none;background:#fff;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: 18px;color:#333;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background-image:none;background:#fff;}
.banner .swiper-button-prev{bottom:95px;left:auto;right:0;}
.banner .swiper-pagination{left:0;right:0;text-align: center;bottom:5px;}
.banner .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;border-radius: 50%;background:#fff;margin:0 6px;transition: all .3s;-webkit-transition: all .3s;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width:33px;background:#022B9F;border-radius: 14px;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:#022B9F;}
.banner .swiper-button-next:hover i,.banner .swiper-button-prev:hover i{color:#fff;}
.banner .num{position: absolute;left:0;bottom:0;color:#fff;font-size:26px;}
.banner .num .all{font-size:29px}
.banner .num .now{font-size:42px;}
section .container{position: relative;}
.poa{position: absolute;}

.about{padding:68px 0 98px;background-size:100%;position: relative;z-index:100;background:#F5F9FF;}
.about .bg{position: absolute;top:-34px;left:0;width:100%;}
.about .container{position: relative;z-index:5;}
.tit p{font-size:36px;color:rgba(2,43,159,.07);line-height: 30px;}
.tit h2{font-size:32px;color:#222;margin:0;display: inline-block;line-height: 42px;}
.tit span{font-size:24px;color:#222;margin-left:30px;}
.tit span em{color:#022B9F;}

.about .fl{width:45.14%;padding-left:3%;padding-bottom:160px;}
.about .fr{width:47.64%;margin-top:82px;}
.about .tit{padding-left:3%;margin-bottom: 54px;}
.about .fr img{object-fit: cover;font-family:'object-fit: cover;';height:458px;}
.about .fl .about_sum{font-size:17px;line-height: 40px;color:#444444;text-indent: 2em;}
.about_nav{bottom:-35px;left:0;width:724px;height:159px;background: #022B9F;border-radius: 5px;display: flex;display: -webkit-flex;justify-content: space-around;text-align: center;align-items: center;padding:0 20px;}
.about_nav li .iconfont{display: block;width:85px;height:85px;border-radius: 50%;background:rgba(255,255,255,.1);line-height: 85px;text-align: center;font-size:50px;color:#fff;margin:0 auto;transition: all .4s;-webkit-transition: all .4s;}
.about_nav li  h4{font-size:16px;color:#fff;line-height: 21px;margin-top:12px;margin-bottom:0;}
.about_nav li a:hover .iconfont{background:#fff;color:#022B9F;}
.more{color:#999999;font-size:13px;line-height: 30px;transition: all .3s;-webkit-transition: all .3s;position: absolute;right:0;bottom:0;}

.del{position: relative;display: inline-block;width:30px;height:30px;background:#022B9F;border-radius: 50%;overflow: hidden;vertical-align: middle;margin-left:10px;}
.del .iconfont{font-size:18px;color:#fff;position: absolute;line-height: 30px;width:100%;top:0;transition: all .3s ease;-webkit-transition: all .3s ease;text-align: center;}
.del .icon1{left:0;}
.del .icon2{left:-100%;}
.more:hover .del .icon1{left:100%;}
.more:hover .del .icon2{left:0;}
.tit .del{margin-left:13px;}

.solution{padding-top:26px;}
.solution .tit {margin-bottom:58px;}
.solution .tit h2{position: relative;}
.solution .tit h2:after{content:'';position: absolute;width:121px;height:10px;background:#022B9F;left:0;bottom:-4px;}
.solution .del{width:83px;height:45px;border-radius: 0 20px 0 20px;left:0;top:auto;}
.solution .del .iconfont{font-size:28px;line-height: 45px;}
.solution .del .icon1{top:0;}
.solution .del .icon2{top:100%;}
.solution .more:hover .del .icon1{top:-100%;}
.solution .more:hover .del .icon2{top:0;}
.culture_type ul li{float:left;width:20%;overflow: hidden;position: relative;transition: all .8s;}
.culture_type ul li .img{background:#000;}
.culture_type ul li .img img{max-width: none;opacity: 0.8;}
.culture_type ul li .zhezhao{position: absolute;bottom:0;left:0;right:0;height:459px;color:#fff;display: flex;flex-flow: column;justify-content:flex-end;transition: all .4s;align-items: center;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(43,65,93,.59),rgba(42,62,89,.81),rgba(4,33,74,.89))}
.culture_type ul li .show{position: absolute;width:79.84%;bottom:-200%;left:0;background:rgba(255,255,255,.85);border-radius: 0 20px 20px 0;transition: all .8s;color:#a97d5c;line-height:1;padding-top:14px;color:#022B9F;padding-left:7.3%;padding-bottom:32px;}
.culture_type ul li .zhezhao h5{font-size:24px;margin:0;font-weight: normal;padding-bottom:98px;}
.culture_type ul li .zhezhao span.iconfont{font-size:48px;line-height: 48px;margin-bottom:20px;}
.culture_type ul li .numb{font-size:45px;position: absolute;top:45px;right:10%;color:#fff;}
.culture_type ul li.big .img img{opacity: 1;}
.culture_type ul li.big .zhezhao{top:-100%;}
.culture_type ul li.big .show{bottom:129px;}
.culture_type ul li.big .numb{display: none;}
.culture_type ul li .show .iconfont.fl{margin-left:8%;font-size:48px;margin-right:20px;}
.culture_type ul li .show .iconfont.jiantou{margin-right:5.83%;font-size:24px;font-weight: normal;}
.culture_type ul li .show  h5{font-size:32px;margin:0;margin-bottom: 13px;margin-top:8px;}
.culture_type ul li .show span.num{font-size:32px;}
.culture_type ul li .show p.num{font-size:13px;opacity: .4;text-transform: uppercase;}
.culture_type ul li .show .poa{font-size:40px;color:#022B9F;right:6%;top:35%;}

.product{padding:60px 0;background:#F5F5F5;}
.product .hd{text-align: center;margin-bottom:66px;}
.product .hd h2{font-size:35px;color:#222;margin:0;}
.product .hd p{font-size:16px;color:#999;margin-top:9px;}
.product ul li{float:left;width:32.14%;height:494px;border-radius: 8px;box-sizing: border-box;overflow: hidden;margin-right:1.7%;background:url(../images/pro_bg.png) no-repeat #fff;background-size: 100% 100%;margin-bottom:37px;padding:36px 0 33px 135px;position: relative;transition: all .4s;-webkit-transition: all .4s;}
.product ul li:nth-child(3n){margin-right:0;}
.product ul li .left{position: absolute;left:36px;top:36px;bottom:33px;}
.product ul li .left dt{margin-bottom:28px;}
.product ul li .left dt a{font-size:22px;color:#222;margin:0;font-weight: bold;}
.product ul li .left dd a{font-size:16px;line-height:30px;color:#999;margin:0;}
.product ul li .left span b{font-size:12px;color:#CBCBCB;margin-right:2px;font-weight: normal;}
.product ul li .left span b:nth-child(2){color:#737373;}
.product ul li .left .more{position: absolute;left:0;bottom:0;width:144px;height:42px;line-height: 42px;text-align: left;font-size:14px;color:#222;transition: all .4s;-webkit-transition: all .4s;}
.product ul li .left .more .iconfont{color:#A7A7A7;font-size:18px;vertical-align: middle;margin-left:4px;}
.product ul li .right{height:100%;display: flex;align-items: center;justify-content: center;display: -webkit-flex;cursor: pointer;}
.product ul li:hover{background:url(../images/pro_bg_h.png) no-repeat #fff;border-radius: 8px 40px 8px 40px;box-shadow: 0 3px 15px rgba(46,131,255,.1);}
.product ul li:hover .more{background:-webkit-linear-gradient(-60deg,#0B39BC,#022B9F);border-radius: 0 20px 0 20px;color:#fff;text-align: center;}
.product ul li:hover .more .iconfont{color:#fff;}

.service{background:url(../images/service_bg.png) no-repeat center top #051236;padding:70px 0 80px;}
.service .hd{text-align: center;font-size:32px;line-height: 55px;color:#fff;margin-bottom:66px;}
.process{display: flex;align-items: center;justify-content: space-between;}
.process .item{width:15.5%;text-align: center;line-height: 1;position: relative;}
.process .item:after{content:'';position: absolute;right:-64%;width:54%;top:46%;border-top:1px dashed #fff;}
.process .item:last-child:after{display: none;}
.process .item img{width:auto;height:58px;margin:0 auto}
.process .item h5{font-size:22px;color:#fff;margin:35px 0 28px;}
.process .item p{font-size:15px;line-height: 26px;color:rgba(255,255,255,.37)}
.contact_btn{display: block;width:294px;height:63px;border-radius: 63px;line-height: 63px;background:#022B9F;font-size:24px;color:#fff;margin: 36px auto 0;text-align: center;transition: all .4s;-webkit-transition: all .4s;}
.contact_btn:hover{background:#fff;color:#022B9F;}

.news {padding:73px 0 93px;}
.news .tit h2{position: relative;}
.news .tit h2:after{content:'';position: absolute;width:121px;height:10px;background:#022B9F;left:0;bottom:-4px;}
.news .bd{padding-left:242px;position: relative;margin-top:52px;}
.news .bd .left{position: absolute;left:0;bottom:0;top:0;width:240px;}
.news .bd .left .tab a{font-size:17px;color:#222;line-height: 80px;display: block;position: relative;transition: all .3s;-webkit-transition: all .3s;text-align: center;}
.news .bd .left .tab a.cur{color:#022B9F;}
.news .bd .left .tab a:before{content:'';position: absolute;width:13px;height:2px;background:#E4EAF2;right:180px;top:50%;transition: all .3s;-webkit-transition: all .3s;}
.news .bd .left .more a{display: none;}
.news .bd .left .more a.cur{display: block;}
.news .bd .left .tab a.cur:before{width:24px;background:#022B9F;}
.news .bd .right .list{display: none;}
.news .bd .right .list.cur{display: block;}
.news .bd .right .list li{float:left;width:33.33%;border-left:1px solid #DFE6F1;box-sizing: border-box;}
.news .bd .right .list li a{background:#FAFAFA;padding:49px 10.36% 35px 7.7%;display: block;line-height: 1;color:#333;position: relative;transition: all .4s;-webkit-transition: all .4s;}
.news .bd .right .list li .numb{font-size:42px;display: block;line-height: 51px;}
.news .bd .right .list li .num{font-size:20px;line-height: 23px;display: block;margin:12px 0 30px;}
.news .bd .right .list li h3{font-size:18px;line-height: 35px;margin:0;color:#222;font-weight:normal;}
.news .bd .right .list li p{font-size:14px;line-height: 28px;color:#999;margin:40px 0 56px;}
.news .bd .right .list .more{font-size:14px;color:#999;position: relative;}
.news .bd .right .list .more .iconfont{color:#A2A2A2;font-size:20px;vertical-align: middle;margin-left:5px;}
.news .bd .right .list li .poa{top:54px;right:18px;opacity: 0;transition: all .4s;-webkit-transition: all .4s;}
.news .bd .left .more{left:5px;right:auto;width:153px;height:43px;line-height: 43px;background:#022B9F;border-radius: 25px 0 25px 0;text-align: center;transition: all .3s;-webkit-transition: all .3s;border:1px solid #022B9F;}
.news .bd .left .more a{font-size:16px;color:#fff;font-weight:bold;}
.news .bd .left .more:hover{background:#fff;border:1px solid #022B9F;}
.news .bd .left .more:hover a{color:#022B9F;}
.news .bd .right .list li a:hover{background:#022B9F;color:#fff;}
.news .bd .right .list li a:hover h3{color:#fff;}
.news .bd .right .list li a:hover p{color:#fff;}
.news .bd .right .list li a:hover .more {color:#fff;}
.news .bd .right .list li a:hover .more .iconfont{color:#fff;}
.news .bd .right .list li a:hover .poa{opacity: 1;}






@-webkit-keyframes scale-up-right {
    0% {
      -webkit-transform: scale(0.2);
  
      transform: scale(0.2);
  
      -webkit-transform-origin: 100% 100%;
  
      transform-origin: 100% 100%;
  
      border-bottom-left-radius: 4px;
  
      border-bottom-right-radius: 4px;
  
      border-top-right-radius: 4px;
  
      border-top-left-radius: 4px;
    }
  
    100% {
      -webkit-transform: scale(1);
  
      transform: scale(1);
  
      -webkit-transform-origin: 90% 20%;
  
      transform-origin: 90% 20%;
  
      border-radius: 0px;
    }
  }
  
  @keyframes scale-up-right {
    0% {
      -webkit-transform: scale(0.2);
  
      transform: scale(0.2);
  
      -webkit-transform-origin: 90% 20%;
  
      transform-origin: 90% 20%;
  
      border-bottom-left-radius: 4px;
  
      border-bottom-right-radius: 4px;
  
      border-top-right-radius: 4px;
  
      border-top-left-radius: 4px;
    }
  
    100% {
      -webkit-transform: scale(1);
  
      transform: scale(1);
  
      -webkit-transform-origin: 90% 20%;
  
      transform-origin: 90% 20%;
  
      border-radius: 0px;
    }
  }
  @keyframes arrow{0%,100%{bottom:0px;opacity:1}
  50%{bottom:10px;opacity:.5}
  }
  @-webkit-keyframes arrow{0%,100%{bottom:0px;opacity:1}
  50%{bottom:10px;opacity:.5}
  }
@media screen and (max-width:1600px){
  .banner .focus .swiper-slide img{object-fit: fill;}
}
@media screen and (max-width:1400px) {
  .container{width:96%;}
 
}
@media screen and (max-width:1200px) {
 
}
@media screen and (max-width:1030px) {

}
@media screen and (max-width:768px) {
    .pc_banner{display: none;}
    .mp_banner{display: block!important;}
    .banner .focus .container.poa{bottom:.56rem;}
    .banner .num{font-size:.36rem;}
    .banner .num .all{font-size:.39rem;}
    .banner .num .now{font-size:.52rem;}
    .banner .swiper-pagination .swiper-pagination-bullet{width:.14rem;height:.14rem;border-radius: .14rem;margin:0 .06rem;}
    .banner .swiper-pagination .swiper-pagination-bullet-active{width:.33rem;border-radius:.14rem;}
    .banner .swiper-button-next, .banner .swiper-button-prev{width:.7rem;height:.7rem;line-height: .7rem;bottom:.07rem;border-radius: 50%;}
    .banner .swiper-button-prev{bottom:.9rem;}
    .about{padding:.2rem 0 .4rem;}
    .about .bg{top:-.34rem;}
    .about .fl{width:100%;padding-bottom: .2rem;padding-left:0;float:none}
    .about .fr{width:100%;margin-top:0;float:none}
    .about .tit{margin-bottom:.4rem;}
    .about .fr img{object-fit: fill;height:auto;}
    .about_nav{position: static;width:100%;height:1.6rem;flex-wrap: wrap;padding:0;margin-top:.3rem;}
    .about_nav li .iconfont{width:.85rem;height:.85rem;line-height: .85rem;font-size:.5rem;}
    .about_nav li h4{font-size:.26rem;line-height: .32rem;margin-top:.12rem;}
    .tit h2{font-size:.42rem;line-height: .54rem;}
    .tit p{font-size:.46rem;line-height: .4rem;}
    .solution .tit{margin-bottom:.5rem;}
    .solution .tit h2:after,.news .tit h2:after{width: 1.61rem;
      height: .1rem;
      bottom: -.04rem;}
    .tit span{font-size:.26rem;margin-left:.1rem;}
    .solution .del {
      width: .83rem;
      height: .45rem;
      border-radius: 0 .2rem 0 .2rem;}
      .solution .del .iconfont {
        font-size: .38rem;
        line-height: .45rem;
    }
    .about .fl .about_sum { font-size: .27rem; line-height: .5rem; }
    .about .fl p{font-size:.24rem;line-height: .36rem;}
    .more {height:.45rem;line-height: .45rem;font-size:.24rem;}
    .product{padding:.4rem 0;}
    .product .hd{margin-bottom:.46rem;}
    .product .hd h2{font-size:.45rem;}
    .product .hd p{font-size:.25rem;}
    .product ul li{width:100%;margin-bottom: .37rem;padding:.36rem 0 .33rem 2.7rem;margin-right:0;height:7rem;}
    .product ul li .left dt{margin-bottom:.28rem;}
    .product ul li .left dt a{font-size:.32rem;}
    .product ul li .left dd a{font-size:.26rem;line-height: .4rem;}
    .service{padding:.7rem 0 0.8rem;background-size: cover;}
    .service .hd {
      font-size: .42rem;
      line-height: .65rem;
      margin-bottom: .66rem;
  }
  .process{flex-wrap: wrap;}
  .process .item{width:48%;margin-bottom: .5rem;}
  .process .item img{height:.58rem;}
  .process .item h5 {
    font-size: .32rem;
    margin: .35rem 0 .28rem;
  }
  .process .item p{font-size:.25rem;line-height: .36rem;}
  .process .item:after{display: none;}
  .contact_btn {margin:.36rem auto;
    display: block;width: 3.94rem;height: .93rem;border-radius: .93rem;line-height: .93rem;font-size: .34rem;}
  .news {
      padding: .5rem 0 .5rem;
  }
  .news .bd{margin-top:.5rem;padding-left:0;}
  .news .bd .left{position: static;width:100%;}
  .news .bd .left .tab{display: flex;justify-content: space-around;}
  .news .bd .left .tab a{line-height: 1.16rem;}
  .news .bd .left .tab a:before{right:auto;left:-18px;}
  .news .bd .left .tab a.cur:before{left:-29px;}
  .news .bd .right .list li{width:100%;border-top: 1px solid #DFE6F1;border-left:0;}
  .news .bd .right .list li a {padding: .49rem 10.36% .35rem 7.7%;}
  .news .bd .right .list li .numb{font-size:.52rem;line-height: .61rem;}
  .news .bd .right .list li .num {
    font-size: .3rem;
    line-height: .33rem;
    margin: .12rem 0 .3rem;
  }
  .news .bd .right .list li h3 {
    font-size: .28rem;
    line-height: .45rem;
  }
  .news .bd .right .list li p {
    font-size: .24rem;
    line-height: .38rem;
    margin: .4rem 0 .56rem;
  }
  .news .bd .right .list .more{font-size:.24rem;}
  .news .bd .right .list .more .iconfont{font-size:.3rem;}
  .news .bd .left .more{right:0;top:-1.1rem;bottom:auto;left:auto;width:1.8rem;line-height: .6rem;height:.6rem;border-radius: .3rem 0 .3rem 0;}
  .news .bd .left .more a{font-size:.26rem;}
  .culture_type ul li{float:none;width:100%!important;}
  .culture_type ul li .img img{width:100%;height:3.4rem;object-fit: cover;}
  .culture_type ul li .show {
    position: absolute;
    width: 79.84%;
    left:7%;
    top: 50%!important;
    bottom:auto!important;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    border-radius: .2rem;
    padding-top: .14rem;
    padding-left: 7.3%;
    padding-bottom: .32rem;
  }
  .culture_type ul li .show span.num{font-size:.42rem;}
  .culture_type ul li .show h5 {font-size: .38rem;
    margin-bottom: .13rem;
    margin-top:.08rem;
  }
  .culture_type ul li .show .poa{font-size:.5rem;}
  .culture_type ul li .show p.num{font-size:.23rem;}
  .culture_type ul li .zhezhao{display: none;}
  .culture_type ul li .numb{display: none;}
  .del{width:.5rem;height:.5rem;}
  .del .iconfont{font-size:.28rem;line-height: .5rem;}
}