.martop-60{margin-top: -.6rem;}

.ind-title span{ font-size: .24rem;font-weight: 400;color: #0e59d1;line-height: .33rem;}

.ind-title h5{ font-size: .45rem;font-weight: 600;color: #222222;line-height: .6rem;}

.ind-title p{ font-size: .16rem;font-weight: 400;line-height: .30rem;}

.martop20{margin-top: .1rem;}

.martop31{margin-top: .31rem;}

.martop8{margin-top: .08rem;}

.weui-flex-warp{display: flex; }

.common-more{display: flex; align-items: center; justify-content: space-between; width: 2.4rem; height: 60px; line-height: 60px; background: #0e59d1; box-sizing: border-box; padding: 0 .3rem;border-radius: 4px;color: #FFFFFF;font-size: .18rem; transition: all .3s; position: relative;}

.common-more:hover{color: #ffffff; transform: translateY(-5px);}

.more-box{ position: absolute;width: .23rem; height: .23rem; border: 1px solid #fff; border-radius: 50%; display: inline-block; opacity: 1; right: .1rem;}

.more-box::before{position: absolute; content: '';  left: 50%;top:50% ; width: .05rem; height: .05rem; background: #fff; border-radius: 50%; margin-top: -.025rem; margin-left: -.025rem; z-index: 99;}

.more-box::after{position: absolute; content: ''; top: 50%; width: .52rem; height: 1px; background:  #fff; left: -.405rem; margin-top: -0.05px;}
.common-more i {
  position: absolute;
  right: -5px;
  bottom: -20px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 1);
  z-index: 11;
  display: block;
  border-radius: 50%;
  transform: scale(1);
  opacity: 0;
}
.common-more i:nth-child(2) {
  transform: scale(2);
}
.common-more i:nth-child(3) {
  transform: scale(3);
}

.common-more:hover{
    text-align: center;
    color: #fff;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

.common-more:hover i:nth-child(4){
  -webkit-animation: sxxs1 1s .3s linear infinite;
  -moz-animation: sxxs1 1s .3s linear infinite;
}
.common-more:hover i:nth-child(5){
  -webkit-animation: sxxs1 1s .6s linear infinite;
  -moz-animation: sxxs1 1s .6s linear infinite;
}
.common-more:hover i:nth-child(6){
  -webkit-animation: sxxs1 1s 1s linear infinite;
  -moz-animation: sxxs1 1s 1s linear infinite;
}
@keyframes sxxs1{
  0% {
    -webkit-transform: scale(0);
    opacity: .3;
  }
100% {
  -webkit-transform: scale(10);
  opacity: 0;
  }
}


.pjoin-title h4{font-size: .4rem;font-weight: 600;color: #222222;line-height: .56rem;}

.pjoin-title p{font-size: .26rem;font-weight: 600;color: #000000;line-height: .37rem; margin-top: 4px;text-transform:uppercase}

.pjoin-p1{position: absolute;font-size: .16rem;top:0px;right:0px;}


.section2-more .more-box,.section3-more .more-box,.news-more .more-box{right: .3rem;}
.news-list-more .more-box{right: 0;}

/*  */
.side-box-out{
  position: relative;
  position: fixed;
  right: 10px;
  top: 30%;
  z-index: 150;
}
.side_box{
  background:#0e59d1 ;
  border-radius: 4px;

}
.side_icon{
  position: relative;
  padding: .15rem .12rem .13rem .10rem;
  cursor: pointer;
}
.side_icon:not(:last-child)::after{
 position: absolute;
 content: "";
 left: 10%;
 bottom: 0;
 width: 80%;
 border-bottom: 1px solid #fff;
}

.side_icon .side_icon_1 img{
  margin: auto;
  width: 0.28rem;
  height: 0.28rem;
}
.side_icon .side_icon_1 p{
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  margin-top: .04rem;
}
.side_icon_2{
  width: 2.33rem;
  height: 1.24rem;
  position: absolute;
  left: -2.3rem;
  top: -.1rem;
  opacity: 0;
  visibility: hidden;
  transition: all .5s  ease-in-out;
  background: url(../images/side-pic-bg1.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .25rem;
  padding-left: .3rem;
}
.side_icon_2_p1{
  font-size: .18rem;
  font-weight: 500;
  color: #28292E;
  line-height: 25px;
}
.side_icon_2_p2{
  margin-top: .06rem;
  font-size: .22rem;
  font-weight: 600;
  color:  #0e59d1;
  line-height: 30px;
}
.side_icon_2_code{
  height: 2.17rem;
  top: -0.65rem ;
  background: url(../images/side-pic-bg2.png) no-repeat;
  background-size: 100% 100%;
}
.side_icon_2_code div:nth-child(1){
  margin-bottom: .1rem;
}
.side_icon_2_code div img{
  width: 1.6rem;
  height: 1.6rem;

}
.side_icon_2_code div p{
  text-align: center;
  margin-left: -.3rem;
}
.side_icon:hover  .side_icon_2{
  opacity: 1;
  visibility: visible;
}
.side-top{
  border: 1px solid transparent;
  position: relative;
  margin-top: -1px;
  cursor: pointer;
  display: none;
}
.side-top::after{
  width: 2px;
  height: .38rem;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  background:#0e59d1 ;
  margin-left: -1px;
}
.side-top img{
  margin: .38rem auto 0;
  width: .36rem;
  height: .36rem;
}
/* 索搜框 */
.search-box{
  position: fixed;
    height: 1rem;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    height: .89rem;
    z-index: 999;
    padding: 0 23%;
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    transform: translateY(-100%);
    cursor: pointer;
    transition: all .5s ease;
}
.search-close {
  display: flex; 
  align-items: center;
  width: .22rem;
  margin-left: 13.8vw;
  cursor: pointer;
  transition: all .3s ease;
}
.search-box >input{border-bottom: 1px solid #d7d7d7;width: 4rem;height: 50px;}
.search-box > img {width: 36px; height: 36px;}
.search-close:hover{transform: rotate(180deg);}
.search-box.on{transform: translateY(0%); opacity: 1;}
/* 轮播图 */



#section0 .swiper-slide{background-color: #efefef; overflow: hidden;}
#section0 .swiper-slide img{object-fit: cover; width: 100%; height: 100%;}

#section0 .swiper-container{height: 100vh;position: relative ;}

#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}


.profile-bg{
    background-size: 60% 60%;background-position: center;background-repeat: no-repeat;
}

.banner-txt{position: absolute; top: 3.37rem; left: 1.9rem; }

.banner-txt1{color: #FFFFFF; font-size: 0.56rem; line-height: 0.78rem;font-weight: 600;}

.banner-txt2{color: #FFFFFF; font-size: 0.3rem; line-height: 0.47rem; margin-top: 16px; margin-bottom: 14px;}

.banner-txt3{color: #FFFFFF;font-size: 0.2rem; line-height: 0.40rem; }

.banner-info {display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 5; left: 0;justify-content: center;right: 0;top: 93vh;}

.banner-info .mouse {

  width: 22px;

  height: 32px;

  border: 1px solid #fff;

  border-radius: 40px;

  margin-left: 0.1rem; margin-right: 0.1rem;

  position: relative;

}

.banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 2px;

  height: 8px;

  top: 8px;

  left: 50%;

  margin-left: -1px;

  background: #fff;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

.banner-page-num{position: absolute; z-index: 6; left: 9.896%; top: 93vh; }

.banner-page-num span{ display: inline-block; margin-right: .2rem; color: rgba(255, 255, 255, 0.5); position: relative; transition: all .3s; }

.banner-page-num span::after{position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 10px; left: 115%; z-index: 2; background: transparent; content: '';transition: all .3s;}

.banner-page-num span.on{color: rgba(255, 255, 255, 1); margin-right: .4rem;}

.banner-page-num span.on::after{background: #fff;}

/* 轮播左右切换键 */

#section0 .swiper-button-next,#section0 .swiper-button-prev{top: 93vh;  width: .48rem; height: .48rem; border-radius: 50%; }

#section0 .swiper-button-next{background: url(../images/next-btn.png) no-repeat; background-size: .48rem .48rem;right: 9.896%; }

#section0 .swiper-button-prev{background: url(../images//prev-btn.png) no-repeat;background-size: .48rem .48rem;right:calc(9.896% + .68rem) ; left: unset;}

#section0 .swiper-button-next:hover,#section0 .swiper-button-prev:hover{background-color:#0e59d1 ;}

#fp-nav ul li .fp-tooltip{color: #ffffff;}

#fp-nav ul li:nth-child(2) .fp-tooltip{color: #000;}

#fp-nav ul li, .fp-slidesNav ul li{margin: 21px;}

#fp-nav ul li .fp-tooltip{top: -9px;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px; height: 2px; background: rgba(255,255,255,0.6);border-radius: 0;}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span,#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: #ffffff;width: 10px; height: 2px;border-radius: 0;}

#fp-nav ul li:nth-child(2) a.active span{background:#000;}
/* #fp-nav ul li a.active,.fp-slidesNav ul li a.active,#fp-nav ul li:hover a.active , .fp-slidesNav ul li:hover a.active,#fp-nav ul li:hover a , .fp-slidesNav ul li:hover a{transform: translateX(10px);} */
#fp-nav.none{opacity: 0;}

/* */
#fp-nav.fp-right{left: 17px !important;}
#fp-nav ul li .fp-tooltip.fp-right{left: 25px; right: unset;}
#fp-nav.on ul li .fp-tooltip{color: #000000;}

#fp-nav.on ul li:nth-child(3) .fp-tooltip{color: #fff;}

#fp-nav.on ul li a span, .fp-slidesNav ul li a span{background: #959595;;}

#fp-nav.on ul li:hover a span, .fp-slidesNav ul li:hover a span,#fp-nav.on ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav.on ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: #2D2D2D;}


/*首页视频部分*/
.section-bg {
    width: 100%;
    height: calc(100% - 90px);
    position: absolute;
    top: 90px;
    overflow: hidden;   
}

.section-bg img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.mobileBg {

}
.video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.list-box {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px){
 .section-bg{
    padding-bottom: 118%;
    width: 100%;
    position: relative;
    top: 0;
 }
 .video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transform: none;
  }
}
@media (max-width: 980px){
  .video{
    height:100%;
    object-fit: fill;
  }
}
@media (max-width: 780px){
  .section-bg {
    height: calc(100% - 60px);
    top: 60px;
  }
  .mobileBg {
    height: 100%;
}
  .section-title{
    left:1.1rem;
  }
  .section-yundong,.section-car_key,.section-earphone,.section-electronic_cigarette,.section-mic,.section-watch{
   display:none; 
  }
  .section-ar {
      left: 3.1rem;
      bottom: 0.5rem;
  }
  	.section-bracelet {
    	left: 5.3rem;
    	bottom: 0;
	}
  	.section-more {
    	bottom: -40px;
	}
}

@media (max-width: 420px){
   .section-ar {
      left: 3.4rem;
    bottom: 2.5rem;
  }
  .section-bracelet {
    left: 6rem;
    bottom: 1.5rem;
  }
}

@media (max-width: 380px){
   .section-ar {
      left: 3.2rem;
    bottom: 2.8rem;
  }
  .section-bracelet {
    left: 5.3rem;
    bottom: 1.8rem;
    display: none;
  }
}

@media (max-width: 330px) {
   .section-ar {
     left: 2.7rem;
    bottom: 1.5rem;
  }
  .section-bracelet {
    left: 4.5rem;
    bottom: 1rem;
  }
}

/*视频结束*/

#section1{background: url(../images/bg1.jpg) no-repeat; background-size: 100% 100%; /*padding-top: .38rem;*/  }

#section1 .container-fluid{ margin-top: .45rem;}

@media (max-width: 780px){
  #section1 .container-fluid{ margin-top: 0;}
}


 .flex{display:flex;}
.culture-section{height:5.6rem;text-align:center;}
.flex-auto{ margin:auto;}
.item-img-box{
  flex:1;
  width:33.33%;
}
.culture-section .title{
    font-family: Microsoft YaHei UI,Microsoft YaHei;
  	font-size: 0.3rem;
    letter-spacing: 5px;
    font-weight: 500;
    margin-top: 0.24rem;
    margin-bottom: 0.24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.culture-section .content{
	font-size: .21rem;
    line-height: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#section2{background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%; padding-top: 40px; }



#section2 .section2-item-left,#section2 .section2-item-right{width: 30%; }

#section2 .section2-item-left {padding-top: 1rem;}

#section2 .ind-title{ padding-left:.4rem;}

#section2 .section2-item-left .section2-tell{font-size: .44rem;font-weight: 600;color: #FFFFFF;line-height: .53rem; display: flex; align-items: center; margin-top: .51rem;}

#section2 .section2-item-left .section2-tell img{ width: 32px; margin-right: .1rem;}

#section2 .section2-item-left .section2-more{ margin-top: 1.38rem;margin-left:.4rem;width: 2.2rem;}

#section2 .section2-item-mid{width: 40%;}

#section2 .section2-item-mid img{max-width: 100%; margin-top: 30%; margin-left: .16rem;}

#section2 .section2-item-right {color: #fff;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;     padding-left:calc(3.43% + .6rem) ;}

#section2 .section2-item-right  .list{

  position: relative;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  width: 100%;}

/* #section2 .section2-item-right  .list::after{

  position: absolute; content: ''; width: 1.68rem; height: 1.68rem; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, 0.5); left: 0; top: 0; margin-top: -.44rem;

  left: -.44rem;

} */

#section2 .section2-item-right  .list::after{

  position: absolute; content: ''; width: 1.68rem; height: 1.68rem; border-radius: 50%; background: url(../images/border.png) no-repeat; left: 0; top: 0; margin-top: -.44rem;

  left: -.44rem; background-size: 100% 100%;

}

#section2 .section2-item-right  .list .icon_{

    background: #fff;

    z-index: 4;

    margin-right: 15px;

    width: .8rem;

    height: .8rem;

    border-radius: 50%;

    line-height: .8rem;

    text-align: center;

    display: inline-block;

    position: relative;



}

#section2 .section2-item-right  .list .icon_::after {

  content: "";

  width: .9rem;

  height: .9rem;

  background: rgba(255,255,255,0.05);

  position: absolute;

  top: 0%;

  left: 0%;

  margin-left: -.05rem;

  margin-top: -.05rem;

  border-radius: 50%;

  animation: point1 2s infinite;

}

#section2 .section2-item-right  .list .icon_ img{

  width: .44rem; height: .44rem; margin:.18rem auto;

}
#section2 .section2-item-right  .list .section2-txt { flex: 1; max-width: calc(100% - 1rem);}
#section2 .section2-item-right  .list .section2-txt h3  samp{font-size: 18px;font-weight: 400;color: #FFFFFF;line-height: 17px;vertical-align: top;}

#section2 .section2-item-right  .list .section2-txt h3 span{font-size: .40rem;font-weight: 500;color: #FFFFFF;line-height: .63rem;}

#section2 .section2-item-right  .list .section2-txt p{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 22px;}

#section3 {background: url(../images/people.png) no-repeat ,url(../images/bg3.jpg) no-repeat; background-size: auto 5.55rem, 100% 100%; background-position: 60px 128%, left top;}
#section3 .container-fluid{margin-top: .65rem;}
#section3 .section3-list{ justify-content: space-between;}

#section3 .section3-list .section3-list-item{ width: 32%; background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(204, 212, 226, 0.4); padding: .4rem .6rem; background-image: url(../images/ind4-bg.png) ; background-size: auto 100%; background-position: top right; background-repeat: no-repeat; margin-top: .62rem;margin-bottom: .7rem; cursor: pointer; transition:  all .3s;}

#section3 .section3-list .section3-list-item:hover{transform: translateY(-10px);}

#section3 .section3-list .section3-list-item img{width: .6rem; height: .6rem;}

#section3 .section3-list .section3-list-item .section3-p1{font-size: .3rem;font-weight: 600;color: #222222;line-height: .42rem;margin-top: 22px;}

#section3 .section3-list .section3-list-item .section3-p2{font-size: .18rem;font-weight: 400;color: #222222;line-height: .25rem; margin-top: 10px; }

#section3  .section3-bottom-txt .ind-title{text-align: right;}

#section3  .section3-bottom-txt .ind-title .section3-bottom-tel{font-size: .26rem;font-weight: 600;color: #0e59d1 ;line-height: .37rem; margin-top: .4rem;}

#section3  .section3-bottom-txt .ind-title .section3-bottom-tel span{color: #0e59d1 ;font-size: .26rem;font-weight: 600;line-height: .37rem;}

#section3 .section3-bottom-txt .section3-more{ margin-top: .5rem; float: right;}

/*新闻中心*/
.section-news {background: url(../images/bg4.jpg);background-size: 100% 100%; }
.section-news .container-fluid{margin-top: 1.2rem;}
.section-news .ind-news-left{width: 21%; }

.section-news .ind-news-right{width: 79%;}

.section-news .ind-news-left .news-tabs-title{margin-top: 1.3rem; cursor: pointer; }

.section-news .ind-news-left .news-tabs-title p span{font-size: .2rem;font-weight: 400;color: #484848;line-height: .28rem; padding-bottom: 5px; display: inline-block; margin-bottom: .5rem;border-bottom: 3px solid transparent; transition: all .5s;}

.section-news .ind-news-left .news-tabs-title p.on span,.section-news .ind-news-left .news-tabs-title p:hover span{color: #0e59d1;  border-bottom: 3px solid #0e59d1;}

.section-news .ind-news-left .news-more{margin-top: 1.9rem;}

.section-news .ind-news-right .news-content{ align-items: center ; display: none; justify-content: space-between; flex-wrap: wrap;}

.section-news .ind-news-right .news-content.on{display: flex;}

.section-news .ind-news-right .news-content .news-content-item{width: 48.5%; margin-bottom: .4rem;background: rgba(255,255,255,1);  display: flex;padding: .5rem .6rem; transition: all .5s; }

.section-news .ind-news-right .news-content .news-content-item .news-bg-box{left: 0; right: 0;bottom: 0;top: 0;  z-index: 1; opacity: 0; transition: all .5s;}

.section-news .ind-news-right .news-content .news-content-item .new-hover-bg{left: 0; right: 0;bottom: 0;top: 0;  z-index: 2; opacity: 0; transition: all .5s;background: rgba(255,255,255,0);}

.section-news .ind-news-right .news-content .news-content-item .news-bg-box img{object-fit: cover; height: 100%; width: 100%;}

.section-news .ind-news-right .news-content .news-content-item .news-left-time{ margin-right: .44rem;z-index: 3;}

.news-content-item .news-left-time .n-p1{font-size: .32rem;font-weight: 400;color: #000000;line-height: .39rem; transition: all .5s;}

.news-content-item .news-left-time .n-p2{font-size: 15px;font-weight: 400;color: #888888;line-height: 18px; padding-bottom: .45rem; border-bottom: 1px solid #bbbbbb;transition: all .5s;}

.section-news .ind-news-right .news-content .news-content-item .news-right-txt{ flex: 1; z-index: 3;}

.news-content .news-content-item .news-right-txt h5{font-size: .18rem;font-weight: 600;color: #222222;line-height: .3rem;transition: all .5s;}

.news-content .news-content-item .news-right-txt p{font-size: 14px;font-weight: 400;color: #999999;line-height: 24px; margin-top: .13rem;transition: all .5s;}



.section-news .ind-news-right .news-content .news-content-item:hover .news-bg-box{opacity: 1;}

.section-news .ind-news-right .news-content .news-content-item:hover .new-hover-bg{background: rgba(23, 43, 75, 0.6); opacity: 1;}

.news-content .news-content-item:hover .news-left-time .n-p1,.news-content .news-content-item:hover .news-left-time .n-p2,.news-content .news-content-item:hover .news-right-txt h5,.news-content .news-content-item:hover .news-right-txt p{color: #fff;}



/* footer */

footer{display: flex;background: #02182E; min-height: 300px;  }

footer .footer{flex: 1; }

footer .footer .footer-content-top {padding-left: 9.896%; padding-bottom: .6rem;}

@media (max-width: 1440px){
  footer .footer .footer-content-top {padding-left: 15px; padding-bottom: .6rem;}
}

footer .footer-logo{ width: 1.22rem;}

footer .footer .footer-content-top  .footer-left{padding-top: .9rem;width: 62%;color: #FFFFFF;}

.footer .footer-content-top  .footer-left .footer-list{color: #FFFFFF; margin-top: .44rem;}

footer .footer-list ul{list-style: none; padding-left: 0;}

footer .footer-list ul li >p{min-width: 164px;font-size: .2rem;font-weight: 600;color: #FFFFFF;line-height: 28px; margin-bottom: .16rem;}

footer .footer-list ul li .footer-sub{width: 100%; margin-right: 1.38rem;}

footer .footer-list ul li .footer-sub a{display: block;font-size: 15px;font-weight: 400;line-height: 34px;color: rgba(255, 255, 255, 0.8);transition: all .3s;}

footer .copyright{ border-top: 1px solid rgba(255,255,255,0.15); color: rgba(255, 255, 255, 0.5);line-height: 21px;padding-left: 9.896%;padding-top: .39rem;

  padding-bottom: .39rem;}

footer .copyright p{font-size: 15px;}

footer .copyright p a{color: rgba(255, 255, 255, 0.5); transition: all .3s;}

footer .copyright p a:hover,footer .footer-list ul li .footer-sub a:hover{color: #fff;}

.footer-right{padding-top: .9rem;width: 25%;margin-left: 1.8rem;}

.footer-right .footer-right-p1{font-size: 16px;font-weight: 500;color: #FFFFFF;line-height: 22px;}

.footer-right .footer-right-p2 ,.footer-right .footer-right-p2 a{font-size: .3rem;font-weight: 500;color: #FFFFFF;line-height: .36rem; margin-top: .14rem;}

.footer-right-code {justify-content: space-between;margin-top: .22rem;}

.footer-right-code >div{width: 48%; text-align: center;}

.footer-right-code >div img{width: 1.5rem; height: 1.5rem; margin: auto; margin-bottom: .25rem;}

.footer-right-code >div p{color: #FFFFFF;font-size: .18rem;line-height: .25rem;}

footer .footer-top{width: 1.5rem; background: #0e59d1;display: flex;align-items: center;justify-content: center;}

.footer-top >div{color: #fff;font-size: 16px;font-weight: 400;line-height: 22px; writing-mode: tb-rl; cursor: pointer;}

.footer-top >div .more-box{transform: rotate(-90deg);margin-bottom: .55rem; position: relative; right: 0;}



/* 内页banner图 */

.banner-p0{ padding: 0 !important;}

.banner-box{position: relative; height:7rem; background-position: center  center; background-size: cover; background-repeat: no-repeat;margin-top:90px; -webkit-animation-name: bigtosmall;animation-name: bigtosmall;transform-origin: 50% 50%;-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}

.other-banner-txt{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;background: rgba(14,89,209 ,0.17); color: #ffffff; }

.other-banner-txt div{/*max-width: 37%; */text-align: center; max-width: 85%;}

.other-banner-txt div h3{font-size: 0.48rem;font-weight: 600;line-height: 0.47rem;  margin-bottom: .26rem;}

.other-banner-txt div  p{font-size: .24rem;font-weight: 400;line-height: .4rem;}

#bgVideo1{
 	object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

/* 内页二级标题 */

.nav-title{text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;height: 0.8rem;height: .8rem; line-height: .8rem;  font-size: 0px;transform: translateY(30px);font-size: 0px;padding-bottom: 1.5rem;}

.item-a {

  color: #212121;

  display: inline-block; 

  box-shadow: 0px 14px 60px 0px rgba(126, 134, 148, 0.32);

  height: 0.8rem; 

  background-color: #FFFFFF;

  line-height:0.8rem;

  text-align: center;

  position: relative;

  overflow: hidden;

  /* padding: 0 .6rem; */

  margin-right: .2rem;



}

.wid300{width: 3rem;}

.wid240{width: 2.4rem;}



.item-a .icon {



display: inline-block;

vertical-align: middle;

width: .3rem;

height: .3rem;

position: relative;

margin-right: .1rem;

z-index: 2;



}



.item-a span {



font-size: 0.2rem;



color: #212121;



display: inline-block;



vertical-align: middle;



position: relative;



z-index: 2;



transition: all .3s ease;



}



.item-a.on,.item-a:hover{ background: linear-gradient(270deg, #0e59d1 0%, #00a4d8 100%);}





.item-a .icon img {

  position: absolute;

  left: 0;

  top: 0;

  transition: all .3s ease;

}

.nav-title a img {

  display: inline-block;

  width: 0.3rem;

}

.item-a .icon img:nth-child(2){opacity: 0;}

.item-a.on span ,.item-a:hover span{

  color: #fff;

}



.item-a::before{



  content: "";



  position: absolute;



  left: 0;



  top: 0;



  bottom: 0;



  width: 0;

  background-image: url(../images/sub-nav-bg.png);

  transition: all .3s ease;



}

.item-a:hover::before,.item-a.on::before{

  width:100%;

  

}

.item-a.on .icon img:nth-child(1), .item-a:hover .icon img:nth-child(1){opacity: 0;}

.item-a.on .icon img:nth-child(2), .item-a:hover .icon img:nth-child(2){opacity: 1;}

/* 新闻中心 */

.bg-f7f7f7{background: #F7F7F7;}

.news-sec4-lists{margin-top: 0.45rem;}

.new-section2-content{margin-top: 0.26rem;justify-content: space-between; }

.new-section2-content .new-section2-item{width: 32%;  padding: .4rem;background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(141, 154, 174, 0.2); transition: all .5s ease; cursor: pointer; margin-bottom: 0.42rem;}

.new-section2-item-title span{font-size: 14px;color: #484848;line-height: 20px; }

.new-section2-item-title p{font-size: 20px;font-weight: 600;color: #222222;line-height: 30px; height: 60px; margin-top: 0.15rem; margin-bottom: 0.2rem; transition: all .5s ease;}

.new-section2-item-img{height: 2.44rem; margin-bottom: 0.2rem;}

.new-section2-item-img img{object-fit: cover; width: 100%; height: 100%;}

.new-section2-item-txt p{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);transition: all .5s ease;}

.new-section2-item-txt-link{display: flex; align-items: center; margin: 0.32rem 0;}

.new-section2-item-txt-link a{display: inline-block; width: 1.4rem;height: 40px; line-height: 40px; text-align: center; margin-right: 0.24rem;background: #EDF1F8;color: #8D8D8E;font-size: 12px;transition: all .3s ease;}

.new-section2-item:last-child:nth-child(3n + 2){ margin-right: calc((100% - 32%) / 2);}

.new-section2-item .news-list-more{background: transparent;color: #484848; padding: 0; border-top: 2px solid #d8d8d8; width: 100%; border-radius: 0;font-size: 14px;line-height: 20px;}

.new-section2-item .news-list-more .more-box{  border: 1px solid #484848; }

.new-section2-item .news-list-more .more-box::before{ background: #484848; }

.new-section2-item .news-list-more .more-box::after{background:  #484848; }



.new-section2-item:hover{background: #0e59d1;}

.new-section2-item:hover .new-section2-item-title span,.new-section2-item:hover .new-section2-item-title p,.new-section2-item:hover .new-section2-item-txt p,.new-section2-item:hover .new-section2-item-txt-link a,.new-section2-item:hover .news-list-more{color: #fff;}

.new-section2-item:hover .new-section2-item-txt-link a{background: #6097EF;}

.new-section2-item:hover .news-list-more .more-box{  border: 1px solid #fff; }

.new-section2-item:hover .news-list-more .more-box::before{ background: #fff; }

.new-section2-item:hover .news-list-more .more-box::after{background:  #fff; }



.news-sec5-item{ padding: 0.4rem .8rem .4rem .6rem; background: #fff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);box-sizing:border-box; transform: translateY(0); margin-bottom: 32px; transition: all .5s; cursor: pointer;}

.news-sec5-item .news-time{font-size: 14px;font-weight: 500;color: #0e59d1;line-height: .28rem;  width: 130px; padding-top: .1rem;}

.news-sec5-right{box-sizing:border-box;align-items: center; justify-content: space-between; flex: 1;}

.news-contents { width: 83%; max-width: 55vw;}

.news-sec5-right h6{font-size: .2rem;font-weight: 600;color: #222;line-height: .3rem;}

.news-sec5-right p{font-size: 14px;font-weight: 400;color: #484848;line-height: 24px; margin-top: .2rem;}

.news-sec5-right-a{width: 160px; }

.news-sec5-right-a .common-more{width: 100%; padding: 0 .1rem; background: transparent;color: #484848;font-size: 14px;}





.news-sec5-right-a  .more-box{  border: 1px solid #484848; }

.news-sec5-right-a  .more-box::before{ background: #484848; }

.news-sec5-right-a  .more-box::after{background:  #484848; }



.marb-40{margin-bottom: 40px;}

.news-sec5-item:hover{transform: translateY(-10px);}

.news-pages{text-align: center;}

.pages-mtop{margin-top: .6rem; margin-bottom: 1rem;}

.news-pages .pagination>.active>a,.news-pages .pagination>.active>a:focus,.news-pages .pagination>.active>a:hover,.news-pages .pagination>.active>span,.news-pages .pagination>.active>span:focus,.news-pages .pagination>.active>span:hover,.news-pages  .pagination>li>a:hover{background: transparent; color: #0e59d1;border: 1px solid #0e59d1;}

.news-pages  .pagination>li>a,.news-pages  .pagination>li>span{color: #333333; background-color: transparent; border: 0; height: .5rem; width: .5rem; border-radius: 50%; line-height: .5rem; text-align: center; padding: 0; margin-right: .25rem;}

/* 新闻详情 */

.news-detail{background: #F7F7F7;}

.news-details{background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); margin-top: .6rem; margin-bottom: 1rem;}

.solution-details{background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); margin-top: .6rem;  margin-bottom: 1rem;width: 60%;margin: 0 auto;}

.news-details-content-top h3,.solution-details-content-top h3{font-size: .28rem;font-weight: 600;color: #212121;line-height: .4rem; margin-bottom: .4rem;}

.news-details-content-top p span,.solution-details-content-top p span{font-size: 14px;color: #888888; }

.news-border-bottom{padding-bottom: .3rem; border-bottom: 1px solid #e5e5e5;}

.news-detail-contents{margin-top: .4rem; font-size: 16px;font-weight: 400;color: #333333;line-height: 28px; padding-bottom: .6rem;  border-bottom: 1px solid #e5e5e5;}

.news-detail-contents *{font-size: inherit; color: inherit;}

.news-detail-contents img{margin: -0.2rem auto;  max-width: 100%; }

.solution-detail-contents img{margin: -0.2rem auto;   max-width: initial;width: 100%;}

.news-detail-contents h5,.solution-detail-contents h5{font-weight: bold; margin-bottom: .2rem;}

.news-detail-contents p,.solution-detail-contents p{ margin-bottom: .2rem;}

.news-details-content-bottom{ padding: .42rem 0 .12rem;}

.news-details-content-bottom a{display: flex;align-items: center; margin-bottom: .3rem;}

.news-details-content-bottom span{display: inline-block;background: #F6F6F6; width: 1.18rem; height: 40px; line-height: 40px; text-align: center; margin-right: .2rem;color: #333333;font-size: 14px;}
.news-details-content-bottom p{flex: 1;}
.news-details-content-bottom a:hover{color: #0e59d1;}



/* 解决方案 */

.p-solution{margin-top: .7rem; justify-content: space-between; flex-wrap: wrap;  }

.p-solution .psolution-item{width: 46%; margin-bottom: 1.2rem; position: relative;overflow: hidden; cursor: pointer;}

.p-solution .psolution-item img{object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}

.p-solution .psolution-item .psolution-txt{position: absolute; left: .6rem; bottom: .6rem; right: .6rem;}

.p-solution .psolution-item .psolution-txt h3{font-size: .34rem;font-weight: 600;color: #FFFFFF;line-height: .48rem; margin-bottom: .3rem;}

.p-solution .psolution-item:hover img{transform: scale(1.1);}

/* 核心服务 */

/* .pservice{ margin-top: .5rem;} */

.pservice .pservice-h3{font-size: .48rem;font-weight: 600;color: #222222;line-height: .67rem;}

.pservice .pservice-p{font-size: 18px;color: #333333;line-height: 32px; margin-top: .2rem;margin-bottom: .8rem;}

.pservice .pservice-item{background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); align-items: center; margin-bottom: .6rem; cursor: pointer; }

.pservice .pservice-item .pservice-item-left{flex: 1; padding: .6rem .8rem .6rem .6rem;}

.psitem-en{font-size: 16px;color: #888888;line-height: 22px;}

.psitem-h3{font-size: .36rem;color: #333333;line-height: .5rem;font-weight: 600; margin-top: .1rem; margin-bottom: .4rem;transition: all .5s; }

.psitem-p{font-size: 16px;color: #333333;line-height: 26px; margin-bottom: .6rem;}

.pservice .pservice-item .pservice-item-right{height: 4.8rem; width:39vw ; overflow: hidden; }

.pservice .pservice-item .pservice-item-right img{height: 100%; width: 100%; object-fit: cover;transform: scale(1); transition: all .5s;}

.pservice .pservice-item:hover .pservice-item-right img{transform: scale(1.1);}

.pservice .pservice-item:hover .psitem-h3{color: #0e59d1;}

.pservice-more{ background: transparent;color: #484848;width: 2.1rem;}

.pservice-more .more-box{border: 1px solid #484848; }

.pservice-more .more-box::before,.pservice-more .more-box::after{background:#484848 ;}



.pservice .pservice-item:hover  .pservice-more{background: #0e59d1; color: #fff; width: 2.4rem;}

.pservice .pservice-item:hover  .pservice-more .more-box{border: 1px solid #ffffff;}

.pservice .pservice-item:hover  .pservice-more .more-box::before,.pservice .pservice-item:hover  .pservice-more .more-box::after{background:#ffffff ;}



/* 加盟合作 */

.pjoinus{padding-bottom: 1.26rem; padding-top: .87rem;}

.j1-content {justify-content: space-between; margin-top: .8rem;}

.j1-content .j1-item{width: 29%;background: #F7FAFF;  padding: .6rem .4rem 0; transition: all .3s; transform: translateY(0);}

.j1-content .j1-item span{top: 0; right: 0; width: .6rem; height: .6rem; color: #ffffff;background: #0e59d1; display: inline-block;font-size: 20px;font-weight: 600;line-height: .6rem; text-align: center;}

.j1-content .j1-item h6{color: #0e59d1;font-size: 20px;line-height: 28px;font-weight: 600; margin-bottom: .17rem;}

.j1-content .j1-item p{color: #484848;font-size: 14px;line-height: 23px;font-weight: 400; margin-bottom: .3rem;max-width: 76%; min-height: 96px;}

.j1-content .j1-item img{ height: 3rem; margin: auto;}

.j1-content .j1-item:hover{transform: translateY(-10px);}

.j2-content{padding-top: .8rem; padding-bottom: 1.2rem; background: url(../images/joinus/STRENGTH.png) no-repeat; background-position: center 35%; background-size: 100% auto; }

.j2c-p{font-size: 18px !important;font-weight: 400;color: #333333 !important;line-height: 32px ; margin-top: .3rem !important; max-width: 74%; margin: auto; }

.j2-inner-box{width: 100%; background: #ffffff; margin-top: .49rem;}

.j2-inner-box .j2-inner-item{width: 33.333%;  box-sizing: border-box;  padding: .6rem; text-align: center; position: relative;}

.j2-inner-box .j2-inner-item:not(:last-child)::after{position: absolute; content: ''; width: 1px; height: 60%; top: 20%; right: 0; background: #DDDDDD;}

.j2-inner-box .j2-inner-item img{width: .6rem; margin: auto; margin-bottom: .32rem; transform: translateY(0); transition: all .3s;}

.j2-inner-box .j2-inner-item  p{max-width: 80%;  margin: auto;}

.j2-inner-box .j2-inner-item .j2-p1{font-size: 18px;color: #333333;line-height: 25px; font-weight: 600;}

.j2-inner-box .j2-inner-item .j2-p2{font-size: 16px;color: #333333;line-height: 25px; font-weight: 400; margin-top: 8px;}

.j2-inner-box .j2-inner-item:hover img{ transform: translateY(-10px);}

.j3-content{background: url(../images//joinus/j3-bg.jpg) no-repeat; background-size: 100% 100%;  padding-top: 1.8rem; padding-bottom: .8rem;}

.j3-content .pjoin-title{margin-left: 1.9rem;}

.j3-content .j3-right{background: #ffffff; overflow: hidden;  margin:  1.93rem .8rem .8rem; }



/* .j3-content .j3-right{ padding: .9rem 1.9rem .3rem; box-sizing: border-box; } */

.j3-right-list ul{ padding: .4rem 1.1rem ; list-style: none;  display: flex;  flex-wrap: wrap;}

.j3-right-list ul li{ width: 25%;   margin-bottom: .2rem;}

.j3-right-list ul li >div{display: flex; align-items: baseline; transform: translateY(0); transition: all .5s;}

.j3-right-list ul li >div span{font-size: .72rem;color: rgba(255, 255, 255, 0);line-height: 1.1rem;-webkit-text-stroke: 1px #AAAAAA;text-stroke: 1px #aaaaaa; margin-right: .2rem;}

.j3-right-list ul li  .j3-list-p{font-weight: 400;font-size: 14px;line-height: 24px; margin-top: .15rem;color: #666666; max-width: 70%;}

.j3-right-list ul li >div p{font-weight: 600;font-size: 20px;line-height: 28px;margin-top: .2rem;color: #0e59d1; }

.j3-right-list ul li:hover >div{transform: translateY(-10px);}

.j4-content{padding-top: 1rem;}

.j4-title-p2{font-size: 20px !important;color: #333333 !important;line-height: 31px !important; margin-top: .26rem !important;}

.j4-list-box{justify-content: space-between; flex-wrap: wrap; margin-top: .5rem; margin-bottom: .4rem;}

.j4-list-box .j4-item{width: 23%; background: #F7F7F7; margin-bottom: .6rem; padding: .3rem .42rem; transform: translateY(0); transition: all .5s;}

.j4-item-num{top: 0.24rem; right: .2rem;font-size: .4rem;font-weight: 500;color: #D7D7D7;line-height: .48rem;z-index: 2;}

.j4-list-box .j4-item img{width: .4rem; margin-bottom: .16rem;}

.j4-list-box .j4-item .j4-p1{font-size: 18px;font-weight: 600;color: #333333;line-height: 25px;}

.j4-list-box .j4-item .j4-p2{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; margin-top: 8px;}

.j4-list-box .j4-item:hover{transform: translateY(-10px);}

.j5-content{background: url(../images/joinus/j4-bg.jpg) no-repeat; background-size: 100% 102%; padding-top: 1rem; padding-bottom: .9rem;}

.j5-list{display: inline-block; margin-top: 1.5rem;margin-bottom: 1.2rem;}

.j5-list-item{ text-align: center; }

.j5-list-item .j5-p1{font-size: 20px;color: #FFFFFF;line-height: 28px;}

.j5-list-item .j5-p2{font-size: .32rem;color: #FFFFFF;line-height: .39rem;font-weight: 500; margin-top: .09rem; margin-bottom: .19rem;}

.j5-list-item div{ width: .8rem; height: .8rem; background: #fff; border-radius: 50%; overflow: hidden; margin: auto; transform: rotate(0); transition: all .6s; }

.j5-list-item div:hover{transform: rotate(180deg);}

.j5-list-item div img{ width: .36rem;  margin:.22rem auto;}

.pos1{left: 5%; top: 20%;}

.pos2{left: 19%; top: 80%;}

.pos3{left: 33%; top: 7%;}

.pos4{left: 48%; top: 59%;}

.pos5{left: 62%; top: -38%;}

.pos6{left: 76%; top: 26%;}

.pos7{left: 89%; top: -40%;}

.j6-content{padding-top: .8rem; padding-bottom: 1.2rem;}

.j6-list{margin-top: .5rem;}

.j6-list .j6-list-item{width: 33.333%; background: #F1F6FF; padding: .73rem .42rem .5rem;  text-align: center;}

.j6-list .j6-list-item:nth-child(2){background: #0e59d1; }

.j6-list .j6-list-item img{width: .66rem; margin: auto; transform: translateY(0); transition: all .5s;}

.j6-list .j6-list-item .j5-p1{font-size: 20px;font-weight: 400;color: #484848;line-height: 28px; margin-top: .22rem;}

.j6-list .j6-list-item .j5-p2{font-size: .26rem;font-weight: 500;color: #222222;line-height: 37px; margin-top:.15rem;}

.j6-list .j6-list-item:nth-child(2) .j5-p1,.j6-list .j6-list-item:nth-child(2) .j5-p2{color: #ffffff;}

.j6-list .j6-list-item:nth-child(2) .j5-p2{ }

.j6-list .j6-list-item:hover img{transform: translateY(-10px);}



 /*人才招聘 */

.section-title {
    margin-bottom: 35px;
    margin-top: 45px;
}
.section-title h4 {
    font-size: 40px;
    font-weight: bold;
    color: rgb(29, 29, 31);
}
.table-container {
    margin-bottom: 80px;
}

.table-container .table {
    border-bottom: 2px solid #f5f5f5;
    background-color: #fff;
    margin: 0;
}
.table-container .table:nth-child(1) {
    background-image: -moz-linear-gradient(0deg, #0e59d1 0%, #0e59d1 100%);
    background-image: -webkit-linear-gradient(0deg, #0e59d1 0%, #0e59d1 100%);
    background-image: -ms-linear-gradient(0deg, #0e59d1 0%, #0e59d1 100%);
    border: none;
}

.left {
    width: 17.083333%;
    font-size: 16px;
    color: #333;
    line-height: 1.75;
    padding: 18px 45px;
}
.table-container .table:nth-child(1) .left {
    font-size: 18px;
    color: #fff;
}
.right {
    width: calc(100% - 17.083333%);
}
.right-item {
    width: 50%;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    padding: 18px 70px;
    border-left: 2px solid #f5f5f5;
}

.table-container .table:nth-child(1) .right-item {
    font-size: 18px;
    color: #fff;
    border: none;
}

@media (max-width: 780px){
    .section-title{
        margin-bottom: 30px;
        padding-top: 180px;
        
    }
    .section-title h4{
        font-size: 24px;
    }
    
    .list-item{
        width: 100%;
    }
    .btn-download{
        height: 0.8rem;
        line-height: 0.8rem;
    }
}
@media screen and (max-width: 768px) {
    .table-container{
        width: 100%;
        overflow-x: auto;
    }

}
@media screen and (max-width: 480px){
    .table-section{
        width: 858px;
    }
    .table-container .table:nth-child(1) .left {
        font-size: 16px;
    }
    .table-container .table:nth-child(1) .right-item{
        font-size: 14px;
    }
    .left,.right-item{
        font-size: 14px;
        padding: 10px 15px;
    }
}



 .precruitment{ padding-top: .5rem; padding-bottom: .51rem; margin-top: -.6rem;}

 .precruitment .precruitment-p1{font-size: 18px !important;color: #333333 !important;line-height: 32px !important; text-align: center; max-width: 60%; margin:.4rem auto; margin-top: .4rem !important; }



 .precruitment-list .precruitment-list-item{width: 20%;  text-align: center; position: relative;padding: .06rem .32rem .23rem .32rem;}

 .precruitment-list .precruitment-list-item:not(:last-child)::after{position: absolute; content: ''; width: 1px; height: 70%; top: 15%; right: 0; z-index: 2; background: #EDEDED;}

 .precruitment-list .precruitment-list-item span{font-size: .68rem;font-weight: 500;color: #afc1eb;line-height: .82rem; display: block; transform: translateY(0); transition: all .5s; }

 .precruitment-list .precruitment-list-item .precruitment-title{font-size: 20px;font-weight: 600;color: #222222;line-height: 28px; margin-bottom: .14rem;margin-top: .11rem;}

 .precruitment-list .precruitment-list-item .precruitment-txt{font-size: 14px;font-weight: 500;color: #686868;line-height: 22px; }

 .precruitment-list .precruitment-list-item:hover span{ transform: translateY(-10px); }

 @-moz-document url-prefix() {

  fieldset { display: table-cell; }

}

.talentsWanted{background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); margin-top: .6rem; padding: .8rem;}



.talentsWanted-h2-mb{margin-bottom: 0.45rem;}



.jobs-list{ background-color: #ffffff;  margin-top: .8rem;}



.talentsWanted-box .table>thead>tr>th{  font-size: .18rem;color: #212121;min-width:200px;}



.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{height: 0.64rem; line-height: 0.64rem;border-bottom: 1px solid #E5E5E5;

}



.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 0.75rem;}



.table>tbody>tr>td, .table>tbody>tr>th{font-size: 0.16rem; cursor: pointer;color: #212121;}



.add{position: relative;  width: 0.16rem; display: block; height: 100%;}



.add::before{ content: '';



  position: absolute;



  right: 10px;



  top: 0.36rem;



  width: 0.16rem;

  left: 0;



  border-top: 0.02rem solid #E5E5E5;}



  .add::after{

  content: '';



  position: absolute;



  right: 0.17rem;

  left: 0.07rem;

  top: 0.3rem;



  height: 0.16rem;



  border-right: 0.02rem solid #E5E5E5;



  transition: all .3s;



  }



.jobs-content{margin-top: 0.45rem; margin-left: 0.4rem; line-height: 0.45rem; margin-bottom: 0.86rem; margin-right: 1.1rem;}

.jobs-content h5{font-size: 16px;font-weight: 600;color: #212121;line-height: 22px; margin-bottom: 0.08rem;}

.jobs-content p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 32px; }



.jobs-content * {font-size: inherit; line-height: inherit;}



.tab-contents{display: none;transition: all .3s ease-in-out; }



tr.on+.tab-contents{display: table-row;}



tr.on .add::after{border-right: 0;}



.talentsWanted-table tbody tr.on td,.talentsWanted-table tbody tr:hover td{background: #F0F0F0; }

.talentsWanted-table tbody tr.tab-contents:hover td{ background: transparent;}

.talentsWanted-2{  background: url(../images/img.jpg) no-repeat;  background-position: left top; background-size: cover; padding: 0.94rem 0.7rem;  margin-top: .8rem; margin-bottom: 1.3rem;}

.talentsWanted-2 .pjoin-title{margin-bottom: .39rem;}

.talentsWanted-2 p{font-size: 0.18rem;font-weight: 400;line-height: 0.32rem;color: #ffffff;  max-width: 60%;}

/* 中卡客服 */

.kefu-info{background: #FFFFFF;  margin-bottom: 0.5rem; min-height: 1rem;}

.kefu-info .kefu-left{/*padding: .6rem .7rem;*/width: 40%;}

.kefu-info .kefu-left .kefu-title h4{font-size: .28rem;font-weight: 600;color: #0e59d1;line-height: .4rem;}

.kefu-info .kefu-left .kefu-title p{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; margin-top: 4px;}



.kefu-info .kefu-mid2 {
    padding: 0.6rem 0.7rem;
    width: 40%;
}
.kefu-info .kefu-mid2 .kefu-title h4{font-size: .27rem;font-weight: 600;color: #0e59d1;line-height: .4rem;}

.kefu-info .kefu-mid2 .kefu-title p{font-size: 13px;font-weight: 600;color: #888888;line-height: 20px; margin-top: 4px;}



.kf-line{display: inline-block; width: 12px; height: 1px ;background: #888888; margin-bottom: .4rem;margin-top: .4rem;}

.kefu-info .kefu-left .kefu-tp p,.kefu-info .kefu-left .kefu-tp a{font-size: 18px;line-height: 40px; display: block;}

.kefu-info .kefu-left .kefu-tp p span,.kefu-info .kefu-left .kefu-tp a span{color: #888888;}

.kefu-info .kefu-mid{padding: .6rem .2rem;width: 26%; /*background: #0e59d1;*/ }

.kefu-info .kefu-mid >p{font-size: 18px;color: #212121;line-height: 25px;}

.kefu-info .kefu-mid div{display: flex; align-items: center;}

.kefu-info .kefu-mid div img{width: 1.5rem; margin-right: .018rem;}

.kefu-info .kefu-mid div p{font-size: 16px;color: #484848;line-height: 22px;}

.kefu-info .kefu-right{padding: .35rem .5rem;width: 34%; background: #0e59d1; color: #fff;font-size: .16rem;line-height: .27rem;}

.kefu-info .kefu-right .kf-p1{font-size: 18px;line-height: 25px; margin-bottom: .12rem;}

.kefu-info .kefu-right .kf-p2{font-size: .28rem;line-height: .34rem; font-weight: bold; margin-top: .1rem; color: #fff; display: block;}

.kefu-info .kefu-right .kf-p2 span{font-weight: 400;font-size: 20px;}

.kefu-info .kefu-right .kf-line{ background: #fff;}


.kefu-info .kefu-left2 {
    background: #0e59d1;
    color:#fff;
}
.kefu-info .kefu-left2 .kefu-title h4,.kefu-info .kefu-left2 .kefu-title p,.kefu-info .kefu-left2 .kefu-tp p span, .kefu-info .kefu-left2 .kefu-tp a span,.kefu-left2 .kf-line{
    color:#fff;
}
.kefu-info .kefu-right2 {
    background: #fff;
    color:#888888;
}
.kefu-info .kefu-right2 .kf-p2{
   color:#888888;
}
.kefu-info .kefu-right2 .kf-line{
  background: #888888;
}


.kf-message{margin-top: 1.4rem; margin-bottom: 1.4rem; }

.kf-message-left{width: 50%;  padding-right: 1.1rem;}

.kfmart60{margin-top: .6rem;}

.kf-message-txt{margin-top: .42rem;}

.kf-message-txt >p{font-size: 18px;color: #212121;font-weight: 600;line-height: 25px; margin-bottom: .51rem;}

.kf-message-txt div{display: flex; flex-wrap: wrap;}

.kf-message-txt div p{width: 50%; border-top: 1px solid #E6E6E7; border-bottom: 1px solid #E6E6E7; padding-top: .3rem; padding-bottom: .3rem;}

.kf-message-txt div p samp,.kf-message-txt div p span{display: block;}

.kf-message-txt div p samp{font-size: 14px;color: #8C9199;line-height: 20px; margin-bottom: 3px;}

.kf-message-txt div p span{font-size: 18px;color: #212121;line-height: 25px;font-weight: 600;}

.kf-message-right{  width: 50%;}


.message-form{margin-top: 0.75rem;}

.message-form  .form-group{ width: 49%; margin-bottom: 0.15rem; position: relative; }

.message-form  .form-group:nth-child(odd){margin-right: 1%;}

.message-form  .form-control{background-color: #F5F6F7; width: 100%; height: 0.6rem;line-height: 0.5rem; border-radius: 0.04rem; border: 0; padding-left: 0.31rem;box-shadow:none}

.form-texttarea{width: 100%  !important; }

.form-texttarea  .form-control{height: 1.98rem ; border: 0;border-radius: 0.04rem;}

.message-form input::-webkit-input-placeholder,.message-form textarea::-webkit-input-placeholder{

  color: #888888 !important;
 }



 .message-form input::-moz-placeholder,.message-form textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */

  color: #888888 !important;

 }

 .message-form input:-moz-placeholder,.message-form textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */

  color: #888888 !important;

 }

 .message-form input:-ms-input-placeholder,.message-form textarea::-webkit-input-placeholders{  /* Internet Explorer 10-11 */ 

  color: #888888 !important;

 }



 .submit-btn{width: 1.6rem;height: 0.6rem;background: #0e59d1;color: #ffffff; font-size: 0.16rem;border-radius: 0.04rem;}

 .formw100{width: 100% !important;}

 /* 经典案例 */

 .pcase-region {text-align: center; margin-bottom: .78rem;}

 .pcase-region  span{display: inline-block; height: 44px; padding: 0 .28rem; margin-right: .15rem; background: #fff; transition: all .5s; line-height: 44px;font-size: 16px;color: #333333; cursor: pointer;}

 .pcase-region  span.on,.pcase-region  span:hover{background: linear-gradient(270deg, #bbd800 0%, #0e59d1 100%);box-shadow: 0px 14px 60px 0px rgba(40, 77, 137, 0.24); color: #fff;}

 .pcase{ justify-content: space-between; flex-wrap: wrap;}

 .pcase .pcase-item{ width: 24.7%; margin-bottom: .44rem;background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); cursor: pointer;}

 .pcase-item .pcase-img{width: 100%; height: 2.92rem; overflow: hidden ; }

.pcase-item .pcase-img img{object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}

.pcase-item .pcase-txt{padding: .28rem .3rem;}

.pcase-item .pcase-txt h3{text-align: center;font-size: .22rem;color: #222222;line-height: 30px;font-weight: 600; margin-bottom: .22rem; transition: all .5s;}

.pcase-item .pcase-txt p{font-size: 16px;color: #666666;line-height: 30px;font-weight: 400; }

.pcase .pcase-item:last-child:nth-child(3n + 2){ margin-right: calc((100% - 31.7%) / 2);}

.pcase-box .pages-mtop{margin-top: .2rem;}

.pcase .pcase-item:hover img{ transform: scale(1.1);}

.pcase .pcase-item:hover .pcase-txt h3{color:#0e59d1 ;}

.pcase-tabs .pcase-box {display: none;}

.pcase-tabs .pcase-box.on {display: block;}

/* 核心服务 详情页 */



.product-one{ z-index: 50;  margin-top: -30%;margin-left: 20%;width: 60%;}

.prodel-title{display: flex; justify-content: space-between;align-items: center; margin-bottom: .4rem;}

.prodel-title .prodel-title-left{flex: 1; color: #ffffff;}

.prodel-title .prodel-title-left a{color: #ffffff;font-size:16px;line-height: 22px;}

.back-btn{color: #0e59d1;

  font-size:16px;

  padding:.13rem .31rem .13rem .58rem;

  background: #ffffff url(../images/icon-back.png);

  background-repeat: no-repeat;

  background-position: 0.34rem center;

  background-size: 14px;

  position: relative;

  transform: translateX(0);

  transition: all .5s;}

.back-btn:hover{transform: translateX(-10px);color: #0e59d1;}

.case-del-section1{ background: #ffffff; padding: 1rem;  justify-content: center;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); }

.prodel-left{width: 47.2%; height: 4rem; overflow: hidden; }

.case-del-section1 .case-del-section1-left img { height: 100%; width: 100%; object-fit: cover;}

.case-del-section1 .case-del-section1-right{ flex: 1;  padding-left: 1rem;}

.case-del-section1-right h4{font-size: .48rem; font-weight: 600;color: #212121;line-height: .67rem; padding-bottom: .4rem; border-bottom: 1px solid #ccc; margin-bottom: .4rem;}

.case-del-section1-right p{font-size: 18px;font-weight: 400;color: #6F6F6F;line-height: 36px; }

.case-del-section1-right .common-more{margin-top: .4rem;}

.product-two{margin-top:0.6rem; background: #ffffff;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); /*padding: 0.6rem 0.7rem;*/ margin: 1.2rem auto;width: 60%;}

.case-sec-h4{font-size: .28rem;font-weight: 600;color: #0e59d1;line-height: .4rem; padding-bottom: .15rem; border-bottom: 2px solid #D8D8D8; position: relative; margin-bottom: .4rem;}

.case-sec-h4::after{position: absolute; content: ''; width: 1.15rem; height: 2px; background: #0e59d1; left: 0; bottom: -2px;}

.clearfix::after
{
    display: block;
    clear: both;
    height: 0;
    content: ' ';
}
.clearfix
{
    zoom: 1;
}
.btn-require{
        display: flex;
        margin: auto;
        margin-bottom: 20px;
        font-size: 16px;
        color: #fff;
        line-height: 46px;
        background: linear-gradient(to right, #0e59d1, #337ab7);
        padding: 0 40px;
        border-radius: 5px;
        overflow: hidden;
        cursor: pointer;
}

.t_tanxie {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
    display: none;
}
.t_tanxin {
    width: 1200px;
    background: #fff;
    box-shadow: 0px 0px 28.5px 1.5px rgb(98 160 172 / 10%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.t_tanb1nr {
    z-index: 6;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 66px 120px 80px;
}
.t_ywh2 h2 {
    font-size: 36px;
    font-weight: bold;
    color: #0e59d1;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.5;
}
.t_tanxie .t_tanhang {
    margin-bottom: 22px;
}

.t_tanname {
    font-size: 16px;
    line-height: 1.5;
    color: #999;
    margin-right: 6px;
}
.t_tanname span {
    color: #bb0a0a;
    margin-right: 6px;
}

.t_tanhang3 .t_tanb1li {
    width: 25%;
}
.t_tanline {
    width: 194px;
    position: relative;
}
.t_tanline::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #d3d2d2;
    bottom: 2px;
    left: 0;
    position: absolute;
}
.t_tanhang2 .t_tanline {
    width: calc(100% - 58px);
}
.t_tanhang3 .t_tanline {
    width: 50vw;
}
.t_tanhang4 .t_tanline {
    width: 50vw;
}
.t_tanline input {
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #999;
}
.t_area textarea {
    width: 100%;
    height: 134px;
    border: 1px solid #dcdbdb;
    padding: 10px 18px;
    resize: none;
    font-size: 14px;
    color: #999;
    line-height: 2;
}
.t_b1tanclose {
    width: 22px;
    position: absolute;
    top: 42px;
    right: 44px;
    cursor: pointer;
  	z-index: 10;
}
.t_b1tanbg {
    width: 275px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}

@media screen and (max-width: 1560px){
  .t_tanxin {
      width: 1000px;
  }
}
@media screen and (max-width: 1280px){
  .t_tanxin {
      width: 900px;
  }
  
  .t_b1tanclose {
      top: 40px;
      right: 30px;
  }
}
@media screen and (max-width: 950px){
  .t_tanxin {
      width: 700px;
  }
}
@media screen and (max-width: 768px){
  .t_tanxin {
      max-width: calc(100vw - 40px);
  }
  .t_b1tanbg {
      width: 180px;
  }
}

@media screen and (max-width: 480px){
  .t_tanxie .t_tanb1nr {
      padding: 22px 20px;
  }
  .t_tanhang3 .t_tanb1li {
    width: 30%;
}
  .t_tanhang3 .t_tanline {
    width: 70vw;
	}
  .t_tanhang4 .t_tanline {
    width: 70vw;
  }
  .t_b1tanclose {
      top: 12px;
      right: 10px;
      width: 16px;
  }
  .t_ywh2 h2 {
      font-size: 22px;
  }
  
}




.case-sec1,.case-sec2{ justify-content: space-between;}

.case-sec1 .case-sec1-item{width: 23%; transition: all .3s;border: 1px solid transparent;}

.case-sec1 .case-sec1-item:hover{ border: 1px solid #eeeeee; box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);}

.case-sec1 .case-sec1-item:last-child:nth-child(4n + 2) {

  margin-right: calc((100% - 23%) / 3 * 2);

}

.case-sec1 .case-sec1-item:last-child:nth-child(4n + 3) {

  margin-right: calc((100% - 23%) / 3 * 1);

}

.case-sec1 .case-sec1-item p{text-align: center; margin: .27rem .15rem;font-size: 20px;font-weight: 600;color: #222222;line-height: 28px; transition: all .3s;}

.sd-marb80{margin-bottom: .8rem;}

.case-sec1 .case-sec1-item:hover p{color: #0e59d1;}

.case-sec2 .case-sec2-item{width: 32%;background: #FFFFFF;border: 1px solid #E5E5E5; position: relative; padding: .46rem .4rem; }

.case-sec2 .case-sec2-item span{font-size: .8rem;font-weight: 600;color: #EEEFF2;line-height:.97rem; position: absolute; top: .18rem; right: .33rem;transition: all .3s;}

.case-sec2 .case-sec2-item:hover span{color: #0e59d1;}

.case-sec2 .case-sec2-item h3{font-size: .32rem;color: #212121;line-height: .45rem; margin-bottom: .46rem;}

.case-sec2 .case-sec2-item p{font-size: 18px;color: #32425C;line-height: 32px; }

.case-sec3{text-align:center;}
.case-sec3 p{font-size: 18px;color: #333333;line-height: 30px;}
/*
.case-sec3 img{margin-top: .8rem; max-width: 100%;display: inline-block;}
*/
.case-sec3 img{ width:100%;display: block;margin: auto;}

.pservicede2{margin-top: 0.6rem;background: #FFFFFF; box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); padding: .68rem .7rem; margin-bottom: .8rem;}

.pservicede-list{justify-content: space-between;}

.pservicede2 .pservicede-h4{font-size: .32rem;font-weight: 600;color: #222222;line-height: .45rem; margin-bottom: .28rem;}

.pservicede-list-item{ width: 31%; margin-bottom: .5rem; transform: translateY(0); transition: all .5s; }



.pservicede-list-item .pservicede-item-img{overflow: hidden ; width: 100%; height: 2.65rem; }

.pservicede-list-item .pservicede-item-img img{object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}

.pservicede-list-item:hover{transform: translateY(-10px);}

.pservicede-list-item:hover .pservicede-item-img img{transform: scale(1.1);}

.pservicede-item-txt {padding-top: .2rem;}

.pservicede-item-txt p{font-size: 14px;color: #333333;line-height: 20px;}

.pservicede-item-txt h3{font-size: .24rem;color: #222222;line-height: .42rem;font-weight: 600; margin-top: .1rem;}

/* about -公司简介 */
#about{padding-top: 100px; margin-top: -100px;}

.profile-section p{
 	text-indent: 2em; 
  	margin-bottom: 0.1rem;
    line-height: 1.5;
}

.pabout-txt{ margin-top: .49rem; margin-bottom: .61rem; display: flex;flex-direction: column;}

.pabout-txt img{max-width: 100%;margin: auto;}

.pabout-txt-item{width: 48%;}

.pabout-txt-item p{font-size: 16px;color: #444444;line-height: 32px; word-break: break-all; text-align: justify;}

.pabout-list1{justify-content: space-between;}

.pabout-list1 .pabout-list1-item { text-align: center;}

.pabout-list1 .pabout-list1-item img{ width: 48px; margin: .29rem auto .19rem;}

.pabout-list1 .pabout-list1-item >samp{font-size: 14px;color: #333333;line-height: 20px;}

.pabout-list1 .pabout-list1-item p{font-size: 14px;color: #0e59d1;line-height: 22px; margin-top: .14rem;}

.pabout-list1 .pabout-list1-item p span,.pabout-list1 .pabout-list1-item p i{font-size: .5rem;color: #0e59d1;line-height: .61rem;font-weight: bold; font-style: normal;}



.audio-box{width: 100%;  height: 9rem; overflow: hidden;  margin-top: .91rem; }

.audio-img-play{position: absolute; left: 50%; top: 50%; width: 0.8rem !important; height: 0.8rem !important; margin-top: -0.4rem; margin-left: -0.4rem; cursor: pointer; z-index: 5;}

.audio-img-play .circle-play{object-fit: cover; width: 100%; height: 100%;animation: myrotate 1s linear infinite;cursor: pointer;}

.audio-img-play .icon-play{position: absolute; left: 50%; top: 50%;width: 0.26rem !important;  margin-top: -0.12rem; margin-left: -0.13rem; }

.audio-box video{object-fit: cover; width: 100%; height: 100%;}



.pabout-culture{background: url(../images/about/img1.jpg) no-repeat; background-size: 100% 100%; padding-top: 1rem; padding-bottom: 1rem;}

.pabout-culture-list{ margin-top: .62rem;  justify-content: space-between; flex-wrap: wrap;}
.pcl1{margin-top: 3.62rem;}

.pabout-cul-list-item{width: 32%; background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);padding: .55rem .4rem; margin-bottom: .38rem;}

.pcli{width:47%;}

.pabout-cul-list-item .cul-img{ width: 1rem; right: .3rem; top: 50% ; margin-top: -0.5rem; transform: scale(1); transition: all .5s;}

.pabout-cul-list-item h5{font-size: .32rem;font-weight: 400;color: #0e59d1;line-height: .45rem; max-width:65%;  margin-bottom: .2rem;}

.pabout-cul-list-item p{font-size: 16px;font-weight: 400;color: #212121;line-height: 24px;max-width: 65%; }

.pabout-cul-list-item:hover .cul-img{ transform: scale(1.5);}

/*  */

.history-title{justify-content: space-between; align-items: center;}

.history-title-tabs span{  color: #fff; border: 1px solid rgba(255,255,255,0.6); padding: 0.19rem 0.24rem;  margin-right: 0.4rem;font-weight: 600; transition: all .3s; cursor: pointer; display: inline-block;}

.history-title-tabs span.on,.history-title-tabs span:hover{background: #FFFFFF;color: #0e59d1;}

.history{background: url(../images/bg-history.jpg) no-repeat; background-position: left top;background-size: 100% 100%; padding-top: .98rem; }

.history-tabs{ margin-top: .6rem; }

.history-tabs .history-tab{display: none;}

.history-tabs .history-tab.on{  display: block;}

.history-bar{ height:.8rem; position: relative;  background: rgba(0,0,0,0.3);}

.history-thumbs{position: relative; top: 0;  left: 0; z-index: 10;  overflow: hidden; }



.swiper-slide {

  background-size: cover;



  background-position: center;



}



.gallery-thumbs {



 box-sizing: border-box;

 z-index: 5;



}



.gallery-thumbs .swiper-slide {



  width: 14.2857143%;



  height: 100%;



}



.swiper-slide-thumbs-item{ text-align: center; cursor: pointer;}



.swiper-slide-thumbs-item-top{ height: .8rem; position: relative; top: 0; z-index: 10; }





.swiper-slide-thumbs-item p{font-size: 0.24rem;  color: rgba(255,255,255,0.6); transition: all .3s ease; line-height: .8rem;}





 .gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p{

  font-size: 0.24rem;

  color: rgba(255,255,255,1);

}





.history .gallery-top {
  height: 3rem;
  width: 100%;

}



.history .history-content{  position: relative; z-index: 30;  color: #fff; text-align: center; }



.history .swiper-button-next,.history  .swiper-button-prev{



  top: 0.5rem;



  width: 0.32rem;



  height: 0.32rem;



  background-size:100%;



  background-repeat: no-repeat;



  margin-top: -0.16rem;



} 



.pre-next-btn .swiper-button-prev,.pre-next-btn .swiper-button-next{ width: 0.02rem;height: 0.16rem;  background-image: none;  }

.pre-next-btn .swiper-button-prev.swiper-button-disabled,.pre-next-btn .swiper-button-next.swiper-button-disabled{  background-color: transparent;opacity: 1;}

.pre-next-btn .swiper-button-prev{left: 0.2rem;}

.pre-next-btn .swiper-button-next{right: 0.2rem;}

.pre-next-btn .swiper-button-prev::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid rgba(255,255,255,0.67);border-right: 1px solid rgba(255,255,255,0.67); transform: rotate(-135deg); left: 50%; top: 50%; margin-left: -0.07rem; margin-top: -0.05rem;position: absolute;}

.pre-next-btn .swiper-button-next::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid rgba(255,255,255,0.67);border-right: 1px solid rgba(255,255,255,0.67); transform: rotate(45deg); left: 50%; top: 50%; margin-left: -0.06rem; margin-top: -0.05rem;position: absolute;}

.pre-next-btn .swiper-button-disabled.swiper-button-prev::after{ border-top: 1px solid rgba(255,255,255,0.67);border-right: 1px solid rgba(255,255,255,0.67);}

.pre-next-btn .swiper-button-disabled.swiper-button-next::after{ border-top: 1px solid rgba(255,255,255,0.67);border-right: 1px solid rgba(255,255,255,0.67);}



.gallery-top .history-txt{margin-bottom: 1.67rem;}



.gallery-top .history-txt h2{ display: inline-block; font-size: 1rem;color: #ffffff;font-weight: normal; margin-bottom: 0.1rem; line-height: 1.23rem; text-align: center;}



.gallery-top .history-txt p{ font-size: .2rem; line-height: .35rem; color: #fff; text-align: center;width: 90%;margin: auto; margin-bottom: .1rem;}

@keyframes myrotate {

  0%{-webkit-transform:rotate(0deg);}

  25%{-webkit-transform:rotate(90deg);}

  50%{-webkit-transform:rotate(180deg);}

  75%{-webkit-transform:rotate(270deg);}

  100%{-webkit-transform:rotate(360deg);}

}

.bg-f9f9f9{background: #F9F9F9;}

.pabout-jounal{padding-top: .8rem; padding-bottom: .6rem;}

.pabout-jounal-swiper{ margin-top: .35rem; position: relative;}

.jounal-item{transform: translateY(0); transition: all .3s; cursor: pointer;}

.jounal-item img{height: 6.38rem; margin: auto;}

.jounal-item p{font-size: .2rem;color: #222222;line-height: 28px; margin-top: 4px; text-align: center;}

.pabout-jounal .swiper-container{padding-bottom: 1rem;}



.pabout-jounal .swiper-pagination-bullet{border-radius: 50%; background: #DCDCDC; width: 12px; height: 12px;}

.pabout-jounal .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0e59d1;}

.pabout-honor{background: url(../images/about/honnor.png) no-repeat ,url(../images/about/img3.jpg) no-repeat ; background-size: auto auto ,100% 100%; background-position:80% bottom , left top; padding-top: .82rem; padding-bottom: .94rem;}

.pabout-honor-txt{ margin-top: .57rem; display: flex;flex-direction: column;}

.pabout-honor-txt p{font-size: 16px;color: #222222;line-height: 30px;}

.pabout-honor-txt img{margin:auto;}

.pabout-honor2{padding-top: 1rem; padding-bottom: .91rem;}

.pabout-honor2-swiper{ border-top: 1px solid #EAEAEA; padding-top: .81rem;}

.pabout-honor2-item{transform: translateY(0); transition: all .3s;}

.pabout-honor2-item img{ margin: auto;}

.pabout-honor2-swiper p{font-size: 19px;color: #222222;font-weight: 600;line-height: 28px; max-width: 85%; margin:.28rem auto; text-align: center;}

.pabout-honor2 .swiper-pagination-bullet{border-radius: 50%; background: #DCDCDC; width: 12px; height: 12px;}

.pabout-honor2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0e59d1;}

.pabout-honor2 .swiper-container{padding-bottom: 1rem;}

.pabout-honor2-item:hover,.jounal-item:hover {transform: translateY(-10px);}

.partners{padding-top: 1.08rem; padding-bottom: .68rem;}

.partners-left{width: 45%;  padding-top: .5rem;}

.partners-left .partners-txt{font-size: 20px;color: #333333;line-height: 31px; margin-top: .37rem; max-width: 50%;}

.partners-right{width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between;}

.partners-right .img{ width: 30.5%;   margin-bottom: .4rem;  height: 1.2rem; overflow: hidden ; cursor: pointer; }

.partners-right .img img{ width: 100%; height: 100%; object-fit: contain; filter: grayscale(40%); transition: all .5s; }

.partners-right .img:last-child:nth-child(3n + 2) {

  margin-right: calc((100% - 30.5%) / 2);

}

.partners-right .img:hover img{filter: grayscale(0);}
@media screen and (max-width: 1680px) {  
  .header-nav ul li:nth-child(3) .sub-nav ,.header-nav ul li:nth-child(4) .sub-nav {width: 230%;}
}
@media screen and (max-width: 1440px) {

  .ind-title h5{font-size: .38rem;}
  #section3 .section3-list .section3-list-item{margin-top: .35rem;margin-bottom: .35rem;padding: .3rem .6rem;}
  .section-news .ind-news-right .news-content .news-content-item{padding: .35rem .6rem;}
  .section-news .ind-news-left .news-more{margin-top: .9rem;}
  .section-news .container-fluid{margin-top: 1.2rem;}
  #section3 .container-fluid{margin-top: .85rem;}
  
  footer .footer .footer-content-top{
   padding-left:15px; 
  }
}
@media (max-width:1200px){
  .news-contents{max-width: 41vw;}
  .side_icon_2{padding-top: .22rem;}
  .side_icon_2_p2{
    margin-top: 0rem;}

}
@media (max-width: 780px){

  .item-a{box-shadow: 0 4px 5px rgb(0 0 0 / 10%);}

  .nav-title{padding-bottom: 2rem;}

  .martop-60{margin-top: -.9rem;}

  #section0{height: 100vh; overflow: hidden; }

  #section0 .swiper-container .swiper-slide img{height: 100%; width: 100%; object-fit: cover;}

  .other-banner-txt div p{font-size: 16px;}

  .weui-flex-warp{ flex-wrap: wrap;}

  .weui-flex-warp-item{ width: 100% !important;margin-left:0;}

  .pad30-m{padding: 30px !important;}

  .pad30-15-m{padding: 30px  15px !important;}

  .more-box::after{width: .3rem; left: -.185rem; margin-top: 0;}

 

  .ind-title h5{font-size: .4rem;}

  .ind-title span,.pservicede-item-txt h3{font-size: 18px;}

  .ind-title p,.case-del-section1-right p,.case-sec2 .case-sec2-item p,.case-sec3 p{font-size: 16px; line-height: .45rem;}

  header{height: 60px;box-shadow: 0 4px 5px rgb(0 0 0 / 10%);}

  .logo{width: 2.87rem; height: 40px;}



  .header-nav{position: fixed; top: 60px;left: 0;right: 0; bottom: 0; background: #fff;box-sizing: border-box; display: none;  height: auto;margin-left: 0;}

  .header-nav ul{flex-wrap: wrap;  width: 100%; height: unset;}

  .header-nav ul li{border-bottom: 1px solid rgba(226, 226, 226, 1);width: 100%;height: unset; flex-wrap: wrap;}

  .header-nav ul li >a{width: 100%;text-align: center; line-height: 60px;}

  .sub-nav{position: relative; top: 0; height: 0;}

  .sub-nav.on{height: 100%;}

  .sub-nav .nav-item a{justify-content: center;}

  .sub-nav .nav-item .more-box{display: none;}

  .banner-txt{left: 30px; right: 30px;}
  
  .header-lng{
    margin-right: 0.5rem;
  }
  
  .profile-bg{
    background-size: auto;background-position: initial;background-repeat: no-repeat;
  }
  
  #section3 {background: url(../images/bg3.jpg) no-repeat; background-size:  auto; background-position: center center;}

  #section3 .section3-list .section3-list-item{margin-top: .3rem; margin-bottom: 0;}

  #section3 .section3-list .section3-list-item:last-child{margin-bottom: .3rem;}

  .news-content .news-content-item .news-right-txt h5{font-size: 16px; line-height: .45rem;}



  footer .footer-list ul li >p,.pservice .pservice-p,.jounal-item p{font-size: 16px;}

  footer .footer-list ul li .footer-sub{ display: none;}

  footer .footer-list ul li .footer-sub{margin-right: 0;}

  footer .footer-list ul li >p{padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative;}

  footer .footer-list ul li >p::after{position: absolute; content: ''; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); margin-top: -5px; transition: all .5s ;}

  footer .footer-list ul li >p.on::after{ transform: rotate(135deg);right: 10px;}

  footer .footer .footer-content-top .footer-left,.footer-right{padding-top: 30px;}

  footer .footer-logo{width: 1.6rem;}

  footer .copyright p,.prodel-title .prodel-title-left a{font-size: 12px;}

  #section2 .section2-item-right{min-height: 7.2rem;}

  .section-news .ind-news-left .news-tabs-title p span,.news-sec5-right h6{ font-size: 18px;}

  .section-news .ind-news-left .news-more,.section-news .ind-news-left .news-tabs-title{margin-top: 30px;}

  .section-news .ind-news-left .news-tabs-title p{display: inline-block;margin-right: 20px;}

  .section-news .ind-news-left .news-tabs-title{margin-bottom: 30px;}

  #fp-nav{display: none;}

 .common-more{margin-bottom: .5rem; height: 40px; line-height: 40px;}

 /* .common-more .more-box::after{margin-top: -1px;} */

 #section0 .swiper-button-next, #section0 .swiper-button-prev{top: 95vh;}

 .banner-info{top: 92vh;}

 .news-sec5-right-a{width: 160px; height: 40px; }

 .news-sec5-right-a .common-more{height: 40px; line-height: 40px; margin-bottom: 0; border: 1px solid #DDDDDD;}

 .news-sec5-right-a .common-more .more-box::after{margin-top: -1px;}

 .pservice .pservice-item .pservice-item-right{height: unset;}

 .j2c-p{font-size: 16px !important;max-width: 100%; line-height: .5rem !important;}

 .j1-content .j1-item{margin-bottom: 30px;}

 .j2-inner-box .j2-inner-item:not(:last-child){border-bottom: 1px solid #DDDDDD; }

 .j2-inner-box .j2-inner-item:not(:last-child)::after{background: none;}

 .j5-list-item div{ width: .5rem; height: .5rem; }

.j5-list-item div img{ width: .24rem;  margin:.13rem auto;}

.j5-list-item .j5-p1{font-size: 12px;}



.talentsWanted .table>tbody>tr>td:nth-child(1),.talentsWanted .table>thead>tr>th:nth-child(1){padding-left: 15px;}

.talentsWanted-2{  padding: 0.5rem 0.35rem; }

.talentsWanted-2 p{max-width: 100%; line-height: .4rem;}

.talentsWanted-2{margin-bottom: 0.5rem;}

.add::after{left: 0.08rem;}

.precruitment .precruitment-p1{max-width: 100% !important; font-size: 16px !important;}

.precruitment-list .precruitment-list-item{width: 50%;}

.precruitment-list .precruitment-list-item:nth-child(even)::after{background: none; }

.news-sec4-lists{margin-top: -0.35rem;}

.j3-content .j3-right{margin: 0;}

.j3-right-list ul li{width: 50%;}

.j3-right-list ul li .j3-list-p{max-width: 86%;}

.j3-content{padding-top: 30px;}

.j3-content .pjoin-title{margin-left: 0; text-align: center; margin-bottom: 30px;}

.kefu-info .kefu-mid div{display: block; float: left; width: 50%;}

.kefu-info .kefu-mid .kf-line{display: block;}

.kefu-info .kefu-mid{padding: .6rem .6rem;}

.kf-message-left{padding-right: 0;}

.kf-message-txt div p,.message-form .form-group{width: 100%;}

.message-form .form-group{margin-bottom: .3rem;}

.kf-message{margin-top: .5rem; margin-bottom: .3rem;}

.pcase-item .pcase-txt h3{font-size: 18px;}

.pcase .pcase-item:last-child:nth-child(3n + 2){margin-right: 0;}

.case-sec1 .case-sec1-item{width: 48%;}


.case-del-section1 .case-del-section1-right{padding-left: 0;}

.case-del-section1-right h4{font-size: .35rem; margin-top: .5rem;}

.product-one{margin-top: -80%; width: 90%;margin-left: 0.3rem;}

.product-two,.pservicede2{padding: .3rem .15rem; width: 90%;}

.case-sec1 .case-sec1-item p{font-size: 14px;}

.pabout-list1 .pabout-list1-item{width: 40%;}

.audio-box{height: 3.5rem;}

.history-title-tabs{margin-top: .8rem;}

.pabout-jounal .swiper-container{padding-bottom: .8rem;}

.back-btn{padding: 0.2rem 0.25rem;background-position: 0.15rem center;}

.partners-left .partners-txt{max-width: 100%; font-size: 16px; margin-bottom: .3rem;}

.pabout-honor2-swiper p{font-size: 16px;}

.pabout-honor2-item img{height: 4rem;}

.pabout-honor-txt{max-width: 100%;}

.pabout-honor{background-position: right  bottom , left top;background-size: 100% auto,100% 100%;padding-bottom: 5rem;}
.jobs-content{margin-left: 0; margin-right: 0}
.news-contents{max-width: 100vw;}

.side-box-out{top: 78%;}
.side_box{display: none;}
.side-top::after{ width: 0;}
.side-top img{width: 36px; height: 36px;}

}

@media (max-width:780px){
  .pos1{left: 5%; top: -7%;}

.pos3{left: 33%; top: -19%;}

.pos5{left: 62%; top: -67%;}

.pos7{left: 89%; top: -69%;}
}
@media (max-width:700px){
  .pos1{left: 3%; top: -50%;}

.pos2{left: 16%; top: 80%;}

.pos3{left: 30%; top: -63%;}

.pos4{left: 45%; top: 58%;}

.pos5{left: 60%; top: -105%;}

.pos6{left: 72%; top: 23%;}

.pos7{left: 87%; top: -110%;}
}
@media (max-width:380px){
  .pos1{left: 2%; top: -67%;}

  .pos2{left: 16%; top: 70%;}

  .pos3{left: 30%; top: -75%;}

  .pos4{left: 45%; top: 48%;}

  .pos5{left: 60%; top: -119%;}

  .pos6{left: 72%; top: 17%;}

  .pos7{left: 86%; top: -122%;}
}
@media (max-width:370px){

  .pos7{left: 84%; top: -134%;}
}
@media (max-width:350px){
  .pos1{left: 0%; top: -99%;}

  .pos2{left: 13%; top: 61%;}

  .pos3{left: 28%; top: -98%;}

  .pos4{left: 43%; top: 44%;}

  .pos5{left: 59%; top: -142%;}

  .pos6{left: 70%; top: 11%;}

  .pos7{left: 82%; top: -154%;}
}

#section1 .ind-title,#section1 .title,#section1.active .content,#section2 .ind-title,#section2 .section2-item-right,#section3 .ind-title,#section3 .section3-list,.section-news .ind-news-right{transform: translateY(40%); transition: all 1s ease; transition-delay: 0.5s; opacity: 0;}

#section2 .section2-item-mid{transform: translateY(0) scale(0);transition: all 1s ease;transition-delay: 0.8s; opacity: 0;}

#section2.active .section2-item-mid{transform: translateY(0) scale(1); opacity: 1;}

#section1.active .ind-title ,#section1.active .title,#section1.active .content,#section2.active .ind-title,#section2.active .section2-item-right,#section3.active .ind-title,#section3.active .section3-list,.section-news.active .ind-news-right{ transform: translateY(0); opacity: 1;}

#section0 .swiper-slide .banner-txt{transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}

#section0 .swiper-slide-active .banner-txt{transform: translateY(0); opacity: 1;}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

.delay600{

  -webkit-animation-delay: .6s;

    animation-delay: .6s;

    -ms-animation-delay: .6s;

    -moz-animation-delay: .6s;

    -o-animation-delay: .6s;

}

.delay900{

  -webkit-animation-delay: .9s;

    animation-delay: .9s;

    -ms-animation-delay: .9s;

    -moz-animation-delay: .9s;

    -o-animation-delay: .9s;

}

.solution{

   width: 100%;

   height: 5.6rem;

   margin-top: .34rem;

}

.solution > .posr {

  height: 100%;

  

  width: 100%;

  margin: 0 auto;

  position: relative;

}



.solution .contain {

  width: 50%;

  height: 100%;

  position: relative;

  transition: all .5s ease-out;

  -webkit-transition: all .5s ease-out;

  -o-transition: all .5s ease-out;

  -moz-transition: all .5s ease-out;

  z-index: 1;

  position: absolute;

  top: 0;

  overflow: hidden;

  overflow: hidden;

}



@media screen and (min-width: 800px) {

  .solution > .posr:hover .contain {

      width: 20%;

      z-index: 1;

  }



  .solution > .posr .contain:hover {

      width: 80%;

      z-index: 2;

  }

}



.solution .contain > * {

  z-index: 2;

  position: relative;

}



.solution .contain .bg {

  z-index: 0;

  width: 100%;

  height: 100%;

  position: absolute;

}



.solution .contain .bg > div {

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: -10px;

  top: -10px;

  background-size: cover;

  background-position: center;

  /* filter: url(blur.svg#blur);

  -webkit-filter: blur(5px);

  -moz-filter: blur(5px);

  -o-filter: blur(5px);

  -ms-filter: blur(5px);

  filter: blur(5px);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); */

}



.solution .contain .bg:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgba(0, 0, 0, 0);

  z-index: 2;

}



.solution .contain .videobg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: 0;

  transition: all .5s ease-out;

  -webkit-transition: all .5s ease-out;

  -o-transition: all .5s ease-out;

  -moz-transition: all .5s ease-out;

}



.solution .contain .videobg:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.4);

  transition: all .5s ease-out;

  -webkit-transition: all .5s ease-out;

  -o-transition: all .5s ease-out;

  -moz-transition: all .5s ease-out;

}



/* .solution .contain .videobg video {

 object-fit: cover; width: 100%; height: 100%;

} */



.solution .audio {

  left: 0;

  background: #333;

}



.solution .video {

  right: 0; /*background: #666;*/

}



.solution .text {

  position: absolute;

  top: 50px;

  left: 8%;

  color: #fff;

}



.solution .text h1 {

  font-size: 30px;

  letter-spacing: 5px;

  font-weight: bold;

  margin-bottom: .24rem;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.solution .text h2 {

  font-size: 30px;

  letter-spacing: 5px;

  font-weight: normal;

  margin-bottom: 10px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.solution .text small {

  font-size: .18rem;

  line-height: .3rem;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.solution .btns {

  position: absolute;

  top: 65%;

  right: 50px;

  width: 90%;

  transition: all .5s ease-out;

  -webkit-transition: all .5s ease-out;

  -o-transition: all .5s ease-out;

  -moz-transition: all .5s ease-out;

  height: 130px;

 

}



.solution .contain:hover .btns {

  border-color: rgba(255, 255, 255, 0);

}



.solution .btns ul {

  position: relative;

  height: 100%;

  display: flex;

  justify-content: center;

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}



.solution .btns ul:before {

  content: '';

  display: block;

  left: 0;

  right: 0;

  top: 0;

  background: #fff;

  position: absolute;

  z-index: 0;

  height: 0;

  border-radius: 5px;

  overflow: hidden;

}



.solution .btns ul li {

  float: left;

  width: 20%;

  flex-grow: 1;

  position: relative;

  z-index: 1;

  text-align: center;

  display: none;

  height: 100%;



}



.solution .video .btns ul li {

  width: 25%;

}



.solution .btns ul li:before {

  content: '';

  left: 0;

  top: 9px;

  bottom: 0;

  width: 1px;

  background: #e0e0e0;

  position: absolute;

}



.solution .btns ul li:first-of-type:before {

  display: none;

}



.solution .btns ul li a {

  padding: 25px 10px;

  display: block;

}







/* .solution .btns ul li a:before {

  content: 'MORE';

  font-size: 12px;

  line-height: 60px;

  padding-left: 40px;

  color: #fff;



  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  text-align: left;

  -webkit-animation: flipIn .5s ease-out;

  -o-animation: flipIn .5s ease-out;

  -moz-animation: flipIn .5s ease-out;

  animation: flipIn .5s ease-out;

  display: none;

  transform-origin: top center;

}



.solution .btns ul li a:after {

  content: '\e64e';

  font-family: 'iconfont';

  position: absolute;

  line-height: 60px;

  top: 100%;

  right: 0;

  padding-right: 40px;

  font-size: 30px;

  color: #fff;

  display: none;

  transform-origin: top center;

  -webkit-animation: flipIn .5s ease-out;

  -o-animation: flipIn .5s ease-out;

  -moz-animation: flipIn .5s ease-out;

  animation: flipIn .5s ease-out;

  display: none;

  transform-origin: top center;

} */



/* .solution .btns ul li .iconfont {

  font-size: 40px;

  color: #444;

  display: block;

  line-height: 50px;

  margin-bottom: 10px;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

} */

.solution .btns ul li img {

  width: 40px;

  height: 40px;

  margin: auto;

  margin-bottom: .18rem;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -webkit-filter: grayscale(100%);



-moz-filter: grayscale(100%);



-ms-filter: grayscale(100%);



-o-filter: grayscale(100%);



filter: grayscale(100%);



filter: gray;



}



.solution .btns ul li p {

  font-size: 16px;

  color: #454545;

  letter-spacing: 1px;

  text-overflow: ellipsis;

  overflow: hidden;

}

/* 

.solution .btns:before {

  content: '\e61a';

  display: none;

  font-family: 'iconfont';

  line-height: 55px;

  width: 55px;

  text-align: center;

  border-radius: 100%;

  color: #fff;

  font-size: 20px;

  position: absolute;

  left: -60px;

  top: -22px;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  opacity: 1;

} */



/* .solution .btns > p {

  position: absolute;

  left: -158px;

  top: 130px;

  font-size: 12px;

  line-height: 24px;

  color: #fff;

  text-transform: uppercase;

  width: 450px;

  border-top: 1px solid #fff;

}



.solution.on .btns > p {

  left: 10%;

  width: 100%;

} */



.solution.on .contain {

  position: relative;

}



.solution:hover .contain .btns {

  opacity: 0;

}



.solution:hover .contain:hover .btns {

  opacity: 1;

}



.solution .contain:hover .videobg {

  opacity: 1;

}



.solution .contain:hover .videobg:before {

  opacity: 0.5;

}



.solution .contain:hover .btns {

  width: 90%;

}



.solution .contain:hover .btns:before {

  opacity: 0;

}



/* .solution .contain:hover .btns > p {

  opacity: 0;

 

} */



.solution .contain:hover .btns ul li {

  display: block;

}



.solution .contain:hover .btns ul:before {

  height: 100%;

  transition: all .5s ease-out .5s;

  -webkit-transition: all .5s ease-out .5s;

  -o-transition: all .5s ease-out .5s;

  -moz-transition: all .5s ease-out .5s;

}



/*.solution .btns ul li:hover a:after ,

.solution .btns ul li:hover a:before { display: block; }*/

.solution .btns ul li:hover img {

  filter: none;

}

.solution .btns ul li:hover a p{

  color: #0e59d1;

}



@media screen and (max-width: 1600px) {

  .solution {

      height: 550px;

      padding: 0 75px;

  }

}



@media screen and (max-width: 1400px) {

  .solution {

      height: 460px;

  }



  .solution {

      padding: 0;

  }



  .solution .contain .btns {

      height: 100px;

  }



  .solution .contain:hover .btns {

      width: 660px;

      height: 120px;

  }



  .solution .btns ul li a {

      padding: 15px 0;

  }



 



  .solution .btns ul li p {

      letter-spacing: 0;

      font-size: 13px;

  }



  .solution .btns ul li:hover a:after,

  .solution .btns ul li:hover a:before {

      line-height: 50px;

      padding: 0 20px;

  }



  .solution .text {

      top: 60px;

  }

}



@media screen and (max-width: 1200px) {

  .solution {

      padding: 0;

  }



  .solution {

      height: 500px;

  }

}



@media screen and (max-width: 1024px) {

  .solution {

      height: 480px;

      padding: 0;

  }



  .solution .btns {

      width: 250px;

  }



  .solution .contain:hover .btns,

  .solution .contain .btns {

      height: 90px;

  }



  .solution .contain:hover .btns {

      width: 500px;

  }



  .solution .btns ul li a {

      padding: 10px 0;

  }



 



  .solution .btns ul li p {

      letter-spacing: 0;

      font-size: 12px;

  }



  .solution .text h1 {

      font-size: 35px;

      margin-bottom: 5px;

      letter-spacing: 0;

  }



  .solution .text h2 {

      font-size: 35px;

      margin-bottom: 5px;

      letter-spacing: 0;

  }



  .solution .btns {

      top: 60%;

      overflow: hidden;

  }



  .solution .btns ul li:hover a:after,

  .solution .btns ul li:hover a:before {

      line-height: 40px;

      padding: 0 10px;

  }



  .solution .btns:before {

      font-size: 15px;

      line-height: 40px;

      width: 40px;

      left: -45px;

  }

}



@media screen and (max-width: 800px) {

  .solution .text h1 {

      font-size: 25px;

      margin-bottom: 10px;

  }



  .solution .text h2 {

      font-size: 25px;

      margin-bottom: 0;

  }



  .solution .text small {

      font-size: 12px;

      white-space: normal;

  }



  .solution .text {

      top: 30px;

      left: 30px;

      max-width: 80%;

  }



  .solution {

      height: auto;

  }



  .solution .contain {

      position: relative;

      top: auto;

      left: auto;

      bottom: auto;

      right: auto;

      float: none;

      width: auto;

      height: 480px;

  }



  .solution .contain:hover {

      width: auto;

  }



  .solution:hover .contain {

      width: auto;

  }



  .solution .contain .videobg {

      display: none !important;

  }



  .solution .btns:before {

      display: none !important;

  }



  .solution .btns ul:before {

      display: none;

  }



  .solution .btns ul {

      background: #fff;
      flex-wrap: wrap;

  }



  .solution .btns ul li {

      display: block !important;
      width: 33.333%;
      flex-grow: unset;

  }



  .solution .btns ul li p {

      white-space: normal;

      line-height: 1.5;
      max-width: 80%;
      margin: auto;

  }



  .solution .btns {

      left: 0;

      right: 0;

      bottom: 0;

      top: auto;

      width: auto;

  }



  .solution .contain:hover .btns:before {

      display: none;

  }



  .solution .contain .btns,

  .solution .contain:hover .btns,

  .solution:hover .contain .btns {

      width: auto;

      display: block !important;

      opacity: 1;

      height: auto;

  }



  .solution .contain .bg:before {

      background: rgba(0, 0, 0, 0.01);

  }
  .solution .btns ul li:before{
    top: 0;
  }
  .solution .mid.contain .btns ul{
    justify-content: left;
  }
  .solution .mid.contain .btns ul li:nth-child(1),.solution .mid.contain .btns ul li:nth-child(2),.solution .mid.contain .btns ul li:nth-child(3){
    border-bottom: 1px solid #e0e0e0;
  }
  .solution .mid.contain .btns ul li:nth-child(1),  .solution .mid.contain .btns ul li:nth-child(4){
    border-left: 1px solid #e0e0e0;
  }
  .solution .mid.contain .btns ul li:nth-child(3),  .solution .mid.contain .btns ul li:nth-child(5){
    border-right: 1px solid #e0e0e0;
  }
  .solution .mid.contain .btns ul li:nth-child(4),.solution .mid.contain .btns ul li:nth-child(5){ width: 50%;}
  .solution .btns ul li:nth-child(4):before{
    background: transparent;
  }
  /* .solution .btns ul li:nth-child(5)::after {
    content: '';
    right: -1px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e0e0e0;
    position: absolute;
} */
.solution .video.contain{margin-bottom: .3rem;}
.solution .video.contain .btns ul{
  display: none !important;
}
.solution .video.contain .btns .common-more{margin-left: .5rem;}
  /* .solution .contain .bg > div {

      filter: url(blur.svg#blur);

      -webkit-filter: blur(0px);

      -moz-filter: blur(0px);

      -o-filter: blur(0px);

      -ms-filter: blur(0px);

      filter: blur(0px);

      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);

  } */

}



@media screen and (max-width: 480px) {

  .solution .btns ul li .iconfont {

      font-size: 25px;

      line-height: 30px;

  }



  .solution .contain {

      /* height: 300px; */
   

  }
  .solution .video.contain{
    height: 300px;
  }
}

@keyframes myfadeup{

  0%{

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);}

    100%{

      opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    }

}

.myfadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@keyframes point1 {

  0% {

    transform:scale(.8);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(.8);

  }

}



.point1 {

  -webkit-animation-name: point1;

  animation-name: point1;

}

@keyframes bigtosmall {
  0% { 
  opacity: 1;
  -webkit-transform: scale(1.1); 
  -ms-transform: scale(1.1); 
  transform: scale(1.1);
  }
  100% { 
  opacity: 1;
  -webkit-transform: scale(1); 
  -ms-transform: scale(1); 
  transform: scale(1);
  }
}
.bigtosmall{
  -webkit-animation-name: bigtosmall;
  animation-name: bigtosmall;
  transform-origin: 50% 50%;
}