body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
figure,
figcaption,
th,
td {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

a,
input,
button,
select,
textarea {
  outline: none;
}

.pse {
  position: relative;
}
.pse:before,
.pse:after {
  content: "";
  position: absolute;
}

abbr,
acronym {
  border: 0;
}

a {
  color: #333;
  text-decoration: none;
  /* cursor: pointer !important; */
}
i {
    font-style: normal;
}
a:focus, a:hover{
  text-decoration: none;
}
img {
  display: block;
}

body {
  font-family: Arial, "PingFang SC";
}

.wcent {
  max-width: 1778px;
  width: 90%;
  margin: 0 auto;
}
.inner {
    max-width: 1778px;
    width: 90%;
    margin: 0 auto;
}
@font-face {
    font-family: "hb";
    src: url("../font/hmos_b.woff2") format("woff2"),
      url("../font/hmos_b.woff") format("woff"),
      url("../font/hmos_b.ttf") format("truetype"),
      url("../font/hmos_b.eot") format("embedded-opentype"),
      url("../font/hmos_b.svg") format("svg");
  }
  @font-face {
    font-family: "hl";
    src: url("../font/hmos_l.woff2") format("woff2"),
      url("../font/hmos_l.woff") format("woff"),
      url("../font/hmos_l.ttf") format("truetype"),
      url("../font/hmos_l.eot") format("embedded-opentype"),
      url("../font/hmos_l.svg") format("svg");
  }
  @font-face {
    font-family: "hr";
    src: url("../font/hmos_r.woff2") format("woff2"),
      url("../font/hmos_r.woff") format("woff"),
      url("../font/hmos_r.ttf") format("truetype"),
      url("../font/hmos_r.eot") format("embedded-opentype"),
      url("../font/hmos_r.svg") format("svg");
  }
  @font-face {
    font-family: "br";
    src: url("../font/bebas_r.woff2") format("woff2"),
      url("../font/bebas_r.woff") format("woff"),
      url("../font/bebas_r.ttf") format("truetype"),
      url("../font/bebas_r.eot") format("embedded-opentype"),
      url("../font/bebas_r.svg") format("svg");
  }
  @font-face {
    font-family: "imp";
    src: url("../font/Impact.woff2") format("woff2"),
      url("../font/Impact.woff") format("woff"),
      url("../font/Impact.ttf") format("truetype"),
      url("../font/Impact.eot") format("embedded-opentype"),
      url("../font/Impact.svg") format("svg");
  }
  /* header */
  .web{
    transform-style: preserve-3d;
  }
  .web .web-con {
    width: 380px;
    position: absolute;
    right: 0;
    border-radius: 0 0 10px 10px;
    z-index: 666;
    opacity: 0;
    display: none;
    padding: 1em 1.5em;
    transition: all 0.25s ease-out, opacity 0.25s ease-in, margin-left 0.25s ease-out, clip-path 0.15s ease-out;
    background: linear-gradient( #fff, #f6f6f6);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    -ms-box-shadow:0 0 5px rgba(0,0,0,0.1);
    -o-box-shadow:0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1);
  }
  .web-text{
    color: #666;
    font-size: 14px;
  }
  .web-text:after {
    transition: bottom 0.25s ease-out, opacity 0.01s ease-out 0.01s;
    opacity: 0;
    content: '';
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: calc(50% - 10px);
    border-color: transparent transparent white transparent;
    border-width: 10px;
    border-style: solid;
  }
  .web:hover{
    transform-style: flat;
  }
  .web:hover .web-text:after {
    bottom: 0;
    opacity: 1;
    transition: bottom 0.25s ease-out, opacity 0.01s ease-out 0.15s;
    z-index: 9999;
  }
  .web:hover .web-con {
    pointer-events: all;
    opacity: 1;
    display: block;
  }
   .web .web-con p{border-bottom: 1px dashed #ccc;}
   .web .web-con p span{float: right;font-size:12px;border: none;padding:0;}
   .web .web-con i{line-height: 24px;display: block;color: #888;font-size:12px;padding: 5px 0;}
   .web .web-con dl{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: flex-start;align-items: flex-start;line-height: 200%;}
   /* .web .web-con dl dt{width: 50px;}
   .web .web-con dl dd{width: 100%;} */
   .web .web-con dl dd a{padding: 0 5px;}

   .head_top{
    background: #f5f5f5;
   }
   .head_tbox {
    display: flex;
    justify-content: space-between;
    }
    .head_tbox{
        line-height: 40px;
        position: relative;
        font-size: 14px;
        color: #666;
    }
    .head_tbox>p{
        display: flex;
        align-items: center;
    }
    .head_tbox>p>i{
        color: #23527c;
        font-weight: bold;
        margin-right: 5px;
    }

    .logo_box{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 0;
    }

    .logo_box img{
      width: 100%;
    }

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

.logo_l>p {
    width: 68px;
    margin-right: 16px;
    position: relative;
    top: 2px;
}

.logo_ewm>p {
    width: 102px;
    margin: 0 5px;
    border: 1px solid #ddd;
    padding: 2px;
}
.logo_mnwz{display:none;}
.logo_wz h1 {
    font-size: 28px;
    color: #0a2f8f;
}

.logo_wz h1:nth-child(2) {
    /*letter-spacing: 0.5px;*/
    margin-top: 2px;
    color: #e50012;
}

.logo_ewm em {
    font-size: 11px;
    writing-mode: vertical-lr;
    color: #666;
}

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

.logo_dh>p b {
    font-size: 22px;
    color: #0a2f8f;
    font-family: imp;
    font-weight: normal;
}

.logo_dh>p {
    font-size: 18px;
}

.logo_dh>p em {
    color: #e50012;
    font-size: 28px;
    font-family: 'hb';
}
.logo_dh>p:last-child em {
  font-size: 25px;
}
.logo_dh>p i {
  font-size: 22px;
  margin-right: 10px;
}
.logo_wz h1+h1 {
    font-size: 26px;
}

.logo_wz h1:nth-child(1) {
    letter-spacing: 0.9px;
}
/* nav */
.menu_con {
  transform-origin: top;
  transform: rotateX(90deg);
  position: absolute;
  left: 0;
  top: 66px;
  background: #f8f8f8;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 2.2% 5% 1.2%;
  transition: all 0.3s;
  z-index: 999;
}

.nav_con>ul {display: flex;justify-content: space-between;}

.nav_box {
  position: relative;
  background: #0a2f8f;
}

.nav_con>ul>li>a {
  font-size: 18px;
  color: #fff;
  display: flex;
  height: 66px;
  align-items: center;
  position: relative;
}

.menu_con h3 {
  color: #333;
  font-weight: normal;
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.menu_con li {
  width: 18%;
  margin: 0 1% 1%;
}

.menu_con li a {
    display: block;
}

.menu_con li a img {
    width: 100%;
}

.nav_con>ul li:hover .menu_con {
    transform: rotateX(0deg);
}
.nav_con>ul>li>a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #cdd9f3;
  bottom: 12px;
  left: 50%;
  transition: all .3s;
  width: 0;
  transform: translateX(-50%);
}

.nav_con>ul>li:hover>a:after {
  width: 40px;
}
/* banner */
.sw_btn>span {
  position: absolute;
  top: 50%;
  z-index: 10;
  font-size: 24px;
  color: #fff;
  transform: translateY(-50%);
}

.bann_c {
  position: relative;
  overflow: hidden;
}

.sw_prev {
  left: 2%;
  display: block;
  transform: translateY(-50%) rotate(180deg) !important;
}


.sw_next {
  right: 2%;
}


.bann_c .swiper-pagination {
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
}

.bann_c .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}

.bann_c .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 8px;
}

.bann_c .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
}

.bann_c .swiper-pagination-bullet-active {
  background: #fff;
}
.bann_c img {
    width: 100%;
}
/*search*/
.sear_l{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sear_l>i{
    font-weight: bold;
}
.sear_l>a{
    color: #333;
}
.sear_l>a+a{
    margin-left: 15px;
}
.sear_bc{
    background: #edeff1;
    height: 72px;
    position: relative;
}
.sear_c{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 0 33px;
    margin-top: -33px;
    z-index: 3;
    position: relative;
}
.sear_r{
    background-color: #0a2f8f;
    padding: 0 24px;
    border-radius: 50px;
    position: relative;
    width: 250px;
}
.sear_r input{
    line-height: 46px;
    border: none;
    background: none;
    color: #fff;
}
.sear_r input::placeholder{
    color: #fff;
}
.sear_r button{
    border: none;
    background: none;
}
.sear_r i{
    position:absolute;
    width: 46px;
    height: 46px;
    right: 10px;
    top: 0;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    cursor: pointer;
}
/* products */
.pro_wz h1 {
  font-size: 40px;
  margin-bottom: 14px;
}

.pro_wz {
  margin-bottom: 42px;
  text-align: center;
}
.pro_wz h1 strong {
  color: #0a2f8f;
}

.pro_wz p {
  font-size: 20px;
  width: 90%;
  margin: 0 auto;
  line-height: 38px;
  color: #333;
}
.pro_mt,.pro_mp{display:none;}
.pro_bc{
  background: #edeff1;
  padding: 88px 0 100px;
}
.casecon {
  display: flex;
  flex-wrap: wrap;
}
.casecon .list {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
}
.casecon .list:nth-child(3n) {
  margin-right: 0;
}
.casecon .list:nth-child(n + 4) {
  margin-top: 30px;
}
.casecon .list .image {
  position: relative;
  overflow: hidden;
}
.casecon .list .image .logo {
  width: 100%;
  height: 80px;
  text-align: center;
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(100%);
  transition: all 0.3s;
}
.casecon .list:hover .image .logo {
  transform: translateY(0);
}
.casecon .list .image .logo img {
  max-width: 240px;
  max-height: 50px;
  margin: 0 auto;
}
.casecon .list .pic img {
  width: 100%;
  transition: all 0.3s;
}
.casecon .list:hover .pic img {
  transform: scale(1.1);
}
.casecon .list .tit {
  width: 100%;
  height: 74px;
  background-color: #f5f5f5;
  font-size: 22px;
  text-align: center;
  line-height: 74px;
  transition: all 0.3s;
  font-weight: bold;
}
.casecon .list:hover .tit {
  color: #fff;
  background-color: #0a2f8f;
}
.casecon .list .image .logo p {
  text-align: left;
  color: #666;
  padding: 0 20px;
  line-height: 24px;
}
/* par */
.zzg_bc{
  background: url(../images/par-bg.jpg) no-repeat center;
  padding: 90px 0;
}
.zzg_c>p {
  font-size: 32px;
  font-weight: bold;
  position: relative;
}

.zzg_c>p strong {
  color: #FFC107;
  font-size: 36px;
}

.zzg_c {
  color: #fff;
  /* text-align: center; */
}

.zzg_xs {
  font-size: 34px;
  font-weight: bold;
  margin: 20px 0;
}

.zzg_xs strong {
  color: #FFC107;
  font-size: 36px;
}

.zzg_wm {
  font-weight: bold;
  font-size: 32px;
}

.zzg_wm strong {
  color: #00daff;
  font-size: 36px;
}
.par_ic{
  margin-top: 3.5%;
}
.par_item{
  margin: 0 2%;
  display: block;
  position: relative;
}
.par_item>em {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(61,153,246,0.85);
  top: 0;
  left: 0;
  transition: all .3s;
  opacity: 0;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0 10px;
  text-align: center;
  box-sizing: border-box;
}

.par_item:hover>em {opacity:1}
.par_item img{
  width: 100%;
}
.zzg_c>p>em {
  font-size: 40px;
  display: inline-block;
  background: #406fe8;
  padding: 36px 52px;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 100%;
  position:absolute;
  bottom: -144px;
  right: 2%;
  border: 4px solid #fff;
}
/*  */
.hzd_bc {
  padding: 96px 0px 0;
}
.hzd_c {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}

.hzd_l {
  background: #0a2f8f;
  width: 60%;
  color: #fff;
  padding: 34px 40px;
}

.hzd_r {
  width: 40%;
  background: #000;
  color: #fff;
  padding: 30px 40px;
}

.hzd_l>em {
  font-size: 32px;
  font-weight: bold;
}

.hzd_l>p {
  font-size: 18px;
  margin-top: 8px;
}

.hzd_r>b {
  font-size: 30px;
}

.hzd_r>p {
  font-size: 19px;
}

.hzd_r>p>em {
  font-family: 'hb';
  font-size: 32px;
  color: #4070ff;
}
.hzd_l>em>a {
  color: #fa0406;
  font-weight: bold;
}

.hzd_r>p>i {
  font-size: 24px;
  margin-right: 5px;
}
/*  */
.bnt_tt {
  text-align: center;
}

.bnt_tt h1 {
  font-size: 40px;
  margin-bottom: 12px;
}

.bnt_tt h1 em {
  font-weight: bold;
  color: #0a2f8f;
}

.bnt_tt>p {
  font-size: 20px;
  color: #666;
}

.bnt_ic {
  margin-top: 60px;
}


.bnt_item i {
  display: flex;
  font-size: 50px;
  width: 110px;
  height: 110px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 100%;
  background: #071231;
  color: #fff;
  transition: all .5s;
}

.bnt_item {
  text-align: center;
  border: solid 1px #c5c5c5;
  background: #fff;
  padding: 60px 40px;
  margin: 0 15px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}

.bnt_bc {
  background-color: #edeff1;
  padding: 160px 0 90px;
  margin-top: -70px;
}

.bnt_item em {
  font-size: 30px;
  margin: 30px 0 10px;
  display: block;
}

.bnt_item p {
  line-height: 32px;
  color: #666;
  font-size: 18px;
  height: 64px;
}
.bnt_item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  transition: all 0.5s;
  background: url(../images/bnt-bg.jpg) no-repeat;
  background-size: cover;
}
.bnt_item:hover:after{
  left: 0;
}
.bnt_item:hover em,.bnt_item:hover p{
  color: #fff;
  z-index: 2;
  position: relative;
}
.bnt_item:hover i{
  background: #fff;
  color: #0a2f8f;
  z-index: 2;
  position: relative;
}

/*  */
.jxd_bc {
  background: #071231;
  color: #fff;
  padding: 94px 0 100px;
}

.jxd_cc {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.jxd_tt>i {
  color: rgb(191, 191, 191);
  font-weight: bold;
  position: relative;
  padding-left: 60px;
}

.jxd_tt>h1 {
  font-size: 38px;
  margin-top: 10px;
  line-height: 150%;
}

.jxd_tt>i:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background: #2b5cff;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.jxd_tt>h1 strong {
  color: #3d99f6;
  display: block;
}

.jxd_l {
  width: 48.8%;
  position: relative;
}

.jxd_r {
  width: 48.8%;
  padding-top: 90px;
}

.jxd_lt {
  background: #2c46c8;
  padding: 60px 50px;
  height: 456px;
  position: relative;
}

.jxd_lt>h1 {
  font-size: 32px;
}

.jxd_lt>p {
  font-size: 20px;
  margin-top: 12px;
}

.jxd_lt>i {
  position: absolute;
  bottom: 50px;
  color: rgba(255, 255, 255, 0.54);
  line-height: 22px;
}

.jxd_lb {
  background: #0b1846;
  height: 330px;
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.jxd_lb>h1 {
  font-size: 30px;
}

.jxd_lb>p {
  font-size: 18px;
  margin-top: 10px;
}

.jxd_l>p {
  position: absolute;
  right: 8%;
  bottom: 20%;
  max-width: 450px;
}
.jxd_l>p img{
  width: 100%;
}
.jxd_rt {
  background: #0b1846;
  padding: 60px 50px;
  height: 456px;
  position: relative;
}

.jxd_rt>p {
  position: absolute;
  top: -22%;
  right: 6%;
  max-width: 420px;
}

.jxd_rt>p img {
  width: 100%;
}

.jxd_rtt {
  position: absolute;
  bottom: 60px;
  left: 50px;
  z-index: 2;
}

.jxd_rtt>h1 {
  font-size: 32px;
}

.jxd_rtt>p {
  font-size: 20px;
  margin-top: 10px;
}

.jxd_rt>i {
  color: rgba(255, 255, 255, 0.47);
  line-height: 22px;
}
.jxd_rb {height: 308px;background: url(../images/jxd3.jpg) no-repeat left;padding: 50px 60px;
  position: relative;
}
.jxd_rbwz {display: flex;flex-direction: column;justify-content: center;height: 100%;padding-top: 4%;}

.jxd_rbwz>h1 {
    font-size: 30px;
}

.jxd_rbwz>div>p {
    font-size: 18px;
    line-height: 34px;
}

.jxd_rbwz>div {
    margin-top: 15px;
}

.jxd_rbwz>h1 span {
    color: #3d99f6;
}
.jxd_tt {
  position: relative;
}

.jxd_pho {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  display: flex;
  align-items: center;
}

.jxd_pho>i {
  font-size: 20px;
  margin-right: 7px;
}

.jxd_pho>em {
  font-size: 34px;
  font-family: 'hb';
}
.jxd_pho img {
  width: 39px;
  display: inline-block;
  margin-right: 10px;
}

/*  */
.yr_bc {
  padding: 100px 0;
  background: #edeff1;
  overflow: hidden;
}

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

.yr_l {
  width: 48.5%;
}

.yr_r {
  width: 48.5%;
}

.yr_img img {
  width: 100%;
  max-width: 800px;
  position: relative;
  z-index: 2;
}

.yr_l>p {
  font-weight: bold;
  font-size: 38px;
  color: #0a2f8f;
}

.yr_l>p em {
  font-weight: bold;
  display: block;
  font-size: 32px;
  margin-top: 6px;
  color: #333;
}

.yr_img {
  margin-top: 54px;
  position: relative;
  padding-top: 7%;
  padding-left: 1%;
}

.yr_img:after {
  position: absolute;
  content: "";
  background: url(../images/yyd-bg.png);
  width: 62%;
  height: 130%;
  left: 0;
  top: 0;
}
.yr_item {
  display: flex;
  background: #fff;
  padding: 36px;
}

.yr_item>i {
  font-size: 44px;
  margin-right: 20px;
  padding-top: 5px;
}

.yr_item+.yr_item {
  margin-top: 26px;
}

.yr_wz>h1 {
  font-size: 24px;
  line-height: 36px;
}

.yr_wz>h3 {
  font-weight: normal;
  margin-top: 12px;
  font-size: 18px;
  line-height: 36px;
  color: #333;
}
.yr_wz>h1 strong{
  color: #0a2f8f;
}
/*  */
.partcon {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  justify-content: center;
}

.al_bc {
  padding: 90px 0 100px;
}

.al_tt {
  text-align: center;
}

.al_tt h1 {
  font-size: 40px;
}

.al_tt h1 strong {
  color: #0a2f8f;
}

.al_tt h3 {
  width: 90%;
  margin: 0 auto;
  font-weight: normal;
  line-height: 36px;
  font-size: 20px;
  margin-top: 14px;
}
.al_tt h3 span{
  color: #e50012;
}
.partcon li {
    width: 15.5%;
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); 
    background: #fff;
    margin: 0 9px 18px;
}

.partcon li img {
    width: 100%;
}
/*  */
.ldy_tc {background: #071231;padding: 90px 0 50px;}

.ldy_tt {
    text-align: center;
    color: #fff;
}

.ldy_tt h1 {
    font-size: 40px;
}

.ldy_tt h1 span {
    color: #3d99f6;
}

.ldy_tt>p {
    font-size: 20px;
    margin-top: 12px;
}
.ldy_c {
  background: url(../images/ys-bg2.jpg) no-repeat center;
  height: 820px;
}

.ldy_ic {
    display: flex;
    position: relative;
}

.ldy_item {
    border-left: 2px solid rgba(255,255,255,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px;
    height: 100%;
    justify-content: center;
    position: relative;
}
.ldy_item:after{
  position:absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to top,rgba(37, 120, 204, 0.8),rgba(37, 120, 204, 0.1));
  opacity: 0;
}
.ldy_item:hover:after{
  opacity: 1;
}

.ldy_c>div, .ldy_ic {
    height: 100%;
}

.ldy_item img {
    max-width: 59px;
}
.ldy_item>i {
    display: block;
    font-size: 52px;
    font-family: 'imp';
    position: relative;
    z-index: 2;
    background: linear-gradient(to top, #00afff, #84a6ff);
    background-clip: text;
    -webkit-background-clip:text;
    color: transparent;
}
.ldy_wz {
    color: #fff;
    margin-top: 40px;
    position: relative;
    z-index: 2;
}
.ldy_wz>h2 span {
    color: #FFC107;
    font-weight: bold;
}
.ldy_wz>em {
    font-size: 32px;
    font-weight: bold;
}

.ldy_wz>h2 {
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    margin-top: 14px;
    height: 96px;
}
/*  */
.zj_bc {
  background: url(../images/zj-bg.jpg) no-repeat center;
  color: #fff;
  padding: 90px 0;
  background-size: cover;
}

.zj_c {
  text-align: center;
}

.zj_pho {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.zj_pho img {
  width: 38px;
  margin-right: 12px;
}

.zj_c h1 {
  font-size: 42px;
}

.zj_c h1 span {
  color: #FFC107;
}
.zj_c>p {
  font-size: 34px;
  font-weight: bold;
  margin: 26px 0 32px;
}

.zj_c>p span {
  color: #ff2436;
}

.zj_pho span {
  font-family: 'hb';
  font-size: 40px;
  padding-bottom: 6px;
}
/*  */
.pp_c {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.pp_bc {
  margin-top: 100px;
  position: relative;
  overflow: hidden;
}

.pp_l {
  width: 50%;
  padding-bottom: 7%;
}

.pp_r {
  width: 45%;
  position: absolute;
  right: 0;
  top: 0;
}

.pp_r img {
  width: 100%;
}

.pp_lt h1 {
  font-size: 38px;
}

.pp_lt h1 span {
  color: #0a2f8f;
}

.pp_lt>p {
  font-size: 34px;
  font-weight: bold;
  margin-top: 10px;
}

.pp_lt>p span {
  color: #cc0001;
}

.pp_wz>h1 {
  font-weight: normal;
  font-size: 20px;
}

.pp_wz {
  margin-top: 5%;
}

.pp_wz>h1+h1 {
  margin-top: 12px;
}

.pp_l>a {
  background: #022581;
  color: #fff;
  padding: 18px 55px;
  font-size: 18px;
  margin-top: 8%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp_l>a i {
  font-size: 22px;
  margin-left: 6px;
}
/*  */
.yz_bc {
  background: #071231;
  color: #fff;
  height: 630px;
  overflow: hidden;
}

.yz_c {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.yz_tt {
  width: 53.5%;
  height: 100%;
  /* padding-top: 50px; */
  position: relative;
  z-index: 2;
}

.yz_wz {
  width: 46.5%;
  height: 100%;
  background: #022581;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 82px 0 0;
  z-index: 2;
}

/*.yz_wz:after {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 200px;*/
/*  height: 100%;*/
/*  top: 0;*/
/*  background: #022581;*/
/*  right: -200px;*/
/*}*/
.yz_tt img {position: absolute;right: 0;top: 0;z-index: -1;}

.yz_wz img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.yz_wz p {
  font-size: 28px;
}

.yz_wz em {
  font-weight: bold;
  font-size: 32px;
  margin-top: 10px;
  display: block;
}

.yz_tt h1 {
  font-size: 34px;
}

.yz_tt p {
  font-size: 32px;
  margin-top: 10px;
  font-weight: bold;
}
.yz_wz1 {
    padding: 40px 20px 99px 0;
    position: relative;
    background: linear-gradient(to bottom, rgba(2,37,129,0.8) 42%, transparent);
}

.yz_wz1:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(2,37,129,0.8) 42%, transparent);
    top: 0;
    left: -200px;
}

.yz_wz2 {
    padding: 99px 0 46px 60px;
    position: relative;
    background: linear-gradient(to top, rgba(2, 37, 129, 0.8) 44%, transparent);
}

.yz_wz2:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 100%;
    right: -200px;
    bottom: 0;
    background: linear-gradient(to top, rgba(2, 37, 129, 0.8) 44%, transparent);
}
.yz_wz1 span, .yz_wz2 span {
    color: #ff2436;
}
.yz_wz1 h1 span {
    font-size: 46px;
}
/*  */
.fc_tt {
  text-align: center;
}

.fc_bc {
  padding: 90px 0 100px;
  background-color: #edeff1;
}

.fc_ic {
  margin-top: 62px;
  display: flex;
}

.fc_tt h1 {
  font-size: 40px;
}

.fc_tt h1 span {
  color: #022581;
}

.fc_tt>p {
  font-size: 20px;
  margin-top: 16px;
}
.fc_item {
  margin: 0 2%;
}

.fc_item img {
  width: 100%;
}

.fc_wz {
  background: #fff;
  padding: 34px 40px 46px;
  position: relative;
}

.fc_wz>h1 {
  font-size: 30px;
  background: #022581;
  color: #fff;
  display: inline-block;
  padding: 10px 40px;
  position: absolute;
  top: -60px;
  left: 0;
}

.fc_wz>h3 {
  font-weight: normal;
  color: #333;
  font-size: 18px;
  line-height: 34px;
  margin-top: 12px;
  text-align: justify;
}

.fc_wz>h2 {
  display: inline-block;
  font-size: 24px;
  line-height: 160%;
}
.fc_wz>h2 span{
  color: #e50012;
}
/*  */
.dq_bc {
  padding: 100px 0;
  background: url(../images/dq-bg.jpg) no-repeat center;
  color: #fff;
}

.dq_l>em {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40px;
  font-weight: bold;
  border-bottom: 2px solid #fff;
  padding-bottom: 6px;
}
.dq_l>em span{
  color: #e50012;
}
.dq_l>b {
  position: absolute;
  font-size: 26px;
  padding: 4px 10px 6px;
  right: 0;
  top: 88px;
  z-index: 2;
}

.dq_l>h1 {
  font-size: 34px;
  font-style: italic;
  position: relative;
  margin-top: 34px;
}

.dq_l>h1 span {
  display: block;
}

.dq_l {
  position: relative;
  min-width: 957px;
  padding-top: 52px;
  width: 957px;
}

.dq_l>h1 span {
  position: absolute;
  right: 0;
  bottom: -72px;
  font-size: 48px;
  color: #e50012;
}                                                                             

.dq_l>p {
  font-size: 21px;
  margin-top: 102px;
  text-align: right;
  background: #4070ff;
  padding: 10px 20px;
}
.dq_l>b:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #4070ff;
  left: 0;
  top: 0;
  z-index: -1;
  transform: skewX(-10deg);
}
.dq_c {
  position: relative;
}

.dq_r {
  position: absolute;
  width: 36%;
  top: 52%;
  right: 4%;
  transform: translateY(-52%);
}

.dq_r img {
  width: 100%;
}
.dq_pho {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    margin-top: 34px;
    padding-right: 5px;
}

.dq_pho i {
    font-size: 28px;
    margin-right: 8px;
}

.dq_pho b {
    font-size: 36px;
}
/*  */
.hon_ic{
  margin-top: 60px;
  position: relative;
}
.hon_item{
  margin: 0 3%;
  border: 7px solid #071231;
}
.hon_item img{
  width: 100%;
}
.hon_ic2 {
  display: flex;
  justify-content: space-between;
}

.hon_ic2 .hon_item {
  width: 23.7%;
  margin: 0;
}
.hon_bc6 {padding-bottom: 3.5%;}
.pag {
  bottom: 6.5%;
  left: 50%;
  transform: translateX(-50%);
}

.pag .swiper-pagination-bullet {
  width: 25px;
  height: 2px;
  border-radius: 0;
}

.pag .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 10px;
}

.pag .swiper-pagination-bullet-active {
  background: #cc0001;
}
.ry_bc {
  padding: 100px 0 90px;
}

.ry_t {
  text-align: center;
}

.ry_t h1 {
  font-size: 40px;
}

.ry_t h1 span {
  color: #022581;
}

.ry_t>p {
  font-size: 20px;
  margin-top: 12px;
}
span.sw_prev1.iconfont.iconyou {left: 24px;background: #022581;font-size: 20px;border: 1px solid #022581;padding: 8px;transform: rotate(180deg);margin-top: -20px;}

span.sw_next2.iconfont.iconyou {
    right: 24px;
    background: #022581;
    font-size: 20px;
    border: 1px solid #022581;
    padding: 8px;
}
/* tg_bc */
.tg_tit h1 {
    font-size: 38px;
}

.tg_tit h1 span {
    color:#022581;
}

.tg_tit p {
    font-size: 20px;
    margin-top: 14px;
}
.tg_tit {
    text-align: center;
    padding: 0 0 56px;
}
.tg_small span{color:#cc0001;}
.tg_bc2 {
    padding-top: 0 ;
}
.tg_bc3 {
    padding-bottom: 3.4%;
}
.tg_bc4 {
    padding: 3% 0 0;
}
.tg_tit>b {
    font-size: 34px;
    font-family: "hb";
}

.tg_tit>b span {
    color: #cc0001;
}
.tg_bc6 .tg_tit>b span:nth-child(1) {
    font-size: 34px;
}

.tg_bc6 .tg_tit>b span:nth-child(2) {
    font-size: 28px;
    color: #FF9800;
}
.tg_tit>i {
    font-size: 18px;
    color: #666;
    width: 92%;
    margin: 10px auto 0;
}
.tg_tit2>b {
    font-size: 28px;
    line-height: 46px;
}
.tg_ic {
    /* margin-top: 2.2%; */
    position: relative;
}

.tg_ic ul {
    display: flex;
}

.tg_ic li {
    
    background: #333;
    position: relative;
}
.tg_ic li a{
    display: block;
    color: #fff;
    position: relative;
}

.tg_text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all .5s;
    width: 100%;
    padding: 0 20px;
}
.tg_ic li a:hover .tg_text{
    margin-top: -10px;
}
.tg_ic li img {
    width: 100%;
}

.tg_text i {
    font-size: 54px;
}
.tg_text2 i {
    font-size: 34px;
}
.tg_text em {
    font-size: 22px;
    margin-top: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.tg_text2 em{font-size: 20px;padding: 0 3%;}
.tg_ic li a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #071231;
    opacity: .5;
}
.tg_ic li:nth-child(5) .tg_text i{
    font-size: 50px;
}
.tg_ic li:nth-child(5) .tg_text em {
    margin-top: 8%;
}
.tg_ic li:nth-child(6) .tg_text i{
    font-size: 40px;
}
.tg_ic .swiper-pagination {
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
}

.tg_ic .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}

.tg_ic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 8px;
}

.tg_ic .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.tg_ic .swiper-pagination-bullet-active {
    background: #fff;
}
/* news */
.new_bc {
    padding: 90px 0 100px;
    background: #edeff1;
}

.new_ic {
    margin-top: 58px;
    display: flex;
    justify-content: space-between;
}

.new_l {
    width: 34%;
    z-index: 2;
    background: #fff;
}

.new_r {
    width: 64.3%;
}

.new_l>p img {
    width: 100%;
}

.new_l>i {
    background: #022581;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    height: 60px;
    align-items: center;
    padding: 0 30px;
    position: relative;
    display: flex;
    width: 212px;
    margin-top: -30px;
}
.new_l>i:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-left: 26px solid #022581;
    right: -26px;
    top: 0;
}
.new_l>em {
    color: #333;
    line-height: 32px;
    display: block;
    padding: 26px 38px 32px;
    text-align: justify;
}

.new_l>p {

}

.new_to>ul {
    display: flex;
}

.new_to>ul>li {
    /* width: 18%; */
}

.new_to>ul>li+li {
    margin-left: 5%;
}

.new_to>ul a {
    /* border: 1px solid #ddd; */
    width: 100%;
    /* border-radius: 50px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 8px 0; */
    font-size: 20px;
    position: relative;
    padding-bottom: 8px;
}
.new_to>ul>li.on a{}
.new_bo {
    display: flex;
    justify-content: space-between;
    margin-top: 2%;
}

.new_bo>div {
    width: 49%;
}

.new_item {
    background: #fff;
    padding: 6% 7% 6%;
}

.new_item>a>i {
    font-size: 18px;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.new_item>a>p {
    color: #888;
    font-size: 15px;
    line-height: 26px;
    margin-top: 2.6%;
    height: 78px;
    overflow: hidden;
}
.new_date {
    border-top: 1px solid #ddd;
    margin-top: 4.4%;
    padding-top: 3%;
}

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

.new_date i {
    font-weight: bold;
    color: #888;
    font-size: 30px;
    display: block;
}

.new_date>p {
    text-align: center;
    font-family: 'hr';
}

.new_date em {
    color: #999;
}

.new_date>span {
    font-size: 30px;
    color: #999;
}

.new_item+.new_item {
    margin-top: 2.8%;
}

.new_rit {
    background: #fff;
}
.new_rit>a{
    display: flex;
    justify-content: space-between;
    padding: 6.6% 5% 4.5%;
}

.new_rid>b {
    color: #888;
    font-size: 30px;
}

.new_rid {
    text-align: center;
    width: 18%;
    font-family: 'hr';
}

.new_rir {
    width: 80%;
}

.new_rit+.new_rit {
    margin-top: 2.6%;
}

.new_rid>em {
    color: #999;
}

.new_rir>i {
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.new_rir>p {
    font-size: 15px;
    color: #888;
    margin-top: 3%;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

.new_rir>span {
    display: block;
    text-align: right;
    padding-right: 6%;
    margin-top: 2%;
    font-size: 24px;
    color: #999;
}
.new_t {
    text-align: center;
}

.new_t>h1 {
    font-size: 40px;
}

.new_t>h1 span {
    color: #022581;
}

.new_t>p {
    color: #333;
    font-size: 20px;
    margin-top: 12px;
}

.new_to>ul a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: #022581;
    bottom: 0;
    transition: all .5s;
}

.new_to>ul li.on a:after {
    width: 30%;
}
/**/
.link_c {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

.link_l>p em {
    font-size: 30px;
    text-transform: uppercase;
    color: #ccc;
    font-weight: bold;
    line-height: 30px;
}

.link_l>ul {
    display: flex;
}

.link_l {
    display: flex;
    align-items: center;
    width: 90%;
}

.link_l>p {
    padding-right: 20px;
    margin-right: 20px;
    position: relative;
}
.link_l>p:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 86%;
    background: #ccc;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.link_l>ul li+li {
    margin-left: 12px;
}

.link_l>ul a {
    color: #888;
}

.link_r>a span {
    color: #022581;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    margin-left: 6px;
}
.link_l>p>i{display:block;}
.link_r {
    min-width: 122px;
}
/*  */
.bq_ic {
  display: flex;
  position: relative;
  z-index: 2;
}

.bq_l {
  width: 38%;
  background: #0a2f8f;
  padding: 4% 0 2% 3%;
}

.bq_r {
  width: 62%;
  padding: 3.5% 1% 2% 0;
}

.bq_r * {
  color: #fff;
}

.bq_ic:before {
  position: absolute;
  content: "";
  width: 200px;
  right: -199px;
  top: 0;
  height: 100%;
  background: #0a2f8f;
  z-index: -1;
}


.bq_l>p span{
  color: #FFEB3B;
}
.bq_icc {
  background: #122252;
}

.bq_l>p img {margin: 0 auto;}

.bqx_it>p {
  display: flex;
  align-items: center;
  font-size: 17px;
}

.bqx_it>p i {
  font-size: 22px;
  margin-right: 8px;
  color: #fff;
}

.bqx_it>b {
  font-size: 20px;
  margin-top: 3px;
  color: #fff;
  font-weight: normal;
  font-family: 'hb';
  display: block;
}

.bqx_it+.bqx_it {
  margin-top: 17px;
}

.bqx_it:nth-child(1)>b,.bqx_it:nth-child(2)>b {
  font-size: 25px;
  color: #FFC107;
}

.bq_code {
  display: flex;
  margin: 4% 0 6%;
}

.bq_code img {
  width: 100%;
}

.bq_cit {
  width: 24%;
  text-align: center;
}

.bq_cit i {
  font-size: 15px;
  text-align: center;
  color: #fff;
}

.bq_cit p {
  background: #fff;
  padding: 4%;
  margin: 5px 0;
}
.bqr_item>a {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
  margin-bottom: 20px;
  display: block;
}

.bqr_item>ul {
  display: flex;
  flex-wrap: wrap;
}
.bqr_item>a:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 67%;
  background: #fff;
  left: 0;
  top: 59%;
  transform: translateY(-50%);
}

.bqr_item+.bqr_item {
  margin-top: 2.6%;
}

.bqr_item:nth-child(1) li {font-size: 15px;}

.bqr_item:nth-child(1) li {
  width: 20%;
}
.bqr_item:nth-child(1) li{
  margin-bottom: 1%;
}
.bqr_item:nth-child(2) li {
  width: 20%;
  font-size: 15px;
  margin-bottom: 1%;
}
.bqr_item:nth-child(4) li {
  width: 20%;
}

.bq_bo {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 2%;
  margin-top: 2%;
  font-size: 15px;
}

.bq_bo ul {
  display: flex;
  margin-top: 10px;
}

.bqr_item:nth-child(4) li {
  margin-bottom: 12px;
  font-size: 15px;
}

.bqr_item li a{
  position: relative;
  display: block;
  padding-left: 16px;
  color: rgba(255,255,255,0.9);
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bq_bo>em,.bq_bo ul li a{
  color: rgba(255,255,255,0.9);
}

.bqr_item li a:after{
  position: absolute;
  content: "\e63a";
  font-family: "iconfont";
  top: 48%;
  left: 0;
  font-size: 12px;
  transform: scale(.8) translateY(-50%);
  color: rgba(255,255,255,0.7);
}
.bq_xx {
  color: #fff;
}
.bq_rt img {
  width: 60px;
}

.bq_bc {
  overflow: hidden;
}

.bq_rt {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.bq_rt h1 {
  font-size: 34px;
  margin-left: 18px;
}

.bqr_item:nth-child(3)>ul li {
  width: 20%;
  margin-bottom: 1%;
}

.bq_dws>p {
  color: #fff;
  line-height: 32px;
  text-align: justify;
}

.bq_dws>p span {
  font-size: 24px;
  font-weight: bold;
}
.bq_xx {
  display: flex;
  flex-wrap: wrap;
}

.bq_cit+.bq_cit {
  margin-left: 19px;
}

.bqx_it:nth-child(3)>b {
  margin-top: 8px;
}

.bqx_it:nth-child(3)>p i {
  font-size: 20px;
  margin-right: 5px;
}
.bqx_it{
  width: 100%;
}
.bq_rt h1 span{color: #5a88e5;}
.bq_dws>p strong {
  color: #FFC107;
}




/*neiye*/
.nban {
    overflow: hidden;
}
.nban img{
    width: auto;
    max-width: none;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}


/* ny */
.jj_tt>h1 {
  font-size: 40px;
}

.jj_bc {
  padding: 90px 0;
  background: #edeff1;
}

.jj_c>h3 {
  font-weight: normal;
  margin-top: 32px;
  color: #333;
}
.jj_c>h3 p {
    font-size: 17px;
    line-height: 36px;
    text-align: justify;
}
.jj_c {
  background: #fff;
  padding: 54px 60px;
}

.jj_tt>h2 {
  font-size: 30px;
  margin-top: 14px;
}

.jj_tt>h1 span {
  color: #0a2f8f;
}

.jj_tt>h2 span {
  color: #0a2f8f;
}

.jj_c>h3 p+p {
  margin-top: 22px;
}
.jj_img>ul {
  display: flex;
  margin-top: 42px;
  flex-wrap: wrap;
}

.jj_img li {
  width: 23.8%;
  text-align: center;
  margin: 0 0.6% 1.3%;
}

.jj_img li img {
  width: 100%;
  border: 1px solid #eee;
}

.jj_img li h1 {margin-top: 12px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*  */
.nt_bc {padding: 90px 0 100px;overflow: hidden;}

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

.nt_c>p {
    width: 41%;
    position: relative;
    top: 14px;
}

.nt_c>p img {
    width: 100%;
}

.nt_wz {
    width: 56%;
}

.nt_wz>p {
    font-size: 18px;
    line-height: 34px;
    color: #555;
}
.nt_wz>p span {
    background: #0a2f8f;
    color: #fff;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    line-height: 30px;
    margin-right: 10px;
}
.nt_wz>b {
    display: block;
    font-size: 36px;
    margin-bottom: 35px;
}
.nt_wz>b i {
    color: #cc0001;
}
.nt_wz>b span {
    color: #cc0001;
}

.nt_wz>p+p {
    margin-top: 14px;
}

.nt_jj {
    margin-top: 40px;
    font-size: 22px;
    line-height: 42px;
    background: #0a2f8f;
    color: #fff;
    padding: 30px 0 30px 40px;
    position: relative;
    border-left: 6px solid #ffbf00;
}

.nt_jj:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 100%;
    right: -200px;
    top: 0;
    background: #0a2f8f;
}

.nt_jj strong,.nt_jj b {
    color: #ffc107;
    font-weight: normal;
}
.nt_jj strong{
  font-size: 24px;
}
/*  */
.es_bc {
  background: url(../images/es-bg.jpg) no-repeat center;
  color: #fff;
  padding: 90px 0;
  text-align: center;
  background-size: cover;
}

.es_c>h1 {
  font-size: 38px;
}

.es_c strong {
  color: #ffba00;
}

.es_c>p {
  font-size: 35px;
  margin: 24px 0 36px;
  font-weight: bold;
  letter-spacing: 1px;
}

.es_pho {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.es_pho i {
  font-size: 24px;
  margin-right: 8px;
}

.es_pho b {
  font-size: 42px;
}
.es_c>h1 span {
  color: #ee3434;
    font-size: 50px;
    display: inline-block;
    top: 5px;
    position: relative;
    font-family: 'imp';
    margin-right: 2px;
    letter-spacing: 2px;
}
.es_pho img {
  width: 40px;
  margin-right: 12px;
}

/*  */
.wd_bc {
  padding: 90px 0 100px;
}

.w_tt h1 {
  text-align: center;
  font-size: 40px;
}

.w_tt span {
  color: #0a2f8f;
}
.w_tt i {
    color: #cc0001;
}
.wd_ic {
  display: flex;
  margin-top: 60px;
}

.wd_item {
  width: 20%;
  text-align: center;
  border-right: 1px solid #eee;
  padding: 74px 30px;
  transition: all .5s;
}

.wd_item>i {
  font-family: 'imp';
  font-size: 48px;
  color: #0a2f8f;
}

.wd_item>h2 {
  font-weight: normal;
  line-height: 28px;
  margin-top: 28px;
  color: #333;
}

.wd_item>h1 {
  font-size: 26px;
  margin: 46px 0 28px;
}

.wd_item>img {
  background: #333;
  width: 100%;
}
.wd_item.on {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 23%;
}
/*.wd_item.on>h2 {width: 85%;margin: 28px auto 0;}*/
/*  */
.ws_bc {
  background: #edeff1;
  padding: 90px 0 80px;
  overflow: hidden;
}

.ws_tt {
  text-align: center;
}

.ws_tt>h1 {
  font-size: 40px;
}

.ws_tt>p {
  font-size: 24px;
  margin-top: 12px;
}

.ws_tt>h1 span {
  color: #0a2f8f;
}

.ws_ic {
  margin-top: 60px;
}


.ws_item>p {
  font-size: 17px;
  line-height: 30px;
  color: #555;
  margin-top: 16px;
}

.ws_item>i {
  font-size: 20px;
  font-family: 'hr';
  color: #fff;
  background: #0a2f8f;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.ws_img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.ws_img>p img {
  width: 100%;
}

.ws_img>p {
  width: 49.4%;
  background: #333;
}

.ws_iwz {
  width: 49.5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ws_item {
  background: #fff;
  padding: 36px;
}

.ws_iwz>.ws_item {
  width: 49%;
}

.ws_iwz>.ws_item:nth-child(n+3) {
  margin-top: 18px;
}
.ws_wc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ws_wc .ws_item,.ws_wc .ws_pho {
    width: 24.25%;
    margin-bottom: 18px;
}

.ws_pho {
    background: #0a2f8f;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 54px;
    position: relative;
}

.ws_pho b {
    display: block;
    font-size: 36px;
    margin-top: 8px;
}

.ws_pho>p {
    font-size: 20px;
}

.ws_pho>p i {
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
}


/*  */
.yq_bc {
  background: url(../images/dg-bg.jpg) no-repeat right center;
  color: #fff;
  padding: 90px 0;
  background-size: cover;
}

.yq_c {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.yq_img img {
  width: 100%;
}

.yq_l {
  width: 55%;
  min-width: 939px;
}

.yq_img {
  width: 35%;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}

.yq_l>em {
  font-size: 38px;
  font-weight: bold;
}

.yq_l>em span {
  position: relative;
  display: inline-block;
  z-index: 2;
  padding: 2px 14px 4px;
  margin-left: 16px;
  font-size: 36px;
}

.yq_l>em span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #537cf9;
  left: 0;
  top: 0;
  z-index: -1;
  transform: skewX(-10deg);
}

.yq_l>h1 {
  font-size: 38px;
  font-style: italic;
  margin: 24px 0;
  line-height: 58px;
  position: relative;
}

.yq_l>h1 span {
  display: block;
  color: #ffc107;
}

.yq_pho img {
  width: 34px;
  margin-right: 10px;
}

.yq_pho {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-top: 46px;
}

.yq_pho b {
  font-size: 40px;
}

.yq_l>p {
  background: #537cf9;
  display: inline-block;
  font-size: 18px;
  padding: 10px 14px;
}

.yq_l>h1:after {
  position: absolute;
  content: "";
  width: 33%;
  height: 1px;
  background: #fff;
  right: 3%;
  bottom: 26px;
}
.yq_l>em i {
  font-size: 60px;
  color: #ffc107;
  position: relative;
  top: 4px;
}
/*  */
.bz_bc {
  padding: 90px 0;
  background: url(../images/bz-bg.jpg) no-repeat center;
  height: 1021px;
}

.bz_item img {
  width: 32px;
  position: relative;
  z-index: 2;
}

.bz_item {display: flex;align-items: flex-start;}

.bz_tt {
  text-align: center;
}

.bz_ic {
  margin-top: 168px;
  display: flex;
  justify-content: space-between;
}

.bz_tt h1 {
  font-size: 42px;
}

.bz_tt strong {
  color: #0a2f8f;
}

.bz_tt ul {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.bz_tt li {
  background: #0a2f8f;
  color: #fff;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 36px;
  font-size: 20px;
  border-radius: 100px;
}

.bz_tt li+li {
  margin-left: 10px;
}

.bz_wz {
  width: 30%;
}

.bz_item+.bz_item {
  margin-top: 46px;
}

.bz_item p {
  font-size: 18px;
  line-height: 34px;
  color: #071231;
}

.bz_item>i {
  position: relative;
  display: block;
  margin-right: 15px;
}

.bz_item>i:after {
  position: absolute;
  width: 20px;
  height: 18px;
  border: 2px solid #0a2f8f;
  bottom: 0;
  left: 0;
  content: "";
}
/*.bz_wz+.bz_wz .bz_item {flex-direction: row-reverse;}*/

/*.bz_wz+.bz_wz .bz_item>i {*/
/*    margin-right: 0;*/
/*    margin-left: 18px;*/
/*}*/
/*.bz_wz+.bz_wz .bz_item>p {*/
/*  text-align: right;*/
/*}*/
.bz_item p span {
  color: #e50012;
  font-weight: bold;
}
/*  */
.sd_c>h1 {
  font-size: 40px;
  text-align: center;
}

.sd_c>h1 span {
  color: #0a2f8f;
}

.sd_bc {
  padding: 90px 0 100px;
}

.sd_ic {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.sd_l {
  width: 49.2%;
  background: #333;
  color: #fff;
  position: relative;
}

.sd_r {
  width: 49.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

p.sd_img img {
  width: 100%;
}

.sd_item {
  height: 48.5%;
  background: #333;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.sd_wz {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 50px 40px;
  display: flex;
  align-items: flex-start;
}

.sd_wz>i {
  background: #4070ff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 2px;
  font-size: 19px;
  position: relative;
  top: 6px;
}

.sd_wz>em {
  font-size: 18px;
  margin-left: 18px;
  line-height: 30px;
}

.sd_item .sd_wz {
  padding: 0 44px 30px;
}
p.sd_img:before {
  position: absolute;
  content: "";
  background: linear-gradient(to bottom, transparent 40%, #071231 120%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

p.sd_img {
  position: relative;
}

/*  */
.kk_pho img {
  width: 30px;
  margin-right: 12px;
}

.kk_pho {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin-top: 38px;
}

.kk_bc {
  background: url(../images/kk-bg.jpg) no-repeat center;
  color: #fff;
  padding: 90px 0;
  background-size: cover;
}

.kk_l>h1 {
  font-size: 36px;
  line-height: 56px;
  position: relative;
}

.kk_l>h1 span {
  display: block;
  letter-spacing: 1.85px;
  color: #fff;
}

.kk_icon>h2 {
  font-size: 34px;
  line-height: 46px;
  color: #0a2f8f;
}

.kk_icon>h2 span {
  display: block;
  color: #e50012;
  letter-spacing: 2.2px;
}

.kk_l>h3 {
  font-size: 25px;
}

.kk_l>h3 span {
  color: #FFC107;
}

.kk_pho>b {
  font-size: 38px;
}
.kk_icon {
  display: inline-flex;
  background: #fff;
  padding: 18px 40px;
  align-items: center;
  margin: 22px 0 30px;
}

.kk_icon img {
  width: 74px;
  margin-right: 24px;
}

.kk_c {
  position: relative;
  display: flex;
}

.kk_l {
  min-width: 833px;
  padding-left: 2%;
}
.kk_l>h1 em {
  font-weight: bold;
  color: #FFC107;
}
.kk_r {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 39%;
}

.kk_r img {
    width: 100%;
}
/*  */
.sj_c>h1 {
  font-size: 40px;
  text-align: center;
}

.sj_c>h1 span {
  color: #0a2f8f;
}

.sj_bc {
  padding: 90px 0;
  background: #edeff1;
}

.sj_ic {
  margin-top: 56px;
  display: flex;
}

.sj_ic>p img {
  width: 100%;
}

.sj_ic>p {
  width: 50%;
}

.sj_r {
  width: 50%;
  padding: 46px 50px;
  background:#fff;
}

.sj_r li {
  display: flex;
}

.sj_r li i {
  background: #cc0001;
  color: #fff;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  position: relative;
  top: 6px;
  font-size: 20px;
  border-radius: 100%;
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  line-height: 36px;
}

.sj_r li p {
  font-size: 18px;
  line-height: 32px;
  margin-left: 20px;
  color: #333;
}

.sj_r li+li {
  margin-top: 38px;
}
.sj_r>ul:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    background: #cc0001;
    top: 12px;
    left: 17px;
}

.sj_r>ul {
    position: relative;
}
/*  */
.hx_c>h1 {
  font-size: 40px;
  text-align: center;
}

.hx_c>h1 span {
  color: #0a2f8f;
}

.hx_bc {
  padding: 160px 0 100px;
  background: #edeff1;
  position: relative;
  margin-top: -65px;
}

.hx_item {
  text-align: center;
  padding: 50px;
  border: 1px solid #eee;
  margin: 0 .6% 22px;
  width: 32%;
  background: #fff;
  transition: all .3s;
}
.hx_item:hover {
    transform: translateY(-8px);
}
.hx_ic {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
}
.hx_item>h3 {
  font-weight: normal;
  line-height: 34px;
  font-size: 18px;
  margin-top: 20px;
  color: #333;
}

.hx_it>i {
  font-size: 52px;
}

.hx_it>h1 {
  font-size: 26px;
  margin-top: 22px;
}
.hx_it>h1 span {
    color: #cc0001;
}
/*  */
.hy_bc {
  background: url(../images/hy-bg.jpg) no-repeat center;
  color: #fff;
  padding: 90px 0;
  background-size: cover;
}

.hy_c {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.hy_l img {
    width: 100%;
}

.hy_l {
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translateY(-49%);
    width: 39%;
}
.hy_r {
  width: 50%;
  min-width: 857px;
  margin-right: 2%;
}

.hy_r>i {
  font-size: 26px;
  display: block;
  letter-spacing: 2px;
}

.hy_r>h1 {
  font-size: 30px;
  line-height: 48px;
  margin: 22px 0 26px;
  background: #fff;
  color: #0a2f8f;
  padding: 18px 34px;
}


.hy_r>h1 span {
    color: #e50018;
    font-size: 32.5px;
}

.hy_r>h2 {
    font-size: 38px;
    display: inline-block;
    color: #FFC107;
}

/*.hy_r>h2 span {color:#ffd600;}*/

.hy_r>p {
    margin-top: 24px;
    font-size: 18px;
    line-height: 34px;
}

.hy_r>p span {
    font-weight: bold;
    font-size: 24px;
}
/*  */
.bd_ic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 56px;
}

.bd_bc {
  padding: 90px 0 84px;
  background: #edeff1;
}

.bd_ic>div {
  width: 32.5%;
  margin-bottom: 24px;
  background: #fff;
}

.bd_item img {width: 100%;}

.bd_wz {
  background: #fff;
  padding: 40px;
  position: relative;
}

.bd_tt>h1 {
  font-size: 42px;
  line-height: 54px;
  padding-right: 6px;
}

.bd_tt>h1 strong {
  color: #0a2f8f;
}

.bd_tt>p {
  font-size: 20px;
  color: #333;
  margin-top: 18px;
  position: relative;
  display: block;
}

.bd_item>p {
  background: #071231;
}

.bd_wz>i {
  position: absolute;
  top: -46px;
  left: 40px;
  background: #e50018;
  color: #fff;
  width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  font-family: 'hr';
}

.bd_wz>h1 {
  font-size: 28px;
  margin-top: 10px;
}

.bd_wz>h3 {
  font-weight: normal;
  font-size: 17px;
  line-height: 32px;
  margin-top: 13px;
  color: #444;
}

.bd_tt {
  text-align: center;
}
.bd_tt>h1 span {
  color: #e50018;
}
.bd_item:nth-child(7),.bd_item:nth-child(8) {
    width: 49.4%;
}
.bd_tt>em {
    font-size: 40px;
    font-weight: bold;
    margin-top: 4px;
    display: block;
    letter-spacing: 2px;
}

.bd_tt>em span {
    color: #cc0001;
}
/*  */
.bn_bc {
  padding: 100px 0;
  background: #edeff1;
}

.bn_tt {
  /* text-align: center; */
  margin-bottom: 42px;
  position: relative;
  padding-bottom: 32px;
}

.bn_tt h1 {
  font-size: 36px;
}
.bn_tt h1 em {
    font-weight: bold;
    color: #cc0001;
    font-size: 40px;
}
.bn_tt>p {
  font-size: 20px;
  margin-top: 12px;
}

.bn_tt h1 span {
  color: #0a2f8f;
}

.bn_ic {
  display: flex;
  /* margin-top: 60px; */
  justify-content: space-between;
  flex-direction: row-reverse;
}

.bn_l {
  width: 44%;
}
.bn_l img {
    width: 100%;
}
.bn_r {
  width: 56%;
  padding: 56px 56px 74px;
  background: #fff;
}

.bn_r li {
  display: flex;
  position: relative;
}

.bn_r li+li {
  margin-top: 34px;
}

.bn_r li i {
  background: #cc0001;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 18px;
  font-family: 'hr';
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  top: 5px;
  border-radius: 2px;
}

.bn_r li p {
  font-size: 18px;
  line-height: 34px;
  margin-left: 16px;
  color: #333;
}
.bn_tt:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  background: #0a2f8f;
  bottom: 0;
  left: 0;
}

/*  */
.lc_bc {
  background: url(../images/lc-bg.jpg) no-repeat center;
  padding: 90px 0 100px;
  background-size: cover;
}

.lc_tt {
  text-align: center;
  color: #fff;
}

.lc_tt>h1 {
  font-size: 40px;
}

.lc_tt>h1 strong {
  color: #ffc107;
}

.lc_tt>p {
  font-size: 20px;
  margin-top: 12px;
}
.lc_tt>p span {
    font-size: 26px;
    color: #ffc107;
    font-weight: bold;
}
.lc_ic {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.lc_item>i {
  font-size: 48px;
  display: block;
}

.lc_item>em {
  font-size: 20px;
  display: block;
  margin: 22px 0 26px;
}

.lc_item {
  text-align: center;
  /* margin: 0 5%; */
  background: #fff;
  padding: 46px 30px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 2px;
  transition: all .3s;
}

.lc_item:hover {
  background: #5882ff;
  color: #fff;
}

.lc_item:hover>p span {
  color: #fff;
  border-color: #fff;
}

.lc_item>p span {
  font-family: 'hr';
  border: 1px solid #a8aaad;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}

.lc_ic:after {
  position: absolute;
  content: "";
  width: 90%;
  height: 1px;
  background: #d3d5d6;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.lc_item>p {
  display: inline-block;
  /* width: 70px; */
  /* background: #edeff1; */
}

.lc_prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.lc_btn>span {
  position: absolute;
  top: 50%;
  background: #5882ff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  z-index: 2;
}

.lc_next {
  right: 0;
  transform: translateY(-50%);
}

/* ly */
.ly_bc {
  background: url(../images/ly-bg.jpg) no-repeat top center;
  padding: 52px 0 54px;
  background-size: cover;
}

.ly_tt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: -10px;
}

.ly_l>i {
  font-size: 26px;
}

.ly_pho img {
  width: 32px;
  margin-right: 10px;
}

.ly_l li {
  position: relative;
  font-size: 18px;
  background: #fff;
  padding: 6px 30px;
  border-radius: 34px;
}

.ly_l li img {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
}

.ly_l li+li {
  margin-left: 26px;
}

.ly_l ul {
  display: flex;
  margin: 26px 0 20px;
}

.ly_l>p {
  font-size: 32px;
  font-weight: bold;
}

.ly_l>p strong {
  color: #0a2f8f;
}

.ly_r {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 42%;
  margin-left: 50px;
  position: relative;
}

.ly_item {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 20px 20px;
}

.ly_l {
  position: relative;
  min-width: 500px;
}

.ly_ic {
  margin-top: 94px;
  text-align: center;
  color: #fff;
}

.ly_item>i {
  font-size: 36px;
  margin-right: 12px;
}

.ly_item:nth-child(2),
.ly_item:nth-child(4) {
  width: 48%;
}

.ly_item:nth-child(1),
.ly_item:nth-child(3) {
  width: 50%;
}

.ly_wz>em {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

.ly_wz>p {
  color: #333;
  margin-top: 4px;
}

.ly_item:nth-child(1),
.ly_item:nth-child(2) {
  margin-bottom: 14px;
}

.ly_pho {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.ly_ic>h1 {
  font-size: 36px;
}

.ly_ic>p {
  font-size: 24px;
  margin: 20px 0;
}

.ly_pho b {
  font-size: 36px;
  color: #FFC107;
}

.ly_ic>h1 span {
  color: #FFC107;
}

/**/
.hzd_bc2 {
  padding: 0;
}

.hzd_bc2 {
  padding: 0;
  background: #000000;
  position: relative;
  z-index: 2;
}

.hzd_bc2:after {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: #0a2f8f;
  left: 0;
  top: 0;
  z-index: -1;
}
.hzd_c2 .hzd_l {
    padding-left: 0;
}
/* tg */
.tgg_bc {
  padding: 90px 0 100px;
}

.tgg_img>p {
  width: 24%;
}

.tgg_img>p img {
  width: 100%;
}

.tgg_img {
  display: flex;
  justify-content: space-between;
  margin-top: 46px;
}

.tgg_c {
  text-align: center;
}

.tgg_c h1 {
  font-size: 40px;
}

.tgg_c h2 {
  font-size: 24px;
  line-height: 44px;
  width: 96%;
  margin: 24px auto 0;
}

.tgg_c h2 span {
  color: #cc0001;
}

.tgg_c h1 span {
  color: #0a2f8f;
}

/*  */
.qd_c>p {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.qd_bc {
  padding: 90px 0 100px;
  background: #edeff1;
}

.qd_c>p span {
  color: #0a2f8f;
}

.qd_ic {
  margin-top: 60px;
}

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

.dq_tl {
  width: 32.8%;
}
.dq_tl img {
    width: 100%;
}
.qd_tr {
  width: 66.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.qd_item {
  background: #fff;
  position: relative;
}

.qd_tr .qd_item {
  padding: 52px 40px 40px;
  width: 49.3%;
}

.qd_tb .qd_item {
  width: 32.8%;
  padding: 44px;
}

.qd_tb {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.qd_tr .qd_item:nth-child(3),
.qd_tr .qd_item:nth-child(4) {
  margin-top: 16px;
}

.qd_item>i {
  font-size: 20px;
  font-family: 'hr';
  background: #cc0001;
  color: #fff;
  width: 36px;
  height: 42px;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-bottom: 5px;
}

.qd_item>p {
  color: #333;
  line-height: 32px;
  font-size: 18px;
  margin-top: 14px;
}

.qd_tr .qd_item>i {
  left: 40px;
}

.qd_tb .qd_item>i {
  left: 44px;
}

.qd_tb .qd_item>p {
  margin-top: 20px;
}

/*  */
.kb_bc {
  background: url(../images/kb-bg.jpg) no-repeat top center;
  padding: 80px 0 90px;
  color: #fff;
  background-size: cover;
}

.kb_l>h1 img {
  width: 50px;
  margin-right: 15px;
}

.kb_c {
  display: flex;
  position: relative;
}

.kb_l {
  width: 50%;
  min-width: 857px;
  margin-left: 7%;
}

.kb_l>p {
  font-size: 40px;
  font-weight: bold;
}

.kb_l>h1 {
  display: inline-flex;
  align-items: center;
  font-size: 48px;
  margin: 26px 0;
  background: #fff;
  padding: 10px 34px;
  color: #cc0001;
  letter-spacing: 2px;
}

.kb_l>p span {
  color: #FFC107;
  font-size: 52px;
}

.kb_l>em {
  font-size: 20px;
  display: block;
  line-height: 40px;
}

.kb_l>em span {
  color: #FFC107;
  font-weight: bold;
}
.kb_r {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-49%);
    width: 30%;
}

.kb_r img {
    width: 100%;
}
/*  */
.sl_tt {
  text-align: center;
}

.sl_tt h1 {
  font-size: 40px;
}

.sl_bc {
  padding: 90px 0 100px;
  background: #edeff1;
}

.sl_tt h1 span {
  color: #0a2f8f;
}

.sl_tt>p {
  font-size: 20px;
  margin-top: 12px;
}

.sl_tt>p span {
  color: #cc0001;
}

.sl_ic {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.sl_item {
  background: #fff;
  width: 32.4%;
}

.sl_item>p img {
  width: 100%;
}

.sl_wz {
  padding: 40px 42px;
}

.sl_wz>h1 {
  font-size: 26px;
}

.sl_wz>h3 {
  font-size: 17px;
  font-weight: normal;
  color: #333;
  line-height: 34px;
  margin-top: 16px;
  text-align: justify;
}
.sl_wz>h1 span {
  color: #cc0001;
}
/*  */
.ll_bc {
  padding: 90px 0;
  background: url(../images/ll-bg.jpg) no-repeat top center;
  background-size: cover;
}

.ll_l>h1 {
  font-size: 30px;
  line-height: 160%;
}

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

.ll_l {
  width: 58%;
  color: #fff;
}

.ll_l>h2 {
  font-weight: normal;
  font-size: 18px;
  line-height: 38px;
  margin-top: 22px;
  text-align: justify;
}

.ll_l>h1 span {
  color: #ff0001;
}
/* IC AOI */
.dz_tt>h1 {
  font-size: 40px;
}

.dz_tt {
  text-align: center;
}

.dz_bc {
  padding: 90px 0 76px;
  overflow: hidden;
  position: relative;
}

.dz_tt>h1 span {
  color: #0a2f8f;
  display: inline-block;
  padding-right: 60px;
  position: relative;
  margin-right: 8px;
}

.dz_tt>h1 span:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background: #333;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.dz_tt>ul {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}

.dz_tt>ul li+li {
  margin-left: 15px;
}

.dz_tt li {
  font-size: 22px;
  background: #0a2f8f;
  color: #fff;
  border-radius: 60px;
  width: 140px;
  height: 40px;
  line-height: 40px;
}

.dz_ic {
  margin-top: 60px;
  display: flex;;
  justify-content: space-between;
  padding: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  position: relative;
  background: #fff;
}

.dz_l {
  width: 49%;
}

.dz_r {
  width: 49%;
  padding: 10px 0;
}

.dz_l img {
  width: 100%;
}

.dz_item {
  display: flex;
}

.dz_item+.dz_item {
  margin-top: 28px;
}

.dz_item span {
  background: #cc0001;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  font-size: 18px;
}

.dz_item>p {
  font-size: 18px;
  line-height: 32px;
}

.dz_item strong {
  font-weight: normal;
  color: #0a2f8f;
}

.dz_ic:after {
  position: absolute;
  content: "";
  width: 233px;
  height: 100%;
  background: #fff;
  right: -214px;
  top: 0;
  box-shadow: 16px 0 20px 0 rgba(0,0,0,0.06);
}
.dz_bc:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 35%;
  background: #0a2f8f;
  bottom: 0;
  left: 0;
  z-index: -1;
}
/* xp_bc */
.xp_bc {
  padding: 90px 0 100px;
  background: #edeff1;
}

.xp_tt {
  text-align: center;
}

.xp_tt h1 {
  font-size: 40px;
}

.xp_tt h1 span {
  color: #0a2f8f;
  display: inline-block;
  padding-right: 60px;
  position: relative;
  margin-right: 8px;
}

.xp_tt h1 span:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background: #333;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.xp_tt p {
  font-size: 20px;
  margin-top: 16px;
}

.xp_tt p strong {
  color: #cc0001;
}

.xp_ic {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.xp_l {
  width: 40%;
  position: relative;
  top: 8px;
}

.xp_r {
  width: 58%;
}

.xp_item>h1 {
  background: #0a2f8f;
  color: #fff;
  padding: 14px 20px;
  flex-shrink: 0;
  border-radius: 60px;
  width: 226px;
  font-size: 26px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.xp_item {
  display: flex;
  align-items: center;
  position: relative;
}

.xp_item+.xp_item {
  margin-top: 36px;
}

.xp_item:nth-child(even) h1 {background: #333;}

.xp_item>p {
  font-size: 18px;
  line-height: 32px;
  margin-left: 28px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  padding: 14px 34px;
  border-radius: 4px;
  color: #333;
  width: 100%;
}
.xp_l img {
  width: 100%;
}
.xp_item:nth-child(1),.xp_item:nth-child(5) {left: -6%;}

.xp_item:nth-child(2), .xp_item:nth-child(4) {
    left: -2%;
}
.xp_item>h1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #333;
  bottom: 10px;
  left: -6px;
  z-index: -1;
}

.xp_item:nth-child(odd)>h1:after {border-bottom: 16px solid #0a2f8f;}

.xp_item:nth-child(4)>h1:after,.xp_item:nth-child(5)>h1:after {
  transform: rotate(54deg);
  bottom: auto;
  top: 10px;
}

.xp_item:nth-child(3)>h1:after {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%) rotate(30deg);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #0a2f8f;
  z-index: 2;
  left: -9px;
}
/*  */
.zz_bc {
  padding: 90px 0 100px;
  background: #edeff1;
}

.zz_t {
  text-align: center;
}

.zz_t h1 {
  font-size: 40px;
}

.zz_t h1 span {
  color: #0a2f8f;
}

.zz_t h2 {
  color: #333;
  font-weight: normal;
  font-size: 20px;
  margin-top: 12px;
}

.zz_ic {
  margin-top: 66px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.zz_item {
  width: 32.3%;
  background: #fff;
}
.zz_item:nth-child(n+4) {
    margin-top: 22px;
}
.zz_item img {
    width: 100%;
}

.zz_wz {
  padding: 30px 40px 40px;
  display: flex;
}

.zz_wz>span {
  width: 50px;
  height: 56px; /* √3 * 100px / 2 */
  background-color: #0a2f8f;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-family: 'hr';
  position: relative;
  top: 6px;
}

.zz_ww {
  margin-left: 22px;
}

.zz_ww>h1 {
  font-size: 30px;
}

.zz_ww>h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  margin-top: 10px;
  color: #444;
}
.zz_ww>h1 span {
  color: #cc0001;
}
/**/
.yq_l2>h1 {
    font-size: 39.6px;
}

.yq_l2>p {
    font-size: 19px;
}

.yq_l2>h1:after {
    width: 30%;
}
/**/
.ly_l2>p {
    font-size: 36px;
}
.ly_ic>h2 {
    font-size: 38px;
}

.ly_ic>h2 span {color:#eec005}

.ly_ic>em {
    font-size: 20px;
    width: 69%;
    display: block;
    margin: 0 auto;
    line-height: 34px;
    margin-top: 16px;
}
/**/
.ll_l2{width:60%;}
/**/
.kbb_bc {
    background: url(../images/kbb-bg.jpg) no-repeat center;
    padding: 90px 0;
    color: #fff;
}
.kbb_l {
    width: 40.4%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-width: 692px;
}

.kbb_l>h2 {
    font-size: 42px;
    line-height: 60px;
    letter-spacing: 1px;
}

.kbb_l>h2 span {
    display: block;
}

.kbb_l>h1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    background: #fff;
    color: #0a2f8f;
    padding: 10px 30px;
    margin: 22px 0;
    letter-spacing: 2px;
}

.kbb_l>h1 img {
    width: 43px;
    margin-right: 18px;
}

.kbb_l>em {
    display: block;
    font-size: 18px;
    line-height: 38px;
}

.kbb_l>em span {
    color: #ffd600;
    font-weight: bold;
}
.kbb_l>h2 i {
    color: #ffd600;
}
.kbb_img,.kbb_img2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.kbb_img {
    left: 7%;
    transform: translateY(-48%);
    width: 18%;
}

.kbb_c {
    position: relative;
}

.kbb_img2 img,.kbb_img img {
    width: 100%;
}

.kbb_img2 {
    width: 22%;
    right: 2%;
}
/* IGBT */
.yf_bc {
  padding: 0 0 90px;
  background: #edeff1;
}

.yf_c>h1 {
  font-size: 40px;
  text-align: center;
}

.yf_c>h1 strong {color:#0a2f8f}

.yf_ic {
  margin-top: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.yf_item {
  width: 100%;
  background: #fff;
  border-radius: 100px 0 0 100px;
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.yf_item+.yf_item{
  margin-top: 20px;
}
.yf_item>p img {
  width: 100%;
}

.yf_item>p {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  flex-shrink: 0;
  overflow: hidden;
}

.yf_item>i {
  background: #cc0001;
  color: #fff;
  font-size: 20px;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -24px;
  flex-shrink: 0;
}

.yf_item>h1 {
  font-size: 18px;
  font-weight: normal;
  margin-left: 24px;
  line-height: 32px;
}
.yf_ic>p {
  width: 46%;
}

.yf_ii {
  width: 53%;
}
.yf_ic>p img{
  width: 100%;
}
/**/
.w_tt p {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-top: 12px;
}
/**/
.kk_l2>h1 span {
    letter-spacing: 0;
    font-size: 35px;
}

.kk_l2>h1 em {
}

.kk_l2 .kk_icon>h2 span {
    letter-spacing: 0;
    font-size: 32px;
}

.kk_l2 .kk_icon>h2 {letter-spacing: 4.8px;}

.kk_l2 .kk_icon {
    padding: 18px 45px;
}

.kk_l2>h3 {
    font-size: 24px;
    letter-spacing: 1px;
}

.kk_l2 {
    min-width: 806px;
    padding-left: 5%;
}
/*  */
.js_c h1 {
  text-align: center;
  font-size: 40px;
}

.js_c h1 strong {
  color: #0a2f8f;
}

.js_bc {
  padding: 90px 0 0;
  position: relative;
  z-index: 2;
}

.js_ic {
  margin-top: 180px;
  position: relative;
  background: url(../images/js-bg.png) no-repeat bottom center;
  height: 593PX;
}

.js_item {
  display: flex;
  align-items: center;
  position: absolute;
}

.js_item>p img {
  width: 100%;
  border-radius: 100%;
}

.js_item>p {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  overflow: hidden;
  padding: 3px;
  border: 2px solid #0a2f8f;
  flex-shrink: 0;
}

.js_item>em {
  font-size: 18px;
  line-height: 32px;
}
.js_item:nth-child(1) {
  bottom: 32%;
  width: 29%;
  left: 0;
}

.js_item:nth-child(3) {
  bottom: 32%;
  width: 29.5%;
  right: 0;
  flex-direction: row-reverse;
}

.js_item:nth-child(3) em {
  margin-right: 0;
  margin-left: 20px;
}

.js_item:nth-child(1) em {
  margin-right: 20px;
}

.js_item:nth-child(2) {
  bottom: 70%;
  width: 35%;
  padding-left: 2%;
  left: 0;
}

.js_item:nth-child(2) em {
  margin-right: 20px;
}

.js_item:nth-child(5) {
  bottom: 70%;
  width: 36%;
  padding-right: 2%;
  right: 0;
  flex-direction: row-reverse;
}

.js_item:nth-child(5) em {
  margin-left: 20px;
}

.js_item:nth-child(4) {
  flex-direction: column;
  width: 34%;
  top: -134px;
  left: 50%;
  transform: translateX(-50%);
}

.js_item:nth-child(4) em {
  margin-bottom: 12px;
  text-align: center;
}
.js_item em span{
  color: #cc0001;
  font-weight: bold;
}
/**/
.bzz_bc {
    padding: 140px 0 100px;
    background: url(../images/bz-bg.jpg) no-repeat center;
    height: 966px;
    position: relative;
    margin-top: -56px;
}
.bzz_ic {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}

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

.bzz_wz {
    width: 30%;
}

.bzz_item>b {
    font-weight: normal;
    width: 50px;
    height: 56px;
    background-color: #0a2f8f;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-family: 'hr';
    position: relative;
    top: 6px;
    margin-right: 22px;
}

.bzz_item+.bzz_item {
    margin-top: 50px;
}

.bzz_item>p {
    font-size: 18px;
    line-height: 34px;
    color: #333;
    text-align: justify;
}
.bzz_wz:nth-child(1) {
    width: 31%;
}
.bzz_item>p span {
    font-weight: bold;
    color: #cc0001;
}
/**/
.hy_r2{min-width: 892px;margin-right: 0;}
.hy_r2>h1 span {
    letter-spacing: 1px;
    font-size: 32px;
}
/*  */
.bj_ic {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.bj_l {
  width: 47.5%;
}

.bj_r {
  width: 47.5%;
  position: relative;
  margin-top: -10px;
}

.bj_tt>h1 {
  font-size: 36px;
  line-height: 160%;
}
.bj_tt>h1 i {
    color: #cc0001;
}
.bj_tt>p {
  font-size: 18px;
  margin-top: 16px;
  color: #444;
}

.bj_item {
  margin-bottom: 50px;
}

.bj_img {
  display: flex;
  justify-content: space-between;
  background: #edeff1;
  padding: 8px;
  align-items: center;
  position: relative;
}

.bj_it {
  width: 30%;
  text-align: center;
  padding: 8px;
}

.bj_img>p {
  width: 70%;
}

.bj_img>p img {
  width: 100%;
}

.bj_it>span {
  font-size: 46px;
  font-family: 'imp';
  color: #0a2f8f;
}

.bj_it>h1 {
  font-size: 26px;
  margin-top: 10px;
}

.bj_wz {
  font-weight: normal;
  font-size: 18px;
  line-height: 34px;
  margin-top: 18px;
  color: #444;
}

.bj_bc {
  padding: 120px 0 84px;
}
.bj_dh img {
  width: 30px;
  margin-right: 10px;
}

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

.bj_pho {
  background: #0a2f8f;
  color: #fff;
  padding: 30px 44px;
}

.bj_pho>h1 {
  font-size: 30px;
}

.bj_pho>h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 34px;
  margin: 12px 0;
}

.bj_dh b {
  font-size: 36px;
  color: #FFC107;
}

.bj_tt {
  margin-bottom: 96px;
}

.bj_ic:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  background: #f5f5f5;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.bj_r .bj_img:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border: 3px solid #0a2f8f;
  border-radius: 100%;
  left: -57px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.bj_l .bj_img:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border: 3px solid #0a2f8f;
  border-radius: 100%;
  right: -58px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.bj_r .bj_img:before {
  position:absolute;
  content:"";
  width: 0;
  height: 0;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-right: 22px solid #edeff1;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.bj_l .bj_img:before {
  position:absolute;
  content:"";
  width: 0;
  height: 0;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-left: 22px solid #edeff1;
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
}
.bj_tt>h1 span {
    color: #0a2f8f;
}
.bj_pho>h1 span {
    color: #ffc107;
}
/**/
.yq_l3>h1 span {
    display: inline;
}

.yq_l3 {
    width: 57%;
    min-width: 977px;
}

.yq_img3 {
    right: 2%;
}
.yq_l3>p{font-size:18.5px;}
.yq_l4>p {
    font-size: 17.5px;
}

.yq_l3>h1:after {
    width: 25%;
    right: 1%;
}

.yq_l3>em span {
    padding: 4px 20px;
}
.yq_l3>em {
    letter-spacing: 1.2px;
}
/*  */
.wm_tt {
  text-align: center;
}

.wm_tt>h1 {
  font-size: 40px;
}

.wm_tt>h1 span {
  color: #0a2f8f;
}

.wm_tt>p {
  font-size: 26px;
  color: #333;
  margin-top: 14px;
}

.wm_ic {
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
}

.wm_ic li {
  display: flex;
}

.wm_ic li p {
  font-size: 18px;
  line-height: 30px;
}

.wm_ic ul {
  width: 60%;
  background: #edeff1;
  position: relative;
  padding: 55px 30px 55px 0;
}

.wm_img {
  width: 39%;
}

.wm_ic li span {
  font-size: 18px;
  background: #0a2f8f;
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  flex-shrink: 0;
}

.wm_ic li+li {
  margin-top: 20px;
}

.wm_img img {
  width: 100%;
}

.wm_img>p+p {
  margin-top: 15px;
}

.wm_bc {
  padding: 90px 0 100px;
  overflow: hidden;
}
.wm_ic ul:after {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: #edeff1;
  left: -200px;
  top: 0;
}
/**/
.kb_l2>h1 {
    font-size: 32px;
    letter-spacing: 0;
    padding: 10px 24px;
    color: #0a2f8f;
}
.kb_l2>h1 span {
    color: #cc0001;
}
.kb_l2 {
    margin-left: 0;
    width: 58%;
    min-width: 989px;
}

.kb_r2 {
    width: 27%;
}

.kb_l2>h1 img {
    width: 40px;
}

.kb_l2>h1 img {
    display: none;
}
.kb_l2>em{
    font-size: 20px;
    line-height: 200%;
}
.kb_l2>p {
    font-size: 44px;
    letter-spacing: 2.5px;
}

.kb_l2>p span {
    font-size: 56px;
}
/**/
.bj_tt2>h1{
    font-size: 39px;
}
/**/
.wm_bc2 {
    background: #edeff1;
}

.wm_bc2 .wm_ic ul {
    background: #fff;
}

.wm_bc2 .wm_ic ul:after {
    background: #fff;
}


/* 关于 */
.tj_bc {
  padding: 60px 0 96px;
  background: #edeff1;
}

.tj_tt {
  background: #0a2f8f;
  color: #fff;
  position: relative;
  /* height: 86px; */
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 28px;
  /* top: 37px; */
  padding: 26px 20px 26px 0;
  }
.tj_c {position: relative;}
.tj_cc {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  padding-top: 195px;
  }

.tj_tt h1 {
  font-size: 35px;
}

.tj_tt>p {
  font-size: 36px;
  margin-top: 4px;
  font-weight: bold;
}

.tj_tt>p strong {
  color: #FFC107;
}

.tj_tt h1 span {
  color: #FFC107;
}

.tj_item>i {
  background: #cc0001;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-bottom: 12px;
}

.tj_item:nth-child(n+2)>i {
  background: #0a2f8f;
}

.tj_item {
  width: 25%;
  position: relative;
}


.tj_item>p {
  text-align: right;
  font-size: 18px;
line-height: 28px;}

.tj_item:nth-child(2) {
  top: -80px;
  left: -25px;
}
.tj_item:nth-child(3) {
  top: -164px;
  left: -50px;
}
.tj_item:nth-child(4) {
  top: -248px;
  left: -75px;
}
.tj_item img {position: relative;top: -22px;width: 134px;padding-left: 12px;}
.tj_ic {
  display: flex;
  justify-content: space-between;
  /* padding-top: 70px; */
}
.tj_tt:before {position: absolute;content: "";width: 200px;height: 100%;left: -200px;background: #0a2f8f;top: 0;}

.tj_ib {width: 50%;position: absolute;right: 0;top: 0;}

.tj_ib>b {display: block;font-size: 70px;position: relative;color: #edeff1;left: -4px;}

.tj_ib>p {font-size: 34px;font-weight: bold;position: relative;}

.tj_ib>h3 {font-weight: normal;font-size: 18px;margin-top: 13px;line-height: 200%;color: #555;text-align: justify;}
.tj_ib>img {width: 100%;margin-bottom: 20px;}
.tj_ib>p span {color: #0a2f8f;}
.tj_bh {
    font-size: 32px;
    margin-top: 38px;
    font-weight: bold;
    position: relative;
    top: 30px;
}
.tj_ib>p i {
    color: #cc0001;
}
.tj_bh strong {
    color: #cc0001;
}
.tj_tt h1+h1 {
    margin-top: 5px;
    letter-spacing: 2px;
}

/*  */
.bh_c>b {font-size: 40px;color: #cc0001;}

.bh_c>b span {font-size: 50px;}

.bh_c>b i {color: #0a2f8f;}

.bh_ic {display: flex;justify-content: space-between;margin-top: 18px;}

.bh_wz {width: 48%;}

.bh_wz>h2 {font-weight: normal;text-align: justify;font-size: 18px;color: #333;line-height: 36px;margin-top: 16px;}

.bh_ic>p {width: 48%;position:relative;margin-top: -50px;}

.bh_ic>p img {width: 100%;}

.bh_wz>h1 {font-size: 30px;}

.bh_wz>h1 strong {color: #0a2f8f;}


.bh_bg {display: flex;justify-content: space-between;margin-top: 70px;align-items: center;}

.bh_bg>p img {width: 100%;}

.bh_bg>p {width: 48%;}

.bh_ww {width: 48%;}

.bh_zz {display: flex;}

.bh_zz span {background: #0a2f8f;color: #fff;width: 50px;height: 50px;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;font-size: 30px;font-weight: bold;flex-shrink: 0;}

.bh_zz span+span {margin-left: 10px;}

.bh_ww>p {color: #333;line-height: 36px;font-size: 18px;margin-top: 30px;text-align: justify;}

.bh_bc {padding: 90px 0 100px;border-top: 1px solid #eee;}
.bh_zz i span {background: #cc0001;}
.bh_zz i {
    margin-left: 10px;display: flex;
}
/*  */
.wb_c {display: flex;justify-content: space-between;flex-wrap: wrap;}

.wb_wz {width: 48%;}

.wb_c>p {width: 48%;}

.wb_bc {overflow: hidden;}

.wb_txt {width: 68%;background: #0a2f8f;padding: 40px 50px;font-size: 18px;line-height: 36px;position: relative;margin-top: -120px;text-align: justify;color:#fff;}


.wb_wz>b {font-size: 40px;position: relative;padding-bottom: 30px;color: #0a2f8f;}

.wb_wz>p {line-height: 36px;font-size: 18px;margin-top: 56px;text-align: justify;margin-bottom: 50px;}

.wb_wz>b:after {position: absolute;content: "";width: 40px;height: 2px;background: #cc0001;left: 0;bottom: 0;}
.wb_item img{width: 100%;}
.wb_item {border: 1px solid #e7e6e6;margin: 0 3%;display: block;}
.wb_txt span {
    color: #ffc107;
    font-weight: bold;
}
/*  */
.sy_tt>b {display: flex;/* justify-content: center; */}

.sy_ic {display: flex;justify-content: space-between;margin-top: 50px;}

.sy_tt>b span {font-size: 38px;width: 66px;height: 66px;background: #0a2f8f;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 100%;}

.sy_tt>b span+span {margin-left: 12px;}
.sy_tt>b span:nth-child(7),.sy_tt>b span:nth-child(8) {background: #cc0001;}
.sy_txt {width: 48%;text-align: justify;line-height: 36px;font-size: 18px;}

.sy_ic>p {width: 48%;}

.sy_bc {padding: 90px 0;}
.sy_tt {display: flex;justify-content: space-between;align-items: center;}

.sy_tt>em {font-size: 44px;font-weight: bold;letter-spacing: 2px;}
.sy_tt>em span{color: #cc0001;}
/**/
.dn_bc {
    background: #edeff1;
    padding: 90px 0;
}
.dn_bc{
    padding: 90px 0 100px;
}
.dn_c {
    text-align: center;
}

.dn_c>em {
    font-size: 40px;
    font-weight: bold;
}

.dn_c>em span {
    color: #cc0001;
}

.dn_c>h1 {
    font-size: 40px;
    margin: 12px 0 20px;
}

.dn_c>h1 span {
    color: #0a2f8f;
}

.dn_c>p {
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
    line-height: 38px;
    color: #444;
}
.partcon2 li {
    box-shadow: none;
}
.partcon2 li {margin-bottom: 0;}

.partcon2 li:nth-child(n+7) {margin-top: 18px;}
/*  */
.yy_c {display: flex;justify-content: space-between;align-items: flex-start;}

.yy_bc {padding: 80px 0;}

.yy_ic {display: flex;width: 95%;justify-content: space-between;}

.yy_l {width: 60%;background: #edeff1;padding: 70px;}

.yy_ic>p {width: 40%;}

.yy_ic>p img {width: 100%;}

.yy_c>img {width: 50px;flex-shrink: 0;margin-top: 15px;}

.yy_tt>b {display: block;font-size: 29px;line-height: 160%;}

.yy_tt>b+b {color: #0a2f8f;margin-top: 6px;}

.yy_txt {font-size: 20px;line-height: 40px;margin-top: 20px;color: #333;}

.yy_txt span {color: #cc0001;}

.yy_tt {position: relative;padding-bottom: 20px;}

.yy_tt:after {position: absolute;content: "";width: 100%;height: 1px;background: #ddd;left: 0;bottom: 0;}
.yy_tt>b span {
    color: #cc0001;
}
/* 企业文化 */
.qy_c {display: flex;flex-wrap: wrap;justify-content: space-between;}

.qy_wz {width: 48%;padding-top: 8px;}

.qy_img {width: 48%;}

.qy_img img {width: 100%;}

.qy_yj {width: 100%;display: flex;background: #fff;padding: 46px 0;margin-top: 32px;}

.qy_yj i {display: block;font-size: 44px;color: #cc0001;}

.qy_yj em {display: block;font-size: 24px;font-weight: bold;margin: 16px 0 10px;}

.qy_yj li {text-align: center;width: 25%;padding: 0 40px;}

.qy_wz>h1 {font-size: 38px;}

.qy_wz>h2 {font-size: 28px;margin-top: 15px;position: relative;padding-bottom: 32px;line-height: 164%;}

.qy_wz>h3 {font-weight: normal;font-size: 18px;line-height: 38px;margin-top: 30px;color: #333;text-align: justify;}

.qy_bc {background: #edeff1;padding: 100px 0;}

.qy_yj li+li {border-left: 1px solid #eee;}

.qy_yj p {color: #444;line-height: 28px;font-size: 17px;}

.qy_wz>h2:after {position: absolute;content: "";width: 36px;height: 2px;background: #0a2f8f;left: 0;bottom: 0;}
.qy_wz>h1 span {color: #0a2f8f;}

.qy_wz>h2 span {color: #cc0001;}

/*  */
.qq_c>h1 {font-size: 40px;text-align: center;}

.qq_bc {padding: 90px 0 108px;}

.qq_c>h1 span {color: #0a2f8f;}

.qq_ic {margin-top: 60px;display: flex;justify-content: space-between;align-items: flex-start;}

.qq_l {width: 49.4%;position: relative;}

.qq_r {width: 49.5%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.qq_ic img {width: 100%;}

.qq_wz {color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 33px 25px 33px;transition: all .5s;transform-origin: top;transform: translateY(60%);}

.qq_item {width: 100%;background: #333;position: relative;}

.qq_item+.qq_item {width: 49%;margin-top: 18px;}

.qq_wz h1 {font-size: 28px;}

.qq_wz h3 {font-weight: normal;font-size: 17px;line-height: 30px;margin-top: 15px;opacity: 0;transition: all .5s;}
.qq_wzz {color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;padding: 42px 50px;transition: all .5s;transform-origin: top;transform: translateY(40%);}

.qq_wzz h1 {font-size: 32px;}

.qq_wzz h3 {font-weight: normal;font-size: 18px;line-height: 32px;margin-top: 15px;opacity: 0;
    transition: all .5s;}
.qq_wzz h1 i {font-weight: normal;font-size: 32px;margin-right: 16px;display: inline-block;top: 2px;position: relative;}

.qq_wz h1 i {font-weight: normal;font-size: 30px;margin-right: 14px;display: inline-block;top: 2px;position: relative;}
.qq_l:before,.qq_item:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
.qq_l:before{
    background: linear-gradient(to bottom, transparent 60%, #071231 120%);
}
.qq_item:before{
    background: linear-gradient(to bottom, transparent 40%, #071231 136%);
}
.qq_item:nth-child(1) .qq_wz {
    transform: translateY(50%);
}
.qq_wzz h3 span,.qq_wz h3 span {
    color: #ffc107;
    font-weight: bold;
}
.qq_item:hover .qq_wz,.qq_l:hover .qq_wzz{transform: translateY(0);}

.qq_item:hover .qq_wz h3,.qq_l:hover .qq_wzz h3{
    opacity: 1;
}
/*  */
.bt_bc {padding: 0 0 86px;}

.bt_bc>p {background: #0a2f8f;}
.bt_bc>p img{width:100%;min-height:242px;}
.bt_c {box-shadow: 0 0 10px rgba(0,0,0,0.1);position: relative;margin-top: -132px;display: flex;}

.bt_wz {width: 58%;padding: 60px 60px 75px;background: #fff;}

.bt_c>p img {width: 100%;}

.bt_c>p {width: 42%;}

.bt_wz h1 {font-size: 40px;position: relative;padding-bottom: 26px;}

.bt_wz h1 span {color: #0a2f8f;}

.bt_wz h3 {font-weight: normal;color: #333;line-height: 36px;margin-top: 24px;font-size: 18px;text-align: justify;}

.bt_wz h1:after {position: absolute;content: "";width: 40px;height: 2px;background: #cc0001;left: 2px;bottom: 0;}

/*  */

.zy_c>b {text-align: center;display: block;font-size: 42px;}

.zy_ic {display: flex;justify-content: space-between;margin-top: 60px;align-items: flex-start;}

.zy_l {width: 48.5%;background: #edeff1;padding-bottom: 34px;}

.zy_r {width: 49%;}

.zy_l img {width: 100%;}


.zy_wz {background: #fff;padding: 42px 50px;width: 92%;margin: -100px auto 0;position: relative;
    z-index: 2;}

.zy_txt>em span {font-size: 28px;font-weight: bold;}

.zy_txt>p {font-size: 17px;line-height: 32px;margin-top: 10px;text-align: justify;}

.zy_txt+.zy_txt {margin-top: 16px;}

.zy_txt>em {display: block;position: relative;padding-left: 16px;}

.zy_txt>em:after {position: absolute;content: "";width: 3px;height: 74%;background: #0a2f8f;left: 0;top: 8px;}

.zy_item {display: flex;flex-direction: row-reverse;}

.zy_item img {width: 100%;}

.zy_item>p {width: 40%;}

.zy_rw {width: 60%;padding: 40px;background: #edeff1;}

.zy_item+.zy_item {margin-top: 24px;}

.zy_rw h1 {font-size: 26px;}

.zy_rw h3 {font-weight: normal;color: #333;line-height: 34px;font-size: 18px;margin-top: 13px;text-align: justify;}
.zy_rw h1 span {color: #cc0001;}

.zy_c>b span {color: #0a2f8f;}
.zy_txt>em span:nth-child(n+3) {color: #cc0001;}
/*  */
.jl_bc {padding: 90px 0 100px;}
.jl_c>b {text-align: center;display: block;font-size: 40px;}
.jl_c>b span {
    color: #0a2f8f;
}
.jl_ic {margin-top: 60px;display: flex;justify-content: space-between;}

.jl_item {width: 24%;position: relative;background: #eff2fb;}

.jl_item>p img {width: 100%;}

.jl_item>b {background: #cc0001;position: absolute;right: 30px;top: 10px;color: #fff;width: 64px;height: 64px;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 24px;}

.jl_item>b:after {position: absolute;content: "";width: 1px;height: 54px;background: #cc0001;top: -48px;left: 50%;opacity:0;}

.jl_wz {background: #eff2fb;padding: 34px 40px 40px;}

.jl_wz>em {font-size: 24px;font-weight: bold;}

.jl_wz>p {font-size: 18px;line-height: 32px;margin-top: 12px;}
/*  */
.jd_bc {padding: 90px 0 100px;background: #edeff1;}

.jd_c>h1 {font-size: 40px;text-align: center;}

.jd_c>h1 span {color: #cc0001;}

.jd_ic {margin-top: 60px;display: flex;justify-content: space-between;position: relative;}

.jd_item {display: flex;align-items: center;}
.jd_ic>div{width: 47.5%;background: #fff;padding: 60px 48px;position: relative;border-radius: 10px;}

.jd_l>.jd_item {justify-content: flex-end;position: relative;align-items: center;}

.jd_item>h1 {font-size: 22px;white-space: nowrap;color: #0a2f8f;}

.jd_item h2 {font-weight: normal;text-align: right;font-size: 17px;line-height: 30px;color: #444;}

.jd_l>.jd_item h1 {margin-left: 26px;}

.jd_item+.jd_item {margin-top: 60px;}

.jd_r>.jd_item h1 {margin-right: 26px;}

.jd_l>.jd_item:after {position: absolute;content: "";width: 14px;height: 14px;background: #fff;border: 2px solid #0a2f8f;border-radius: 100%;top: 50%;right: -99px;transform: translateY(-50%);z-index: 2;}

.jd_r .jd_item h2 {text-align: left;}

.jd_l:after{position: absolute;content: "";width: 1px;height: 100%;background: #0a2f8f;right: -43px;top: 0;}
.jd_item h2 b {font-size: 32px;}

/*Mobile navigation*/
.mn_bc {
    position: fixed;
    right: 0;
    top: 0;
    background: #020202;
    z-index: 999;
    /* padding: 5%; */
    width: 31%;
    height: 100%;
    transition: all .5s;
    transform-origin: right;
    transform: rotateY(90deg); 
}
.mn_bc.on{
    transform: rotateY(0);
}
.mn_bg{
    transition: .5s;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: -1;
    opacity: 0;
}
.mn_bg.on {
    z-index: 998;
    opacity: 1;
}
.mn_btn {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.mn_btn span {
    font-size: 28px;
    background: #cc0001;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    display: none;
}
.mn_tit {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}

.mn_tit img {
    width: 100%;
}

.mn_tit>p {
    width: 82%;
}

.mn_tit span {
    font-size: 24px;
    color: #333;
}

.mn_nav>li>p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
}
.mn_nav>li ul{
    /* display: none; */
    /* padding: 15px 0; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mn_nav>li>p a {
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    line-height: 80px;
    padding-left: 30px;
    font-size: 18px;
}

.mn_nav>li>p span {
    font-size: 12px;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    display: none;
}
.mn_nav>li:last-child>p span {
    display: none;
}
.mn_nav ul a {
    font-size: 16px;
    /* padding: 18px 0 18px 34px; */
    display: block;
    /* border-bottom: 1px solid rgba(255,255,255,0.1); */
    color: rgba(255,255,255,0.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%;
    padding-left: 30px;
}
.iconjia:before{
    transition: all .5s;
}
.cas_cc .iconjia:before{transition: all 0s;}
.mn_nav>li.active>p span:before {
    transform: rotate(45deg);
}
.mn_c{height: 100%;overflow: auto;}
.abo_bc .ser_tit>p {line-height: 100%;}
/*Mobile bottomnav*/
.mbn_bc ul {
    display: flex;
    justify-content: space-around;
}

.mbn_bc ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    height: 100%;
    padding: 12px 0;
}

.mbn_bc li a {
    text-align: center;
}
.mbn_bc li a *{color:#fff;}

.mbn_bc li i {
    margin-top: 3px;
    font-size: 16px;
}

.mbn_bc li span {
    font-size: 20px;
}
.mbn_bc {
    box-shadow: 0px -6px 7px -8px rgba(0,0,0,0.1);
    position: fixed;
    bottom: 0;
    background: #cc0001;
    left: 0;
    width: 100%;
    z-index: 98;
    display: none;
    border-top: 1px solid #eb8383;
}
.mbn_bc li.on i,.mbn_bc li.on span {
    color: #fff;
}
.mbn_bc li.on{
    background: #FF9800;
}



.logo_mnwz>h1 {
    font-size: 22px;
    color: #0a2f8f;
}

.logo_mnwz>h2 {
    font-size: 18px;
    font-weight: normal;
}

.mn_nav>li>p:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 12px;
    top: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent;
    transform: translateY(-50%);
}

.mn_nav>li ul li:first-child {
    margin-top: 15px;
}

.mn_nav>li ul li:last-child {
    margin-bottom: 15px;
}

.mn_nav>li:nth-child(1) p:after {
    opacity: 0;
}

.mn_nav>li:hover>p a, .mn_nav>li ul li:hover a {
    color: #fff;
}
.mn_nav li i {
    color: #fff;
    font-size: 36px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.mn_nav li {
    position: relative;
}
/* 售后服务体系 */
.sh_c {
  display: flex;
  margin-top: -26px;
  align-items: flex-start;
  overflow: hidden;
}

.sh_lt img {
  width: 50px;
  margin-right: 15px;
}

.sh_l {
  background: #0a2f8f;
  color: #fff;
  padding: 54px 50px;
  writing-mode: vertical-lr;
  position: relative;
}

.sh_l:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-left: 18px solid #07287c;
  right: -18px;
  top: 0;
}

.sh_l h1 {
  font-size: 50px;
  letter-spacing: 7px;
  padding: 0 14px;
}

.sh_l>i {
  text-align: right;
  display: block;
}

.sh_l b {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 2px;
}

.sh_lt {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}

.sh_r {
  margin-left: 50px;
  padding-top: 58px;
  width: 100%;
}

.sh_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.sh_t>p i {
  color: #0a2f8f;
  margin-right: 5px;
}

.sh_t>p {
  display: flex;
  align-items: center;
  color: #555;
}

.sh_t>p a {
  color: #555;
  margin: 0 5px;
}

.sh_tc {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
  position: relative;
}

.sh_tc ul {
  display: flex;
  width: 75%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sh_tc>p {
  width: 16%;
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
}

.sh_tc>p img {
  width: 100%;
}

.sh_tc ul li {
  width: 49%;
  font-size: 18px;
  line-height: 180%;
  display: flex;
  align-items: flex-start;
}

.sh_tc li span {
  color: #0a2f8f;
  padding-right: 11px;
  margin-right: 11px;
  border-right: 1px solid #eee;
  flex-shrink: 0;
  line-height: 100%;
  position: relative;
  top: 6px;
}
.sh_tc li:nth-child(4) span {padding-right: 13px;}
.sh_tc li:nth-child(n+3) {
  margin-top: 15px;
}

.sh_lm {
  display: flex;
  flex-wrap: wrap;
  background: #edeff1;
  padding: 34px 40px;
  margin-top: 40px;
}

.sh_lm li {
  width: 14.66%;
  font-size: 17px;
  margin: 0 1%;
}

.sh_lm li a {
  position: relative;
  display: block;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sh_lm li a:hover{color:#0a2f8f}
.sh_lm li a:hover:after{background:#0a2f8f;}

.sh_lm li:nth-child(n+7) {
  margin-top: 14px;
}

.sh_lm li a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  background: #aaa;
  top: 50%;
  left: 0;
}
.sh_l:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #0a2f8f;
    left: 0;
    bottom: -100%;
}

/*  */
.lx_c {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.lx_c>p img {
  width: 100%;
}

.lx_c>p {
  width: 50%;
  position: relative;
  z-index: 2;
}

.lx_r {
  width: 45.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lx_bc {
  padding: 100px 0;
}

.lx_lt>h1 {
  font-size: 40px;
}

.lx_lt>h1 span {
  color: #0a2f8f;
}

.lx_lt>i {
  display: block;
  color: #ccc;
  font-size: 28px;
  font-family: 'hl';
  line-height: 200%;
  position: relative;
  padding-bottom: 22px;
}

.lx_lt>i:after {
  position: absolute;
  width: 36px;
  height: 2px;
  background: #0a2f8f;
  content: "";
  bottom: 0;
  left: 0;
}

.lx_lt>p {
  font-size: 18px;
  line-height: 36px;
  margin-top: 38px;
  text-align: justify;
}

.lx_lt>p strong {
  color: #cc0001;
}

.lx_b {
  background: #0a2f8f;
  color: #fff;
  padding: 34px 40px;
  margin-top: 44px;
  position: relative;
}

.lx_b>em {
  font-size: 26px;
  font-weight: bold;
}

.lx_b>p {
  font-size: 18px;
  line-height: 190%;
  margin-top: 14px;
  text-align: justify;
}

.lx_b>em span {
  color: #FFC107;
}

.lx_b:before {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: #0a2f8f;
  right: -200px;
  top: 0;
  opacity: 0;
}

/*  */
.lk_c {
  display: flex;
  justify-content: flex-end;
}

.lk_r>b {
  display: flex;
  font-size: 38px;
  color: #fff;
}

.lk_r>b span {
  width: 68px;
  height: 68px;
  background: #0a2f8f;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lk_r>b span+span {
  margin-left: 10px;
}

.lk_r>h2 {
  font-size: 18px;
  font-weight: normal;
  line-height: 38px;
  margin-top: 40px;
  color: #333;
  text-align: justify;
}

.lk_r>h2 strong {
  color: #cc0001;
}

.lk_r {
  width: 55%;
  background: #fff;
  padding: 80px;
  position: relative;
  margin: 70px 0;
}

.lk_bc {
  position: relative;
  background: #edeff1;
}

.lk_c img {
  width: 100%;
}

.lk_c>p {
  width: 50%;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}

/* sq_bc */

.sq_bc {
  padding: 90px 0 100px;
}

.sq_tt>b {
  font-size: 42px;
  display: block;
  position: relative;
}

.sq_tt>b span {
  color: #0a2f8f;
}

.sq_tt>i {
  color: #666;
  font-size: 24px;
  font-family: 'hl';
  display: block;
  line-height: 200%;
  position: relative;
  padding-bottom: 15px;
}

.sq_tt>i:after {
  position: absolute;
  content: "";
  width: 36px;
  height: 2px;
  background: #0a2f8f;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.sq_tt {
  text-align: center;
}

.sq_ic {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 60px;
  justify-content: space-between;
}

.sq_ic>p img {
  width: 100%;
}

.sq_ic>p {
  width: 50%;
}

.sq_r {
  width: 46%;
}

.sq_item>b {
  font-size: 38px;
  display: block;
}

.sq_item>i {
  font-family: 'hl';
  font-size: 22px;
  color: #666;
  line-height: 200%;
  display: block;
}

.sq_item>p {
  font-size: 18px;
  color: #333;
  line-height: 36px;
  margin-top: 30px;
}

.sq_lm {
  display: flex;
  margin-top: 50px;
}

.sq_lm li {
  width: 33.33%;
  padding: 36px 20px 34px;
  background: #edeff1;
  text-align: center;
  position: relative;
}

.sq_lm li i {
  display: block;
  font-size: 42px;
}

.sq_lm li em {
  display: block;
  font-size: 24px;
  margin-top: 12px;
}

.sq_lm li.on {
  background: #0a2f8f;
  color: #fff;
}

.sq_lm li:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 16px solid #0a2f8f;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.sq_lm li.on:after {
  opacity: 1;
}

.sq_item>b span {
  color: #cc0001;
}

/*  */
.ln_tt {
  background: #0a2f8f;
  color: #fff;
  padding: 50px;
  /* text-align: center; */
  position: relative;
}

.ln_tl {
  display: flex;
}

.ln_tl>b {
  font-size: 48px;
  letter-spacing: 6px;
  line-height: 100%;
}

.ln_tl>ul {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  margin: 00 22px;
}

.ln_tl li {
  background: #FFC107;
  border-radius: 100px;
  padding: 6px 32px 8px;
  font-size: 24px;
  color: #fff;
}

.ln_tl li+li {
  margin-left: 10px;
}

.ln_tt>p {
  font-size: 18px;
  margin-top: 25px;
  line-height: 180%;
}

.ln_tt:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid #0a2f8f;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.ln_ic {
  position: relative;
  padding-top: 110px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 4px;
}

.ln_ic:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  background: #eee;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.sq_tt>b:after,
.sq_tt>b:before {
  position: absolute;
  content: "";
  width: 41%;
  height: 1px;
  background: #ddd;
  top: 50%;
}

.sq_tt>b:after {
  left: 0;
}

.sq_tt>b:before {
  right: 0;
}

.ln_item {
  display: flex;
  align-items: flex-start;
  width: 50%;
  position: relative;
}

.ln_item>p img {
  width: 100%;
  border-radius: 100%;
  z-index: 2;
  position: relative;
}

.ln_item>p {
  width: 150px;
  height: 150px;
  background: #eee;
  border-radius: 100%;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  top: -20px;
  padding: 3px;
}

.ln_wz {
  width: 74%;
}

.ln_item:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 90px;
}
.ln_item:nth-child(2) {
    top: 25px;
}

.ln_item:nth-child(4) {
    top: 41px;
}

.ln_item:nth-child(6) {
    top: 47px;
}
.ln_item:nth-child(even) .ln_wz {
  margin-right: 30px;
}

.ln_item:nth-child(odd) .ln_wz {
  margin-left: 28px;
}

.ln_wz>em {
  display: block;
  font-size: 28px;
}

.ln_wz>h3 {
  font-weight: normal;
  line-height: 32px;
  color: #555;
  margin-top: 38px;
  text-align: justify;
}

.ln_item:nth-child(odd):after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #0a2f8f;
  top: 52px;
  left: 0;
}

.ln_item:nth-child(even):after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #cc0001;
  top: 52px;
  right: 0;
}

.ln_wz>div {
  margin-top: 43px;
}

.ln_item:nth-child(odd) {
  margin-bottom: 102px;
}

.ln_item:nth-child(odd):before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #0a2f8f;
  border-radius: 100%;
  right: -10px;
  top: 44px;
  z-index: 2;
}

.ln_item:nth-child(even):before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #cc0001;
  border-radius: 100%;
  left: -10px;
  top: 44px;
  z-index: 2;
}

.ln_item:nth-child(even)>p {
  border: 2px solid #cc0001;
  box-shadow: -3px 0 5px rgba(0, 0, 0, .2);
}

.ln_item:nth-child(odd)>p {
  border: 2px solid #0a2f8f;
  box-shadow: 3px 0 5px rgba(0, 0, 0, .2);
}

.ln_wz>div p {
  color: #555;
  line-height: 200%;
  display: flex;
}

.ln_wz>div p span {
  background: #cc0001;
  color: #fff;
  width: 26px;
  height: 26px;
  display: block;
  flex-shrink: 0;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
}

.ln_wz>div p+p {
  margin-top: 12px;
}

.ln_wz>div h3 {
  font-weight: normal;
  color: #444;
  margin-top: 18px;
  line-height: 200%;
  font-size: 17px;
}

.ln_item:nth-child(7) {
  margin-top: -100px;
}

.ln_item:nth-child(even)>p:after {
  position: absolute;
  content: "";
  left: -13px;
  top: 49%;
  width: 0;
  height: 0;
  border-right: 12px solid #cc0001;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
  transform: translateY(-50%);
}

.ln_item:nth-child(odd)>p:after {
  position: absolute;
  content: "";
  right: -13px;
  top: 49%;
  width: 0;
  height: 0;
  border-left: 12px solid #0a2f8f;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
  transform: translateY(-50%);
}

/* zs_bc */
.zs_r img {
  width: 34px;
  margin-right: 10px;
}

.zs_bc {
  background: url(../images/zs-bg.jpg) no-repeat center;
  color: #fff;
  overflow: hidden;
  margin-bottom: 90px;
  position: relative;
  background-size: cover;
}

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

.zs_l>p {
  font-size: 34px;
  line-height: 180%;
  font-weight: bold;
}

.zs_l>h1 {
  font-size: 22px;
  margin-top: 22px;
  padding: 14px 18px;
  background: #fff;
  color: #0a2f8f;
  text-align: center;
}
.zs_l>h1 span {
  color: #cc0001;
}
.zs_l>p strong {
  color: #FFC107;
}
.zs_l>p:nth-child(1) span {font-size: 38px;border: 2px solid #ffca07;padding: 5px 16px;letter-spacing: 0;border-radius: 4px;position: relative;}
.zs_l>p:nth-child(1) span:after {position: absolute;content: "";width: 200px;height: 2px;background: #ffc107;top: 50%;left: -200px;transform: translateY(-50%);}

.zs_bc2 .zs_l>p:nth-child(1) {font-size: 33px;letter-spacing: 0;}

.zs_l>p+p {margin-top: 10px;}
.zs_r>b {
  font-size: 38px;
  letter-spacing: 5px;
}

.zs_r>p {
  display: flex;
  align-items: center;
  margin-top: 13px;
  font-size: 18px;
}

.zs_r>p b {
  font-size: 40px;
  color: #FFC107;
}

.zs_r {
  padding: 60px 16px 60px 58px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  min-width: 454px;
}

.zs_l {
  padding: 60px 0 66px;
}

.zs_r:after {
  position: absolute;
  content: "";
  width: 136%;
  height: 100%;
  background: #446edb;
  left: 0;
  transform: skewX(-10deg);
  z-index: -1;
  bottom: 0;
  opacity: .7;
}

/*.zs_r:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 240px;*/
/*  height: 100%;*/
/*  right: -200px;*/
/*  background: #446edb;*/
/*  top: 0;*/
/*  z-index: -1;*/
/*  opacity: .8;*/
/*}*/

.zs_bc2 .zs_l>p+p {
    letter-spacing: 1.6px;
}
.zs_bc2 .zs_l>p {
    letter-spacing: .9px;
}
.zs_l>p span {
  color: #FFC107;
}
.zs_c>p {
    position: absolute;
    right: 30%;
    bottom: -45%;
    z-index: 3;
    width: 9%;
}

.zs_c>p img {
    width: 100%;
}

/*  */
.jf_c {display: flex;justify-content: space-between;margin-top: 60px;}

.jf_c>p img {
    width: 100%;
}

.jf_c>p {
    width: 43%;
}

.jf_bc {
    padding: 90px 0 100px;
}

.jf_ic {
    width: 53%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jf_item {
    width: 47%;
}

.jf_item h2 {
    font-weight: normal;
    margin-top: 24px;
    line-height: 190%;
    text-align: justify;
}

.jf_item h1 {
    font-size: 26px;
    background: #0a2f8f;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    padding: 6px 22px;
    position: relative;
    min-width: 188px;
}

.jf_item:nth-child(n+3) {
    margin-top: 40px;
}

.jf_item h1:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    background: #0a2f8f;
    top: 50%;
    right: -100px;
}

.jf_item h1:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    background: #0a2f8f;
    border-radius: 100%;
    right: -113px;
    top: 50%;
    transform: translateY(-50%);
}

.jf_item:nth-child(5),.jf_item:nth-child(6) {
    background: #0a2f8f;
    color: #fff;
    padding: 30px 34px;
}

.jf_item b {
    font-size: 26px;
}

.jf_pho {
    margin-top: 20px;
}

.jf_pho i {
    font-size: 20px;
    margin-right: 8px;
}

.jf_pho p+p {
    margin-top: 10px;
}

.jf_pho p b {font-size: 26px;color: #FFC107;}

/*  */
.bs_bc {
  background: url(../images/bs-bg.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  padding: 90px 0 0;
  position: relative;
  overflow: hidden;
  /*margin-bottom: 90px;*/
}

.bs_c>h1 {
  font-size: 42px;
}

.bs_c {
  text-align: center;
  position: relative;
  padding-bottom: 550px;
}

.bs_c>ul {
  display: flex;
  justify-content: center;
  margin: 34px 0 32px;
  position: relative;
}

.bs_c>ul li {
  font-size: 26px;
  background: #FF9800;
  padding: 6px 22px;
  z-index: 2;
  font-weight: bold;
  border-radius: 4px;
}

.bs_c>ul li+li {
  margin-left: 26px;
}

.bs_c>h1 span {
  color: #FFC107;
}

.bs_c>ul:after {
  position: absolute;
  content: "";
  width: 72%;
  height: 1px;
  background: #FFC107;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.bs_c>b {
  display: block;
  font-size: 34px;
  z-index: 2;
  position: relative;
}

.bs_pho {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 2;
  padding: 18px 0;
  background: #2a4fb1;
  align-items: center;
}


.bs_pho h2 {
  font-size: 32px;
  letter-spacing: 2px;
}

.bs_pho p {
  font-size: 18px;
  display: flex;
  align-items: center;
}

.bs_pho p i {
  font-size: 28px;
  margin-right: 8px;
}

.bs_pho p b {
  font-size: 40px;
  color: #FFC107;
}

.bs_pho:after,.bs_pho:before {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: #2a4fb1;
  top: 0;
}

.bs_pho:after {
  left: -200px;
}

.bs_pho:before {
  right: -200px;
}
.bs_c>b span {
  color: #FFC107;
}
.bs_img {
  position: absolute;
  left: 50%;
  width: 90%;
  transform: translateX(-50%) rotate(-0.2deg);
  top: 255px;
}

.bs_img img {
  width: 100%;
}
.bs_pho h2 span {
  color: #FFC107;
}
.bs_dh {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 38px;
  z-index: 2;
}

.bs_dh i {
  font-size: 30px;
  margin-right: 8px;
}

.bs_dh b {
  font-size: 40px;
  color: #FFC107;
}
.ygd_tt {
    text-align: center;
    font-size: 40px;
    z-index: 2;
    position: relative;
    line-height: 170%;
}
.jf_c{
    margin-top: 52px;
}
.ygd_tt span {
    color: #cc0001;
}
/*联系我们*/
.sh_c2 .sh_tc ul {
    width: 100%;
}

.sh_c2 .sh_l {
    padding: 66px 50px;
}

.sh_c2 .sh_tc  li {
    font-size: 17px;
}
.sh_c2 .sh_tc li:nth-child(odd) {
    width: 44%;
}

.sh_c2 .sh_tc li:nth-child(even) {
    width: 54.5%;
}
/* 尊敬的访客 */
.fk_bc{padding: 90px 0;}
.fk_c {display: flex;justify-content: space-between;}

.fk_lc {
    width: 54%;
}

.fk_rc {
    width: 39%;
    padding-top: 24px;
}

.fk_lc>b {
    font-size: 36px;
    font-weight: normal;
}

.fk_lc>h1 {
    font-weight: normal;
    font-size: 24px;
    margin: 24px 0;
}
.fk_lc>h1 span {
  color: #0a2f8f;
}
.fk_lc>h2 {
    font-weight: normal;
    line-height: 200%;
    font-size: 18px;
    text-align: justify;
}
.fk_lc>h2 i{
    display: none;
}
.fk_lc>h2 span{
  color: #cc0001;
}
.fk_lc>h2 span:nth-child(1) {letter-spacing: 3px;}
.fk_lc>p img {
    width: 100%;
}

.fk_lc>p {
    margin-top: 36px;
}

.fk_item {
    background: #edeff1;
    padding: 40px 40px 42px 62px;
    /*box-shadow: 1px 1px 10px rgba(0,0,0,0.1);*/
    position: relative;
}

.fk_item+.fk_item {
    margin-top: 38px;
}

.fk_item>b {
    position: absolute;
    background: #0a2f8f;
    color: #fff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    top: -22px;
    left: -50px;
    box-shadow: 3px 0 5px rgba(0, 0, 0, .2);
}

.fk_item>h1 {
    font-size: 26px;
}

.fk_item>h3 {
    font-weight: normal;
    line-height: 180%;
    margin-top: 13px;
    font-size: 18px;
}
.fk_item>h3 span {
  color: #cc0001;
}
/*  */
.gx_bc {
  background: url(../images/gx-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 90px 0 0;
  /* overflow: hidden; */
}

.gx_c {
  display: flex;
  position: relative;
}

.gx_l {
  width: 66%;
  background: linear-gradient(-90deg, #4c72d6 0%, #4166ca 100%);
  color: #fefefe;
  padding: 54px 60px;
}

.gx_c>p img {
  width: 100%;
}

.gx_c>p {
  position: absolute;
  right: 4%;
  bottom: -307px;
  width: 24%;
}

.gx_l>p {
  line-height: 200%;
  text-align: justify;
  font-size: 18px;
}

.gx_l>p+p {
  margin-top: 22px;
}

.gx_l>p span {
  color: #FFC107;
  font-weight: bold;
  font-size: 28px;
  margin-right: 3px;
}

.gx_l>p strong {
  color: #ffc107;
}
/**/
.dnj_bc {
    background: #edeff1;
}

.dnj_c>p {
    background: #fff;
    width: 66%;
    padding: 40px;
    font-size: 18px;
    line-height: 200%;
    color: #333;
}
.dnj_c>p strong {
    color: #cc0001;
}
/*  */
.lxd_c {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lxd_item {
  width: 48.5%;
  background: #fff;
  padding: 50px 56px;
  color: #222;
  position: relative;
  z-index: 2;
}

.lxd_bc {
  background: #edeff1;
  padding: 60px 0 100px;
}

.lxd_item:nth-child(n+3) {
  margin-top: 50px;
}

.lxd_item h1 {
  font-size: 24px;
  line-height: 184%;
}

.lxd_item li {
  font-size: 20px;
  color: #555;
}

.lxd_item li+li {
  margin-top: 15px;
}

.lxd_item ul {
  margin-top: 22px;
}

.lxd_item li i {
  margin-right: 12px;
  font-size: 18px;
}

.lxd_item li b {color: #0a2f8f;font-size: 24px;}
/*  */
.hg_bc {
  padding: 90px 0 100px;
  background: #edeff1;
  /*margin-bottom: 90px;*/
}

.hg_tt h1 {
  font-size: 40px;
}

.hg_tt {
  text-align: center;
}

.hg_tt h1 span {
  color: #0a2f8f;
}

.hg_tt h2 {
  font-weight: normal;
  font-size: 20px;
  color: #333;
  margin-top: 12px;
}

.hg_ic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

.hg_item:nth-child(odd) {color: #fff;}

.hg_item:nth-child(even) {
  background: #fff;
}

.hg_item {
  width: 32.3%;
  padding: 50px;
  text-align: center;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.hg_item:nth-child(n+4) {
  margin-top: 26px;
}

.hg_item i {
  font-size: 64px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.hg_item:nth-child(1){
    background: url(../images/hg-bg1.jpg) no-repeat center;
    background-size:cover;
    text-align: left;
}
.hg_item:nth-child(3){
    background: url(../images/hg-bg2.jpg) no-repeat center;
    background-size:cover;
    text-align: left;
}
.hg_item:nth-child(5){
    background: url(../images/hg-bg3.jpg) no-repeat center;
    background-size:cover;
    text-align: left;
}
.hg_item:nth-child(odd) i{
    font-size: 60px;
}
.hg_item:nth-child(odd) i:after{
    width: 36px;
    height: 36px;
    top: -6px;
}
.hg_item h1 {
  font-size: 26px;
  margin-top: 34px;
  text-align: left;
}

.hg_item h2 {
  font-weight: normal;
  line-height: 190%;
  margin-top: 18px;
  text-align: left;
  font-size: 18px;
}

.hg_item i:after {
  position:absolute;
  content:"";
  width: 38px;
  height: 38px;
  border-radius: 100%;
  top: -12px;
}

.hg_item:nth-child(even) i:after {
  background: #4168ce;
  right: -15px;
  z-index: -1;
}

.hg_item:nth-child(odd) i:after {
  background: #2548a2;
  left: -15px;
  z-index: -1;
}
/**/
.zs_bc2 {
    margin-bottom: 0;
}
/**/
.mt_js{margin-top:90px;}
.mb_js{margin-bottom:90px;}

/* 可持续发展 */
.kc_bc {
  padding: 90px 0 100px;
}

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

.kc_c>p img {
  width: 100%;
}

.kc_c>p {
  width: 47.5%;
}

.kc_r {
  width: 49%;
}

.kc_r h1 {
  font-size: 34px;
  line-height: 160%;
  position: relative;
}

.kc_r h1 strong {
  color: #0a2f8f;
  display: block;
}
.kc_r h1 span {display: inline-block;width: 56px;height: 56px;background: #cc0001;color: #fff;border-radius: 100%;margin-top: 14px;text-align: center;line-height: 56px;margin-right: 10px;font-size: 32px;}
.kc_wz h3 {
  font-size: 18px;
  font-weight: normal;
  color: #444;
  line-height: 200%;
  text-align: justify;
}

.kc_wz {
  margin-top: 42px;
}
.kc_wz h3 span {font-weight: bold;font-size: 20px;}
.kc_wz h3+h3 {
  margin-top: 25px;
}
/*  */
.zd_tt {
  text-align: center;
}

.zd_tt h1 {
  font-size: 38px;
  line-height: 160%;
}

.zd_tt h2 {
  font-weight: normal;
  font-size: 20px;
  color: #333;
  margin-top: 10px;
  line-height: 180%;
}

.zd_ic {
  display: flex;
  justify-content: space-between;
  margin-top: 66px;
}

.zd_l {
  width: 49%;
  background: #0a2f8f;
}

.zd_r {
  width: 49%;
}

.zd_tt h1 span {
  color: #0a2f8f;
}

.zd_item {
  padding: 50px;
  background: #fff;
  color: #333;
  width: 32.3%;
}

.zd_item>i {
  font-size: 66px;
}

.zd_item>h1 {
  font-size: 28px;
  margin: 30px 0;
}

.zd_item>h3 {
  font-weight: normal;
  line-height: 200%;
  font-size: 18px;
  color: #555;
}

.zd_item li {
  font-size: 18px;
  color: #555;
}

.zd_item li+li {
  margin-top: 12px;
  line-height: 180%;
}

.zd_item:nth-child(2) {background: #0a2f8f;color: #fff;}
.zd_item:nth-child(2) li{color: #fff;}

.zd_bc {
  background: #edeff1;
  padding: 90px 0 100px;
}
/*  */
.zg_bc {
  padding: 90px 0 110px;
}

.zg_tt {
  text-align: center;
}

.zg_tt>b {
  display: block;
  font-size: 38px;
}
.zg_tt>b span{
  color: #0a2f8f;
}
.zg_tt>p {
  font-size: 20px;
  color: #444;
  margin-top: 14px;
}

.zg_ic {
  margin-top: 146px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.zh_l,.zh_r {
  width: 33%;
}

.zj_zj {
  top: -78px;
  position: relative;
  margin-bottom: -94px;
}
.zj_zj img {
    width: 620px;
    border-radius: 100%;
}
.zg_item {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  z-index: 2;
}

.zg_item em {
  font-weight: bold;
  font-size: 28px;
  width: 86px;
  height: 86px;
  flex-shrink: 0;
  background: #0a2f8f;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
}

.zh_r .zg_item {
  flex-direction: row;
}

.zh_r .zg_item em {
  margin-right: 24px;
  margin-left: 0;
}

.zg_item+.zg_item {
  margin-top: 79px;
}

.zg_item>p {
  color: #444;
  line-height: 200%;
  font-size: 18px;
  text-align: justify;
}

.zh_l .zg_item:nth-child(1) {
  /* right: -96px; */
  margin-right: -96px;
  padding-left: 50px;
}

.zh_l .zg_item:nth-child(2) {
  margin-right: -42px;
}

.zh_l .zg_item:nth-child(3) {
  margin-right: -82px;
  padding-left: 50px;
}

.zh_r .zg_item:nth-child(1) {
  margin-left: -94px;
  padding-right: 50px;
}

.zh_r .zg_item:nth-child(2) {
  margin-left: -45px;
}

.zh_r .zg_item:nth-child(3) {
  margin-left: -80px;
  padding-right: 50px;
}
/*  */
.zl_tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.zl_tit h1 {
  font-size: 40px;
  font-weight: normal;
}

.zl_tit p {
  font-size: 20px;
}

.zl_ic {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.zl_ic ul {
  background: #0a2f8f;
  color: #fff;
  padding: 56px 50px;
  width: 21%;
}

.zl_r {
  width: 74%;
}

.zl_ic>ul li {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.zl_ic>ul li i {
  display: block;
  text-transform: uppercase;
  margin-top: 12px;
  font-size: 14px;
  font-family: 'hl';
}

.zl_ic>ul li span {
  position: absolute;
  right: 30px;
  bottom: -22px;
  font-size: 80px;
  opacity: 0;
  font-family: 'imp';
  color: rgba(255,255,255,0.3);
}

.zl_ic>ul li em {
  font-size: 28px;
}

.zl_ic>ul li:nth-child(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.zl_ic>ul li.on {
  background: #FF9800;
  padding-left: 30px;
  width: 135%;
  overflow: hidden;
}

.zl_ic>ul li.on span {
  opacity: 1;
}

.zl_item>p img {
  width: 100%;
}

.zl_item {
  position: relative;
}

.zl_item>.txt {
  position: absolute;
  background: rgba(255,255,255,.9);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 63%;
  padding: 50px 60px 60px;
}

.zl_item>.txt dl {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.zl_item>.txt dt {
  font-size: 76px;
  font-family: 'imp';
  font-style: italic;
  color: #0a2f8f;
}

.zl_item>.txt dd span {
  display: block;
  font-size: 16px;
  color: #666;
  text-transform: uppercase;
  font-family: 'hl';
  margin-top: 5px;
}

.zl_item>.txt dd em {
  display: block;
  font-size: 38px;
  color: #FF9800;
  letter-spacing: 2px;
}

.zl_item>.txt dd {
  margin-left: 30px;
}

.zl_item>.txt p {
  line-height: 200%;
  color: #444;
  position: relative;
  padding-left: 18px;
  text-align: justify;
}
.zl_item>.txt p+p {
    margin-top: 10px;
}
.zl_item>.txt p:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background: #FF9800;
  transform: rotate(45deg);
  left: 0;
  top: 13px;
}
.zl_bc {
  padding: 90px 0 100px;
}
/*  */

.dx_r {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dx_bc {
  padding: 90px 0;
  position: relative;
  overflow: hidden;
  background: #edeff1;
}

.dx_item {
  display: flex;
  width: 48.8%;
  background: #fff;
  padding: 50px;
}

.dx_wz h1 {
  font-size: 24px;
}

.dx_wz h3 {
  font-weight: normal;
  line-height: 200%;
  margin-top: 15px;
  font-size: 18px;
  color: #444;
  text-align: justify;
}

.dx_item+.dx_item {
  margin-top: 32px;
}

.dx_item i {
  font-size: 44px;
  font-family: 'imp';
  font-style: italic;
  margin-right: 30px;
  flex-shrink: 0;
  color: #0a2f8f;
}
.dx_r>p {
  width: 48.8%;
  margin-top: -90px;
}

.dx_r>p img {
  width: 100%;
  height: 380px;
}
.dx_wz h1 span {
    color: #cc0001;
}
/*  */
.sg_bc {
  background: url(../images/sg-bg.jpg) no-repeat center;
  color: #fff;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.sg_c {
  display: flex;
  justify-content: space-between;
  padding: 82px 0;
}

.sg_l h1 {
  font-size: 42px;
}
.sg_l h1 strong {
    color: #FFC107;
}
.sg_l>p em {
  background: #FF9800;
  font-size: 25px;
  padding: 12px 18px;
  line-height: 100%;
}

.sg_l>p em+em {
  margin-left: 14px;
}

.sg_l>p {
  display: flex;
  align-items: center;
  margin: 25px 0 34px;
  justify-content: space-between;
}

.sg_pho img {
  width: 34px;
  margin-right: 10px;
}

.sg_pho {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-top: 28px;
}

.sg_pho b {font-size: 40px;color: #FFC107;}

.sg_ty {
  font-size: 32px;
  background: #fff;
  color: #0a2f8f;
  text-align: center;
  padding: 17px;
  letter-spacing: 1.5px;
}
.sg_ty br{display:none;}
.sg_ty em {
  display: block;
  font-weight: bold;
  line-height: 156%;
}
.sg_ty em+em {
    color: #cc0001;
}
.sg_l>h2 {
  font-size: 26px;
  font-weight: normal;
  margin-top: 24px;
  line-height: 172%;
  letter-spacing: 2px;
}

.sg_l h1 span {
  color: #FFC107;
  font-size: 62px;
  position: relative;
  top: 3px;
}

.sg_l {
  width: 50.5%;
  min-width: 867px;
  position: relative;
  z-index: 2;
}

.sg_l>h2 span {
  color: #FFC107;
}
.sg_c>p {
  width: 47%;
  position: absolute;
  right: 0;
  top: -1px;
  min-width: 879px;
}

.sg_c>p img {
  width: 100%;
}

/* 招聘人才 */
.jr_bc {
  padding: 90px 0 100px;
}

.jr_c {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.jr_c>p img {
  width: 100%;
}

.jr_c>p {
  width: 48%;
}

.jr_r {
  width: 48%;
}

.jr_r h1 {
  font-size: 36px;
  display: flex;
  align-items: center;
}

.jr_r h1 span {
  color: #0a2f8f;
}

.jr_r h2 {
  font-size: 30px;
  line-height: 180%;
  color: #0a2f8f;
}

.jr_wz>p {
  font-size: 18px;
  line-height: 200%;
  color: #444;
  text-align: justify;
}

.jr_wz>p+p {
  margin-top: 15px;
}
.jr_logo {
  display: flex;
  align-items: center;
}

.jr_r h1 img {
  width: 56px;
  margin-right: 20px;
}
.jr_ic>h1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.jr_ic>h1 img {
  width: 70px;
  margin-right: 24px;
}

.jr_ic>h1 {
  font-size: 40px;
}

.jr_ic>h1 i {
    color: #cc0001;
    font-size: 52px;
    top: -5px;
    position: relative;
    display: block;
    margin: 0 3px;
}
.jr_r h2 span {
  display: block;
  color: #cc0001;
  padding-left: 86px;
  position: relative;
}

.jr_wz {
  margin-top: 24px;
}
.jr_wz>p span {
    letter-spacing: .6px;
}
.jr_r h2 span:after {
  position: absolute;
  content: "";
  width: 66px;
  height: 1px;
  background: #cc0001;
  left: 0;
  top: 50%;
}
/*  */
.rm_tit h1 {
  font-size: 40px;
  line-height: 160%;
}

.rm_tit h1 strong {
  color: #0a2f8f;
}
.rm_tit h1 span {
    color: #cc0001;
    font-size: 46px;
}
.rm_tit {
  text-align: center;
}

.rm_tit p {
  font-size: 32px;
  margin-top: 13px;
}

.rm_ic {
  margin-top: 62px;
}

.rm_ic>ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.rm_bc {
  padding: 90px 0;
  background: #edeff1;
}

.rm_ic>ul li {
  background: #fff;
  padding: 46px 40px 40px 54px;
  width: 31.2%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.rm_ic>ul li span {
  position: absolute;
  top: 6px;
  left: -28px;
  background: #0a2f8f;
  color: #fff;
  padding: 4px 30px;
  transform: rotate(-45deg);
}

.rm_ic>ul li i {
  font-size: 36px;
  padding: 16px;
  background: #0a2f8f;
  color: #fff;
}

.rm_ic>ul li>div {
  margin-right: 34px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rm_ic>ul li h1 {
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}

.rm_ic>ul li em {
  background: #0a2f8f;
  color: #fff;
  padding: 8px 22px;
  margin-top: 15px;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
}

.rm_item {
  position: fixed;
  width: 60%;
  max-height: 85%;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 60px;
  z-index: -1;
  opacity: 0;
  /* transition: all .3s; */
  overflow: auto;
}
.rm_item.on {
  z-index: 99;
  opacity: 1;
}
.rm_item>h1 {
  font-size: 24px;
  margin-bottom: 26px;
}

.rm_item>ul li {
  line-height: 200%;
  color: #444;
  position: relative;
  padding-left: 18px;
}

.rm_item>ul li:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #0a2f8f;
  transform: rotate(45deg);
  left: 0;
  top: 13px;
}

.rm_item>ul li+li {
  margin-top: 8px;
}

.rm_item>b {
  display: block;
  font-size: 18px;
  margin: 26px 0 13px;
}
.rm_item>i {
  position: absolute;
  right: 40px;
  font-size: 38px;
  top: 30px;
  color: #0a2f8f;
}
.rm_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  padding: 60px;
  z-index: -1;
  /* transition: all .3s; */
  opacity: 0;
}
.rm_bg.on {
  z-index: 98;
  opacity: 1;
}
.rm_ic>ul li:nth-child(n+4) {
  margin-top: 38px;
}
/*  */
.yh_bc {
  padding: 90px 0;
}

.yh_tit {
  text-align: center;
  font-size: 38px;
}
.yh_tit>h1{
    line-height: 160%;
}
.yh_tit h1 span {
  color: #0a2f8f;
}

.yh_ic {
  display: flex;
  margin-top: 54px;
}

.yh_item {
  width: 25%;
  background: #edeff1;
  position: relative;
}

.yh_zj {
  width: 50%;
  background: #0a2f8f;
  color: #fff;
  position: relative;
}

.yh_wz>p {
  font-size: 18px;
  line-height: 200%;
}

.yh_wz>p+p {
  margin-top: 18px;
}

.yh_item>em {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.yh_item>em span {
  background: #0a2f8f;
  color: #fff;
  font-size: 30px;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yh_item>em span+span {
  margin-top: 12px;
}
.yh_ic img {
  width: 100%;
}

.yh_wz {
  position: absolute;
  bottom: 17%;
  left: 50%;
  width: 84%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
}

.yh_zj>p {
}
.yh_wz>p i {
  font-weight: bold;
  font-size: 26px;
  margin-right: 3px;
  color: #FFC107;
}
.yh_tit h1 i {
  color: #cc0001;
}
/*  */
.rz_c {
  display: flex;
  justify-content: space-between;
}

.rz_l {
  width: 48%;
}

.rz_c>p {
  width: 48%;
}

.rz_c>p img {
  width: 100%;
}

.rz_item>em {
  font-size: 30px;
  position: relative;
  display: inline-block;
}

.rz_item>em:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background: rgba(10,47,143,0.3);
  border-radius: 100%;
  right: -6px;
  top: -4px;
}

.rz_item>p {
  font-size: 18px;
  line-height: 200%;
  color: #444;
  margin-top: 16px;
  text-align: justify;
}

.rz_item+.rz_item {
  margin-top: 40px;
}

/*  */
.sz_c {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.sz_bc {
  padding: 90px 0 125px;
}

.sz_item {
  background: #edeff1;
  padding: 60px;
  position: relative;
  width: 48.5%;
}

.sz_l {
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}

.sz_r {
  width: 100%;
}

.sz_item>i {
  position: absolute;
  top: 50px;
  left: 0;
  background: #0a2f8f;
  color: #fff;
  width: 122px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  font-size: 34px;
  font-family: 'imp';
  border-top-right-radius: 52px;
  border-bottom-right-radius: 52px;
  padding-left: 16px;
}

.sz_item> span {
  display: block;
  font-size: 70px;
  text-align: right;
  color: #0a2f8f;
}

.sz_item> em {
  font-size: 30px;
  display: block;
  margin-top: 4px;
}

.sz_item>p {
  font-size: 18px;
  line-height: 200%;
  margin-top: 16px;
  text-align: justify;
  color: #555;
}

.sz_wz>em {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  display: block;
}

.sz_wz>ul {
  display: flex;
  justify-content: center;
  margin: 30px 0 50px;
}

.sz_wz>ul li {
  background: #0a2f8f;
  color: #fff;
  font-size: 24px;
  padding: 12px 14px;
  position: relative;
  width: 248px;
  text-align: center;
  cursor: pointer;
}

.sz_wz>ul li+li {
  margin-left: 20px;
}

.sz_wz>ul li:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #0a2f8f;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.sz_wz>ul li.on:after {
  opacity: 1;
}

.sz_i {
  text-align: center;
  font-size: 20px;
}

.sz_jt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  margin-top: -16px;
}

.sz_img img {width: 72px;}

.sz_ul {
  position: relative;
  display: flex;
  width: 42%;
  justify-content: space-between;
}

.sz_ul i {
  background: #0a2f8f;
  color: #fff;
  display: block;
  text-align: center;
  padding: 14px;
  /* width: 120px; */
}

.sz_ul li {position: relative;width: 25%;}

.sz_img {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  bottom: -28px;
  width: 11%;
}

.sz_ul li:nth-child(4) {
  margin-top: 234px;
}

.sz_ul li em {
  font-size: 20px;
  display: block;
  margin-top: 6px;
  text-align: center;
}

.sz_ul li:nth-child(3) {
  margin-top: 156px;
}

.sz_ul li:nth-child(2) {
  margin-top: 78px;
}

.sz_img>em {
  font-size: 20px;
  display: block;
  margin-top: 9px;
  box-sizing: border-box;
  width: 100%;
}
.sz_ur {
  flex-direction: row-reverse;
}
.sz_ur i {
  background: #cc0002;
}
.sz_i>p {
  width: 90%;
  margin: 0 auto;
  line-height: 180%;
}
.sz_wz {
  width: 800px;
  margin: 0 auto;
}
/*  */
.zr_w>h1 {
  font-size: 42px;
  letter-spacing: 5px;
  color: #0a2f8f;
}

.zr_w>h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 200%;
  margin-top: 18px;
  color: #333;
}

.zr_w {
  text-align: center;
}

.zr_bc {
  padding: 90px 0 100px;
  background: #edeff1;
}

.zr_l {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.zr_item {
  width: 32%;
  background: #fff;
}

.zr_item img {
  width: 100%;
}

.zr_item>p {
}

.zr_wz {
  background: #fff;
  padding: 46px;
}

.zr_wz h1 span {
  background: #0a2f8f;
  color: #fff;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr_wz h1 {
  display: flex;
}

.zr_wz h1 span+span {
  margin-left: 10px;
}

.zr_wz h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 200%;
  margin-top: 20px;
  color: #444;
}
/*  */
.rl_bc {
  padding: 90px 0;
}

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

.rl_l {
  width: 48%;
}

.rl_c>p img {
  width: 100%;
}

.rl_c>p {
  width: 48%;
}

.rl_l h1 {
  font-size: 36px;
}

.rl_l ul {
  margin-top: 42px;
}

.rl_l li em {
  font-size: 24px;
  display: block;
  position: relative;
}

.rl_l li p {
  line-height: 200%;
  font-size: 18px;
  color: #555;
  margin-top: 8px;
}

.rl_l li+li {
  margin-top: 30px;
}

.rl_l li {
  display: flex;
  align-items: center;
}

.rl_l li i {
  width: 66px;
  height: 66px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  background: #0a2f8f;
  color: #fff;
  margin-right: 22px;
  flex-shrink: 0;
}

/* CIS模组AOI检测设备 */
.cis_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cis_l {
  width: 46.5%;
  background: #edeff1;
  padding: 54px 50px 62px 0;
  position: relative;
}
.cis_r {
  width: 50%;
  position: relative;
}

.cis_l>h1 {
  font-size: 26px;
}

.cis_l>h1 strong {
  color: #cc0001;
  font-size: 34px;
}
.cis_l>h1 span {
    font-size: 32px;
}

.cis_l>h1 i {
    color: #cc0001;
}
.cis_l li {
  background: #fff;
  position: relative;
  padding: 8px 38px;
  font-size: 18px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  color: #444;
}

.cis_l ul {
  margin-top: 42px;
}

.cis_l li+li {
  margin-top: 24px;
}

.cis_l li img {
  margin-left: 12px;
}

.cis_bc {
  padding: 90px 0;
  overflow: hidden;
}

.cis_r>h1 {
  font-size: 34px;
  line-height: 160%;
}
.cis_r>h1 i {
    color: #cc0001;
}
.cis_r>h1 strong {
  display: block;
  color: #0a2f8f;
}

.cis_r>ul {
  font-size: 18px;
  line-height: 180%;
  margin-top: 38px;
}

.cis_r li i {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #0a2f8f;
  color: #fff;
  flex-shrink: 0;
  margin-right: 15px;
  text-align: center;
  line-height: 44px;
}

.cis_r li {
  display: flex;
  align-items: center;
}

.cis_r li+li {
  margin-top: 30px;
}
.cis_l:after {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: #edeff1;
  left: -200px;
  top: 0;
}
/*  */
.cj_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cj_l {
  width: 46%;
}

.cj_r {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.cj_r img {
  width: 100%;
}

.cj_r>p {
  width: 100%;
}

.cj_l>h1 {
  font-size: 40px;
  position: relative;
  padding-bottom: 32px;
}

.cj_l>h1 span{color: #0a2f8f;}

.cj_l>h3 {
  font-weight: normal;
  line-height: 200%;
  font-size: 18px;
  margin-top: 40px;
  color: #444;
  text-align: justify;
}

.cj_r>h2 {
  background: #0a2f8f;
  color: #FFC107;
  padding: 16px 30px 16px 22px;
  font-size: 28px;
  /* margin-bottom: 30px; */
  position: relative;
  top: 0;
  right: 0;
}

.cj_r>h2:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 69px solid transparent;
  border-right: 28px solid #0a2f8f;
  left: -28px;
  top: 0;
}

.cj_r>h2 span {
  font-weight: normal;
  display: inline-block;
  margin-left: 14px;
  color: #fff;
}

.cj_l>h1:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  background: #0a2f8f;
  left: 0;
  bottom: 0;
}

/*  */
.lj_bc {
  padding: 90px 0 30px;
}

.lj_c>h1 {
  text-align: center;
  font-size: 40px;
  position: relative;
}
.lj_c>h1:after,.lj_c>h1:before {position: absolute;content: "";width: 28%;height: 1px;background: #ddd;top: 50%;}

.lj_c>h1:after {right: 0;}

.lj_c>h1:before {left: 0;}
.lj_c>h1 strong {
  color: #0a2f8f;
}
.lj_c>h1 i{
    color: #cc0001;
    font-size: 56px;
    top: 4px;
    position: relative;
}
.lj_ic {
  display: flex;
  margin-top: 18px;
  justify-content: space-between;
  align-items: center;
}

.lj_item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.lj_l {
  width: 34%;
}

.lj_ic img {
  width: 100%;
}

.lj_ic>p {
  width: 39%;
  position: relative;
}

.lj_l .lj_item {
  flex-direction: row-reverse;
}

.lj_r .lj_item {
  flex-direction: row;
}

.lj_item>i {
  width: 40px;
  height: 40px;
  background: #0a2f8f;
  color: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
}

.lj_item+.lj_item {
  margin-top: 50px;
}

.lj_l .lj_item>p {
  text-align: right;
  margin-right: 30px;
}

.lj_r .lj_item>p {
  text-align: left;
  margin-left: 26px;
  margin-right: 0;
}

.lj_item>p {
  text-align: justify;
  font-size: 17px;
  line-height: 200%;
}

.lj_item>i:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background: #0a2f8f;
  opacity: 0.2;
  border-radius: 100%;
  z-index: -1;
}

.lj_lc .lj_item:nth-child(1) {
  right: -42px;
}

.lj_lc .lj_item:nth-child(3) {
  right: -52px;
}

.lj_lc .lj_item:nth-child(2) {
  right: -22px;
}

.lj_r .lj_item:nth-child(1) {
  left: -52px;
}

.lj_r .lj_item:nth-child(2) {
  left: -24px;
}

.lj_r .lj_item:nth-child(3) {
  left: -50px;
}

/*  */
.as_tt {
  text-align: center;
  margin-bottom: 224px;
}

.as_l>h1 {
  font-size: 40px;
  line-height: 160%;
}

.as_l>h1 span {
  color: #0a2f8f;
  font-size: 44px;
}
.as_l>h1 span i {
    font-size: 60px;
    color: #cc0001;
    position: relative;
    top: 4px;
}
.as_l>p {
  font-size: 32px;
  font-weight: bold;
  line-height: 160%;
  margin: 10px 0 20px;
}
.as_l>p span {
    color: #cc0001;
}
.as_tt>h2 {
  /* background: #cc0001; */
  color: #fff;
  font-size: 28px;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
  z-index: 2;
}

.as_tt>h2:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #cc0001;
  left: 0;
  top: 0;
  z-index: -1;
  transform: skewX(-10deg);
}

.as_ic {
  position: relative;
}

.as_item {
  position: absolute;
  width: 37%;
  display: flex;
  align-items: center;
}

.as_ic>p img {
  width: 100%;
}

.as_ic>p {
  width: 38%;
  margin: 0 auto;
  min-width: 640px;
}

.as_bc {
  background: #edeff1;
  padding: 90px 0 260px;
}
.as_item:nth-child(1) {
  bottom: 16%;
  left: 0;
  flex-direction: row-reverse;
}

.as_item img {
  width: 100%;
  border-radius: 100%;
}

.as_item>p {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  padding: 3px;
  border: 2px solid #0a2f8f;
  overflow: hidden;
  flex-shrink: 0;
}

.as_item>em {
  font-size: 18px;
  margin-right: 20px;
  line-height: 200%;
  color: #222;
}

.as_item:nth-child(2) {
  top: 15%;
  flex-direction: row-reverse;
  left: 0;
}

.as_item:nth-child(3) {
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column-reverse;
  top: -24%;
}

.as_item:nth-child(3)>em {
  text-align: center;
  margin-bottom: 14px;
  margin-right: 0;
}

.as_item:nth-child(4) {
  right: 0;
  top: 15%;
}

.as_item:nth-child(5) {
  right: 0;
  bottom: 16%;
}

.as_item:nth-child(6) {
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  bottom: -24%;
}

.as_item:nth-child(6)>em {
  margin-top: 14px;
  text-align: center;
  margin-right: 0;
}

.as_item:nth-child(4) em {
  margin-right: 0;
  margin-left: 20px;
}

.as_item:nth-child(5) em {
  margin-right: 0;
  margin-left: 20px;
}
/**/
.yq_l4>h1:after {
    width: 36%;
}
/*  */
.ld_bc {
  padding: 100px 0;
}

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

.ld_l {
  width: 48%;
}

.ld_c>p {
  width: 48%;
}

.ld_c>p img {
  width: 100%;
}

.ld_l>h1 {
  font-size: 40px;
  margin-bottom: 60px;
}

.ld_l>h1 span {
  color: #0a2f8f;
}

.ld_l>h1 i {
  color: #cc0001;
  font-size: 58px;
  position: relative;
  top: 4px;
}

.ld_item {
  display: flex;
  align-items: flex-start;
}

.ld_item+.ld_item {
  margin-top: 50px;
}

.ld_item>i {
  font-size: 46px;
  width: 80px;
  height: 80px;
  background: #0a2f8f;
  color: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 8px;
}

.ld_wz {
  margin-left: 32px;
}

.ld_wz>h1 {
  font-size: 28px;
  font-weight: normal;
}

.ld_wz>h2 {
  line-height: 200%;
  font-weight: normal;
  margin-top: 20px;
  font-size: 18px;
  text-align: justify;
  color: #444;
}
/**/
.kk_l3>h1 span {
    font-size: 34px;
}

.kk_l3>h1 {
    letter-spacing: 2px;
}

.kk_l3 .kk_icon {
    padding: 18px 36px;
}


.kk_l3 .kk_icon>h2 span {
}

.kk_l3>h3 {
    letter-spacing: 2px;
}
/*  */
.qs_c {
  position: relative;
}

.qs_c>ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  position: relative;
  padding-top: 26px;
}

.qs_c li {
  width: 50%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  margin-bottom: 70px;
  /* flex-direction: column; */
  align-items: flex-start;
  position: relative;
}

.qs_c h1 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 36px;
  padding-bottom: 40px;
  z-index: 2;
}

.qs_c h1 span {
  color: #0a2f8f;
  display: block;
  font-size: 42px;
}

.qs_c h1 i {
  color: #cc0001;
  font-size: 58px;
}


.qs_c li:nth-child(even) {
  padding: 0 60px 70px 0;
  top: 230px;
}
.qs_c li:nth-child(6){
  border-bottom: 0;
}
.qs_c li i {
  background: #0a2f8f;
  color: #fff;
  background-color: #0a2f8f;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  font-size: 22px;
  line-height: 100%;
  width: 50px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.qs_c li:nth-child(odd) {padding: 0 0 70px 60px;}

.qs_wz{
  width: 48%;
  padding-top: 15px;
}

.qs_c li p {
  font-size: 18px;
  line-height: 200%;
  padding-top: 30px;
}

.qs_c li>p {
  width: 48%;
}
.qs_c li>p img{
  width: 100%;
}
.qs_c li:last-child {border-bottom: 0;margin-bottom: 0;}

.qs_c>ul:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #ddd;
  left: 50%;
  top: 0;
}

.qs_c>ul:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #ddd;
  border-radius: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.qs_bc {
  padding-top: 90px;
}

.qs_c h1:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  background: #cc0001;
  left: 4px;
  bottom: 0;
}
/*  */
.rn_bc {
  background: #edeff1;
  padding: 90px 0 100px;
}

.rn_tit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rn_tit img {
  width: 96px;
  margin-right: 26px;
  position: relative;
  top: 3px;
}

.rn_tit h1 {
  font-size: 38px;
  color: #0a2f8f;
  line-height: 160%;
}

.rn_tit h1 i {
  font-size: 58px;
  color: #cc0001;
  position: relative;
  top: 4px;
}

.rn_tit h2 {
  font-size: 35px;
  line-height: 150%;
  color: #cc0001;
  font-weight: normal;
  letter-spacing: 1px;
}

.rn_ic {
  margin-top: 70px;
}

.rn_ic ul {
  display: flex;
  justify-content: space-between;
}

.rn_ic li {
  width: 18%;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.rn_ic li i {
  font-size: 40px;
  margin-right: 14px;
}

.rn_ic li.on {
  color: #0a2f8f;
}

.rn_bb {
  margin-top: 70px;
}

.rn_item {
  display: flex;
  align-items: center;
  background: #fff;
}

.rn_l {
  width: 50%;
  background: #fff;
  padding: 60px 70px;
}

.rn_item>p {
  width: 50%;
}

.rn_item>p img {
  width: 100%;
}

.rn_tt {
  display: flex;
  align-items: center;
  position: relative;
}

.rn_tt span {
  font-size: 86px;
  font-family: 'imp';
  color: #0a2f8f;
  margin-right: 20px;
}

.rn_tt h1 {
  font-size: 38px;
  font-weight: normal;
}

.rn_tw>i {
  font-size: 18px;
  color: #666;
  font-family: 'hl';
  margin-top: 4px;
  display: block;
}

.rn_tt>i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 52px;
  color: #0a2f8f;
}

.rn_wz {
  font-size: 18px;
  text-align: justify;
  color: #444;
  line-height: 220%;
  margin-top: 30px;
}


/*固晶焊线AOI检测设备*/
/*  */
.td_bc {
  padding: 100px 0 0;
}

.td_c>h1 {
  font-size: 40px;
  color: #cc0001;
  line-height: 150%;
  position: relative;
  padding-bottom: 44px;
  width: 100%;
  text-align: center;
}

.td_c>h1 span {
  color: #222;
}

.td_item img {
  width: 59px;
  flex-shrink: 0;
  margin-right: 22px;
  position: relative;
  top: 4px;
}

.td_item {
  display: flex;
  width: 32%;
  align-items: flex-start;
  background: #edeff1;
  padding: 34px 38px;
}

.td_r {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.td_item:nth-child(n+4){
    margin-top: 28px;
}

.td_c>h1:after {
  position: absolute;
  content: "";
  width: 36px;
  height: 2px;
  background: #cc0001;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.td_wz b {
  font-size: 24px;
}

.td_wz p {
  font-size: 17px;
  color: #333;
  line-height: 190%;
  margin-top: 12px;
  text-align: justify;
}
.td_c {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
/**/
.yq_l5>h1 {
    font-size: 35px;
}

.yq_l5>p {
    font-size: 21px;
    letter-spacing: 0.2px;
}
.yq_l5>em span{
    margin-left: 18px;
    font-size: 35px;
}
/*  */
.fa_bc {
  padding: 90px 0 190px;
}

.fa_c>h1 {
  text-align: center;
  font-size: 40px;
  position: relative;
}

.fa_c>h1 span {
  color: #cc0001;
  font-size: 46px;
}

.fa_ic {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.fa_item {
  width: 31%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.fa_item>p img {
  width: 100%;
}

.fa_item:nth-child(2) {
  flex-direction: column-reverse;
}

.fa_wz>i {
  font-size: 52px;
  display: block;
position: absolute;left: 0;top: -5px;}

.fa_wz {margin-bottom: 60px;position: relative;}

.fa_wz>em {
  font-size: 32px;
  display: block;
  color: #0a2f8f;
padding-left: 70px;}

.fa_wz>p {
  line-height: 200%;
  font-size: 18px;
  margin-top: 30px;
  color: #444;
}

.fa_item:nth-child(2) .fa_wz {
  margin-bottom: 0;
  margin-top: 60px;
}

.fa_item:nth-child(odd) {top: 90px;}

.fa_c>h1:after,.fa_c>h1:before {
  position: absolute;
  content: "";
  width: 35%;
  height: 1px;
  background: #edeff1;
  top: 52%;
}

.fa_c>h1:after {
  right: 0;
}

.fa_c>h1:before {
  left: 0;
}
/*  */
.ss_bc {
  padding: 90px 0;
}

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

.ss_l {
  width: 50%;
  padding: 0 50px 70px 0;
}

.ss_cc>p {
  width: 50%;
}
.ss_cc>p img{
    width: 100%;
}
.ss_l>h1 {
  font-size: 36px;
  text-align: center;
}

.ss_l>h1 strong {
  color: #0a2f8f;
}

.ss_l>h1 i {
  font-size: 54px;
  color: #cc0001;
  top: 4px;
  position: relative;
}

.ss_ic {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.ss_item {
  width: 48%;
  text-align: center;
}

.ss_item>i {
  font-size: 46px;
  border-radius: 100%;
  color: #0a2f8f;
  flex-shrink: 0;
  display: block;
}

.ss_item:nth-child(n+3) {
  margin-top: 60px;
}

.ss_item>em {
  font-size: 24px;
  margin: 18px 0 10px;
  display: block;
  font-weight: bold;
}

.ss_item>p {
  font-size: 18px;
  color: #444;
  line-height: 180%;
}

.ss_cc+.ss_cc .ss_l {
  padding: 60px 0 20px 60px;
}

.ss_ic:after,.ss_ic:before {
  position: absolute;
  content: "";
  background: #eee;
}

.ss_ic:after {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
}

.ss_ic:before {
  height: 100%;
  width: 1px;
  left: 50%;
}
/**/
.bzz_bc2 {
    margin-top: 0;
    padding: 84px 0 100px;
    height: 946px;
    background: url(../images/bz-bg.jpg) no-repeat bottom center;
}

.bz_tt i {
    color: #cc0001;
    font-size: 60px;
    position: relative;
    top: 5px;
}

.bzz_bc2 .bzz_item {align-items: flex-start;}

.bzz_bc2 .bzz_item+.bzz_item {
    margin-top: 42px;
}
/**/
.as_ti {
    margin-bottom: 220px;
    text-align: center;
}

.as_ti>h1 {
    font-size: 40px;
}

.as_ti>h1 i {
    font-size: 58px;
    position: relative;
    top: 4px;
    color: #cc0001;
}

.as_ti>h1 strong {
    color: #0a2f8f;
}

.as_ti>p {
    font-size: 28px;
    margin-top: 22px;
    display: inline-block;
    color: #fff;
    padding: 8px 20px;
    position: relative;
    z-index: 2;
}

.as_ti>p:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #cc0001;
    z-index: -1;
    transform: skewX(-10deg);
}

/**/
.kb_l3>h1 img {
    display: none;
}

.kb_l3>h1 {
    font-size: 30px;
    letter-spacing: 0;
    color: #0a2f8f;
    padding: 10px 24px;
    margin: 30px 0 26px;
}

.kb_l3 {
    margin-left: 2%;
    min-width: 1040px;
    width: 62%;
}

.kb_l3>h1 span {
    color: #cc0001;
}

.kb_l3>p {
    font-size: 44px;
    letter-spacing: 1px;
}
.kb_l3>em{
    line-height: 200%;
}
.kb_r3 {
    width: 26%;
    right: 5%;
}
/*内页列表荣誉资质*/
.acom_list>ul {
    display: flex;
    flex-wrap: wrap;
}

.acom_list li {
    width: 23.4%;
    transition: all .3s;
    margin: 0 0.8% 32px;
}

.acom_list li img {
    width: 100%;
}

.acom_list li p {
    border: 1px solid #eee;
    display: block;
}

.acom_list {
    padding: 90px 0;
}


.acom_list li h1 {
    width: 0;
    height: 0;
    opacity: 0;
}
.acom_list li:hover {
    transform: translateY(-8px);
}
/*fenye*/
.pagebar .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 0 13px;
  margin: 0 4px;
  border-radius: 2px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #fff;
  border: 1px solid #0a2f8f;
  background: #0a2f8f;
}
.pagination a.page-num-current {
  color: #fff;
  background: #0a2f8f;
  border: 1px solid #0a2f8f;
}
/**/
.nyx_c {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.nyx_bc {
    padding: 90px 0;
}

.nyx_l {
    width: 70%;
}

.nyx_r {
    width: 25%;
    background: #edeff1;
    padding: 34px;
}

.nyx_tt {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee;
}

.nyx_tt>h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 180%;
}

.nyx_tt>p {
    color: #555;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyx_wz {
    color: #333;
}

.nyx_wz>p {
    line-height: 200%;
}
.nyx_wz>p * {
    text-wrap-mode: wrap!important;
}
.nyx_tt>p i {
    margin-right: 8px;
    font-size: 20px;
}

i.iconfont.iconliuyanban-05 {
    margin-left: 10px;
}

.nyx_pi {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.nyx_pre {
    width: 49%;
    display: flex;
    align-items: center;
    background: #edeff1;
}

.nyx_next {
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #edeff1;
}

.nyx_pre i {
    background: #0a2f8f;
    color: #fff;
    transform: rotate(-180deg);
    display: block;
    padding: 16px;
    margin-right: 14px;
}

.nyx_next i {
    padding: 16px;
    display: block;
    background: #0a2f8f;
    color: #fff;
    margin-left: 15px;
}

.nyx_news {
    margin-top: 70px;
}

.nyx_news>h4 {
    font-size: 30px;
    font-weight: normal;
}

.nyx_nc {
    margin-top: 38px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nyx_ne {
    width: 58px;
    height: 26px;
    background-color: #333333;
    border-radius: 2px;
    font-family: "hb";
    font-size: 18px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin-right: 15px;
}

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

.nyx_tit {
    font-size: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
}

.nyx_date {
    font-size: 16px;
    color: #666;
    width: 17%;
    text-align: right;
}

.nyx_list {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #edeff1;
    position: relative;
}

.nyx_txt {
    line-height: 200%;
    margin-top: 15px;
    color: #555;
}
.nyx_list:after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: #0a2f8f;
    bottom: 0;
    left: 0;
    transition: all .5s;
}

.nyx_list:hover:after {
    width:100%;
}

.nyx_list:hover .nyx_ne {
    background: #0a2f8f;
}
.nyx_list:hover .nyx_tit{
    color: #0a2f8f;
}
/*right*/
.right-service img {
    width: 100%;
}

.right-service>h4 {
    font-size: 20px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.right-service>h4 a {
    font-size: 16px;
    color: #0a2f8f;
}

.txt h3 {
    font-size: 20px;
    padding-right: 10px;
    position: relative;
}

.txt h3 a {
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 90%;
}

.txt>p {
    color: #555;
    line-height: 200%;
    margin-top: 14px;
}

.txt {
    padding-top: 26px;
}

.txt h3 i {
    color: #0a2f8f;
    font-weight: bold;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.right-btn .swiper-pagination-bullet-active {
    background: #0a2f8f;
}

.right-btn span+span {
    margin-left: 5px;
}

.right-btn .swiper-pagination-bullet {
    width: 24px;
    height: 3px;
    border-radius: 2px;
}

.right-btn {bottom: 0;left: 50%;transform: translateX(-50%);min-width: 169px}

.right-service {
    position: relative;
    padding-bottom: 22px;
}
.right-par img {
    width: 100%;
}

.right-par>h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 22px;
}

.right-par {
    margin-top: 46px;
}

.right-par dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.right-par dt {
    width: 45%;
}

.right-par dd {
    width: 50%;
}

.right-par dd a {
    color: #333;
    line-height: 200%;
}
.right-news>h4 {
    font-weight: 400;
    font-size: 20px;
    padding-top: 22px;
    line-height: 180%;
}
.right-news ul li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.right-news ul li::before {
    width: 6px;
    height: 6px;
    background: #3d6db8;
    border-radius: 50%;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.right-contact {
    padding-top: 46px;
}

.right-contact h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 200%;
}

.right-contact>p {
    color: #555;
}
.right-contact .pic {
    margin: 20px 0;
    height: 170px;
    background: #0a2f8f;
}
.right-contact .rightTel{color: #888;margin-bottom: 20px;}
.right-contact .rightTel span{display: block;color: #ff8f46;font-size: 32px;margin-top: 10px;}
.right-contact ul li{width: 47%;text-align: center;color: #888;}
.right-contact ul li img{border: 5px solid #fff;width: 100%;box-sizing: border-box;}
.right-contact ul li span{display: block;margin-top: 10px;letter-spacing: 1px;}

.right-contact ul {
    display: flex;
    justify-content: space-between;
}
/*产品中心页面*/

.pro_ce .sh_bc {
    background: #edeff1;
}

.pro_ce .sh_lm {
    background: #fff;
}

.pro_ce .sh_t {border-bottom: 1px solid #ddd;}
/**/
.news_bc {
    padding: 90px 0;
}

.news_l {
    width: 70%;
}

.news_c {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news_l li a {
    display: flex;
    align-items: flex-start;
}

.news_date i {
    display: block;
    font-size: 36px;
    margin-bottom: 4px;
}

.news_date {
    flex-shrink: 0;
    padding: 20px;
    background: #edeff1;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    transition: all .3s;
}

.news_wz {
    margin-left: 30px;
    overflow: hidden;
}

.news_wz>h3 {
    font-size: 23px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 100px);
}

.news_wz>p {
    color: #666;
    line-height: 200%;
    font-size: 17px;
    margin-top: 16px;
}

.news_l li {
    margin-bottom: 46px;
    padding-bottom: 40px;
    border-bottom: 1px solid #edeff1;
    position: relative;
}

.news_wz>i {
    display: block;
    font-size: 22px;
    color: #666;
    transition: all .5s;
    text-align: right;
    position: absolute;
    right: 4px;
    top: 2px;
}

.news_l li:hover .news_wz>i {
    transform: translateX(-10px);
    color: #0a2f8f;
}
.news_l li:hover .news_wz>h3 {
    color: #0a2f8f;
}

/*新闻动态总页面*/
.dt_bc {
    padding: 90px 0 100px;
}

.dt_tt {
    text-align: center;
}

.dt_tt h1 {
    font-size: 40px;
}

.dt_tt h1 span {
    color: #0a2f8f;
}

.dt_tt p {
    font-size: 20px;
    color: #555;
    margin-top: 15px;
}

.dt_ic {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.dt_r {
    width: 49%;
}

.dt_l {
    width: 47.5%;
}

.dt_l img {
    width: 100%;
    transition: all .5s;
}

.dt_l>p {
    overflow: hidden;
}

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

.dt_wz {
    padding: 50px;
    display: block;
    border: 1px solid #edeff1;
    position: relative;
}

.dt_ti h1 {
    font-size: 22px;
    width: calc(100% - 150px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.dt_ti span {
    font-size: 18px;
    font-family: 'hl';
}

.dt_wz>p {
    line-height: 200%;
    color: #666;
    margin-top: 22px;
    font-size: 17px;
}

.dt_l:hover img {
    transform: scale(1.07);
}

.dt_wz:after {
    content: '';
    width: 0;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}

.dt_l:hover .dt_wz:after {
    width: 100%;
}

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

.dt_top h1 {font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;margin-left: 15px;}

.dt_top i {
    width: 58px;
    height: 26px;
    background-color: #333333;
    border-radius: 2px;
    font-family: "hb";
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
}

.dt_item {
    padding-bottom: 32px;
    display: block;
    border-bottom: 1px solid #edeff1;
    position: relative;
}

.dt_item+.dt_item {
    margin-top: 38px;
}

.dt_item:after {
    content: '';
    width: 0;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}

.dt_item:hover:after {
    width:100%;
}

.dt_top>div {width: calc(100% - 150px);display: flex;align-items: center;}

.dt_top>span {
    font-size: 18px;
    font-family: 'hr';
}

.dt_item>p {
    color: #666;
    line-height: 200%;
    margin-top: 18px;
    font-size: 17px;
}

.dt_item:hover .dt_top i {
    background: #0a2f8f;
}

/* xwn_bc */
.xwn_bc {
    padding: 100px 0 30px;
    background: #edeff1;
}

.xwn_c {
    display: flex;
}

.xwn_ic {
    width: 78%;
    border-top: 5px solid #0a2f8f;
}

.wxn_nav {
    width: 22%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #333;
}

.xwn_item {
    padding: 64px;
    background: #fff;
}

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

.xwn_top>b {
    font-size: 36px;
}

.xwn_top i {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    color: #0a2f8f;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xwn_itc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 52px;
}

.xwn_li {
    width: 48%;
    display: flex;
}

.xwn_lil {
    text-align: center;
}

.xwn_lir {margin-left: 30px;}

.xwn_lil>b {
    font-size: 44px;
    line-height: 100%;
}

.xwn_lil>em {
    color: #999;
    margin-top: 5px;
    display: block;
}

.xwn_li:nth-child(n+3) {
    margin-top: 32px;
}
.xwn_li:nth-child(1), .xwn_li:nth-child(2) {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.xwn_lir>a {
    font-size: 22px;
    display: block;
}

.xwn_lir>em {
    color: #888;
    margin-top: 12px;
    line-height: 180%;
    display: block;
}
.wxn_nav li {
    height: 33.33%;
    /*border: 2px solid #ddd;*/
    
}
.wxn_nav li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.wxn_nav li.on a {
    background: #0a2f8f;
    color: #fff;
}

.wxn_nav li b {
    font-size: 24px;
    color: #fff;
}

.wxn_nav li em i {
    font-size: 12px;
    color: #aaa;
    text-transform: uppercase;
    margin-top: 8px;
    display: block;
}

.wxn_nav li.on em i {
    color: #fff;
}

.wxn_nav li.on {
    border: none;
}

.wxn_nav li+li {
    border-top: 1px solid rgba(255,255,255,0.1);
}

.wxn_nav li a>i {
    font-size: 38px;
    margin-top: 11%;
    color: #fff;
}

.wxn_nav li em {
    width: 68%;
}
.xwn_top>b em {
    display: inline-block;
    text-transform: uppercase;
    color: #999;
    font-weight: normal;
    font-size: 14px;
    margin-left: 8px;
}
/* cjw_bc */
.cjw_bc {
    background: #edeff1;
}
.cjw_c {
    display: flex;
    padding-bottom: 100px;
}

.cjw_l {
    width: 16%;
    background: #0a2f8f;
    color: #fff;
    padding: 10px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cjw_r {
    width: 84%;
    padding: 52px 40px;
    border-left: 0;
    background: #fff;
}

.cjw_l b {
    font-size: 20px;
}

.cjw_l em {
    font-size: 70px;
    color: #788aba;
    font-weight: bold;
    line-height: 100%;
    margin: 2% 0 0;
}

.cjw_l a {
    background: #fff;
    color: #0a2f8f;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22%;
}
.cjw_item>i {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    align-items: flex-start;
}

.cjw_item>i span {
    background: #333;
    color: #fff;
    margin-right: 12px;
    padding: 2px 14px;
    border-top-right-radius: 6px;
    margin-top: 4px;
}

.cjw_item {
    padding: 0 40px;
}
.cjw_item>p {
    display: flex;
    align-items: flex-start;
}

.cjw_item>p span {
    padding: 2px 14px;
    background: #0a2f8f;
    color: #fff;
    border-top-right-radius: 6px;
    margin-right: 12px;
    margin-top: 5px;
}

.cjw_item>p em {
    color: #888;
    line-height: 180%;
}

.cjw_item>i a {
    font-size: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cjw_item>a {
    color: #999;
    padding-left: 48px;
    font-size: 26px;
    margin-top: 5px;
    display: block;
    font-family: 'hl';
}

.cjw_r .swiper-slide {
    border-left: 1px solid #eee;
}

/*内页产品中心详情页*/
.gas_l {
    width: 25%;
}

.gas_t {
    background: #0a2f8f;
    color: #fff;
    display: flex;
    padding: 40px 34px 34px;
}

.gas_t>i {
    font-size: 42px;
    width: 54px;
    height: 54px;
    background: #4663af;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gas_t>p em {
    font-size: 16px;
}
.gas_t>p i {
    font-size: 30px;
    margin-top: 2px;
    display: block;
}
.gas_t2>p i {
    font-size: 23px;
}
.gas_l>ul {
    padding: 10px 36px 40px;
    border: 1px solid #edeff1;
}

.gas_l>ul li {
    border-bottom: 1px solid #edeff1;
    padding: 32px 0;
    position: relative;
}

.gas_l>ul li a {
    font-size: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gas_l li:before {
    position: absolute;
    content: "\e63a";
    font-family: "iconfont";
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    color: #808080;
    font-weight: bold;
    z-index: -1;
}

.gas_l>ul li:hover a,.gas_l li:hover:before {
    color: #0a2f8f;
}

.gas_l li:hover:after {
    border-color: #cc0001;
}
.gas_l>ul li.on a,.gas_l li.on:before {
    color: #0a2f8f;
}

.gas_l li.on:after {
    border-color: #cc0001;
}
.gas_code>p span {
    display: inline-block;
    margin-right: 8px;
    font-size: 20px;
}

.gas_code {
    padding: 40px 40px 50px;
    background: #0a2f8f;
}

.gas_code img {
    width: 100%;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
}

.gas_code>b {
    font-size: 36px;
    color: #FFC107;
    margin-top: 3px;
    display: block;
    margin-top: 6px;
}

.gas_t>p {
    margin-left: 6%;
}

.gas_code>i {
    margin-top: 5%;
}

.gas_code>p {
    font-size: 18px;
    color: #fff;
}

.gas_code>i img {
    background: #fff;
    padding: 12px;
}

.gas_code>i em {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 4%;
}
.cpz_bc {
    padding: 100px 0;
}

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

.cpz_r {
    width: 72%;
}

.gas_co {
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
}

.gas_co>i {
    width: 47%;
    color: #fff;
    text-align: center;
}

.gas_co>i em {
    letter-spacing: 1px;
    margin-top: 6px;
    display: block;
}

.cpz_top {
    display: flex;
    border: 1px solid #edeff1;
    align-items: center;
    padding: 34px;
    justify-content: space-between;
}

.cpz_top>p {
    width: 51%;
}

.cpz_top>p img {
    width: 100%;
}

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

.cpz_wx>p {
    width: 34%;
    border: 1px solid #edeff1;
    padding: 8px;
}

.cpz_wx>p img {
    width: 100%;
}

.cpz_dh {
    width: 48%;
}

.cpz_pc {
    width: 60%;
}

.cpz_dh>h1 {
    font-size: 30px;
    color: #333;
    border-bottom: 1px solid #edeff1;
    margin-bottom: 34px;
    padding-bottom: 15px;
}

.cpz_pc>i {
    font-size: 22px;
    display: block;
    margin-bottom: 26px;
}

.cpz_ph b {
    font-size: 28px;
    color: #333;
}

.cpz_ph i {
    font-size: 24px;
    color: #666;
    margin-right: 8px;
}

.cpz_ph>div+div {
    margin-top: 10px;
}

.cpz_btn {
    display: inline-block;
    background: #0a2f8f;
    color: #fff;
    padding: 11px 58px;
    font-size: 18px;
    margin-top: 38px;
}

.cpz_ph>div {
    color: #666;
}

.cpz_xq {
    display: block;
    text-align: center;
    background: #0a2f8f;
    color: #fff;
    margin-top: 50px;
    padding: 12px;
    font-size: 30px;
    font-weight: normal;
}
.cpz_pc>i span {
    font-size: 26px;
    margin-right: 8px;
}
/* 塑封后芯片六面检测分选设备页面 */
.hj_bc {padding: 0 0 100px;}

.hj_tt {text-align: center;}

.hj_tt ul {display: flex;justify-content: center;margin-top: 26px;}

.hj_tt li+li {margin-left: 10px;}

.hj_tt h1 {font-size: 40px;line-height: 160%;}

.hj_tt h1 span {color: #0a2f8f;}

.hj_tt li {font-size: 22px;background: #0a2f8f;color: #fff;padding: 8px 34px;border-radius: 50px;}

.hj_ic {width: 31%;}

.hj_item {display: flex;}

.hj_item h3 {font-weight: normal;line-height: 200%;margin-left: 30px;font-size: 18px;}

.hj_item i {background: #0a2f8f;color: #fff;width: 40px;height: 32px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;position: relative;padding-left: 15px;box-sizing: border-box;top: 10px;}

.hj_item i:after {position: absolute;content: "";width: 0;height: 0;border-top: 16px solid transparent;border-bottom: 16px solid transparent;border-left: 12px solid #fff;left: 0;top: 0;}

.hj_item i:before {position: absolute;content: "";width: 0;height: 0;border-top: 16px solid transparent;border-bottom: 16px solid transparent;border-left: 12px solid #0a2f8f;right: -12px;top: 0;}
.hj_cc {margin-top: 70px;display: flex;justify-content: space-between;align-items:center;}

.hj_item+.hj_item {margin-top: 44px;}

.hj_ic+.hj_ic .hj_item+.hj_item {margin-top: 52px;}
.hj_c{position: relative;}
.hj_re>p img {width: 100%;}

.hj_re>p {width: 28%;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}
/**/
.sf_c {
  display: flex;
  justify-content: space-between;
}

.sf_l {
  width: 46.5%;
  background: #edeff1;
  padding: 54px 50px 62px 0;
  position: relative;
}
.sf_r {
  width: 50%;
  position: relative;
}

.sf_l>h1 {
  font-size: 26px;
}

.sf_l>h1 strong {
  color: #cc0001;
  font-size: 36px;
}
.sf_l>h1 span {
    font-size: 32px;
}

.sf_l>h1 i {
    color: #cc0001;
}
.sf_l li {
  background: #fff;
  position: relative;
  padding: 8px 38px;
  font-size: 18px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  color: #444;
}
.sf_l li:last-child{
    line-height: 160%;
}
.sf_l ul {
  margin-top: 42px;
}

.sf_l li+li {
  margin-top: 24px;
}

.sf_l li img {
  margin-left: 12px;
}

.sf_bc {
  padding: 90px 0;
  overflow: hidden;
}

.sf_r>h1 {
  font-size: 34px;
  line-height: 160%;
}
.sf_r>h1 i {
    color: #cc0001;
}
.sf_r>h1 strong {
  display: block;
  color: #0a2f8f;
}

.sf_r>ul {
  font-size: 18px;
  line-height: 180%;
  margin-top: 30px;
}

.sf_r li i {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #0a2f8f;
  color: #fff;
  flex-shrink: 0;
  margin-right: 15px;
  text-align: center;
  line-height: 44px;
}

.sf_r li {
  display: flex;
  align-items: center;
}

.sf_r li+li {
  margin-top: 24px;
}
.sf_l:after {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: #edeff1;
  left: -200px;
  top: 0;
}
.sf_img {display: flex;margin-top: 30px;justify-content: space-between;}

.sf_img p img {width: 100%;}

.sf_img p {width: 32%;}
/*  */
.dp_bc {background: url(../images/dp-bg.jpg) no-repeat center;padding: 80px 0 94px;background-size: cover;}

.dp_c{position: relative;}

.dp_pho img {width: 28px;margin-right: 12px;}

.dp_pho {display: flex;align-items: center;font-size: 18px;margin-top: 34px;/* justify-content: center; */position: relative;}

.dp_pho em {font-size: 40px;font-weight: bold;}

.dp_l {width: 52%;margin-left: 4%;letter-spacing: 1px;}

.dp_l h1 {font-size: 42px;line-height: 160%;}

.dp_l h1 span {display: block;font-size: 33px;letter-spacing:0;}

.dp_l h2 {font-size: 33px;margin-top: 15px;line-height: 164%;color: #cc0001;letter-spacing: 2px;}

.dp_l h3 {font-size: 24px;background: #0a2f8f;display: inline-block;color: #fff;padding: 10px 30px;border-radius: 70px;margin-top: 24px;}

.dp_l h2 span {display: block;}
.dp_c>p img {width: 100%;}

.dp_c>p {width: 38%;position: absolute;right: 8%;top: -26px;}
/*  */
.jn_bc {padding: 90px 0;}

.jn_ic {display: flex;justify-content: space-between;margin-top: 64px;align-items: flex-start;}

.jn_c>h1 {text-align: center;font-size: 40px;}

.jn_c>h1 span {color: #0a2f8f;}

.jn_c>h1 i {color: #cc0001;}

.jn_l li {display: flex;align-items: flex-start;}

.jn_l li i {width: 30px;height: 30px;background: #0a2f8f;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 3px;box-sizing: border-box;padding-top: 2px;flex-shrink: 0;}

.jn_l li+li {margin-top: 28px;}

.jn_l li h2 {font-weight: normal;margin-left: 12px;line-height: 200%;font-size: 17px;}

.jn_l {width: 61%;}

.jn_r {width: 37%;}

.jn_r>p img {width: 100%;}

.jn_r>p+p {margin-top: 30px;}
/*  */
.wc_ti {
  text-align: center;
  margin-bottom: 230px;
}

.wc_ti>h1 {
  font-size: 40px;
  line-height: 160%;
}

.wc_ti>h1 i {
    font-size: 58px;
    position: relative;
    top: 4px;
    color: #cc0001;
}

.wc_ti>h1 strong {
    color: #0a2f8f;
}
.wc_ti>h1 span {
    font-size: 48px;
    color: #cc0001;
}
.wc_l>p {
  font-size: 32px;
  font-weight: bold;
  line-height: 160%;
  margin: 10px 0 20px;
}
.wc_l>p span {
    color: #cc0001;
}

.wc_ic {
  position: relative;
}

.wc_item {
  position: absolute;
  width: 38.6%;
  display: flex;
  align-items: center;
}

.wc_ic>p img {
  width: 100%;
}

.wc_ic>p {
  width: 34%;
  margin: 0 auto;
   min-width: 582px; 
}

.wc_bc {
  background: #edeff1;
  padding: 90px 0 270px;
}
.wc_item:nth-child(1) {
  bottom: 16%;
  left: 0;
  flex-direction: row-reverse;
}

.wc_item img {
  width: 100%;
  border-radius: 100%;
}

.wc_item>p {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  padding: 3px;
  border: 2px solid #0a2f8f;
  overflow: hidden;
  flex-shrink: 0;
}

.wc_item>em {
  font-size: 17px;
  margin-right: 24px;
  line-height: 200%;
  color: #222;
text-align: justify;}

.wc_item:nth-child(2) {
  top: 15%;
  flex-direction: row-reverse;
  left: 0;
}

.wc_item:nth-child(3) {
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column-reverse;
  top: -31%;
width: 44%;}

.wc_item:nth-child(3)>em {
  
  margin-bottom: 16px;
  margin-right: 0;
}

.wc_item:nth-child(4) {
  right: 0;
  top: 15%;
}

.wc_item:nth-child(5) {
  right: 0;
  bottom: 16%;
}

.wc_item:nth-child(6) {
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  bottom: -31%;
}

.wc_item:nth-child(6)>em {
  margin-top: 16px;
  
  margin-right: 0;
}

.wc_item:nth-child(4) em {
  margin-right: 0;
  margin-left: 20px;
}

.wc_item:nth-child(5) em {
  margin-right: 0;
  margin-left: 24px;
}
/*  */
.fs_bc {background: url(../images/fs-bg.jpg) no-repeat center;padding: 80px 0 94px;color: #fff;background-size:cover;}

.fs_l h1 {font-size: 41px;position: relative;padding-top: 30px;line-height: 174%;font-style: italic;color: #ffc107;z-index: 2;}

.fs_l h1 i {position: absolute;top: 0;left: 0;opacity: 0.085;text-transform: capitalize;font-size: 56px;font-weight: normal;color: #fff;font-family: 'imp';z-index: -1;}

.fs_l h1 span {display: block;font-size: 45px;color: #fff;}

.fs_l {width: 59%;margin-left: 3%;min-width: 1010px;}

.fs_wz {display: flex;align-items: center;margin-top: 24px;}

.fs_wz>em {font-size: 46px;font-family: 'hb';color: #ffc107;transform: scaleY(2);letter-spacing: 1px;position: relative;top: 3px;font-weight: bold;}
.fs_wz>em i {font-size: 50px;position: relative;top: 3px;margin-right: 2px;}

.fs_wz>div {font-size: 24px;margin-left: 16px;line-height: 176%;}

.fs_wz h2 {font-weight: normal;}
.fs_wz h2 span{display:none;}
.fs_wz h3 {font-weight: normal;background: #ff9800;color: #fff;text-align: center;margin-top: 8px;padding: 0 6px;}

.fs_pho {font-size: 20px;display: flex;align-items: center;margin-top: 46px;}

.fs_pho i {font-size: 20px;margin-right: 12px;width: 34px;height: 36px;background: #4070ff;display: flex;align-items: center;justify-content: center;border-radius: 2px;}

.fs_pho em {font-size: 40px;font-weight:bold;}
.fs_c {position: relative;}

.fs_c>p img {width: 100%;}

.fs_c>p {position: absolute;width: 26%;right: 4%;top: 53%;transform: translateY(-50%);}
/*  */
.gc_tt p {font-size: 40px;font-weight: bold;color: #0a2f8f;margin-bottom: 22px;display: flex;align-items: center;justify-content: center;}
.gc_tt p i {background: #0a2f8f;color: #fff;font-size: 36px;width: 64px;height: 64px;display: inline-block;border-radius: 100%;text-align: center;line-height: 64px;}
.gc_tt p i:last-child {margin-right: 12px;}
.gc_tt p i+i {margin-left: 8px;}
.gc_bc {padding: 90px 0 100px;background: #edeff1;}

.gc_hj em {display: block;line-height: 200%;font-size: 24px;}

.gc_tt h2 {font-size: 30px;line-height: 160%;font-weight: normal;padding-bottom: 30px;margin-top: 10px;color: #cc0001;}

.gc_ic {padding: 54px;background: #fff;display: flex;align-items: center;justify-content: space-between;margin-top: 46px;}

.gc_tt {position: relative;text-align: center;}

.gc_l li i {width: 36px;height: 36px;background: #0a2f8f;color: #fff;border-radius: 100%;display: inline-block;text-align: center;line-height: 36px;font-size: 17px;margin-right: 15px;flex-shrink: 0;top: 5px;position: relative;box-sizing: border-box;padding-top: 1px;}

.gc_l li+li {margin-top: 22px;}

.gc_l li em {font-size: 17px;line-height: 200%;}

.gc_l {width: 60%;}

.gc_l li {display: flex;align-items: flex-start;}

.gc_r {display: flex;align-items: center;width: 36%;}

.gc_r img {width: 100%;}


.gc_rr {margin-left: 10px;}

.gc_rl>p+p, .gc_rr>p+p {margin-top: 10px;}

.gc_l>h2 {font-size: 30px;margin-bottom: 34px;}
.gc_l>h2 span{color: #cc0001;}
.gc_hj em:nth-child(1) {letter-spacing: 2px;font-size: 25px;}
/**/
.ss_l2>h1{font-size: 34px;}
/*  */
.gl_ic {display: flex;justify-content: space-between;align-items: center;}

.gl_l {width: 58.4%;}

.gl_ic>p {width: 34%;margin-right: 1%;}

.gl_ic>p img {width: 100%;}

.gl_l img {width: 100%;}

.gl_bc {padding: 90px 0;}

.gl_l>h1 {font-size: 34px;line-height: 160%;}

.gl_l>em {font-size: 32px;font-weight: bold;line-height: 160%;margin-top: 5px;display: block;color: #0a2f8f;position: relative;padding-bottom: 22px;}

.gl_l li {font-size: 18px;color: #555;line-height: 200%;position: relative;padding-left: 19px;}

.gl_l li+li {margin-top: 18px;}

.gl_l>em:after {position: absolute;content: "";width: 38px;height: 2px;background: #333;left: 0;bottom: 0;}

.gl_l ul {margin-top: 38px;}

.gl_l li:after {position: absolute;content: "";width: 6px;height: 6px;background: #0a2f8f;transform: rotate(45deg);left: 0;top: 14px;}

.gl_l>p {margin-top: 22px;}

.gl_cc {display: flex;justify-content: space-between;margin-top: 90px;}

.gl_cc>p {width: 38%;}

.gl_cl {width: 58.4%;}

.gl_cc img {width: 100%;}

.gl_cl h1 {font-size: 34px;}
.gl_cl h1 span{color: #0a2f8f;}

.gl_cl h2 {display: inline-block;font-size: 30px;margin-top: 12px;letter-spacing: 2px;}

.gl_cl h2 span {display: inline-block;color:#cc0001;font-size:34px;}

.gl_wz {margin-top: 28px;display: flex;justify-content: space-between;flex-wrap: wrap;}

.gl_wz>p em {font-size: 26px;display: block;margin-bottom: 10px;}


.gl_wz>p {background: #edeff1;padding: 24px 30px;font-size: 17px;color: #333;line-height: 200%;width: 49%;}

.gl_cl>p {margin-top: 33px;}
.gl_wz p em {font-size: 24px;}
.gl_wz p span {line-height: 184%;display: block;margin-top: 6px;color: #333;font-size: 17px;}
.gl_wz>div+div {margin-top: 30px;border-top: 1px solid #eee;/* padding-top: 33px; */}

.gl_wz p {margin-bottom: 12px;display: flex;flex-direction: column;align-items: flex-start;background: #edeff1;padding: 20px 30px;}
.gl_l>em span {
    color: #cc0001;
}
.gl_l td:nth-child(1) {width: 30%;}

.gl_l td:nth-child(2) {width: 70%;}

.gl_l td {text-align: center;padding: 7.5px;}

.gl_l table {margin-top: 24px;}
/**/
.js_bc2 {background: #edeff1;}
/**/
.kk_l4 .kk_icon>h2{letter-spacing: 4.3px;}
.kk_l4 .kk_icon>h2 span {letter-spacing: 0;}
.kk_l4>h1 {letter-spacing: 3.8px;}

.kk_l4>h1 span {letter-spacing: 0;}

.kk_l4>h3 {font-size: 24px;letter-spacing: 0.6px;font-weight: normal;}

.kk_l4 .kk_icon img {width: 72px;}
/**/
.yq_l6>h1 span {font-size: 34px;}

.yq_l6>em i {font-size: 52px;top: 3px;}

.yq_l6 {min-width: 926px;width: 52%;}

.yq_l6>em {font-size: 36px;}

.yq_l6>h1:after {width: 30%;right: 2%;}

.yq_l6>em span {padding: 2px 20px 4px;margin-left: 22px;font-size: 35px;}

.yq_l6>p {font-size: 20px;width: 98%;text-align: center;}
/**/
.lc_tt em {font-size: 30px;margin-top: 15px;display: block;}
.lc_tt em span {color: #ffc107;font-size: 34px;}
/**/
.kb_l4>h1 {letter-spacing: 0;font-size: 32px;color: #0a2f8f;padding: 10px 24px;width: 100%;display: inline-block;text-align: center;}

.kb_l4>h1 img {display: none;}

.kb_l4>h1 span {color: #cc0001;}

.kb_l4>p span {font-size: 50px;}

.kb_l4 {min-width: 845px;width: 48%;}
.kb_pho img {width: 32px;margin-right: 12px;}

.kb_pho {margin-top: 25px;display: flex;align-items: center;font-size: 18px;}

.kb_pho b {font-size: 40px;color: #ffc107;font-family: 'hb';}
.kb_bc2{background: url(../images/kb-bg.jpg) no-repeat right center;background-size: cover;padding: 74px 0 90px;}
.kb_r4 {width: 28%;top: auto;bottom: -18%;transform: none;}
/* 解决哪些痛点 */
.nx_bc {padding: 90px 0 106px;}

.nx_c>h1 {font-size: 40px;text-align: center;}

.nx_c>h1 span {color: #0a2f8f;}

.nx_c>h1 i {color: #cc0001;}

.nx_ic {margin-top: 160px;display: flex;flex-wrap: wrap;justify-content: center;}

.nx_item {width: 22%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 130px 46px 50px;text-align: center;position: relative;border: 1px solid #ddd;border-radius: 10px;margin: 0 20px;}


.nx_item img {width: 100%;border-radius: 100%;}

.nx_wz>h3 {font-weight: normal;font-size: 17px;line-height: 36px;margin-top: 18px;}

.nx_wz em {font-weight: bold;font-size: 30px;}

.nx_item>p {width: 154px;height: 154px;border-radius: 100%;position: absolute;z-index: 2;top: -80px;left: 50%;transform: translateX(-50%);}

.nx_item:nth-child(n+5) {margin-top: 150px;}

.nx_item>p:after {position: absolute;content: "";width: 116%;height: 116%;background: #0a2f8f;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0.1;}
/*  */
.hs_tt {text-align: center;display: flex;align-items: center;justify-content: space-between;}

.hs_tt h1 {font-size: 40px;}

.hs_tt h1 span {color: #0a2f8f;}

.hs_tt em {font-size: 32px;/* margin-top: 16px; */display: block;background: #0a2f8f;color: #fff;padding: 10px 30px 10px 20px;position: relative;}

.hs_tt em span {color: #ffc107;font-weight: bold;display: inline-block;margin: 0 3px;}

.hs_ic {margin-top: 66px;display: flex;justify-content: space-between;}

.hs_ic img {width: 100%;}

.hs_ic>p {width: 38%;padding-top: 10px;}

.hs_ic>ul {width: 58%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.hs_ic li em {display: inline-block;font-weight: bold;font-size: 22px;position: relative;}

.hs_ic li p {font-size: 17px;line-height: 180%;margin-top: 10px;color: #444;}

.hs_ic li:nth-child(n+3) {margin-top: 30px;}

.hs_ic li {width: 47%;}

.hs_ic li em:after {position: absolute;content: "";width: 20px;height: 20px;background: #0a2f8f;border-radius: 100%;opacity: 0.2;right: -8px;z-index: -1;top: -3px;}
.hs_ic li p span {font-size: 30px;font-weight: bold;color: #0a2f8f;}
.hs_tt em:after {position: absolute;content: "";width: 0;height: 0;border-bottom: 62px solid #0a2f8f;border-left: 28px solid transparent;left: -28px;top: 0;}
.hs_bc {
    padding-top: 94px;
}
/*  */
.cp_c {display: flex;justify-content: space-between;}

.cp_l {width: 58%;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;}

.cp_c>p img {width: 100%;}

.cp_c>p {width: 37%;background: #333;}

.cp_bc {padding: 90px 0;}

.cp_l>h1 {background: #e6eaf7;padding: 14px 36px;font-size: 28px;}

.cp_p {padding: 30px 36px 36px;}

.cp_p img {width: 100%;}

.cp_p li+li {margin-top: 10px;}

.cp_p li {line-height: 200%;font-size: 17px;position: relative;padding-left: 20px;}

.cp_p li:after {position: absolute;content: "";width: 7px;height: 7px;background: #0a2f8f;transform: rotate(45deg);left: 0;top: 13px;}

.cp_p td {padding: 8px;}

.cp_p td:nth-child(1) {text-align: center;width: 25%;}

.cp_p td:nth-child(2) {width: 75%;padding-left: 14px;}

.cp_p table {margin: 20px 0 0;}

.bm_wz b {font-size: 20px;color: #0a2f8f;}

.bm_wz>p {font-size: 17px;line-height: 200%;background: #edeff1;padding: 8px 24px;}

.bm_wz>p+p {margin-top: 12px;}

.bm_wz {margin-top: 30px;}

.cp_p>p {margin-top: 12px;}
.cp_r {width: 38%;display: flex;flex-direction: column;}

.cp_r p+p {margin-top: 60px;}

.cp_r img {width: 100%;}
.cp_r>p {width: 82%;margin: 0 auto;}

/*  */
.pg_bc {background: url(../images/pg-bg.jpg) no-repeat center;padding: 90px 0 100px;color: #fff;background-size:cover;}

.pg_c>h1 {text-align: center;font-size: 40px;}

.pg_c>h1 span {color: #ffc107;}

.pg_ic {display: flex;margin-top: 60px;align-items: flex-start;}

.pg_r {position: relative;width: 49%;display: flex;border-radius: 0 20px 20px 0;overflow: hidden;}

.pg_r img {width: 100%;}

.pg_r em {background: #cd3232;width: 8%;writing-mode: vertical-lr;font-size: 34px;padding: 100px 16px 0;display: flex;align-items: center;font-weight: bold;letter-spacing: 3px;position: relative;}

.pg_l {width: 51%;background: #3157bd;padding: 54px 50px;}

.pg_r>p {width: 92%;}

.pg_item {display: flex;}

.pg_item>i {font-size: 40px;flex-shrink: 0;width: 40px;margin-right: 24px;position: relative;top: 6px;}

.pg_item+.pg_item {margin-top: 36px;}

.pg_wz h1 {font-size: 21px;}

.pg_wz h2 {font-weight: normal;font-size: 17px;margin-top: 10px;line-height: 180%;color: rgba(255,255,255,0.9);}

.pg_r em i {display: inline-block;width: 8px;height: 8px;background: #ffc107;border-radius: 100%;margin-bottom: 22px;position: relative;}

.pg_r em i:after {position: absolute;content: "";width: 200%;height: 200%;border: 1px solid #ffc107;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 100%;}

.pg_r em:after {position: absolute;content: "";width: 1px;height: 95px;background: #ffc107;top: 0;left: 49%;}
/**/
.fa_c2>h1:after, .fa_c2>h1:before{
    width: 31%;
}
/**/
.sfw_bc {padding: 90px 0 100px;}

.sfw_c>h1 {font-size: 40px;text-align: center;}

.sfw_c>h1 span {color: #cc0001;}

.sfw_ic {display: flex;margin-top: 60px;align-items: flex-start;}

.sfw_l {position: relative;
    width: 46%;
    display: flex;
    border-radius: 20px 0 0 20px;
    overflow: hidden;flex-direction: row-reverse;}
.sfw_l>p {width: 92%;}
.sfw_l>p img{width:100%;}
.sfw_r {width: 54%;padding: 50px 50px;border: 1px solid #eae8e8;display: flex;flex-wrap: wrap;justify-content: space-between;}

.sfw_l>em {background: #cd3232;
    width: 8%;
    writing-mode: vertical-lr;
    font-size: 34px;
    padding: 100px 16px 0;
    display: flex;
    align-items: center;
    font-weight: bold;
    letter-spacing: 3px;
    position: relative;color: #fff;}

.sfw_l>em i {display: inline-block;
    width: 8px;
    height: 8px;
    background: #ffc107;
    border-radius: 100%;
    margin-bottom: 22px;
    position: relative;}

.sfw_l>em i:after {position: absolute;content: "";width: 200%;
    height: 200%;
    border: 1px solid #ffc107;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;}

.sfw_l>em:after {position: absolute;
    content: "";
    width: 1px;
    height: 95px;
    background: #ffc107;
    top: 0;
    left: 50%;}

.sfw_item {display: flex;align-items: flex-start;width: 46%;}

.sfw_item>i {font-size: 34px;flex-shrink: 0;position: relative;top: 3px;}

.sfw_item:nth-child(n+3) {margin-top: 30px;}

.sfw_wz>h1 {font-size: 22px;display: flex;align-items: center;}
.sfw_wz>h1 i {font-size: 30px;margin-right: 15px;}

.sfw_wz>h3 {font-weight: normal;line-height: 190%;margin-top: 14px;font-size: 17px;text-align: justify;color: #444;}
/*  */
.kj_bc {padding: 90px 0 140px;background: #edeff1;}

.kj_tt {text-align: center;}

.kj_info {display: flex;margin-top: 96px;align-items: center;justify-content: flex-end;}

.kj_tt>i {display: block;text-transform: uppercase;font-size: 46px;opacity: .07;}

.kj_tt>b {font-size: 40px;display: block;margin-top: -34px;}

.kj_tt>b span {color: #cc0001;}

.kj_tt>em {display: inline-block;font-size: 30px;background: #0a2f8f;color: #fff;padding: 0 24px;margin-top: 24px;position: relative;height: 56px;line-height: 56px;}

.kj_tt>em:after {position: absolute;content: "";width: 0;height: 0;border-left: 34px solid #0a2f8f;border-top: 60px solid transparent;right: -34px;top: 0;opacity: 0;}

.kj_tt>h1 {font-weight: normal;line-height: 200%;font-size: 20px;margin-top: 20px;color: #333;}

.kj_l img {width: 100%;border-radius: 100%;}

.kj_l>p {border-radius: 100%;position: relative;z-index: 2;}

.kj_l>p:after {position: absolute;content: "";width: 116%;height: 116%;
border-radius: 100%;background: #fff;top: 50%;left: -6%;background-image: linear-gradient(90deg, #edeff1 44%, #fff);transform: translateY(-50%);z-index: -1;}

.kj_l {position: relative;width: 40%;}

.kj_r {position: relative;z-index: 2;width: 60%;}

.kj_r li {display: flex;align-items: center;position: relative;}

.kj_r li+li {margin-top: 26px;}

.kj_r li>i {background: #0a2f8f;color: #fff;width: 58px;height: 58px;border-radius: 100%;flex-shrink: 0;line-height: 60px;text-align: center;font-size: 22px;}

.kj_wz {margin-left: 30px;background: #fff;padding: 22px 30px;width: 100%;}

.kj_wz>b {display: block;font-size: 22px;}

.kj_wz>p {line-height: 190%;margin-top: 8px;font-size: 18px;}

.kj_r li:nth-child(1) {margin-left: -92px;}

.kj_r li:nth-child(2) {margin-left: 8px;}

.kj_r li:nth-child(3) {margin-left: 38px;}

.kj_r li:nth-child(4) {margin-left: 7px;}

.kj_r li:nth-child(5) {margin-left: -92px;}
/*  */
.mf_c>h1 {font-size: 40px;text-align: center;}

.mf_bc {padding: 90px 0 100px;}

.mf_c>h1 span {color: #cc0001;}

.mf_c>h1 i {color: #0a2f8f;}

.mf_ic {display: flex;justify-content: space-between;margin-top: 64px;}

.mf_ic img {width: 100%;}

.mf_ic>p {width: 47%;}

.mf_r {width: 50%;}

.mf_item {display: flex;align-items: center;box-shadow: 0 0 10px rgba(0,0,0,0.08);border-radius: 100px 0 0 100px;padding: 12px;}

.mf_item>i {background: #0a2f8f;color: #fff;border-radius: 100%;flex-shrink: 0;padding: 24px;font-size: 40px;margin-right: 24px;}

.mf_item+.mf_item {margin-top: 32px;}

.mf_wz>b {display: block;font-size: 22px;}

.mf_wz>p {font-size: 18px;margin-top: 8px;line-height: 160%;color: #444;}
/*  */
.cx_bc {padding: 0 0 100px;}

.cx_l>h1 {font-size: 34px;}

.cx_l>h1 span {color: #0a2f8f;}

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

.cx_l {width: 33%;}

.cx_r {width: 65%;display: flex;justify-content: space-between;flex-direction: row-reverse;}

.cx_wz {margin-top: 34px;}

.cx_item>b {display: block;position: relative;font-size: 22px;font-weight: normal;padding-bottom: 12px;}

.cx_item>b:after {position: absolute;content: "";width: 26px;height: 2px;background: #0a2f8f;left: 0;bottom: 0;}

.cx_item>p {font-size: 17px;color: #444;margin-top: 16px;line-height: 180%;}

.cx_item+.cx_item {margin-top: 26px;}

.cx_r>p {width: 47%;}

.cx_r img {width: 100%;}

.cx_rc {width: 50%;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}

.cx_rc>h1 {background: #ced7ed;font-size: 28px;font-weight: normal;padding: 14px 40px;}

.cx_rw {padding: 34px 40px;}

.cx_rw li {font-size: 17px;line-height: 190%;position: relative;padding-left: 16px;}

.cx_rw li+li {margin-top: 16px;}

.cx_rw li:after {position: absolute;content: "";width: 6px;height: 6px;background: #0a2f8f;transform: rotate(45deg);left: 0;top: 11px;}

.cx_item {background: #edeff1;padding: 36px;}
/*  */
.jz_bc {padding: 90px 0 100px;background: #edeff1;}

.jz_tt h1 {text-align: center;font-size: 40px;}

.jz_tt h1 i {color: #cc0001;font-size: 54px;position: relative;top: 4px;}

.jz_tt h1 strong {color: #0a2f8f;}

.jz_tt h2 {font-size: 20px;font-weight: normal;text-align: center;line-height: 200%;margin-top: 18px;color: #444;}

.jz_ic {margin-top: 60px;}

.jz_item {display: flex;}

.jz_item img {width: 100%;}

.jz_item>p {width: 50%;}

.jz_wz {width: 50%;padding: 100px 70px;position: relative;}

.jz_item+.jz_item {margin-top: 20px;}

.jz_item:nth-child(even) {flex-direction: row-reverse;}

.jz_item:nth-child(odd) .jz_wz {background: #fff;}

.jz_item:nth-child(even) .jz_wz {background: #0a2f8f;color: #fff;}

.jz_wz>i {font-family: 'imp';position: absolute;right: 70px;top: 50px;font-size: 48px;font-style: italic;}

.jz_item:nth-child(odd) .jz_wz>i {color: #ccc;}

.jz_wz>h1 {font-size: 30px;}

.jz_ww>p {line-height: 200%;position: relative;padding-left: 30px;font-size: 18px;}

.jz_ww {margin-top: 38px;position: relative;}

.jz_ww:after {position: absolute;content: "";width: 1px;height: 84%;left: 3px;top: 50%;transform: translateY(-50%);background: #0a2f8f;}

.jz_ww>p:after {position: absolute;content: "";width: 7px;height: 7px;background: #0a2f8f;border-radius: 100%;left: 0;top: 16px;}

.jz_ww>p+p {margin-top: 8px;}

.jz_item:nth-child(even) .jz_ww:after,.jz_item:nth-child(even) .jz_ww>p:after{background: #fff;}
/**/
.kb_r5 {width: 35%;right: 3%;transform: none;top: 5px;}
.kb_l5{margin-left: 5%;}
.nyx_pre>a+a,.nyx_next>a+a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.burger {display: none;}