.fl{float: left}
.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 h6{ font-size: 30px;font-weight: 600;color: #222222;line-height: .6rem;}


.ind-title p{ font-size: .18rem;font-weight: 400;color: #666666;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: 300;color: #999999;line-height: .37rem; margin-top: 4px;text-transform:uppercase}


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

header{background: #fff;height: 80px;position: fixed;top: 0;left: 0; right: 0; z-index: 999;  transition: all 0.3s ease-in-out;display: flex;align-items: center; padding: 0 .5rem;justify-content: space-between; box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);}

.logo{ width: 148px;  overflow: hidden; height: 60px; position: relative;}

.logo img{position: absolute; left: 0; top: 0; width: 100%; z-index: 999; opacity: 0;}

.logo img:nth-child(2){opacity: 1;}

.header-nav{display: flex;justify-content: flex-end;align-items: center;height: 80px; margin-left: 7vw;}

.header-nav ul{list-style: none;padding-left: 0; margin-bottom: 0;}

.header-nav ul,.header-nav ul li{display: flex;justify-content: center;align-items: center;height: 100%;}

.header-nav ul li{position: relative; background: transparent;  transition: all 0.3s ease-in-out;}

.header-nav ul li >a{padding:0 20px;font-size: 16px;

  position: relative;font-weight: 400;

  color: #333;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;}

  .sub-nav{

    position: absolute;

    left: 0;

    visibility: hidden;

    /* pointer-events: none; */

    top: 80px;

    opacity: 0;

    width: 160%;

    min-width: 100px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    display: flex;

    justify-content: space-between;

    background-color: #fff;

    box-shadow: 0 4px 5px rgb(0 0 0 / 10%);

  }

  .sub-nav .nav-item{

    background-color: #fff;

    min-width: 120px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    width: 100%;

  }
  
  .header-nav ul li:nth-child(3) .sub-nav ,.header-nav ul li:nth-child(4) .sub-nav {width: 200%;}
  .sub-nav .nav-item a{padding: 16px 15px 20px;width: 100%;display: flex; background: transparent;font-size: 16px;font-weight: 400;color: #777777;line-height: 22px;

    align-items: center;justify-content: space-between; transition: all .5s;

    border-bottom: 1px solid rgba(226, 226, 226, 1);}
    .sub-nav .nav-item a:last-child{border-bottom: 0;}
  .sub-nav .nav-item a .more-box{opacity: 0;}

  .sub-nav .nav-item a:hover{background: #0E59D1; color: #fff;}

  .sub-nav .nav-item a:hover .more-box{ opacity: 1;}

  .header-right {

    display: flex;

    align-items: center;

    transition: all .3s;



}

.header-search{

  display: flex;

  align-items: center;

  transition: all .3s ease;
  margin-right: 0.15rem;
  cursor: pointer;

}

.header-search>img {

  width: 0.18rem;

  margin-right: 0.1rem;

  transition: all .3s ease;

}

.header-search input{background: transparent; width:60px ; margin-right: .1rem; height: 20px; line-height: 20px;}

.tell {

  display: flex;

  align-items: center;

  font-size: .18rem;

  transition: all .3s ease;

  border-left: 0.01rem solid rgba(51,51,51,0.3);

  font-family: "DIN-Medium";

}

.tell>img {

  width: 0.18rem;

  margin-right: 0.1rem;

  margin-left: 0.3rem;

  transition: all .3s ease;

}

.header-nav ul li.on{background: #0E59D1; }

.header-nav ul li.on >a{color: #ffffff !important;}

.header-search>img:nth-child(1),.tell>img:nth-child(1){display: none;}

.header-search>img:nth-child(2),.tell>img:nth-child(2){display: block;}

header.on .logo img:nth-child(1){ opacity: 0;}

header.on .logo img:nth-child(2){ opacity: 1;}

.sub-nav.on{visibility: visible; opacity: 1;}

 .nav-icon {

  display: block;

  position: absolute;

  right: 15px;

  top: 50%;

  margin-top: -7px;

}

 .nav-icon span {

  display: block;

  width: 22px;

  height: 2px;

  background: #333;

  border-radius: 2px;

  transition: all .3s linear;

}

 .nav-icon span:not(:first-child) {

  margin-top: 4px;

}

 .nav-icon.on span:nth-of-type(1) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

}

 .nav-icon.on span:nth-of-type(2) {

  width: 0;

}

 .nav-icon.on span:nth-of-type(3) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,-6) rotate(

-45deg

);

}

.header-nav ul li.active >a{color: #0E59D1;}

/* 索搜框 */
.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;}

.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;    bottom: 85px;}

.banner-info .mouse {

  width: 65px;

  height:65px;

  border: 1px solid #fff;

  border-radius: 40px;

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

  position: relative;

}

.lanxiala .mouse{  border: 1px solid #0E59D1;
}




.banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 18px;

  height: 38px;

  top: 13px;

  left: 50%;

  margin-left: -9px;

  background:url(../images/shubiao02.png);

  -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;

}


.lanxiala .mouse:after {  background:url(../images/shubiao.png);
}




.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; font-family: "DINRegular";}

.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, .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 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.on ul li .fp-tooltip{color: #000000;}

#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;}





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

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

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



#section2 .section2-item-left{width:40%; margin-right: 5%}


.pc-box video{width:840px;height:590px}

.about_video .play-btn,
.about_video .pc-play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("__PUBLIC__/demo/images/play-btn.png");
    transition: all .2s;
}

.about_video .pc-box.on .pc-play-btn{
    display: none;
}

.about_video .pc-play-btn,
	.about_video .play-btn{
		width: 50px;
		height: 50px;
	}

	.about_video .pc-play-btn:hover,
	.about_video .play-btn:hover{
		background-image: url("__PUBLIC__/demo/images/play-btn2.png");
	}










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

#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;}

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

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

#section2 .section2-item-right {color: #fff;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;     padding-left:calc(6.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(__PUBLIC__/demo/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 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: .52rem;font-weight: 500;color: #FFFFFF;line-height: .63rem;font-family: "DIN-Medium";}

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




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


#section3 .container-fluid{margin-top: .65rem;}
#section3 .section3-list{ justify-content: space-between;}

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



#section3 .section3-list .section3-list-item:nth-child(2){ background-image: url(../images/jishu02.jpg) ;}
#section3 .section3-list .section3-list-item:nth-child(3){ background-image: url(../images/jishu03.jpg) ;}
#section3 .section3-list .section3-list-item:nth-child(4){ background-image: url(../images/jishu04.jpg) ;}



#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{font-family: "DIN-Medium";color: #0E59D1 ;font-size: .26rem;font-weight: 600;line-height: .37rem;}

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

#section4 {background: url(../images/bg4.jpg); }
#section4 .container-fluid{margin-top: 1.2rem;}
#section4 .ind-news-left{width: 21%; }

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

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

#section4 .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;}

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

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

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

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

#section4 .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; }

#section4 .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;}

#section4 .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);}

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

#section4 .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;}

#section4 .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;}



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

#section4 .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;}

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

footer .footer .footer-content-top  .footer-left{padding-top: .9rem;width: 82%;}

.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{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: 18%;}

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

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

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

.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  top; background-size: cover; background-repeat: no-repeat;margin-top: .8rem; -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; 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;}

/* 内页二级标题 */

.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, #2192EA 0%, #0E59D1 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(/Public/demo/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;  
    flex-wrap: wrap;}

.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; padding: .7rem 3.2rem .3rem; margin-bottom: 1rem;}



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

.news-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: .3rem auto;  max-width: 100%;}

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

.news-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{ justify-content: space-between; flex-wrap: wrap; overflow: hidden;margin-bottom: 100px}

.p-solution .psolution-item{width: 31.33333%;margin: 1%;  position: relative;overflow: hidden; cursor: pointer;float: left}

.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;  bottom: 0px;text-align: center;width: 100% }

.p-solution .psolution-item .psolution-txt h3{font-size: 16px;color: #FFFFFF;line-height:28px;background: url(../images/xiaoshu.png);min-height: 48px }

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

/* 核心服务 */

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


.pservice{margin-top: 50px}

.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;font-family: "DIN-Medium";}

.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; }


.jishubox .j2c-p{ margin-top: 0px !important; margin-bottom: .3rem !important;}

.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-family: "jaapokkienchanceregular";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-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: 30%; 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;font-family: "DIN-Medium";z-index: 2;}

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

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

.j4-list-box .j4-item .j4-p2{font-size: 16px;font-weight: 400;color: #888888;line-height: 30px; 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;font-family: "DIN-Medium"; 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{font-family: "DIN-Medium";}

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



 /* 中卡招聘 */

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

 .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: 50px .32rem 50px .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: #EDEDED;line-height: .82rem;font-family: "DIN-Medium"; display: block; transform: translateY(0); transition: all .5s; }

 .precruitment-list .precruitment-list-item .precruitment-title{font-size: 18px;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;}



.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/joinimg.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: 1.2rem; 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;}



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

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

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

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

.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: .6rem .7rem;width: 60%; background: #0E59D1; color: #fff;}

.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-family: "DIN-bold"; font-weight: bold; margin-top: .1rem;}

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

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


.kf-message{padding: 50px 1.4rem;background: #fff;margin-bottom: 100px;}

.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: #888888;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:10px; 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, #2192EA 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;overflow: hidden}

 .pcase .pcase-item{ width: 24%;margin: 0.5%; background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); cursor: pointer;float: left}

 .pcase-item .pcase-img{width: 100%;  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-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%;}

.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: 37.2%; 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: 34px; 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 1rem; }

.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;}

.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;font-family: "DIN-Medium";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 p{font-size: 18px;color: #333333;line-height: 30px;}

.case-sec3 img{margin-top: .8rem; max-width: 100%;}

.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%;  }

.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;}

.pabout-txt{ margin-top: .49rem; margin-bottom: .61rem; justify-content: space-between;}

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

.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-family: "DIN-Medium"; font-style: normal;}



.audio-box{width: 100%;  height: 7rem; 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;}

.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;}

.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: #666666;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/about/img2.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; font-family: "DIN-Medium"; 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: 80%;



	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-family: "DIN-blod";font-weight: normal; margin-bottom: 0.7rem; 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/) no-repeat ,url(../images/img3.jpg) no-repeat ; background-size: auto auto ,100% 100%; background-position:80% bottom , left top; padding-top: .82rem; padding-bottom: .94rem;}

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

.pabout-biaoshi-txt{ margin-top: .57rem; max-width: 50%;}

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

.pabout-honor-txt{ margin-top: .57rem; width: 100%;}

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

.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{height: 2.64rem; margin: auto;}

.pabout-honor2-swiper p{font-size: 20px;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(100%); 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: 1500px) {  
  .header-nav ul li:nth-child(3) .sub-nav ,.header-nav ul li:nth-child(4) .sub-nav {width: 230%;}
	
	.header-nav ul li >a {
    padding: 0 10px;
		font-size: 15px;}
	
	
	
	
}
@media screen and (max-width: 1400px) {
	
	.pc-box video{height:auto;width: 100%}

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

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

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

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

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

  #section0 .swiper-container .swiper-slide img{height: 100%; width: 100%; object-fit: cover;}
	#section4 .ind-news-left .news-more{display: none}

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

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

  .weui-flex-warp-item{ width: 100% !important;}
	.kefu-info .kefu-right{background: #fff}
	#section2 .section2-item-left{padding-top: 0}

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

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

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

	.pabout-biaoshi-txt{max-width: 100%}
	.pabout-biaoshi{padding-bottom: 450px}

  .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;padding: 0 .3rem;box-shadow: 0 4px 5px rgb(0 0 0 / 10%);}

  .logo{width: 148px; height: 60px;}



  .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;}
  #section3 {background: url(../images/bg3.jpg) no-repeat; background-size:  100% 100%; background-position: left top;}

  #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;}

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

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

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

  #section4 .ind-news-left .news-tabs-title{display: none}

  #fp-nav{display: none;}

 .common-more{margin-bottom: .5rem; height: 40px; line-height: 40px;}
	#section2 .section2-item-left .section2-more{margin-top: 20px}

 /* .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;padding: 20px}

.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%;}

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

.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;}

}

@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 .solution,#section2 .ind-title,#section2 .section2-item-right,#section3 .ind-title,#section3 .section3-list,#section4 .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 .solution,#section2.active .ind-title,#section2.active .section2-item-right,#section3.active .ind-title,#section3.active .section3-list,#section4.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: 33.3333%;

  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:33.333%;

      z-index: 1;

  }
	
	.solution > .posr:hover .anjie {right:20%}
	



  .solution > .posr .contain:hover {

      width: 60%;

      z-index: 2;

  }
	
	
	
	.solution > .posr .anjie:hover	{left: 20%}
	
	
	

}



.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: 33.333%; /*background: #666;*/

}

.solution .anjie{left: 33.333%}


.solution .baiying{right:0}



.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 .boinbox  ul li {width: 12.5%}



.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 .boinbox ul li p {  font-size: 14px;
}

/* 

.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%;
}






.post-slide{
    margin: 0 15px;
	position: relative
}
.post-slide .post-img{
	position:relative;
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.08);
}
.post-slide .post-content{
	    position: absolute;
    text-align: center;
    color: #fff;
    transition: .7s all ease;
    width: 100%;
    bottom: 10%;
}

.post-slide .post-content a{display: block}



.post-slide .post-title{
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
	margin-bottom: 20px;
    text-transform: capitalize;
}
.post-slide .post-title a{
    display: inline-block;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .post-description{
    font-size: 15px;
    color: #676767;
    line-height: 24px;
    margin-bottom: 14px;
}
.post-slide .post-bar{
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide .post-bar li{
    color: #676767;
    padding: 2px 0;
}
.post-slide .post-bar li i{
    margin-right: 5px;
}
.post-slide .post-bar li a{
    display: inline-block;
    font-size: 12px;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after{
    content: ",";
}
.post-slide .post-bar li a:last-child:after{
    content: "";
}
.post-slide .post-bar li a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide ._slide{
width: 171px;
    line-height: 42px;
    border: 1px solid rgba(255,255,255,0.4);
	height: 46px;
	
	
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    position: relative;
    text-indent: 35px;
    margin: auto;}


    .post-slide ._slide span{ position: absolute;
    z-index: 5;
    transition: ease 1s;
    width: 100%;
    height: 100%;
		left: 0;
text-align: left}



  .post-slide ._slide ._templateIcon{ position: absolute;
    right: 2px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #fff;
    color: #3e3e3e;
    line-height: 32px;
    font-size: 16px;
    top: 5px;
    right: 4px;
    text-align: center;
    transition: ease 1s;
z-index: 8;}





.post-slide .read-more:hover{
    background: #333;
    text-decoration: none;
}





/*波音技术*/


#section3 ul{height: 100%;overflow: hidden;padding: 0}
#section3 ul li{position: relative;float: left;width: 25%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#section3 ul li:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}
#section3 ul li .box{top: 37.47%;position: relative}
#section3 ul li h3{line-height: 120px;font-weight: bold;font-size: 28px;color: #fff;text-align: center;}
#section3 ul li h3:before{content: "";display: block;width: 60px;height: 60px;margin: 0 auto;}
#section3 ul li:nth-child(1) h3:before{background-position: -20px -170px;}
#section3 ul li:nth-child(2) h3:before{background-position: -120px -170px;}
#section3 ul li:nth-child(3) h3:before{background-position: -220px -170px;}
#section3 ul li:nth-child(4) h3:before{background-position: -320px -170px;}
#section3 ul li h3:after{content: "";display: block;width: 48px;margin: 6px auto 0;border-bottom: 3px solid #fec026;}
#section3 ul li a{display: block;width: 134px;line-height: 38px;margin: 66px auto 0;background: #fec026;opacity: 0;font-size: 14px;color: #fff;text-align: center;border-radius: 20px;}
#section3 ul li a:after{content: "";display: inline-block;width: 18px;height: 18px;margin-left: 10px;vertical-align: middle;background-position: -66px -66px;}
#section3 ul li p{ width: 80%; margin: 40px auto; font-size: 14px; color: #fff; text-align: center; line-height: 1.8; opacity: 0;}
#section3 ul li:hover:before{background: rgba(0, 0, 0, .2)}
#section3 ul li:hover .box{margin-top: -60px;}
#section3 ul li:hover a{opacity: 1;}
#section3 ul li:hover p{opacity: 1;}


#section3 ul li h3:before
{background:none;background-image: url(../images/icon.png);background-repeat: no-repeat;}
#section3 ul li a:after{background:none;background-image: url(../images/moreee.png);background-repeat: no-repeat;}



#section3 ul li:before,
#section3 ul li .box,
#section3 ul li a,
#section3 ul li p{-webkit-transition: all .3s;transition: all .3s;}

/*新闻*/

.case-example-item {
	text-align: center;
	background: #fff;
}
.case-example-item a .case-pad {
	width: 286px;
	height: 180px;
}
.case-item-info {
	height:85px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	transition: all .2s;
}
.case-info-logo {
	margin-top: 0;
	margin-bottom: 8px;
	height: 80px;
	transition: all .2s;
}
.case-info-title {
    font-size: .18rem;
    font-weight: 600;
    color: #222222;
	padding-top: 20px
}
.case-info-time{
	font-size: 14px;
line-height: 15px;
    color: #ababab;
padding: 10px}




.case-info-text {
	font-size: 14px;
	color: #666;
	padding: 0 30px;
	text-align: left;
	line-height: 1.8;
}
.case-index-content .case-example-item:hover .case-item-info {
	height: 325px;
}


/*发展历史*/
.h_main .section1{padding-bottom: 8%;}
.h_main .section1 .time-box{position: relative; margin-bottom: 1rem;margin-top:1rem;background: #fff;padding: 100px 0; }
.h_main .section1 .time-box .time-line{position: absolute; left: 0; right: 0; margin: auto; width: 100px; height: 100%; z-index: 6; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.h_main .section1 .time-box .time-line .time-go{position: absolute; left: 0; right: 0; margin: auto; height: 0px; width: 1px; max-height: calc(100% - 90px); border-right: 1px #23527c dashed; z-index: 10;}
.h_main .section1 .time-box .time-line .qiche{position: absolute; left: 0; right: 0; margin: auto;max-height: calc(100% - 90px);}
.h_main .section1 .time-box .time-line img{position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 10; width: 41px; height: 37px; display: block; max-width: initial;}
.h_main .section1 .time-box .time-line:after{content: ""; position: absolute; border-right: 1px dashed rgba(238, 238, 238, 0.39); height: 100%; width: 0; top: 0; left: 0; right: 0; margin: auto; z-index: 3;}
.h_main .section1 .time-box .time-line:before{content: attr(data-note); position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 120px; font-size: 24px; text-align: center;color: #142864;}
.h_main .section1 .time-box .time-item{overflow: hidden; position: relative; z-index: 3;}
.h_main .section1 .time-box .time-item .time-list{position: relative; width: 50%; box-sizing: border-box; text-align: right; padding-right: 130px;float: left;margin-bottom: 10vw;}
.h_main .section1 .time-box .time-item .time-list h3{font-size: 32px;color: #142864;font-weight: normal;font-weight: bold;
    font-family: "DIN-Medium";line-height: 1;}
.h_main .section1 .time-box .time-item .time-list p{font-size: 16px;line-height: 26px;color: #333;margin-top: 10px;}
.h_main .section1 .time-box .time-item .time-list > img{max-width: 100%;display: inline-block;margin-top: 20px;}
.h_main .section1 .time-box .time-item .time-list p:after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%;line-height: 14px;text-align: center;background-color: #eee;top: 10px;right:-7px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.h_main .section1 .time-box .time-item .time-list.on p:after {background: -webkit-linear-gradient(-90deg, #23527c 0%, #23527c 100%);background: -o-linear-gradient(-90deg, #23527c 0%, #23527c 100%);background: -moz-linear-gradient(-90deg, #23527c 0%, #23527c 100%);background: linear-gradient(-90deg, #23527c 0%, #23527c 100%);}
.h_main .section1 .time-box .time-item .time-list:nth-child(even){float: right;padding-left: 130px;padding-right: 0;text-align: left;}
.h_main .section1 .time-box .time-item .time-list:nth-child(2){margin-top: 15vw;}
.h_main .section1 .time-box .time-item .time-list:nth-child(even) p:after{left: -7px;right: initial;}
.h_main .btm{position: fixed; right: 0; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.h_main .btm .item-node{text-align: right; opacity: 0; transform: translateX(8px); -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.h_main .btm .item-node.on{opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none;}
.h_main .btm .item-node li{height: 30px; line-height: 30px; cursor: pointer; position: relative; opacity: 0.5; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; font-size: 14px; padding-right: 42px;}
@media  screen and (-webkit-min-device-pixel-ratio:0) {
   .h_main .btm .item-node li {
    background: -webkit-linear-gradient(#142864, #972929);
    background: -o-linear-gradient(#142864, #972929);
    background: -moz-linear-gradient(#142864, #972929);
    background:  linear-gradient(#142864, #972929);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
}


.h_main .btm .item-node li:after{content: ""; position: absolute; right: 0; height: 1px; width: 32px; background-color: #eeeff2; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; top: 0; bottom: 0; margin: auto;}
.h_main .btm .item-node li.on{opacity: 1; padding-right: 56px; font-size: 18px; font-weight: bold;}
.h_main .btm .item-node li.on:after{background: #142864; width: 50px;}












	.pcimg{display: block}
	.sjimg{display: none}


@media (max-width: 780px){
	.pcimg{display: none}
	.sjimg{display: block}
	.h_main .section1{padding-bottom: 60px;}
	.h_main .section1 .time-box .time-line{width: 50px;}
	.h_main .section1 .time-box .time-item .time-list{padding-right: 46px;}
	.h_main .section1 .time-box .time-item .time-list:nth-child(even){padding-left: 44px;}
	.h_main .section1 .time-box .time-item .time-list h3{font-size: 26px;}
	.h_main .section1 .time-box .time-item .time-list p{font-size: 12px;line-height: 20px;}
	.h_main .section1 .time-box .time-item .time-list p br{display: none;}
	.h_main .section1 .time-box .time-item .time-list:nth-child(2){margin-top: 26vw;}
	.h_main .section1 .time-box .time-line:before{font-size: 16px;}
	.h_main .btm {
    display: none;
}
	
	#section3 ul{margin-top: 25px}
	#section3 ul li{width: 48%;height: 420px;margin: 1% 1% 5px 1%;}
	#section3 ul li .box{top:30%}
	#section3 ul li h3{font-size: 18px}
	
	
	.pronav ul{padding: 0;margin-bottom: 10px}
	.pronav ul li{width: 100px}
	
	.pronav ul .cur{width: 100px}
	.case-item-info{height: 65px}
	
	  .news-content .news-content-item .news-right-txt h5{font-size: 14px; line-height: 30px;}

	.ind-news-left .ind-title{text-align: center}
	
	#section6{background:url(../images/sjlcbg.jpg)}
}