.f16{
    font-size: 16px !important;
}
.f18{
    font-size: 18px !important;
}
/* 导航 */
#navbar2 .dropdown:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.x-sub-menu {
    position: absolute;
    z-index: 999;
    width: 150%;
    left: -25%;
    top:100px;
    background: rgba(255, 255, 255, .95);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 4px 0;
}

.x-sub-menu > li > a {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    padding: .5em;
}

.x-sub-menu > li > a:hover {
    /* background: #0050a7; */
    color:#213A96;
    font-weight: 600;
}
.dropdown .k2 {
    font-size: 20px;
    color: #ffffff;
    background: url(../images/252a12903bde57157a32935183e835382193e44f.png) no-repeat left center;
    padding-left: 35px;
    font-weight: bold;
    font-family: zi;
}
.navbar-pc-div .navbar-pc1.active, .navbar-pc-div:hover .navbar-pc1{
    background: #ffffff;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}
.navbar-pc-div .navbar-pc1.active .navbar-nav>li>a, .navbar-pc-div:hover .navbar-nav>li>a {
    color: #333333;
}
.navbar-pc-div .navbar-pc1.active .dropdown .k2, .navbar-pc-div:hover .dropdown .k2{
    background: url(../images/d383ecb72d989ca8730a73b55f5de69213da1080.png) no-repeat left center;
    color: #333333;
}
/* 解决方案 */
.flexf{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sysj li{display: flex;width:33%;color:#fff;}
.sysj li .wz{font-size:40px;line-height:1.1;text-align: center;font-weight: bold;}
.sysj li sup{color:#fffffff;font-size:22px;width:23px;text-align:center;height:23px;line-height:25px;font-style:normal;display:inline-block;top:-20px;}
.sysj li .wz2{color:#fff;font-size:18px;text-align: center;}
.sysj li .div1 img{margin-top: 10px;width: 75%;}

/* 工程案例 */
.flexBetween {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.index_news{
    padding: 50px 0 20px;
}
.index_news .banner{
    margin-top: 30px;
}
.index_news .box .banner .swiper-container {
  padding: 10px;
}
.index_news .box .banner .swiper-slide .item {
  display: block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: #f3f3f3;
}
.index_news .box .banner .swiper-slide .item .content0 {
  overflow: hidden;
}
.index_news .box .banner .swiper-slide .item .content0 img {
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.index_news .box .banner .swiper-slide .item .content1 {
  padding: 0.25rem 0.2rem;
  text-align: center;
}
.index_news .box .banner .swiper-slide .item .content2 span {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #dadada;
  margin: 15px 0px 10px;
}
.index_news .box .banner .swiper-slide .item .content3 {
  margin-top: 0.24rem;
  color: #000;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
    font-size: 18px;
    margin-top: 15px;
}
.index_news .box .banner .swiper-slide .item .content4 .p2{
    font-size: 14px;
    color: #666666;
    margin-bottom: 5px;
}
.index_news .box .banner .swiper-slide .item:hover {
  -webkit-box-shadow: 0px 0px 12px #eee;
  box-shadow: 0px 0px 12px #eee;
}
.index_news .box .banner .swiper-slide .item:hover .content0 img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.index_news .box .controls {
  margin-bottom: 0.54rem;
  margin-top: 20px;
}
.index_news .box .controls .prog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
}
.index_news .box .controls .progressbar {
  position: relative;
  height: 7px;
  background: url(../images/bg1.png) repeat-x;
  width: 100%;
}
.index_news .box .controls .progressbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: url(../images/bg2.png) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.index_news .box .controls .button {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.index_news .box .controls .button path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.index_news .box .controls .button:hover path {
  stroke: #073190;
  opacity: 1;
}

/* 优势 */
.yous{overflow: hidden;}
.yous .yous-con{padding-bottom: 62px;position: relative;margin-top: 25px;}
.yous .yous-bd dl{display: flex;justify-content: center;}
.yous .yous-bd dt{flex: 0 0 1092px;height: 738px;}
.yous .yous-bd dd{flex: 0 0 828px;height: 625px;padding: 0 170px 0 60px;box-sizing: border-box;background: url(/style/index/images/ys-bg.jpg) no-repeat;}
.yous .yous-bd dd h3{padding: 60px 0 0;height: 270px;box-sizing: border-box;font-weight: normal;position: relative;}
.yous .yous-bd dd h3 i{display: block;font-size: 65px;color: #fff;line-height: 97px;opacity: 0.55;font-style: normal;}
.yous .yous-bd dd h3 b{display: block;font-size: 28px;color: #fff;line-height: 38px;padding-top: 24px;}
.yous .yous-bd dd h3::after{position: absolute;left: 0;bottom: 0;width: 150px;height: 3px;content: "";background: #fff;}
.yous .yous-bd dd .ys-desc{font-size: 16px;color: #fff;line-height: 42px;margin: 40px 0 0;height: 210px;}
.yous .yous-bd dd .zx{display: block;width: 160px;height: 55px;line-height: 55px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;box-sizing: border-box;transition: all 0.3s;}
.yous .yous-bd dd .zx:hover{background: #fff;color: #0050a7;font-weight: bold;}
.yous .ys-tab{position: absolute;bottom: 0;z-index: 10;width: 100%;}
.yous .ys-tab ul{display: flex;}
.yous .ys-tab li{width: 20%;height: 175px;background: #fff;display: flex;justify-content: center;align-items: center;border-right: 1px solid #DCDCDC;box-sizing: border-box;transition: all 0.3s;}
.yous .ys-tab li i{font-size: 50px;color: #D2D2D2;margin-right: 1.56vw;font-style: normal;transition: all 0.3s;}
.yous .ys-tab li p{font-size: 20px;color: #222;line-height: 42px;font-weight: bold;transition: all 0.3s;}
.yous .ys-tab li:last-child{border: 0;}
.yous .ys-tab li.on{background: #0050a7;border-color: #0050a7;}
.yous .ys-tab li.on i{color: rgba(255, 255, 255, 0.55);}
.yous .ys-tab li.on p{color: #fff;}

/* 服务流程 */
.lclist {
    margin: 4.427vw 0 5.2vw;
}
.flexf {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section7{background: url(../images/bf5b7bf65a89b347a763069f2f2c3ab3003377df.jpg) no-repeat;background-size:cover;padding: 30px 0 100px;}
.box7{padding-top:3vw;}
.box7 .sybt .wz{color:#000000;text-align: center;font-weight: bold;}
.box7 .sybt .wz2{color:#666666;}
.lclist{margin:4.427vw 0 5.2vw;}
.lclist li{border-radius: 10px;background-color: rgb(255, 255, 255);width:11.47%;box-shadow:0 0 8px #ecf0f3;text-align:center;padding:36px 0 30px;cursor: pointer;}
.lclist li .img{display:block;}
.lclist li .img2{display:none;}
.lclist li .wz{color:#555555;font-size:17px;line-height:24px;margin-top:10px;}
.lclist li:hover{background:#0050a7;box-shadow:none;}
.lclist li:hover .img{display:none;}
.lclist li:hover .img2{display:block;}
.lclist li:hover .wz{color:#fff;}
.lccont{width:640px;margin:0 auto;}
.rx{background-color: rgb(255, 255, 255);width:424px;line-height:58px;border-radius:30px;box-shadow: 0 0 12px rgba(0,0,0,0.05);}
.rx .wz{color:#fff;font-size:18px;text-align:center;width: 174px;border-radius:30px;background:#0050a7;}
.rx .wz2{color:#0050a7;font-size:30px;text-align:center;width:250px;font-family:zi;}
a.zxmo{border:1px solid #0050a7;width:170px;line-height:58px;border-radius:30px;display: flex;justify-content: center;flex-wrap:wrap;align-items: center;color:#0050a7;font-size:18px;font-weight:bold;}
a.zxmo img{margin-right:11px;}
a.zxmo:hover{background:#fff;}

/* 新闻 */
.g_news {
    padding-top: 50px;
    margin-bottom: 70px;
}
.g_news .newtit {
    overflow: hidden
}
.g_news .newtit h2 {
    float: left;
    width: 76%
}
.g_news .newtit h2 b {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #111519;
    display: block;
    font-weight: 700
}
.g_news .newtit h2 em {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    color: #111519;
    display: block;
    position: relative;
    padding-left: 5px
}
.g_news .newtit h2 em:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #194c7f;
    left: 0;
    top: 50%;
    margin-top: -1px
}
.g_news .newtit .content1 {
    display: flex;
    justify-content: space-between;
}
.g_news .newtit .newstab {
    /*float: right;*/
    width: 24%
}
.g_news .newtit .newstab li a {
    display: block;
    float: left;
    width: 50%;
    position: relative;
    padding-top: 3px;
    padding-left: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.g_news .newtit .newstab li a b {
    font-size: 18px;
    color: #111519;
    display: block;
    margin-bottom: 10px;
}
.g_news .newtit .newstab li a em {
    color: rgba(17,21,25,.5);
    display: block;
    margin-bottom: 20px;
    margin-top: 5px;
}
.g_news .newtit .newstab li a i {
    width: 20px;
    display: none
}
.g_news .newtit .newstab li a i img {
    width: 100%;
    display: block
}
.g_news .newtit .newstab li a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100px;
    background: #999;
    left: -18px;
    top: 0;
}
.g_news .newtit .newstab .active a b {
    color: #01307e;
    font-weight: 700
}
.g_news .newtit .newstab .active a i {
    display: block
}
.g_news .js-swiper-tab {
    overflow: hidden;
    padding-top: 30px;
}
/*.g_news .newscon{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}*/
.g_news .js-swiper-tab dl {
    width: 31.333%;
    float: left;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 1%;
}
.g_news .js-swiper-tab dl dt {
    width: 100%;
    overflow: hidden;
}
.g_news .js-swiper-tab dl dt img {
    width: 100%;
    display: block;
    transition: all .3s linear 0s
}
.g_news .js-swiper-tab dl dd h4 a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 15px;
}
.g_news .js-swiper-tab dl dd em {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    color: #666;
    text-align: center;
    margin-bottom: 10px;
    font-style: normal;
}
.g_news .js-swiper-tab dl dd p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 25px;
    margin-top: 25px;
}
.g_news .js-swiper-tab dl dd span a {
    display: block;
    width: 135px;
    height: 35px;
    background: #01307e;
    border-radius: 30px;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    color: #fff
}
.g_news .js-swiper-tab dl dd span a:before {
    content: "";
    position: absolute;
    background: url(../images/newbtn.png) no-repeat;
    background-size: 18px 5px;
    width: 16px;
    height: 5px;
    right: 25px;
    top: 50%;
    margin-top: -3px
}
.g_news .js-swiper-tab .cur,.g_news .js-swiper-tab dl:hover {
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.09);
    border: 1px solid #f7f7f7;
    border-bottom: 2px solid #ea5505;

}
.g_news .js-swiper-tab .cur dt img,.g_news .js-swiper-tab dl:hover dt img {
    transform: scale(1.1)
}
.g_news .js-swiper-tab .cur dd span a,.g_news .js-swiper-tab dl:hover dd span a {
    background: #ea5505
}

.mbx{
    position: absolute;
    margin-top: -45px;
    color: #ffffff;
}
.mbx span{
    color: #ffffff;
}
.mbx a{
    display: inline-block;
    color: #ffffff;
}

/* 工程案例 */
.business_list .pu_text{
    margin: 50px 0;
}
.relate-product .owl-carousel .owl-stage{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 10px;
}

/* 移动端适配 */
@media (min-width: 1201px) {
    .index_banner .toggle{
      bottom: 5%;
    }
}
@media (max-width: 768px) {
   .sysj li .wz {font-size: 20px;}
   .sysj li .wz2 {font-size: 12px;}
   .sysj li .div1 {text-align: center;}
   .sysj li .div1 img {display: inline-block;width: 60%;}
   .sysj li{width: auto}
   .sysj li sup {font-size: 14px;top: -10px;}

   .yous-wap{padding: 0 0 50px;}
   .yous-wap .yous-bd{position: relative;}
   .yous-wap .yous-bd dd{padding: 0 5px 10px;}
   .yous-wap .yous-bd dd h3{display: block;font-size: 14px;color: #222;font-weight: bold;margin: 20px 15px 10px;}
   .yous-wap .yous-bd dd .ys-desc{font-size: 14px;color: #222;margin: 0 15px;}

   .yous-wap .ys-tab{display: flex;flex-wrap: wrap;gap: 1px;padding: 0 5px;}
   .yous-wap .ys-tab li{width: calc((100% - 10px) / 2);height: 60px;background: #EDF0F5;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #222;text-align: center;}
   .yous-wap .ys-tab li.on{background: #173FB8;color: #fff;}

   .lclist {margin-right: 15px;margin-left: 15px;}
   .lclist li{ width:45%;padding: 10px 0;margin-bottom:10px; }
   .lclist li .wz{ font-size: 14px;line-height: 19px; }
   
   .lccont{ width: auto; }
   .rx .wz2{ width: 100%; text-align:center;background: #0050a7;color: #ffffff;border-radius: 30px; }
   .g_news{ margin-bottom: 30px; }

   .g_news .js-swiper-tab dl{ width: 100%; }

   .navbar-mobile{ background: #ffff; }
   .navbar-mobile.navbar-default .navbar-nav>li>a { color:#333333;line-height: 40px;border-bottom: 1px solid #ddd; }
   .index_banner .toggle{ margin-bottom:10px;bottom: 60%; }

   .index_advantage .ge_top .le_box .content2{ margin: 25px 0 35px; }
}