/********************首页轮播图片********************/

.index_slideBox {
  width: 100%;

  overflow: hidden;

  position: relative;

  top: 110px;
}

.index_slideBox .hd {
  width: 100% !important;

  position: absolute;

  bottom: 35px;

  z-index: 1;

  height: 20px;

  overflow: hidden;
}

.index_slideBox .hd ul {
  overflow: hidden;

  zoom: 1;

  text-align: center;
}

.index_slideBox .hd ul li {
  cursor: pointer;

  display: inline-block;

  *display: inline;

  zoom: 1;

  margin: 0 5px;

  width: 10px;

  height: 10px;

  background: transparent;

  filter: alpha(opacity=40);

  opacity: 1;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

  border: 1px solid #fff;
}

.index_slideBox .hd ul li.on {
  background: #fff;

  border: 1px solid #fff;
}

.index_slideBox .bd {
  position: relative;

  z-index: 0;
}

.index_slideBox .bd ul {
  width: 100% !important;
}

.index_slideBox .bd li {
  width: 100% !important;

  height: 600px;

  position: relative;

  zoom: 1;

  vertical-align: middle;

  color: #fff;

  font: normal 22px/200% 'Microsoft YaHei';

  background-size: cover;
}

.index_slideBox .bd dd {
  position: absolute;

  display: none;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.index_slideBox .prev,
.index_slideBox .next {
  position: absolute;

  left: 3%;

  top: 50%;

  margin-top: -35px;

  display: block;

  width: 32px;

  height: 70px;

  line-height: 70px;

  background: #000;

  filter: alpha(opacity=40);

  opacity: 0.4;

  color: #fff;

  font-size: 18px;

  text-align: center;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;
}

.index_slideBox .next {
  left: auto;

  right: 3%;

  background-position: 8px 5px;
}

.index_slideBox .prev:hover,
.index_slideBox .next:hover {
  filter: alpha(opacity=60);

  opacity: 0.6;
}

.index_slideBox .prevStop {
  display: none;
}

.index_slideBox .nextStop {
  display: none;
}

/* 这里的定位需与dd的playOut属性一致 */

.index_slideBox .bd .item2 dl {
  width: 1250px;

  /* margin: 0 auto;*/

  /*  margin-left:17.7%;*/
  margin-left: 7%;

  height: 100%;

  position: relative;
}

@media screen and (min-width: 1500px) {
  .index_slideBox .bd .item2 dl {
    margin-left: 17.7%;
  }
}

.index_slideBox .bd .item2 .dd1 {
  top: 170px;

  right: 340px;

  background: url(../img/item_dd1.png) left center no-repeat;

  width: 426px;

  height: 75px;
}

.index_slideBox .bd .item2 .dd2 {
  top: 280px;

  right: 340px;

  color: #fff;

  font-size: 22px;
}

.index_slideBox .bd .item2 .dd3 {
  top: 360px;

  right: 340px;

  background: url(../img/item_dd3.png) left center no-repeat;

  width: 122px;

  height: 37px;

  cursor: pointer;
}

/*item2样式*/

.index_slideBox .bd .item1 dl {
  width: 580px;

  margin-left: 50%;

  /*margin: 0 auto;*/

  height: 100%;

  position: relative;
}

.index_slideBox .bd .item1 .dd1 {
  top: 170px;

  left: 340px;

  background: url(../img/index-banner-01.png) left center no-repeat;

  width: 435px;

  height: 75px;
}

.index_slideBox .bd .item1 .dd2 {
  top: 275px;

  left: 340px;

  color: #072e70;

  font-size: 22px;
}

.index_slideBox .bd .item1 .dd2 span {
  display: block;

  width: 580px;

  color: #fff;
}

.index_slideBox .bd .item1 .dd2 .dd2_span1 {
  font-size: 24px;

  line-height: 34px;
}

.index_slideBox .bd .item1 .dd2 .dd2_span2 {
  font-size: 16px;

  line-height: 34px;
}

.index_slideBox .bd .item1 .dd3 {
  top: 360px;

  left: 340px;

  background: url(../img/index-banner-02.png) left center no-repeat;

  width: 140px;

  height: 37px;

  cursor: pointer;

  border-radius: 5px;
}

/*about  begin*/

.about_banner {
  width: 100%;

  height: 400px;

  /*padding-left:425px;*/

  box-sizing: border-box;

  margin-top: 110px;

  padding-top: 85px;

  position: relative;
}

.about_banner_img {
  width: 197px;

  height: 105px;

  position: absolute;

  left: 22.24%;
}

.about_banner_img img {
  width: 197px;

  height: 105px;
}

.about_banner span {
  display: block;

  font-size: 16px;

  line-height: 34px;

  color: #fff;

  position: absolute;
}

.about_banner_span1 {
  top: 220px;

  left: 22.24%;
}

.about_banner_span2 {
  top: 255px;

  left: 22.24%;
}

.about_banner_span3 {
  top: 290px;

  left: 22.24%;
}

.about_con {
  width: 100%;

  background: #fff;

  height: 570px;
}

.about_con_info {
  width: 1200px;

  margin: 0 auto;
}

.about_con_l {
  float: left;

  width: 770px;

  margin-top: 92px;
}

.about_con_l h2 {
  color: #333;

  font-size: 36px;

  margin-bottom: 40px;
}

.about_con_l h2>span {
  color: #0375d5;
}

.about_con_l>p {
  width: 100%;

  font-size: 16px;

  color: #666;

  line-height: 28px;

  margin-top: 14px;
}

.about_con_l_div {
  margin-top: 0px;
}

.about_con_l_div>div {
  width: 255px;

  height: 105px;

  border-right: 1px solid #ccc;

  float: left;

  text-align: center;

  color: #0f7fdb;
}

.about_con_l_div .about_con_div3 {
  border-right: none;
}

.about_con_l_div .s1 {
  display: block;

  font-size: 18px;

  margin: 0 auto;

  height: 40px;

  line-height: 40px;

  box-sizing: border-box;

  margin-bottom: 10px;
}

.about_con_div1 .s1 {
  background: url('../img/about-02.png') no-repeat left;

  width: 116px;

  padding-left: 28px;
}

.about_con_div2 .s1 {
  background: url('../img/about-03.png') no-repeat left;

  width: 150px;

  /*padding-left:4px;*/
}

.about_con_div3 .s1 {
  background: url('../img/about-04.png') no-repeat left;

  width: 140px;

  padding-left: 4px;
}

.about_con_l_div .s2 {
  font-size: 38px;

  font-weight: bold;
}

.about_con_l_div .s3 {
  font-size: 16px;

  margin-left: 10px;
}

.about_con_l_div .s4 {
  font-size: 38px;

  font-weight: bold;
}

.about_con_r {
  float: right;

  width: 430px;

  margin-top: 82px;
}

.about_con_r img {
  width: 365px;

  height: 476px;

  display: block;

  margin: 10px auto 0;
}

.about_show {
  width: 100%;

  background: url('../img/about-11-bg.png');

  background-size: 100%;

  padding-top: 90px;

  padding-bottom: 150px;
}

.about_show>div {
  width: 1200px;

  margin: 0 auto;

  /*border:1px solid green;*/

  position: relative;

  height: 590px;

  /*padding-top:90px;*/

  box-sizing: border-box;
}

.about_show_one {}

.flexflex {
  display: flex;
  align-items: center;
}

.about_show_one_l {
  background: #2d84be;

  /*background: url('../img/about-05.jpg') no-repeat;*/

  width: 635px;

  /* height: 360px; */
  height: auto;

  /* position: absolute; */

  left: 0;

  top: 30px;

  padding-left: 45px;

  padding-right: 45px;

  padding-top: 45px;

  z-index: 2;

  box-sizing: border-box;
}

.about_show_one_l h3 {
  color: #fff;

  font-size: 22px;

  text-align: center;

  line-height: 28px;

  margin-bottom: 16px;
}

.about_show_one_l p {
  font-size: 14px;

  color: #fff;

  line-height: 26px;

  margin-top: 10px;
}

.about_show_one_r {
  background: url('../img/about-06.jpg') no-repeat center;

  width: 640px;

  height: 420px;

  position: absolute;

  right: 0;

  z-index: 1;

  /*top:30px;*/
}

.about_show_one_r img {
  display: block;

  margin-top: 99px;

  margin-left: 147px;

  width: 380px;

  height: 380px;

  transition: all 0.6s;
}

.about_show_one_r:hover img {
  transform: scale(1.04);
}

.about_show_two {}

.about_show_two_l {
  background: url('../img/about-07.jpg') no-repeat center;

  background-size: cover;

  width: 700px;

  height: 420px;

  position: absolute;

  left: 0;

  top: 70px;
}

.about_show_two_l img {
  display: block;

  margin-top: 99px;

  margin-left: 147px;

  width: 420px;

  height: 385px;

  transition: all 0.6s;
}

.about_show_two_l:hover img {
  transform: scale(1.04);
}

.about_show_two_r {
  background: #2d84be;

  /*background: url('../img/about-05.jpg') no-repeat;*/

  width: 600px;

  height: 316px;

  position: absolute;

  right: 0;

  /*top:30px;*/

  padding-left: 45px;

  padding-right: 45px;

  padding-top: 45px;

  z-index: 2;

  box-sizing: border-box;
}

.about_show_two_r h3 {
  color: #fff;

  font-size: 22px;

  text-align: center;

  line-height: 28px;

  margin-bottom: 16px;
}

.about_show_two_r p {
  font-size: 14px;

  color: #fff;

  line-height: 26px;

  margin-top: 10px;
}

.about_show .about_show_three {
  margin-top: 15px;

  background: url('../img/about-10.jpg') no-repeat center;

  background-size: cover;

  height: 360px;

  /*margin-bottom: 150px;*/
}

.about_show_three_l {
  background: #2d84be;

  /*background: url('../img/about-05.jpg') no-repeat;*/

  width: 570px;

  height: 320px;

  position: absolute;

  left: 30px;

  top: -40px;

  padding-left: 45px;

  padding-right: 45px;

  padding-top: 45px;

  z-index: 2;

  box-sizing: border-box;
}

.about_show_three_l h3 {
  color: #fff;

  font-size: 22px;

  text-align: center;

  line-height: 28px;

  margin-bottom: 16px;
}

.about_show_three_l p {
  font-size: 14px;

  color: #fff;

  line-height: 26px;

  margin-top: 10px;
}

.about_show_three_r {
  width: 1200px;

  height: 360px;

  position: absolute;

  left: 0;

  top: 40px;
}

.about_show_three_r img {
  display: block;

  margin-top: 55px;

  margin-left: 762px;

  width: 350px;

  height: 350px;

  transition: all 0.6s;
}

.about_show_three_r:hover img {
  transform: scale(1.04);
}

/*about end*/

/*product 开始*/

#pro_content {
  width: 100%;

  background: #fff;
}

#gallery {
  width: 1200px;
  height: 70px;
}

#gallery .swiper-slide {
  width: auto !important;
}

#gallery .swiper-slide a {
  box-sizing: border-box;
  display: block;
  padding: 0 20px;
  text-align: center;
  line-height: 68px;
  width: auto;
  border: 1px solid #e6e6e6;
}

#gallery .active {
  background-color: #157ac7;
  color: #fff;
}

/* .pro-icon-box{
  width: 1200px;
  background: pink;
  margin: 0 auto;
  overflow-x: auto;
}
.pro-icon-box .pro-icon-item{
  display: flex;
}
.pro-icon-box .pro-icon-item .pro_con_li2{
  display: inline-block;
  padding: 0 20px;
  height: 70px;
  background: aliceblue;
  flex-shrink: 0;
} */

.pro_con {
  width: 1200px;
  margin: 0 auto;
  z-index: 3;
  margin-top: -35px;
}

.pro_con_ul {
  display: flex;
  overflow-x: auto;
  position: relative;
  z-index: 2;
}

.pro_con_li {
  flex-shrink: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 20px;
  height: 70px;
  border-right: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  color: #666;
  background: #fff;
  cursor: pointer;
  line-height: 70px;
  font-size: 18px;
}

.pro_con_li:first-child {
  border-left: 1px solid #e6e6e6;
}

/* .pro_con_li:hover>div{

display:block;

position: absolute;

left: 0px;

top: 70px;

}*/

.pro_con_li5 {
  border: none;
}

/*	.pro_con_li:hover .pro_con_li_span {

        color: #fff;

        background: #358bd5;

    }

    */

.pro_con_li_active {
  color: #fff;

  background: #358bd5;
}

/* .pro_con_li:hover>.pro_con_li_div{

display:block;

}*/

.pro_title h3 {
  font-size: 36px;

  color: #0678cb;

  text-align: center;

  width: 100%;

  margin-top: 60px;

  margin-bottom: 26px;
}

.pro_title p {
  font-size: 16px;

  color: #444;

  line-height: 28px;

  width: 1000px;

  margin: 0 auto;
}

.pro_title p img {
  display: block;

  margin: 0 auto;
}

.pro_div_n {
  width: 1120px;
  margin: 0 auto;
  display: none;
}

.pro_div_n .swiper-container {
  width: 100%;
  /* height: 225px; */
  margin-top: 48px;
}

.center {
  justify-content: center;
}

.pro_div_n .swiper-container .swiper-slide {
  text-align: center;
}

.pro_div_n .swiper-container .swiper-slide .a-box {
  text-align: center;
  width: 224px !important;
  margin: 0 auto;
}

.pro_div_n .swiper-container .swiper-slide .item {
  display: block;
  height: 225px;
  padding-top: 23px;
  color: #333;
}

.pro_div_n .swiper-container .swiper-slide .item .img-box {
  text-align: center;
}

.pro_div_n .swiper-container .swiper-slide .item .text {
  margin-top: 17px;
  font-size: 22px;
}

.active3 {
  background-image: url('../img/bg2.png');
  background-size: 100% 100%;
  color: #fff !important;
}

.hide {
  overflow: hidden;
}

.pro_ul_n {
  width: 1120px;

  margin: 45px auto 0;

  overflow: hidden;

  height: 225px;
}

.pro_ul_li_n {
  float: left;

  width: 180px;

  height: 200px;

  margin-right: 55px;

  cursor: pointer;
}

.pro_ul_li_n6 {
  margin-right: 55px;
}

.pro_ul_li_n span {
  display: inline-block;

  width: 180px;

  height: 200px;

  font-size: 22px;

  color: #666;

  padding-top: 24px;

  line-height: 292px;

  position: relative;

  text-align: center;
}

.active_n {
  background: #3dbdfc;

  color: #fff;
}

.active_n span {
  color: #fff;
}

.pro_ul_li_n {
  position: relative;
}

.pro_ul_li_n i.i {
  border-left: 19px solid rgba(61, 189, 252, 0);

  border-right: 19px solid rgba(61, 189, 252, 0);

  border-top: 24px solid rgba(61, 189, 252, 1);

  border-bottom: 24px solid rgba(61, 189, 252, 0);

  position: absolute;

  left: 71px;

  top: 200px;
}

.pro_img_g {
  width: 1040px;

  margin: 80px auto 0;
}

.pro_img_g_2,
.pro_img_g_3 {
  margin-bottom: 40px;
}

.pro_img_g_4 {
  margin-bottom: 74px;
}

.pro_img_g {
  display: none;
}

.pro1_p1 p {
  width: 790px;
}

.pro1_xq_show {
  width: 1170px;

  margin: 73px auto 93px;
}

.pro1_xq_show .pro1_xq_show_1 {
  float: left;

  width: 276px;

  height: 492px;

  border: 1px solid #d3dbe1;

  margin-right: 18px;

  padding: 0 15px;

  box-sizing: border-box;

  position: relative;

  transition: all 0.6s;

  overflow: hidden;
}

.pro1_xq_show .pro1_xq_show4 {
  margin-right: 0;
}

.pro1_xq_show_1 {}

.pro1_xq_show_1 img {
  display: block;

  margin: 60px auto 27px;
}

.pro1_xq_show_1 h4 {
  font-size: 22px;

  line-height: 54px;

  border-bottom: 1px solid #d3dbe1;

  margin: 0 auto;

  text-align: center;
}

.pro1_xq_show_1 p {
  font-size: 14px;

  line-height: 16px;

  margin-top: 18px;
}

.pro1_xq_show_1 span {
  width: 276px;

  height: 6px;

  position: absolute;

  bottom: -6px;

  left: 0;

  background: #0088ff;

  transition: all 0.6s;
}

.pro1_xq_show .pro1_xq_show_1:hover {
  margin-top: -20px;

  box-shadow: 0 0 4px 4px #e6e6e6;
}

.pro1_xq_show_1:hover .span {
  transform: translateY(-6px);
}

.pro_ul_n_gl .pro_ul_li_n {
  margin-right: 76px;
}

/*.pro_ul_n_gl .pro_ul_li_n4{

  margin-right:0;

}*/

.pro_ul_yzj .pro_ul_li_n {
  margin-right: 24px;
}

/*.pro_ul_yzj .pro_ul_li_n6{

  margin-right: 0;

}*/

.pro_div_n_yzj .pro_ul_yzj {
  width: 1200px;

  margin: 0 auto;
}

.pro_ul_li_n span {
  background-position-y: 24px;
}

.pro_ul_n .active_n span {
  background-position-y: 24px;
}

.pro_ul_li_n1_span {
  background: url('../img/pro_new1_1.png') no-repeat top;
}

.active_n .pro_ul_li_n1_span {
  background: url('../img/pro_new1_2.png') no-repeat top;
}

.pro_ul_li_n2_span {
  background: url('../img/pro_new2_1.png') no-repeat top;
}

.active_n .pro_ul_li_n2_span {
  background: url('../img/pro_new2_2.png') no-repeat top;
}

.pro_ul_li_n3_span {
  background: url('../img/pro_new3_1.png') no-repeat top;
}

.active_n .pro_ul_li_n3_span {
  background: url('../img/pro_new3_2.png') no-repeat top;
}

.pro_ul_li_n4_span {
  background: url('../img/pro_new4_1.png') no-repeat top;
}

.active_n .pro_ul_li_n4_span {
  background: url('../img/pro_new4_2.png') no-repeat top;
}

.pro_ul_li_n5_span {
  background: url('../img/pro_new5_1.png') no-repeat top;
}

.active_n .pro_ul_li_n5_span {
  background: url('../img/pro_new5_2.png') no-repeat top;
}

.pro_ul_li_n6_span {
  background: url('../img/pro_new6_1.png') no-repeat top;
}

.active_n .pro_ul_li_n6_span {
  background: url('../img/pro_new6_2.png') no-repeat top;
}

.pro_ul_li_n7_span {
  background: url('../img/pro_new7_1.png') no-repeat top;
}

.active_n .pro_ul_li_n7_span {
  background: url('../img/pro_new7_2.png') no-repeat top;
}

.pro_ul_li_n8_span {
  background: url('../img/pro_new8_1.png') no-repeat top;
}

.active_n .pro_ul_li_n8_span {
  background: url('../img/pro_new8_2.png') no-repeat top;
}

.pro_ul_li_n9_span {
  background: url('../img/pro_new9_1.png') no-repeat top;
}

.active_n .pro_ul_li_n9_span {
  background: url('../img/pro_new9_2.png') no-repeat top;
}

.pro_ul_li_n10_span {
  background: url('../img/pro_new10_1.png') no-repeat top;
}

.active_n .pro_ul_li_n10_span {
  background: url('../img/pro_new10_2.png') no-repeat top;
}

.pro_ul_li_n11_span {
  background: url('../img/pro_new11_1.png') no-repeat top;
}

.active_n .pro_ul_li_n11_span {
  background: url('../img/pro_new11_2.png') no-repeat top;
}

.pro_ul_li_n12_span {
  background: url('../img/pro_new12_1.png') no-repeat top;
}

.active_n .pro_ul_li_n12_span {
  background: url('../img/pro_new12_2.png') no-repeat top;
}

.pro_ul_li_n13_span {
  background: url('../img/pro_new13_1.png') no-repeat top;
}

.active_n .pro_ul_li_n13_span {
  background: url('../img/pro_new13_2.png') no-repeat top;
}

.pro_ul_li_n14_span {
  background: url('../img/pro_new14_1.png') no-repeat top;
}

.active_n .pro_ul_li_n14_span {
  background: url('../img/pro_new14_2.png') no-repeat top;
}

.pro_ul_li_n15_span {
  background: url('../img/pro_new11_1.png') no-repeat top;
}

.active_n .pro_ul_li_n15_span {
  background: url('../img/pro_new11_2.png') no-repeat top;
}

.pro_ul_li_n16_span {
  background: url('../img/pro_new12_1.png') no-repeat top;
}

.active_n .pro_ul_li_n16_span {
  background: url('../img/pro_new12_2.png') no-repeat top;
}

.pro_ul_li_n17_span {
  background: url('../img/pro_new13_1.png') no-repeat top;
}

.active_n .pro_ul_li_n17_span {
  background: url('../img/pro_new13_2.png') no-repeat top;
}

.pro_ul_li_n18_span {
  background: url('../img/pro_new14_1.png') no-repeat top;
}

.active_n .pro_ul_li_n18_span {
  background: url('../img/pro_new14_2.png') no-repeat top;
}

.pro_ul_li_n19_span {
  background: url('../img/pro_new12_1.png') no-repeat top;
}

.active_n .pro_ul_li_n19_span {
  background: url('../img/pro_new12_2.png') no-repeat top;
}

.pro_ul_li_n20_span {
  background: url('../img/pro_new13_1.png') no-repeat top;
}

.active_n .pro_ul_li_n20_span {
  background: url('../img/pro_new13_2.png') no-repeat top;
}

.pro_ul_li_n21_span {
  background: url('../img/pro_new11_1.png') no-repeat top;
}

.active_n .pro_ul_li_n21_span {
  background: url('../img/pro_new11_2.png') no-repeat top;
}

.pro_ul_li_n22_span {
  background: url('../img/pro_new12_1.png') no-repeat top;
}

.active_n .pro_ul_li_n22_span {
  background: url('../img/pro_new12_2.png') no-repeat top;
}

.pro_ul_li_n23_span {
  background: url('../img/pro_new13_1.png') no-repeat top;
}

.active_n .pro_ul_li_n23_span {
  background: url('../img/pro_new13_2.png') no-repeat top;
}

.pro_ul_li_n24_span {
  background: url('../img/pro_new14_1.png') no-repeat top;
}

.active_n .pro_ul_li_n24_span {
  background: url('../img/pro_new14_2.png') no-repeat top;
}

.pro_ul_n .pro_ul_li_n5 {
  margin-right: 0;
}

.pro_ul_n .pro_ul_li_n10 {
  margin-right: 0;
}

.pro_ul_n .pro_ul_li_n14 {
  margin-right: 0;
}

.pro_ul_n .pro_ul_li_n20 {
  margin-right: 0;
}

.pro_ul_n .pro_ul_li_n24 {
  margin-right: 0;
}

/*product 结束*/

/*solution开始*/

.sol_content {
  width: 100%;

  margin: 0 auto;

  background: #fff;
}

.sol_con {
  width: 1226px;

  margin: 0 auto;
}

.sol_con_ul {
  overflow: hidden;

  height: 176px;

  padding: 0 5px;
  padding-top: 40px;

  width: 689px;

  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sol_con_ul>li {
  float: left;

  border: 1px solid #a8a8a8;

  width: 110px;

  height: 110px;

  border-radius: 50%;

  /*padding:10px  10px;*/

  box-sizing: border-box;

  text-align: center;

  /*line-height: 110px;*/
}

.sol_con_ul>li:hover {
     border: 2px solid #eca14f;
    box-shadow: 0 0 5px 1px #eca14f;
}

.sol_con_ul>li:hover a >.sol_li_span{
  color:#eca14f;
}

.sol_con_ul>li span {
  display: inline-block;

  width: 90px;

  height: 90px;

  line-height: 90px;

  margin: 8px auto;

  border-radius: 50%;

  text-align: center;

  font-size: 16px;

  color: #a8a8a8;
}

.sol_con_ul .sol_active span {
  color: #0678cb;

  border: 1px solid #bddbf1;
}

.sol_con_ul .sol_active {
  border: 2px solid #54a2db;

  box-shadow: 0 0 5px 1px #54a2db;
}

.sol_list {
  width: 1226px;

  margin: 0 auto;

  display: none;
}

.sol_list_ul {
  width: 1226px;

  overflow: hidden;

  margin: 0 auto;
}

.sol_list_li {
  width: 280px;

  height: 400px;

  margin-left: 13px;

  margin-right: 13px;

  float: left;

  margin-bottom: 30px;
}

.sol_list_li_d1 {
  width: 280px;

  height: 193px;

  overflow: hidden;
}

.sol_list_li img {
  width: 280px;

  height: 193px;

  transition: all 0.6s;
}

.sol_list_li_d1:hover img {
  transform: scale(1.1);
}

.sol_d {
  border: 1px solid #e6e6e6;

  border-top: none;

  padding-top: 26px;

  height: 206px;

  box-sizing: border-box;
}

.sol_d h3 {
  font-size: 20px;

  color: #4c4c4c;

  text-align: center;

  line-height: 24px;

  margin-bottom: 20px;
}

.sol_list_li a .sol_d p {
  font-size: 14px;

  color: #777;

  padding-left: 26px;

  padding-right: 26px;

  box-sizing: border-box;

  line-height: 24px;
}

.sol_list_li:hover {
  box-shadow: 0 0 2px 2px #e6e6e6;
}

/*分页样式开始*/

.pager_linkBox {
  width: auto;

  margin: 0 auto;

  text-align: center;

  overflow: hidden;
}

.pager_linkBox a {
  display: inline-block;

  border: 1px solid #e6e6e6;

  min-width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  color: #999;

  font-size: 16px;

  margin-left: 5px;

  margin-right: 5px;

  box-sizing: border-box;
}

.current {
  color: #fff;

  background: #0375d6;
}

.pager_linkBox .shang,
.pager_linkBox .xia {
  width: 80px;

  font-size: 14px;
}

.pager_linkBox a:hover {
  color: #fff;

  background: #0375d6;
}

/*分页样式结束*/

/*solution结束*/

/*cases开始*/

.cases_show {
  width: 100%;

  background: #fafafa;

  margin: 0 auto;

  padding-bottom: 38px;

  padding-top: 44px;

  box-sizing: border-box;
}

.cases_img_jd {
  display: block;

  margin: 0 auto 40px;
}

.cases_show_ul {
  overflow: hidden;

  width: 1226px;

  margin: 0 auto;
}

.cases_show_li {
  float: left;

  margin: 0 13px 13px 0;

  width: 280px;

  height: 216px;
}

.cases_show_li div {
  width: 280px;

  height: 170px;

  overflow: hidden;
}

.cases_show_li img {
  width: 280px;

  height: 170px;

  transition: all 0.6s;
}

.cases_show_li div:hover img {
  transform: scale(1.1);
}

.cases_show_li p {
  font-size: 18px;

  color: #4c4c4c;

  text-align: center;

  line-height: 46px;
}

.cases_readm {
  display: block;

  width: 140px;

  height: 40px;

  font-size: 16px;

  color: #0871c2;

  border: 1px solid #0871c2;

  text-align: center;

  line-height: 40px;

  margin: 18px auto 0;

  border-radius: 20px;
}

.cases_readm:hover {
  background: #0871c2;

  color: #fff;
}

.cases_show_2 {
  width: 1280px;

  margin: 0 auto;

  padding-bottom: 15px;

  box-sizing: border-box;
}

.cases_show_2_ul {
  width: 1280px;

  margin: 0 auto;

  overflow: hidden;
}

.cases_show_2_li {
  float: left;

  border: 1px solid #e6e6e6;

  height: 36px;

  width: 268px;

  margin-left: 20px;

  margin-right: 20px;

  margin-bottom: 20px;

  line-height: 36px;

  background: url('../img/cases-04.png') no-repeat;

  background-position: 22px 13px;

  padding-left: 42px;

  box-sizing: border-box;
}

.cases_detail_home {
  width: 1200px;

  margin: 36px auto 0;

  background: url('../img/cases-05.png') no-repeat;

  background-position: 5px 0;
}

.pro_title {
  width: 1000px;

  margin: 36px auto 0;
}

.cases_detail_home>p {
  font-size: 14px;

  color: #807f7f;

  padding-left: 25px;

  box-sizing: border-box;

  line-height: 16px;
}

.cases_detail_home .a1 {
  color: #807f7f;
}

.cases_detail_home .a2 {
  color: #008ada;
}

.cases_detail_show {
  width: 100%;

  background: #fff;

  /*margin-top:55px;*/

  padding-bottom: 130px;
}

.cases_detail_show_con {
  width: 850px;

  margin: 0 auto;
}

.cases_detail_show_con>div {
  margin-top: 60px;
}

.cases_detail_show_con1 {
  overflow: hidden;
}

.cases_detail_show_con1_1 {
  float: left;
}

.cases_detail_show_con1_2 {
  float: right;

  width: 425px;
}

.cases_detail_show_con1_2 h3 {
  font-size: 24px;

  color: #0678cb;

  text-align: center;

  margin-top: 46px;

  margin-bottom: 20px;
}

.cases_detail_show_con1_2 p {
  font-size: 14px;

  color: #666;

  width: 425px;

  line-height: 26px;
}

/*cases结束*/

/****************************** 首页产品中心 ******************************/

.index_pro {
  overflow: hidden;

  position: relative;

  background: #fff;

  z-index: 4;

  padding: 20px 0 50px;

  margin-top: 120px;
}

.index_pro .container {
  overflow: hidden;
}

.index_pro .index_title_en {
  margin-bottom: 30px;
}

.index_title_en {
  font-size: 30px;

  color: #0678cb;

  text-align: center;

  text-transform: uppercase;

  position: relative;
}

.index_title_cn {
  font-size: 16px;

  color: #666666;

  text-align: center;
}

.index_tec .index_title_en {
  top: -35px;
}

.tab_title_list {
  margin-right: -54px;

  overflow: hidden;

  padding: 20px 0 0px;
}

.tab_title_list a {
  display: block;

  float: left;

  height: 308px;

  position: relative;
}

.tab_title_list a:first-child {
  width: 300px;
}

.tab_title_list a:first-child+a {
  width: 610px;
}

.tab_title_list a:first-child+a+a {
  width: 290px;
}

.tab_title_list a img {
  height: 218px;

  display: block;

  margin: 0 auto;
}

.fuwu_head {
  width: 100%;

  height: 70px;

  color: #444444;

  font-size: 22px;

  margin: 0 auto;

  text-align: center;

  line-height: 70px;

  position: relative;
}

.tab_title_list a:first-child .tab_jiantou.current {
  border-color: #fff #fff #2e5ea4 #fff;
}

.tab_title_list a:first-child+a .tab_jiantou.current {
  border-color: #fff #fff #056ec2 #fff;
}

.tab_title_list a:first-child+a+a .tab_jiantou.current {
  border-color: #fff #fff #002d63 #fff;
}

.tab_jiantou.current {
  display: block;

  width: 1px;

  height: 1px;

  border: solid 20px;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  overflow: hidden;

  z-index: 4;
}

.tab_jiantou {
  display: none;

  bottom: 0px;
}

.index_pro_wrap {
  width: 100%;

  height: 400px;

  overflow: hidden;

  margin: 0 auto;

  padding-bottom: 40px;

  position: relative;

  margin: 0 auto;

  box-sizing: border-box;
}

.index_pro_wrap .tab_cnt:first-child {
  display: block;
}

.tab_cnt {
  width: 100%;

  height: 400px;

  background: #fff;

  float: left;

  display: none;

  background-size: auto 100%;

  background-position: center;

  position: relative;
}

.tab_cnt.current1 {
  animation: zoomInOut 1.3s ease-out 1 forwards;

  -webkit-animation: zoomInOut 1.3s ease-out 1 forwards;
}

.tab_cnt .pro_content {
  width: 1200px;

  height: 400px;

  margin: 0 auto;
}

.tab_cnt.current1 .pro_content {
  animation: slideIn 0.5s ease 1 forwards;

  -webkit-animation: slideIn 0.5s ease 1 forwards;
}

.pro_content1_l {
  float: left;

  padding: 90px 0 0 50px;

  width: 550px;
}

.pro_content1_l h3 {
  font-size: 36px;

  color: #fff;

  margin-bottom: 30px;
}

.pro_content1_l h4 {
  line-height: 28px;

  font-size: 16px;

  color: #fff;
}

.pro_content1_r {
  float: left;

  width: 560px;

  height: 400px;

  position: relative;
}

.float_bg {
  display: block;

  width: 560px;

  height: 420px;

  background: url(../img/yy_bj.png) no-repeat left 7px;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;
}

.pro_content1_r a {
  position: absolute;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  text-align: center;

  color: #fff;

  z-index: 10;

  transition: transform 1.5s;

  -webkit-transition: transform 1.5s;

  -moz-transition: transform 1.5s;

  -ms-transition: transform 1.5s;

  font-size: 20px;

  width: 80px;

  height: 80px;

  line-height: 80px;
}

.pro_content1_r a:hover {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);
}

.pro_content1_r .yy1 {
  left: 80px;

  top: 175px;

  background: transparent;

  background-color: rgba(207, 207, 207, 0.5);

  color: #fff;
}

.pro_content1_r .yy2 {
  left: 218px;

  top: 103px;

  background: transparent;

  background-color: rgba(207, 207, 207, 0.5);

  color: #fff;

  width: 90px;

  height: 90px;

  line-height: 90px;
}

.pro_content1_r .yy3 {
  left: 367px;

  top: 95px;

  background: transparent;

  background-color: rgba(255, 255, 255, 0.5);

  color: #fff;
}

.pro_content1_r .yy4 {
  left: 190px;

  top: 316px;

  background: transparent;

  background-color: rgba(255, 255, 255, 0.5);

  color: #fff;
}

.pro_content1_r .yy5 {
  left: 385px;

  top: 280px;

  background: transparent;

  background-color: rgba(255, 255, 255, 0.5);

  color: #fff;
}

.pro_content1_r .yy6 {
  left: 490px;

  top: 173px;

  background: transparent;

  background-color: rgba(255, 255, 255, 0.5);

  color: #fff;
}

.pro_content2_t,
.pro_content3_t {
  color: #fff;

  text-align: center;
}

.pro_content2_t h3,
.pro_content3_t h3 {
  font-size: 36px;

  padding: 35px 0 25px;

  text-transform: uppercase;
}

.pro_content2_t h4 {
  font-size: 16px;

  line-height: 28px;

  width: 785px;

  margin: 0 auto 30px;
}

.pro_content3_t h4 {
  font-size: 16px;

  line-height: 28px;

  width: 985px;

  margin: 0 auto 30px;
}

.pro_content2_b {
  width: 100%;
}

.pro_content2_b a {
  width: 20%;

  display: inline-block;

  text-align: center;

  float: left;
}

.pro_content2_b a div {
  width: 88px;

  height: 88px;

  line-height: 88px;

  border: 1px solid #fff;

  vertical-align: middle;

  border-radius: 9999px;

  margin: 0 auto;

  transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -webkit-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -moz-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -ms-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pro_content2_b a span {
  font-size: 20px;

  padding-top: 15px;

  color: #fff;

  display: inline-block;
}

.pro_content2_b a div:hover {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);
}

.pro_content3_b {
  width: 900px;

  margin: 0 auto;
}

.pro_content3_b ul {
  margin-right: -100px;
}

.pro_content3_b ul li {
  float: left;

  width: 400px;

  height: 100px;

  margin-right: 100px;
}

.pro_content3_b ul li a {
  color: #ffffff;
}

.pro_content3_b ul li img {
  float: left;

  width: 70px;

  height: 70px;

  transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -webkit-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -moz-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -ms-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pro_content3_b ul li:hover img {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);
}

.pro_content3_b ul li h3 {
  margin-left: 90px;

  font-size: 22px;

  padding: 5px 0 10px;
}

.pro_content3_b ul li h4 {
  margin-left: 90px;

  font-size: 16px;
}

/*发展历程*/

.progress_index {
  width: 1350px;

  margin: 0 auto;

  padding-top: 35px;

  height: 330px;

  position: relative;
}

.progress_index .progress_title {
  font-size: 26px;

  line-height: 1;

  font-weight: 400;

  color: #181818;

  text-align: center;
}

.progress_index .progress_line {
  width: 1350px;

  height: 5px;

  background: url(../img/progress_line.png) no-repeat;

  position: absolute;

  left: 0;

  bottom: 105px;
  background-position: center;
}

.progress_index .year {
  position: absolute;

  width: 66px;

  height: 96px;

  cursor: pointer;
}

.progress_index div.year:first-child {
  left: 50px;

  top: -46px;
}

.progress_index div.year:first-child+div.year {
  left: 227px;
  top: -46px;
}

.progress_index div.year:first-child+div.year+div.year {
  left: 435px;
  top: -46px;
}

.progress_index div.year:first-child+div.year+div.year+div.year {
  left: 643px;
  top: -46px;
}

.progress_index div.year:first-child+div.year+div.year+div.year+div.year {
  left: 850px;
  top: -46px;
}

.progress_index div.year:first-child+div.year+div.year+div.year+div.year+div.year {
  left: 1060px;
  top: -46px;
}

.progress_index div.year:first-child+div.year+div.year+div.year+div.year+div.year+div.year {
  left: 1240px;

  top: -46px;
}

.progress_index .point {
  position: absolute;

  width: 8px;

  height: 8px;

  border: 4px solid #008ada;

  border-radius: 50%;

  background: #fff;

  left: 25px;

  top: 39px;

  transition: all ease 0.3s;

  -webkit-transition: all ease 0.3s;

  box-sizing: content-box;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;
}

.progress_index .active .point {
  background: #008ada;

  /*background:linear-gradient(to bottom,#31d1eb,#3abffb);*/

  /*background:-webkit-linear-gradient(to bottom,#31d1eb,#3abffb);*/
}

.progress_index .active .point:before {
  content: '';

  display: block;

  width: 16px;

  height: 16px;

  position: absolute;

  border-radius: 50%;

  background: #cce8f8;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  animation: fadeOut 1.3s ease infinite;

  -webkit-animation: fadeOut 1.3s ease infinite;

  /*box-shadow:0 0 33px rgba(164,235,246,.3);*/
}

.progress_index .active .point:after {
  content: '';

  display: block;

  width: 16px;

  height: 16px;

  position: absolute;

  border-radius: 50%;

  background: #008ada;

  background: linear-gradient(to right, #008ada, #2096da);

  background: -webkit-linear-gradient(to right, #008ada, #2096da);

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);
}

.progress_index .num {
  font-size: 24px;

  line-height: 1;

  color: #008ada;

  display: block;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  text-align: center;
}

.progress_index .content {
  position: absolute;

  padding: 17px 13px;

  width: 400px;

  font-size: 14px;

  line-height: 26px;

  color: #fff;

  background: #008ada;

  text-indent: 2em;

  z-index: 7;

  border-radius: 5px;

  box-shadow: 0 4px 7px rgba(182, 225, 251, 1);

  cursor: default;

  left: -87px;

  bottom: 92px;

  opacity: 0;

  display: none;

  transition: all ease 0.3s;

  -webkit-transition: all ease 0.3s;

  box-sizing: content-box;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;
}

.progress_index .content p {
  font-size: 14px;

  line-height: 26px;

  color: #fff;
}

.progress_index .content:after {
  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  border-top: 15px solid #008ada;

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  left: 105px;

  bottom: -15px;
}

.progress_index .active .content {
  display: block;

  opacity: 1;
}

.progress_index .year_2007 .content {
  left: -102px;

  bottom: 92px;
}

.progress_index .year_2007 .content:after {
  left: 120px;

  bottom: -15px;
}

.progress_index .year_2016 .content {
  left: -322px;

  bottom: 92px;
}

.progress_index .year_2016 .content:after {
  left: 340px;

  bottom: -15px;
}

@keyframes fadeOut {
  0% {
    opacity: 1;

    width: 16px;

    height: 16px;
  }

  100% {
    opacity: 0.8;

    width: 32px;

    height: 32px;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;

    width: 16px;

    height: 16px;
  }

  100% {
    opacity: 0.8;

    width: 32px;

    height: 32px;
  }
}

@keyframes zoomInOut {
  0% {
    background-size: auto 100%;
  }

  50% {
    background-size: auto 110%;
  }

  100% {
    background-size: auto 100%;
  }
}

@-webkit-keyframes zoomInOut {
  0% {
    background-size: auto 100%;
  }

  50% {
    background-size: auto 110%;
  }

  100% {
    background-size: auto 100%;
  }
}

/*slideIn*/

@keyframes slideIn {
  0% {
    transform: translateY(-22%);

    -webkit-transform: translateY(-22%);

    -ms-transform: translateY(-22%);
  }

  100% {
    transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);
  }
}

@-webkit-keyframes slideIn {
  0% {
    transform: translateY(-22%);

    -webkit-transform: translateY(-22%);

    -ms-transform: translateY(-22%);
  }

  100% {
    transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);
  }
}

/*首页成功案例*/

.index_case {
  width: 100%;

  height: 544px;

  background-size: auto 100%;

  background-attachment: fixed;

  background-position: center;
}

.index_case .index_title_en {
  color: #fff;

  padding: 42px 0 35px;
}

.index_case .index_title_cn {
  color: #fff;

  line-height: 26px;

  margin-bottom: 10px;
}

.case_content .picScroll-left {
  width: 100%;

  overflow: hidden;

  position: relative;
}

.case_content .picScroll-left .bd .tempWrap {
  margin: 0 auto;

  width: 100%;
}

.case_content .picScroll-left .bd ul li {
  position: relative;

  float: left;

  _display: inline;

  overflow: hidden;

  text-align: center;

  width: 100%;

  height: 335px;

  overflow: hidden;
}

.case_content .hd {
  height: 15px;

  overflow: hidden;

  position: absolute;

  margin: auto;

  left: 0px;

  right: 0;

  width: 100px;

  bottom: 0;

  z-index: 1;
}

.case_content .hd ul {
  zoom: 1;

  float: left;
}

.case_content .hd ul li {
  width: 10px;

  height: 10px;

  border: 2px solid #ffffff;

  background-color: transparent;

  border-radius: 50%;

  margin: 0 auto;

  transition: 0.4s;

  cursor: pointer;

  opacity: 1;

  bottom: 0;

  float: left;

  margin: 0 5px;

  line-height: 9999px;
}

.case_content .hd ul li.on {
  background: #ffffff;

  color: #fff;

  border-color: #fff;
}

.index_case .num {
  position: absolute;

  overflow: hidden;

  border-radius: 9999px;
}

.index_case .num img {
  border-radius: 9999px;
}

.index_case .num a {
  position: absolute;

  width: 100%;

  height: 100%;

  margin: auto;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background: rgba(242, 128, 14, 0.64);

  border-radius: 9999px;

  display: block;

  font-size: 22px;

  color: #ffffff;

  text-align: center;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all 450ms ease-out 0s;

  -moz-transition: all 450ms ease-out 0s;

  -o-transition: all 450ms ease-out 0s;

  transition: all 450ms ease-out 0s;

  -webkit-transform: rotateY(180deg) scale(0.5, 0.5);

  -moz-transform: rotateY(180deg) scale(0.5, 0.5);

  -ms-transform: rotateY(180deg) scale(0.5, 0.5);

  -o-transform: rotateY(180deg) scale(0.5, 0.5);

  transform: rotateY(180deg) scale(0.5, 0.5);
}

.index_case .num:hover a {
  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: rotateY(0deg) scale(1, 1);

  -moz-transform: rotateY(0deg) scale(1, 1);

  -ms-transform: rotateY(0deg) scale(1, 1);

  -o-transform: rotateY(0deg) scale(1, 1);

  transform: rotateY(0deg) scale(1, 1);
}

.index_case .num1 {
  width: 130px;

  height: 130px;

  line-height: 130px;

  left: 15px;

  top: 50px;
}

.index_case .num2 {
  width: 120px;

  height: 120px;

  line-height: 120px;

  left: 235px;

  top: 0;
}

.index_case .num3 {
  width: 130px;

  height: 130px;

  line-height: 130px;

  left: 350px;

  top: 150px;
}

.index_case .num4 {
  width: 140px;

  height: 140px;

  line-height: 140px;

  left: 525px;

  top: 40px;
}

.index_case .num5 {
  width: 130px;

  height: 130px;

  line-height: 130px;

  right: 340px;

  top: 140px;
}

.index_case .num6 {
  width: 130px;

  height: 130px;

  line-height: 130px;

  right: 215px;

  top: 0;
}

.index_case .num7 {
  width: 110px;

  height: 110px;

  line-height: 110px;

  right: 40px;

  top: 125px;
}

/*首页新闻页面*/

.inde_news {
  width: 100%;

  height: 700px;

  background-size: auto 100%;

  background-position: center;

  box-sizing: border-box;

  padding: 50px 0 35px;
}

.inde_news .index_title_en {
  margin-bottom: 30px;
}

.inde_news .index_title_cn {
  width: 760px;

  margin: 0 auto 45px;
}

.news_content {
  width: 100%;

  height: 390px;
}

.news_lf {
  float: left;

  height: 100%;

  width: 595px;

  box-sizing: border-box;

  background-color: #fff;
}

.news_rt {
  float: right;

  height: 100%;

  width: 595px;
}

.news_lf .news_pic {
  width: 100%;

  height: 220px;

  overflow: hidden;
}

.news_lf .news_title {
  font-size: 18px;

  color: #4c4c4c;

  padding: 15px 0 0 30px;
}

.news_lf:hover {
  background: #3992de;
}

.news_lf a:hover .news_title,
.news_lf a:hover .news_date,
.news_lf a:hover .news_text {
  color: #fff;
}

.news_rt .news_title {
  font-size: 16px;

  color: #4c4c4c;

  padding: 0;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;
}

.news_date {
  font-size: 12px;

  color: #777777;
}

.news_lf .news_date {
  padding: 10px 0 20px 30px;
}

.news_rt .news_date {
  padding: 5px 0 10px 0;
}

.news_text {
  font-size: 14px;

  color: #444444;

  line-height: 26px;

  overflow: hidden;

  line-height: 20px;

  -webkit-line-clamp: 2;

  -moz-line-clamp: 2;

  -ms-line-clamp: 2;

  -o-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  -moz-box-orient: vertical;

  -ms-box-orient: vertical;

  -o-box-orient: vertical;

  box-orient: vertical;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-box;

  display: -o-box;

  display: box;

  word-break: break-all;
}

.news_lf .news_text {
  padding: 0 35px 0 30px;
}

.news_rt .news_text {
  padding: 10px 0 0 0;
}

.news_rt a {
  background: #fff;

  display: block;

  width: 100%;

  height: 120px;

  box-sizing: border-box;

  padding: 10px 30px 10px 10px;

  margin-bottom: 10px;

  transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;
}

.news_rt a .news_pic {
  width: 160px;

  height: 100%;

  overflow: hidden;

  float: left;

  margin-right: 15px;
}

.news_rt a .news_pic img,
.news_lf .news_pic img {
  transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news_rt a:hover .news_pic img,
.news_lf:hover .news_pic img {
  transform: scale(1.1);
}

.news_rt a:hover {
  background: #3992de;
}

.news_rt a:hover .news_title,
.news_rt a:hover .news_date,
.news_rt a:hover .news_text {
  color: #fff;
}

.newsbtn {
  display: block;

  margin: 25px auto 0;

  width: 150px;

  height: 40px;

  overflow: hidden;

  border: 1px solid #ccc;

  line-height: 40px;

  border-radius: 9999px;

  position: relative;

  font-size: 16px;
}

.newsbtn .i2 {
  position: absolute;

  left: 0px;

  top: 0px;

  width: 0%;

  height: 100%;

  display: block;

  background-color: #046dbe;

  transition: all 0.5s ease 0s;

  /*-webkit-transform: all 0.5s ease 0s;*/

  z-index: 1;
}

.newsbtn span {
  position: relative;

  text-align: center;

  z-index: 2;

  width: 100%;

  height: 100%;

  display: block;

  color: #737373;
}

.case_newsbtn {
  border: 1px solid #066fc0;
}

.case_newsbtn span {
  color: #066fc0;
}

.newsbtn:hover {
  border: 1px solid #046dbe;
}

.newsbtn:hover .i2 {
  width: 100%;
}

.newsbtn:hover span {
  color: #fff;
}

/*首页行业方案*/

.fanan {
  padding: 35px 0;

  background: #fafafa;
}

.fanan_con_l a {
  width: 130px;

  height: 130px;

  text-align: center;

  line-height: 130px;

  display: block;

  background: url(../img/fun_bg.png) center no-repeat;

  color: #a8a8a8;

  font-size: 16px;
}

.fanan .index_title_en {
  margin-bottom: 30px;
}

.fanan .index_title_cn {
  width: 800px;

  margin: 0 auto 45px;
}

.fanan_con_l a.current {
  background: url(../img/fan_cutbg.png) center no-repeat;

  color: #0678cb;
}

.fanan_con_l {
  float: left;

  width: 150px;
}

.fanan_con_r {
  float: right;

  width: 1050px;

  height: 416px;

  padding-top: 10px;
}

.fanan_tab {
  width: 100%;

  height: 100%;

  display: none;
}

.fanan_con_r .fanan_tab:first-child {
  display: block;
}

.fanan_tab .picScroll-left {
  width: 101%;

  overflow: hidden;

  position: relative;
}

.fanan_tab .picScroll-left .bd .tempWrap {
  margin: 0 auto;

  height: 416px;
}

.fanan_tab .picScroll-left .bd ul li {
  margin: 0 10px;

  float: left;

  _display: inline;

  overflow: hidden;

  text-align: center;

  width: 245px;

  height: 370px;

  overflow: hidden;

  border: 1px solid #e6e6e6;

  background-color: #fff;

  margin-bottom: 3px;

  transition: all 0.2s linear;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;
}

.fanan_tab .picScroll-left .bd ul li:hover {
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}

.fanan_tab .picScroll-left .bd ul li .fanan_pic {
  width: 100%;

  height: 170px;

  overflow: hidden;
}

.fanan_tab .picScroll-left .bd ul li .fanan_pic img {
  width: 100%;

  height: 100%;

  transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -webkit-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -moz-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  -ms-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fanan_tab .picScroll-left .bd ul li:hover .fanan_pic img {
  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);
}

.fanan_tab .picScroll-left .bd ul li h3 {
  padding: 25px 10px 20px;

  text-align: center;

  box-sizing: border-box;

  font-size: 18px;

  color: #4c4c4c;
}

.fanan_tab .picScroll-left .bd ul li p {
  box-sizing: border-box;

  padding: 0 10px;

  text-align: justify;

  font-size: 14px;

  color: #777777;

  line-height: 24px;
}

.fanan_tab .hd {
  height: 15px;

  overflow: hidden;

  position: absolute;

  margin: auto;

  left: 0px;

  right: 0;

  width: 100px;

  bottom: 0;

  z-index: 1;
}

.fanan_tab .hd ul {
  zoom: 1;

  float: left;
}

.fanan_tab .hd ul li {
  width: 14px;

  height: 14px;

  background-color: #cccccc;

  border-radius: 50%;

  margin: 0 auto;

  transition: 0.4s;

  cursor: pointer;

  opacity: 1;

  bottom: 0;

  float: left;

  margin: 0 3px;

  line-height: 9999px;
}

.fanan_tab .hd ul li.on {
  background: #008ada;

  color: #fff;

  border-radius: 9999px;

  width: 40px;

  height: 14px;
}

/*solution-datail开始*/

.sol_d_lunbo {
  width: 1324px;

  margin: 0 auto 70px;

  /*height:300px;*/

  position: relative;
}

.swiper-container {
  width: 1234px;

  margin: 0 auto;

  height: 300px;

  padding-top: 38px;
}

.sol_d_slide {
  display: block;

  width: 278px;

  height: 220px;

  margin: 0 auto;

  border: 1px solid #e6e6e6;

  position: relative;

  padding-left: 38px;

  padding-right: 38px;

  box-sizing: border-box;
}

.sol_d_slide_s1 {
  width: 100px;

  height: 76px;

  background: #f5f5f5;

  color: #ebb252;

  text-align: center;

  line-height: 76px;

  border-radius: 8px;

  position: absolute;

  left: 38px;

  top: -38px;
}

.sol_d_slide .sol_d_slide_s1 i {
  font-size: 46px;
}

.sol_d_slide .sol_d_slide_s2 {
  font-size: 24px;

  color: #ccc;

  position: absolute;

  right: 22px;

  top: 15px;
}

.sol_d_slide h4 {
  font-size: 18px;

  color: #0678cb;

  margin-top: 52px;

  line-height: 48px;
}

.sol_d_slide p {
  font-size: 14px;

  color: #808080;

  line-height: 26px;
}

.sol_d_slide_s3 {
  display: block;

  width: 80px;

  height: 34px;

  background: #f5f5f5;

  font-size: 14px;

  color: #b7b7b7;

  text-align: center;

  line-height: 34px;

  border-radius: 8px;

  position: absolute;

  left: 42px;

  bottom: -17px;
}

.sol_d_slide:hover .sol_d_slide_s1 {
  background: #287fc9;

  color: #fff;
}

.sol_d_slide:hover .sol_d_slide_s3 {
  background: #ebb252;

  color: #fff;
}

.swiper-slide {
  width: 278px;

  /*margin-left:13px;*/

  /*margin-right:13px;*/
}

.swiper-button-next {
  background-size: 80% 80%;

  right: -4px;
}

.swiper-button-prev {
  background-size: 80% 80%;

  left: -4px;
}

.btnleft3 {
  position: absolute;

  left: 0;

  margin-top: -48px;
}

.btnright3 {
  position: absolute;

  right: 0;
}

/*service开始*/

.ser_con_li {
  border: none;
}

.ser_content .ser_con {
  width: 1120px;
}

.ser_con .ser_con_ul {
  width: 1120px;
}

.ser_con .ser_con_ul .ser_con_li {
  /*width:279px;*/

  width: 24.93%;

  border-right: 1px solid #ccc;
}

.ser_con .ser_con_ul .ser_con_li_none {
  border: none;
}

.ser_title img {
  display: block;

  margin: 0 auto;

  margin-top: 70px;
}

/*实施流程hover样式开始*/

#pro-manage {
  margin-top: 50px;

  margin-bottom: 155px;
}

#pro-manage ul {
  width: 100%;

  height: 390px;

  overflow: auto;

  zoom: 1;
}

#pro-manage ul .pm-steps {
  width: 290px;

  height: 356px;

  border: 2px solid #045aae;

  padding: 10px;

  list-style: none;

  display: inline-block;

  position: relative;

  overflow: hidden;

  will-change: transform;

  box-sizing: border-box;

  background: #f2f2f2;
}

#pro-manage ul .pm-steps:hover {
  background: #fff;
}

#pro-manage ul .pm-steps .ser_ol_bg {
  background: #ffffff;

  /*background:orange;*/

  width: 267px;

  height: 270px;

  /*padding: 14px 27px 0 42px;*/

  padding-top: 14px;

  margin: 0 auto;
}

#pro-manage ul .pm-steps ol {
  /*list-style: 1;*/

  line-height: 40px;

  display: inline-block;

  margin: 0 auto;

  padding-left: 22px;
}

#pro-manage ul .pm-steps ol li {
  list-style: decimal;

  font-size: 16px;
}

#pro-manage .progressbar {
  margin-top: 28px;
}

#pro-manage .progressbar span {
  height: 60px;

  font-size: 18px;
}

.progressbar-second,
.progressbar-third,
.progressbar-four {
  margin-left: -50px;
}

.progressbar-first-s {
  background: url(../img/service_04.png) no-repeat;

  width: 324px;
}

.progressbar-second-s {
  background: url(../img/service_07.png) no-repeat;

  width: 355px;
}

.progressbar-third-s {
  background: url(../img/service_09.png) no-repeat;

  width: 350px;
}

.progressbar-four-s {
  background: url(../img/service_16.png) no-repeat;

  width: 320px;
}

.progressbar-first-h {
  background: url(../img/service_03.png) no-repeat;

  width: 324px;
}

.progressbar-second-h {
  background: url(../img/service_17.png) no-repeat;

  width: 355px;
}

.progressbar-third-h {
  background: url(../img/service_08.png) no-repeat;

  width: 350px;
}

.progressbar-four-h {
  background: url(../img/service_10.png) no-repeat;

  width: 320px;
}

.partialBorder {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 60;
}

.progressbar .show {
  display: block;
}

.progressbar .hidden {
  display: none;
}

.partialBorder {
  -webkit-transform: scale(0.5);

  -moz-transform: scale(0.5);

  -o-transform: scale(0.5);

  transform: scale(0.5);

  opacity: 0;
}

.partialBorder>div {
  position: absolute;

  height: 10%;

  width: 10%;

  border: 5px solid #045aae;
}

.partialBorder .leftTop {
  left: 0px;

  top: 0px;

  border-right: none;

  border-bottom: none;

  z-index: 3;
}

.partialBorder .rightTop {
  right: 0;

  top: 0;

  border-left: none;

  border-bottom: none;
}

.partialBorder .leftBot {
  left: 0;

  bottom: 0;

  border-right: none;

  border-top: none;
}

.partialBorder .rightBot {
  right: 0;

  bottom: 0;

  border-left: none;

  border-top: none;
}

.pm-steps :hover .contents {
  background: red;
}

.pm-steps :hover .second {
  border: 2px solid #c5d6e7;
}

.wh {
  color: white;
}

.tc {
  text-align: center;
}

.lh60 {
  line-height: 60px;
}

.dib {
  display: inline-block;
}

.l {
  float: left;
}

.ml13 {
  margin-left: 13.3px;
}

.pm-steps span {
  display: block;

  width: 100%;

  height: 50px;

  background: url('../img/ser-06.jpg') no-repeat center top;

  background-size: 100% 100%;

  font-size: 18px;

  font-weight: bold;

  color: #fff;

  text-align: center;

  line-height: 50px;
}

#pro-manage ul .pm-steps #ol_1 {
  padding-left: 110px;
}

#pro-manage ul .pm-steps #ol_2 {
  padding-left: 92px;
}

#pro-manage ul .pm-steps #ol_3 {
  padding-left: 72px;
}

#pro-manage ul .pm-steps #ol_4 {
  padding-left: 74px;
}

/*实施流程hover样式结束*/

/*service1开始*/

#ser_fangan .pro_ul_li_n {
  width: 199px;

  height: 110px;

  margin-right: 1px;

  background: #ebf0f5;

  box-sizing: border-box;
}

#ser_fangan .pro_ul_li_n:hover {
  background: url('../img/ser1-01.jpg') no-repeat center;
}

#ser_fangan .pro_ul_li_n:hover span {
  color: #fff;
}

#ser_fangan .pro_ul_li_n .fa_s1 {
  font-size: 36px;

  color: #999;

  display: block;

  text-align: center;

  padding: 0;

  width: 100%;

  height: 40px;

  line-height: 40px;

  margin-top: 20px;
}

#ser_fangan .pro_ul_li_n .fa_s2 {
  font-size: 18px;

  color: #999;

  display: block;

  text-align: center;

  padding: 0;

  width: 100%;

  height: 30px;

  line-height: 30px;
}

.ser1_fangan01_xq {
  overflow: hidden;

  width: 1200px;

  margin-left: -78px;

  margin-top: -170px;
}

.ser1_fangan01_xq_1 {
  float: left;

  width: 572px;

  height: 420px;

  margin-left: 16px;
}

.ser1_fangan01_xq_1 img {
  display: block;

  margin: 0 auto;

  width: 572px;

  height: 420px;
}

.ser1_fangan01_xq_2 {
  float: right;

  width: 562px;

  height: 420px;

  margin-right: 19px;
}

.ser1_fangan01_xq_2 h3 {
  font-size: 26px;

  line-height: 28px;

  color: #333;

  margin-top: 5px;

  margin-bottom: 5px;
}

.ser1_fangan01_xq_2 h4 {
  font-size: 16px;

  line-height: 28px;

  color: #0583df;

  margin-top: 15px;

  margin-bottom: 8px;
}

.ser1_fangan01_xq_2 p {
  font-size: 14px;

  line-height: 24px;

  color: #666;

  width: 100%;
}

.ser1_box {
  width: 1200px;

  height: 585px;

  margin-left: -40px;

  margin-bottom: 70px;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

#ser_fangan .pro_ul_li_n6 {
  margin-right: 0;

  width: 200px;
}

/*service1结束*/

.ser3_title p {
  width: 1120px;

  /*margin-left:-85px;*/

  font-size: 14px;

  color: #666;

  margin-top: 25px;
}

.ser3_lunbo_one {
  width: 1200px;

  height: 320px;

  position: relative;

  margin-left: -40px;
}

#ser3_lunbo1 {
  width: 1200px;
}

#ser3_lunbo1 .swiper-wrapper {
  width: 1200px;
}

#ser3_lunbo1 .swiper-wrapper .swiper-slide {
  width: 400px;

  height: 320px;
}

#ser3_lunbo1 .swiper-wrapper .swiper-slide img {
  width: 400px;

  height: 260px;
}

.btnleft1 img {
  /*position: absolute;*/

  /*left:0;*/

  z-index: 100;
}

.btnright1 img {
  /*position: absolute;*/

  /*right:0;*/

  z-index: 100;
}

.ser3_lunbo_two {
  width: 1340px;

  margin-left: -92px;

  position: relative;

  margin-bottom: 80px;

  /* height: 485px; */
}

#ser3_lunbo2 {
  width: 1226px;

  height: 100%;
}

#ser3_lunbo2 .swiper-wrapper {
  width: 1226px;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide {
  width: 280px;

  height: 100%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide img {
  width: 280px;
  object-fit: contain !important;
  height: 316px;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide h3 {
  width: 228px;
  font-size: 20px;
  color: #444;
  line-height: 54px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;


}

#ser3_lunbo2 .swiper-wrapper .swiper-slide .over-y {
  height: 210px;
  overflow-y: scroll;
  scrollbar-width: none;
  /* scrollbar-width: none; */
}

/* #ser3_lunbo2 .swiper-wrapper .swiper-slide .over-y */
#ser3_lunbo2 .swiper-wrapper .swiper-slide .over-y::-webkit-scrollbar {
  width: 0px;
  background-color: #fff;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide .over-y::-webkit-scrollbar-thumb {
  /* width: 1px; */
  background-color: #fff;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide h3 span {
  float: right;
  font-size: 16px;
  color: #444;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide p {
  width: 250px;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  /* overflow-y: scroll; */
  height: auto;
  margin: 0 auto;
}


#ser3_lunbo2 .swiper-wrapper .swiper-slide p::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide p::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide p::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.btnleft2 {
  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -27px;
}

.ser3_lunbo_two .btnright2 {
  position: absolute;

  right: 45px;

  top: 50%;

  margin-top: -27px;
}

#ser4_ul {
  width: 1314px;

  overflow: hidden;

  margin-top: 45px;
}

#ser4_ul li {
  float: left;

  width: 290px;

  height: 330px;

  margin-left: 6px;

  margin-right: 6px;

  background: url('../img/ser3-07.png') no-repeat center;
}

#ser4_ul li span {
  font-size: 50px;

  display: block;

  width: 100%;

  text-align: center;

  line-height: 83px;

  height: 80px;

  color: #666;
}

#ser4_ul li h3 {
  font-size: 20px;

  /*color:#444;*/

  text-align: center;

  margin-top: 30px;
}

#ser4_ul li p {
  font-size: 14px;

  line-height: 24px;

  color: #666;

  margin-top: 15px;

  width: 100%;

  padding-left: 18px;

  padding-right: 18px;

  box-sizing: border-box;
}

#ser4_ul li:hover {
  background: url('../img/ser3-06.png') no-repeat center;

  color: #fff;
}

#ser4_ul li:hover .ser4_ul_span1 {
  color: #fff;
}

#ser4_ul li:hover .ser4_ul_p1 {
  color: #fff;
}

#ser5_ul {
  overflow: hidden;

  width: 1214px;

  margin-bottom: 120px;

  margin-top: 32px;
}

#ser5_ul li {
  float: left;

  margin-left: 7px;

  margin-right: 7px;

  width: 390px;

  height: 200px;

  overflow: hidden;
}

#ser5_ul li a {
  display: block;

  width: 390px;

  height: 200px;

  position: relative;

  margin: 0 auto;

  overflow: hidden;
}

#ser5_ul li img {
  width: 390px;

  height: 200px;

  transition: all 0.6s;
}

#ser5_ul li span {
  font-size: 50px;

  color: #fff;

  position: absolute;

  left: 28px;

  top: 42px;
}

#ser5_ul li p {
  font-size: 18px;

  line-height: 36px;

  color: #fff;

  position: absolute;

  left: 28px;

  top: 140px;
}

#ser5_ul li:hover img {
  transform: scale(1.1);
}

/*news_d开始*/

.news_d_content {
  width: 1200px;

  margin: 0 auto;
}

.news_d_title {
  margin-top: 36px;
}

.news_d_title h3 {
  font-size: 30px;

  color: #444;

  text-align: center;
}

.news_d_title p {
  font-size: 14px;

  color: #8d8d8d;

  text-align: center;

  margin-top: 22px;
}

.news_d_title span {
  font-size: 14px;

  color: #8d8d8d;

  text-align: center;
}

.news_d_con {
  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  padding: 25px 110px;

  box-sizing: border-box;

  margin-top: 23px;
}

.news_d_con p {
  font-size: 14px;

  line-height: 26px;

  color: #666;

  text-indent: 30px;
}

.news_d_con img {
  display: block;

  margin: 40px auto 55px;
}

.news_d_fanye {
  box-sizing: border-box;

  padding: 22px 0 22px 110px;
}

.news_d_fanye a {
  display: block;

  line-height: 32px;

  color: #666;
}

.news_d_fanye a:hover {
  color: #0771c2;
}

/*news_d结束*/

/*公共尾部*/

.footer {
  width: 100%;

  height: 356px;

  background-size: auto 100%;

  background-position: center;

  box-sizing: border-box;

  padding-top: 35px;
}

.footer .container {
  position: relative;

  overflow: hidden;

  height: 100%;
}

.footer_l {
  float: left;

  width: 330px;
}

.footer_r {
  float: right;

  padding-top: 10px;

  box-sizing: border-box;

  /*padding-left: 75px;*/
}

.contact_text h1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);

  color: #fff;

  padding-bottom: 15px;
}

.contact_text h1 span:first-child {
  font-size: 24px;

  display: block;

  margin-bottom: 5px;
}

.contact_text h1 span:first-child+span {
  font-size: 12px;

  display: block;

  margin-bottom: 5px;
}

.contact_text p {
  font-size: 14px;

  margin: 20px 0 0;

  color: #fff;

  width: 100%;
}

.contact_text p img {
  width: 16px;

  vertical-align: middle;

  margin: 0 18px 5px 0;
}

.link {
  float: left;

  min-width: 80px;

  margin-right: 40px;
}

.footer_r .link:last-child {
  margin-right: 0;
}

.link a {
  display: block;

  color: #fff;

  cursor: pointer;
}

.link a:hover {
  color: #24445c;
}

.link_title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  padding-bottom: 10px;

  position: relative;
}

.link_title:after {
  content: '';

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 0;

  height: 1px;

  background: #3fc7ff;

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

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

  -o-transition: all 0.6s ease-in-out;
}

.link_title:hover:after {
  width: 100%;

  left: 0;

  right: 0;

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

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

  -o-transition: all 0.6s ease-in-out;
}

.link_title span {
  font-size: 18px;
}

.link_item {
  font-size: 14px;

  margin-top: 15px;
}

#link_ewm {
  width: 116px;
}

#link_ewm .ewm {
  display: block;

  margin: 0 auto;

  width: 116px;

  margin-bottom: 15px;

  /*width:116px;*/

  /*height:116px;*/
}

#link_ewm .ewm_wz {
  font-size: 12px;

  color: #fff;

  display: block;

  text-align: center;

  line-height: 24px;
}

.footer_btm {
  position: absolute;

  bottom: 20px;

  color: #fff;

  font-size: 12px;

  width: 100%;
}

.footer_btm strong {
  display: inline-block;

  margin-left: 35px;

  color: #fff;

  font-weight: normal;
}

.footer_btm strong a {
  color: #fff;
}

.footer_btm span {
  float: right;

  display: block;
}

/*about部分开始*/

/*about部分结束*/

/*三个图的轮播的样式开始*/

.memb_box {
  margin: 0 auto;

  /* overflow: hidden; */

  position: relative;

  width: 1200px !important;
}

.sw-ban5 {
  height: auto;

  width: 1200px !important;

  margin: 0 auto;

  position: relative;

  overflow: hidden;
}

.sw-ban5 .swiper-wrapper {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
}

.sw-ban5 .swiper-slide {

  /* width: 600px !important; */
  text-align: center;
  margin: 0;
}

.sw-ban5 .swiper-slide.swiper-slide-active {
  margin-left: 0;
}

.sw-ban5 .swiper-slide img {
  margin: 0;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  /* object-fit: fill; */
  /* width: auto;
  height: 380px; */
  margin-top: 30px;
}

.sw-ban5 .swiper-slide h3 {
  text-align: left;
  font-size: 20px;
  color: #333;
  margin: 0 30px;
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  word-break: break-word;
  align-items: center;
}

.sw-ban5 .swiper-slide h3 span {
  font-size: 16px;
  margin-left: 15px;
  flex: 1;
  text-align: left;
  display: block;
}

.sw-ban5 .swiper-slide .text {
  text-align: left;
  font-size: 14px;
  color: #666;
  margin: 0 30px;
  margin-top: 22px;
  line-height:26px;
}

.sw-ban5 .swiper-slide-active+.swiper-slide {
  z-index: 2;
}

/* .sw-ban5 .swiper-slide-active + .swiper-slide img {

  width: 600px;

  height: 374px;

  margin-left: -120px;

  margin-top: -20px;

  z-index:2;

} */

.sw-ban5 .swiper-slide-active+.swiper-slide+.swiper-slide {
  z-index: 1;
}

.sw-ban5 .swiper-slide-active+.swiper-slide+.swiper-slide img {
  margin-left: 0;

  z-index: 1;
}

.memb_box .btn5 {
  position: absolute;

  top: 190px;

  z-index: 5;
}

.memb_box .btnleft5 {
  left: -4.4%;
}

.memb_box .btnright5 {
  right: -4.4%;
}

/*三个图的轮播的样式结束*/

/*news新闻开始*/

.news_bg {
  background: #f7f7f7;

  padding-top: 60px;
}

#news_lists {
  width: 100%;

  margin: 0 auto 18px;

  padding-top: 40px;
}

#news_ul {
  overflow: hidden;

  width: 1220px;

  margin: 0 auto;
}

#news_ul li {
  width: 590px;

  height: 230px;

  float: left;

  position: relative;

  margin: 3px 10px 37px;
}

.news_ul_li_img {
  overflow: hidden;

  width: 280px;

  height: 176px;

  position: absolute;

  left: 0;

  top: 27px;

  z-index: 2;
}

.news_ul_li_img img {
  width: 280px;

  height: 176px;

  transition: all 0.6s;
}

.news_ul_li_info {
  width: 500px;

  height: 230px;

  background: #fff;

  padding-left: 212px;

  box-sizing: border-box;

  position: absolute;

  right: 0;

  top: 0;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;
}

.news_ul_li_info h4 {
  color: #0770c1;

  font-size: 18px;

  line-height: 26px;

  margin-top: 40px;
}

.news_ul_li_info span {
  font-size: 14px;

  color: #b2b2b2;

  line-height: 26px;

  margin-top: 10px;
}

.news_ul_li_info p {
  font-size: 14px;

  line-height: 24px;

  color: #666;

  width: 270px;

  height: 80px;

  overflow: hidden;

  white-space: normal;

  text-overflow: ellipsis;

  margin-top: 20px;
}

#news_ul li .news_xq {
  display: block;

  width: 80px;

  height: 34px;

  text-align: center;

  line-height: 34px;

  background: #eeb95d;

  color: #fff;

  font-size: 14px;

  position: absolute;

  right: 25px;

  top: 213px;

  border-radius: 8px;
}

#news_ul li:hover .news_ul_li_info {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

#news_ul li:hover .news_img {
  transform: scale(1.1);
}

/*news新闻结束*/

/*桌面qq*/

.index_qq {
  width: 95px;

  height: 153px;

  position: fixed;

  right: 0;

  top: 450px;
}

.index_qq a {
  display: block;

  margin: 0 auto;

  width: 95px;

  height: 153px;
}

.index_qq a img {
  display: block;

  margin: 0 auto;

  width: 95px;

  height: 153px;
}

/*联系我们样式开始*/

.contact_title img {
  display: block;

  margin: 43px auto;
}

.contact_lists {
  width: 1226px;

  margin: 0 auto;
}

.contact_lists ul {
  width: 1226px;

  margin: 0 auto;

  overflow: hidden;
}

.contact_lists ul li {
  float: left;

  width: 278px;

  height: 188px;

  border: 1px solid #ccc;

  margin-left: 13px;

  margin-right: 13px;

  transition: all 0.6s linear;

  -webkit-transition: all 0.6s linear;

  -moz-transition: all 0.6s linear;

  -ms-transition: all 0.6s linear;
}

.contact_lists ul li p {
  /*color:#666;*/

  text-align: center;
}

.contact_lists_p1 {
  color: #277ec8;

  font-size: 40px;

  margin-top: 28px;
}

.contact_lists_p2 {
  color: #666;

  font-size: 18px;

  margin-top: 3px;
}

.contact_lists_p3 {
  margin: 16px auto 0;

  display: block;

  background: #b3b3b3;

  width: 24px;

  height: 1px;
}

.contact_lists_p4 {
  color: #777;

  font-size: 14px;

  margin: 18px auto 0;

  width: 200px;

  display: block;

  line-height: 24px;
}

.contact_lists_p1,
.contact_lists_p2,
.contact_lists_p3,
.contact_lists_p4 {
  transition: all 0.6s linear;

  -webkit-transition: all 0.6s linear;

  -moz-transition: all 0.6s linear;

  -ms-transition: all 0.6s linear;
}

.contact_lists ul li:hover {
  background: url('../img/con-03.jpg') no-repeat center;
}

.contact_lists ul li:hover .contact_lists_p1,
.contact_lists ul li:hover .contact_lists_p2,
.contact_lists ul li:hover .contact_lists_p3,
.contact_lists ul li:hover .contact_lists_p4 {
  color: #fff;
}

.contact_lists ul li:hover .contact_lists_p3 {
  background: #fff;
}

.contact_map {
  width: 1200px;

  height: 400px;

  margin: 55px auto 50px;

  position: relative;
}

#map {
  width: 1200px;

  height: 400px;
}

.con_xq {
  width: 360px;

  height: 260px;

  background: #0771c2;

  border-radius: 5px;

  position: absolute;

  left: 650px;

  top: 40px;

  z-index: 2;

  color: #fff;

  padding-left: 30px;

  box-sizing: border-box;
}

.con_xq img {
  display: block;

  margin-top: 28px;
}

.con_xq p {
  font-size: 14px;

  line-height: 38px;
}

.con_xq p i {
  font-size: 20px;

  margin-right: 8px;

  line-height: 38px;

  vertical-align: middle;
}

/*联系我们样式结束*/

#ser_fangan .pro_ul_li_n.active_n {
  background: url('../img/ser1-01.jpg') no-repeat center;
}

#ser_fangan .pro_ul_li_n.active_n span {
  color: #fff;
}

/* 客户故事添加 */
.cases_ul {
  display: flex;
  justify-content: center;
}

.cases_ul li {
  padding-bottom: 16px;
  cursor: pointer;
  margin-right: 89px;
}

.cases_ul li a {
  display: block;
  font-size: 18px;
  color: #333333;
}

.cases_ul li:last-child {
  margin-right: 0;
}

.cases_ul li.active {
  border-bottom: 1px solid #157ac7;
}

.cases_ul li.active a {
  color: #157ac7;
}

.cases_son_ul {
  display: flex;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 70px;
}

.cases_son_ul li {
  padding: 8px 26px;
  background-color: #fff;
  border-radius: 20px;
  border: solid 1px #cccccc;
  margin-right: 64px;
  box-sizing: border-box;
}

.cases_son_ul li:last-child {
  margin-right: 0;
}

.cases_son_ul li a {
  display: block;
  color: #999999;
  font-size: 18px;
}

.cases_son_ul li.active {
  background-color: #157ac7;
  border: solid 1px #157ac7;
}

.cases_son_ul li.active a {
  color: #ffffff;
}














.about_ryzz {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 50px;
}

.about_ryzz .title .name {
  font-size: 30px;
  color: #157ac7;
  text-align: center;
}

.about_ryzz .swiper-container {
  height: 530px;
}

.about_ryzz .swiper-container .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  width: 1200px !important;
  padding: 0 110px;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: flex-start;
}

.about_ryzz .swiper-container .swiper-wrapper .swiper-slide .item {
  width: 300px;
  height: 385px;
  background-color: #f8f8f8;
  margin-right: 40px;
}

.about_ryzz .swiper-container .swiper-wrapper .swiper-slide .item:nth-child(3n) {
  margin-right: 0px;
}

.about_ryzz .swiper-container .swiper-wrapper .swiper-slide .img {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  /* margin: 0 auto; */
  /* margin-top: 70px; */
  justify-content: center;
}

.about_ryzz .swiper-container .swiper-wrapper .swiper-slide .img img {
  width: 100%;
  height: 95%;
  object-fit: contain;
}

.about_ryzz .swiper-container .swiper-wrapper .swiper-slide .text {
  margin: 20px 20px;
  /* margin-top: 60px; */
  font-size: 16px;
  color: #333;
  line-height: 26px;
  text-align: center;
  border-top: 1px solid #ddd;
}


























.ser3_lunbo_two_jieti {
  width: 100%;
  min-width: 1500px;
  /* height: 800px; */
  margin: 0 auto;
  position: relative;
  /* background: url('../img/20231106001.png') no-repeat center; */
  /* background-size: cover; */
}

.ser3_lunbo_two_jieti #ser3_lunbo2 {
  width: 1340px;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide {
  /* position: absolute; */
  top: 67%;
  /* left: 1%; */
}

#ser3_lunbo2 .swiper-wrapper .slide0 {
  top: 67%;
}

#ser3_lunbo2 .swiper-wrapper .slide1 {
  /* position: absolute; */
  top: 67%;
  /* left: 12%; */
}

#ser3_lunbo2 .swiper-wrapper .slide2 {
  /* position: absolute; */
  top: 38%;
  /* left: 12%; */
}

#ser3_lunbo2 .swiper-wrapper .slide3 {
  /* position: absolute; */
  top: 60%;
  /* left: 23%; */
}

#ser3_lunbo2 .swiper-wrapper .slide4 {
  /* position: absolute; */
  top: 33%;
  /* left: 32%; */
}

#ser3_lunbo2 .swiper-wrapper .slide5 {
  /* position: absolute; */
  top: 57%;
  /* left: 43%; */
}

#ser3_lunbo2 .swiper-wrapper .slide6 {
  /* position: absolute; */
  top: 27%;
  /* left: 54%; */
}

#ser3_lunbo2 .swiper-wrapper .slide7 {
  /* position: absolute; */
  top: 50%;
  /* left: 65%; */
}

#ser3_lunbo2 .swiper-wrapper .slide8 {
  /* position: absolute; */
  top: 17%;
  /* left: 78%; */
}

#ser3_lunbo2 .swiper-wrapper .slide9 {
  /* position: absolute; */
  top: 40%;
  /* left: 91%; */
}


#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(1) {
  top: 67%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(2) {
  top: 38%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(3) {
  top: 60%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(4) {
  top: 33%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(5) {
  top: 57%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(6) {
  top: 27%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(7) {
  top: 50%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(8) {
  top: 17%;
}

#ser3_lunbo2 .swiper-wrapper .swiper-slide:nth-child(9) {
  top: 40%;
}

.ser3_lunbo_two_jieti .swiper-button-prev {
  width: auto;
  height: auto;
  left: 5%;
  background-image: none;
}

.ser3_lunbo_two_jieti .swiper-button-next {
  right: 5%;
  transform: rotate(180deg);
  width: auto;
  height: auto;
}

.ser3_lunbo_two_jieti .swiper-button-next>img {
  transform: rotate(180deg);
}

.comyent_jieti {
  word-break: break-all;
}

.mb10 {
  margin-bottom: 10px;
}

.size24 {
  font-size: 24px;
}

.actifontcolor {
  color: #168cd7;
}

/* .comyent_jieti {
    position: relative;
    display: inline-block;
  }
  .comyent_jieti:hover::after {
    content: attr(data-tip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 0.5em 0.8em;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999;
  } */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev {
  background-size: 80% 80%;
  left: -4px;
}

.swiper-button-next {
  background-size: 80% 80%;
  right: -4px;
  transform: rotate(180deg);
}

.courseBox {
  width: 1300px;
  margin: 50px auto;
  padding-top: 70px;
}

.courseBox .title {
  /* width: 471px; */
  height: 27px;
  font-family: PingFangSC-Regular;
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
}

.courseBox .course {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 160px;
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  overflow-x: auto;
  overflow-y: hidden;
}

.courseBox .course .itemBox {
  position: relative;
}

.courseBox .course .itemBox .item {
  width: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.courseBox .course .itemBox .item .tiemIcon {
  width: 18px;
  height: 18px;
  border: solid 4px #018ada;
  border-radius: 50%;
  background: #fff;
  margin: 0px 10px;
  cursor: pointer;
}

.courseBox .course .itemBox .item .iconAction {
  width: 18px;
  height: 18px;
  border: solid 4px #bfe7fd;
  border-radius: 50%;
  background: #018ada;
}

.courseBox .course .itemBox .item .name {
  margin-top: 28px;
  height: 19px;
  font-family: PingFangSC-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #018ada;
}

.courseBox .course .itemBox .showDetails {
  /* opacity: 0; */
  position: absolute;
  display: none;
  /* left: -77px;
      top: -135px;
      width: 426px;
      height: 137px;
      padding: 25px 60px 30px 30px;
      background-image: url('./static/img/8.png');
          background-size: 80% 70%;
      background-repeat: no-repeat;
      color: #fff;
      overflow: hidden; */
  left: -52px;
  top: -135px;
  width: 280px;
  height: 137px;
  padding: 25px 60px 30px 16px;
  background-image: url('./static/img/8.png');
  background-size: 77% 70%;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
}

.courseBox .course .itemBox .showDetails .txtBox {
  width: 80%;
  padding: 0 10px;
  height: 55%;
  /* overflow-y: auto; */
  overflow: hidden;
}

.courseBox .course .itemBox .opacity {
  /* opacity: 1; */
  display: block;
}

.courseBox .course .line {
  width: 145px;
  height: 1px;
  background-color: #0578c9;
  margin-top: 9px;
}

.courseBox .course .line:last-child {
  display: none;
}

.courseBox .course .itemBox .opacity {
  /* opacity: 1; */
  display: block;
}

.courseBox .course .itemBox:nth-last-child(2) .showDetails {
  transform: rotateY(180deg);
  left: -244px;
}

.courseBox .course .itemBox:nth-last-child(2) .showDetails .txtBox {
  transform: rotateY(180deg);
}






















.index .story {
  width: 100%;
  min-width: 1200px;
  position: relative;
}

.index .story .bg {
  background: #f0f0f0;
  padding-top: 70px;
  padding-bottom: 130px;
  overflow: hidden;
  position: relative;
}

.index .story .bg .swiper-button-next {
  top: 50px;
  right: 30px;
}

.index .story .bg .swiper-button-prev {
  top: 50px;
  left: 30px;
}

.index .story .bg .swiper-container4 {
  width: 1000px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
}

.index .story .bg .swiper-container4 .swiper-slide {
  width: calc((100% - 40px) / 5) !important;
  height: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 100px;
}

.index .story .bg .swiper-container4 .active2 {
  border-bottom: 3px solid #018ada;
}

.index .story .bg .swiper-container4 .swiper-slide img {
  /* max-width: 146px !important;
  max-height: 36px; */
  height: 100%;
  width: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}

.index .story .bg .box2 .swiper-slide {
  background-image: url("../img/4.png");
  background-size: 100% 100%;
  width: 1200px;
  height: 600px;
  padding: 0 100px;
  color: #fff;
  font-size: 16px;
}

.index .story .bg .box2 .swiper-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: #000;
  opacity: 0.2;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.index .story .bg .box2 .swiper-slide .name {
  position: relative;
  font-size: 26px;
  padding-top: 77px;
  z-index: 5;
}

.index .story .bg .box2 .swiper-slide .text {
  position: relative;
  margin-top: 48px;
  z-index: 5;
}

.index .story .bg .box2 .swiper-slide .type {
  position: relative;
  margin-top: 50px;
  z-index: 5;
}

.index .story .bg .box2 .swiper-slide .btn {
  position: relative;
  color: #fff;
  width: 140px;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #ffffff;
  margin-top: 127px;
  margin-left: 0;
text-align:center;
  z-index: 5;
}

.index .story .bg .box {
  width: 1200px;
  background-color: #f8f8f8;
  margin: 0 auto;
  margin-top: 45px;
  overflow: hidden;
  position: relative;
  /* padding:20px 0; */
}

.index .story .bg .box2 {
  width: 1200px;
  height: 600px;
  margin: 0 auto;
  margin-top: 45px;
  overflow: hidden;
  position: relative;
}

.index .story .title {
  width: 1200px;
  height: 29px;
  font-family: PingFangSC-Semibold;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
}

/* .index .story .storyBody {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 40px;
}
.index .story .storyBody .leftNav {
  width: 20%;
}
.index .story .storyBody .leftNav .nav {
  width: 100%;
  height: 465px;
  background-color: rgba(255, 255, 255, 0.3);
  padding-top: 20px;
}
.index .story .storyBody .leftNav .nav .storyItem {
  width: 100%;
  padding: 5px 30px;
  margin: 20px 0px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  letter-spacing: 0px;
  color: #fff;
  cursor: pointer;
}
.index .story .storyBody .leftNav .nav .action {
  border-left: 2px solid #0578c9;
}
.index .story .storyBody .rightDetails {
  width: 80%;
  padding-left: 90px;
}
.index .story .storyBody .rightDetails .name {
  font-family: PingFangSC-Medium;
  font-size: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 74px;
}
.index .story .storyBody .rightDetails .txt {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 50px;
}
.index .story .storyBody .rightDetails .txt2 {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 48px;
}
.index .story .storyBody .rightDetails .btn {
  display: inline !important;
  width: 140px;
  height: 40px;
  line-height: 38px;
  padding: 10px 30px;
  margin: 0px !important;
  text-indent: 0px !important;
  font-size: 16px;
  text-align: center;
  border-radius: 6px !important;
  border: solid 1px #ffffff !important;
  color: #ffffff;
}
.index .story .storyBody .rightDetails .logo {
  margin-top: 50px;
  display: flex;
  flex-wrap: nowrap;
}
.index .story .storyBody .rightDetails .logo .item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 87px;
  background: rgba(243, 243, 243, 0.418);
}
.index .story .storyBody .rightDetails .logo .action {
  background: rgba(243, 243, 243, 0.767);
} */





.lsjc_title {
  font-size: 30px;
  color: #157ac7;
  text-align: center;
  padding: 50px 0;

}

.about_lsjc {
  background-color: #f8f8f8;
  height: 700px;
  position: relative;

}

.about_lsjc::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  border: 4px solid #0578c9;
  left: calc(50% - 8px);
  top: 55%;
  z-index: 20;
}


.about_lsjc::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  border: 4px solid #0578c9;
  left: calc(50% - 8px);
  top: 78%;
  z-index: 20;
}

.about_lsjc .swipe-lsjc {
  width: 1200px !important;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
  padding-bottom: 50px;
  height: 62%;
  overflow-y:auto;
  scrollbar-width: none;
}

.about_lsjc .swipe-lsjc::-webkit-scrollbar-thumb {

    width:0px;
    display: none; 
}

.about_lsjc .swipe-lsjc::-webkit-scrollbar{
  width:0px;
  display: none; 
}
.swipe-lsjc .swiper-slide {
  /* position: relative; */
  position: relative;
  height: auto !important;
  display: flex;
  justify-content: space-between;
  /* width: 45% !important; */
}

.swipe-lsjc .swiper-slide .item{
  width:48%;
  background:#e9e5e5;
  box-shadow: 1px 1px 4px #72747791;
  }
.swipe-lsjc .swiper-slide:nth-child(odd) .item{
text-align:right;
}
.swipe-lsjc .swiper-slide:nth-child(even) {
  justify-content:flex-end;
}

.swipe-lsjc::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  border: 4px solid #0578c9;
  left: calc(50% - 8px);
  top: 81px;
  z-index: 20;
}

.about_lsjc .swipe-lsjc .swiper-wrapper {
  display: flex;
  justify-content: start;
  position: relative;
  flex-direction: column;
}

.about_lsjc .swipe-lsjc::after {

}

.size24_about {
  font-size: 24px;
  color: #0578c9;
  padding: 10px;
}

.about_lslc_centeres {
  font-size: 16px;
  color: #666;
  /* width: 80%; */
  padding: 10px;
  max-height: 90px;
  line-height: 24px;
  min-height: 90px;
  overflow-y:auto;
}

.about_lslc_centeres::-webkit-scrollbar-thumb {
    background-color:#0578c9;
}


.about_lslc_centeres::-webkit-scrollbar{
  width:7px:
}


.about_lsjc .lsjc_jt::after{
     content: "";
    display: block;
    width: 2px;
    height: 75%;
    background-color: #2b79cc;
    position: absolute;
    left: 50%;
    top: 19%;
}
.about_lsjc .lsjc_jt .js_top{
 


    position: absolute;
    top: 15%;
    left:calc(50% - 7px);
       width: 12px;
    /* height: 28px; */
    
    transform:rotate(-90deg)

}
.about_lsjc .lsjc_jt .js_top img{
width: 100%;
    height: 100%;
    object-fit: contain
}



.about_lsjc .lsjc_jt .js_bot {
  position: absolute;
    bottom: 1%;
    left:calc(50% - 4px);
       width: 12px;
    /* height: 28px; */
    transform: rotate(90deg);

}

.about_lsjc .lsjc_jt .js_bot img{
  width: 100%;
    height: 100%;
    object-fit: contain
}