/*关于我们*/

.s_about{ padding: 5rem 0; width: 100%; overflow: hidden; background: url(../images/s_about_bg.png) center bottom no-repeat;background-size: contain;}
.s_about .m{ display: flex; align-items: center;}
.s_about .left{ max-width: 964px; padding-right: 4.375rem;}
.s_about .right{ width: 39.6875rem; flex-shrink: 0;}
.s_about .pic{ position: relative;}
.s_about .pic img{ height: 100%;}
.s_about .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.s_about .pic .mask .btn_play{ width: 3rem; height: 3rem; display: block;cursor: pointer;}
.s_about .pic .mask .btn_play img{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.s_about .pic .mask .btn_play img:hover{
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.s_about .txt{}
.s_about .tt{ margin-bottom: 3.375rem;}
.s_about .tt span{ font-size: 1.5rem; color: #999; text-transform: uppercase;}
.s_about .tt h3{ font-size: 1.875rem; color: #3e3e3e; font-weight: bold;}
.s_about .tt i{ display: block; width: 55px; height: 3px; background: #0e64b1; margin-top: 1.5rem;}
.s_about .con{ font-size: 1rem; color: #7e7e7e; line-height: 1.75rem;}
.s_about .btn_xq{ margin-top: 3.625rem;}
.btn_xq {
    position: relative;
    z-index:0;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #0e64b1;
    color: white;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 20px;
    width: 9.375rem;
    height: 2.5rem; font-size: .875rem;
    display: block; overflow: hidden;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.btn_xq:before {
    content: ""; display:block;
    width:0;
    height: 100%; background:#31bdec;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.btn_xq:hover:before { width:100%; right:auto; left:0;}
.s_shuzi{  display: flex; justify-content: space-between; margin-top: 5.625rem;}
.s_shuzi li{}
.s_shuzi li div{ font-size: 3.125rem; color: #fd8e0c;  font-family: "BarlowCondensed-Bold";}
.s_shuzi li div p span{ font-size: 1.25rem;color: #fd8e0c;  font-family: "BarlowCondensed-Bold";}
.s_shuzi li div p{ align-self: flex-end; font-size: .875rem; color: #7e7e7e; font-weight: normal; margin-bottom: .75rem;}
.s_shuzi li p{ font-size: 1rem; color: #7e7e7e; margin-top: 3px;}

.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
.s_shuzi li .counter{display: inline-block;margin-right: 4px;overflow: hidden;}
.s_shuzi li>div{ display: flex; align-items: center; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.s_shuzi li:hover>div{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.dataNums{  width:100%; text-align:center;}
.dataNums .dataOne{width: 1.375rem;height:4rem;display: block;float: left;text-align: center; }
.dataNums .dataBoc {position: relative;width: 100%;height: 100%;/* overflow: hidden; */}
.dataNums .dataBoc .numtt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .numtt span{width:100%;height:100%; font-family: inherit;display: block; line-height: 4rem; height:4rem; color: inherit;font-size: inherit; }
.s_shuzi li div{ vertical-align: top;}
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s; overflow: auto;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{box-sizing:border-box; z-index:999; display: block; position:relative; }
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .tc-box{position:absolute;  background: #309dd5; overflow: hidden;top:50%;z-index:9999; width: 11rem; left:50%;margin-left: -5.5rem;margin-top: -5.5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-box h3 img{ width:10rem; height:10rem; margin:.5rem;}
.tc1 .tc-box h5{ width:11rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.tc .j_tab{ table-layout: fixed;}
.tc.act .tc-box{opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{  width:64rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; }
.tc_shipin .video-js{ width:100%; height:100%; position: relative; left: 0; top: 0; right: 0; bottom: 0; padding-top: 60%;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important; height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); border: 2px solid #fff !important;}
video{object-fit:fill;  }
.vjs-poster{ background-size: cover !important;}



/*核心业务*/

.business{ width: 100%; overflow: hidden; }
.business .m{ display: flex;}
.business .left{ width: 47.5rem; float: left; position: relative;}
.business .right{ width: calc(100% - 47.5rem); float: right;}
.business .right .pic{ height: 100%; width: 100%; height: 550px;}
.business .right .pic img{ object-fit: cover; height: 100%; width: 100%;}
.business .hd{}
.business .hd ul{ height: 100%;}
.business .hd ul li{ background: #F3F4F8; background-size: 100%; padding: 3.375rem 1.875rem; height: 550px;}
.business .hd ul li .box{ padding-bottom: 12rem;}
.business .hd ul li .box .tt{ margin-bottom: 3.25rem;}
.business .hd ul li .box .tt i{ display: block; width: 70px; height: 2px; background: #2B74C3;margin-top: 10px;}
.business .hd ul li .box .tt span{ font-size: .875rem; font-family: Roboto; text-transform: uppercase; color: #888; display: block; margin-top: 1.75rem; margin-bottom: .75rem;}
.business .hd ul li .box .tt h3{ font-size: 2.125rem; color: #2c2c2e;}
.business .hd ul li .box .con{ font-size: 1rem; line-height: 1.875rem; color: #3e3e3e;}
.business .slick_arrow_right{ position:absolute; right:1.875rem; bottom:4rem;}
.business .slick_arrow_right .slick-arrow{
    z-index:99;
    float:left;
    display:block;
    font-size:0;
    cursor:pointer;
    width: 3.125rem;
    height: 3.125rem; background-size: contain !important; margin-right: 1.25rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
 
.business .slick_arrow_right .slick-prev2{  background: url(../images/gufei_left.png) center no-repeat; background-color: #2B74C3;border-radius: 50%;} 
.business .slick_arrow_right .slick-next2{ background: url(../images/gufei_right.png) center no-repeat; background-color: #2B74C3;border-radius: 50%;}

.business .slick_arrow_right .slick-prev2:hover{  background: url(../images/gufei_left_on.png) center no-repeat; background-color: #31bdec;} 
.business .slick_arrow_right .slick-next2:hover{ background: url(../images/gufei_right_on.png) center no-repeat; background-color: #31bdec;}

.b_title{max-width: 1620px;padding: 0 10px;margin: 0 auto;text-align: center;margin-bottom: 80px;}
.b_title i {display: block; width: 55px; height: 3px; background: #0e64b1; margin-top: 1.5rem; margin:0 auto;}
.b_title h3{display: block;font-size: 1.875rem;color: #3e3e3e;font-weight: bold;padding:10px 0;}
.b_title span{display: block;color: #888;}


/*产品展示*/
.products{ padding-top: 5rem; width: 100%; overflow: hidden; }
.products .p_main{
  background: url(../images/pts_bg.jpg) center top no-repeat;
  background-size: 100% 100%;
  height: 720px;
  padding:3rem 0;
  background-attachment: fixed;
  position: relative;
}
.products .p_main .p_main_box{
  max-width: 1750px;
  position: relative;
  padding:0 50px;
  margin:0 auto;
}
.products .swiper{max-width: 1620px;margin:0 auto;padding:50px;}
.products .swiper-slide{height:400px; background-color: #fff;padding:20px;display: flex; flex-direction: column; justify-content: center;cursor: pointer;}
.products .swiper-slide::before{content: url('../images/p_ico.png');position: absolute;top: 0;}
.products .swiper-slide:hover{
  -webkit-box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 10%);
}
.products .swiper-button-next,.products .swiper-rtl .swiper-button-prev{right:10px;}
.products .swiper-button-prev,.products .swiper-rtl .swiper-button-next{left:10px;}
.products .swiper-button-next:after, .products .swiper-button-prev:after {font-size: 20px; font-weight: bold; }
.products .swiper-button-next, .products .swiper-button-prev {border: 2px solid #1181FA; padding: 20px; border-radius: 50%; }

.products .swiper-slide .p_title{margin-bottom: 20px;}
.products .swiper-slide h3{font-size: 18px;padding:8px 0;}
.products .swiper-slide span{font-size: 14px; color: #999;}
.products .swiper-slide .p_img{height: 90%;}
.products .swiper-slide .p_img img{
  width: 100%;
  height: 100%;
  transition: 1s; 
  -webkit-transition: 1s; 
  -moz-transition: 1s; 
  -ms-transition: 1s; 
  -o-transition: 1s; 
}
.products .swiper-slide:hover .p_img img {
  transform: scale(1.05) rotate(.1deg);
  -webkit-transform: scale(1.05) rotate(.1deg);
  -moz-transform: scale(1.05) rotate(.1deg);
  -ms-transform: scale(1.05) rotate(.1deg);
  -o-transform: scale(1.05) rotate(.1deg);
}
.s_tt i{
  display: block;
  width: 55px;
  height: 3px;
  background: #0e64b1;
  margin: 0 0 10px 3px;
}


/*中栏banner*/
.mc {
    height: 16.5rem;
    background: url(../images/mc1.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    width: 100%;
    overflow: hidden;
}
.mc .m {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mc h3 {
  font-size: 2.225rem;
  font-weight: bold;
  margin-bottom: .625rem;
  line-height: 1.3;
}

.mc span {
  display: block;
  font-size: 0.625rem;
  font-family: BarlowCondensed-Light;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: .3rem;
}
.bs {background: url(../images/mc2.jpg) center no-repeat; background-size: cover;}
.bs h3{font-size: 1.825rem;}


/*新闻资讯*/
.s_tt h3 {font-size: 2.125rem; color: #040404; font-weight: bold; margin-bottom: .5rem; }
.s_tt p {color: #888; }
#s_news {
  width: 100%;
  background-size: cover;
  padding-top: 6rem;
  padding-bottom: 6.25rem;
  width: 100%;
  overflow: hidden;
}

#s_news .s_tt {
  float: left;
  text-align: left;
  margin-bottom: 0;
}

#s_news .hd {
  padding-right: 4.5rem;
  overflow: hidden;
  margin-bottom: 3.625rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

#s_news .hd ul {
  text-align: left;
  float: right;
  width: 25rem;
}

#s_news .hd .slick-track {
  margin-right: 0;
}

#s_news .hd ul li {
  float: left;
  padding: 0 .5rem;
  text-align: center;
}

#s_news .hd ul li a {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: .5s;
  font-size: .9375rem;
  color: #434444;
  display: block;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}

#s_news .hd ul li a:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e0e2e8;
  border-radius: 2rem;
}

#s_news .hd ul li a:after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #2B74C3;
  z-index: -1;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}

#s_news .hd ul li.slick-current a {
  color: #fff;
}

#s_news .hd ul li.slick-current a:before {
  border: 1px solid #2B74C3;
}

#s_news .hd ul li.slick-current a:after {
  width: 100%;
}

#s_news .bd>.slick-list {
  overflow: visible;
}

#s_news .bd ul {
  margin: 0 -1rem;
}

#s_news .bd ul li {
  padding: 0 1rem;
}

#s_news .bd ul li .img {height:20rem;}

#s_news .bd ul li .img img {}

#s_news .bd ul li .txt {
  background: #F3F4F8;
  padding: 2.5rem 2rem;
  position: relative;
  z-index: 1;
}

#s_news .bd ul li .txt:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: #2B74C3;
  z-index: -1;
}

#s_news .bd ul li .txt h4 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  height: 4.5rem;
  color: #000000;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

#s_news .bd ul li .txt .time {
  font-size: .9375rem;
  color: #9c9c9c;
  font-family: BarlowCondensed-Regular;
}

#s_news .bd ul li .txt .btn_xq2 {
  font-size: .9375rem;
  color: #5a5a5a;
}

#s_news .bd ul li .txt .btn_xq2 svg {
  width: 1.125rem;
  margin-left: .25rem;
}

#s_news .bd ul li:hover .txt:before {
  height: 100%;
}

#s_news .bd ul li:hover .txt h4 {
  color: #fff;
}

#s_news .bd ul li:hover .txt p {
  color: #fff;
  color: rgba(255, 255, 255, .63);
}

#s_news .bd ul li:hover .txt .time {
  color: #fff;
}

#s_news .bd ul li:hover .txt .btn_xq2 svg path {
  fill: #fff;
}

#s_news .bd ul li:hover .txt .btn_xq2 {
  color: rgba(255, 255, 255, .5);
}

#s_news .bd .btn_r {
  position: absolute;
  right: 0;
  top: -6.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #fff;
  border: 1px solid #e1e3e9;
  font-family: simsun;
  border-radius: 50%;
  transition: .3s;
  width: 2.5rem;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#s_news .bd ul li .txt:before,
#s_news .bd ul li .txt h4,
#s_news .bd ul li .txt p,
#s_news .bd ul li .txt .time,
#s_news .bd ul li .txt .btn_xq2,
path {
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.arrow_anim {display: block; position: relative; overflow: hidden; }
.arrow_anim:before {
  content: ""; 
  display: block; 
  width: 100%; 
  height: 100%; 
  background: url(../images/arrowhead_on.png) center no-repeat; 
  position: absolute; 
  left: -100%; 
  top: 0; 
  background-size: 1.25rem; 
  transition: .5s;
}
.arrow_anim:after {
  content: ""; 
  display: block; 
  width: 100%; 
  height: 100%; 
  background: url(../images/arrowhead.png) center no-repeat; 
  position: absolute; 
  left: 0; 
  top: 0; 
  background-size: 1.25rem; 
  transition: .5s;
}
.arrow_anim:hover:before {left: 0; }
.arrow_anim:hover:after {left: 100%; }
@media (max-width: 769px){
  .products .swiper-slide {height:380px;} 
}
@media (max-width: 576px){
  #s_news .bd ul li .img {height:10rem;} 
}