/*#region 通用*/
body { color: #333; font-size: 16px; line-height:24px; font-family: 'Roboto', sans-serif;}
a{color: #333;}
a:hover{color: #dc0b07;}
.swiper-pagination-bullet-active{background: #dc0b07;}
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: #f9f9f9;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1630px;}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
    body {font-size:14px;line-height:20px;}
}
/*#endregion*/

.header {z-index: 999;width: 100%;}
.header-desc{background:#dc0b07; padding: 8px 0;color:#fff;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #fff;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #fff;}
.top-tel a:hover{text-decoration:underline;}
.top-lang{margin-left: 15px;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;color:#fff;}
.public-social span,.public-social a{border-radius:25px;}

.header-top{background: #0f0e0e;padding: 20px 0;}
.header-top .nav{display: flex;align-items: center;justify-content: flex-end;}
.header-top .nav .service{display: flex;justify-content: flex-end;align-items: center;position: relative;}
.header-top .nav .service .tkbtn{background: #dc0b07;font-size: 16px;color: #fff;cursor: pointer;padding: 8px 10px;border-radius: 10px;color:#fff; overflow: hidden;}
.top-search-box{z-index: 93;margin-right:20px;}
.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: #fff;font-size: 16px;}
.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: 50px;top: 50px;z-index: 99;padding-top: 10px;}
.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;}
.header.fadeInDown .header-top{padding: 0;}
.header.fadeInDown .desc{display: none;}
.header.fadeInDown .top-search-box .search-tb i{color: #333;font-size: 16px;}
.header-qt .top-search-box .search-tb i{color: #333;font-size: 16px;}

.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 40px;transition: all 0.5s ease;}
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#fff; padding: 0; height: 80px;display: flex;align-items: center;justify-content: center; font-size: 18px; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 4px;margin-left: 0!important; background: #dc0b07;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-link:hover{}
.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-link.active{}
.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); }

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

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

/*#region 手机端*/
.header-mb{background: #181818;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: #fff}
.header-mb .top-mb .icon-bars{color: #fff;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #fff;}
.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: #fff}

.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) {
    
}
/*#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: #ffffff;border-top: 7px solid #0080d6;padding: 35px 50px;}
.ny-nav .nav-title{font-size: 20px;font-weight: bold;line-height: 26px;margin-bottom: 25px;}
.ny-nav .menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px; background: #fff; }
.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: #f8f8f8; }
.menu-horizontal .nav-item.active .nav-link,.menu-horizontal .nav-link:hover {background: #0080d6; 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";}


.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;}

.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-about{display: flex;flex-wrap: wrap;justify-content:center;margin-top:40px;margin-bottom:40px;font-family:Barlow;}
.menu-horizontal-about .nav-item-about { color: #666666;margin-right: 10px;margin-bottom:10px; background: #fff;border-radius:5px;overflow:hidden;border:1px solid #e0e0e0;}
.menu-horizontal-about .nav-item-about .nav-link-about{color: #666666;padding: 0 35px; display: block;text-align: center; font-size: 20px; line-height: 54px;}
.menu-horizontal-about .nav-item-about.active,.menu-horizontal-about .nav-item-about:hover{background: #86c442;border-color:#86c442;}
.menu-horizontal-about .nav-item-about.active .nav-link-about,.menu-horizontal-about .nav-item-about:hover .nav-link-about {color: #fff;}

.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-pro{display: flex;flex-wrap: wrap;margin-bottom:30px;}
.menu-horizontal-pro .nav-item-pro { color: #fff;margin-right: 10px;margin-bottom:10px; background: #1f1f1f;}
.menu-horizontal-pro .nav-item-pro .nav-link-pro{color: #fff;padding: 0 35px 0 20px; display: block;text-align: center; font-size: 18px; line-height: 54px;}
.menu-horizontal-pro .nav-item-pro .nav-link-pro:before{ content: "●"; font-size: 16px; margin-right: 12px; color: #fff }
.menu-horizontal-pro .nav-item-pro.active,.menu-horizontal-pro .nav-item-pro:hover{background: #dc0b07;}
.menu-horizontal-pro .nav-item-pro.active .nav-link-pro,.menu-horizontal-pro .nav-item-pro:hover .nav-link-pro {color: #fff;}

@media(max-width:768px) {
    .ny-nav{padding: 25px 15px;display: none;}
    .menu-horizontal-about .nav-item-about{margin-right:0;}
}
/*#endregion*/

/*#region 位置导航*/
.banner{}
.banner.home{position:relative;}
.banner.home .banner-text{text-align: left;align-items:center;}
.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: 48%;animation: left-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box{width: 52%;padding: 0;animation: up-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box .title{font-size: 52px;color: #fff;line-height:85px; margin-bottom: 35px;font-weight: bold;text-transform: uppercase;font-family:Barlow;}
.banner.home .banner-text .box p{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 32px;}
.banner.home .banner-text .box .more{ font-size: 22px;color: #333;text-transform: uppercase;font-family:Barlow; background: #ffffff;display: inline-block;margin-top: 100px;padding:18px 35px; text-align: center;}
.banner.home .banner-text .box .more:hover{color: #fff;background: #0080d6;transition: all 0.5s;}

.banner.ny{background:#f5f5f5;padding:60px 0;}
.banner.ny .container-xl{display: flex;align-items: center;position:relative;height:332px;}
.banner.ny .container-xl .bg{height:auto;padding-left:10%;}
.banner.ny .container-xl .bg img{box-shadow:5px 0 57px rgba(0, 0, 0, 0.23);}
.banner.ny .box{position:absolute;z-index:2;left:15px;background:#fff;}
.banner.ny .box .page-title{position:relative;display:inline-block; height:235px;padding:75px 105px 0 85px;}
.banner.ny .ny-title{font-size:42px;line-height:42px;text-transform:uppercase;margin-bottom:20px;font-family:Barlow;font-weight:bold;color:#333;}
.banner.ny .box .page-title:before{content:"";width:22px;height:22px;background:url(../images/tb-k1.png) no-repeat;position:absolute;left:0;top:0;z-index:3}
.banner.ny .box .page-title:after{content:"";width:22px;height:22px;background:url(../images/tb-k2.png) no-repeat;position:absolute;right:0;bottom:0;z-index:3}

@media(max-width:768px) {
  .banner.ny .container-xl{display:block;height:auto;}
  .banner.ny .container-xl .bg{padding-left:0;}
    .banner.ny{background:#f5f5f5;padding:15px 0 30px;}
    .banner.ny .box{position:relative;left:inherit;}
    .banner.ny .box .page-title{padding:15px 15px;height:auto;}
    .banner.ny .ny-title{text-align:center;font-size:26px;margin-bottom:5px;}
}

.page-title {color:#333;}
.page-title  a{color:#333;}
.page-title  a:hover{color:#dc0b07;text-decoration:underline;}
.page-title .breadcrumb { justify-content: flex-start;align-items: center; color: #333;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: #333;font-family: cmsfont; content: "\f054";font-size: 10px; margin-right: 10px;margin-left: 10px; }
.page-title .breadcrumb .breadcrumb-item:last-child a{font-weight:bold;color:#dc0b07;}

.page-title.pro{background:#f1f1f1;padding:15px 0;}
.page-title.pro .breadcrumb{justify-content: flex-start;}

@media(max-width:768px) {
  .banner .ny-title{margin-bottom:0}
    .page-title{width: 100%;position:relative;top:inherit;}
    
    .page-title .breadcrumb { justify-content: center; }
    
}
/*#endregion*/

/*#region 底部*/
footer .container-xl{max-width:1230px;}
footer .footer-top{background:url(../images/foot-bg.jpg) no-repeat center bottom;padding-top:70px;background-size:cover;}
footer .footer-top .t1{font-size:48px;text-align:center;line-height:48px;margin-bottom:50px;}
footer .footer-top .box{width:600px;padding:10px; background:#dc0b07;border-radius:40px;cursor:pointer; overflow:hidden;margin:0 auto 100px;display:flex;align-items:center;justify-content:space-between;}
footer .footer-top .box .left{font-size:20px;line-height:24px;padding-left:20px;}
footer .footer-top .box .right{width:265px;background:#000000;text-align:center;padding:10px;border-radius:30px;overflow:hidden;font-size:20px;line-height:24px;}
footer .footer-top .addrs{display:flex;justify-content:space-between;color:#333}
footer .footer-top .addr{width:30%;background:#fff;border-radius:40px;display:flex;align-items:center;justify-content:center;padding:25px 30px;}
footer .footer-top .addr .img{width:38px;min-width:38px;margin-right:10px;}
footer .footer-top .addr:first-child .text{font-size:14px;line-height:20px;}
footer .footer-top .addr .text{font-size:24px;line-height:24px;}
footer {position: relative;color:rgba(255, 255, 255, 1);}
footer .footer-bottom{font-size:17px;line-height:30px;background: #dc0b07;padding:35px 0;}
footer .footer-bottom .container-xl{display:flex;align-items:center;justify-content:space-between;}
footer .footer-bottom .foot-text a{color:#fff;}
footer .footer-bottom .foot-text a:hover{text-decoration:underline;}

@media(max-width:768px) {
    footer .footer-top{background-size:cover;padding-top:35px;}
    footer .footer-top .t1{font-size:30px;line-height:34px;margin-bottom:35px;}
    footer .footer-top .box{width:100%;margin-bottom:30px;}
    footer .footer-top .box .left{font-size:16px;}
    footer .footer-top .box .right{font-size:16px;width:240px;}
    footer .footer-bottom .container-xl{display:block;text-align:center;}
    footer .footer-bottom{font-size:14px;line-height:22px;padding:20px 0; }
    footer .footer-bottom .foot-text{margin-bottom:10px;}
    footer .footer-top .addrs{flex-wrap:wrap;}
    footer .footer-top .addr{width:100%;margin-bottom:15px;padding:10px 25px;justify-content:flex-start;}
    footer .footer-top .addr:last-child{margin-bottom:0;}
    footer .footer-top .addr .text{font-size:18px;}
}
/*#endregion*/

/*#region 首页*/

@keyframes jtmove{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(0,-8px);
    }
    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-lm{display:flex;flex-wrap:wrap;background:#181818;color:#fff;}
.home-lm .item{width:50%;display:flex;flex-wrap:wrap;position:relative;}
.home-lm .item .text{width:50%;display:flex;align-items:center;justify-content:center;position:relative;}
.home-lm .item .img{width:50%;}
.home-lm .item .text .box{width:70%;}
.home-lm .item .text .num{font-size:120px;font-weight:bold;color:rgba(255, 255, 255, 0.5);position:absolute;right:20px;bottom:0px;line-height:100px;}
.home-lm .item .text .t1{font-size:33px;line-height:48px;margin-bottom:10px;}
.home-lm .item .text p{font-size:16px;line-height:26px;margin-bottom:35px;}
.home-lm .item .text .more{font-size:18px;line-height:32px;background:#dc0b07;display:inline-block;padding:8px 45px;color:#fff;}
.home-lm .item .text .more:hover{text-decoration:underline;}

@media(max-width:1630px) {
    .home-lm .item .text .t1{font-size:28px;}
    .home-lm .item .text .num{font-size:100px;}
}

@media(max-width:1530px) {
    .home-lm .item .text .t1{font-size:24px;}
    .home-lm .item .text .num{font-size:80px;}
    .home-lm .item .text p{font-size:15px;line-height:20px;margin-bottom:15px;}
}

@media(max-width:768px) {
  .home-lm .item{width:100%;display:block;}
  .home-lm .item .img{width:100%;}
  .home-lm .item .text .box{width:100%;}
  .home-lm .item .text{width:100%;padding:15px;}
  .home-lm .item .text .t1{font-size:20px;line-height:30px;}
  .home-lm .item .text p{font-size:14px;list-style:20px;margin-bottom:15px;}
  .home-lm .item .text .num{font-size:80px;line-height:60px;}
  .home-lm .item .text .more{font-size:16px;padding:5px 35px;}
}

.home-about{padding:70px 0 190px;background:url(../images/home-about-bg.jpg) no-repeat right bottom;position:relative;}
.home-about .t1{font-size:48px;line-height:48px;margin-bottom:20px;font-weight:bold;font-family:Barlow;}
.home-about .t1 span{color:#dc0b07;}
.home-about .t1 .span1{font-weight:normal;margin-right:10px;font-size:32px;line-height:48px;font-family:Poppins;}
.home-about .t2{font-size:35px;line-height:36px;margin-bottom:20px;color:#4c4c4c;font-weight:bold;}
.home-about .t3-box{display:flex;align-items:center;margin-bottom:20px;}
.home-about .t3{font-size:22px;line-height:48px;color:#072b42;margin-right:65px;font-weight:bold;}
.home-about  p{font-size:16px;line-height:30px;margin-bottom:20px;}
.home-about .num-items{width:40%;position:relative;display:flex;flex-wrap:wrap;}
.home-about .num-items .num-item{width:50%;display:flex;align-items:center;position:relative;}
.home-about .num-item .num{width:64px;height:64px;border-radius:50%;background:rgba(220, 11, 7, 0.3);display:flex;align-items:center;justify-content:center;}
.home-about .num-item .num span{width:41px;line-height:41px;background:#dc0b07;font-size:18px;line-height:41px;text-align:center;border-radius:50%;color:#fff;}
.home-about .num-item .text{padding-left:18px;color:#4c4c4c;}
.home-about .num-item .num-title{font-size:28px;line-height:32px;font-weight:bold;}
.home-about .num-item .num-subtitle{font-size:16px;}
.home-about .num-item .num-title:after{margin-left:5px;}
.home-about .num-item .num-title#target1:after{content:"year";font-size:14px;line-height:16px;}
.home-about .num-item .num-title#target2:after{content:"+";}
.home-about .num-item .num-title#target3:after{content:"-";}
.home-about .num-item .num-title#target4:after{content:"+";}
.home-about .num-item:nth-child(3):before,.home-about .num-item:nth-child(4):before{content:""; width:1px;height:30px;background:#dc0b07;display:block;position:absolute;left:30px;top:13px;}
.home-about .num-item:nth-child(3),.home-about .num-item:nth-child(4){padding-top:54px;position:relative;}
.home-about .home-cert{position:absolute;left:0;bottom:0;height:116px;display:flex;justify-content:flex-end;align-items:center; background:url(../images/home-cert-bg.png) no-repeat right;z-index:10;width:1098px;}
.home-about .home-cert .contacts{width:454px;text-align:center;font-size:30px;color:#fff;margin-left:45px;}
.home-about .home-cert .contacts:hover{text-decoration:underline;}
.home-about .home-cert .contacts span{margin-left:10px;}

@media(max-width:1600px) {
  .home-about .home-cert{width:60%;}
}

@media(max-width:768px) {
  .home-about{padding:40px 0 0;background:#fff;}
  .home-about .t1{font-size:26px;margin-bottom:5px;}
  .home-about .t1 .span1{font-size:30px;margin-bottom:10px;}
  .home-about .t2{font-size:20px;}
  .home-about p{font-size:14px;line-height:20px;}
  .home-about .t3{font-size:18px;margin-right:0px;line-height:24px;}
  .home-about .t3-box{display:block;}
  .home-about .num-items{width:100%;margin-bottom:30px;}
  .home-about .num-item .num{width:50px;height:50px;min-width:50px;}
  .home-about .num-item .num span{width:35px;height:35px;line-height:35px;}
  .home-about .num-item .num-title{font-size:20px;line-height:26px;}
  .home-about .num-item .num-subtitle{font-size:14px;}
  .home-about .num-item:nth-child(3), .home-about .num-item:nth-child(4){padding-top:15px;}
  .home-about .num-item:nth-child(3):before, .home-about .num-item:nth-child(4):before{display:none;}
  .home-about .home-cert{position:relative;height:auto;left:inherit;bottom:inherit;background:#181818;display:block;text-align:center;width:100%;padding:20px 0 5px;}
  .home-about .home-cert .contacts{width:60%;height:40px;background:#dc0b07;border-radius:30px;overflow:hidden;display:block;margin:20px auto;font-size:18px;line-height:40px;}

}

.home-pro{padding:70px 0;background:#fff;}
.home-pro .t1{font-family:Barlow;font-size:48px;line-height:48px;text-align:center;margin-bottom:35px;text-transform:uppercase;}
.home-pro .pro-box{background:#fbfbfb;padding:30px;}
.home-pro .pro-box:nth-child(2),.home-pro .pro-box:nth-child(4),.home-pro .pro-box:nth-child(5),.home-pro .pro-box:nth-child(7){background:#fff;}
.home-pro .pro-box .img img{mix-blend-mode: multiply!important;}
.home-pro .pro-box .t2{font-size:19px;line-height:24px;height:54px; border-bottom:4px solid #dc0b07;margin-bottom:15px;text-align:center;font-weight:bold;}
.home-pro .pro-box p{font-size:14px;line-height:24px;color:#929292;text-align:center;margin-bottom:10px;}
.home-pro .more{width:325px;height:74px;display:block;margin:70px auto 0;background:#dc0b07;border-radius:50px;overflow:hidden;text-align:center;font-size:24px;line-height:74px;color:#fff;}
.home-pro .more:hover{text-decoration:underline;}

@media(max-width:768px) {
  .home-pro{padding:30px 0;}
  .home-pro .t1{font-size:26px;margin-bottom:25px;}
  .home-pro .pro-box{background:#fbfbfb;padding:15px;}
  .home-pro .pro-box:nth-child(2),.home-pro .pro-box:nth-child(3),.home-pro .pro-box:nth-child(6),.home-pro .pro-box:nth-child(7){background:#fff;}
  .home-pro .pro-box:nth-child(4),.home-pro .pro-box:nth-child(5){background:#fbfbfb;}
  .home-pro .pro-box .t2{font-size:16px;height:auto;padding-bottom:5px;}
  .home-pro .pro-box p{display: -webkit-box;line-height:20px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.home-pro .more{width:60%;font-size:16px;height:40px;line-height:40px;margin:30px auto 0;}
}

.home-adv{background:#181818;padding:65px 0;color:#fff;text-align:center;}
.home-adv .t1{font-family:Barlow;font-size:48px;line-height:48px;text-align:center;margin-bottom:35px;text-transform:uppercase;}
.home-adv .t2{background:#dc0b07;border-radius:10px;width:80%;margin:10px auto 15px;padding:8px 0;font-size:26px;line-height:30px;}
.home-adv p{padding:0 15px;}

.home-app{background:#fff;padding:65px 0 40px;}
.home-app .t1{font-family:Barlow;font-size:48px;line-height:48px;text-align:center;margin-bottom:35px;text-transform:uppercase;}
.home-app .box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-app .box .left{width:58%;}
.home-app .box .right{width:39%;}
.home-app .box .img{position:relative;}
.home-app .box .img .text{background:#181818;width:37%;padding:20px 35px 20px 90px;display:flex;justify-content:space-between;align-items:center; position:absolute;right:0;bottom:0;z-index:2;text-align:center;font-size:22px;line-height:32px;color:#fff;
shape-outside:polygon(20% 0, 10% 100%, 100% 100% ,100% 0%);
    -webkit-clip-path:polygon(20% 0, 10% 100%, 100% 100% ,100% 0%);}
.home-app .box .img .text span{margin-left:12px;}
.home-app .box .right .img .text{width:47%;font-size:19px;padding:10px 25px 10px 70px;}
.home-app .box .right .img{margin-bottom:25px;}
.home-app .box .right .img:last-child{margin-bottom:0;}
.home-app .box .img a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;}
.home-app .box .img:hover .text{text-decoration:underline;}

@media(max-width:768px) {
  .home-app{padding:35px 0;}
  .home-app .t1{font-size:26px;margin-bottom:25px;}
  .home-app .box .left{width:100%;margin-bottom:15px;}
  .home-app .box .right{width:100%;}
  .home-app .box .right .img{margin-bottom:15px;}
  .home-app .box .img .text{width:70%;padding:10px 25px 10px 70px;font-size:16px;}
  .home-app .box .right .img .text{width:70%;font-size:16px;}
  .home-app .box .img .text span img{width:70%;height:auto;}
}

.home-news{background:#fff;padding:45px 0 120px;}
.home-news .box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-news .box .left{width:58%;background:#ecedef;padding:50px;}
.home-news .box .right{width:42%;background:#181818;padding:50px;color:#fff;}
.home-news .box .t1{font-family:Barlow;font-size:48px;line-height:48px;margin-bottom:55px;text-transform:uppercase;}
.home-news .news-box{display:flex;align-items:center;margin-bottom:35px;}
.home-news .news-box:last-child{margin-bottom:0;}
.home-news .news-box .img{border:2px solid #181818;width:31%;}
.home-news .news-box .text{width:69%;padding-left:25px;}
.home-news .news-box .t2{font-size:24px;line-height:24px;font-weight:bold;margin-bottom:10px;}
.home-news .news-box p{margin-bottom:10px;}
.home-news .news-box time{color:#db4d00;}

.home-news .cert-qh{padding:0 90px;position:relative;}
.home-news .h3{text-align:center;font-size:24px;line-height:30px;margin-top:10px;}
.home-news .cert-qh .swiper-button-cert:after{color:#fff;font-size:60px;}
.home-news .cert-qh .image{border:5px solid #dc0b07;}

@media(max-width:768px) {
  .home-news{padding:15px 0 40px;}
  .home-news .box .left{width:100%;padding:25px 15px;}
  .home-news .box .right{width:100%;padding:25px 15px;}
  .home-news .box .t1{font-size:26px;margin-bottom:25px;line-height:30px;text-align:center;}
  .home-news .news-box .text{padding-left:15px;}
  .home-news .news-box{margin-bottom:15px;}
  .home-news .news-box .t2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
  .home-news .news-box p{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 .cert-qh{padding:0 40px;}
.home-news .cert-qh .swiper-button-cert:after{color:#fff;font-size:30px;}
.home-news .h3{font-size:18px;}
}

/*#endregion*/


/*#region 文章单页*/
.public-bg{padding:100px 0 80px;}
.public-bg .container-xl{max-width:1500px;}

.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;}

.about-contact{padding:80px 0;background:url(../images/public-contact-bg.jpg) no-repeat center;color:#fff;}
.about-contact .container-xl{display:flex;align-items:center;justify-content:space-between;}
.about-contact .t1{font-size:32px;line-height:50px;text-transform:uppercase;width:65%;}
.about-contact .more{font-family:Barlow;background:#333333;text-align:center;display:inline-block;padding:12px 35px; font-size:22px;text-transform:uppercase;color:#fff;}
.about-contact .more i{margin-left:20px;}
.about-contact .more:hover{background:#86c442}

@media(max-width:768px) {
    .public-bg{padding:40px 0 40px;}
    .public-wrapper{padding:40px 0;}
    .public-wrapper p{font-size:14px;line-height:22px;margin-bottom:15px;}
    .about-contact{padding:40px 0;background-size:cover;}
    .about-contact .container-xl{display:block;}
    .about-contact .t1{font-size:24px;text-align:center;line-height:30px;width:100%;margin-bottom:25px;}
    .about-contact .more{font-size:16px;padding:10px 15px;margin:0 auto;width:70%;display:block;}
}

/*#region about wrapper*/
.about-wrapper{background:url(../images/com-bg.jpg) no-repeat right bottom #f5f5f5;position:relative;}
.about-wrapper .t1{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:25px 0;text-align:center;font-size:36px;;line-height:36px;font-family:Barlow;}
.about-wrapper .box{width:50%;margin-top:35px;padding-bottom:150px;}
.about-wrapper .box p{font-size:17px;line-height:26px;margin-bottom:20px;}
.about-wrapper .home-cert{position:absolute;left:0;bottom:0;height:116px;display:flex;justify-content:flex-end;align-items:center; background:url(../images/com-bg2.png) no-repeat right;z-index:10;width:1243px;}
.about-wrapper .home-cert .contacts{width:454px;text-align:center;font-size:30px;color:#fff;}
.about-wrapper .home-cert .contacts:hover{text-decoration:underline;}
.about-wrapper .home-cert .contacts span{margin-left:10px;}
.about-wrapper .t3-box{display:flex;align-items:center;}
.about-wrapper .t3{font-size:22px;line-height:48px;color:#fff;margin-right:40px;}

.com-num{background:#fff;padding:40px 0;}
.com-num .num-items{position:relative;display:flex;flex-wrap:wrap;}
.com-num .num-items .num-item{width:25%;display:flex;align-items:center;position:relative;}
.com-num .num-item .num{width:64px;height:64px;border-radius:50%;background:rgba(220, 11, 7, 0.3);display:flex;align-items:center;justify-content:center;}
.com-num .num-item .num span{width:41px;line-height:41px;background:#dc0b07;font-size:18px;line-height:41px;text-align:center;border-radius:50%;color:#fff;}
.com-num .num-item .text{padding-left:18px;color:#4c4c4c;}
.com-num .num-item .num-title{font-size:28px;line-height:32px;font-weight:bold;}
.com-num .num-item .num-subtitle{font-size:16px;}
.com-num .num-item .num-title:after{margin-left:5px;}
.com-num .num-item .num-title#target1:after{content:"year";font-size:14px;line-height:16px;}
.com-num .num-item .num-title#target2:after{content:"+";}
.com-num .num-item .num-title#target3:after{content:"-";}
.com-num .num-item .num-title#target4:after{content:"+";}

.com-certs{background:#fff;padding:50px 0;}
.com-certs .t1{font-family:Barlow;font-size:48px;line-height:48px;margin-bottom:45px;text-transform:uppercase;text-align:center;}
.com-certs .cert-col{margin-bottom:25px;}
.com-certs .cert-col .img{border:2px solid #010101;padding:22px 15px;}
.com-certs .cert-col .img a{border:2px solid #ababab;}
.com-certs .cert-col .title{font-size:19px;line-height:30px;text-align:center;margin-top:15px;}

@media(max-width:1500px) {
  .about-wrapper .home-cert{width:74%;}
}

@media(max-width:768px) {
  .about-wrapper{background:#f5f5f5;}
  .about-wrapper .t1{font-size:26px;line-height:30px;}
  .about-wrapper .box{width:100%;margin-top:25px;padding-bottom:25px;}
  .about-wrapper .box p{font-size:14px;line-height:20px;}
  .about-wrapper .home-cert{position:relative;width:100%;background:#181818;padding:15px;height:auto;flex-wrap:wrap;justify-content:flex-start;}
  .about-wrapper .t3{font-size:15px;margin-right:0;}
  .about-wrapper .t3:nth-child(2){margin-left:10px;}
  .about-wrapper .home-cert .contacts{width:60%;height:40px;background:#dc0b07;border-radius:30px;overflow:hidden;display:block;margin:20px auto;font-size:18px;line-height:40px;}

  .com-num{padding:30px 0 15px;}
  .com-num .num-items .num-item{width:50%;margin-bottom:15px;}
  .com-num .num-item .num{width:50px;height:50px;min-width:50px;}
  .com-num .num-item .num span{width:35px;height:35px;min-width:35px;line-height:35px;}
  .com-num .num-item .num-title{font-size:22px;line-height:30px;}
  .com-num .num-item .num-subtitle{font-size:14px;}
  .com-num .num-item .text{padding-left:8px;}

  .home-adv{padding:30px 0;}
  .home-adv .t1{font-size:26px;line-height:30px;}
  .home-adv .img img{width:70px;height:70px;}
  .home-adv .t2{font-size:16px;padding:5px 0;}

  .com-certs{padding:30px 0;}
  .com-certs .t1{font-size:26px;line-height:30px;margin-bottom:25px;}
  .com-certs .cert-col .title{font-size:16px;}
}

.down-wrapper{padding: 0 0 70px;background: #f5f5f5;}
.down-wrapper h2{font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 15px;}
.down-wrapper p{font-size: 16px;line-height: 24px;color: #fff;margin-bottom: 20px;}
.down-wrapper .form-feedback .form-control{ background: transparent; color: #fff!important; border-right: 0;border-left: 0;border-top: 0; border-radius: 0; border-bottom: 1px solid #bbac9a; padding-top: 10px;padding-bottom: 10px;  }
.down-wrapper .form-feedback .btn { color: #fff; background: #000000;border-radius: 50px; font-size: 18px; line-height: 30px;}
.down-wrapper .form-feedback .btn:hover{background:#3e3535; }
.down-wrapper .feedback{background: #bc1916;padding: 50px 60px;}
.down-wrapper .form-control::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.7)!important;}

@media(max-width:768px) {
    .down-wrapper .feedback{padding: 20px;}
    .down-wrapper h2{font-size: 22px;}
    .down-wrapper{padding: 0px 0 25px;}
}

.faq-wrapper{background:#f5f5f5;padding:0 0 60px;}
.faq-col{box-shadow:0 0 30px rgba(0, 0, 0, 0.05);background:#ffffff;margin-bottom:35px;}
.faq-col .faq-q{padding:15px 40px 15px 20px;background:#cd1410;display:inline-block;font-size:24px;color:#fff;line-height:30px;position:relative;}
.faq-col .faq-q span{background:#fff;width:30px;height:30px;font-weight:bold;color:#333;min-width:30px;text-align:center;display:inline-block;border-radius:5px;margin-right:10px;}
.faq-col .faq-a{padding:30px;}
.faq-col .faq-a p{font-size:17px;line-height:24px;}
.faq-col:nth-child(2n) .faq-q{background:#0f0e0e;}
.faq-col .faq-q:after{content:"";width:30px;height:60px;background:#fff;top:0;right:-1px;bottom:0;display:inline-block;z-index:2;position:absolute;
shape-outside:polygon(0 0, 0% 100%,  100% 0%);
    -webkit-clip-path:polygon(0 0%, 100% 100%,100% 0%);}

@media(max-width:768px) {
    .faq-col .faq-q:after{display:none;}
    .faq-col .faq-q{padding:15px;font-size:18px;line-height:30px;display:block;}
    .faq-col .faq-a{padding:15px;}
    .faq-col .faq-a p{font-size:14px;line-height:20px;}
    .faq-col{margin-bottom:15px;}
}


/*#region contact-wrapper*/
.contact-wrapper{background:#f5f5f5;padding:0 0 85px;}
.contact-wrapper .t1{border-top:1px solid #e6e6e6;margin-bottom:70px; border-bottom:1px solid #e6e6e6;padding:25px 0;text-align:center;font-size:36px;;line-height:36px;font-family:Barlow;}
.contact-wrapper .box{padding:70px 55px 75px; background:url(../images/contact-bg.jpg) no-repeat left bottom #fff;border-radius:10px;position:relative; box-shadow:12px 0 46px rgba(0, 0, 0, 0.08);}
.contact-wrapper .box .feedback-box{position:absolute;background:rgba(0, 0, 0,0.9);width:47%;right:63px;top:70px;padding:40px 35px;border-radius:10px;overflow:hidden;color:#fff;}
.contact-wrapper .box .feedback-box .t3{font-size:30px;text-align:center;line-height:40px;font-weight:bold;margin-bottom:20px;}
.contact-wrapper .box .feedback-box p{font-size:15px;line-height:26px;text-align:center;margin-bottom:40px;}
.contact-wrapper .t2{padding-top:30px;padding-left:40px;}
.contact-wrapper .addr{display:flex;align-items:center;margin-bottom:20px;}
.contact-wrapper .addr:last-child{margin-bottom:0;}
.contact-wrapper .addr .text{padding-left:22px;font-size:24px;}

@media(max-width:768px) {
    .contact-wrapper{padding: 0 0 25px;}
    .contact-wrapper .t1{font-size:26px;line-height:30px;margin-bottom:25px;}
    .contact-wrapper .box{padding:20px 15px;}
    .contact-wrapper .addr .text{font-size:20px;}
    .contact-wrapper .addr .tb img{width:70px;height:70px;}
    .contact-wrapper .addrs{margin-bottom:30px;}
    .contact-wrapper .box .feedback-box{position:relative;width:100%;top:inherit;right:inherit;padding:25px 15px;}
    .contact-wrapper .box .feedback-box .t3{font-size:24px;line-height:30px;}
    .contact-wrapper .box .feedback-box p{font-size:14px;line-height:20px;margin-bottom:25px;}
    .contact-wrapper .t2{padding-left:0;padding-top:20px;text-align:center;}
}
/*#endregion*/

/*#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;}



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

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

/*留言*/
.contact-wrapper .feedback-box .form-control{padding-top: 13px;padding-bottom: 13px;color: #fff;margin-bottom: 0px;background:rgba(255, 255, 255, 0.1);border-color:rgba(0, 0, 0, 0.4)}
.contact-wrapper .feedback-box .form-control::-webkit-input-placeholder{color: #fff;}
.contact-wrapper .feedback-box .form-feedback .btn {padding-top: 15px;padding-bottom: 15px;font-size: 16px;background: #c80805;}
.contact-wrapper .feedback-box .form-feedback .btn:hover{background:#e91410;color: #fff; }
.contact-wrapper .feedback-box .form-feedback.was-validated .form-control:invalid,.contact-wrapper .feedback-box .form-feedback.was-validated .form-control.is-invalid {
    border-color:#f5543f;
    padding-right: calc(1.5em + 0.75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-feedback .form-control{ background: #f3f3f3; color: #9396a2;font-size: 16px; border-radius: 10px;overflow: hidden; border: 1px solid #cecccc; padding-top: 11px;padding-bottom: 11px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn { color: #fff; background: #c80805;border-radius: 10px; font-size: 18px;line-height: 22px;padding-top: 11px;padding-bottom: 11px;}
.form-feedback .btn:hover{background:#e91410;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%;background:#fff;border:0; border-bottom:1px solid #dddddd;border-radius:0;}
.pro-search .search-group .form-control{font-size:18px;color:#333;padding-left:0;}
.pro-search .search-group .form-control::-webkit-input-placeholder{color: #333;font-size:18px;font-weight:bold;}
.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: #dc0b07; font-size: 1.3rem; }
.search-group .btn:hover{background: #dc0b07;}
.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;}
.banner-text-box{padding:20px !important;border-radius:20px;background:rgba(0,0,0,0.3);}
@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;}
    .search-group .form-control{height: 38px;}
}


/*index*/
.money{cursor:pointer;transition:all 0.5s ease}
.money:hover{transform:scale(1.1)}
.container-xl{max-width: 1230px;}
.header{position:fixed;}
.header-top{padding:0px 20px;border-bottom:1px solid #ffffff2f;background:transparent;transition:all 0.5s;    background: rgba(0, 0, 0, 0.3);}
.header-desc{background: #030f27;}
.header-desc .desc .top-lamu a{padding: 0 15px;position: relative;color: #8290b5;transition: all 0.3s ease;font-size: 14px;text-transform: uppercase;}
.header-desc .desc .top-lamu a:hover{color: #fff;}
.header-desc .desc .top-lamu a::before{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 12px;background-color: #3b4664; transform: translate(0%, -50%);}
.header-desc .desc .top-lamu a:last-child::before{display: none;}
.top-lang{margin: 0;}
.top-lang .dropdown.lang .dropdown-toggle{color: #8290b5;padding: 0;font-size: 14px;text-transform: uppercase;}
.top-tel a{color: #8290b5;font-size: 14px;font-weight: 100;display: flex;align-items:center;line-height: 19px;}
.top-tel .tel-a{width: 1px;height: 10px;background-color: #030f27;margin: 0 15px;}
.top-tel{align-items: center;}
.top-tel i{color: #de1d07;margin-right: 5px;}
.top-tel .tel-em::before{content: '';display: inline-block;width: 19px;height: 11px;background: url(../images/top-em.png) no-repeat;margin-right: 5px;}
.header.fadeInDown .header-top{padding:0 20px;background:#fffefe}
.navbar-custom .navbar-nav .nav-link{text-transform: uppercase;font-size: 14px;line-height: 32px;color: #ffffff;}
.header-top .nav .service .tkbtn{background-color: #de1d07;border-radius: 20px;font-size: 14px;font-weight: bold;line-height: 24px;color: #fffefe;padding: 8px 28px;}
.banner.home .banner-text .img{justify-content: flex-start;width: auto;margin-top: 80px;}
.banner.home .banner-text .img .head-new-a{background-color: #ffffff29;border-radius: 10px;font-size: 18px;line-height: 24px;color: #fff;padding: 20px 30px;margin-left: 0px;transition: all 0.5s ease;display: inline;}
.banner.home .banner-text .img .head-new-a:hover{background-color: #de1d07;}
.banner.home .banner-text .img .head-new-a i{margin-left: 35px;color:#de1d07;}
.banner.home .banner-text .img .head-new-a:hover i{margin-left: 35px;color:#fff;}
.header.fadeInDown .navbar-custom .navbar-nav .nav-link{color: #000;}
.banner.home .banner-text .box{width: 60%;}
.banner.home .banner-text .box .title{font-size: 46px;font-weight: bold;line-height: 48px;color: #fff;text-transform: none;}
.banner.home .banner-text .box p{font-size: 20px;font-weight: 100;line-height: 24px;color: #fff;}
@media(max-width:768px) {
    .banner.home .banner-text .box{width:auto;}
    .banner.home .banner-text .box .title{font-size: 22px;line-height: 24px;margin-bottom: 10px;}
    .banner.home .banner-text .box p{font-size: 14px;line-height: 18px;}
    .banner.home .banner-text .img{margin-top: 10px;}
    .banner.home .banner-text .img div{width: 10%;}
    .banner.home .banner-text .img div img{width:100%;}
    .banner.home .banner-text .img .head-new-a{margin-left: 10px;padding: 4px 12px;font-size: 14px;}
    .banner.home .banner-text .img .head-new-a i{margin-left: 10px;}
    .banner.home .banner-text .img{margin-top: 10px;}

}




.our{background-color: #efefef;padding: 330px 0 148px 0;position: relative; }
.our .box{position: absolute;left: 50%;top: 100px;transform: translate(-50%, -50%);display: flex;z-index: 1;}
.our .box .a1{flex: 0 0 33.33%;text-align: center;border-right: solid 1px #e8e8e8;background-color: #fff;padding: 30px 20px;position: relative;}
.our .box .a1:last-child{border: 0;}
.our .box .a1 .text1{font-size: 30px;font-weight: 100;line-height: 25px;color: #333333;margin: 23px 0 13px 0;}
.our .box .a1 .text2{font-size: 15px;line-height: 24px;color: #666666;margin-bottom: 30px;}
.our .box .a1 .text3 a{padding: 10px 20px;border: solid 1px #e8e8e8;line-height: 43px;transition: all 0.3s ease;}
.our .box .a1 .text3 a:hover{color: #de1d07;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.our .box .a1 .text3 a i{margin-left: 10px;color: #de1d07;}
.our .box .a1 .bg-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s ease;}
.our .box .a1:hover{z-index: -2;}
.our .box .a1:hover .bg-img{opacity: 1;z-index: -1;}
.our .box .a1:hover .text1{color: #fff;}
.our .box .a1:hover .text2{color: #fff;}
.our .box .a1:hover .text3 a{border: solid 1px #fff;color: #fff;}
.our .box .a1:hover .text3 a i{color: #fff;}
.our .box .a1:hover .img img{filter: brightness(200%);}
.our .boxs{display: flex;}
.our .boxs .left{flex: 0 0 53%;}
.our .boxs .left .head1{font-size: 14px;font-weight: bold;line-height: 48px;color: #de1d07;display: flex;align-items: center;}
.our .boxs .left .head1::after{content: '';width: 100%;height: 1px;background-color: #d8d8d8;display:block;margin-left: 10px;flex: 1;}
.our .boxs .left .head2{font-size: 32px;font-weight: 100;line-height: 24px;color: #ea4432;margin: 15px 0;}
.our .boxs .left .head3{font-size: 22px;font-weight: 100;line-height: 32px;color: #333333;margin: 30px 0;}
.our .boxs .left .head4 .chan{font-size: 15px;line-height: 24px;color: #666666;position: relative;padding-left: 30px;margin: 10px 0;}
.our .boxs .left .head4 .chan::before{position: absolute;left: 0;top: 5px;width: 18px;height: 18px;content: '';background: url(../images/yes.png);}
.our .boxs .left .head5{margin-top: 40px;}
.our .boxs .left .head5 a{padding: 16px 36px;background-color: #de1d07;font-size: 13px;color: #ffffff;transition: all 0.3s ease;}
.our .boxs .left .head5 a:hover{filter: brightness(150%);}images
.our .boxs .right{flex: 0 0 47%;padding-top: 30px;}
.our .boxs .right .img{position: relative;}
.our .boxs .right .img .youtub{position: absolute;top: 30%;left: 50%;transition:all 0.3s ease;transform: translate(-50%);}
.our .boxss {
    display: flex;
    position: absolute;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    border: solid 1px #e8e8e8;
    bottom: -56px;
}.our .boxss .left{flex: 0 0 30%;}
.our .boxss .right{flex: 0 0 70%;display: flex;position: relative;
    flex-direction: column;
    justify-content: center;
    padding: 0 70px;}
.our .boxss .right .fill{position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);cursor: pointer;}
.our .boxss .right .text{font-size: 28px;font-weight: 100;line-height: 28px;color: #333333;position: relative;}
.our .boxss .right .text a:hover{text-decoration: underline;}
.our .boxss .right .text span{color: #de1d07;font-weight: 500;}
.our .boxss .right .text span::after{position: absolute;content: '';background: url(../images/gesture.png);width: 29px;height: 32px;right: 12%;bottom: -30px;}
.our .boxss .right .text1{font-size: 15px;line-height: 28px;color: #999999;margin-top: 5px;}
@media(max-width:768px) {
    .our{padding: 20px 0;}
    .our .container-xl{display: flex;flex-direction: column-reverse;}
    .our .box{position: relative;top: 0;left: 0;transform:translate(0%, 0%);flex-direction: column;padding: 0;}
    .our .boxs{flex-direction: column;}
    .our .boxs .left .head1{font-size: 14px;font-weight: bold;line-height: 21px;}
    .our .boxs .left .head2{font-size: 22px;line-height: 24px;margin: 5px 0;}
    .our .boxs .left .head3{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .our .boxs .left .head4 .chan{font-size: 12px;line-height: 18px;padding-left: 25px;margin: 5px 0;}
    .our .boxs .left .head4 .chan::before{top: 1px;}
    .our .boxs .left .head5{margin-top: 20px;}
    .our .boxs .left .head5 a{padding: 7px 20px;font-size: 12px;}
    .our .boxs .right{padding: 20px 0;}
    .our .box .a1{padding: 20px;margin-bottom: 10px;}
    .our .box .a1 .text1{font-size: 20px;line-height: 20px;margin: 10px 0;}
    .our .box .a1 .text2{font-size:14px;line-height:20px;color:#666666;margin-bottom:10px}
    .our .box .a1 .text3 a{padding:5px 12px;border:solid 1px #e8e8e8;line-height:25px}
    .our .boxss{display:none}
    .our .box .a1 .img img{width:10%;height:10%}

}






.series{padding:134px 0  41px 0;text-align: center;}
.series .head1{font-size: 32px;font-weight: 100;line-height: 28px;color: #333333;position: relative;margin-bottom: 40px;}
.series .head1::before{position: absolute;content: '';left: 50%;bottom: -25px;width: 82px;height: 8px;transform: translate(-50%, -50%);background-color: #d82128;}
.series .head2{font-size: 15px;line-height: 22px;color: #666666;}
.series .head3{position: relative;margin-top: 50px;}
.series .head3 .home-case{position: relative;overflow: hidden;width: 75%;margin: 0 auto;}
.series .head3 .box{width: 180px;height: 180px;padding: 16px;border-radius: 50%;overflow: hidden;border: solid 5px #fff;transition: all 0.3s ease;}
.series .head3 .box .img{border-top-right-radius: 50%; border-bottom-left-radius: 50%;height: 102px;}
.series .head3 .box .text{font-size: 15px;line-height: 28px;color: #666666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.series .head3 .box:hover{border: solid 5px #d82128;}
.series .head3 .box:hover .text{width: 90%;}
.series .head3 .swiper-button-prev,.series .head3 .swiper-button-next{width: 59px;height: 59px;border-radius: 50px;border: 2px solid #cccccc;color: #cccccc;line-height: 54px;font-size: 22px;top: 43%;transition: all 0.5s ease;}
.series .head3 .swiper-button-prev{left: 25px;}
.series .head3 .swiper-pagination{top: 40%;width: 4%;height: 10%;left: 88%;}
.series .head3 .swiper-pagination .swiper-pagination-bullet{width: 11px;height: 11px;margin: 0 4px;}
.series .head3 .swiper-button-prev:hover,.series .head3 .swiper-button-next:hover{background-color: #cccccc;color: #fff;}
.series .head3  .swiper-button-prev:after,.series .head3  .swiper-rtl .swiper-button-next:after{font-size: 22px;}
.series .head3  .swiper-button-next:after, .swiper-button-prev:after{font-size: 22px;}
.series .head4{margin-top: 109px;}
.series .head4 .box{border: solid 1px #e4e4e4;transition: all 0.5s ease;margin-bottom: 69px;}
.series .head4 .box .img{overflow: hidden;}
.series .head4 .box .text{padding: 20px 0;text-align: center;font-size: 15px;line-height: 22px;color: #666666;transition: all 0.5s ease;height:85px}
.series .head4 .box:hover{box-shadow: 0px 8px 9px 1px rgba(0, 0, 0, 0.21);}
.series .head4 .box:hover .text{background-color: #de1d07;color: #fff;}
.b6b .a1{font-size: 16px;
    line-height: 24px;}
    .b6b .img img{width:100%;}
.b6a{    padding: 16px 36px;display:inline-block;
    background-color: #de1d07;
    font-size: 13px;
    color: #ffffff;border:1px solid #de1d07;
    transition: all 0.3sease;
    margin-top:10px;
}
    .b6a:hover{background:#fff;}
@media(max-width:768px) {
    .series{padding:20px 0}
    .series .head1{font-size:22px;line-height:16px;margin-bottom:20px}
    .series .head1::before{bottom:-12px;width:50px;height:4px}
    .series .head2{font-size:14px;line-height:18px}
    .series .head3 .home-case{width:100%}
    .series .head3{margin-top: 10px;}
    .series .head3 .box{width:100%;height:auto;padding:0px;border:0}
    .series .head3 .box:hover{border:0}
    .series .head3 .box:hover .text{width:100%}
    .series .head3 .box .text{font-size:12px;line-height:24px}
    .series .head3 .swiper-button-prev,.series .head3 .swiper-button-next{width:35px;height:35px;top:120%}
    .swiper-button-next,.swiper-rtl .swiper-button-prev{right:38%}
    .series .head3 .swiper-button-prev{left:38%}
    .series .head4{margin-top:80px}
    .series .head4 .box{margin-bottom:20px}
    .series .head4 .box .text{padding:10px 0;font-size:12px;line-height:16px}
    .series .head4 .row{padding:0 10px}
    .series .head4 .row .col-6{padding-left:5px;padding-right:5px}
    .series .head3 .swiper-pagination{display: none;}
    .series .head3 .swiper-button-next:after, .swiper-button-prev:after{font-size: 16px;}
    .series .head3 .swiper-button-prev:after, .series .head3 .swiper-rtl .swiper-button-next:after{font-size: 16px;}
}


.latest{display: flex;}
.latest .left{flex: 0 0 47%;position: relative;}
.latest .left .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);  }
.latest .right{flex: 0 0 53%;}
.latest .right .box{background-color: #2c3444;height: 63%;padding: 40px;}
.latest .right .box .ca{width: 68%;}
.latest .right .box .head1{font-size: 14px;font-weight: bold;line-height: 48px;color: #de1d07;display: flex;align-items: center;}
.latest .right .box .head1::after{content: '';width: 100%;height: 1px;background-color: #d8d8d8;display:block;margin-left: 10px;flex: 1;}
.latest .right .box .head2{font-size: 22px;font-weight: 100;line-height: 32px;color: #ffffff;margin: 10px 0;}
.latest .right .boxs{position: relative;width: 100%;height: 37%;}
.latest .right .boxs .home-case{position: absolute;left: 0;bottom: 0;width: 68%;overflow: hidden;}
.latest .right .boxs .home-case .swi-box{padding-left: 40px;}
.latest .right .boxs .home-case .swi-box .text{background-color: #d2060f;font-size: 15px;line-height: 24px;color: #ffffff;border-radius: 10px;padding: 40px 40px 20px 40px;border-bottom-left-radius: 0;position: relative; display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: space-between;}
.latest .right .boxs .home-case .swi-box .text::after {
    content: '';
position: absolute;
width: 60px;
height: 30px;
background-color: #d2060f;
clip-path: polygon(0 0, 0% 100%, 40% 0);
bottom: -25px;
left: 0;
}
.latest .right .boxs{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.latest .right .boxs .home-case .swi-box .text::before{content: '';position: absolute;background: url(../images/mh.png);bottom: 0;right: 20px;width: 77px;height:55px;}
.latest .right .boxs .home-case .swi-box .text .swi-a{margin-top: 0px;}
.latest .right .boxs .home-case .swi-box .text .swi-a a{font-size: 15px;line-height: 24px;color: #ffffff;}
.latest .right .boxs .home-case .swi-box .text .swi-a a:hover{text-decoration: underline;}
.latest .right .boxs .home-case .swi-box .bott{display: flex;padding: 50px 0;}
.latest .right .boxs .home-case .swi-box .bott .bot-img{overflow: hidden;border-radius: 50%;}
.latest .right .boxs .home-case .swi-box .bott .a1{display: flex;flex-direction: column;justify-content: center;margin-left: 15px;}
.latest .right .boxs .home-case .swi-box .bott .a1 .b1{font-size: 15px;font-weight: bold;line-height: 24px;color: #666666;}
.latest .right .boxs .home-case .swi-box .bott .a1 .b2{font-size: 14px;font-weight: 100;color: #666666;}
.latest .right .boxs .home-case .swi-box .bott .a1 .b2 i{margin-right: 5px;}
.latest .right .boxs .swiper-button-prev,.latest .right .boxs .swiper-button-next{width: 59px;height: 59px;border-radius: 50px;border: 2px solid #cccccc;color: #cccccc;line-height: 54px;font-size: 22px;top: 72%;transition: all 0.5s ease;}
.latest .right .boxs .swiper-button-prev{right: 78px;left: auto;}
.latest .right .boxs .swiper-button-prev:hover,.latest .right .boxs .swiper-button-next:hover{background-color: #cccccc;color: #fff;}
.latest .right .boxs  .swiper-button-prev:after,.latest .right .boxs  .swiper-rtl .swiper-button-next:after{font-size: 22px;}
.latest .right .boxs  .swiper-button-next:after, .swiper-button-prev:after{font-size: 22px;}
/*适配*/
@media(max-width:1650px) {
    .latest .right .box{padding: 20px 40px;}
    .latest .right .box .head1{line-height: 30px;}
    .latest .right .box .head2{margin: 0;}
    .latest .right .box .ca{width: 80%;}
    .latest .right .boxs .home-case{width: 76%;}
    .latest .right .boxs .home-case .swi-box .text{padding: 20px;}
    .latest .right .boxs .home-case .swi-box .text .swi-a{margin-top: 0px;}
    .latest .right .boxs .home-case .swi-box .bott{padding: 30px 0;}
}
@media(max-width:1400px) {
    .latest .right .box{padding: 10px 40px;}
    .latest .right .box .head2{font-size: 20px;line-height: 25px;}
    .latest .right .box .ca{width:90%;}
    .latest .right .boxs .home-case{width: 84%;}
    .latest .right .boxs .home-case .swi-box .text{padding:10px 20px;height: 150px;}
    .latest .right .boxs .home-case .swi-box .text .swi-a{margin-top: 0px;}
}
@media(max-width:768px) {
    .latest{flex-direction: column;}
    .latest .left .img{width: 20%;}
    .latest .left .img img{width: 100%;height: 100%;}
    .latest .right .box{padding: 20px;}
    .latest .right .box .ca{width: 100%;}
    .latest .right .box .head1{font-size: 14px;line-height: 20px;}
    .latest .right .box .head2{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .latest .right .boxs{padding: 20px 0 0 0;}
    .latest .right .boxs .home-case{width: 100%;position: relative;}
    .latest .right .boxs .home-case .swi-box{padding: 0 10px;}
    .latest .right .boxs .home-case .swi-box .text{font-size: 14px; line-height: 24px;color: #ffffff; border-radius: 10px;padding: 10px;height: 200px;}
    .latest .right .boxs .home-case .swi-box .text .tttt{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
    .latest .right .boxs .home-case .swi-box .text .swi-a{margin-top: 0;}
    .latest .right .boxs .home-case .swi-box .text::after{bottom: -17px;}
    .latest .right .boxs .home-case .swi-box .bott{padding: 30px 0;}
    .latest .right .boxs .home-case .swi-box .bott .a1{margin-left: 10px;}
    .latest .right .boxs .swiper-button-prev, .latest .right .boxs .swiper-button-next{width: 50px;height: 50px;top: 78%;}
    .latest .right .boxs .swiper-button-prev{right: 130px;}
    .latest .right .boxs .swiper-button-next{right: 20%;}
}


.customer{padding: 89px 0;text-align: center;}
.customer .head1{font-size: 32px;font-weight: 100;line-height: 28px;color: #333333;position: relative;margin-bottom: 40px;}
.customer .head1::before{position: absolute;content: '';left: 50%;bottom: -25px;width: 82px;height: 8px;transform: translate(-50%, -50%);background-color: #d82128;}
.customer .head2{font-size: 15px;line-height: 22px;color: #666666;margin-bottom: 50px;}
.customer .box{padding: 60px 30px;text-align: center;border-bottom:5px solid #d8212700;transition: all 0.5s ease;margin: 25px 0;}
.customer .box .a1{	font-size: 22px;line-height: 48px;letter-spacing: 1px;color: #333333;}
.customer .box .a2{font-size: 15px;line-height: 24px;color: #666666;}
.customer .box:hover{border-bottom:5px solid #d82128;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
@media(max-width:768px) {
    .customer{padding: 20px 0;}
    .customer .head1{font-size:22px;line-height:16px;margin-bottom:20px}
    .customer .head1::before{bottom:-12px;width:50px;height:4px}
    .customer .head2{font-size:14px;line-height:18px;margin-bottom: 10px;}
    .customer .row{padding: 0 10px;}
    .customer .row .col-6{padding-left: 5px;padding-right: 5px;}
    .customer .box{padding: 10px;margin: 0;}
    .customer .box .img img{width: 25%;height: 25%;}
    .customer .box .a1{font-size: 16px;line-height: 16px;margin: 10px 0;}
    .customer .box .a2{font-size: 14px;line-height: 16px;}
}




.cancri{position: relative;background-color: #efefef;z-index: 1;}
.cancri .ma{position: absolute;top: 0;left: 0;z-index: -1;}
.cancri .box{padding-top: 130px;padding-bottom: 30px;}
.cancri .box .top{display: flex;}
.cancri .box .top .a1{background-color:#000000;font-size:32px;font-weight:100;line-height:18px;color:#ffffff;flex:0 0 50%;display:flex;align-items:center;justify-content:center;padding:20px 0;transition:all 0.5s ease;border-left:1px solid #000000}
.cancri .box .top .a1:hover{background-color:#e11d07}
.cancri .box .top .a1 img{margin-right:20px}
.cancri .box .top .a1.active{background-color:#e11d07}
.cancri .box .bottom{position:relative;position:relative;overflow-x:auto;overflow-y:hidden}
.cancri .box .bottom .ap{opacity:0;z-index:-1;opacity:0;transition:opacity 0.6s,z-index 0.6s,height 0.3s,padding 0.3s;height:0;background-color:#fff;box-shadow:rgba(0,0,0,0.1) 0px 10px 15px -3px,rgba(0,0,0,0.05) 0px 4px 6px -2px;display: none;}
.cancri .box .bottom .ap.active{opacity: 1;z-index: 1;height: auto; padding: 60px 50px 50px 30px;display: block;}
.cancri .box .bottom .ap .ap-box{width: 100%;display: flex;justify-content: space-between;}
.cancri .box .bottom .ap .ap-box .left{flex: 0 0 60%;}
.cancri .box .bottom .ap .ap-box .left .form-feedback .form-control{background-color: #fff;}
.cancri .box .bottom .ap .ap-box .left .form-feedback .btn{font-size: 15px;font-weight: bold;color: #ffffff;border-radius: 0;padding-top: 15px;
    padding-bottom: 15px;background: #000;transition: all 0.5s ease;}
.cancri .box .bottom .ap .ap-box .left .form-feedback .btn:hover{background-color: #e11d07;}
.cancri .box .bottom .ap .ap-box .left .form-group{margin-bottom: 26px;}
.cancri .box .bottom .ap .ap-box .left .form-group textarea{height: 118px;}
.cancri .box .bottom .ap .ap-box .right{flex: 0 0 35%;position: relative;}
.cancri .box .bottom .ap .ap-box .right .box{padding: 20px;}
.cancri .box .bottom .ap .ap-box .right .img-bg{position: absolute;top: 0;left: 0;}
.cancri .box .bottom .ap .ap-box .right .box .boxs{border: solid 1px #ffffff42;padding: 41px 21px;position: relative;z-index: 1;}
.cancri .box .bottom .ap .ap-box .right .box .boxs .head1{font-size: 41px;font-weight: bold;line-height: 58px;letter-spacing: 1px;color: #e11d07;margin-top: 80px;}
.cancri .box .bottom .ap .ap-box .right .box .boxs .head2{font-size: 15px;color: #ffffff;}
.cancri .box .bottom .ap .ap-box .right .box .boxs .head3{width: 100%;padding: 20px 0;font-size: 15px;color: #ffffff;background-color: #e11d07;text-align: center;margin-top: 40px;transition: all 0.5s ease;}
.cancri .box .bottom .ap .ap-box .right .box .boxs .head3:hover{background-color: #ff1900;}
.cancri .box .bottom .ap .map-box{width: 100%;background-color: #fff;}
@media(max-width:768px) {
    .cancri .box{padding: 20px 0;}
    .cancri .box .top .a1{font-size: 20px;padding: 10px;}
    .cancri .box .top .a1 img{margin-right: 10px;width: 51%;height: 51%;}
    .cancri .box .bottom .ap .ap-box{flex-direction: column;}
    .cancri .box .bottom .ap.active{padding: 10px;}
    .cancri .box .bottom .ap .ap-box .left .form-group{margin-bottom: 10px;}
    .cancri .box .bottom .ap .ap-box .left .form-group textarea{height: 100px;}
    .cancri .box .bottom .ap .ap-box .left .form-feedback .btn{padding-top: 10px;padding-bottom: 10px;font-size: 14px;}
    .cancri .box .bottom .ap .ap-box .right .box{padding: 10px;}
    .cancri .box .bottom .ap .ap-box .right .box .boxs{padding: 10px;}
    .cancri .box .bottom .ap .ap-box .right .box .boxs .head3{padding: 10px 0;}

}



.foot{background-color: #fff;}
.index-foot{background-color: #efefef;}
.index-foot .box{display: flex;height: 100%;padding: 50px 0;}
.index-foot .box .left{flex: 0 0 48%;}
.index-foot .box .left .head1{font-size: 15px;line-height: 24px;color: #d60209;}
.index-foot .box .left .head2{font-size: 32px;line-height: 40px;color: #333333;}
.index-foot .box .right{flex: 0 0 52%;display: flex;}
.index-foot .box .box-f{display: flex;height: 100%;}
.index-foot .box .right .in{flex:1;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.index-foot .box .right .in .form-control{height: 100%;font-size: 15px;color: #000;}
.index-foot .box .right .to{flex: 0 0 30%;border: solid 2px #e11d07;color: #e11d07;background-color: #fff;transition: all 0.5s ease;position:relative;}
.index-foot .box .right .to .feedback-result{position:absolute;bottom:-50px;left:0;right:0;padding:0;font-size:14px;line-height:20px;}
.index-foot .box .right .to:hover{background-color: #e11d07;}
.index-foot .box .right .to:hover button{color: #fff;}
.index-foot .box .right .to button{height: 100%;color: #e11d07;font-size: 15px;font-weight: bold;transition: all 0.5s ease;}
.index-foot .box .right form{width: 100%;height: 100%;}
.index-foot .box .right .in .form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #CCCCCC;
  }
  .index-foot .box .right .in .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CCCCCC;
  }
  
  .index-foot .box .right .in .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CCCCCC;
  }
  
  .index-foot .box .right .in .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #CCCCCC;
  }

.feet{background-color: #030f27;border-top: 10px solid #e11d07;padding: 90px 0;border-bottom: 1px solid #ffffff31;}
.feet .box{display: flex;justify-content: space-between;}
.feet .box .one{flex: 0 0 33%;}
.feet .box .one .a1{font-size: 14px;line-height: 20px;color: #dbdbdb;margin-bottom: 20px;margin-top: 38px;}
.feet .box .one .a2{font-size: 14px;font-weight: 100;color: #666666;margin-bottom: 38px;}
.feet .box .one .a3 a{padding: 15px 43px;background-color: #de1d07;font-size: 15px;color: #ffffff;transition: all 0.3s ease;line-height: 49px;}
.feet .box .one .a3 a:hover{filter: brightness(150%);}
.feet .box .two{flex: 0 0 20%;}
.feet .box .two .head2 .text{border-bottom: 1px solid #ffffff1e;}
.feet .box .two .head2 .text a{font-size: 15px;font-weight: 100;line-height: 50px;color: #dbdbdb;}
.feet .box .two .head2 .text a:hover{color: #e11d07;}
.feet .box .head1{font-size: 18px;font-weight: bold;line-height: 24px;color: #ffffff;margin-bottom: 60px;}
.feet .box .head2{font-size: 15px;font-weight: 100;line-height: 50px;color: #dbdbdb;}
.feet .box .three{flex: 0 0 30%;}
.feet .box .three .text{font-size: 15px;font-weight: 100;line-height: 28px;color: #dbdbdb;}
.feet .box .three .chan{margin-top: 30px;margin-bottom: 23px;}
.feet .box .three .chan {font-size: 15px;font-weight: 100;line-height: 28px;color: #dbdbdb;}
.feet .box .three .chan a{font-size: 15px;font-weight: 100;line-height: 28px;color: #dbdbdb;}
.feet .box .three .chan a img{margin-right: 10px;}
.feet .box .three .chan a:hover{text-decoration: underline;color: #e11d07;}
.feet .box .three .fo-ewm{display: flex;}
.feet .box .three .fo-ewm .fo-img{margin-right: 20px;}
.feet .box  .ic span,.feet .box  .ic a{background: transparent !important;border-radius: 5px;border: solid 1px #999999;margin: 0 3px;transition: all 0.3s ease;}
.feet .box  .ic .social .social-linkedin:hover{background-color:#0077b5 !important;color:#fff !important;border: solid 1px #0077b5;}
.feet .box  .ic .social .social-youtube:hover{background-color:#cd201f !important;color:#fff !important;border: solid 1px #cd201f;}
.feet .box  .ic .social .social-twitter:hover{background-color:#55acee !important;color:#fff !important;border: solid 1px #55acee;}
.feet .box  .ic .social .social-facebook:hover{background-color:#3b5998 !important;color:#fff !important;border: solid 1px #3b5998;}

.fbbt{padding: 20px 0;font-size: 15px;font-weight: 100;color: #666666;background-color: #030f27;text-align: center;}
@media(max-width:768px) {
    .index-foot  .box{flex-direction: column;padding-bottom: 30px;text-align: center;}
    .index-foot .box .left .head1{font-size: 14px;}
    .index-foot .box .left .head2{font-size: 22px;line-height: 20px;margin-bottom: 10px;}
    .feet{padding: 20px 0;}
    .feet .box{flex-direction: column;}
    .feet .box .one .a1{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .feet .box .one .a2{font-size: 12px;margin-bottom: 15px;}
    .feet .box .one .a3 a{padding: 0 20px;font-size: 14px;line-height: 28px;display: inline-block;margin-bottom: 10px;}
    .feet .box .two{margin-bottom: 20px;}
    .feet .box .head1{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
    .feet .box .head2{font-size: 14px;line-height: 30px;}
    .feet .box .two .head2 .text a{font-size: 14px;line-height: 30px;}
    .feet .box .three .text{font-size: 12px;line-height: 20px;}
    .feet .box .three .chan{margin: 15px 0;}
    .feet .box .three .chan a{font-size: 14px;line-height: 26px;}
    .fbbt{padding: 10px;font-size: 12px;}
    .index-foot .box .right .to{border: solid 1px #e11d07;}
    .index-foot .box .right .to button{font-size: 12px;}
    .index-foot .box .right .in .form-control{font-size: 12px;}
}



.header-qt .header-top{background: #fff;}
.header-qt .navbar-custom .navbar-nav .nav-link{color: #000;}
.header.fadeInDown .header-top{border-bottom: 1px solid #0000002f;}
.banner.home .banner-text .box .head1{font-size: 46px;font-weight: bold;line-height: 48px;color: #ffffff;}
.banner.home .banner-text .box .head2{line-height: 32px;margin-top: 20px;display: flex;align-items: center;}
.banner.home .banner-text .box .head2 a.active{color:#d82128;}
.banner.home .banner-text .box .head2 img{margin-right: 10px;}
.banner.home .banner-text .box .head2 span{margin: 0 5px;}
.header-qt .header{position: relative;}
.header-qt .header.fadeInDown{position: fixed;}
.breadcrumb-item + .breadcrumb-item::before{color: #fff;margin: 0;}
@media(max-width:768px) {
    .banner.home .banner-text .container-xl{justify-content: center;}
    .banner.home .banner-text .box{text-align: center;}
    .banner.home .banner-text .box .head1{font-size: 22px;line-height: 10px;}
    .banner.home .banner-text .box .head2{line-height: 20px;margin-top: 10px;}
    
}


/*about*/
.about-our{background-color: #efefef;padding: 80px 0 90px 0;position: relative; }
.about-our .boxs{display: flex;justify-content: space-between;}
.about-our .boxs .left{flex: 0 0 53%;}
.about-our .boxs .left .head1{font-size: 14px;font-weight: bold;line-height: 48px;color: #de1d07;display: flex;align-items: center;}
.about-our .boxs .left .head1::after{content: '';width: 100%;height: 1px;background-color: #d8d8d8;display:block;margin-left: 10px;flex: 1;}
.about-our .boxs .left .head2{font-size: 32px;font-weight: 100;line-height: 24px;color: #ea4432;margin: 15px 0;}
.about-our .boxs .left .head3{font-size: 22px;font-weight: 100;line-height: 32px;color: #333333;margin: 20px 0;}
.about-our .boxs .left .text{font-size: 15px;line-height: 24px;color: #666666;}
.about-our .boxs .left .head5{margin-top: 40px;}
.about-our .boxs .left .head5 a{padding: 16px;background-color: #de1d07;font-size: 13px;color: #ffffff;transition: all 0.3s ease;}
.about-our .boxs .left .head5 a:hover{filter: brightness(150%);}
.about-our .boxs .left .head5 span{margin-left: 10px;}
.about-our .boxs .right{flex: 0 0 43%;padding-top: 23px;}
.about-our .boxs .right .img{position: relative;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.about-our .boxs .right .img .youtub{position: absolute;top: 50%;left: 50%;transition:all 0.3s ease;transform: translate(-50%,-50%);}
@media(max-width:768px) {
    .about-our{padding: 20px 0;}
    .about-our{padding: 20px 0;}
    .about-our .boxs{flex-direction: column;}
    .about-our .boxs .left .head2{font-size:22px;line-height:16px;margin: 10px 0;}
    .about-our .boxs .left .head2::before{bottom:-12px;width:50px;height:4px}
    .about-our .boxs .left .head1{font-size:14px;line-height:18px;margin-bottom: 10px;}
    .about-our .boxs .left .head3{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .about-our .boxs .left .text{font-size: 14px;line-height: 20px;}
    .about-our .boxs .left .head5{margin-top: 20px;}
    .about-our .boxs .left .head5 a{padding: 10px;font-size: 12px;}


}

.brand{padding: 54px 0 100px 0;text-align: center;}
.brand .head1{font-size: 40px;font-weight: 100;line-height: 48px;color: #333333;margin-bottom: 100px;}
.brand .brand-row{display: flex;justify-content: space-between;}
.brand .box{display: flex;flex-direction: column;align-items: center;flex: 0 0 26%;}
.brand .box .img{width: 159px;height: 159px;border-radius: 50%;background-color: #d0d0d0;transition: all 0.5s ease;display: flex;align-items: center;justify-content: center;}
.brand .box:hover .img{background-color: #de1d07;}
.brand .box .img img{filter: brightness(200%);}
.brand .box .a1{font-size: 32px;font-weight: 100;line-height: 48px;color: #333333;margin: 20px 0;}
.brand .box .a2{font-size: 15px;line-height: 24px;color: #666666;}
@media(max-width:768px) {
    .brand{padding: 20px 0;}
    .brand .head1{font-size: 22px;line-height: 25px;margin-bottom: 20px;}
    .brand .brand-row{flex-wrap: wrap;}
    .brand .box{margin-bottom: 20px;flex: 0 0 100%;}
    .brand .box .img{width: 70px;height: 70px;}
    .brand .box .img img{width: 50%;}
    .brand .box .a1{font-size: 22px;line-height: 20px;margin: 10px 0;}
    .brand .box .a2{font-size: 14px;line-height: 20px;}
}



.quality{position: relative;}
.quality .left{width: 55%;padding: 30px 0;}
.quality .right{position: absolute;top: 0;right: 0;background: url(../images/quality-right.png) no-repeat;width: 63%;background-size: cover;
    padding: 90px 0 90px 160px;
}
.quality .right .box{width: 69%;color: #fff;}
.quality .right .box .a1{font-size: 40px;font-weight: 100;color: #ffffff;line-height: 40px;}
.quality .right .box .a2{font-size: 15px;line-height: 24px;margin: 50px 0;}
.quality .right .box .a3{margin-bottom: 50px;}
.quality .right .box .a3 .qua-a{padding: 17px 38px;background-color: #de1d07;font-size: 13px;color: #ffffff;transition: all 0.3s ease;line-height: 49px;display: inline;}
.quality .right .box .a3 .qua-a:hover{filter: brightness(150%);}
.quality .right .box .a3 .qua-a span{margin-left: 10px;}
/*适配*/
@media(max-width:1650px) {
    .quality .right{padding: 30px 0 30px 130px;}
    .quality .right .box{width: 75%;}
    .quality .right .box .a2{margin: 40px 0;}
}
@media(max-width:1500px) {
    .quality .right .box .a2{margin: 30px 0;}
    .quality .right .box .a3{margin-bottom: 40px;}
}
@media(max-width:1400px) {
    .quality .right .box{width: 86%;}
    .quality .right .box .a2{margin: 20px 0;}
    .quality .right .box .a3{margin-bottom: 10px;}
    .quality .right{padding: 10px 0 10px 100px;}
}
@media(max-width:768px) {
    .quality{display: flex;flex-direction: column-reverse;}
    .quality .left{width: 100%;padding: 0;}
    .quality .right{position: relative;background: url(../images/quality-right.png) no-repeat right;width: 100%;padding: 20px;}
    .quality .right .box{width: 100%;}
    .quality .right .box .a1 {font-size: 22px;line-height: 30px;text-align: center;}
    .quality .right .box .a2 {font-size: 12px; line-height: 20px;margin: 10px 0;}
    .quality .right .box .a3 {margin-bottom: 20px; text-align: center; }
    .quality .right .box .a3 a {padding: 10px 25px;font-size: 12px;line-height: 49px;}
}

.foot .index-foot{background-color: #fff;}
@media(max-width:768px) {
    .foot .index-foot .box{padding: 20px 0;}
}

/*projects*/
.project{padding: 50px 0;text-align: center;}
.project .head1{font-size: 40px;font-weight: 100;line-height: 48px;color: #333333;}
.project .head2{display: flex;flex-wrap: wrap;margin: 50px 0;align-items: center;justify-content: center;}
.project .head2 .boxs{width: 247px; font-size: 20px;font-weight: 100;color: #333333;padding: 10px 0;border: solid 1px #d8d8d8;transition: all 0.5s ease;}
.project .head2 .boxs:hover{background-color: #de1d07;color: #fff;border: solid 1px #de1d07;}
.project .head2 .boxs.active{background-color: #de1d07;color: #fff;border: solid 1px #de1d07;}
.project .row{margin-right: 0;margin-left: -30px;}
.project .row .col-md-4{padding-right: 0;padding-left: 30px;}
.project .box{position: relative;margin-bottom: 60px;}
.project .box .lj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #0000008f;transition: all 0.5s ease;opacity: 0;}
.project .box .lj .top{display: flex;}
.project .box .lj .top .a1{width: 51px;height: 52px;background-color: #ffffff;border-radius: 5px;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease;}
.project .box .lj .top a{margin: 0 20px;margin-bottom: 29px;}
.project .box .lj .top a:hover .a1{background-color: #cccccc;}
.project .box .lj .bottom{font-size: 15px;line-height: 19px;color: #ffffff;width: 80%;}
.project .box:hover .lj{opacity: 1;}
@media(max-width:768px) {
    .project{padding: 20px 0 0 0;}
    .project .head1{font-size: 22px;line-height: 24px;}
    .project .head2{margin: 10px;justify-content: flex-start;}
    .project .head2 a{flex: 0 0 30%;font-size: 14px;padding: 5px 0;margin: 0 5px; margin-bottom: 10px;}
    .project .box{margin-bottom: 20px;}
    .project .head2 .boxs{font-size: 12px;padding: 0;}
}

.whole-protuct{background-color: #efefef;padding: 50px 0;text-align: center;}
.whole-protuct .head1{font-size: 40px;font-weight: 100;line-height: 48px;color: #333333;}
.whole-protuct .head2 .swiper-pagination{position: relative;}
.whole-protuct .head2 .swiper-pagination .swiper-pagination-bullet{width: 80px ;height: 4px;border-radius: 0;}
.whole-protuct .head2 .box{margin: 60px 0;background-color: #fff;width: 90%;}
.whole-protuct .head2 .box .img{overflow: hidden;}
.whole-protuct .head2 .box .text{padding: 19px 0;font-size: 15px;color: #666666;}
.whole-protuct .head2 .box .text:hover{color: #de1d07;}
@media(max-width:768px) {
    .whole-protuct{padding: 20px 0;}
    .whole-protuct .head1{font-size: 22px;line-height: 22px;}
    .whole-protuct .head2 .box{margin: 20px 0;}
    .whole-protuct .head2 .box .text{padding: 5px 0;font-size: 12px;line-height: 14px;}
    .whole-protuct .head2 .swiper-pagination .swiper-pagination-bullet{width: 40px;}
    
}

/*news*/
.news{padding-bottom:78px;}
.news .news-line{border-bottom: 1px solid #d3d3d3;}
.news .news-nav{display: flex;padding-top: 40px;}
.news .news-nav .item{font-size: 24px;height:50px;line-height: 50px;margin-right: 32px;color: #666;position: relative;}
.news .news-nav .item:hover a{font-weight: bold;color: #333;}
.news .news-nav .item::before{content: '';position: absolute;top: 48px;width: 0%;height: 5px;background-color: #d82128;transition: all 0.6s;}
.news .news-nav .item:hover::before{content: '';position: absolute;top: 48px;width: 100%;height: 5px;background-color: #d82128;}
.news .news-nav .item.active a{font-weight: bold;color: #000;}
.news .news-nav .item.active::before{content: '';position: absolute;top: 48px;width: 100%;height: 5px;background-color: #d82128;}
/* .news .news-items{margin-top: 50px;} */
.news .news-items .item{background-color: #fff;transition: all 0.6s;}
.news .news-items .item .news-img{width: 100%;}
.news .news-items .text{border: solid 1px #d8d8d8;margin-bottom: 66px;transition: all 0.5s ease;}
.news .news-items .text:hover{box-shadow: 0px 4px 10px 0px  #c8c8c8;}
.news .news-items .text .img{overflow: hidden;}
.news .news-items .text .news-box{padding: 16px 40px 28px 20px;text-align: left;}
.news .news-items .t1{font-size: 22px;font-weight: 100;line-height: 24px;color: #333333;transition: all 0.6s;margin-bottom: 20px;}
.news .news-items .t2{	font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news .news-items .news-row{padding: 20px 0;border-top: 1px solid #dddddd;display: flex;}
.news .news-items .news-row .item{display: flex;align-items: center;color: #000;flex: 0 0 50%;display: flex;align-items: center;justify-content: center;}
.news .news-items .news-row .item img{margin-right: 14px;}
.news .news-items .item:hover .t1{color: #d82128;}
.news .news-items .item:hover .news-img{transform: scale(1.05)}
@media(max-width:768px) {
    .news{padding-bottom: 20px;}
    .news .news-items .text{margin-bottom: 20px;}
    .news .news-items .text .news-box{padding: 10px;}
    .news .news-items .t1{font-size: 16px;line-height: 20px;margin-bottom: 5px;}
    .news .news-items .t2{font-size: 14px;}
    .news .news-items{margin-top: 0;}
    .news .news-items .news-row{padding: 10px 0;}
}



/*service*/
.service-our{background-color: #efefef;padding: 80px 0 90px 0;position: relative; }
.service-our .boxs{display: flex;justify-content: space-between;}
.service-our .boxs .left{flex: 0 0 53%;}
.service-our .boxs .left .head1{font-size: 14px;font-weight: bold;line-height: 48px;color: #de1d07;display: flex;align-items: center;}
.service-our .boxs .left .head1::after{content: '';width: 100%;height: 1px;background-color: #d8d8d8;display:block;margin-left: 10px;flex: 1;}
.service-our .boxs .left .head2{font-size: 32px;font-weight: 100;line-height: 24px;color: #ea4432;margin: 15px 0;}
.service-our .boxs .left .head3{font-size: 22px;font-weight: 100;line-height: 32px;color: #333333;margin: 20px 0;}
.service-our .boxs .left .service-a1{font-size: 15px;font-weight: bold;line-height: 24px;color: #000000;}
.service-our .boxs .left .text{font-size: 15px;line-height: 24px;color: #666666;}
.service-our .boxs .left .head5{margin-top: 40px;}
.service-our .boxs .left .head5 a{padding: 16px;background-color: #de1d07;font-size: 13px;color: #ffffff;transition: all 0.3s ease;}
.service-our .boxs .left .head5 a:hover{filter: brightness(150%);}
.service-our .boxs .left .head5 span{margin-left: 10px;}
.service-our .boxs .right{flex: 0 0 40%;}
.service-our .boxs .right .img{position: relative;}
.service-our .boxs .right .img .youtub{position: absolute;top: 50%;left: 50%;transition:all 0.3s ease;transform: translate(-50%,-50%);}
.service-our .boxs .left .head4 .chan{font-size: 15px;line-height: 24px;color: #666666;position: relative;padding-left: 30px;margin: 10px 0;width: 90%;}
.service-our .boxs .left .head4 .chan::before{position: absolute;left: 0;top: 5px;width: 18px;height: 18px;content: '';background: url(../images/yes.png);}
.service-our .boxs .left .head4 .chan div{margin-bottom: 10px;}
@media(max-width:768px) {
    .service-our{padding: 20px 0;}
    .service-our .boxs{flex-direction: column;}
    .service-our .boxs .left .head2{font-size: 22px;margin: 0;text-align: center;}
    .service-our .boxs .left .head3{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .service-our .boxs .left .service-a1{font-size: 14px;line-height: 24px;}
    .service-our .boxs .left .head4 .chan{font-size: 14px;margin: 10px 0;width: 100%;}
    .service-our .boxs .right .img{width: 60%;margin: 0 auto;}
}


.service-customer{padding: 89px 0;text-align: center;}
.service-customer .head1{font-size: 40px;font-weight: 100;line-height: 48px;color: #333333;margin-bottom: 50px;}
.service-customer .head2{font-size: 15px;line-height: 22px;color: #666666;margin-bottom: 50px;}
.service-customer .box{padding: 60px 30px;text-align: center;border-bottom:5px solid #d8212700;transition: all 0.5s ease;margin: 25px 0;}
.service-customer .box .a1{	font-size: 22px;line-height: 48px;letter-spacing: 1px;color: #333333;}
.service-customer .box .a2{font-size: 15px;line-height: 24px;color: #666666;}
.service-customer .box:hover{border-bottom:5px solid #d82128;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
@media(max-width:768px) {
    .service-customer{padding: 20px 0;}
    .service-customer .head1{font-size: 22px;line-height: 20px;margin-bottom: 10px;}
    .service-customer .row{padding: 0 10px;}
    .service-customer .row .col-6{padding-left: 5px;padding-right: 5px;}
    .service-customer .box{padding: 10px;margin: 0;}
    .service-customer .box .img img{width: 25%;height: 25%;}
    .service-customer .box .a1{font-size: 16px;line-height: 16px;margin: 10px 0;}
    .service-customer .box .a2{font-size: 14px;line-height: 16px;}
}


/*product*/
.pro-index .t1{font-size: 48px;font-weight: bold;color: #000;width: 100%;text-align: center;text-transform: uppercase;}
.pro-index .profl-list{background-color: #eeeff2;border:1px solid #e7e7e7;margin-top: 50px;margin-bottom: 70px;}
.pro-index .profl-list .item:first-child {border-top: 0;}
.pro-index .profl-list .item{background: #f0f0f0;}
.pro-index .profl-list .item .title{display: block;padding: 15px 20px;font-size: 22px;cursor: pointer;background: #f5f5f5;color: #333;display: flex;justify-content: space-between;}
.pro-index .profl-list .item .title i{color: #999999;margin-right: 8px;}
.pro-index .profl-list .item .icon-minus {display: none;}
.pro-index .profl-list .nr{padding: 0;display: none;}
.pro-index .profl-list .nr .box{display: flex;justify-content: space-between;}
.pro-index .profl-list .nr .box .left{flex: 0 0 58%;}
.pro-index .profl-list .nr .box .right{flex: 0 0 38%;}
.pro-index .profl-list .nr.active{display: block;}
.pro-index .profl-list .item.active .icon-plus {display: none;}
.pro-index .profl-list .item.active .icon-minus {display: inline-block;}
.pro-index .profl-list .item.active .title{font-weight: bold;color: #000;border-bottom: solid 1px #e7e7e7;}
.pro-index .profl-list .item.active a i{color: #000;margin-right: 8px;}
.pro-index .profl-list .item .oru{margin-top: 0px;background-color: #fff;padding:20px;}
.pro-index .profl-list .item .oru .t3{font-size: 15px;line-height: 24px;color: #666666;margin: 10px 0 30px 0;}
.pro-index .profl-list .item .oru .t3 p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pro-index .profl-list .item .oru .t4{font-size: 15px;line-height: 24px;color: #010101;}
.pro-index .profl-list .item .oru .more{display: inline-block;background-color: #de1d07;padding: 11px 32px;font-size: 15px;color: #ffffff;transition: all 0.5s ease;margin-top: 30px; }
.pro-index .profl-list .item .oru .more:hover{filter: brightness(180%);}
.pro-index .profl-list .item .videos{position: relative;display: block;text-align: right;}
.pro-index .profl-list .item .videos .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 66px;}
.pro-index .profl-list .item.active .videos{position: relative;display: block;text-align: right;}
.pro-index .profl-list .item.active .videos .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 66px;}
.pro-index .profl-list .item.active .videos .play:hover{filter: brightness(180%);}
.pro-index .profl-list .nr .box .head4 .chan{font-size: 15px;line-height: 24px;color: #666666;position: relative;padding-left: 30px;margin: 10px 0;}
.pro-index .profl-list .nr .box .head4 .chan::before{position: absolute;left: 0;top: 3px;width: 18px;height: 18px;content: '';background: url(../images/yes.png);}
@media (max-width:768px){
    .pro-index .profl-list{margin-top: 20px;margin-bottom: 20px;}
	.pro-index .profl-list .item .title{padding: 10px;font-size: 16px;}
	.pro-index .profl-list .item.active .title{font-size: 16px;}
	.pro-index .profl-list .item .oru{padding:10px;flex-direction: column;}
	.pro-index .profl-list .item .oru .t3{margin-top: 0;font-size: 14px;line-height: 20px;margin: 10px 0;}
	.pro-index .profl-list .item .oru .t4{margin-top: 10px;font-size: 16px;}
    .pro-index .profl-list .nr .box .head4 .chan{font-size: 14px;margin:5px 0;}
	.pro-index .profl-list .item .oru .more{margin-top: 10px;padding: 5px 25px;font-size: 14px;}
    .pro-index .profl-list .nr .box .right{margin-top: 10px;}
	.pro-index .profl-list .item .videos .video{width: 100%;}
	.pro-index .profl-list .item.active .videos .play{width: 25%;}

}


.product-news{padding-bottom:40px;}
.product-news .product-news-line{border-bottom: 1px solid #d3d3d3;}
.product-news .product-news-items{margin-top: 50px;}
.product-news .product-news-items .item{background-color: #fff;transition: all 0.6s;}
.product-news .product-news-items .item .product-news-img{width: 100%;}
.product-news .product-news-items .text{border: solid 1px #d8d8d8;margin-bottom: 44px;border-bottom-right-radius: 40px;}
.product-news .product-news-items .text .img{overflow: hidden;}
.product-news .product-news-items .text .product-news-box{padding: 16px 28px 46px 18px;text-align: left;}
.product-news .product-news-items .t1{font-size: 22px;font-weight: 100;line-height: 24px;color: #000000;margin-bottom: 16px;}
.product-news .product-news-items .t2{font-size: 14px;color: #666666;min-height: 72px;}
.product-news .product-news-items .product-news-row{padding: 20px 0;border-top: 1px solid #dddddd;display: flex;}
.product-news .product-news-items .product-news-row .item{display: flex;align-items: center;color: #000;flex: 0 0 50%;display: flex;align-items: center;justify-content: center;}
.product-news .product-news-items .product-news-row .item img{margin-right: 14px;}
@media (max-width:768px){
    .product-news{padding-bottom: 20px;}
    .product-news .product-news-items{margin-top: 20px;}
    .product-news .product-news-items .text{margin-bottom: 15px;}
    .product-news .product-news-items .t1{font-size: 18px;margin-bottom: 5px;}
    .product-news .product-news-items .t2{min-height: 60px;}
    .product-news .product-news-items .text .product-news-box{padding: 10px;}
}



.product-advantage{position: relative;}
.product-advantage .box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
.product-advantage .box .head1{font-size: 22px;line-height: 48px;color: #de1d07;}
.product-advantage .box .head2{font-size: 32px;font-weight: 100;line-height: 48px;color: #ffffff;margin: 20px 0;}
.product-advantage .box span{display: inline-block;background-color: #de1d07;font-size: 15px;color: #ffffff;padding: 11px 49px;transition: all 0.5s ease;}
.product-advantage .box span:hover{filter: brightness(180%);}
@media (max-width:768px){
    .product-advantage .box .head1{font-size: 14px;line-height: 20px;}
    .product-advantage .box .head2{font-size: 12px;line-height: 15px;margin: 3px 0;}
    .product-advantage .box a{font-size: 12px;padding: 0px 15px;}
    .product-advantage .box span{font-size: 12px;padding: 0 10px;}
}



.product-shuz{padding: 110px 0;}
.product-shuz .box{display: flex;justify-content: space-between;border-bottom: 1px solid #dddddd;}
.product-shuz .box .boxs{flex: 0 0 45%;padding: 56px 0 40px 0;}
.product-shuz .box .boxs .head1{font-size: 18px;line-height: 48px;color: #de1d07;}
.product-shuz .box .boxs .head1 span{font-weight: bold;}
.product-shuz .box .boxs .head2{font-size: 15px;line-height: 24px;color: #666666;margin-top: 10px;}
@media (max-width:768px){
    .product-shuz{padding: 20px 0;}
    .product-shuz .box .boxs{padding:  0 0 20px 0;flex:  0 0 49%;}
    .product-shuz .box{margin-bottom: 10px;}
    .product-shuz .box .boxs .head1{font-size: 16px;line-height: 20px;min-height: 40px;}
    .product-shuz .box .boxs .head2{font-size: 14px;line-height: 18px;}
    
}



.product-cooperate{background-color: #e3eaec;padding: 50px 0;}
.product-cooperate .container-xl{max-width: 1590px;margin-left: 0;padding-left: 0;}
.product-cooperate .box{display: flex;justify-content: space-between;}
.product-cooperate .box .left{flex: 0 0 65%;}
.product-cooperate .box .left .img img{border-top-right-radius: 86px;}
.product-cooperate .box .right{flex: 0 0 30%;}
.product-cooperate .box .right .a1{margin: 30px 0;}
.product-cooperate .box .right .a1 .head1{display: flex;align-items: center;font-size: 22px;line-height: 48px;color: #333333;margin-bottom: 10px;}
.product-cooperate .box .right .a1 .head1 img{margin-right: 10px;}
.product-cooperate .box .right .a1 .head2{font-size: 15px;line-height: 24px;color: #666666;}
@media (max-width:768px){
    .product-cooperate{padding: 20px 0;}
    .product-cooperate .container-xl{padding-left: 15px;}
    .product-cooperate .box{flex-direction: column-reverse;}
    .product-cooperate .box .right .a1{margin: 0 0 10px 0;}
    .product-cooperate .box .right .a1 .head1{font-size: 18px;margin-bottom: 10px;line-height: 40px;}
    .product-cooperate .box .right .a1 .head2{font-size: 14px;line-height: 20px;}
    .product-cooperate .box .left .img img{border-top-right-radius: 30px;}
}

/*product-list*/
.list-top{background-color: #efefef;padding: 80px 0;}
.list-top .box{display: flex;justify-content: space-between;}
.list-top .box .left{flex: 0 0 54%;}
.list-top .box .left .head1{font-size: 32px;font-weight: 100;line-height: 48px;color: #333333;margin-bottom: 40px;}
.list-top .box .left .head2{font-size: 15px;line-height: 24px;color: #666666;overflow: hidden;}
.list-top .head3{padding: 30px 0;font-size: 15px;line-height: 24px;color: #666666;text-align: left;}
.list-top .aa{font-size: 20px;font-weight: 300;line-height: 48px;color: #ffffff;padding: 0 46px;background-color: #de1d07;display: inline-block;text-align: center;margin-top: 20px;cursor: pointer;}
.list-top .aa:hover{color: #fff;}
.list-top .aa img{margin-left: 30px;}
.list-top .kai{display: inline-block;}
.list-top .guan{display: none;}
.list-top .guan img{transform: rotateZ(180deg);}
.list-top .box .right{flex: 0 0 37%;}
.list-top .box .right .videos{position: relative;display: block;text-align: right;}
.list-top .box .right .videos .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 66px;}
@media (max-width:768px){
    .list-top{padding: 20px 0;}
    .list-top .box{flex-direction: column;}
    .list-top .box .left{margin-bottom: 20px;text-align: center;}
    .list-top .box .left .head1{font-size: 22px;line-height: 25px;margin-bottom: 5px;}
    .list-top .box .left .head2{font-size: 14px;line-height: 20px;text-align: left;}
    .list-top .aa{font-size: 18px;line-height: 32px;padding: 0 20px;margin-top:10px;}
    .list-top .aa img{margin-left: 10px;}
}


.list-center{padding: 60px 0;}
.list-center .head{display: flex;flex-wrap: wrap;border-bottom: 1px solid #d8d8d8;}
.list-center .head .boxs a{display: inline-block;border: 1px solid #d8d8d8;border-bottom: 0;font-size: 20px;font-weight: 100;color: #333;padding: 11px 20px;transition: all 0.5s ease}
.list-center .head .boxs a:hover{background-color: #de1d07;color: #fff;}
.list-center .head .boxs.active a{background-color: #de1d07;color: #fff;}
@media (max-width:768px){
    .list-center{padding: 20px 0;}
    .list-center .head a{font-size: 18px;padding: 10px;flex: 0 0 100%;}

}

.list-news{padding-bottom:40px;}
.list-news .list-news-line{border-bottom: 1px solid #d3d3d3;}
.list-news .list-news-items{margin-top: 50px;}
.list-news .list-news-items .item{background-color: #fff;transition: all 0.6s;}
.list-news .list-news-items .item .list-news-img{width: 100%;}
.list-news .list-news-items .text{border: solid 1px #d8d8d8;margin-bottom:60px;transition: all 0.5s;}
.list-news .list-news-items .text .img{overflow: hidden;}
.list-news .list-news-items .text .list-news-box{padding: 20px;text-align: center;}
.list-news .list-news-items .t1{font-size: 18px;line-height: 24px;color: #666666;margin-bottom: 20px;padding: 0 20px;min-height: 48px;}
.list-news .list-news-items .t2{font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 40px;}
.list-news .list-news-items .t3{background-color: #efefef;padding: 10px 0;text-align: center;cursor: pointer;transition: all 0.5s ease;font-size: 15px;line-height: 24px;color: #666666;}
.list-news .list-news-items .t3:hover{background-color: #de1d07;color: #fff;}
.list-news .list-news-items .list-news-row{padding: 20px 0;border-top: 1px solid #dddddd;display: flex;}
.list-news .list-news-items .list-news-row .item{display: flex;align-items: center;color: #000;flex: 0 0 50%;display: flex;align-items: center;justify-content: center;}
.list-news .list-news-items .list-news-row .item img{margin-right: 14px;}
.list-news .list-news-items  .text:hover{box-shadow: 0px 0px 10px 0px  #c8c8c8;}
@media (max-width:768px){
    .list-news{padding-bottom: 0;}
    .list-news .list-news-items{margin-top: 20px;}
    .list-news .list-news-items .text{margin-bottom: 20px;}
    .list-news .list-news-items .text .list-news-box{padding: 10px;}
    .list-news .list-news-items .t1{font-size: 16px;line-height: 20px;margin-bottom: 10px;padding: 0 0px;}
    .list-news .list-news-items .t2{margin-bottom: 10px;}
    .list-news .list-news-items .t3{font-size: 14px;line-height: 40px;padding: 0;}
}


.list-brand{padding: 54px 0 100px 0;text-align: center;background-color: #efefef;}
.list-brand .head1{font-size: 40px;font-weight: 100;line-height: 48px;color: #333333;margin-bottom: 100px;}
.list-brand .list-brand-row{display: flex;justify-content: space-between;}
.list-brand .box{display: flex;flex-direction: column;align-items: center;flex: 0 0 26%;}
.list-brand .box .img{width: 159px;height: 159px;border-radius: 50%;background-color: #d0d0d0;transition: all 0.5s ease;display: flex;align-items: center;justify-content: center;}
.list-brand .box:hover .img{background-color: #de1d07;}
.list-brand .box .img img{filter: brightness(200%);}
.list-brand .box .a1{font-size: 32px;font-weight: 100;line-height: 30px;color: #333333;margin: 20px 0;}
.list-brand .box .a2{font-size: 15px;line-height: 24px;color: #666666;}
@media (max-width:768px){
    .list-brand{padding: 20px 0;}
    .list-brand .head1{font-size: 22px;line-height: 25px;margin-bottom: 20px;}
    .list-brand .list-brand-row{flex-wrap: wrap;}
    .list-brand .box{margin-bottom: 20px;flex: 0 0 100%;}
    .list-brand .box .img{width: 70px;height: 70px;}
    .list-brand .box .img img{width: 50%;}
    .list-brand .box .a1{font-size: 22px;line-height: 20px;margin: 10px 0;}
    .list-brand .box .a2{font-size: 14px;line-height: 20px;}
}

.list-workshop{padding: 80px 0;}
.list-workshop .box{display: flex;justify-content: space-between;}
.list-workshop .box .left{flex: 0 0 48%;display: flex;flex-direction: column;justify-content: center;}
.list-workshop .box .left .head1{font-size: 32px;font-weight: 100;color: #333333;}
.list-workshop .box .left .text{font-size: 15px;line-height: 24px;color: #666666;margin: 40px 0;}
.list-workshop .box .left .head2 a{padding: 15px 30px;font-size: 15px;color: #ffffff;background-color: #de1d07;transition: all 0.5s ease;}
.list-workshop .box .left .head2 a:hover{filter: brightness(200%);}
.list-workshop .box .right{flex: 0 0 49%;overflow: hidden;}
.list-b .list-workshop:nth-child(2){background-color: #efefef;}
.list-b .list-workshop:nth-child(2) .box{flex-direction: row-reverse;}
@media (max-width:768px){
    .list-workshop{padding: 20px 0;}
    .list-workshop .box{flex-direction: column;}
    .list-workshop .box .left .head1{font-size: 22px;text-align: center;}
    .list-workshop .box .left .text{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .list-workshop .box .left .head2{text-align: center;margin-bottom: 10px;}
    .list-workshop .box .left .head2 a{padding: 5px 20px;font-size: 14px;}
    .list-b .list-workshop:nth-child(2) .box{flex-direction: column;}

}

.list-understand{padding: 80px 0;background-color: #efefef;}
.list-understand .tit{font-size: 32px;font-weight: 100;line-height: 48px;color: #333333;text-align: center;margin-bottom: 30px;}
.list-understand .box{margin: 25px 0; display: flex;justify-content: space-between;flex-direction: row-reverse;background-color: #fff;padding: 20px 35px 35px 16px;
    transition: all 0.5s ease;
}
.list-understand .box:hover{  box-shadow: 0px 0px 10px 0px  #c8c8c8;}
.list-understand .box .left{flex: 0 0 70%;display: flex;flex-direction: column;justify-content: center;}
.list-understand .box .left .head1 a{font-size: 32px;font-weight: 100;color: #333333;transition: all 0.5s ease;}
.list-understand .box .left .head1 a:hover{color: #de1d07;}
.list-understand .box .left .text{font-size: 15px;line-height: 24px;color: #666666;margin: 40px 0;}
.list-understand .box .left .head2 a{padding: 15px 49px;font-size: 15px;color: #666666;background-color: #efefef;transition: all 0.5s ease;}
.list-understand .box .left .head2 a:hover{color: #ffffff;background-color: #de1d07;}
.list-understand .box .right{flex: 0 24%;overflow: hidden;}
@media (max-width:768px){
    .list-understand{padding: 20px 0;}
    .list-understand .tit{font-size: 22px;line-height: 25px;text-align: center;margin-bottom: 0;}
    .list-understand .box{margin: 10px 0;flex-direction: column;padding: 10px;text-align: center;}
    .list-understand .box .left .head1 a{font-size: 22px;}
    .list-understand .box .left .text{font-size: 14px;line-height: 20px;margin: 10px 0;text-align: left;}
    .list-understand .box .left .head2 a{padding: 5px 25px;font-size: 14px; display: inline-block;margin-bottom: 10px;}
}


/* 产品详情 */
.pro{padding: 80px 0 70px 0;}
.pro-det{background-color: #fff;}
.pro-det .pro-det-row{display: flex;justify-content: space-between;margin-bottom: 100px;}
.pro-det .pro-det-row .left{width: 46%;}
.pro-det .pro-det-row .right{width: 50%;}
.pro-det .product-thumb{height: 359px;}
.pro-det .magiczoom{height: 100%;background-color: #fff}
.pro-det figure.mz-figure{height: 100%;display: flex;align-items: center;justify-content: center;}
.pro-det .product-thumbs{padding: 0;}
.pro-det .swiper-button-product-prev{left: -25px;}
.pro-det .swiper-button-product-next{right: -25px;}
.pro-det .t1{position: relative;font-size: 32px;font-weight: 100;color: #333333;padding: 30px 0;border-bottom: 1px solid #e6e6e6;line-height: 35px;margin-bottom: 24px;}
.pro-det .t1::after{content:'';width: 75px;height: 9px;background-color: #d82128;position: absolute;left: 0;top: 4px;}
.pro-det p{color: #666;font-size: 15px;line-height: 24px;}
.pro-det .t2{margin-top: 30px;}
.pro-det .t2 p{font-size: 15px;line-height: 24px;color: #666666;position: relative;padding-left: 30px;margin: 10px 0;}
.pro-det .t2 p::before{position: absolute;left: 0;top: 2px;width: 18px;height: 18px;content: '';background: url(../images/yes.png);}
.pro-det .t3{display: flex;margin-top: 35px;align-items: center;}
.pro-det .links a{margin-right: 10px;}
.pro-det .mores{margin-right: 30px;}
.pro-det .mores span{background-color: #d82128;padding: 11px 17px;color: #fff;position:relative;display: inline-block;}
.pro-det .mores span::before{content:'';position:absolute;left:50%;top:36px;transform:translateX(-50%);width:0;height:2px;background-color:#fff;transition:all 0.6s}
.pro-det .mores span:hover::before{width: 80%;}
.pro .swiper-button-next:after{font-size: 22px;}
.pro .swiper-button-next,.pro .pro-det .swiper-button-product-prev{color:#9c9c9c;}
.pro-center{padding: 60px 0;}
.pro-center .head{display: flex;flex-wrap: wrap;}
.pro-center .head .tab-item{border: 1px solid #d8d8d8;border-bottom: 0;border-left: 0; font-size: 20px;font-weight: 100;color: #333;padding: 11px 0px;transition: all 0.5s ease;
text-align: center;width: 234px;height: 47px;
}
.pro-center .head .tab-item:first-child{border-left: 1px solid #d8d8d8;}
.pro-center .head .tab-item:hover{background-color: #de1d07;color: #fff;cursor: pointer;}
.pro-center .head .tab-item.active{background-color: #de1d07;color: #fff;}
.box-wrapper{padding: 30px;border: solid 1px #d8d8d8;}
.box-wrapper h5{line-height: 24px;color: #333333;}
.box-wrapper p{color: #666666;margin: 20px 0;}
.pro-center .tab-content{background-color: #fff;padding: 30px;}
.pro-center .tab-content .item{width: calc(100% - 60px);transition: all 0.6s;}
.pro-center .tab-content .item.active{opacity: 1;height: auto;}
@media (max-width:768px){
    .pro{padding: 20px 0;}
    .pro-det .pro-det-row{margin-bottom: 0;flex-direction: column;}
    .pro-det .pro-det-row .left,.pro-det .pro-det-row .right{width: 98%;}
    .pro-det .product-thumb{height: auto;}
    .pro-det .swiper-button-product-prev{left: -20px;}
    .pro-det .swiper-button-product-next{right: -20px;}
    .pro .swiper-button-prev:after,.pro .swiper-button-next:after{font-size: 16px;}
    .latest .right .boxs .swiper-button-prev:after, .latest .right .boxs .swiper-button-next:after{font-size: 16px;}
    .pro-det .t1{font-size: 22px;padding: 20px 0 30px 0;line-height: 20px;margin-bottom: 10px;}
    .pro-det .t1::after{width: 60px;height: 4px;top: 70px;}
    .pro-det p{font-size: 14px;line-height: 20px;}
    .pro-det .t2{margin-top: 10px;}
    .pro-det .t2 .chan{font-size: 14px;line-height: 18px;padding-left: 25px;margin: 10px 0;}
    .pro-det .t3{flex-direction: column;margin-top: 0;}
    .pro-det .mores{margin: 10px 0;}
    .pro-det .links a{margin-right: 5px;}
    .pro-center{padding: 20px 0;margin-left: -15px;margin-right: -15px;}
    .pro-center .head{justify-content: center;}
    .pro-center .head .tab-item.active{border: #de1d07;}
    .pro-center .head .tab-item{border-left: 1px solid #d8d8d8;height: auto;padding: 10px 0;}
    .pro-center .tab-content{padding: 10px;margin: 0;}
    .pro-center .tab-content .item{width: 100%;}
    .box-wrapper p{margin: 10px 0;}
    
}


/*video*/
.video-cen{padding: 60px 0;}
.video-cen .box{display: flex;justify-content: space-between;}
.video-cen .box .left{flex: 0 0 27%;}
.video-cen .box .left .head1{background-color: #de1d07;font-size: 28px;font-weight: 100;line-height: 61px;color: #ffffff;padding-left: 20px;}
.video-cen .box .left .head2{border: solid 1px #d8d8d8;border-top: 0;}
.video-cen .box .left .head2 .a1{padding:15px 20px;border-bottom: 1px solid #d8d8d8;font-size: 18px;font-weight: 100;color: #333333;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s ease;}
.video-cen .box .left .head2 .a1:hover{color: #de1d07;}
.video-cen .box .left .head2 .a1.active{font-weight: 400;color: #de1d07;}
.video-cen .box .left .head2 .sea{padding: 20px;}
.video-cen .box .left .head2 .search-group{width: 100%;height: 55px;background-color: #ffffff;border-radius: 6px;border: solid 1px #d8d8d8;}
.video-cen .box .left .head2 .search-group .form-control{height: 55px;font-size: 15px;color: #333333;}
.video-cen .box .left .head2  .search-group .btn{height: 55px;width: 55px;}
.video-cen .box .left .head2  .search-group i{color: #939393;}
.video-cen .box .left .head2  .search-group .btn:hover i{color: #fff;}
.video-cen .box .left .head2 .links{padding: 10px 20px 30px;display: flex;justify-content:flex-start;}
.video-cen .box .left .head2 .links .social{margin-right: 10px;}
.video-cen .box .right{flex: 0 0 70%;}
.video-cen .box .right .head1{font-size: 22px;font-weight: 100;color: #333333;padding: 23px 0 16px 0;border-bottom:1px solid #b6b6b6;}
.video-cen .box .right .nnrr{display: flex;justify-content: space-between;padding: 30px 0;border-bottom: 1px solid #ebebeb;}
.video-cen .box .right .nnrr .or{position: relative;flex: 0 0 36%;}
.video-cen .box .right .nnrr .or .img{position: relative;}
.video-cen .box .right .nnrr .or .img .bf{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.video-cen .box .right .nnrr .or .img .bf img{width: 50%;}
.video-cen .box .right .nnrr .or .title{cursor: pointer;}
.video-cen .box .right .nnrr .or .sj{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#fff;border-radius:50%;transition:all 0.5s ease;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.video-cen .box .right .nnrr .or .title video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}
.video-cen .box .right .nnrr .or .sj:hover{background-color:#de1d07;box-shadow:rgba(222,29,7,0.21) 0px 1px 4px,rgba(222,29,7,0.21) 0px 0px 0px 8px}
.video-cen .box .right .nnrr .or .sj::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-20%,-50%);width:0;height:0;border:10px solid transparent;border-left:16px solid #333333;transition:all 0.5s ease}
.video-cen .box .right .nnrr .or .sj:hover::before{border-left:16px solid #ffffff}
.video-cen .box .right .nnrr .on{flex:0 0 60%}
.video-cen .box .right .nnrr .on .t1{font-size:18px;color:#333333}
.video-cen .box .right .nnrr .on .t2{font-size:15px;color:#6c6d70;margin:10px 0 37px}
.video-cen .box .right .nnrr .on .t3{width:178px;font-size:15px;line-height:47px;color:#ffffff;height:47px;text-align:center;background-color:#939393;transition:all 0.5s ease;cursor:pointer}
.video-cen .box .right .nnrr .on .t3:hover{background-color:#de1d07}
@media (max-width:768px){
    .video-cen{padding: 20px 0;}
    .video-cen .box{flex-direction: column;}
    .video-cen .box .left .head1{font-size: 22px;line-height: 40px;}
    .video-cen .box .left .head2 .a1{padding: 10px 20px;font-size: 16px;}
    .video-cen .box .left .head2 .sea{padding: 10px 20px;}
    .video-cen .box .left .head2 .links{padding: 10px 20px;}
    .video-cen .box .right .head1{font-size: 20px;padding: 10px 0;}
    .video-cen .box .right .nnrr{padding: 20px 0;flex-direction: column;}
    .video-cen .box .right .nnrr .on{padding: 20px 0 0 0;}
    .video-cen .box .right .nnrr .on .t1{font-size: 16px;}
    .video-cen .box .right .nnrr .on .t2{font-size: 12px;margin: 10px 0;}
    .video-cen .box .right .nnrr .on .t3{width: 130px;font-size: 14px;line-height: 30px;height: 30px;}
    .search-group .btn{height: 38px;}
}


/*contact*/
.contact-cen{padding: 80px 0 120px 0;}
.contact-cen .ap-box{display: flex;justify-content: space-between;	box-shadow: 0px 4px 10px 1px 
    rgba(0, 0, 0, 0.13);
border: solid 1px rgba(158, 158, 158, 0.21);padding: 60px 40px;}
.contact-cen .ap-box .left{flex: 0 0 58%;}
.contact-cen .ap-box .left .t1{font-size: 32px;font-weight: 100;line-height: 48px;color: #333333;}
.contact-cen .ap-box .left .t2{font-size: 15px;line-height: 24px;color: #333333;margin: 30px 0;}
.contact-cen .ap-box .left .form-feedback .form-control{background-color: #fff;}
.contact-cen .ap-box .left .form-feedback .btn{font-size: 15px;font-weight: bold;color: #ffffff;border-radius: 0;padding-top: 15px;
    padding-bottom: 15px;background: #000;transition: all 0.5s ease;}
.contact-cen .ap-box .left .form-feedback .btn{background-color: #e11d07;}
.contact-cen .ap-box .left .form-group{margin-bottom: 26px;}

.contact-cen .ap-box .right{flex: 0 0 36%;background-color: #de1d07;}
.contact-cen .ap-box .right .box{padding: 0 28px 0 17px;color: #fff;}
.contact-cen .ap-box .right .box .a1{font-size: 32px;font-weight: 100;margin: 35px 0;}
.contact-cen .ap-box .right .box .a2{font-size: 15px;line-height: 28px;margin-bottom: 20px;}
.contact-cen .ap-box .right .box .chan{padding-bottom: 30px;border-bottom: 1px solid #ffffff4a;}
.contact-cen .ap-box .right .box .chan .con{margin: 10px 0;}
.contact-cen .ap-box .right .box .chan a{font-size: 15px;font-weight: 100;line-height: 28px;color: #fff;}
.contact-cen .ap-box .right .box .chan a img{margin-right: 10px;}
.contact-cen .ap-box .right .box .chan a:hover{text-decoration: underline;}
.contact-cen .ap-box .right .box .ic{margin-top: 20px;}
.contact-cen .ap-box .right .box .ic span,.contact-cen .ap-box .right .box  .ic a{background: transparent !important;border-radius: 5px;border: solid 1px #999999;margin: 0 3px;}
.contact-cen .ap-box .right .box .ic span:hover,.contact-cen .ap-box .right .box .ic a:hover{background-color: #000000 !important;border: solid 1px #000000;}
@media(max-width:768px) {
    .contact-cen{padding: 20px 0;}
    .contact-cen .ap-box{flex-direction: column;padding: 20px;}
    .contact-cen .ap-box .left{}
    .contact-cen .ap-box .left .t1{font-size: 22px;line-height: 30px;text-align: center;}
    .contact-cen .ap-box .left .t2{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .contact-cen .ap-box .left .form-group{margin-bottom: 10px;}
    .contact-cen .ap-box .left .form-group textarea{height: 100px;}
    .contact-cen .ap-box .left .form-feedback .btn{font-size: 14px;padding-top: 5px;padding-bottom: 5px;}
    .contact-cen .ap-box .right .box{padding: 10px;}
    .contact-cen .ap-box .right .box .a1{font-size: 22px;margin: 10px 0;}
    .contact-cen .ap-box .right .box .a2{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .contact-cen .ap-box .right .box .chan{padding-bottom: 10px;}
    .contact-cen .ap-box .right .box .chan .con{margin: 10px 0;}
    .contact-cen .ap-box .right .box .chan a{font-size: 14px;line-height: 28px;}
    .contact-cen .ap-box .right .box .ic{margin-top: 10px;}
}




.contact-ne{background: url(../images/contact-ne-bg.png);padding: 40px 0 70px 0;}
.contact-ne .head{font-size: 40px;font-weight: 300;line-height: 48px;color: #333333;text-align: center;margin-bottom: 80px;}
.contact-ne .big{display: flex;justify-content: space-between;flex-wrap:wrap;}
.contact-ne .big .left{background-color: #ffffff;box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.13);padding: 10px 50px 40px 50px;flex: 0 0 48%;margin-bottom:20px;}
.contact-ne .big .left .kuai{width: 53px;height: 5px;background-color: #e11d07;margin: 10px 0;}
.contact-ne .big .left .t1{font-size: 24px;line-height: 28px;color: #000000;margin-bottom: 10px;}
.contact-ne .big .left .add{display: flex;}
.contact-ne .big .left .add .img{min-width: 30px;}
.contact-ne .big .left .add .te.ad{min-height: 56px;margin-bottom: 25px;}
.contact-ne .big .left .tt{font-size: 15px;font-weight: bold;color: #333333;padding-left: 30px;margin-bottom: 10px;}
.contact-ne .big .left .add .te,.contact-ne .big .left .add a{font-size: 15px;line-height: 28px;color: #333333;}
.contact-ne .big .left .add a:hover{text-decoration: underline;}


@media(max-width:768px) {
    .contact-ne{padding: 30px 0;background: #f2f7fb;}
    .contact-ne .head{font-size: 24px;line-height: 32px;margin-bottom: 20px;}
    .contact-ne .big{flex-direction: column;}
    .contact-ne .big .left .add .te.ad{font-size: 14px;min-height: auto;margin-bottom: 20px;}
    .contact-ne .big .left{margin-bottom: 20px;padding:  20px;}
    .contact-ne .big .left .t1{font-size: 20px;}
}





/* 新闻详情 */
.newsnr-container{ padding: 45px 0 80px;background: #fff;}
.newsnr-container .col-md-9{padding-right: 15px;}
.newsnr-container .title { font-size: 30px; line-height: 42px; color: #000000; margin-bottom: 45px; text-align: left;font-weight: bold;}
.newsnr-container .summary{border-bottom: 1px dashed #6c6d70;margin-bottom: 30px;padding-bottom: 10px;color: #6c6d70;font-size: 16px;}
.newsnr-container .summary span{margin-right: 30px;}
.newsnr-container .content{border-bottom: 1px dashed #6c6d70;padding-bottom: 20px;}
.newsnr-container .content h5{font-size: 20px;color: #333;margin: 20px 0;border-left: 4px solid #c8102e;padding-left: 12px;font-weight: bold;}
.newsnr-container .content { margin-bottom: 20px;font-size: 14px;color: #6c6d70;line-height: 24px;}
.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-left{position: relative;}
.newsnr-left .text{padding: 50px;}
@media(max-width:768px) {
    .newsnr-container{ padding: 20 0;}
    .newsnr-left .text{padding:15px;}
    .newsnr-container .title{font-size:20px;line-height:25px;margin-bottom: 0;}
    .newsnr-container .col-md-9{padding-right:0}
    .newsnr-container .summary span{margin-right: 10px;}
    .newsnr-container .summary{font-size: 14px;margin-bottom: 10px;}
    .news-hot-box{padding: 20px;}
    .newsnr-container .essay-items .text .t1{margin-top: 10px;}
}
.news-hot-box{background: #f6f6f6;padding: 40px 20px;}
.newsnr-container .news-essay{font-size:18px;color:#5a5b5d;font-weight:bold}
.newsnr-container .essay-items{display:flex;flex-wrap:wrap}
.newsnr-container .essay-items .item{margin-top:20px;margin-bottom: 20px;position: relative;border-bottom: 1px dashed #d2d2d2;padding-bottom: 20px;width: 100%}
.newsnr-container .essay-items .item:last-child{border: 0;margin-bottom: 0;padding-bottom: 0;}
.newsnr-container .essay-items .item a{display:flex;justify-content:space-between;transition: all 0.6s;}
.newsnr-container .essay-items .card-thumb{width:100%}
.newsnr-container .essay-items .text{margin: 0;padding: 0 15px 0 0;}
.newsnr-container .essay-items .text .t1{width:100%;line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsnr-container .essay-items .text .t2{margin-top:14px;font-size:14px;color:#999999;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newsnr-container .essay-items .text img{margin-top:26px}
.newsnr-container .essay-items .item:hover .card-thumb img{transform:scale(1.05)}
.newsnr-container .essay-items .item:hover a{color: #c8102e}
.newsnr-container .nextnews{margin-top:20px}
.newsnr-container .nextnews p{line-height:28px}
.newsnr-container .nextnews a{color:#666}
.newsnr-container .nextnews a:hover{color:#002850;text-decoration:underline}


/*适配*/


@media(max-width:1400px) {
    .banner.home .banner-text .img{margin-top: 30px;}
}
@media(max-width:768px) {
    .banner.home .banner-text .img{margin-top: 10px;}
}
.header.fadeInDown .navbar-custom .navbar-nav > .nav-item{margin: 0 40px;}
.navbar-custom .navbar-nav.head-xs .nav-item{width: 0;transition:all 0.5s ease;overflow: hidden;margin: 0;}
.header.fadeInDown .navbar-expand-lg .navbar-nav.head-xs .nav-item{width: auto;margin: 0 10px;overflow: initial;}



/*浮动*/
#float{position:fixed;right:5px;bottom:105px; margin-top:-60px;z-index:55;}
#float .ico{display:block;width:55px;height:55px; text-align:center;position:relative;cursor:pointer;margin-bottom:5px;}
#float .ico>i{font-size:30px;line-height:55px;border-radius:50%;display:block;color:#fff;position:relative;z-index:9999;background:#de1d07;}
#float .ico>.img{position:absolute;right:55px;width:140px;top:0;display:none;background-color:#fff;}
#float .ico>.img>img{width:100%;}
#float .ico p{position:absolute;top:0;border-radius:10px; right:-350px;padding:0px 20px;line-height:55px; font-size:16px;height:55px;background-color:#de1d07;color:#FFF;transition:all 0.5s;z-index:0;white-space: nowrap;}
#float .ico:hover>.img{display:block;}
#float .ico:hover p{right:55px;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px;}
    #float .ico>i{font-size:22px;line-height:40px;}
    #float .ico>.img{right:40px;}
    #float .ico p{line-height:40px;padding:0 15px;height:40px;}
}
@media (max-width: 768px) {  
    .super_pc {  
        display: none!important; 
    }  
}  
  
 .content-table{width:100%;overflow-x:auto;}
@media (min-width: 769px) {  
    .super_m {  
        display: none!important; 
    }  
}