/*#region 通用*/
body { color: #333; font-size: 14px;  font-family: 'Poppins', sans-serif;}
a{color: #333;}
a:hover{color: #5371b3;}
.swiper-pagination-bullet-active{background: #5371b3;}
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }
img {
  aspect-ratio: attr(width) / attr(height);
}
ul, ol, li, dl, dd, dt {list-style-type: none; }
.img-width{width: 100%;height: auto;}
.main-container { margin-bottom: 40px; margin-top: 40px; }
.tkanniu{cursor:pointer;}
.bghui{background: #f3f4f6;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1630px;}
.absolute-a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
}
/*#endregion*/

.header {z-index: 999;position: relative;transition: all 0.6s;background: transparent;}
.top-lang{margin-left: 15px;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 1px solid #dddddd;border-radius: 0;}
.header-nav .nav{display: flex;align-items: center;justify-content: flex-end;}
.header-nav{background: #fff;padding: 20px 30px;}
.top-search-box{z-index: 93;}
.top-search-box .search-tb{width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;}
.top-search-box .search-tb i{color: #d6d6d6;font-size: 24px;}
.top-search-box li{padding-top: 20px;padding-bottom: 20px;}
.top-search-box li:hover .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;}
.top-search-box .top-search{opacity: 0; height: 0;overflow: hidden; transition: all 0.5s;width: 0; position: absolute;right: 0;top: 50px;z-index: 99;padding-top: 10px;}
.header.home .header-nav{background: transparent;padding: 20px 30px;}
.header.home .top-search-box .search-tb i{color: #fff;}
.header.home .top-lang .dropdown.lang .dropdown-toggle{color: #fff;}
.header.home.fadeInDown .top-search-box .search-tb i{color: #d6d6d6;}
.header.home.fadeInDown .top-lang .dropdown.lang .dropdown-toggle{color: #333;}
.header.home .logo .lan,.header.home.fadeInDown .logo .bai{display:none;}
.header.home.fadeInDown .logo .lan,.header.home .logo .bai{display:block;}
.header .logo .bai,.header.fadeInDown .logo .bai{display:none;}
.header.fadeInDown .logo .lan,.header .logo .lan{display:block;}

.header .logo span{color:#333;margin-left:14px;font-size:16px;}
.header.home .logo span{color:#fff;}
.header.fadeInDown.home .logo span{color:#333;}

.header.fadeInDown{height: 66px;width: 100%;position: fixed;top: 0;right: 0;left: 0; }
.header.fadeInDown .header-nav{padding: 10px 30px;background: #fff;}

.pro-nav-child{position: absolute;background: #f3f3f3;box-shadow: 0 6px 12px rgba(0,0,0,.175);width: 1220px;left: -30%;top: 66px;display: none;}
.pro-nav-child .item{text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding-bottom: 15px;}
.pro-nav-child .item .img{padding: 10px 30px;}
.pro-nav-child .item .img img{mix-blend-mode: multiply!important;}
.navbar-custom .navbar-nav .nav-item:hover .pro-nav-child{display: block;}

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav > .nav-item { font-size: 18px;margin: 0 12px;  }
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#333333;padding: 0; padding-left: 10px;padding-right: 10px; line-height: 46px; display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-weight: bold; font-size: 16px; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0%;height: 4px;background: rgba(83, 113, 179, 1);display:block;position:absolute;bottom:0}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{width: 100%;transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #333;}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-item.active .nav-link{color: #333;}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.header.home .navbar-custom .navbar-nav .nav-link{color: #fff;}
.header.home .navbar-custom .navbar-nav .nav-item.active .nav-link,.header.home .navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #fff;}
.header.home.fadeInDown .navbar-custom .navbar-nav .nav-item.active .nav-link,.header.home.fadeInDown .navbar-custom .navbar-nav .nav-item .nav-link,.header.home.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #333;}

@media(max-width:1500px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}
}

/*#region 手机端*/
.header-mb{background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 30px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #333}
.header-mb .top-mb .icon-bars{color: #333;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #333;}
.top-mb-search-box{display: none; position: fixed;background: #fff; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}
.top-mb-feed i{font-size: 16px;color: #333}

.mobile-head-item .main-content-wrap {
  background: #FFF;
  top: 0;
  display: block;
  z-index: 99999;
 }
 .mobile-head-item .main-content-wrap .content-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 15px 10px;
  background-color: #fff;
 }
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
  overflow-y: hidden;
 }
 .mobile-head-item .side-content-wrap {
  position: fixed;
  display: block;
  right: -80%;
  width: 80%;
  height: 100%;
 }
 .mobile-head-item .middle-content-wrap {
  position: absolute;
  right: 0;
  width: 100%;
  height: auto;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
 }
 .mobile-head-item .middle-show-content-wrap {
  top: 30px;
  visibility: visible;
  opacity: 1;
 }
 /* header */.head_top .top_left {
  display: none;
 }
 
 /*nav */.head_nav {
  width: 100%;
  padding: 0 5px;
 }
 .head_nav li {
  padding-left: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
 }
 .head_nav li,
 .head_nav li a {
  color: #111;
 }
 .head_nav li.has-child {
  padding-left: 28px;
  margin-top: 0;
  margin-bottom: 0;
 }
 .head_nav li.has-child>a {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 35px;
 }
 .head_nav li.has-child>ul {
  display: none;
 }
 .head_nav li.siblings-no-menu {
  position: relative;
  padding-left: 15px;
 }
 .head_nav li a {
  display: block;
  height: auto;
  line-height: 1.4em;
  position: relative;
 }
 .head_nav li a:hover {
  color: inherit;
 }
 .head_nav li em {
  display: block;
  height: 1.4em;
  overflow: hidden;
 }
 .head_nav li li {
  font-size: 14px;
 }
 .head_nav li li li {
  font-size: 12px;
 }
 .head_nav li li a {
  color: #666;
 }
 .head_nav li.has-child a b {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #111;
  border-radius: 2px;
  overflow: hidden;
  line-height: 15px;
  position: absolute;
  right: -35px;
  top: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
 }
 .head_nav li.has-child a b:before,
 .head_nav li.has-child a b:after {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  background-color: #111;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -.5px;
 }
 .head_nav li.has-child a b:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
 }
 .head_nav li.has-child a:hover b {
  border-color: #111;
 }
 .head_nav>li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
 }
 .head_nav>li>a {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: -1px;
  position: relative;
  text-transform: uppercase;
  position: relative;
 }
 .head_nav li,
 .head_nav li.has-child {
  padding-left: 0;
 }
 .head_nav li li,
 .head_nav li li.has-child {
  padding-left: 15px;
 }
 .head_nav li.active>a>b:after {
  display: none;
 }
 .head_nav li.active>a>b {
  background-color: #111;
 }
 .head_nav li.active>a>b:before,
 .head_nav li.active>a>b:after {
  background-color: #fff;
 }

 .mobile-ico-close {
  width: 30px;
  height: 30px;
  background: #fff url(../../images/mobile_close.png) center center no-repeat;
  background-size: 50% auto;
  position: absolute;
  left: -35px;
  top: 0;
  cursor: pointer;
 }
/*#endregion*/

@media(max-width:768px) {
    body{padding-top: 50px;}
    
}
/*#endregion*/

@media(max-width:768px) {
    .top-lang .dropdown.lang .dropdown-toggle{border: 0px solid #dddddd;}
}
/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff;margin-bottom:20px; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #5371b3; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #5371b3 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.ny-nav{background: #f8f8f8;border-top: 7px solid #5371b3;padding: 35px 40px;}
.ny-nav .nav-title{font-size: 20px;font-weight: bold;line-height: 26px;margin-bottom: 25px;text-transform:uppercase;}
.ny-nav .menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px; background: #f8f8f8; }
.menu-horizontal { display: block;}
.menu-horizontal .nav-item {display: block; margin-bottom: 10px; }
.menu-horizontal .nav-item:last-child{margin-bottom: 0;}
.menu-horizontal .nav-link {width: 100%;position: relative; cursor: pointer; padding: 15px 30px; color: #333;display: block;text-align: left; border-radius: 5px;overflow: hidden;  font-size: 16px; background: #fff; }
.menu-horizontal .nav-item.active .nav-link,.menu-horizontal .nav-link:hover {background: #5371b3; color: #fff; transition: all 0.3s; }
.menu-horizontal .nav-item .nav-link:after{content: "\f061";font-family: cmsfont;font-size: 14px;position: absolute;right: 22px;top: 16px;display: block;z-index: 1;}
.menu-horizontal .nav-item.child .nav-link:after{content: "\f067";}
.menu-horizontal .nav-item.child.active .nav-link:after{content: "\f068";}

.profl-nav{padding:30px 0 20px;border-bottom:1px solid #dddddd;background:#fff;}
.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-pro{display: flex;flex-wrap: wrap;}
.menu-horizontal-pro .nav-item-pro { color: #333333;margin-right: 10px;margin-bottom:10px; background: #ebebeb;}
.menu-horizontal-pro .nav-item-pro .nav-link-pro{color: #333333;padding: 0 35px; display: block;text-align: center; font-size: 16px; line-height: 54px; }
.menu-horizontal-pro .nav-item-pro.active,.menu-horizontal-pro .nav-item-pro:hover{background: #5371b3;}
.menu-horizontal-pro .nav-item-pro.active .nav-link-pro,.menu-horizontal-pro .nav-item-pro:hover .nav-link-pro {color: #fff;}

.menu-horizontal-child { display: flex; flex-wrap: wrap;margin-top: 20px; }
.menu-horizontal-child .nav-item-child { color: #333333;margin-right: 10px;margin-bottom:10px; background: #fff;border:1px solid #fff;border-radius:50px;overflow:hidden;}
.menu-horizontal-child .nav-item-child .nav-link-child{color: #333333;padding: 0 25px; display: block;text-align: center; font-size: 16px; line-height: 54px; }
.menu-horizontal-child .nav-item-child .nav-link-child:before { content: "●"; font-size: 16px; margin-right: 12px; color: #5371b3 }
.menu-horizontal-child .nav-item-child.active,.menu-horizontal-child .nav-item-child:hover{border-color:#5371b3;}
.menu-horizontal-child .nav-item-child.active .nav-link-child,.menu-horizontal-child .nav-item-child:hover .nav-link-child {color: #5371b3;}


@media(max-width:768px) {
    .ny-nav{padding: 25px 15px;display: none;}
    .profl-nav{display:none;}
}
/*#endregion*/

/*#region 位置导航*/
.banner{margin-top: -135px;}
.banner.home{position:relative;}
.banner.home .banner-text{text-align: left;align-items:flex-start;padding-top:150px;}
.banner.home .banner-text .container-xl{display: flex;align-items: center;justify-content: space-between;}
.banner.home .banner-text .img{display: flex;align-items: center; justify-content: flex-end; width: 40%;animation: left-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box{width: 60%;padding: 0;animation: up-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box .title{font-size: 50px;color: #fff;line-height:60px; margin-bottom: 35px;font-weight: bold;text-transform: uppercase;}
.banner.home .banner-text .box p{font-size: 14px;color: rgba(255, 255, 255, 0.5);line-height: 27px;}
.banner.home .banner-text .box .more{font-weight: bold; font-size: 20px;color: #fff;text-transform: uppercase; background: #5371b3;display: inline-block;margin-top: 50px;width: 290px;height: 64px;line-height: 64px;border-radius: 0 0 30px 0;overflow: hidden;text-align: center;}
.banner.home .banner-text .box .more:hover{color: #fff;background: #e25a07;transition: all 0.5s;}

.banner.home .banner-text .box.two{width:50%;}
.banner.home .banner-text .img.two{width:50%;}
.banner.home .banner-text .box .t1{font-size:31px;color:#b5b5b5;line-height:44px;font-weight:bold;}
.banner.home .banner-text .box .t1 span{font-size:76px;color:#ff8d28;font-weight:bold;}
.banner.home .banner-text .box .t2{font-size:35px;line-height:44px;color:#fafafa;font-weight:bold;}
.banner.home .banner-text .box .p{font-size:16px;line-height:24px;color:#fafafa;}
.banner.home .banner-text .box .t3{font-size:38px;color:#ff912a;font-weight:bold;}
.banner.home .banner-text .box .cert{margin-top:25px;}
.banner.home .banner-text .box.three{width:55%;}
.banner.home .banner-text .img.three{width:45%;justify-content:flex-start;animation: right-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box.four{width:60%;}
.banner.home .banner-text .img.four{width:40%;}


@media(max-width:1700px) {
  .banner.home .banner-text{padding-top:100px;}
}

@media(max-width:1600px) {
  .banner.home .banner-text .box .title{font-size:36px;margin-bottom:20px;line-height:40px;}
  .banner.home .banner-text .box .more{margin-top:30px;}
  .banner.home .banner-text .box p{font-size:14px;line-height:20px;}
  .banner.home .banner-text .img img{max-width:70%;}
}

@media(max-width:1500px) {
  .banner.home .banner-text{padding-top:100px;}
}

@media(max-width:768px) {
  .banner{margin-top: 0px;}
  .banner.home .banner-text{padding-top:30px;}
  .banner.home .banner-text .box{width:100%;}
  .banner.home .banner-text .box .title{font-size:21px;line-height:28px;margin-bottom:15px;}
  .banner.home .banner-text .box .more{width:180px;height:42px;line-height:42px;font-size:16px;margin-top:10px;}
}

.banner .banner-text.about{text-align: left;padding-top: 60px;}
.banner .banner-text.about .title{font-size: 54px;color: #fff;font-weight: bold;text-transform: uppercase;}
.banner .banner-text.about .desc{font-size:18px;line-height:26px;margin-top:20px;}

.banner.contact{margin-top:0}
.banner.contact .page-title{top:0;border-top:0;background:rgba(0, 0, 0, 0.3);}

.page-title {position:absolute;top:130px;border-top:1px solid #434350;width:100%;left:0;right:0;padding:20px 0;z-index:3}
.page-title .breadcrumb { justify-content: flex-start;align-items: center; color: #fff;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "\f054";font-size: 10px; margin-right: 10px;margin-left: 10px; }
.page-title .breadcrumb:before { content: ""; width: 30px;height: 30px;background: url(../../images/tb-home.png) no-repeat;display: inline-block; margin-right: 15px; color: #fff;}

@media(max-width:1530px) {
    .banner .banner-text.about .title{padding-top:90px;}
    .banner .banner-text.about .desc{margin-top:0}
}

.ny-crumb{position:relative;background:#f3f3f3;border-bottom:1px solid #dddddd;height:73px;}
.ny-crumb .page-title{position:relative;top:inherit;left:inherit;right:inherit;border-top:0;width:100%;}
.ny-crumb .page-title .breadcrumb {color:#333;}
.ny-crumb .breadcrumb-item + .breadcrumb-item::before {color:#333;}

.content-crumb{margin-bottom: 30px;}
.content-crumb.pro{background: #eeeeee;}
.content-crumb .page-title{justify-content: flex-start;padding: 20px 0;}
.content-crumb .page-title .breadcrumb{justify-content: start;}
.content-crumb .page-title .breadcrumb {color: #333;}
.content-crumb .breadcrumb-item + .breadcrumb-item::before {color: #333;}
.content-crumb .page-title .breadcrumb:before { color: #333;}

@media(max-width:768px) {
  .ny-crumb{display:none;}
  .banner .banner-text.about .desc{display:none;}
  .banner .banner-text.about .title{padding-top:0}
  .banner .page-title{display:none;}

  .content-crumb.pro{display: none;}
  .banner .banner-text.about{padding-top: 0;}
    .banner .banner-text.about .title{font-size: 30px;margin-bottom: 0;font-weight: bold;text-align: center;text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);}
    .banner .banner-text.about .page-title{display: none;}

    .page-title{width: 100%;position:relative;top:inherit;}
    .wznav{background: #ed1b26;display: flex;align-items: center;justify-content: center;padding: 15px 20px;color: #fff!important;}
    .wznav a{font-size: 16px!important;color: #fff!important;}
    .page-title .breadcrumb { justify-content: center; }
    .wznav .breadcrumb-item + .breadcrumb-item::before { content: '';
      display: inline-block;
      width: 0;
      height: 0;
      overflow: hidden;
      border: .55em solid #fff;
      border-top-width: .3em;
      border-bottom-width: .3em;
      border-right: 0;
      border-top-color: transparent;
      border-bottom-color: transparent;
      vertical-align: middle;
      margin-right: .4em;
      margin-left: 0.4em;
      border-left-color: #fff;  }
    .page-title.wznav .breadcrumb:before {display: none;}
    .page-title.wznav .breadcrumb-item:last-child a{font-weight: bold;}
}
/*#endregion*/

/*#region 底部*/
footer {background: #f3f4f6;position: relative;}
footer .container-xl{display:flex;}
footer .container-xl .left{width:35%;background:#d4d7df;padding:90px 0 80px;}
footer .container-xl .right{width:65%;padding-left:150px;padding-top:50px;}
footer .foot-logo{border-bottom:1px solid #c6c8ce;padding-bottom:75px;text-align:center;}
footer .addrs{padding:70px 65px;}
footer .addrs .addr{display:flex;font-size:18px;line-height:32px;color:#666666;margin-bottom:25px;}
footer .addrs .addr span{min-width:40px;width:40px;}
footer .t1{font-size:20px;line-height:32px;color:#666666;margin-bottom:30px;margin-top:50px;}
footer .list{font-size:18px;line-height:50px;color:#999999;}
footer .list.pro{display:flex;flex-wrap:wrap;}
footer .list.pro p{width:50%;}
footer .list p a{color:#999999;}
footer .list p a:hover{color:#5371b3;transition:all 0.5s;}
footer .foot-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;}
footer .foot-box .footer-social{display:flex;width:50%;}
footer .footer-bottom{font-size:18px;line-height:32px;color:#aaaaaa;}
footer .footer-bottom a{color:#aaaaaa;}
footer .footer-bottom a:hover{color:#5371b3;transition:all 0.5s;}

footer .footer-social .social{display: flex;align-items: center;color: rgba(255, 255, 255, 0.4);font-size: 16px;}
footer .footer-social .social a{background: #5c5c5c;border-radius: 5px;overflow: hidden;width: 32px;color: rgba(255, 255, 255, 0.4);margin-right: 10px;display: block;height: 32px;}
footer .footer-social .social a:hover{background: #ed1b26;transition: all 0.3s;}
footer .footer-social span{background: #5c5c5c!important;margin-right: 10px!important;border-radius: 5px!important;}
footer .footer-social span:hover{background: #ed1b26!important;}
footer .footer-social span:before{color: rgba(255, 255, 255, 1);font-size: 16px;}

@media(max-width:768px) {
    footer .container-xl{flex-wrap:wrap;}
    footer .container-xl .left{width:100%;padding:30px 0 0;}
    footer .container-xl .right{width:100%;padding-left:0;padding-right:0;padding-top:0}
    footer .foot-logo{padding-bottom:30px;}
    footer .addrs{padding:30px 15px 20px;}
    footer .addrs .addr{font-size:16px;line-height:24px;}
    footer .t1{font-weight:bold;margin-bottom:15px;margin-top:25px;}
    footer .list{display:flex;flex-wrap:wrap;}
    footer .list p{width:50%;font-size:16px;line-height:30px;}
    footer .foot-box{margin-bottom:20px;}
    footer .foot-box .tk{display:none;}
    footer .footer-bottom{font-size:16px;line-height:24px;padding-bottom:15px;}
    footer .list.pro p{width:100%;}
}
/*#endregion*/

/*#region 首页*/

@keyframes jtmove{
    0%{
        transform: translate(0,0);
    }
    25%{
        transform: translate(0,-4px);
    }
    50%{
        transform: translate(0,0);
    }
    75%{
        transform: translate(0,4px);
    }
    100%{
        transform: translate(0,0);
    }
}

@keyframes up-animation {
    0%{
        margin-bottom: 80px;
        opacity: 0;
    }
    100%{
        margin-bottom: 0px;
        opacity: 1;
    }
}
@keyframes left-animation {
    0%{
        padding-right: 50px;
    }
    100%{
        padding-right: 0px;
    }
}

.home-service{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255, 255, 255, 0.3);z-index:10;}
.home-service .ser-box{display:flex;justify-content:space-between;}
.home-service .ser-box .item{padding:55px 32px;border-right:1px solid rgba(255, 255, 255, 0.3);width:20%;position:relative;}
.home-service .ser-box .item:last-child{border-right:0}
.home-service .ser-box .item .img{margin-bottom:10px;}
.home-service .ser-box .item .t1{font-size:16px;line-height:26px;color:rgba(255, 255, 255, 0.7);}
.home-service .ser-box .item .t2{font-size:18px;line-height:32px;color:#fff;font-weight:bold;text-transform:uppercase;margin-top:5px;margin-bottom:5px;position:relative;}
.home-service .ser-box .item .t-box{position:relative;}
.home-service .ser-box .item .t3{font-size:18px;line-height:32px;color:#fff;font-weight:bold;text-transform:uppercase;display:block;margin-top:5px;margin-bottom:5px;}
.home-service .ser-box .item .more{width:136px;height:0px;font-weight:bold; overflow:hidden; background:#fff;color:#333; font-size:14px;line-height:42px;text-align:center;display:flex;align-items:center;justify-content:center;}
.home-service .ser-box .item .more i{margin-left:20px;}
.home-service .ser-box .item:hover .more{height:42px;transition:all 0.5s}
.home-service .ser-box .item:hover .t3{color:#ff912a;}
.home-service .ser-box .item:hover .t1{color:#ff912a;}
.home-service .ser-box .item:hover .img img{box-shadow:0 0 30px rgba(255, 145, 42, 0.8);}

@media(max-width:1630px) {
    .home-service .ser-box .item .t1{font-size:14px;line-height:20px;}
}

@media(max-width:1480px) {
    .home-service .ser-box .item{padding:45px 25px;}
}

@media(max-width:768px) {
    .home-service{display:flex;}
    .home-service .ser-box{width:90%;overflow-y:scroll;}
    .home-service .ser-box .item{width:25%;min-width:25%; padding:10px;position:relative;text-align:center;}
    .home-service .right-more{width:10%;display:flex;align-items:center; justify-content:center;position:relative;height:78px;border-left:1px solid rgba(255, 255, 255, 0.3)}
    .home-service .right-more .i{font-size:20px;color:#fff;}
    .home-service .ser-box .item .img{margin-bottom:0px;text-align:center;}
    .home-service .ser-box .item .img img{width:40px;height:40px;}
    .home-service a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}
    .home-service .ser-box .item .t2{font-size:12px;line-height:18px;margin:0;text-align:center;}
    .home-service .ser-box .item:nth-child(5),.home-service .ser-box .item:nth-child(6){width:45%;min-width:45%;}
}

.home-pro{padding:110px 0 100px;background:#fff;position:relative;}
.home-pro .tab-content{padding-bottom:0;}
.home-pro .down{position:absolute;top:-38px;left:calc(50% - 54px);display:flex;align-items:center;justify-content:center; z-index:13;background:url(../../images/home-pro-jt.png) no-repeat;width:108px;height:108px;}
.home-pro .down img{animation: jtmove 1s linear infinite;animation-iteration-count: infinite;}
.home-pro .pro-qh .content{display:none;flex-wrap:wrap;justify-content:space-between}
.home-pro .pro-qh .content .left{width:42%;padding-top:50px;}
.home-pro .pro-qh .content .right{width:50%;background:url(../../images/home-pro-bg.jpg) no-repeat bottom;padding:0 110px 110px;}
.home-pro .pro-qh .content.active{display:flex;}
.home-pro .pro-qh .content .t1{font-size:38px;line-height:50px;color:#1e3045;font-weight:bold;text-transform:uppercase;margin-bottom:35px;}
.home-pro .pro-qh .content p{font-size:18px;line-height:32px;color:#9ba8b8;margin-bottom:40px;}
.home-pro .pro-qh .content .more{margin-top:60px; width:270px;height:77px;background:#5371b3;border-radius:0 0 40px 0;overflow:hidden;font-size:24px;line-height:77px;display:block;color:#fff;text-align:center;}
.home-pro .pro-qh .content .more:hover{background:#ff912a;transition:all 0.5s;}
.home-pro .pro-qh .nav{display:flex;align-items:center;justify-content:space-between;}
.home-pro .pro-qh .nav .item{width:19%;}
.home-pro .pro-qh .nav .item .img{padding:0 30px;z-index:2;position:relative;}
.home-pro .pro-qh .nav .item .pro-box{width:100%;height:178px;border:4px solid #f5f5f5;display:flex;align-items:flex-end;padding:20px;margin-top:-120px;position:relative;}
.home-pro .pro-qh .nav .item .pro-box .t2{font-size:18px;font-weight:bold;color:#1e3045;line-height:20px;}
.home-pro .pro-qh .nav .item.active .pro-box{border-color:#7c97d2;}
.home-pro .pro-qh .nav .item.active .pro-box .t2{color:#5371b3;}
.home-pro .pro-qh .nav .item:hover .pro-box{border-color:#7c97d2;transition:all 0.5s;}
.home-pro .pro-qh .nav .item:hover .pro-box .t2{color:#5371b3;transition:all 0.5s;}


@media(max-width:768px) {
    .home-pro .down{display:none;}
    .home-pro{padding:40px 0;}
    .home-pro .t1{font-size:26px;text-transform:uppercase;font-weight:bold;margin-bottom:25px;text-align:center;}
    .home-pro .pro-qh .nav{flex-wrap:wrap;}
    .home-pro .pro-qh .nav .item{width:48%;margin-bottom:30px;}
    .home-pro .pro-qh .nav .item .img{padding:0;}
    .home-pro .pro-qh .nav .item .pro-box{margin-top:-60px;height:100px;padding:5px;justify-content:center;}
    .home-pro .pro-qh .nav .item .pro-box .t2{font-size:14px;text-align:center;}
    .home-pro .all-more{border-radius:0;width:70%;text-align:center;margin:20px auto 0;display:block;}
}

.home-about{background:url(../../images/home-about-bg.jpg) no-repeat center top;padding:100px 0 80px;background-size:cover;}
.home-about .container-xl{position:relative;display:flex;justify-content:flex-end; align-items:center; }
.home-about .box{width:43%;color:#fff;}
.home-about .box .t1{font-size:34px;line-height:50px;font-weight:bold;margin-bottom:30px;text-transform:uppercase;}
.home-about .box p{font-size:18px;line-height:32px;margin-bottom:40px;}
.home-about .box .more{width:270px;height:77px;background:#ffffff;font-size:24px;line-height:77px;text-align:center;color:#3c5897;display:block;border-radius:0 0 40px 0;overflow:hidden;}
.home-about .box .more:hover{background:#3c5897;color:#fff;transition:all 0.5s;}

@media(max-width:768px) {
  .home-about{background:#f4f4f4; padding-top:155px;padding-bottom:10px;position:relative;}
  .home-about .bg{position:absolute;top:0;right:0;bottom:0;left:0;}
  .home-about .container-xl{position:relative;z-index:1;}
  .home-about .box{width:100%;text-align:center;background:#fff;border-radius:20px;overflow:hidden;padding:20px 15px;}
  .home-about .box .t1{font-size:20px;line-height:26px;margin-bottom:25px;color:#5371b4;}
  .home-about .box p{font-size:14px;line-height:22px;margin-bottom:15px;color:#666666;}
  .home-about .box .more{width:50%;height:42px;line-height:42px;font-size:16px;border-radius:50px;margin:30px auto 0;color:#fff;background:#5371b4;}
}

.home-com{background:#f1f4fa;padding:100px 0 100px;}
.home-com .t1{font-size:48px;line-height:54px;color:#1e3045;font-weight:bold;text-transform:uppercase;margin-bottom:25px;text-align:center;}
.home-com .desc{font-size:18px;line-height:26px;color:#9ba8b8;text-align:center;margin-bottom:65px;}
.home-com .box{position:relative;}
.home-com .box .img{position:absolute;right:0;top:0;z-index:1;display:flex;justify-content:flex-end;}
.home-com .box .com-qh{width:56%;z-index:2;position:relative;}
.home-com .box .com-qh .item{background:#d0d9ec;border-top:5px solid #d0d9ec;padding:10px 30px 15px;font-size:24px;line-height:30px;margin-right:1px;}
.home-com .box .com-qh .item.active{background:#ffffff;border-top:5px solid #5371b3;}
.home-com .box .com-qh .content{background:#ffffff;border-radius:0 0 100px 0;padding:85px 95px;}
.home-com .box .com-qh .t2{font-size:40px;line-height:54px;font-weight:bold;margin-bottom:30px;}
.home-com .box .com-qh p{font-size:18px;line-height:32px;color:#999999;margin-bottom:50px;height:128px;overflow:hidden;}
.home-com .box .com-qh .more{width:207px;height:56px;font-size:19px;text-transform:uppercase;line-height:56px;text-align:center;background:#5371b3;border-radius:0 0 30px 0;overflow:hidden;display:block;color:#fff;}
.home-com .tab-content{padding:0;}
.home-com .box .com-qh .more:hover{background:#ff912a;transition:all 0.5s;}

@media(max-width:1500px) {
    .home-com .box .img img{max-width:80%;}
}

@media(max-width:768px) {
  .home-com{padding:40px 0;}
  .home-com .t1{font-size:26px;line-height:32px;margin-bottom:20px;}
  .home-com .desc{font-size:16px;line-height:24px;margin-bottom:20px;}
  .home-com .img{position:relative;}
  .home-com .box{padding-top:150px;}
  .home-com .box .img img{max-width:100%;}
  .home-com .box .com-qh{width:100%;}
  .home-com .box .com-qh .t2{font-size:24px;line-height:30px;margin-bottom:20px;}
  .home-com .box .com-qh p{font-size:16px;line-height:24px;height:120px;margin-bottom:20px;}
  .home-com .box .com-qh .more{width:50%;height:42px;line-height:42px;font-size:16px;margin-bottom:50px;}
  .home-com .box .com-qh .item{padding:8px 14px;font-size:16px;line-height:24px;border-top:0;}
  .home-com .box .com-qh .item.active{border-top:0;}
  .home-com .box .com-qh .content{padding:30px 20px;border-radius:0 0 25px 25px;}
  .home-com .box .com-qh .more{width:60%;margin-bottom:10px;border-radius:50px;}
}

.home-news{background: #ffffff;padding: 100px 0 100px;}
.home-news .row{margin-left: -25px;margin-right: -25px;}
.home-news .row .col-md-6{padding-left: 25px;padding-right: 25px;}
.home-news .title-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;text-transform: uppercase;margin-bottom: 55px;}
.home-news .title-box .title{font-size: 36px;line-height: 54px;font-weight: bold;}
.home-news .title-box .more{padding: 15px 30px;border: 2px solid #dddddd;font-size: 18px;color:#666666; font-weight: bold;border-radius: 50px;overflow: hidden;transition: all 0.3s;}
.home-news .title-box .more:hover{background: #5371b3;border-color: #5371b3;color: #fff;}
.home-news .news-boxb .img{height:496px;display:flex;text-align:center;justify-content:center;overflow:hidden;border:2px solid #333;}
.home-news .news-boxb .img img{height:100%;width:auto;}
.home-news .news-boxb .text{background: #333333;padding: 15px 30px;}
.home-news .news-boxb .text h3{font-size: 18px;line-height: 40px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.home-news .news-boxb .text h3 a{color: #fff;}
.home-news .news-boxb .text h3 a:hover{text-decoration: underline;}
.home-news .news-boxb:hover .text{background:#5371b3;transition:all 0.5s;}
.home-news .news-boxb:hover .img{border-color:#5371b3;transition:all 0.5s;}

@media(max-width:1500px) {
  .home-news .row{margin-left: -15px;margin-right: -15px;}
  .home-news .row .col-md-6{padding-left: 15px;padding-right: 15px;}
}

.home-news .news-box{background: #f1f4fa;margin-bottom: 25px;display: flex;align-items: center;padding: 45px 0px;}
.home-news .news-box .time{width: 20%;text-align: center;font-family: Arial;}
.home-news .news-box .text{width: 80%;padding: 0 35px;border-left: 1px solid #d0d0d0;}
.home-news .news-box .text h3{font-size: 16px;font-weight: bold; margin-bottom: 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-news .news-box .time .day{font-size: 32px;line-height: 46px;font-weight: bold;}
.home-news .news-box .text p{font-size: 14px;color: #999;line-height: 26px; height: 52px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.home-news .news-box time{font-size: 20px;line-height: 32px;color: #999999;}
.home-news .news-box:last-child{margin-bottom: 0;}

@media(max-width:768px) {
  .home-news{padding:40px 0;}
  .home-news .title-box{margin-bottom:0;justify-content:center;}
  .home-news .title-box .title{font-size:26px;line-height:32px;margin-bottom:25px;text-align:center;}
  .home-news .img{margin-bottom:20px;}
  .home-news .news-box{padding:10px 0;}
  .home-news .news-box .text{padding:0 15px;}
  .home-news .news-box .time .day{font-size:24px;line-height:26px;}
  .home-news .news-box time{font-size:14px;line-height:16px;}
  .home-news .news-box .text h3{mix-blend-mode:5px;}
  .home-news .news-box .text p{line-height:22px;height: 44px;}
}

.home-contact{background:#343f59;padding:130px 0 110px;color:#fff;text-align:center;}
.home-contact .t1{font-size:42px;line-height:60px;color:#fff;font-weight:bold;text-transform:uppercase;margin-bottom:40px;}
.home-contact p{font-size:18px;line-height:26px;text-transform:uppercase;margin-bottom:55px;}
.home-contact .more{width:370px;height:100px;background:#5371b3;border-radius:50px;overflow:hidden;margin:0 auto;color:#fff;text-transform:uppercase;display:block;font-size:28px;line-height:100px;}
.home-contact .more:hover{background:#ff912a;transition:all 0.5s;}

@media(max-width:768px) {
  .home-contact{padding:10px 15px 40px;background:#fff;}
  .home-contact .container-xl{background:#343f59;border-radius:25px;overflow:hidden;padding:20px 15px 20px;}
  .home-contact .t1{font-size:18px;line-height:26px;margin-bottom:20px;}
  .home-contact p{font-size:14px;line-height:20px;margin-bottom:25px;text-transform:inherit;}
  .home-contact .more{width:60%;height:42px;line-height:42px;font-size:16px;margin:0 auto;}
}

.mb-pro{background:#f4f4f4;padding:40px 0 35px;}
.mb-pro .item{padding:15px;background:#fff;margin-bottom:14px;}
.mb-pro .item .img{background:url(../../images/mb-probg.jpg) no-repeat;background-size:cover; margin-bottom:10px;}
.mb-pro .item .t{font-size:14px;font-weight:bold;color:#5371b3;line-height:20px;height:40px;text-align:center;}
.mb-pro .item .t a{color:#5371b3;}
.mb-pro .all-more{border-radius:50px;font-size:16px;margin:25px auto 0;display:block;width:60%;padding:12px 0;text-align:center;}

/*#endregion*/

/*#region 文章单页*/
.public-wrapper{background:#fff;padding:100px 0}
.public-wrapper h4{font-size: 20px;font-weight: bold; line-height: 32px;margin-bottom: 20px;margin-top: 20px;border-left:4px solid #6085cb;padding-left:15px;}
.public-wrapper p{font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 20px;}

.all-more{background:#5371b3;padding:12px 30px;font-size:18px;line-height:24px;display:inline-block;border-radius:0 0 30px 0;overflow:hidden;color:#fff;}
.all-more:hover{background:#ff912a;transition:all 0.5s;color:#fff;}

.about-contact{padding:110px 0;background:#343f59;color:#fff;}
.about-contact .t1{font-size:42px;line-height:60px;text-align:center;text-transform:uppercase;font-weight:bold;}
.about-contact .more{width:370px;height:100px;background:#5371b3;text-align:center;display:block;margin: 50px auto 0;font-size:28px;text-transform:uppercase;line-height:100px;color:#fff;border-radius:50px;overflow:hidden;}
.about-contact .more:hover{background:#ff912a;transition:all 0.5s;}

@media(max-width:768px) {
    .public-wrapper{padding:40px 0;}
    .public-wrapper p{font-size:14px;line-height:22px;margin-bottom:15px;}

    .about-contact{padding:40px 0;}
    .about-contact .t1{font-size:30px;line-height:42px;}
    .about-contact .more{width:60%;height:60px;line-height:60px;font-size:18px;margin-top:20px;}
}

/*#region about wrapper*/
.about-wrapper{background:#fff;padding:130px 0;}
.about-wrapper .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.about-wrapper .box .t1{font-size:39px;font-weight:bold;color:#1e3045;line-height:55px;text-transform:uppercase;margin-bottom:35px;}
.about-wrapper .box p{font-size:18px;line-height:32px;color:#666666;margin-bottom:35px;}
.about-wrapper .box.one .text{width:55%;}
.about-wrapper .box.one .img{width:42%;}
.about-wrapper .box.two{margin-top:135px;}
.about-wrapper .box.two .text{width:47%;}
.about-wrapper .box.two .img{width:47%;}
.about-wrapper .box .more{margin-top:60px; width:230px;height:64px;font-size:18px;text-align:center;line-height:64px;color:#fff;background:#5371b3;border-radius:0 0 40px 0;overflow:hidden;display:block;}
.about-wrapper .box .more:hover{text-decoration:underline;}
.about-wrapper .box.three{margin-top:105px;}
.about-wrapper .box.three .text{width:45%;}
.about-wrapper .box.three .img{width:45%;}

.about-service{padding: 80px 0 0px;position: relative;}
.about-service .t1{font-size:48px;text-align:center;font-weight:bold;text-transform:uppercase;line-height:60px;margin-bottom:50px;}
.about-service .box{margin-bottom: 30px;background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.about-service .box .text{padding: 40px 32px;}
.about-service .box .text .sub-title{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.about-service .box .text p{font-size: 16px;line-height: 26px;color: #666666;height: 104px;overflow: hidden;margin-bottom: 50px;}
.about-service .box .text .ser-more{display: inline-block;padding: 12px 25px;background:#5371b3; opacity:1;font-size:18px;color:#fff;}
.about-service .row{margin-left: -40px;margin-right: -40px;}
.about-service .row .col-md-6{padding-left: 40px;padding-right: 40px;}


@media(max-width:1500px) {
    .about-service .row{margin-left: -15px;margin-right: -15px;}
    .about-service .row .col-md-4{padding-left: 15px;padding-right: 15px;}
}

@media(max-width:768px) {
    .about-wrapper{padding:40px 0;}
    .about-wrapper .box .t1{font-size:26px;line-height:32px;margin-bottom:25px;}
    .about-wrapper .box p{font-size:14px;line-height:22px;margin-bottom:15px;}
    .about-wrapper .box.one .text{width:100%;}
    .about-wrapper .box.one .img{width:100%;}
    .about-wrapper .box.two{margin-top:25px;}
    .about-wrapper .box.two .text{width:100%;}
    .about-wrapper .box.two .img{width:100%;margin-bottom:20px;}
    .about-wrapper .box.three{margin-top:25px;}
    .about-wrapper .box.three .text{width:100%;}
    .about-wrapper .box.three .img{width:100%;}
    .about-wrapper .box .more{margin-top:25px;margin-bottom:25px;}

    .about-service{padding:40px 0}
    .about-service .t1{font-size:26px;line-height:32px;margin-bottom:25px;}
    .about-service .box{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
    .about-service .box .ser-more{opacity:1!important;font-size:16px;}
    .about-service .box .text{padding:25px 15px;}
    .about-service .box .text p{font-size:14px;line-height:22px;margin-bottom:15px;}
}

.sol-wrapper{background:#fff;padding:86px 0;}
.sol-wrapper .box{padding:20px;margin-bottom:40px;}
.sol-wrapper .box .t1{font-size:24px;text-align:center;line-height:24px;margin-top:15px;}
.sol-wrapper .box:hover{background:#dde3f0;}
.sol-wrapper .box:hover .t1{text-decoration:underline;}

.sol-container{background: #ffffff;padding: 80px 0;}
.sol-container .col-md-9{padding-left: 70px;}
.sol-container .sol-title{font-size: 22px;line-height: 26px;color: #666666;margin-bottom: 15px;font-weight: bold;}
.sol-container .sol-content p{font-size: 14px;line-height: 28px;margin-bottom: 20px;}
.sol-container .sol-content img{max-width: 100%;height: auto;}

.sol-pro{background:#fff;padding:50px 0;margin-top:30px;}
.sol-pro .title{display:flex;justify-content:space-between;margin-bottom:60px;}
.sol-pro .title .t1{font-size:32px;line-height:64px;font-weight:bold;text-transform:uppercase;}
.sol-pro .title .all-more{height:64px;line-height:64px;padding:0 30px;}
.sol-pro .pro-col{display:block;}
.sol-pro .pro-col .img{width:100%;}
.sol-pro .pro-col .text{width:100%;padding-left:0;padding-top:15px;}

@media(max-width:768px) {
    .sol-wrapper{padding:40px 0;}
    .sol-wrapper .box{padding:0;}
    .sol-wrapper .box .t1{font-size:18px;padding-bottom:10px;}

    .sol-container{padding:40px 0;}
    .sol-container .col-md-9{padding-left:0}
    .sol-pro{padding:40px 0;}
    .sol-pro .title{flex-wrap:wrap;}
    .sol-pro .title .t1{width:100%;font-size:26px;line-height:32px;}
    .sol-pro .title .all-more{margin-top:20px;}
}

.quality-wrapper{background:#fff;padding:110px 0;}
.quality-wrapper .t1{font-size:42px;font-weight:bold;color:#1e3045;line-height:55px;text-transform:uppercase;margin-bottom:35px;text-align:center;}
.quality-wrapper .desc{font-size:18px;line-height:26px;color:#9ba8b8;text-align:center;margin-bottom:60px;}
.quality-wrapper .num-box{margin-left:-47px;margin-right:-47px;margin-bottom:114px;}
.quality-wrapper .num-box .col-4{padding-left:47px;padding-right:47px;}
.quality-wrapper .num-box .num{background:#f4f4f4;padding:40px 20px 50px;text-align:center;}
.quality-wrapper .num-box .num .num-title{font-size:51px;color:#5371b3;}
.quality-wrapper .num-box .num .num-subtitle{font-size:18px;color:#283146;line-height:30px;}
.quality-wrapper .num-box .num-title:after{content: "m²";font-size: 18px;color: #5371b3;line-height: 45px;margin-left: 10px;}
.quality-wrapper .num-box .num-title#target2:after{content: "%";}
.quality-wrapper .num-box .num-title#target3:after{content: "million";}
.quality-wrapper .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.quality-wrapper .box .t1{text-align:left;}
.quality-wrapper .box p{font-size:18px;line-height:32px;color:#666666;margin-bottom:35px;}
.quality-wrapper .box.one{margin-bottom:110px;}
.quality-wrapper .box.one .text{width:56%;}
.quality-wrapper .box.one .img{width:38%;}
.quality-wrapper .box.two .text{width:40%;}
.quality-wrapper .box.two .img{width:53%;position:relative;}


@media(max-width:1530px) {
    .quality-wrapper .num-box{margin-left:-15px;margin-right:-15px;}
    .quality-wrapper .num-box .col-4{padding-left:15px;padding-right:15px;}
}

.w-accor{ overflow:hidden; position:relative;}
.w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;}
.w-accor ul{ width:101%;}
.w-accor li{ position:relative; overflow:hidden;float:left;}
.w-accor li .item{ position:relative;}
.w-accor .acr_p{ margin-top:0.5em; }
.w-accor0 li img{ max-width:100%;}

@media(max-width:768px) {
    .quality-wrapper{padding:40px 0;}
    .quality-wrapper .t1{font-size:26px;line-height:32px;margin-bottom:25px;}
    .quality-wrapper .num-box .num .num-title{font-size:22px;}
    .quality-wrapper .num-box .num .num-subtitle{font-size:13px;line-height:18px;}
    .quality-wrapper .num-box .num{padding:15px 0;}
    .quality-wrapper .num-box{margin-left:-7px;margin-right:-7px;margin-bottom:40px;}
    .quality-wrapper .num-box .col-4{padding-left:7px;padding-right:7px;}
    .quality-wrapper .num-box .num-title:after{font-size:13px;margin-left:4px;}
    .quality-wrapper .box{margin-bottom:30px;}
    .quality-wrapper .box.one .text{width:100%;}
    .quality-wrapper .box.one .img{width:100%;}
    .quality-wrapper .box.two .text{width:100%;}
    .quality-wrapper .box.two .img{width:100%;position:relative;margin-bottom:25px;}
    .quality-wrapper .box.one{margin-bottom:30px;}
    .quality-wrapper .box p{font-size:14px;line-height:22px;margin-bottom:15px;}
}

.service-wrapper{background:#fff;padding:110px 0;}
.service-wrapper .t1{font-size:42px;font-weight:bold;color:#1e3045;line-height:55px;text-transform:uppercase;margin-bottom:35px;}
.service-wrapper .box p{font-size:18px;line-height:32px;color:#666666;margin-bottom:35px;}
.service-wrapper .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:100px;}
.service-wrapper .box.one .text{width:50%;}
.service-wrapper .box.one .img{width:45%;}
.service-wrapper .box.two .text{width:49%;}
.service-wrapper .box.two .img{width:47%;}
.service-wrapper .more-box{margin-top:80px;}
.service-wrapper .more1{display:inline-block;background:#5371b3;border:4px solid #5371b3;padding:10px 30px;font-size:18px;color:#fff;border-radius:30px 0 0 0;overflow:hidden;margin-right:30px;}
.service-wrapper .more1:hover{border-color:#ff912a;background:#ff912a;transition:all 0.5s;}
.service-wrapper .more2{display:inline-block;background:#fff;border:4px solid #5371b3; padding:10px 30px;font-size:18px;color:#5371b3;border-radius: 0 0 30px 0;overflow:hidden;}
.service-wrapper .more2:hover{border-color:#ff912a;transition:all 0.5s;color:#ff912a;}
.service-wrapper .more-box a:hover{text-decoration:underline;}
.service-wrapper .pingjia{margin-bottom:110px;}
.service-wrapper .pingjia .content{background:url(../../images/service-pj2.jpg) no-repeat top right 122px; font-size:28px;line-height:39px;color:#666666;font-style:italic;padding-top:30px;padding-bottom:50px;}
#swiper-pagination-pingja{bottom:0;width:auto;}
#swiper-pagination-pingja .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 5px;background: #c6c6c6;opacity: 1;}
#swiper-pagination-pingja  .swiper-pagination-bullet-active{background: #5371b3;}

@media(max-width:768px) {
    .service-wrapper{padding:40px 0;}
    .service-wrapper .box{margin-bottom:20px;}
    .service-wrapper .box.one .text{width:100%;}
    .service-wrapper .box.one .img{width:100%;margin-bottom:15px;}
    .service-wrapper .box.two .text{width:100%;}
    .service-wrapper .box.two .img{width:100%;margin-bottom:15px;}
    .service-wrapper .t1{font-size:26px;line-height:32px;margin-bottom:25px;}
    .service-wrapper .box p{font-size:14px;line-height:22px;margin-bottom:15px;}
    .service-wrapper .pingjia .content{background:url(../../images/service-pj2.jpg) no-repeat top right 0px;font-size:16px;line-height:22px;}
    .service-wrapper .pingjia{margin-bottom:30px;}
    .service-wrapper .more-box{margin-top:25px;margin-bottom:20px;}
}

.cert-wrapper{background:#fff;padding:60px 0;}
.cert-col { margin-bottom: 1.25rem; border: 1px solid #bbb; padding:18px 25px;}
.cert-col .card{ height: 100%;}
.cert-col .card-thumb{border: 1px solid #bbb;}
.cert-col .card-title{display: -ms-flexbox;display: flex;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.5rem 0.5rem;margin-top: 0.1rem;text-align: center;}
.cer-desc { font-size: 18px; font-weight:bold;margin-bottom:40px;}


@media(max-width:768px) {
    .cert-wrapper{padding:40px 0;}
    .cert-col {padding:15px 10px;}
}

.down-wrapper{background:#fff;padding:60px 0;}
.down-row{border-left:1px solid #dee2e6;border-top:1px solid #dee2e6; margin:0;}
.down-col{ border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;background:#fff;font-size:18px; font-weight:bold; line-height:3em;}
.down-col:hover .card-title{ background: #E9F6FE;color:#204480}
.down-col-box .row{background:#f2f2f2;line-height:1.5em;font-size:16px;text-align:center;}
.down-col-box .row:nth-child(2n){background:#fff;}
.down2-col{ border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;padding:0.7em 0;}

@media(max-width:768px) {
    .down-wrapper{padding:40px 0;}
    .down-none{display:none;}
}

.faq-wrapper{background:#fff;padding:60px 0;}
.faq-q { font-size: 18px; color: #5371b3; font-weight:bold; margin-bottom:11px; padding-top:10px; padding-bottom:10px; display:flex;align-items:center; }
.faq-q span { color: #fff; background: #5371b3; padding:10px 13px; margin-right:15px;font-weight:bold;min-width:46px;width:46px; }
.faq-a { border: 1px solid #dcdcdc; font-size: 16px; color: #868686 ;padding:1rem;}

@media(max-width:768px) {
    .faq-wrapper{padding:40px 0;}
}

.video-wrapper{background:#fff;padding:60px 0;}
.video-col { margin-bottom: 1.5rem; }
.video-col .card{height: 100%;border: 1px solid #f2f2f2;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;background: #5371b3;color: #fff;font-size: 18px;}


@media(max-width:768px) {
    .video-wrapper{padding:40px 0;}
}

/*#region contact-wrapper*/
.contact-wrapper{padding-bottom:100px;}
.contact-wrapper .contact-box{display: flex;flex-wrap: wrap;padding: 100px;margin-top:-120px;z-index:1;position:relative;background:#fff;box-shadow:0 0 40px rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;}
.contact-wrapper .contact-box .text{width: 39%;color: #fff;border-radius:5px;overflow:hidden;}
.contact-wrapper .contact-box .text .t1{font-size:22px;line-height:36px;font-weight:bold;margin-bottom:10px;}
.contact-wrapper .contact-box .text p{font-size:18px;line-height:32px;}
.contact-wrapper .contact-box .text .text1{padding:55px 65px;background: #5371b3;}
.contact-wrapper .contact-box .text .text2{padding:55px 65px;background:#5b80c4}
.contact-wrapper .contact-box .text .tel{display:flex;align-items:center;font-size:28px;margin-top:15px;}
.contact-wrapper .contact-box .feedback-box{background: #fff;padding-right:100px; width: 61%;}
.contact-wrapper .feedback-box .title{font-size: 28px;line-height: 36px;font-weight: bold;margin-bottom: 15px;}
.contact-wrapper .feedback-box .desc{font-size: 16px;line-height: 28px;color: #999999;margin-bottom: 30px;}

@media(max-width:768px) {
    .contact-wrapper{padding: 40px 0;}
    .contact-wrapper .contact-box{margin-top:0;padding:0px;}
    .contact-wrapper .contact-box .text{width: 100%;padding: 30px 15px;}
    .contact-wrapper .contact-box .feedback-box{width: 100%;padding: 30px 15px 5px;}
    .contact-wrapper .feedback-box .title{font-size:26px;}
    .contact-wrapper .feedback-box .desc{font-size:14px;line-height:22px;margin-bottom:20px;}
    .contact-wrapper .contact-box .text .text1{padding:25px 15px;}
    .contact-wrapper .contact-box .text p{font-size:16px;line-height:26px;}
    .contact-wrapper .contact-box .text .text2{padding:25px 15px;}
    .contact-wrapper .contact-box .text .tel{font-size:22px;}
    
}
/*#endregion*/

/*#region 产品中心*/
.profl-wrapper{background: #fff;padding: 84px 0;}
.profl-wrapper .profl-box{margin-bottom:60px;}
.profl-wrapper .profl-box .text{padding: 40px 30px 0px;}
.profl-wrapper .profl-box .t1{font-size:21px;font-weight:bold;margin-bottom:15px;}
.profl-wrapper .profl-box .list{height:280px;overflow:hidden;margin-bottom:30px;}
.profl-wrapper .profl-box .list.short{height:140px;}
.profl-wrapper .profl-box .list p{font-size:16px;line-height:40px;}
.profl-wrapper .profl-box .list p:before { content: "●"; font-size: 16px; margin-right: 14px; color: #5371b3 }
.profl-wrapper .profl-box .list a:hover{text-decoration:underline;}
.profl-wrapper .profl-box .news-box{border-bottom:4px solid #eaeaea;position:relative;}
.profl-wrapper .profl-box .more{width:120px;height:50px;display:block;text-align:left;font-size:14px;color:#333;line-height:50px;margin-bottom:20px;}
.profl-wrapper .profl-box .more i{margin-left:20px;}
.profl-wrapper .profl-box .more:after{content:"";display:block;width:120px;height:4px;background:#333;margin-top:20px;}
.profl-wrapper .profl-box:hover{box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);}
.profl-wrapper .profl-box:hover .more{width:170px;background:#5371b3;color:#fff;text-align:center;transition:all 0.5s;}
.profl-wrapper .profl-box:hover .more:after{width:170px;background:#5371b3;transition:all 0.5s;}

@media(max-width:768px){
  .profl-wrapper{padding:40px 0;}
  .profl-wrapper .profl-box{margin-bottom:30px;}
  .profl-wrapper .profl-box .text{padding:25px 0 0;}
  .profl-wrapper .profl-box .list p{line-height:25px;}
  .profl-wrapper .profl-box .list{height:auto;}
  .profl-wrapper .profl-box .list.short{height:auto;}
  .profl-wrapper .profl-box:hover{box-shadow:none;}
}

/*#region 产品列表*/
.pro-wrapper{padding:70px 0;}
.pro-col{display:flex;padding:20px;background:#f0f0f0;margin-bottom:30px;align-items:center;}
.pro-col .img{width:39%;}
.pro-col .text{width:61%;padding-left:50px;}
.pro-col .text .t2{font-size:18px;line-height:26px;margin-bottom:10px;height:52px;overflow:hidden;font-weight:bold;}
.pro-col .text p{font-size:18px;line-height:26px;color:#999999;margin-bottom:30px;height:78px;overflow:hidden;}

@media(max-width:768px) {
    .pro-wrapper{padding:40px 0;}
    .pro-col{padding:10px;}
    .pro-col .img{width:30%;}
    .pro-col .text{width:70%;padding-left:10px;}
    .pro-col .all-more{display:none;}
    .pro-col .text .t2{font-size:16px;line-height:22px;height:48px;margin-bottom:0px;}
    .pro-col .text p{font-size:14px;line-height:20px;height:40px;margin-bottom:0}
}
/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding: 70px 0;}
.news-wrapper .col-md-9{padding-right: 60px;}
.news-wrapper .news-col{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;border-bottom: 1px solid #ddd;margin-bottom: 50px;padding-bottom: 50px;}
.news-wrapper .news-col .img{width: 40%;display: flex;overflow: hidden;justify-content: center;align-items: center;}
.news-wrapper .news-col .img img{height: 100%;width: auto;}
.news-wrapper .news-col .text{width: 60%;padding-left: 30px;}
.news-wrapper .news-col .t1{font-size: 30px; margin-bottom: 25px;line-height: 34px;}
.news-wrapper .news-col time{font-size: 18px;display: block;margin-bottom: 30px;display: flex;align-items: center;}
.news-wrapper .news-col time:before{content: "";width: 14px;height: 14px;background: url(../../images/tb-time.jpg) no-repeat;display: inline-block;margin-right: 10px;}
.news-wrapper .news-col p{font-size: 18px;line-height: 30px;color: #666666;height:120px;overflow:hidden;}
.news-wrapper .news-col .more-box{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;font-size:18px;}
.news-wrapper .news-col .more{text-decoration: underline;}
.news-wrapper .news-col .more:after{content: "→";display: inline-block;margin-left: 0px;opacity: 0;}
.news-wrapper .news-col .more:hover:after{margin-left: 10px;opacity: 1;transition: all 0.5s;}

.news-wrapper .sub-title {font-size: 28px;line-height: 28px;color: #333;text-transform: uppercase;margin-bottom: 30px;font-weight: bold;}
.hot-news-box{margin-top:50px;}
.hot-news-box .item{padding: 16px 0px;background: #fff;display: block;}
.hot-news-box .item .img{width: 70px;height: 70px;min-width: 70px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.hot-news-box .item .img img{height: 100%;width: auto;}
.hot-news-box .item h3{font-size: 16px;line-height: 24px;font-weight:bold;margin-bottom:10px;}
.hot-news-box .item .desc{font-size:14px;line-height:20px;color:#333;}

@media(max-width:768px) {
    .news-wrapper{padding: 40px 0;}
    .news-wrapper .col-md-9{padding-right: 15px;}
    .news-wrapper .news-col .img{width: 100%;}
    .news-wrapper .news-col .text{width: 100%;padding-left: 0px;margin-top: 20px;}
    .news-wrapper .news-col .t1{font-size: 22px;line-height: 26px;}
    .news-wrapper .news-col p{line-height: 20px;font-size:14px;}
}
/*#endregion*/

/*#region 详情页*/
/*默认设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;}

/*产品内容*/
.pronr-wrapper{background: #fff;padding: 50px 0px;}
.product-head .product-thumb { border: 1px solid #dddddd; border-radius: 0px;overflow: hidden; }
.product-head { margin-bottom: 1.5rem; }
.product-head .product-text{padding-left: 30px;}
.product-head .product-text .title{font-size: 24px;line-height: 32px;font-weight: bold;margin-bottom: 25px;}
.product-head .product-text .desc{font-size: 16px;line-height: 28px;color: #666666;margin-bottom: 25px;}
.product-head .product-text .canshu{margin-bottom: 30px;font-size: 16px;}
.product-head .product-text .canshu table{display:block;width:100%;}
.product-head .product-text .canshu table tbody{width:100%;}
.product-head .product-text .canshu table tr{width:60%;display:inline-table;}
.product-head .product-text .canshu table td{color: #666666;line-height: 36px;width: 55%;}
.product-head .product-text .canshu table td:first-child{color: #000033;font-family: 'Poppins-bold';width: 45%;}
.product-head .product-text .ser-box{display: flex;align-items: center;margin-bottom: 20px;}
.product-head .product-text .ser-box .more{display: inline-block;cursor: pointer; padding: 12px 40px;border: 2px solid #6085cb;background: #fff;font-size: 18px;color: #6085cb;margin-right: 15px;}
.product-head .product-text .ser-box .more:first-child{background: #6085cb;color: #fff;border-radius:30px 0 0 0;overflow:hidden;}
.product-head .product-text .ser-box .more:last-child{border-radius:0 0 30px 0;overflow:hidden;}
.product-head .product-text .ser-box .more:hover{background: #ff912a;border-color: #ff912a;color: #fff;transition:all 0.5s;}

.nav-tabs{border-bottom:4px solid #dddddd;}
.nav-tabs .nav-link{font-size: 18px;padding: 10px 30px;border:none;line-height:32px;font-weight:bold;}
.nav-tabs .nav-link.active{border-bottom:4px solid #6085cb;}
.nav-tabs .nav-item{margin-bottom:-4px;}
.tab-content{padding: 30px 0px 40px;}
.content-wrapper.product h4{font-size: 20px;font-weight: bold; line-height: 32px;margin-bottom: 20px;margin-top: 20px;border-left:4px solid #6085cb;padding-left:15px;}
.content-wrapper.product p{font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 20px;}
.content-wrapper.product table td p,.content-wrapper.product table td{font-size: 16px;line-height: 31px;margin-bottom: 0;}

.hot-pro{margin-top: 40px;}
.hot-pro .title{font-size: 28px;line-height:36px;font-weight:bold;text-transform:uppercase;margin-bottom:30px;}

@media(max-width:768px) {
  .pronr-wrapper{padding: 40px 0;}
  .product-head .product-text{padding-left: 0px;}
  .product-head .product-text .canshu{font-size: 14px;}
  .product-head .product-text .ser-box .more{padding: 12px;}
  .nav-tabs .nav-item{width: 50%;text-align: center;margin-bottom:-4px;}
  .tab-content{padding: 30px 0px;}
}


/*#region 新闻详情*/
.newsnr-container{ background: #fff; }
.newsnr-container .title { font-size: 36px; line-height: 42px; color: #000000; }
.newsnr-container .content h4{font-size: 22px;color: #5371b3;margin: 20px 0;}
.newsnr-container .content { margin-bottom: 40px;font-size: 16px;color: #333;line-height: 26px; }
.newsnr-container .content img{max-width: 100%;height: auto;}
.newsnr-container .content ul,.newsnr-container .content li{list-style: initial;}
.newsnr-container .content ul{padding-left: 40px;}
.newsnr-container .content table p{margin-bottom: 0;}
.newsnr-container .summary { font-size: 16px; line-height: 30px; color: #333; margin: 15px 0 35px;padding-bottom: 10px; }
.newsnr-container .summary span { margin-right: 15px; }
.newsnr-container .col-md-9{padding-right: 70px;}

@media(max-width:768px) {
    .newsnr-container .col-md-9{padding-right: 15px;}
    .newsnr-container .title { font-size: 22px; line-height: 32px;}
    .newsnr-container .summary{font-size: 14px;line-height: 20px;}
    .newsnr-container .content h4{font-size: 18px;}
    .newsnr-container .content {font-size: 14px;line-height: 20px;}
}

.content-other{padding: 30px 0px;border-top: 1px solid #ddd; line-height: 24px; font-size: 16px;color: #5371b3;display: flex;align-items: center;justify-content: space-between;}
.content-other a{color: #303f5f;}
.content-other a:hover{ color: #5371b3;transition: all 0.3s; }
.content-other .left{width: 75%;}
.content-other .back{background: #5371b3;padding: 10px 40px;display: inline-block;font-size: 18px;color: #fff;border-radius: 5px;overflow: hidden;}
.content-other .back i{margin-left: 10px;}
.content-other .back:hover{background:#ff912a;transition:all 0.5s;color:#fff;}

@media(max-width:768px) {
  .content-other{flex-wrap: wrap;}
  .content-other .left{width: 100%;}
  .content-other .right{width: 100%;margin-top: 20px;}
}

/*其他内容*/
/*#endregion*/

/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem;}
.page-item.active .page-link { color: #fff; background-color: #5371b3; border-color: #5371b3; }

/*留言*/
.contact-wrapper .feedback-box .form-control{padding-top: 15px;padding-bottom: 15px;margin-bottom: 20px;}
.contact-wrapper .feedback-box .form-feedback .btn {padding-top: 25px;padding-bottom: 25px;font-size: 18px;background: #3a3c5f;}

.contact-wrapper .feedback-box .form-feedback .btn:hover{background:#ed1b26;color: #fff; }

.form-feedback .form-control{ background: #f3f4f6; color: #9396a2;font-size: 16px; border-radius: 10px;overflow: hidden; border: 1px solid #f3f4f6; padding-top: 11px;padding-bottom: 11px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn { color: #fff; background: #ed1b26;border-radius: 10px; font-size: 22px;line-height: 22px;padding-top: 11px;padding-bottom: 11px;}
.form-feedback .btn:hover{background:#f0214b;color: #fff; }

@media(max-width:768px) {
    .form-feedback .form-control{padding-top: 10px;padding-bottom: 10px;font-size: 16px;}
    .form-feedback .btn{padding-top: 10px;padding-bottom: 10px;}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}

/*搜索*/
.pro-search .search-group{width: 100%;}
.search-group { width: 200px; height: 45px; background: #f7f7f7; overflow: hidden;border: 1px solid #f7f7f7;border-radius: 10px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #5c5352;height: 45px;}
.search-group .form-control::-webkit-input-placeholder{color: #5c5352;}
.search-group .btn {border-radius: 0px;height: 45px;  width: 45px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #5371b3; font-size: 1.3rem; }
.search-group .btn:hover{background: #5371b3;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*#弹出留言表单*/
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0.8);
}

.reveal-modal {
    visibility: hidden;
    top: 250px;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    position: absolute;
    z-index: 1001;
    padding: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-color: #FFF;
}

.reveal-modal .title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #333;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

@media(max-width:768px) {
    .reveal-modal {
        visibility: hidden;
        top: 50px;
        left: 50%;
        margin-left: -45%;
        width: 90%;
        position: absolute;
        z-index: 1001;
        padding: 25px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        background-color: #FFF;
    }
    .reveal-modal .title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.feedpc{position:fixed;right: 0px;top:60%;cursor: pointer;z-index: 70;}
.feedpc .feed{display: flex;align-items: center;}
.feedpc .feed .img{z-index: 60;margin-right: -20px;}
.feedpc .feed p{background: #414141;height: 50px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;padding: 0 15px 0 25px;}

@media(max-width:768px) {
    .feedpc .feed .img{margin-right: 0px;}
    .feedpc .feed .img img{width: 50px;height: 50px;}
    .feedpc .feed p{display: none;}
    .totop{z-index:10;}
}


.new-quality-list{}
.new-quality-list .new-quality-row{background:#edf1f7;}
.new-quality-list .new-quality-row .text{display:flex;align-items:center;justify-content:center;}
.new-quality-list .new-quality-row .box{width:80%;}
.new-quality-list .new-quality-row .box .title{font-size:48px;font-weight:bold;text-transform:uppercase;color:#1e3045;margin-bottom:20px;}
.new-quality-list .new-quality-row .box p{font-size:18px;line-height:32px;color:#666666;margin-bottom:0;}
.new-quality-list .new-quality-row:nth-child(2n) .img{order:-1;}
.new-quality-list .new-quality-row:nth-child(2n) .text{order:13;}

@media(max-width:768px) {
    .new-quality-list .new-quality-row .img{order:-1;}
    .new-quality-list .new-quality-row .text{order:13;}
    .new-quality-list .new-quality-row .box{width:100%;padding:20px 15px;margin-bottom:0;}
    .new-quality-list .new-quality-row .box .title{font-size:24px;margin-bottom:15px;}
    .new-quality-list .new-quality-row .box p{font-size:15px;line-height:22px;}
}

.about-wrapper.new{padding:120px 0 0px;}

@media(max-width:768px) {
    .about-wrapper.new{padding:40px 0 0px;}
}

.new-num{margin-top:90px;}
.new-num .num-box{margin-left:-47px;margin-right:-47px;margin-bottom:114px;}
.new-num .num-box .col-4{padding-left:47px;padding-right:47px;}
.new-num .num-box .num{background:#fff;border:1px solid #cbd4e8; padding:40px 20px 50px;text-align:center;}
.new-num .num-box .num .num-title{font-size:51px;color:#5371b3;}
.new-num .num-box .num .num-subtitle{font-size:18px;color:#283146;line-height:30px;}
.new-num .num-box .num-title:after{content: "m²";font-size: 18px;color: #5371b3;line-height: 45px;margin-left: 10px;}
.new-num .num-box .num-title#target2:after{content: "%";}
.new-num .num-box .num-title#target3:after{content: "万";}

@media(max-width:1530px) {
    .new-num .num-box{margin-left:-15px;margin-right:-15px;}
    .new-num .num-box .col-4{padding-left:15px;padding-right:15px;}
}

@media(max-width:768px) {
    .new-num{margin-top:30px;}
    .new-num .num-box .num .num-title{font-size:22px;}
    .new-num .num-box .num .num-subtitle{font-size:13px;line-height:18px;}
    .new-num .num-box .num{padding:15px 0;}
    .new-num .num-box{margin-left:-7px;margin-right:-7px;margin-bottom:40px;}
    .new-num .num-box .col-4{padding-left:7px;padding-right:7px;}
    .new-num .num-box .num-title:after{font-size:13px;margin-left:4px;}
}

.new-about-pro{background:#5371b3;padding:60px 0;}
.new-about-pro .container-xl{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.new-about-pro .img{width:50%;}
.new-about-pro .text{width:50%;color:#fff;}
.new-about-pro .text .t{font-size:48px;text-transform:uppercase;line-height:60px;margin-bottom:30px;font-weight:bold;}
.new-about-pro .text p{font-size:18px;line-height:32px;margin-bottom:30px;}
.new-about-pro .text .more{cursor:pointer; background:#1e3045;font-size:18px;line-height:32px;color:#fff;padding:13px 35px; border-radius:0 0 20px 0;overflow:hidden;display:inline-block;margin-top:60px;}
.new-about-pro .text .more:hover{background:#ff912a;transition:all 0.5s;}

@media(max-width:768px) {
  .new-about-pro{padding:40px 0;}
  .new-about-pro .img{width:100%;}
  .new-about-pro .text{width:100%;}
  .new-about-pro .text .t{font-size:24px;line-height:32px;}
  .new-about-pro .text p{font-size:15px;line-height:22px;margin-bottom:15px;}
  .new-about-pro .text .more{margin-top:30px;}
}

.new-about-cert{background:#fff;padding:100px 0;}
.new-about-cert .container-xl{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.new-about-cert .imgs{width:44%;display:flex;justify-content:space-between;align-items:center;position:relative;}
.new-about-cert .img{width:48%;}
.new-about-cert .text{width:50%;}
.new-about-cert .text .t{font-size:48px;text-transform:uppercase;line-height:60px;margin-bottom:30px;font-weight:bold;}
.new-about-cert .text p{font-size:18px;line-height:32px;margin-bottom:30px;}
.new-about-cert .text .more{cursor:pointer; background:#5371b3;font-size:18px;line-height:32px;color:#fff;padding:13px 60px; border-radius:0 0 20px 0;overflow:hidden;display:inline-block;margin-top:40px;}
.new-about-cert .text .more:hover{background:#ff912a;transition:all 0.5s;}

@media(max-width:768px) {
    .new-about-cert{padding:40px 0;}
    .new-about-cert .imgs{width:100%;margin-top:30px;}
    .new-about-cert .text{width:100%;}
    .new-about-cert .text .t{font-size:24px;line-height:32px;}
    .new-about-cert .text p{font-size:15px;line-height:22px;margin-bottom:15px;}
    .new-about-cert .text .more{margin-top:30px;}
    .new-about-cert .text .more{padding:13px 30px;}
}

.new-about-pingjia{background:#f8f8f8;padding:110px 0;}
.new-about-pingjia .t1{font-size:48px;text-transform:uppercase;line-height:60px;margin-bottom:30px;font-weight:bold;}
.new-about-pingjia .content{background:url(../../images/new-service-pj2.png) no-repeat top right 122px; font-size:28px;line-height:39px;color:#666666;font-style:italic;padding-top:30px;padding-bottom:50px;}

@media(max-width:768px) {
  .new-about-pingjia{padding:40px 0;}
  .new-about-pingjia .t1{font-size:24px;line-height:32px;}
  .new-about-pingjia .content{font-size:16px;line-height:22px;}
}

.service-wrapper.new{padding:110px 0;}
.service-wrapper.new .box{margin-bottom:0;}
.service-wrapper.new .box.two .text{width:45%;}

@media(max-width:768px) {
    .service-wrapper.new{padding:40px 0;}
    .service-wrapper.new .box.two .text{width:100%;}
}

.pronr-news{margin-top: 40px;}
.pronr-news .title{font-size: 28px;line-height:36px;font-weight:bold;text-transform:uppercase;margin-bottom:30px;}
.pronr-news .news-box{background: #f1f4fa;margin-bottom: 25px;display: flex;align-items: center;padding: 45px 0px;}
.pronr-news .news-box .time{width: 20%;text-align: center;font-family: Arial;}
.pronr-news .news-box .text{width: 80%;padding: 0 35px;border-left: 1px solid #d0d0d0;}
.pronr-news .news-box .text h3{font-size: 16px;font-weight: bold; margin-bottom: 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pronr-news .news-box .time .day{font-size: 32px;line-height: 46px;font-weight: bold;}
.pronr-news .news-box .text p{font-size: 14px;color: #999;line-height: 26px; height: 52px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.pronr-news .news-box time{font-size: 20px;line-height: 32px;color: #999999;}
.pronr-news .news-box:last-child{margin-bottom: 0;}

@media(max-width:768px) {
  .pronr-news .news-box{padding:10px 0;}
  .pronr-news .news-box .text{padding:0 15px;}
  .pronr-news .news-box .time .day{font-size:24px;line-height:26px;}
  .pronr-news .news-box time{font-size:14px;line-height:16px;}
  .pronr-news .news-box .text h3{mix-blend-mode:5px;}
  .pronr-news .news-box .text p{line-height:22px;height: 44px;}
}


.window.off{display:none;}
.window #day{display:none;}
.window #month{display:none;}
.window{position:fixed;right:0;top:243px;width:380px;padding:30px 0; z-index:99;background-color:rgba(0,0,0,0.8);color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:16px;transition:0.6s all}
.window .icon{font-size:20px}
.window .btn{min-width:50px;height:190px;color:#fff;background-color:#5371b3;display:flex;align-items:center;justify-content:center;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.window .btn-left{position:absolute;right:380px;border-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.window .window-text{margin:0 10px}
.window .t1{font-size:20px}
.window .row{margin-top:42px;font-size:16px}
.window .row .info{margin-top:22px;font-size:14px}
.window .theme{margin-top:30px;font-size:20px}
.window .theme a{color:#fff;}
.window .theme a:hover{text-decoration:underline;}
.window .time{margin-top:20px;font-size:25px}
.window .place{margin-top:30px;line-height:21px}
.window .ps{margin-top:40px;line-height:21px}
.window.hide{right:-380px}
.window .btn-left{opacity:0;display:none}
.window .show{opacity:1;display:flex;right:380px}
.window .place a{color:#fff;}
.window .place a:hover{text-decoration:underline;}

.banner-list-nav .left .item{margin: 0 20px;}
@media(max-width:768px) {
    .window{top:15%;width:80%;}
    .window .t1{font-size:18px}
    .window .row{margin-top:22px;font-size:14px}
    .window .btn-left{right:100%;}
    .window .window-text{margin:0 5px}
    .window .theme{margin-top:20px;font-size:18px}
    .window .time{margin-top:15px;font-size:20px}
    .window .ps{margin-top:20px;line-height:21px}
    .window.hide{right:-80%}
    .window .btn{min-width:20px;height:80px;}
    .window .show{right:100%}
}



.banner.zt .container-xl,.zt-box .container-xl{max-width:1290px;}
.banner.zt .box{width:55%;text-align:left;font-family:'Barlow';}
.banner.zt .box .t1{font-size:72px;line-height:80px;color:#99add8;text-transform:uppercase;margin-top:60px;}
.banner.zt .box .t2{font-size:26px;line-height:50px;margin-top:20px;}
.banner.zt .box .t3{font-size:39px;margin-top:30px;text-transform:uppercase;}
.banner.zt .box .t3 span{font-size:66px;}
.banner.zt .box .t4{font-size:42px;line-height:55px;}
.banner.zt .box .t5{font-size:18px;margin-top:30px;}
.banner.zt .box .t5 a{margin-right:30px;}

@media(max-width:1300px) {
    .banner.zt .box .t1{font-size:50px;line-height:60px;}
    .banner.zt .box .t2{font-size:22px;line-height:30px;}
    .banner.zt .box .t3{font-size:29px;margin-top:20px;}
    .banner.zt .box .t3 span{font-size:56px;}
    .banner.zt .box .t4{font-size:32px;line-height:35px;}
    .banner.zt .box .t5{font-size:16px;}
}

@media(max-width:768px) {
    .banner.zt .box{width:100%;}
.banner.zt .box .t1{font-size:26px;line-height:30px;margin-top:0px;}
.banner.zt .box .t2{font-size:18px;line-height:20px;}
.banner.zt .box .t3{font-size:18px;margin-top:20px;text-transform:uppercase;}
.banner.zt .box .t3 span{font-size:22px;}
.banner.zt .box .t4{font-size:18px;line-height:20px;}
.banner.zt .box .t5{font-size:16px;}
}

.zt-box.nr1{padding:105px 0 100px; background:linear-gradient(to bottom ,#fff 50%,#f8f8f8 50%);}
.zt-box.nr1 .t1{font-size:64px;font-family:'Barlow';line-height:70px;display:flex;align-items:center;}
.zt-box.nr1 .t1 img{margin-right:20px;}
.zt-box.nr1 .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:85px;}
.zt-box.nr1 .box .left{width:42%;}
.zt-box.nr1 .box .right{width:52%;position:relative;display:flex;align-items:center;justify-content:center;}
.zt-box.nr1 .box .right .videoplay{position: absolute;z-index: 10px;cursor: pointer;}
.zt-box.nr1 .box .right .videoplay img{transform: scale(1);transition: all 0.5s;}
.zt-box.nr1 .box .right .videoplay:hover img{transform: scale(1.07);}
.zt-box.nr1 .box p{font-size:16px;line-height:28px;margin-bottom:27px;}
.zt-box.nr1 .box p:last-child{margin-bottom:0;}
.zt-box.nr1 .box p span{font-weight:bold;color:#5371b3;}

.zt-title1{width:72%;background:#5371b3;color:#fff;margin:115px auto 0;text-align:center;padding:75px 0 240px;font-size:60px;font-family:'Barlow';display:flex;align-items:center;justify-content:center;}
.zt-title1 img{margin-right:20px;}
.zt-prolist{position:relative;z-index:2;margin-top:-160px;}
.zt-prolist .pro-box{background:#ffffff;padding:25px 20px;margin-bottom:30px;}
.zt-prolist .pro-box .img{background:#f8f8f8;margin-bottom:18px;}
.zt-prolist .pro-box .img img{mix-blend-mode:multiply}
.zt-prolist .pro-box .pro-t1{font-size:16px;font-family:'Barlow';line-height:26px;text-align:center;}
.zt-prolist .pro-box .pro-more{background:#e6e6e6;font-size:16px;line-height:36px;text-align:center;display:block;margin-top:10px;}
.zt-prolist .pro-box .pro-more:hover{background:#5371b3;color:#fff;}
.zt-prolist .row{margin-left:-9px;margin-right:-9px;}
.zt-prolist .row .col-md-4{padding-left:9px;padding-right:9px;}
.zt-more{width:72%;background:#5371b3;color:#fff;margin:45px auto 0;display:block;padding:15px;text-align:center;font-size:18px;font-family:'Barlow';text-transform:uppercase;}
.zt-more:hover{color:#fff;background:#333;transition:all 0.5s;}
.zt-more img{margin-left:50px;}

@media(max-width:768px) {
  .zt-box.nr1{padding:35px 0 35px;}
  .zt-box.nr1 .t1{font-size:26px;line-height:32px;}
  .zt-box.nr1 .t1 img{width:32px;margin-right:12px;}
  .zt-box.nr1 .box{margin-top:25px;}
  .zt-box.nr1 .box .left{width:100%;}
  .zt-box.nr1 .box .right{width:100%;margin-top:20px;}
  .zt-box.nr1 .box p{font-size:14px;line-height:20px;margin-bottom:15px;}

  .zt-num{margin-top:25px;}
  .zt-num .num{min-height:102px;background-size:cover;margin-bottom:15px;}
  .zt-num .num .num-title{font-size:22px;}
  .zt-num .num .num-subtitle{font-size:12px;margin-top:10px;}

  .zt-title1{font-size:26px;margin:20px auto 0;padding:15px 20px;width:100%;}
  .zt-title1 img{width:32px;margin-right:12px;}
  .zt-prolist{margin-top:20px;}
  .zt-more{margin-top:25px;}
  .zt-more img{margin-left:30px;}

  .zt-prolist .pro-box .img{padding:10px;}
  .zt-prolist .pro-box .t1{font-size:16px;}
  .zt-prolist .pro-box .pro-more{font-size:14px;}
  .zt-prolist .pro-box{padding-bottom:10px;margin-bottom:15px;}
}

.zt-box.nr2{padding:80px 0 100px;background:linear-gradient(to bottom ,#fff 50%,#1b2232 50%);}
.zt-title2{margin:0 auto;text-align:center;font-size:60px;font-family:'Barlow';display:flex;align-items:center;justify-content:center;}
.zt-title2 img{margin-right:20px;}
.zt-exhlist{display:flex;flex-wrap:wrap;justify-content:space-between;width:70%;margin:50px auto 0;position:relative;}
.zt-exhlist .item{width:47.5%;}
.zt-exhlist .item img{margin-bottom:65px;}

.zt-title3{font-size:60px;font-family:'Barlow';display:flex;align-items:center;color:#fff;margin-top:100px;position:relative;}
.zt-title3 img{margin-right:20px;}
.zt-links{margin-top:85px;}
.zt-links .img{border:1px solid #df9ba2;margin-bottom:30px;}

@media(max-width:768px) {
  .zt-box.nr2{padding:40px 0;}
  .zt-title2{font-size:26px;}
  .zt-title2 img{width:32px;margin-right:12px;}
  .zt-exhlist{margin:25px auto 0;width:100%;}
  .zt-exhlist .item{width:100%;}
  .zt-exhlist .item img{margin-bottom:15px;}
  .zt-title3{font-size:26px;margin-top:35px;}
  .zt-title3 img{width:32px;margin-right:12px;}
  .zt-links{margin-top:30px;}
  .zt-links .img{margin-bottom:15px;}

}

.zt-box.nr3{padding:100px 0 100px;background:url(../../images/zt-bg3.jpg) no-repeat center top #fff;}
.zt-box.nr3 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.zt-box.nr3 .box .left{width:47%;}
.zt-title4{font-size:60px;font-family:'Barlow';display:flex;align-items:center;position:relative;}
.zt-title4 img{margin-right:20px;}
.zt-box.nr3 .box .left p{font-size:16px;line-height:28px;margin-top:30px;}
.zt-box.nr3 .box .right{width:45%;border-radius:15px;box-shadow:18px 0 46px rgba(0, 0, 0, 0.1);padding:60px 54px 45px;background:#fff;}
.zt-box.nr3 .box .right .feedbk-t1{font-size:28px;font-family:'Barlow';margin-bottom:35px;}

@media(max-width:768px) {
    .zt-box.nr3{padding:35px 0;}
    .zt-title4{font-size:26px;}
    .zt-title4 img{width:32px;margin-right:12px;}
    .zt-box.nr3 .box .left p{font-size:14px;line-height:20px;margin-bottom:25px;margin-top:20px;}
    .zt-box.nr3 .box .left{width:100%;}
    .zt-box.nr3 .box .right{width:100%;padding:30px 15px;}
    .zt-box.nr3 .box .right .feedbk-t1{font-size:24px;margin-bottom:20px;}
}