@charset "utf-8";

html, body {
  height: 100%;
  color: #2F2F2F;
}

html {
  font-size: 100px;
  scroll-behavior: smooth
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.no-Scroll {
  height: 100%;
  overflow: hidden;
}

section, article, main, time, div, ul, li, dl, dt, dd, a, p, span, img {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /* Firefox */
  box-sizing: border-box;
}

img, a {
  display: block;
  outline: none;
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5{margin: 0;padding: 0;}
.fix-body {
  padding-top: 0.96rem;
}

.irs {
  max-width: 100%;
  margin: 0 auto;
}
.bws {
  background-color: #FFF;
}

a {
  transition: color 0.3s;
}

a:link, a:visited {
  color: #2F2F2F;
  text-decoration: none;
}

a:hover, a:active {
  color: #002fa7;
  outline: none;
}

.eps {
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.eps2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.eps3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cls {
  overflow: hidden;
  clear: both;
}

.trans {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.trans.deep, .trans.deep * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

[v-cloak] {
  display: none !important;
}

.t-gray {
  color: #AAAAAA;
}

.t-yellow {
  color: #ED6D00;
}

.t-blue {
  color: #ba1e34;
}

.wrapper {
  width: 100%;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.wap-wrapper {
  clear: both;
  overflow: hidden;
}

.flex {
  display: flex;
}

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

.flex.y-m {
  align-items: center;
}

.flex.column {
  flex-direction: column;
}

.visible-xs {
  display: none;
}

.hidden-xs {
  display: block;
}
input,select,button,textarea{outline: none;border: none;padding: 0;}
.icon { display: block; width: 100%; height: 100%;}
/* common header */
.w1600{width: 1600px;margin: 0 auto;}
#header{padding: 20px 0;position: fixed;width: 100%;top: 0;left: 0;z-index: 100;background: #fff;}
.banner,.about1,.product1,.service1,.contact1{margin-top: 108px;}
.head,.head .logo a{display: flex;justify-content: space-between;align-items: center;}
.logo h2{color: #515662;font-size: 17px;font-weight: normal;margin-left: 18px;}
.logo h2 b{color:#1d2355;font-size: 22px;display: block;padding-bottom: 4px;}
.menus ul{display: flex;justify-content: space-between;align-items: center;}
.menus li a{color: #333;font-size: 18px;display: block;position: relative;padding:10px;}
.menus li a::after{content: "";display: none;position: absolute;width: 100%;left: 0;bottom: -10px;height: 2px;background: #0146bf;}
.menus li a:hover,.menus li a.on{color: #0146bf;}
.menus li a.on::after,.menus li a:hover::after{display: block;}
.menus{width: 50%;}
.links{width: 23%;display: flex;justify-content: space-between;align-items: center;}
.links a{border-radius: 10px;color:#489c3f;font-size:18px;display: inline-block;}
.links a.yuyan{color: #333;padding:5px;margin-left: 25px;background: #0146bf;
    border-radius: 0;
    color: #fff;
    text-align: center;}
.links a em{display: block;font-style: normal;}
.banner{position: relative;background-size: cover;padding-bottom: 20px;background-position: right center;}
.banner .conts{position: relative;}
.banner .text1{padding-top: 80px;}
.banner h3{position: relative;color: #0146bf;font-size: 18px;}
.banner h3 i{display: inline-block;margin: 0 6px;width: 3px;height: 3px;border-radius: 50%;background: #0146bf;position: relative;top: -5px;}
.banner h4{color: #0146bf;font-size: 48px;position: relative;padding:16px 0 25px 0;}
.banner h4 span{display: block;color: #489c3f;}
.banner h4::after{content: "";width: 55px;height: 3px;background: #489c3f;display: block;position: absolute;left: 0;bottom: 0;}
.banner .text1 p{color: #333;font-size: 18px;line-height: 36px;padding: 20px 0;}
.banner .map{position: absolute;right:13%;top: 20px;}
.anniu{display: flex;}
.anniu a{display: flex;height: 50px;border: 1px solid #0146bf;border-radius: 10px;align-items: center;justify-content: center;font-size: 16px;margin-right: 18px;transition: all 0.5s;}
.anniu a:hover{transform: translateY(-5px);}
.anniu a.a1{width: 180px;background: #0146bf;color: #fff;}
.anniu a.a2{width:212px;background: #fff;color: #0146bf;}
.anniu a span{display: inline-block;padding-right: 38px;}
.anniu a.a1 span{background: url("../images/more2.png") no-repeat right center;}
.anniu a.a2 span{background: url("../images/more1.png") no-repeat right center;}
.numbers{background: #fff;border-radius: 30px;padding: 32px 0;margin-top: 35px;}
.numbers ul{display: flex;justify-content: space-between;}
.numbers li{border-right: solid 1px #d8e7fc;width: 20%;display: flex;justify-content:center;}
.numbers li:last-child{border-right: none;}
.numbers li .count-num{display: inline-block;color: #489c3f;font-size: 38px;font-family:arial;font-weight: bold;}
.numbers li span{display: inline-block;color: #489c3f;font-size: 38px;font-family:arial;font-weight: bold;}
.numbers li p{color: #333;font-size: 16px;line-height: 30px;}
.numbers li .wz{margin-left: 24px;}
.section1{background: #eff6fc;padding: 58px 0;}
.section1 ul{display: flex;justify-content: space-between;margin: 0 -11px;}
.section1 li{margin: 0 11px;width: calc(20% - 22px);background: #fff;text-align: center;padding: 40px 0 20px 0;}
.section1 li img{display: block;margin: 0 auto 24px auto;}
.section1 li h3{color: #061f5a;font-size: 18px;font-weight: bold;position: relative;padding-bottom: 12px;margin-bottom: 14px;}
.section1 li h3::after{content: "";display: block;position: absolute;width: 24px;height: 1px;background: #489349;left: 50%;bottom: 0;transform: translate(-50%,0);}
.section1 li p{color: #333;font-size: 14px;line-height: 24px;padding: 0 40px;height: 72px;}
.footer{background: url("../images/f-bg.jpg") repeat-x;padding:24px 0;}
.foot{display: flex;justify-content: space-between;}
.ff1 h3{display: flex;align-items: center;color: #fff;font-weight: normal;margin-bottom: 22px;}
.ff1 h3 span{font-size: 22px;display: block;margin-left: 18px;}
.ff1 h3 em{display: block;font-style: normal;color: #cae0ff;font-size: 14px;font-family: arial;padding-top: 4px;}
.ff1 p{color: #cae0ff;font-size: 14px;line-height: 24px;}
.foot dt{color: #fff;font-size: 18px;position: relative;padding-bottom: 12px;margin-bottom: 20px;}
.foot dt::after{content: "";width: 28px;height: 2px;display: block;background: #489349;left: 0;bottom: 0;position: absolute;}
.ff2 dd a{font-size: 14px;color: #cae0ff;display: block;margin-bottom: 15px;background: url("../images/tm_56.png") no-repeat right center;}
.ff2 dd{color: #cae0ff!important;}
.ff3 p{color: #cae0ff!important;font-size: 14px;line-height: 24px;display: flex;align-items: center;margin-bottom:2px;}
.ff3 p span{display: inline-block;width: 26px;}
.ff3 p a,.ff3{color: #cae0ff!important;}
.ff2{width: 12%;}
.about1{background-size: cover;background-repeat: no-repeat;background-position: center top;padding-bottom: 24px;}
.lyNav_btn{ display:none; width: 40px; height: 40px;}
.lyNav_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 12px; background-color: #1991cd;}  
/*about*/
.ab_box1 .we{width:35%;padding-top: 62px;}
.ab_box1 .we h3{color: #0146bf;font-size: 48px;padding-bottom: 14px;position: relative;margin-bottom: 17px;}
.ab_box1 .we h3 span{display: block;color: #489c3f;font-size: 18px;font-family: arial;text-transform: uppercase;font-weight: normal;padding-bottom: 8px;}
.ab_box1 .we h4{color: #0146bf;font-size: 19px;font-weight: bold;padding: 3px 0 18px 0;}
.ab_box1 .we p{color: #333;font-size: 16px;line-height: 30px;}
.ab_box1 .we h3::after{content: "";display: block;position: absolute;width: 54px;height: 3px;background: #489c3f;bottom: 0;}
.four_box1{width: 44%;}
.four_box2{width: 100%;background: #fff;border-radius: 10px;padding:10px 4%;position:absolute;margin-top: -30px;position: absolute;box-shadow: 0 0 12px rgba(1,70,191,0.05);}
.ab_box1{position: relative;}
.four_box1 ul{display: flex;margin-left: -50px;}
.four_box1 li{width: 25%;text-align: center;border-right: 1px solid #d4e6ff;position: relative;}
.four_box1 li img{display: block;margin: 0 auto;}
.about1 .box1{display: flex;justify-content: space-between;margin-bottom: 60px;}
.four_box1 li h4{color: #0146bf;font-size: 18px;font-weight: bold;margin: 10px 0;}
.four_box1 li p{color: #333;font-size: 15px;}
.four_box1 li:last-child{border-right: none;}
.four_box2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.four_box2 li{display: flex;align-items: center;padding: 20px 0;}
.four_box2 li .txt{padding-left: 20px;}
.four_box2 li h3{color: #0146bf;font-size: 18px;font-weight: bold;padding-bottom: 2px;}
.four_box2 li p{color: #333;font-size: 16px;line-height: 24px;}
.about2{padding-top: 50px;}
.about2 .ab_box2{display: flex;justify-content: space-between;margin-top: 46px;}
.about2 .bk{border: solid 1px #ededed;border-radius: 10px;padding: 30px 24px 0 24px;margin-bottom: 25px;}
.about2 .box_1{width:30%;padding-bottom: 25px;}
.about2 .box_2{width: 27%;}
.about2 .box_3{width: 40.5%;}
.about2 .tit1{color: #061f5a;font-size: 20px;font-weight: bold;position: relative;padding-bottom: 14px;}
.about2 .tit1::after{content: "";display: block;position: absolute;width: 32px;height: 2px;background: #489349;left: 0;bottom: 0;}
.about2 .list1 li{display: flex;border-bottom: solid #ededed 1px;align-items: center;padding: 22px 0 20px 0;}
.about2 .list1 p{color: #333;font-size: 16px;line-height: 30px;}
.about2 .list1 li .img{margin-right: 16px;}
.about2 .list2 li{display: flex;border-bottom: solid #ededed 1px;align-items: center;padding:36px 0;}
.about2 .list2 li p,.about2 .list3 li p{color: #333;font-size: 15px;line-height: 24px;}
.about2 .list2 li h3{color: #0146bf;font-size: 17px;font-weight: bold;margin-bottom: 8px;}
.about2 .list2 li .img{margin-right: 20px;}
.about2 .list3 li{display: flex;border-bottom: solid #ededed 1px;align-items: center;padding:8px 0;}
.about2 .list1 li:last-child,.about2 .list2 li:last-child,.about2 .list3 li:last-child{border-bottom: none;padding-bottom: 0;}
.about2 .list3 li .tt{display: flex;align-items: center;margin-right: 16px;}
.about2 .list3 li .tt span{color: #0146bf;font-size: 17px;font-weight: bold;display: block;margin-left:14px;}
.about2 .list3{padding: 16px 0 22px 0;}
.about3 .ab_box3{padding-left: 160px;background-size: cover;background-repeat: no-repeat;background-position: left top;display: flex;justify-content: space-between;border: solid 1px #ededed;border-radius: 10px;height: 148px;align-items: center;}
.about3 .txt1 h3{color: #061f5a;font-size: 28px;font-weight: bold;}
.about3 .txt1 i{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #061f5a;position: relative;top: -6px;margin: 0 20px;}
.about3 .txt1 span{color: #061f5a;font-size: 16px;display: block;margin-top: 8px;font-weight: 100}
.about3 .txt1 span i{margin: 0 6px;width: 4px;height: 4px;top: -4px;}
.about3 .txt1{text-align: center;width:350px;border-right: 2px solid #f4f5f9;}
.about3 .txt2{color: #333;font-size: 16px;line-height: 28px;width:38%;}
.about3 .txt3 ul{display: flex;justify-content: space-between;}
.about3 .txt3 li{width: 33.33%;border-right: 2px solid #f4f5f9;text-align: center;}
.about3 .txt3 li p{color: #0146bf;font-size: 16px;font-weight: bold;margin-top: 15px;}
.about3 .txt3 li img{display: block;margin: 0 auto;}
.about3 .txt3 li:last-child{border: none;}
.about3 .txt3{width: 32%;}
.about3{margin-bottom: 46px;}
.product1{background: #f2f6fd;padding-bottom: 62px;}
.product1 .ab_box1{position: relative;}
.product1 .map2{position: absolute;top: 35px;right:15%}
.product1 .list_1{width:56%;position: relative;z-index: 5;padding-top: 40px;}
.product1 .list_1 ul{display: flex;}
.product1 .list_1 li{display: flex;align-items: center;border-right: solid 1px #d8e7fc;padding: 0 30px;}
.product1 .list_1 li:last-child{border: none;}
.product1 .list_1 li:nth-child(1){padding-left:0}
.product1 .list_1 h4{color: #003ea9;font-size: 16px;padding-bottom: 3px;}
.product1 .list_1 p{color: #333;font-size: 12px;}
.product1 .list_1 .wz{margin-left: 16px;}
.pp_sorts{padding: 12px;background: #fff;border-radius: 6px;box-shadow: 0 0 12px rgba(1,70,191,0.05);position: relative;top: -34px;}
.pp_sorts ul{display: flex;justify-content: space-between;}
.product1 .ab_box1 .we p{width: 70%;}
.pp_sorts li a{display: flex;justify-content: center;height: 44px;align-items: center;transition: all 0.3s;}
.pp_sorts li a .wz{display: inline-block;padding-left: 11px;}
.pp_sorts li{position: relative;width: 16.4%;}
.pp_sorts li::after{content: "";display: block;position: absolute;right: 0;width: 1px;height: 20px;background: #d8e7fc;top: 50%;transform: translate(0,-50%);}
.pp_sorts li:last-child::after,.pp_sorts li.on::after,.pp_sorts li:hover::after{display: none;}
.pp_sorts li.on a,.pp_sorts li:hover a{background: #0146bf;color: #fff;border-radius: 5px;}
.pp_sorts li a .img2,.pp_sorts li.on a .img1,.pp_sorts li:hover a .img1{display: none;}
.pp_sorts li.on a .img2,.pp_sorts li:hover a .img2{display: block;}
.product2{background: #f4f8fd;padding-bottom: 40px;}
.goods{background: #fff;padding:6px 12px;border-radius: 6px;margin-bottom: 30px;}
.goods ul{display: flex;flex-wrap: wrap;margin: 0 -6px;}
.goods li{margin:6px;width: calc(16.66% - 12px);}
.goods a .tp{border-radius: 10px 10px 0 0;overflow: hidden;height: 180px;}
.goods a .tp img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;transition: all 0.5s;}
.goods li:hover a .tp img{transform: scale(1.1);}
.goods a h4{color: #0146bf;font-size: 16px;font-weight: normal;padding-bottom: 4px;}
.goods a p{color: #333;font-size: 14px;font-family: arial;position: relative;}
.goods a .tetx{border-radius:0 0 10px 10px;border: 1px solid #f5f7fd;padding:12px 16px;}
.goods a p::after{content: "";display: block;position: absolute;right: 0;width: 15px;height:11px;background:url("../images/more.png") no-repeat;top: 50%;transform: translate(0,-50%);}
/*page*/
.page {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}
.page a,
.page span {
    margin:3px;
    display: inline-block;
    padding: 6px 10px;
    background: #fff;
    color: #666;
    font-size: 14px;
    border: 1px solid #ededed;
    border-radius: 3px;
}

.page a:hover {
    background: #0146bf;
    color: #fff;
    border: 1px solid #0146bf;
}

.page .page_on,
.page span.current {
    background:#0146bf;
    color: #fff;
    border: 1px solid #0146bf;
}
.world{background: #fff;border-radius: 10px;padding: 20px 0;position:absolute;width: 45%;right: 0;bottom:30px;box-shadow: 0 0 12px rgba(1,70,191,0.05);z-index: 10;}
.world .name1{color: #003ea9;font-size: 18px;background: url("../images/gj.png") no-repeat left center;padding-left: 26px;font-weight: bold;margin:0 0 24px 30px;}
.world .guojia{position: relative;z-index: 10;background: #fff;border-radius: 0 0 10px 10px;display: flex;justify-content: space-between;}
.world .guojia ul{display: flex;width: 85%;}
.world .guojia li{text-align: center;border-right: solid 2px #f5f8fd;width:16.66%;}
.world .guojia li img{display: block;margin: 0 auto 8px auto;}
.world .guojia p{color: #003ea9;font-size: 15px;}
.world .guojia p span{display: block;color: #333;font-size: 12px;}
.views .yuan{width: 35px;height: 35px;border-radius: 50%;background: #f1f4fa;display: flex;justify-content: center;align-items: center;margin: 0 auto 8px auto;border: solid 1px #e6edfb;}
.views .yuan i{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #003ea9;margin: 0 2px;}
.views:hover .yuan i{ animation: bounce 1s infinite ease-in-out}
.views:hover .yuan i:nth-child(2) {
  animation-delay: 0.2s;
}
.views:hover .yuan i:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes bounce {
  0%,100% {transform: translateY(0);}
  50% {transform: translateY(-4px);}
}
.views{cursor: pointer;text-align: center;width: 15%;}
.show-list{position: absolute;background: #fff;padding: 20px;border-radius: 0 0 10px 10px;top: 160px;display: none;box-shadow: 8px 8px 10px rgba(1,70,191,0.02), -8px 8px 10px rgba(1,70,191,0.02);width: 100%;}
.show-list li{display: inline-block;color: #003ea9;font-size: 15px;padding: 0 12px;margin:8px 0;position: relative;}
.show-list li::after{content: "";display: block;position: absolute;right: 0;width: 1px;height: 12px;background: #003ea9;top: 50%;transform: translate(0,-50%);}
.world.on .show-list{display: block;}
.brand{color: #003ea9;font-size: 16px;padding:25px 0;margin-top: 108px;}
.brand a{color: #003ea9;display: inline-block;}
.pp-top{display: flex;justify-content: space-between;align-items:flex-end;}
.pp-top .left{width: 49%;}
.pp-top .left img{width: 100%;border-radius: 10px;}
.pp-top .right{width: 48%;}
.pp-top .cp-name{display: flex;justify-content: space-between;}
.pp-top .links a{width: 208px;height: 44px;background:none;color: #003ea9;border: solid 1px #003ea9;transition: all 0.5s;display: flex;justify-content: center;align-items: center;}
.pp-top .links a span{background: url(../images/btn1.png) no-repeat left center;padding-left: 30px;}
.pp-top .links a:hover{background: #003ea9;}
.pp-top .links a:hover span{color:#fff;background: url(../images/h-tb.png) no-repeat left center;}
.cp-name .nn h4{color: #0146bf;font-size: 36px;font-weight: normal;}
.cp-name .nn span{display: block;font-size: 20px;position: relative;padding: 4px 0 11px 0;margin-bottom: 8px;}
.cp-name .nn span::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 50px;height: 2px;background: #489c3f;}
.cp-name .nn p{font-size: 16px;color: #0146bf;}
.pp-top .links{margin-top: 6px;}
.pp-top .miaosu{background: #fff;border: solid 1px #e7eaf7;border-bottom: none;margin-top: 18px;}
.miaosu li{display: flex;border-bottom: solid 1px #e7eaf7;height: 50px;align-items: center;}
.miaosu li span{display: flex;align-items: center;font-size: 16px;color: #0146bf;width:220px;border-right: solid 1px #e7eaf7;height: 50px;}
.miaosu li p{font-size: 16px;color: #0146bf;padding:0 10px 0 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 220px);}
.miaosu li span em{display: inline-block;width:22px;margin:0 24px;}
.four1{background: #fff;border-radius: 10px;margin: 40px 0 20px 0;padding:20px 0;}
.four1 ul{display: flex;justify-content: space-between;}
.four1 li{width: 25%;display: flex;justify-content: center;align-items: center;border-right: solid 1px #d8e7fc;}
.four1 li .tb{margin-right: 16px;}
.four1 li .txt{color: #003ea9;font-size: 16px;}
.four1 li .txt span{display: block;color: #333;font-size: 12px;padding-top: 4px;}
.four1 li:last-child{border-right: none;}
.pp-bottom{display: flex;justify-content: space-between;}
.pp-bottom .world{position:relative;right: auto;bottom: auto;width: 720px;}
.pp-bottom .name2{color: #003ea9;font-size: 18px;font-weight: bold;margin:0 12px 10px 12px;display: flex;justify-content: space-between;align-items: center;}
.pp-bottom .hots{width:calc(100% - 735px);background: #fff;padding:20px 16px 10px 16px;border-radius: 10px;box-shadow: 0 0 12px rgba(1,70,191,0.05);}
.pp-bottom .goods a .tetx{border:none;border-top:1px solid #f5f7fd;padding:7px 10px}
.pp-bottom .goods a{border: 1px solid #f5f7fd;border-radius: 10px;}
.pp-bottom .goods a .tp{height: 70px}
.pp-bottom .goods a:hover .tp img{transform: scale(1.1);}
.swiper-box1{margin-bottom: 0}
.product-detail{padding-bottom: 42px;}
.pp-bottom .world .guojia{margin-top: 30px;}
.pp-bottom .world .guojia li img,.pp-bottom .views .yuan{margin-bottom: 12px;}
.pp-bottom .goods a h4{padding-bottom: 0;font-size: 15px;}
.pp-bottom .name2 a{color: #003ea9;font-size: 14px;background: url("../images/more1.png") no-repeat right center;display: inline-block;padding-right: 26px;font-weight: normal;}
.service1 .anniu{margin-top: 30px;}
.service1 .anniu a.a2{width: 180px;}
.service1{background-size: cover;background-repeat: no-repeat;background-position: right top;height: 472px;}
.service1 .ab_box1 .we p{width: 60%;}
.service2 .list_1{background: #fff;padding: 20px 0;border-radius: 10px;box-shadow: 0 0 15px rgba(1,70,191,0.05);}
.service2{position: relative;top: -61px;}
.service2 .list_1 ul{display: flex;justify-content: space-between;}
.service2 .list_1 li{display: flex;justify-content: center;align-items: center;width: 25%;border-right: solid 1px #d8e7fc;}
.service2 .list_1 li h4{color: #0643af;font-size: 20px;padding-bottom: 7px;}
.service2 .list_1 li p{color: #333;font-size: 15px;line-height: 24px;}
.service2 .list_1 li .wz{margin-left: 25px;}
.service2 .list_1 li .tb{width:81px;}
.service2 .list_1 li:last-child{border-right: none;}
.service4{background-position:left bottom;background-size: 100% auto;background-repeat: no-repeat;padding: 40px 0 44px 0;}
.ss_title{text-align: center;}
.ss_title span{display: block;color: #489c3f;font-size: 17px;font-family: arial;padding-bottom: 2px;}
.ss_title h4{color: #0146bf;font-size: 36px;font-weight: bold;position: relative;padding-bottom: 16px;}
.ss_title h4::after{content: "";display: block;position: absolute;width: 36px;height: 3px;background: #489c3f;bottom: 0;left: 50%;transform: translate(-50%,0);}
.service3{position: relative;top: -10px;}
.service3 ul{display: flex;justify-content: space-between;margin-top: 40px;}
.service3 li{position: relative;text-align: center;width: 16.66%;}
.service3 li img{margin: 0 auto;}
.service3 li .num{position: absolute;color: #96b8fe;font-size: 25px;font-family: arial;left: 36px;top:30px;display: block;}
.service3 li h4{color: #0146bf;font-size: 18px;margin:10px 0 7px 0;}
.service3 li p{color: #333;font-size: 15px;line-height: 24px;width: 70%;margin: 0 auto;}
.service3 li::before{content: "";display: block;position: absolute;width: 53px;height: 12px;background: url("../images/zhi.png") no-repeat;right: 0;top: 37px;}
.service3 li:last-child::before{display: none;}
.service4 ul{display: flex;justify-content: space-between;margin: 40px -5px 0 -5px;}
.service4 li{position: relative;width:calc(16.66% - 10px);margin: 0 5px;background: #fff;border-radius: 10px;display: flex;padding: 30px 0;}
.service4 li .wz{width: calc(100% - 105px);}
.service4 li .tb{margin:0 20px;}
.service4 li h4{color: #0146bf;font-size: 18px;margin:0px 0 7px 0;}
.service4 li p{color: #333;font-size: 15px;line-height: 24px;}
.fuwu_box3{display: flex;justify-content: space-between;align-items: center;width: 64%;margin:92px auto 0 auto;}
.fuwu_box3 .talk{display: flex;justify-content: space-between;align-items: center;}
.fuwu_box3 .talk span{width: 100px;height: 100px;border-radius: 50%;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.1);display: flex;justify-content: center;align-items: center;}
.fuwu_box3 .talk h5{color: #333;font-size: 16px;font-weight: normal;margin-left: 28px;}
.fuwu_box3 .talk h5 b{display: block;color: #0146bf;font-size: 30px;padding-bottom: 9px;}
.contact1 .ab_box1 .we p{width: 100%;}
.contact1{background-size: cover;background-repeat: no-repeat;background-position: right top;padding:26px 0;}
.contact1 .ab_box1{display: flex;justify-content: space-between;}
.contact1 .wayBox{width: 53%;position: relative;}
.contact1 .online{border-radius: 10px;background: #fff;width: 43.5%;padding:24px 35px;}
.contact1 .wayBox .we{width: 100%;padding-top: 35px;}
.contact1 .way_box{width: 100%;margin-top: 15px;}
.contact1 .way_box ul{display: flex;margin: 0 -4px;}
.contact1 .way_box li{width:calc(25% - 8px);text-align: center;background: #fff;border-radius: 10px;margin: 0 4px;padding: 20px 0;}
.contact1 .way_box li img{margin: 0 auto;}
.contact1 .way_box li h4{color: #0146bf;font-size: 16px;padding:12px 0 7px 0}
.contact1 .way_box li p{color: #333;font-size: 12px;line-height: 18px;padding:0 15px;word-break: break-all;}
.c_title{color: #01319c;font-size: 22px;font-weight: bold;position:relative;padding-bottom: 13px;}
.c_title::after{width: 43px;height: 2px;background: #489c3f;display: block;content: "";left: 0;bottom: 0;position: absolute;}
.contact2{display: flex;justify-content: space-between;padding:24px 0}
.contact2 .left{width:calc(45% - 8px);margin-right: 8px;background-size: cover;background-repeat: no-repeat;border-radius: 10px;position: relative;background-position: right center;}
.contact2 .right{width: 55%;background: #f4f8fd;border: solid 1px #f0f0f0;border-radius: 10px;padding:15px 0 25px 0}
.contact2 .right ul{display: flex;}
.contact2 .right li{width:25%;text-align: center;border-right: solid 1px #d4e6ff}
.contact2 .right li img{margin: 0 auto;}
.contact2 .right li h4{color: #0146bf;font-size: 18px;padding:17px 0 7px 0}
.contact2 .right li p{color: #333;font-size: 12px;line-height: 18px;word-break: break-all;}
.contact2 .right li:last-child{border-right: none;}
.contact2 .right .c_title{margin:0 0 30px 22px;}
.contact2 .tishi{background: #fff;border-radius: 10px;position: absolute;width: 245px;right: 11%;padding: 18px 22px;top: 18px;}
.contact2 .tishi h4{color: #0146bf;font-size: 16px;padding-bottom: 4px;}
.contact2 .tishi p{color: #333;font-size: 12px;line-height: 22px;}
.contact3 .cc_box{background: url("../images/lx-bg.jpg") no-repeat;background-size: cover;height: 104px;display: flex;justify-content: space-between;align-items: center;padding: 0 0 0 30px;}
.contact3 .cc_box .talk{display: flex;justify-content: space-between;align-items: center;}
.contact3 .cc_box h5{color: #fff;font-size: 15px;font-weight: normal;margin-left: 26px;}
.contact3 .cc_box h5 b{display: block;font-size: 22px;padding-bottom: 5px;}
.contact3 .cc_box .anniu{width: 36%;}
.contact3 .cc_box .anniu a{width: 176px;height: 50px;border: 1px solid #fff;color: #fff;margin: 0;}
.contact3 .cc_box .anniu a span{background: url("../images/more2.png") no-repeat right center;}
.contact3{padding-bottom: 22px;}
.cls{clear: both;}
.online li{margin:0px 10px 10px 0;float: left;width:calc(50% - 5px);padding:0 12px 0 22px;height:38px;position: relative;border: solid 1px #e5ebf4;border-radius: 6px;}
.online li em{display: block;position: absolute;left: 8px;color: red;top:10px;font-style: normal;}
.online li:nth-child(2n){margin-right: 0;}
.online input{height:36px;border: none;outline: none;background:none;width:calc(100% - 44px);color: #999;position: absolute;}
.online input::placeholder,.online textarea::placeholder{color: #999;font-family: "siyuan";font-size: 14px;}
.online textarea{border: none;outline: none;background:none;width:calc(100% - 44px);color: #999;resize: none;height: 50px;position: absolute;padding: 10px 0;}
.online li.li1{width: 100%;margin-right: 0;height: 70px;}
.online li.li2{width: 100%;margin-right: 0;}
.online li.li3 button{width:180px;background: #0146bf;color: #fff;font-size: 16px;height: 40px;transition: all 0.3s;display: flex;justify-content: center;align-items: center;border-radius: 10px;margin: 0 auto;}
.online li.li3 button:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.online li.li3 button span{display: inline-block;background: url("../images/send.png") no-repeat right center;padding-right: 28px;}
#imgCode{position: absolute;right: 0;height: 36px;}
.online li.li3{width: 100%;padding:5px 0 0 0;border: none;height: 44px;}
.online p{color: #2455ab;font-size: 12px;text-align: center;}
.online .c_title{margin:0 0 15px 0;}
.ny-banner img{width: 100%;}
.ny-banner{display: none;margin-bottom: 50px;}
.wap-name{display: none;position: relative;}
.wap-name h3{color: #003ea9;font-size: 18px;display: flex;align-items: center;}
.wap-name h3 span{display: inline-block;padding-right: 10px;}
.icon{display: block;width: 100%;height: 100%;}
.wap-name i{width: 16px; height: 16px; overflow: hidden; padding: 7px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);background: #003ea9;}
.pp_sorts.in .pp-lists{display: block;}
.chat{position: fixed;right: 10px;bottom: 100px;z-index: 10;}
.chat img{height:60px;}
.chat a{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin-bottom: 12px;}
/*2026-06-15*/
.section2{padding: 56px 0;}
.title-name{text-align: center;}
.title-name h3{display: inline-block;position: relative;color: #0146bf;font-size: 40px;margin-bottom: 14px;padding: 0 57px;}
.title-name h3::before,.title-name h3::after{content: "";display: block;position: absolute;width: 37px;height: 29px;top: 50%;transform: translate(0,-50%);}
.title-name h3::before{background: url("../images/tit_03.png") no-repeat center;left: 0;}
.title-name h3::after{background: url("../images/tit_05.png") no-repeat center;right: 0;}
.title-name p{color: #333;font-size: 18px;}
.step2{padding-top: 40px;}
.step2 ul{display: flex;flex-wrap: wrap;margin: 0 -12px;}
.step2 li{width: calc(25% - 24px);margin: 0 12px;background: #fff;border-radius: 20px;text-align: center;}
.step2 li a .pic{overflow: hidden;border-radius: 20px 20px 0 0;height: 254px;}
.step2 li a .pic img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px 20px 0 0;transition: all 0.5s;}
.step2 li:hover a .pic img{transform: scale(1.1);}
.step2 li a h4{font-size: 18px;color: #0146bf;font-weight: bold;margin: 22px 0}
.step2 li a .more2{font-size: 14px;color: #fff;width: 118px;height: 32px;border-radius: 4px;line-height: 32px;background: #0146bf;margin: 0 auto;}
.step3{padding-top: 40px;display: flex;}
.step3 li img{border-radius: 10px;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.step3 li:hover img{transform: scale(1.1);}
.section1 li{padding:30px 0 20px 0;}
.section1 li img{height: 70px;margin-bottom: 15px;}
.step3 ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  /* 定义4列网格：第1列宽，后3列均分 */
  grid-template-columns: 2fr 1fr 1fr 1fr;
  /* 定义2行，高度由内容自动撑开 */
  grid-template-rows: auto auto;
  gap: 8px; /* 图片之间的间距 */
}

.step3 li {
  overflow: hidden;
  border-radius: 10px; /* 可选：给图片加圆角 */
}

.step3 li img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保证图片不变形 */
  display: block;
  border-radius: 10px;
}

/* 左侧大图，占满2行高度 */
.step3 li:nth-child(1) {
  grid-row: 1 / 3; /* 从第1行跨到第3行（占2行） */
  grid-column: 1 / 2; /* 放在第1列 */
}