body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #555;
  background: #fff;
  line-height: 1.5;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei","HeiTi", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0; }

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

a {
  text-decoration: none;
  transition: all 0.4s;
  color: inherit; }
  a:hover {
    color: #1968b3; }

img {

  height: auto;
 
  display: block; }

.iconfont {
  font-size: inherit; }

.container {
  width: 1180px;
  margin: 0 auto; }

.container:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }

.header {
  height: 100px;
  border-bottom: #F1F3F7 solid 1px;
  position: relative; z-index: 999;
  box-sizing: border-box;
  background: #fff; }
  .header .container {
    position: relative;
    height: 100%; }
  .header .header-wrapper {
    position: relative;
    height: 100%;
    border-bottom: transparent solid 1px; }
  .header .logo {
    float: left;
    height: 40px;
    margin-top: 35px; }
  .header .toolbar {
    color: #a0a0a0;
    font-size: 12px;
    margin-top: 15px;
    float: right; }
    .header .toolbar a {
      color: #a0a0a0; }
      .header .toolbar a:hover {
        color: #1968b3; }
    .header .toolbar div {
      display: inline-block; }
  .header .main-nav {
    position: absolute;
    right: 0;
    bottom: -7px; }
    .header .main-nav .nav {
      display: inline-block; }
      .header .main-nav .nav li {
        float: left;
        margin-right: 35px;
        font-size: 16px;
        color: #484848; }
        .header .main-nav .nav li i {
          font-size: 12px;
          color: #a0a0a0; }
        .header .main-nav .nav li a {
          display: block;
          padding: 10px 10px;
          border-bottom: transparent solid 2px; }
          .header .main-nav .nav li a.hover, .header .main-nav .nav li a.active {
            border-bottom: #1968b3 solid 2px; }
          .header .main-nav .nav li a.hover i, .header .main-nav .nav li a.active i {
            color: #1968b3; }
    .header .main-nav .search {
      float: right;
      font-size: 20px;
      line-height: 1.2; }
      .header .main-nav .search a {
        display: block;
        padding: 10px 0px; }
  .sub-nav-wrapper {
    position: fixed; left: 0; top: 0px; width: 100%; z-index: 100; background: rgba(0,0,0,.6);}
    .sub-nav-wrapper.open{height:100%;}
    .sub-nav-wrapper .sub-nav {
      opacity: 0;
      display: none;
      height: 0;
      overflow: hidden;
      background: #fff;

      z-index: 0;
      width: 100%;
      transition: opacity 0.3s; }
      .sub-nav-wrapper .sub-nav.open {
        box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); }
  .header.fixed .header-wrapper {
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    border-bottom: #eee solid 1px;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); }
  .header.fixed .toolbar {
    display: none; }

  .header.fixed .logo {
    height: 40px;
    margin-top: 10px; }

 .header.fixed .logo img{
       max-width: 100%;
   max-height: 100%;}




  .header.fixed .main-nav .nav li a {
    padding: 16px 10px; }
  .header.fixed .main-nav .search a {
    display: block;
    padding: 16px 0px; }

@keyframes slide-move {
  0% {
    width: 0px; }
  100% {
    width: 70px; } }

.banner {
  --swiper-theme-color:#fff; }
  .banner .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    .banner .swiper-slide a {
      position: relative;
      display: block; }
    .banner .swiper-slide:before {
      display: block;
      content: '';
      background: url(../images/banner-mask.png) repeat-x center bottom;
      height: 200px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 1; }
  .banner .swiper-pagination {
    bottom: 30px; }
  .banner .swiper-pagination-bullet {
    background-color: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    position: relative; }
    .banner .swiper-pagination-bullet:before {
      content: '';
      height: 1px;
      background: rgba(255, 255, 255, 0.3);
      width: 70px;
      position: absolute;
      top: 45%; }
    .banner .swiper-pagination-bullet:last-child:before {
      display: none; }
    .banner .swiper-pagination-bullet .runbar {
      height: 1px;
      position: absolute;
      background: #fff;
      width: 0px;
      left: 5px;
      top: 45%; }
      .banner .swiper-pagination-bullet .runbar.pause {
        animation-play-state: paused;
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused; }
    .banner .swiper-pagination-bullet:last-child .runbar {
      right: 5px;
      left: auto; }
  .banner .swiper-pagination-bullet-active .runbar {
    animation: slide-move 5s linear forwards;
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running; }
  .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 30px; }
  .banner .swiper-pagination-bullet-active:after, .banner .swiper-pagination-bullet:hover:after {
    display: block;
    width: 20px;
    height: 20px;
    border: rgba(255, 255, 255, 0.7) solid 1px;
    border-radius: 50%;
    content: '';
    margin-left: -6px;
    margin-top: -6px; }

.section {
  padding: 50px 0 20px 0; }
  .section .section-title {
    margin-bottom: 30px; }
    .section .section-title:after {
      content: '';
      display: block;
      clear: both; }
  .section h2 {
    font-weight: bold !important;
    font-size: 28px;
    text-align: center;color: #084177; }
  .section .more {
    float: right;
    color: #1968b3;
    line-height: 42px; }
  .section.grey {
    background: #fff; }

.row {
  margin-bottom: 20px; }
  .row:after {
    content: '';
    display: block;
    clear: both; }
  .row .col {
    float: left;
    margin-bottom: 20px; }
    .row .col .more {
      float: none;
      text-decoration: underline;
      margin-top: 10px;
      display: inline-block; }
    .row .col.col-3 {
      width: 32%;
      margin-right: 2%; }
    .row .col.col-3.span2 {
      width: 66%;
      margin-right: 2%; }
    .row .col.col-3:nth-child(3n) {
      margin-right: 0; }
    .row .col.col-2 {
      width: 49%;
      margin-right: 2%; }
    .row .col.col-2:nth-child(2n) {
      margin-right: 0; }
    .row .col:last-child {
      float: right;
      margin-right: 0; }

.col-title .text {
  background: #1968b3;
  color: #fff;
  padding: 8px 16px;
  font-size: 16px; }

.col-title .text:hover {
  background: #00adf2;transition: all 0.4s;
 }


.col-title.pic{position: relative; margin-bottom: 10px;}

.col-title.pic .pic {
  overflow: hidden;
  position: relative; height: 170px;
  z-index: 1; }
  .col-title.pic .pic img {
    display: block;
    transition: all 0.4s; width: 100%; height: auto; max-height: none; margin-top: -40px}
  .col-title.pic .pic:hover img {
    transform: scale(1.05); }
    .col-title.pic .atitle{
      display: block; position: absolute; left: 0; top: 0px;
    }
.col-title.pic .text {
  position: relative;
  z-index: 2; }
.col-title.pic .txt{background: #F1F3F7; padding: 20px; height: 180px; overflow: hidden; box-sizing: border-box;}
.col-title.pic .txt h2{font-size: 18px; font-weight: bold; color: #555; line-height: 1.4; text-align: left;}
.col-title.pic .txt p{color: #a0a0a0; line-height: 1.4; margin-top: 10px;}
.col-title.pic .txt span{color: #a0a0a0}
.col-list li>a{line-height: 1.4;font-size: 14px;}

.col-list {
  font-size: 16px; padding:0 17px  }
  .col-list li {
    padding: 12px 0 12px 0; line-height: 1.3;
    border-bottom: #ccc dashed 1px; }
    .col-list li p{
      font-size: 14px; line-height: 1.4; color: #a0a0a0; margin-top: 5px;
    }
    .col-list li span {
      display: block;
      font-size: 12px;
      color: #a0a0a0;
      margin-top: 6px; }
  .col-list.job span {
    float: right; }

.block {
  background: #fff;
  padding: 20px;
  box-sizing: border-box; }
  .block.solid1 {
    height: 276px;
    overflow: hidden; }
  .block .block-title {
    margin-bottom: 10px; }
    .block .block-title:after {
      content: '';
      display: block;
      clear: both; }
    .block .block-title h3 {
      font-size: 20px;
      float: left; }
    .block .block-title .more {
      float: right;
      margin-top: 0;
      line-height: 30px; }

.block-list {
  font-size: 14px; }
  .block-list li {
    padding: 8px 0 8px 0;
    border-bottom: #eee dashed 1px; }
    .block-list li span {
      display: block;
      font-size: 12px;
      color: #a0a0a0;
      margin-top: 2px; }
    .block-list li:last-child {
      border-bottom: none; }

.pro-list {
  margin-bottom: 20px; }
  .pro-list:after {
    content: '';
    display: block;
    clear: both; }
  .pro-list li {
    float: left;
    width: 32%;
    margin-right: 2%;
    background: #F1F3F7; }
    .pro-list li:nth-child(3n) {
      margin-right: 0; }
    .pro-list li .pic {
      overflow: hidden; }
      .pro-list li .pic img {
        transition: all 0.4s; }
      .pro-list li .pic:hover img {
        transform: scale(1.1); }
    .pro-list li .text {
      padding: 20px;
      height: 185px; }
      .pro-list li .text h4 {
        font-size: 18px;
        font-weight: bold; }
      .pro-list li .text p {
        font-size: 14px;
        color: #a0a0a0; }
      .pro-list li .text .detail {
        color: #1968b3;
        text-decoration: underline; }
        
    .pro-list li .text1 {
      padding: 20px;
      height: 70px; }
      .pro-list li .text1 h4 {
        font-size: 18px;
        font-weight: bold; }
      .pro-list li .text1 p {
        font-size: 14px;
        color: #a0a0a0; }
      .pro-list li .text1 .detail {
        color: #1968b3;
        text-decoration: underline; }  
        

        

.gupiao {
  display: flex; }
  .gupiao .pic {
    height: 100%;
    border-right: #eee solid 1px;
    padding-right: 12px;
    box-sizing: border-box;
    width: 65%; }
    .gupiao .pic img {
      height: 100%;
      width: auto; }
  .gupiao .text {
    width: 30%;
    padding-left: 20px; }
    .gupiao .text .name {
      background: #F8F8F8;
      padding: 10px 14px; }
      .gupiao .text .name h3 {
        font-size: 24px;
        font-weight: bold; }
      .gupiao .text .name h4 {
        font-size: 20px;
        color: #a0a0a0;
        line-height: 1; }
    .gupiao .text .price {
      font-size: 60px;
      font-weight: bold;
      line-height: 1; }
      .gupiao .text .price i {
        font-weight: normal;
        font-size: 28px;
        margin-left: -10px; }
      .gupiao .text .price.red {
        color: #F04B46; }
    .gupiao .text .info {
      margin: 5px 0; }
    .gupiao .text .time {
      color: #a0a0a0; }

.cp {
  position: relative;
  --swiper-navigation-size:20px;
  --swiper-navigation-color:$grey;
  margin-bottom: 60px; }
  .cp .swiper-button-prev, .cp .swiper-container-rtl .swiper-button-next {
    left: -30px; }
  .cp .swiper-button-next, .cp .swiper-container-rtl .swiper-button-prev {
    right: -30px; }
  .cp .swiper-button-prev {
    left: -30px; }
  .cp .swiper-slide {
    background: #fff;
    padding: 20px;
    opacity: .8;
    transition: all 0.4s; }
    .cp .swiper-slide:hover {
      opacity: 1; }
    .cp .swiper-slide img {
      height: 55px;
      width: auto; }

.recom {
  margin-bottom: 0; }
  .recom .col {
    background: #fff;
    height: 240px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.3s; }
    .recom .col .text {
      position: absolute;
      left: 30px;
      bottom: 30px;
      color: #fff;
      z-index: 1; }
      .recom .col .text h1 {
        font-weight: bold;
        font-size: 24px; }
    .recom .col a {
      display: block;
      width: 100%;
      height: 100%; }
    .recom .col:after {
      position: absolute;
      width: 100%;
      height: 50%;
      content: '';
      display: block;
      left: 0;
      bottom: 0;
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0,0,0,.7));}
    .recom .col:hover {
      background-size: 105%; }
  .recom.r1 .col {
    height: 280px; }

.footer-row {
  margin-bottom: 40px; }
  .footer-row:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }

.footer-nav {
  float: left; }
  .footer-nav h4 {
    font-size: 16px;
    font-weight: bold;
    color: #7c7c7c;
    margin-bottom: 20px; }
  .footer-nav:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }
  .footer-nav .group {
    float: left;
   }
  .footer-nav .footer-navlist {
    width: 150px; }
    .footer-nav .footer-navlist.twocol {
      width: 300px; }
    .footer-nav .footer-navlist li {
      line-height: 2;
      float: left;
      color: #7c7c7c;
      width: 140px; }

.footer-contact {
  
  color: #7c7c7c; }
  .footer-contact h4 {
    font-size: 16px;
    font-weight: bold;
    color: #7c7c7c; }
  .footer-contact p {
    line-height: 2; }

.copyright {
  border-top: #eee solid 1px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .copyright:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }
  .copyright .copy {
    float: left;
    font-size: 14px;
    color: #7c7c7c;
    line-height: 2; }
  .copyright .share-list {
    float: right; }
    .copyright .share-list li {
      display: inline-block;
      margin-left: 20px;
      font-size: 20px;
      color: #7c7c7c; }
  .b1 {background: linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%);
    width: 500px; height: 300px;
    max-height: 100%;
    margin: 60px 0;
    padding: 20px 30px;}
    .thumbnail-style a.btn-more { display: none; }

.banner a{width:100%; height:100%; cursor: pointer;}
.banner .swiper-slide{position: relative;}
/*.banner .txt{position: absolute; background: linear-gradient(to right,#6dbae0 0,#5ea7cc 50%,#2190c7 83%,#08c 100%); color:#fff; left:48%; bottom:60%; padding:30px; max-width: 30%;} */
.banner .txt{position: absolute; background-color: rgba(15,140,202,0.5); color:#fff; left:48%; top:10%; padding:30px; max-width: 30%;} 
.banner .txt h2{font-weight: bold; font-size: 42px;}
.banner .txt span{display: inline-block; background: #F7A42B; color:#fff; font-size: 16px; padding:10px 30px; margin-top: 10px; line-height: 1; transition: all 0.4s;}
.banner .txt span i{display: inline-block; transform:rotate(90deg); font-size: 20px; margin-right: 10px;}
.banner .txt span:hover{background:#ea8b1c; }

.banner .po2{left:21%;     position: absolute;}
.banner .po3{left:18%; bottom:180px; top:auto; position: absolute;}
.banner .po4{left:48%;     position: absolute;}
.banner .po5{left:58%; bottom:180px; top:auto; position: absolute;}


.sub-nav-wrapper.fixed{padding-top: 0px;}
.sub-nav-wrapper.fixed .sub-nav{padding-top: 60px;}
.sub-nav-wrapper.open .nav-bottom{ display: block; }
.sub-nav-wrapper .sub-nav{padding-top: 100px; box-sizing: border-box; overflow: hidden; padding-bottom: 30px;}
.sub-nav-wrapper .sub-nav.open{display: block; opacity: 1; z-index: 10; height: 32vw;}
.sub-nav .container{width: 85%;}
.sub-nav .sub{width: 80%; float: left; padding-top: 60px;}
.sub-nav .sub>li{width: 22%; display: inline-block; float: left; margin-bottom: 40px; margin-right: 3%; vertical-align: top;}
.sub-nav .sub>li:nth-child(5n){clear: left;}
.sub-nav .sub>li>a{font-size: 1vw; font-weight: bold; border-bottom: #eee solid 1px; display: block; padding-bottom: 10px; margin-bottom: 20px;}
.sub-nav .third li{font-size: 14px; margin-bottom: 3px;}
.sub-nav .sub-pic{float: right; width: 20%;padding-top: 60px;}
.nav-bottom{position: relative; display: none; clear: both; width: 100%; bottom: 0; padding: 15px 0px; text-align: left; background: #eee; left: 0; z-index: 10;}
.nav-bottom .container{width: 85%;}
.nav-bottom .plink{float: left; overflow: hidden;}
.nav-bottom .plink li{float: left; margin-right:70px; vertical-align: middle; line-height: 40px; font-size: 20px;}
.nav-bottom .plink li i{ font-size: 34px; width: auto; height: auto; margin-right: 10px; vertical-align: middle;}
.nav-bottom .sub-nav-close{float: right;}
.nav-bottom .sub-nav-close i{ font-size: 32px; line-height: 40px; width: 32px; height: 32px; background: none;}

.sub-banner{height:300px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.search>a{background: none;width: 20px; height: 20px;}
.search>a>i{width: 20px; height: 20px; background: none;}
.search-input-box{position: absolute; display: none; padding: 10px; box-sizing: border-box; right: 0; top: 50px; background: #fff;}
.search-input-box.show{display: block;}
.search-input-box form{margin-bottom: 0;}
.search-input-box .search-input{ width:200px; margin-bottom: 0; }
.search-input-box button{border: none; background: #F5A33C; color: #fff; height: 30px;}
.search-input-box button i{width: 20px; height: 20px; background: none;}






/*覆盖样式冲突*/
a:hover{text-decoration: none;}
.footer{margin-top: 0; background: transparent;}
.footer-nav h4{font-weight: bold !important; color:#7c7c7c;}
.header .main-nav .nav{margin-bottom: 0;}
.nav>li>a:hover, .nav>li>a:focus{background: none;}
.footer-nav .footer-navlist li a{color:#7c7c7c;}
.footer-nav .footer-navlist li a:hover{color:#1968b3;}
#index .row{margin:0;}
#index [class*="span"]{margin:0;}
.copyright{background: transparent; padding:20px 0;}
.copyright a{ font-size: inherit; color:#7c7c7c; }
.footer-contact p{line-height: 2; color:#7c7c7c; margin:1em 0px;}
.footer-contact h4{font-weight: bold !important; }
.banner h2{color:#fff; font-weight: bold !important; line-height: 1.3; text-shadow: none !important;}
.banner p{ color:#fff; margin:10px 0px;  text-shadow: none !important;}
.swiper-pagination-bullet{border-radius: 100% !important;}
.banner .swiper-pagination{bottom:30px !important;}
.pro-list li .text p{margin:10px 0px; height:122px}
.recom .col .text h1{font-weight: bold !important;}
.recom .col .text h1,.recom .col .text h4{color:#fff; text-shadow: none !important;}
.pro-list li .text h4{font-weight: bold !important; transition: all 0.3s;}
.pro-list li .text h4:hover{color:#1968b3;}
.footer.sub{background: #FAFAFA; border-top: #EBEBEB solid 1px; margin-top: 50px;}
.breadcrumbs h1{line-height: 60px;}



table { border-bottom:2px solid #4a90e2; padding-bottom:10px; width:100%;}
table th{ background-color:#4a90e2; color:#fff;padding: 8px 15px}
table th p{ color:#fff; font-size: 13px !important; margin-bottom: 0px !important}
table td p{ color:#555555; font-size: 13px !important; margin-bottom: 0px !important}
table td {border-right:1px solid #fff; padding: 8px 15px}

table tr:nth-child(odd){

background: #f2f2f2;

}

table tr:nth-child(even){

background: #fff;

}
table .xh {background-color:#404040 !important; color:#fff;}
.about-li{margin-top: 20px;}
.about-li li{ padding-left: 12px; color:#666; position: relative; }
.about-li li:before{content: ''; display: block; position: absolute; left:0; top:10px; width:5px; height:5px; background: #09427B;}

.nlist li{ border-left: #eee solid 3px; }
.nlist li:hover{border-left: #005BAA solid 3px;}

.article-detail h4{font-size: 22px; padding-left: 14px; border-left: #09427B solid 3px; margin-bottom:10px; margin-top: 20px}
.article-detail p { margin-bottom: 0px }


.portfolio-columns .headline h3{ font-size: 22px; }
.margin-bottom-40 h3{font-size: 16px; margin-top: 0px;}


.sub-nav .sub>li.with-icon{float: none; width: 14%; margin-right: 2%; margin-top: 6vw;}
.sub-nav .sub>li.with-icon>a{text-align: center; font-weight: normal; font-size: .9vw; border: none;}
.sub-nav .sub>li.with-icon img{display: block; height: 4vw; width: auto; margin: 0 auto; margin-bottom: .3vw;}

.row-fluid .span9 {width: 857px;margin-left: 50px;}

/*20221007*/
.bread-new{
    /*background-color: rgba(230,119,27,0.8);*/
    background-color:#fff;
    display: flex;
    margin-bottom: 50px; 
    margin-top: -81px;
    border-bottom: #eee solid 1px;
    position: relative;
    z-index: 99;
}
.bread-new h2{ width:30%;background-color: #fafafa;color:#226099; padding:0 20px; box-sizing: border-box; font-weight: bold; text-align: center; line-height: 80px;}
.nav-list-new{flex:1;}
.nav-list-new>li{float:left; font-size: 18px; position: relative;}
.nav-list-new>li a{display: block; padding:0px 20px; line-height: 80px; color:#333; opacity: .7; transition: all 0.4s;}
.nav-list-new>li a:hover{opacity: 1;}
.nav-list-new>li.active a{opacity: 1;}
.nav-list-new>li:hover .snav{display: block;}
.bread-new .snav{display: none; position: absolute; left:0; top:80px; border:#eee solid 1px; margin-top: -1px;}
.bread-new .snav li{display: block; background-color: #fff; transition: all 0.3s;}
.bread-new .snav li a{color:#555; font-size: 14px; border-top: #eee solid 1px; word-break: keep-all; white-space: nowrap; line-height: 1.4; padding:12px;}
.bread-new .snav li:hover{background-color: #f2f2f2;}
.bread-new .snav li .snav{left:calc(100% + 1px); top:0; display: none;}
.bread-new .snav li:hover > .snav{display: block;}

@font-face{
	font-family:"calibri";
	src: url("../fonts/SourceHanSansK-RegularSub.ttf") format("truetype")   
}

.about .text h2{font-size: 28px; margin-top: 10px; font-weight: bold !important; color:#222; font-family: "calibri";}
.about .text h4{font-size: 22px; margin: 20px 0px 30px 0px; font-weight: bold; color:#222; line-height: 1.5; font-family: "calibri";}
.about .text p{color:#666; font-size: 15px; line-height: 32px; font-family: "calibri";}
.about .text em{color:#aaa; font-style: normal;font-family: "calibri";}

.about-1{position: relative; width:100%; display: flex; align-items: center; margin:100px 0px;}
.about-1:after{content:''; display: block; background-color: #F1F2F3; width:60%; position: absolute; right:0; top:-100px; height:calc(100% + 200px); z-index: 0;}
.about-1 .video{width:65%; height:auto; position: relative; z-index: 1;}
.about-1 video{width:100%; height:auto;}
.about-1 .text{width:35%; padding:0 50px; position: relative; z-index: 1; display: flex; align-items: center;}
.about-1 .title{margin-bottom: 20px;}

.about-2{padding:160px 0px;}
.about-2 .container{position: relative;}
.about-2 .text{padding-left: 10%;}
.about-2 .text em{position: absolute; left:0; top:0; writing-mode:tb; border-left: #aaa solid 1px; height:100%;}

.about-3{position: relative; overflow: hidden;}
.about-3>img{position: relative; z-index: 0; width:100%; height:auto;}
.about-3 .wl{position: absolute; left:0; top:0; width:100%; height:100%; display: flex; z-index: 1;}
.about-3 .wl li{width:calc((100% - 2px)/3); background-color: rgba(0,0,0,0.3); padding:150px 0px; position: relative; border-right:1px solid #ddd; text-align: center; transition: all 0.5s;}
.about-3 .wl li h1{font-weight: bold !important;}
.about-3 .wl li h1::before{content: ''; display: block; width:60px; height:1px; background-color: #fff; margin:0 auto; margin-bottom: 20px; transition: all 0.4s;}
.about-3 .wl li h1::after{content: ''; display: block; width:60px; height:1px; background-color: #fff; margin:0 auto; margin-top: 20px; transition: all 0.4s;}
.about-3 .wl li h1,.about-3 .wl li h2,.about-3 .wl li,h5,.about-3 .wl li p{color:#fff;}
.about-3 .wl li h2{margin-top: 50px; margin-bottom: 100px;}
.about-3 .wl li p{opacity: 0; transition: all 0.5s; font-size: 20px;}
.about-3 .wl li h5{opacity: 0.4; position: absolute; bottom:50px; width:100%;}
.about-3 .wl li:hover{background-color: rgba(0,0,0,.7);}
.about-3 .wl li:hover p{opacity: 1;}
.about-3 .wl li:hover h1::before{background-color: #E87832;}
.about-3 .wl li:hover h1::after{background-color: #E87832;}

.about-4{padding:60px 0px;}
.about-4 .container{position: relative;}
.about-4 .text{text-align: center;}

.about-5{position: relative; background: url(/public/v3/images/a-bg2.jpg) no-repeat center top; background-size: cover;}
.about-5:before{content: ''; display: block; position: absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,.4); z-index: 0;}
.about-5 .text{text-align: center; margin-top: 60px; position: relative; z-index: 1;}
.about-5 .text em{color:#fff;}
.about-5 .text h2{color:#fff;}
.about-5 .text h4{color:#fff;}
.about-5 .text h5{color:#fff;}
.about-5 .container{padding-bottom: 60px;}
.about-5 .w-list{padding-bottom: 50px;}
.about-5 .swiper-slide{height:150px; display: flex; align-items: center; justify-content: center; background-color:rgba(255,255,255,.2); padding:20px; color:#fff; text-align: center; box-sizing: border-box; font-size: 18px; line-height: 1.5; font-family: "calibri"; transition: all 0.5s;}
.about-5 .swiper-slide:hover{background-color: rgb(232, 120, 50); color:#fff;}


.section-title.center{text-align: center;}
.section-title.center img{margin:0 auto;}

.ul-col3{overflow: hidden;}
.ul-col3 li{float:left; width:32%; margin-right: 2%;}
.ul-col3 li:nth-child(3n){float:right; margin-right: 0;}
.ul-col4{overflow: hidden;}
.ul-col4 li{float:left; width:24%; margin-right: 1.333%;}
.ul-col4 li:nth-child(4n){float:right; margin-right: 0;}

.news-list-col3{overflow: hidden;}
.news-list-col3 li{float:left; width:32%; margin-right: 2%; border:#999999 solid 1px; margin-bottom: 40px; box-sizing: border-box;}
.news-list-col3 li:nth-child(3n){float:right; margin-right: 0;}
.news-list-col3 li .text{padding:20px; height:189px; box-sizing: border-box;}
.news-list-col3 li h3{border:none; padding-left: 0; background:none; color:#333; font-weight: bold;}
.news-list-col3 li p{font-size: 14px; color:#999;}

.txt-pic{overflow: hidden; margin-bottom: 40px;}
.txt-pic p{float:left; width:45%;}
.txt-pic img{float:right; width:50%; margin-left: 5%;}

.section.section-pro .section-title {text-align: center;}
.section.section-pro .section-title h2{font-size: 42px; color:#555; font-weight: normal !important; margin-bottom: 40px;}

.recom.r2 .col{height:380px; background-size: cover;}
.row.row-sub{margin-left:0;}
.row .col.col-3:last-child{margin-right:0px; margin-left: 0;}
.row.text-with-bg .text{background-color: #f2f2f2; left:0; bottom:0; padding:20px; box-sizing: border-box; width:100%;}
.row.text-with-bg .text h4,.row.text-with-bg .text h1,.row.text-with-bg .text p{color:#333;}

.page-info{margin-bottom: 50px;}
.page-info h2{font-size: 32px; font-weight: bold; padding-bottom: 10px; border-bottom: #999 solid 1px; margin-bottom: 20px;}
.page-info p{max-width: 60%; font-size:16px}
.page-info .pic-link{float:right; width:50%; position: relative;}
.page-info .pic-link img{float:none; width:100%; margin-left: 0; display: block;}
.page-info .pic-link h4{position: absolute; left:0; top:0; color:#fff; background-color: #BA3F31; padding:5px 10px;}
.page-info .pic-link p{position: absolute; left:0; bottom:0; background-color: rgba(0,0,0,.5); color:#fff; padding:5px 10px; margin-bottom: 0;}
.page-info .pic-link span{position: absolute; right:0; bottom:0; background-color: #f3f3f3; color:#555; padding:5px 10px;}

.pro-list .col{margin-bottom: 20px;}
.pro-list .col-4{width:24%; margin-right: 1.33%;}
.pro-list .col-4:nth-child(4n){margin-right: 0;}
.pro-list h3{height:50px; display: flex; align-items: center;}
.pro-list h3 p{display: none;}

.section-title2{text-align: left; border-bottom: #999 solid 1px; margin-bottom: 50px;}
.section-title2 h2{text-align: left; margin-bottom: 20px; color:#555;}
.pro-n{overflow: hidden; text-decoration: none;}
.pro-n .pic{float:left; width:40%;}
.pro-n .pic img{width:100%; height:auto;}
.pro-n .text{float:right; width:60%; box-sizing: border-box; padding-left: 20px;}
.pro-n .text h4{margin-bottom: 20px;}
.pro-n .text p{color:#999;}
.pro-n .more{display: inline-block; padding:0px 20px; background-color: #F0F0F0; color:#555; text-decoration: none !important;}

.tech-links{overflow: hidden;}
.tech-links li{width:25%; box-sizing: border-box; border-right: #9C9C9D solid 1px; float:left; position: relative;}
.tech-links li:last-child{border-right: none; float:right;}
.tech-links li img{width:100%; height:auto; display: block;}
.tech-links li .hover{opacity: 0; transition: all 0.3s; position: absolute; left:0; top:0; width:100%; height:100%; transform: rotateY(90deg);}
.tech-links li:hover .hover{opacity: 1;transform: rotateY(0deg);}

.ps {
  margin-top: 4vw;
  display: flex;
  align-items: flex-start;
  gap: 2vw;
}

.ps li {
  flex: 1;
  border-top: #0B619B solid 2px;
}

.about .text .ps li h2 {
  margin-bottom: .5vw;
  margin-top: 1vw;
  font-size: 24px;
  color: #0B619B;
}

.ps p {
  text-align: justify;
  text-justify: distribute;
}

.article-detail h2{margin-top: 2vw;}
.case-wrapper h5{font-size: 18px; color:#005BAA; margin-top: 1vw; border-left: #005BAA solid 2px; padding-left: 10px;}
.case-list{margin-top: 1vw; overflow: hidden; width:100%;}
.case-list li{ float:left; width:48%; margin-bottom:2.5vw;}
.case-list li:nth-child(2n){float:right;}
.case-list li .pic img{margin-bottom: 0; width:100%; display: block;}
.case-list li .txt {overflow: hidden; margin-top: .5vw;}
.case-list li .txt .item{width:50%; float:left;}
.case-list li .txt .item span{color:#999999;}
.case-list.col4 li{float:left; width:24%; margin-right: 1%;}
.case-list.col4 li:nth-child(2n){float:left;}
.case-list.col4 li:nth-child(4n){float:right;}

.about-vd2{width:100%; height:auto; display: block;}

.ul-typeb1 .idx{color:#005BAA !important;}
.ul-typeb1 .inner .idx{color:#fff !important;}