/*通用样式*/
:root{
    --public-color:#24292f;
    --max:1430px;
}
/*#region 通用*/
body { color: #24292f; font-size: 16px; line-height:24px; font-family: 'Arimo', sans-serif;}
a{color: #24292f;}
a:hover{color: #f58220;}
.swiper-pagination-bullet-active{background: #f58220;}
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;}
.money{cursor:pointer;transition:all 0.5s ease}
.money:hover{transform:scale(1.1)}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
    body {font-size:14px;line-height:20px;}
}
/*#endregion*/

/*#展会信息*/
.zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;}
.zhbg .box{max-width: 1200px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;}
.zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;}
.zhbg .box .zh-t1{display:flex;margin-bottom:25px;}
.zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;}
.zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);}
.zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;}
.zhbg .box .place{font-size:16px;line-height:24px;}
.zhbg .box .place p{margin-bottom:10px;}
.zhbg .box .place p i{color:var(--public-color);min-width:22px;}
.zhbg .box .place p strong{color:var(--public-color);}
.zhbg.on{display:flex;}

.zhkz.on{display: block;}
.zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:200px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;cursor:pointer;z-index:99; }

@media(max-width:768px) {
    .zhbg .box{width:90%;padding:0px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}

.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:#24292f;margin-top: 5px;}
.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: #24292f;font-size: 16px;}
.top-search-box li{}
.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: 20px;z-index: 99;padding-top: 10px;}
.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;}
.header.fadeInDown .header-desc{display: none;}
.header.fadeInDown .header-top{padding: 0;}
.header.fadeInDown .desc{display: none;}


.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 20px;padding: 37px 0;transition: all 0.5s;}
.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; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 4px;margin-left: 0!important; background: #f58220;position: absolute; bottom: 2px;}
.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{color: #f58220;}
.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(../webp/mobile_closegxnosj.webp) 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: #f58220;}
.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*/

/*header*/
.header-top{padding: 0;background: #fff;    padding: 0;
    background: #fff;
    transition: all 0.5s;}
.header-top .nav{padding: 0;}
.header-top .box{justify-content: space-between;align-items: center;}
.header-top .box .le1{flex: 0 0 20%;}
.header-top .box .le2{flex: 1;}
.header-top .top-lang .dropdown.lang .dropdown-toggle::after{border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #24292f;font-size: 0;}
.navbar-custom .navbar-nav > .nav-item{margin: 0 10px;}
.navbar-custom .navbar-nav .nav-link:before, .navbar-custom .navbar-nav .nav-link:before{height: 0;}
.navbar-custom .navbar-nav .nav-link{height: auto;padding: 5px;font-weight: bold;font-size: 18px;color: #24292f;}
.dropdown.lang .dropdown-toggle{font-weight: bold;font-size: 16px;}
.top-search-box{position: relative;}
.top-search-box .top-search{right: 0;}
.header.fadeInDown .header-top{background: #fff;}
.top-search-box{margin-right: 0;}

@media(max-width:1400px) {
    .navbar-custom .navbar-nav .nav-link{font-size: 16px;padding: 5px;}
    .dropdown.lang .dropdown-toggle{font-size: 14px;padding: 5px;}
}

/*#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: 68%;padding: 0;animation: up-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box .title{font-size: 40px;color: #fff;line-height:50px; margin-bottom: 35px;font-weight: bold;}
.banner.home .banner-text .box p{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 32px;margin-bottom: 35px;}
.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-text p, .banner-content p{max-width: 78%;}
.banner.ny{background:#f5f5f5;}
.banner.ny .container-xl{    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;}
.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{top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;}
.banner.ny .box .page-title{position:relative;}
.banner.ny .ny-title{font-size:40px;line-height:60px;margin-bottom:20px;font-weight:bold;color:#fff;}
/* .banner.ny .box .page-title:before{content:"";width:22px;height:22px;background:url(../../images/tb-k1.webp) 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.webp) 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:0;}
    .banner.ny .box{left:inherit;}
    .banner.ny .box .page-title{padding:10px 0;height:auto;}
    .banner.ny .ny-title{text-align:center;font-size:20px;margin-bottom:5px;line-height: 22px;}
    .banner.home .banner-text .box{width: auto;}
    .banner.home .banner-text .box .title{font-size: 18px;line-height: 22px;margin-bottom: 10px;}
    .banner.home .banner-text .box p{display: none;}
}

.page-title {color:#333;}
.page-title  a{color:#fff;font-size: 20px;line-height: 30px;}
.page-title  a:hover{color:#f58220;text-decoration:underline;}
.page-title .breadcrumb { justify-content: flex-start;align-items: center; color: #333;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "/";font-size: 18px;  }
.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; }
    .page-title a{font-size: 14px;line-height: 23px;}
}
/*#endregion*/



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

/*产品内容*/
.pronr-wrapper{background:#f5f5f5;padding:0 0 60px;}
.pronr-wrapper .pronr-title{font-size:36px;font-weight:bold;margin-bottom:30px;}
.product-head { background:#e1e1e1;padding:35px 35px 60px;}
.product-head .img{padding:15px 20px;box-shadow:7px 0 30px rgba(0, 0, 0, 0.05);background:#fff;position:relative;}
.product-head .img .down{width:216px;height:53px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center; font-size:18px;background:#c80805;border-radius:30px;overflow:hidden;position:absolute;bottom:-24px;left:calc(50% - 108px);}
.product-head .img .down span{margin-right:10px;}
.product-head .img .down:hover{text-decoration:underline;}
.product-head .feedback-box{padding:35px;}
.product-head .feedback-box .h2{font-size:30px;text-align:center;font-weight:bold;margin-bottom:40px;}

.content-wrapper.product{background: #fff;height: 100%;}
.content-wrapper.product .hot-sub-title{margin-bottom:0;}
.content-wrapper.product .table-wrapper{padding: 40px;}
.content-wrapper.product h5{font-size: 20px;color: #f58220;font-weight: bold; line-height: 30px;margin-bottom: 20px;margin-top: 20px;padding-left: 12px;border-left: 4px solid #f58220;}
.content-wrapper.product p{font-size: 16px;color: #666666;margin-bottom: 20px;}
.content-wrapper.product table td p,.content-wrapper.product table td{font-size: 16px;margin-bottom: 0;}
.content-wrapper.product .content{padding:32px;}
.content-wrapper.product .content .imgs{display:flex;border:1px solid #000000;margin-bottom:30px;}
.content-wrapper.product .content .imgs .img{width:50%;}
.content-wrapper.product .content .imgs .img:nth-child(2n){border-left:1px solid #000000;}
.content-wrapper.product .content .canshu{background:#f5f5f5;text-align:center;padding:50px 30px;margin-bottom:40px;}
.content-wrapper.product .content .canshu p{font-size:24px;margin-bottom:0;}
.content-wrapper.product .content .t3{font-size:26px;font-weight:bold;margin-bottom:25px;}

@media(max-width:768px) {
  .pronr-wrapper{padding:0 0 15px;}
  .product-head{padding:15px;}
  .pronr-wrapper .pronr-title{font-size:26px;margin-bottom:20px;}
  .product-head .feedback-box{padding:60px 0 0;}
  .product-head .feedback-box .h2{font-size:20px;margin-bottom:25px;}
  .content-wrapper.product .content{padding:15px;}
  .content-wrapper.product p{font-size:14px;line-height:22px;}
  .content-wrapper.product .content .canshu{padding:20px;margin-bottom:20px;}
  .content-wrapper.product .content .canshu p{font-size:18px;}
  .content-wrapper.product .content .t3{font-size:22px;}
}


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

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

/*留言*/
.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: #f58220; font-size: 1.3rem; }
.search-group .btn:hover{background: #f58220;}
.search-group .btn:hover i{color: #fff;}


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


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

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

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

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

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


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

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

.whole-a{background-color: #f58220;border-radius: 0px 10px 0px 10px;font-size: 17px;color: #ffffff;padding: 15px 15px;display: inline-block;transition: all 0.5s ease;border: solid 1px #f58220;}
.whole-a i{margin-left: 20px;}
.whole-a:hover{background-color:transparent;color: #f58220;}
.whole-t1{font-size: 36px;font-weight: bold;line-height: 40px;color: #24292f;}
.whole-t1 span{color: #f58220;}
.whole-t2{font-weight: bold;transition: all 0.5s ease;}
.whole-t2:hover{color: #f58220;}
/*index*/
.home-recommended{padding: 100px 0;text-align: center;}
.home-recommended .t2{color: #76797d;margin: 20px 0 30px 0;}
.home-recommended .box{display: flex;justify-content: space-between;text-align: left;align-items: center;padding: 30px;position: relative;margin-bottom: 50px;}
.home-recommended .box::before{content: '';position: absolute;left: 0;top: 0;background-color:#f6f6f6;height: 100%;width: 80%;border-radius: 0px 10px 0px 10px;z-index: -1;}
.home-recommended .box .left{flex: 0 0 47%;}
.home-recommended .box .right{flex: 0 0 48%;}
.home-recommended .box .right img{mix-blend-mode: darken;}
.home-recommended .box .a2{margin: 20px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.home-recommended .box .left img{mix-blend-mode: darken;max-width: 115px;}

@media(max-width:768px) {
    .whole-a{font-size: 14px;padding: 5px 10px;}
    .whole-a i{margin-left: 5px;}
    .whole-t1{font-size: 22px;line-height: 25px;}
    .home-recommended .t2{margin: 10px 0;}
    .home-recommended{padding: 20px 0;}
    .home-recommended .box{padding: 10px;margin-bottom: 20px;flex-direction: column;}
    .home-recommended .box::before{width: 100%;}
    .whole-t2{font-size: 16px;}
    .home-recommended .box .a2{margin: 10px 0;}
}


.home-ab{background: url(../webp/home-ab-bgbm4npw.webp) no-repeat;padding-bottom: 180px;}
.level-wider{padding: 50px;background-color: #fff;box-shadow: 3px 4px 68px 11px  rgba(0, 0, 0, 0.1);border-radius: 0px 20px 0px 20px;}
.level-wider .box{display: flex;justify-content: space-between;}
.level-wider .box .left{flex: 0 0 33%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;}
.level-wider .box .left .whole-p{margin: 20px 0;color: #24292f;}
.level-wider .box .left a{display: flex;border-radius: 0px 10px 0px 10px;border: solid 2px #24292f;align-items: center;justify-content: center;color: #24292f;width: 56px;height: 56px;transition: all 0.5s ease;}
.level-wider .box .left a:hover{border: solid 2px #f58220;color: #f58220;}
.level-wider .box .right{flex: 0 0 57%;}
.level-wider .box .right .boximg{position: relative;box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);border-radius: 0px 10px 0px 10px;margin-bottom: 30px;margin-right: 20px}
.level-wider .box .right .boximg img{border-radius: 0px 10px 0px 10px;}
.level-wider .box .right .boximg .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 15px;background-color: #0000007e;opacity: 0;transition: all 0.3s ease;border-radius: 0px 10px 0px 10px;}
.level-wider .box .right .boximg .text .textone{border: solid 2px #f58220;display: flex;justify-content: center;align-items: center;font-size:23px;font-weight: 600;line-height: 30px;color: #fff;height: 100%;border-radius: 0px 10px 0px 10px;text-align: center;}
.level-wider .box .right .boximg:hover .text{opacity: 1;}
@media(max-width:768px) {
    .level-wider{padding: 20px 0;}
    .level-wider .box .left{margin-bottom: 10px;}
    .level-wider .box{flex-direction: column;padding: 10px;}
    .level-wider .box .left .whole-p{margin: 10px 0;}
    .level-wider .box .left a{width: 40px;height: 40px;}
    .level-wider .box .right .boximg{margin-right: 0;}
    .home-ab{padding-bottom: 20px;}
}

.home-aa{background-color: #f5f6fa;}
.home-aa .container-xl{display: flex;justify-content: space-between;align-items: center;max-width: 1690px;margin-right: 0; padding-right: 0;}
.home-aa .left{flex: 0 0 42%;position: relative;z-index: 1;background: linear-gradient(to right,#f5f6fa 87%,transparent);padding: 40px 0;}
.home-aa .left .box{width: 90%;}
.home-aa .left .t2{margin: 30px 0;}
.home-aa .left .whole-a{border: solid 1px #24292f;background-color: transparent;color:#24292f ;}
.home-aa .left .whole-a:hover{color: #f58220;border: solid 1px #f58220;}
.home-aa .left img{margin-left:40px ;}
.home-about{background-color: #ffffff;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius: 0px 20px 0px 20px;margin-right: -80px;margin-top: 40px;margin-bottom: -140px;border-bottom: 2px solid #f58220;}
.home-about .num-items{display: flex;justify-content: space-around;padding: 40px;}
.home-about .num-items .text{display: flex;font-size: 36px;font-weight: bold;line-height: 38px;color: #f58220;margin-bottom: 15px;}
.home-aa .img{margin-left: -100px;}
.home-aa .img img{mix-blend-mode: darken;}

@media(max-width:768px) {
    .home-aa .container-xl{flex-direction: column;}
    .home-aa .left{padding: 20px 0;}
    .home-aa .left .box{width: auto;padding-right: 15px;}
    .home-aa .left .t2{margin: 10px 0;}
    .home-aa .left img{margin-left: 10px;}
    .home-about{margin: 0;margin-top: 20px;margin-right: 15px;}
    .home-about .num-items{padding: 10px;}
    .home-about .num-items .num-item{flex: 0 0 20%;}
    .home-about .num-items .text{font-size: 30px;margin-bottom: 5px;}
    
}


.home-what{padding: 180px 0;}
.home-what .container-xl{display: flex;justify-content: space-between;align-items: flex-start;}
.home-what .left{flex: 0 0 40%;}
.home-what .right{flex: 0 0 57%;}
.home-what .right .text{display: flex;justify-content: space-between;align-items: flex-start;}
.home-what .right .text .textone{flex: 0 0 68%;}
.home-what .right .text .t2{color: #76797d;margin-top: 10px;}
.home-what .right .text .t2 span{font-size: 18px;color: #f58220;}
.home-what .right .text .whole-a{border: solid 1px #181a1d;background-color: #181a1d;}
.home-what .right .text .whole-a:hover{background-color: transparent;color: #181a1d;}

.faq-wrapper{}
.faq .text{margin: 70px 0;border: solid 1px #dddddd;padding: 50px;}
.faq .text .whole-p{color: #666666;margin: 20px 0;}
.faq-wrapper .item{}
.faq-wrapper .item .item-head{display: flex;align-items: center;border-bottom:1px solid #a9a9a9;}
.faq-wrapper .item .item-head .title-head{padding:23px 0;display: flex;align-items: center;color: #000;}
.faq-wrapper .item .item-head .title-head p{font-size: 24px;font-weight: bold;line-height: 25px;}
.faq-wrapper .item .item-head .push{display: flex;align-items: center;justify-content: center;cursor: pointer;margin-right: 20px;font-size:14px;border-radius: 50px;width: 24px;height: 24px;background-color: #000;color: #fff;}
.faq-wrapper .item.active .item-head .push{background-color: #f58220;}
.faq-wrapper .item.active .item-head .title-head{color: #f58220;}
.faq-wrapper .item .item-head .push i:nth-child(1), .faq-wrapper .item .item-head .push.open i:nth-child(2){display: block;}
.faq-wrapper .item .item-head .push i:nth-child(2),.faq-wrapper .item .item-head .push.open i:nth-child(1){display: none;}
.faq-wrapper .item .item-contact{border-bottom:1px solid #a9a9a9;padding:30px 0;display: none;}
.faq-wrapper .item.active .item-contact{display:flex;}

@media (max-width:768px){
    .home-what{padding: 20px  0;}
    .home-what .container-xl{flex-direction: column-reverse;}
    .home-what .right .text{flex-direction: column;}
    .faq-wrapper{padding: 10px 0;}
    .faq .text{margin: 20px 0;padding: 10px;}
    .faq .text .whole-p{margin: 10px 0;}
	.faq-wrapper .item-head .title-head{margin-left:10px;padding: 10px 0;}
	.faq-wrapper .item-head .title-head .q,.faq-wrapper .item .item-contact .a{margin-right: 10px;width: 30px;min-width:30px;height: 30px;font-size: 18px;}
	.faq-wrapper .item-head .title-head p{font-size: 16px;}
    .faq-wrapper .item-head .push{width: 30px;height: 30px;margin-right: 10px;}
	.faq-wrapper .item .item-contact{margin:0 10px;padding: 10px 0;}
	.faq-wrapper .item .item-contact p{font-size: 12px;line-height: 20px;}
  .faq-wrapper .item.active .item-contact{display:flex;}
}




.home-get{background: url(../webp/home-getohshnp.webp) no-repeat;background-size: cover;padding: 60px 0;}
.home-get .box{background-color: #f58320b7;border-radius: 0px 20px 0px 20px;padding: 50px 80px;max-width: 53%;    display: flex; flex-direction: column;align-items: flex-end;}
.home-get .box .text{font-size: 50px;font-weight: bold;line-height: 78px;color: #ffffff;}
.home-get .box a{display: flex;border-radius: 0px 10px 0px 10px;border: solid 2px #ffffff;align-items: center;justify-content: center;color: #ffffff;width: 56px;height: 56px;transition: all 0.5s ease;margin-top:50px;}
.home-get .box a:hover{box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;}

@media (max-width:768px){
    .home-get{padding: 20px 0;}
    .home-get .box{max-width: 100%;padding: 20px;}
    .home-get .box .text{font-size: 22px;line-height: 30px;}
    .home-get .box a{width: 40px;height: 40px;}
}


.home-map{padding: 100px 0;}
.home-map .container-xl{display: flex;justify-content: space-between;align-items: center;}
.home-map .left{flex:0 0 37%;}
.home-map .left .t2{color: #76797d;margin-top: 30px;}
.home-map .right .img{margin-left: -50px;position: relative;z-index: -1;}

@media (max-width:768px){
    .home-map{padding: 20px 0;}
    .home-map .container-xl{flex-direction: column;}
    .home-map .left .t2{margin-top: 10px;}
}


.home-news{background-color: #f5f6fa;padding: 80px 0;}
.home-news .top{display: flex;justify-content: space-between;align-items: center;}
.home-news .bottom{display: flex;justify-content: space-between;padding: 60px 0;}
.home-news .bottom .left{flex: 0 0 37%;overflow: hidden;padding-right: 40px;}
.home-news .bottom .img{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);border-radius: 10px;overflow: hidden;}
.home-news .bottom .img img{border-radius: 10px;}
.home-news .bottom .left .text{padding: 15px 0;}
.home-news .bottom .t1{font-size: 20px;font-weight: bold;line-height: 23px;color: #404040;}
.home-news .bottom .t2{color: #404040;margin: 5px 0;}
.home-news .bottom .mo-a{color: #404040;position: relative;transition: all 0.5s;overflow: hidden;}
.home-news .bottom .mo-a::before{content: '';position: absolute;width: 100%;left: -100%;height: 1px;background-color: #f58220;bottom: 0;transition: all 0.5s;overflow: hidden;}
.home-news .bottom .mo-a:hover::before{left: 0;}
.home-news .bottom .mo-a:hover{color: #f58220;}
.home-news .bottom .right{padding-left: 40px;border-left: 1px solid #d9d9d9;flex: 1;}
.home-news .bottom .right .box{display: flex;justify-content: space-between;align-items: center;}
.home-news .bottom .right .box:first-child{margin-bottom: 40px;}
.home-news .bottom .right .box .img{flex:  0 0 46%;}
.home-news .bottom .right .box .text{overflow: hidden;flex: 0 0 47%;}
.home-news .bottom .right .box .t3{font-weight: bold;}
.home-news .bottom .right .box .t4{overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px 0;}

.home-news .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px;}
.home-news .list .news-col{width:48.5%;}
.news-col{margin-bottom:35px;background:#fff;position:relative;display:flex;align-items:center;padding:25px;box-shadow:5px 10px 20px rgba(0, 0, 0, 0.1);}
.news-col .img{width:30%;position:relative;overflow:hidden;}
.news-col .text{width:70%;padding-left:30px;}
.news-col .text .title{font-size:18px;font-weight:bold;margin-bottom:10px;text-align:left; }
.news-col .text .desc{font-size:16px;color:#666;display: -webkit-box;text-align:left; 
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-col .text .time{color:#f58220;font-size:14px;display:inline-block;margin-top:10px;text-align:left; }

.news-con .news-col .img{width:23.5%;}
.news-con .news-col .text{width:76.5%;padding-left:30px;}

@media (max-width:768px){
    .home-news{padding: 20px 0;}
    .home-news .bottom{padding: 20px 0;flex-direction: column;}
    .home-news .bottom .left{padding: 0;}
    .home-news .bottom .right{padding: 0;border: 0;}
    .home-news .bottom .right .box:first-child{margin: 0;}
    .home-news .bottom .right .box{flex-direction: column;}

    .home-news .list{display:block;margin-top:15px;}
    .home-news .list .news-col{width:100%;}
    .news-col{width:100%;display:block;}
    .news-col .img{width:100%;}
    .news-col .text{width:100%;padding:15px 0;}
    .news-col .text .title{font-size:16px;}
    .news-col .text .desc{font-size:14px;}

    .news-con .news-col .img{width:100%;}
    .news-con .news-col .text{width:100%;padding:15px 0;}
}


.foot{background: url(../webp/foot-banneryb9sey.webp)no-repeat;background-size: cover;}
.foot .container-xl{display: flex;justify-content: space-between;}
.foot .left{flex: 0 0 30%;background-color: #f58320c2;padding: 40px 15px;}

.foot .add-box{padding:20px 0 0 20px;border-top: 1px solid #ffffff;margin-top: 40px;}
.foot .img{padding: 0 40px;}
.foot .addr{display:flex;margin-top:25px;margin-bottom:25px;line-height:20px;color: #fff;}
.foot .addr span{width:30px;min-width:30px;margin-right:15px;}
.foot .addr a{color: #fff;line-height:26px;}
.foot .addr a:hover{text-decoration: underline;}
.foot .right{flex: 0 0 65%;}
.foot .top{display: flex;justify-content: space-between;padding: 40px 0;}
.foot .top .topone{flex: 0 0 25%;}
.foot .top .one .t1{font-size: 19px;line-height: 38px;color: #ffffff;margin-top: 30px;}
.foot .top .toptwo{flex: 0 0 20%;}
.foot .top .topthree{flex: 0 0 55%;}
.foot .top .tit{font-size: 20px;    color: #ffffff;margin-bottom: 40px;font-weight: bold;}
.foot .top .ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot .top .ul a{line-height: 34px;color: #ffffff;display: flex;flex:0 0 50%;font-size: 14px;}
.foot .top .ul a::before{content: '';width: 5px;height: 5px;display: inline-block;border-radius: 50px;background-color: #fff;margin-right: 10px;margin-top: 13px;}
.foot .top .ul a:hover{color: #f58220;text-decoration: underline;}
.foot .top .ul a:hover::before{background-color: #f58220;}
.foot .bottom{padding:30px 0 50px 0;display: flex;justify-content: space-between;align-items: center;}
.foot .bottom .for-form{display: flex;align-items: center;margin: 0;padding: 8px 0;background: #fff;border-radius: 0px 10px 0px 10px;}
.foot .bottom .form-feedback .form-control{background: #fff;border-radius: 0;border: 0;color: #333;padding-top: 5px;padding-bottom: 5px;}
.foot .bottom .form-feedback .inone{border-left: 1px solid #dfdfdf;resize: none;border-color: #dfdfdf;}
.foot .bottom .form-feedback .btn{background: transparent;padding: 0;max-width: 60px;}
.foot .bottom .was-validated .form-control:invalid,
.foot .bottom .form-control.is-invalid {
    border-color: inherit;
    padding-right: calc(1.5em + .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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.foot .bottom .was-validated .form-control:invalid:focus,
.foot .bottom .form-control.is-invalid:focus {
    border-color: #f5543f
}
.foot .bottom .for{flex: 0 0 58%;}
.foot .bottom .h3{display: flex;align-items: center;justify-content: space-between;flex:0 0 33%;}
.foot .dibu{font-size: 14px;color: #fbfbfb;}
@media(max-width:768px) {
    .foot{padding: 20px 0;background: #333;}
    .foot .container-xl{flex-direction: column;}
    .foot .left{padding: 20px 10px;}
    .foot .top{flex-wrap: wrap;padding: 20px 0;}
    .foot .top .topone{flex: 0 0 50%;margin-bottom: 10px;}
    .foot .top .toptwo{flex: 0 0 50%;}
    .foot .top .topthree{flex: 0 0 100%;}
    .foot .top .ul a{flex: 0 0 100%;}
    .foot .top .tit{font-size: 20px;margin: 10px 0;}
    .foot .add-box{padding: 10px 0 0 10px;margin-top: 10px;}
    .foot .addr{margin: 10px 0;}
    .foot .bottom{flex-direction: column;padding: 10px 0;}
}




.about-aa{background-color: #fff;padding: 80px 0 130px 0;}
.about-aa .container-xl{display: flex;justify-content: space-between;align-items: center; max-width: 1430px;margin-right: auto; padding-right: 15px;}
.about-aa .left{flex: 0 0 43%;position: relative;z-index: 1;padding: 0;background: linear-gradient(to right,#fff 87%,transparent);}
.about-aa .left .box{width:auto;}
.about-aa .left .t2{margin: 30px 0;color: #727272;line-height: 30px;}
.about-aa .left img{margin-right:70px;margin-left: 0;margin-top: 40px;}
.about-aa .home-about{background-color: transparent;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0);border-radius: 0;border: 0;margin: 0;}
.about-aa .home-about .num-items{display: flex;justify-content: space-between;padding: 0;}
.about-aa .home-about .num-items .text{display: flex;font-size: 36px;font-weight: bold;line-height: 38px;color: #f58220;margin-bottom: 15px;justify-content: center;}
.about-aa .home-about .num-item{text-align: center;}
.about-aa .right .img{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);margin: 0;}
.about-aa .right{flex: 0 0 51%;}


@media(max-width:768px) {
    .about-aa{padding: 20px 0;}
    .about-aa .container-xl{flex-direction: column-reverse;}
    .about-aa .left .t2{margin: 10px 0;line-height: 22px;}
    .about-aa .left img{margin: 10px ;}
}

.about-quality{background: url(../webp/about-qualityd08ax1.webp) no-repeat;background-size: cover;}
.about-quality .img{width: 130px;text-align: center;min-width: 130px;}
.about-quality .bottom{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 50px;}
.about-quality .bottom .t1{font-size: 24px;font-weight: bold;color: #ffffff;margin-bottom: 20px;}
.about-quality .bottom .t2{font-size: 14px;color: #ffffff;}
@media(max-width:768px) {
    .about-quality{padding: 20px 0;}
    .about-quality .top{display: none;}
    .about-quality .bottom{margin: 10px 0;}
    .about-quality .img{width: 60px;min-width: 60px;overflow: hidden;margin-right: 10px;height: 60px;}
    .about-quality .bottom .t1{font-size: 20px;margin-bottom: 10px;}
}

.about-swp{padding: 130px 0;text-align: center;}
.about-swp .whole-t1{margin-bottom: 20px;}
.about-swp .t2{color: #757575;}
.about-swp .home-case{position: relative;padding:  0 20px;}
.about-swp .home-case .img{transform: scale(0.7);transition: all 0.5s;}
.about-swp .home-case .box{position: relative;margin:  60px 0 130px 0;}
.about-swp .home-case .swiper-slide-active .img,.about-swp .home-case .swiper-slide-duplicate-active .img{transform: scale(1);box-shadow: -13px 13px 10px 0px  rgba(0, 0, 0, 0.11);}
.about-swp .home-case .swiper-slide-active .swp-text,.about-swp .home-case .swiper-slide-duplicate-active .swp-text{opacity: 1;transform: scale(1);}
.about-swp .home-case .swp-text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #00000073;opacity: 0;transition: all 0.5s;transform: scale(0.7);}
.about-swp .swiper-button-next,.about-swp .swiper-button-prev{background-color: #979797;color: #fff;transition: all 0.3s;}
.about-swp .swiper-button-next:after,.about-swp .swiper-button-prev:after{font-size: 14px;}
.about-swp .swiper-button-next:hover,.about-swp .swiper-button-prev:hover{background-color: #f58220;}
.about-swp .whole-a{border-radius: 0;}

@media(max-width:768px) {
    .about-swp{padding: 20px 0;}
    .about-swp .whole-t1{margin-bottom: 10px;}
    .about-swp .home-case .box{margin: 20px;}
    .about-swp .home-case .swiper-slide{height:250px;}
}

.about-video{background: url(../webp/about-videoqj9n4p.webp) no-repeat;background-size: cover;padding: 50px 0;}
.about-video .container-xl{display: flex;justify-content: space-between;align-items: center;}
.about-video .ply{display: flex;align-items: center;justify-content: center;width:45%;}
.about-video .ply img{transform:scale(1.3);opacity:0.6;transition:all 0.5}
.about-video .ply img:hover{opacity:1;}
.about-video .box{padding: 25px 60px;background-color: #f58320ab;width: 45%;}
.about-video .box .whole-t1{color: #ffffff;}
.about-video .box .t2{color: #ffffff;margin: 25px 0;}
.about-video .box a{display: flex;border: solid 2px #ffffff;align-items: center;justify-content: center;color: #ffffff;width: 56px;height: 56px;transition: all 0.5s ease;}
.about-video .box a:hover{box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;}

@media(max-width:768px) {
    .about-video{padding: 20px 0;}
    .about-video .container-xl{flex-direction: column;}
    .about-video .box{padding: 20px;width: auto;}
    .about-video .box .t2{margin: 10px 0;}
    .about-video .ply img{transform:scale(0.9);}
}


.about-map{padding: 130px 0;}
.about-map .top{text-align: center;}
.about-map .top img{margin: 80px 0;}
.about-map .bottom{display: flex;justify-content: space-between;align-items: center;}
.about-map .bottom .left{width: 53%;}
.about-map .bottom .right{width: 41%;}
.about-map .bottom .right .t2{font-size: 24px;color: #24292f;font-weight: bold;margin: 20px 0;}
.about-map .bottom .right .t3{color: #727272;}
.about-map .bottom .right .t4{font-size: 14px;color: #727272;margin: 20px 0;}
.about-map .bottom .right .t4 img{margin-top: -5px;margin-right: 5px;}
.about-map .swiperone{ margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.about-map .bottom .right .swiper-pagination{position: relative;text-align: left;bottom: 0;}
.about-map .swiper-pagination-bullet{width: 22px;height: 3px;background-color: #000000;border-radius: 0;}
.about-map .swiper-pagination-bullet-active{background-color: #f58220;}


@media(max-width:768px) {
    .about-map{padding: 20px 0;}
    .about-map .top img{margin: 20px 0;}
    .about-map .bottom{flex-direction: column-reverse;}
    .about-map .bottom .left{width: 100%;}
    .about-map .bottom .right{width:auto;}
    .about-map .bottom .right .t2{font-size: 16px;margin: 10px 0;}
    .about-map .bottom .right .t4{margin: 10px 0;}

}

.whole-top{margin-top: -56px;position: relative;}
.whole-top .container-xl{display: flex;align-items: center;justify-content: center;}
.whole-top a{flex: 0 0 15%;font-weight: bold;line-height: 30px;color: #ffffff;padding: 13px 0;background-color: #24292f;transition: all 0.5s;text-align: center;}
.whole-top a.active{background-color: #ffffff;color: #f58220;text-decoration: underline;}
.whole-top a:hover{background-color: #ffffff;color: #f58220;text-decoration: underline;}

@media(max-width:768px) {
    .whole-top{margin-top: -10px;}
    .whole-top a{flex: auto;padding: 0;font-size: 12px;}
}

.history-pro{padding: 90px 0 140px 0;text-align: center;}
.history-pro .t2{color: #757575;margin: 50px 0 70px 0;}
.history-pro .box{display: flex;justify-content: space-between;text-align: center;padding-bottom: 50px;align-items: center;}
.history-pro .box:nth-child(2n){flex-direction: row-reverse;}
.history-pro .box:nth-child(2n) .right{display: flex;justify-content:space-between;flex-direction: row-reverse;}
.history-pro .box:nth-child(2n) .right .he{margin: 0;margin-left: 40px;}
.history-pro .box:nth-child(2n) .left::before{left: 0;}
.history-pro .box:last-child .right .he::before{width: 0;}
.history-pro .box .left{flex: 0 0 44%;background-color: #ffffff;display: flex;justify-content: center;align-items: center;position: relative;}
.history-pro .box .left::before{content: '';position: absolute;background: url(../webp/xuxian14q619.webp) no-repeat;height: 5px;width: 19%;right: 0;}
.history-pro .box .left .img{overflow: hidden;border: solid 2px #f58220;width: 55%;}
.history-pro .box .left .text{line-height: 21px;color: #76797d;text-align: left;display: flex;align-items: center;}
.history-pro .box .right{flex: 0 0 54.3%;display: flex;align-items: center;text-align: left;}
.history-pro .box .right .he{width: 122px;height: 122px;background-color: #f58220;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: bold;color: #ffffff;border-radius: 50%;position: relative;margin-right: 40px;}
.history-pro .box .right .he::before{content: '';position: absolute;width: 2px;height: 100px;background-color: #f58220;left: 50%;transform: translate(-50%); bottom: -105%; }
.history-pro .box .right .text{width: 75%;}
.history-pro .box .right .whole-t1{color: #f58220;}
.history-pro .box .right .t2{margin: 0; margin-top: 15px;}
/*ydd*/
@media(max-width:768px) {
    .history-pro{padding: 20px 0;}
    .history-pro .box{flex-direction: row;padding-bottom: 20px;align-items: center;}
    .history-pro .home-t1{margin-bottom: 20px;}
    .history-pro .box .left{padding: 5px;margin-top: 20px;}
    .history-pro .box .left .img{margin-right: 10px;width: auto;}
    .history-pro .box .left .text{line-height: 18px;}
    .history-pro .box .right .he{width: 50px;height: 50px;font-size: 16px;display: none;}
    .history-pro .box .right .he::before{height: 30px;bottom: -45%;}
    .history-pro .box .left::before{height: 0;}
    .history-pro .box .right .text{width: auto;}
    .history-pro .box:nth-child(2n){flex-direction:row-reverse;}
    .history-pro .t2{margin: 10px 20px;}
    .history-pro .box .right .t2{margin-top: 5px;}
}


.team-con{padding: 90px 0 0 0;text-align: center;}
.team-con .t2{color: #757575;margin: 50px 0 0 0;}
.team-con .box{padding: 90px 0;}
.team-con .box .boxs{display: flex;justify-content: space-between;align-items: center;box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);background-color: #fff;}
.team-con .box:nth-child(2n){background-color: #f5f5f7;}
.team-con .box:nth-child(2n) .boxs{flex-direction: row-reverse;justify-content: flex-end;}
.team-con .box:nth-child(2n) .boxs .text{margin: 0;}
.team-con .box .boxs .text{margin-left: 70px;text-align: left;}
.team-con .box .boxs .t2{color: #181a1d;margin-top: 30px;}

@media(max-width:768px) {
    .team-con{padding: 20px 0 0 0;}
    .team-con .t2{margin: 10px;}
    .team-con .box{padding: 20px 0;}
    .team-con .box .boxs{flex-direction: column;padding: 10px 0 0 0;}
    .team-con .box .boxs .text{margin: 0;}
    .team-con .box .boxs .t2{margin: 10px;}
    .team-con .box:nth-child(2n) .boxs{flex-direction: column;}
}

/*factory*/
.factory-march{padding: 120px 0;text-align: center;}
.factory-march .whole-t1{color: #3d3d3d;}
.factory-march .t2{color: #757575;margin-top: 30px;}
.factory-march .boxs{margin: 60px 15px 0 15px;}
.factory-march .boxs .h1{overflow: hidden;border: solid 2px #e2e2e2;}
.factory-march .boxs .h2{text-align: center;line-height: 22px;color: #3d3d3d;padding: 15px 0;font-family: 'Rubik';font-weight: bold;font-size: 24px;}
.factory-march .boxs .h1:hover{border: solid 2px #f58220;}
/*ydd*/
@media(max-width:768px) {
    .factory-march{padding: 20px 0;}
    .factory-march .t2{margin-top: 10px;}
    .factory-march .boxs{margin: 10px 0;}
    .factory-march .boxs .h2{line-height: 20px;padding: 5px 0;font-size: 14px;}
    
}




/*certificate*/
.certificate{padding: 120px 0;text-align: center;}
.certificate .whole-t1{color: #3d3d3d;}
.certificate .t2{color: #757575;margin-top: 30px;}
.certificate .col-md-3{margin: 50px 0;}
.certificate .boxs{padding: 20px 30px;	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.17);height: 100%;}
.certificate .boxs .h2{line-height: 22px;color: #3d3d3d;transition: all 0.3s ease;padding: 5px 0;margin-top: 15px;}
.certificate .boxs .h2:hover{background-color: #f58220;color: #fff;}
@media(max-width:768px) {
    .certificate{padding: 20px 0;}
    .certificate .home-t1{margin-bottom: 10px;}
    .certificate .col-md-3{margin: 10px 0;}
    .certificate .boxs{padding: 10px;}
    .certificate .boxs .h2{line-height: 14px;padding: 5px 0;margin-top: 5px;font-size: 12px;}
    .certificate .t2{margin-top: 10px;}
}


.services-top{background: linear-gradient(to top,#f5f5f7 50%,#fff 50%);padding: 100px 0;}
.services-top .box{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);position: relative;}
.services-top .box .text{width: 50%;height: 100%;position: absolute;left: 70px;top: 0;display: flex;flex-direction: column;justify-content: center;}
.services-top .box .text .t2{color: #181a1d;line-height: 30px;margin-top: 30px;}

@media(max-width:768px) {
    .services-top{padding: 20px 0;}
    .services-top .box{background: #fff;}
    .services-top .box .text .t2{line-height: 22px;margin-top: 10px;}
}

.services-bottom{background-color: #f5f5f7;}
.services-bottom .whole-t1{text-align: center;}
.services-bottom .box{display: flex;justify-content: space-between;padding: 150px 0;}
.services-bottom .box .boxs{position: relative;flex: 0 0 10%;text-align: center;}
.services-bottom .box .boxs .top{width: 95px;height: 95px;background-color: #ffffff;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius: 50px;font-size: 50px;font-weight: bold;line-height: 95px;color: #181a1d;text-align: center;margin: 0 auto;}
.services-bottom .box .boxs .text{font-size: 18px;line-height: 30px;color: #181a1d;margin-top: 30px;}
.services-bottom .box .boxs:nth-child(odd)::before{content: '';position: absolute;background: url(../webp/services-boaq4wma.webp) no-repeat;width: 170px;height: 49px;left: 50%;bottom: -40%;}
.services-bottom .box .boxs:nth-child(even) .top{background-color: #f58220;color: #ffffff;}
.services-bottom .box .boxs:nth-child(even)::before{content: '';position: absolute;background: url(../webp/services-to71in9j.webp) no-repeat;width: 170px;height: 49px;left: 50%;top: -40%;}
.services-bottom .box .boxs:last-child::before{width: 0;}

@media(max-width:768px) {
    .services-bottom .box{padding: 20px 0;flex-wrap: wrap;}
    .services-bottom .box .boxs:nth-child(odd)::before{width: 0;height: 0;}
    .services-bottom .box .boxs:nth-child(even)::before{width: 0;height: 0;}
    .services-bottom .box .boxs .top{width: 70px;height: 70px;    font-size: 40px;line-height: 70px;}
    .services-bottom .box .boxs .text{font-size: 14px;    line-height: 20px;margin-top: 10px;}
}


.services-center{padding: 130px 0 70px 0;}
.services-center .whole-t1{text-align: center;}
.services-center .box{display: flex;justify-content: space-between;align-items: center;margin: 60px 0;}
.services-center .box .left{flex: 0 0 50%;}
.services-center .box .left .t1{font-size: 24px;font-weight: bold;line-height: 24px;color: #212628;margin-bottom: 30px;}
.services-center .box .left .t2{color: #212628;width: 89%;}
.services-center .box .right{flex: 0 0 46%;}
.services-center .box .right img{box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.services-center .box:nth-child(even){flex-direction: row-reverse;}
.services-center .box:nth-child(even) .left{padding-left: 100px;}

@media(max-width:768px) {
    .services-center{padding: 20px 0;}
    .services-center .box{flex-direction: column;margin: 20px 0;}
    .services-center .box .left{margin-bottom: 10px;}
    .services-center .box .left .t1{font-size: 20px;margin-bottom: 10px;}
    .services-center .box .left .t2{width: auto;}
    .services-center .box:nth-child(even){flex-direction: column;}
    .services-center .box:nth-child(even) .left{padding: 0;}
}

.services-contact{background: url(../webp/services-contact-bgrysyl1.webp) no-repeat;padding: 40px 0;}
.services-contact .container-xl{display: flex;justify-content: space-between;align-items: center;}
.services-contact .left{padding: 30px;background-color: #f58320a9;flex: 0 0 42%;}
.services-contact .left .tt{font-size: 24px;font-weight: bold;line-height: 24px;color: #ffffff;margin-bottom: 30px;}
.services-contact .left .form-feedback .form-control{background-color: transparent;border-radius: 0;border: solid 2px #ffffff;padding-top: 7px;padding-bottom: 7px;color: #fff;}
.services-contact .left .form-feedback .btn{font-size: 17px;color: #181a1d;border-radius: 0;padding-top: 10px;padding-bottom: 10px;background: #fff;transition: all 0.5s ease;border: solid 1px #fff;box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.2);font-weight: bold;}
.services-contact .left .form-feedback .btn:hover{background-color: transparent;color: #fff;}
.services-contact .left .form-group{margin-bottom: 26px;}
.services-contact .left .form-group input::-webkit-input-placeholder,.services-contact .left .form-group textarea::-webkit-input-placeholder{color: #fff;}
.services-contact .left .form-group textarea{resize: none;}
.services-contact .right{flex: 0 0 55%;}
.services-contact .right .whole-t1{color: #ffffff;}
.services-contact .right .t2{color: #ffffff;margin: 20px 0;}
.services-contact .right a{font-size: 28px;font-weight: bold;color: #ffffff;margin-left: 20px;}
.services-contact .right a:hover{text-decoration: underline;}
@media(max-width:768px) {
    .services-contact{padding: 20px 0;}
    .services-contact .container-xl{flex-direction: column-reverse;}
    .services-contact .left{padding: 10px;}
    .services-contact .left .t1{font-size: 20px;line-height: 22px;}
    .services-contact .left .tt{font-size: 20px;margin-bottom: 10px;}
    .services-contact .right .t2{margin: 10px 0;}
    .services-contact .right .se-ph img{width: 15%;}
    .services-contact .right a{font-size: 18px;margin-left: 15px;}
    .services-contact .left .form-group{margin-bottom: 10px;}
    .services-contact .left .form-feedback .btn{padding-top: 5px;padding-bottom: 5px;font-size: 16px;}
}


.services-machine{padding: 120px 0;text-align: center;}
.services-machine .t2{margin: 20px 0 40px 0;}
.services-machine .box{display: flex;padding:0 40px;}
.services-machine .box .boxs{border: 1px  solid #a9a9a9;flex: 0 0 25%;border-right:0 ;}
.services-machine .box .boxs .img{overflow: hidden;}
.services-machine .box .boxs .text{padding: 30px;}
.services-machine .box .boxs .text .t3{font-size: 18px;font-weight: bold;line-height: 28px;color: #24292f;text-align: left;overflow: hidden;text-overflow: ellipsis;min-height: 56px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.services-machine .box .boxs .text .t4{color: #24292f;line-height: 25px;text-align: left;margin: 10px 0 20px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.services-machine .box .boxs .text time{display:flex;text-align:left;color:#f58220;}
.services-machine .box .boxs .text .whole-a{border-radius: 0;margin-bottom: 10px;padding: 13px 30px;}
.services-machine .box .boxs:first-child{border-left: 0;}

@media(max-width:768px) {
    .services-machine{padding: 20px 0;}
    .services-machine .t2{margin: 10px 0;}
    .solution-machine .t2{margin: 10px 0;}
    .services-machine .box{flex-direction: column;padding: 0 15px;}
    .services-machine .box .boxs{border: 0;border-top: 1px solid #a9a9a9;}
    .services-machine .box .boxs .text{padding: 10px;}
    .services-machine .box .boxs .text .t3{font-size: 16px;line-height: 20px;min-height:auto;height:auto;}
    .services-machine .box .boxs .text .whole-a{padding: 5px 20px;}
}
.faq{padding:100px 0 130px 0;}
.faq .container-xl{display: flex;justify-content: space-between;}
.faq .left{flex: 0 0 25%;}
.faq .left .hr{width: 30px;height: 3px;background-color: #f58220;}
.faq .left .t1{color: #727272;margin: 10px 0;}
.faq .left .whole-t1{color: #24292f;margin-bottom: 40px;}
.faq .left .box{box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);padding: 30px 20px;}
.faq .left .box .t2{font-size: 24px;font-weight: bold;line-height: 30px;color: #181a1d;margin-bottom: 10px;}
.faq .left .box .faq-a{color: #181a1d;border-bottom: 1px solid #c0c0c0;line-height: 50px;transition: all 0.3s;display: block;}
.faq .left .box .faq-a.active{color: #f58220;border-bottom: 1px solid #f58220;}
.faq .left .box .faq-a:hover{color: #f58220;border-bottom: 1px solid #f58220;}
.faq .right{flex: 0 0 68%;}
.faq .right .box{margin-bottom:40px}
.faq .right .box .top{display:flex;align-items:center;}
.faq .right .box .top .one{font-size:18px;color:#fff;width:46px;height:46px;background-color:#24292f;text-align:center;line-height:46px;font-weight: bold;}
.faq .right .box .top .two{padding-left:15px;font-size:18px;color: #24292f;font-weight: bold;}
.faq .right .box .bottom{padding: 20px 60px;border: solid 1px #727272;color: #727272;margin-top: 20px;}
.faq .right .box:hover .top .one{background-color:#f58220;transition: all 0.5s;}
.faq .right .box:hover .top .two{color: #f58220;transition: all 0.5s;}


@media(max-width:768px) {
    .faq{padding: 20px 0;}
    .faq .container-xl{flex-direction: column;}
    .faq .left .box{margin-bottom: 20px;padding: 20px 10px;}
    .faq .left .box .faq-a{line-height: 40px;}
    .faq .right .box{margin-bottom: 20px;}
    .faq .right .box .bottom{padding: 10px;margin-top: 10px;}
}


.solution-top{text-align: center;padding: 90px 0;}
.solution-top .t2{color: #76797d;margin: 20px 0 60px 0;}
.solution-top .container-xl{display: flex;justify-content: space-between;align-items: center;}
.solution-top .box .text{color: #24292f;font-weight: bold;}

@media(max-width:768px) {
    .solution-top{padding: 20px 0;}
    .solution-top .t2{margin: 10px 0;}
}



.solution-production{text-align: center;padding-top: 30px;}
.solution-production .t2{color: #76797d;margin: 20px 0 30px 0;}
.solution-production .container-xl{display: flex;justify-content: space-between;align-items: flex-start;}
.solution-production .left{flex: 0 0 54%;text-align: left;}
.solution-production .left .img{overflow: hidden;}
.solution-production .left .t3{font-size: 23px;font-weight: bold;line-height:65px;color: #181a1d;}
.solution-production .left .t4{color: #76797d;width: 80%;margin-bottom: 30px;}
.solution-production .left .whole-a{border-radius: 0;}
.solution-production .right{box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);flex: 0 0 39%;}
.solution-production .right .top{background-color: #f58220;font-size: 23px;font-weight: bold;line-height: 60px;color: #ffffff;}
.solution-production .right .box{padding: 10px 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.solution-production .right .box .boxs{margin: 20px 0;flex: 0 0 40%;}
.solution-production .right .box .boxs .img{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);position: relative;}
.solution-production .right .box .boxs .img::before{content: '';position: absolute;width: 100%;height: 100%;border: solid 3px #f58220;opacity: 0;transition: all 0.3s;}
.solution-production .right .box .boxs .text{font-size: 18px;font-weight: bold;line-height: 30px;color: #24292f;transition: all 0.3s;}
.solution-production .right .box .boxs:hover .img::before{opacity: 1;}
.solution-production .right .box .boxs:hover .text{color: #f58220;}
.solution-production .right .box .boxs.active .img::before{opacity: 1;}
.solution-production .right .box .boxs.active .text{color: #f58220;}

@media(max-width:768px) {
    .solution-production{padding-top: 10px;}
    .solution-production .t2{margin: 10px;}
    .solution-production .container-xl{flex-direction: column;}
    .solution-production .left{margin-bottom: 10px;order:13;}
    .solution-production .left .t3{font-size: 20px;line-height: 35px;}
    .solution-production .left .t4{width: auto;margin-bottom: 10px;}
    .solution-production .right .top{font-size: 18px;line-height: 45px;}
    .solution-production .right .box{padding: 10px;}
    .solution-production .right .box .boxs{flex: 0 0 45%;margin: 10px 0;}
}


.solution-machine .t2{color: #76797d;}
.solution-machine .whole-a{background-color:transparent;color: #f58220;}
.solution-machine .whole-a:hover{background-color: #f58220;color: #fff;}


.solution-video{padding-bottom: 120px;text-align: center;}
.solution-video .whole-t1{text-align: center;}
.solution-video .box{margin: 60px 25px;}
.solution-video .box .img{overflow: hidden;}
.solution-video .box .text{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);padding: 20px 40px;text-align: left;}
.solution-video .box .text .t1{color: #727272;font-size: 14px;}
.solution-video .box .text .t2{font-size: 18px;font-weight: bold;color: #24292f;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 10px 0;}
.solution-video .box .text .t3{color: #76797d;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: 10px;}
.solution-video .box .text .mo{font-size: 16px;font-weight: bold;line-height: 33px;color: #24292f;transition: all 0.3s;text-align: center;display: block;}
.solution-video .box .text .mo:hover{color: #f58220;}
.solution-video .whole-a{background-color:transparent;color: #f58220;border-radius: 0;}
.solution-video .whole-a:hover{background-color: #f58220;color: #fff;}

@media(max-width:768px) {
    .solution-video{padding-bottom: 20px;}
    .solution-video .box{margin: 20px 0;}
    .solution-video .box .text{padding: 10px;}
}



.contact{padding: 90px 0;}
.contact-top{display: flex;justify-content: space-between;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);position: relative;z-index: 1;background-color: #fff;margin-bottom: 110px;}
.contact-top .left{flex: 0 0 55%;padding: 70px;}
.contact-top .left .ttt{color: #727272;margin: 10px 0 40px 0;}
.contact-top .left .form-feedback .form-control{background-color: transparent;border-radius: 0;border: solid 1px #cccccc;padding-top: 10px;padding-bottom: 10px;color: #c5c6c7;}
.contact-top .left .form-feedback .btn{font-size: 18px;border-radius: 0;;background-color: #fff;color: #f58220;border:1px solid #f58220;}
.contact-top .left .form-feedback .btn:hover{background-color: #f58220;color: #fff;}
.contact-top .left .form-group{margin-bottom: 20px;}
.contact-top .left .form-group input::-webkit-input-placeholder,.contact-top .left .form-group textarea::-webkit-input-placeholder{color: #c5c6c7;}
.contact-top .left .form-group textarea{resize: none;}
.contact-top .right{flex: 0 0 45%;background-color: #f58220;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 0 50px;}
.contact-top .right .img img{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);border-radius: 50%;}
.contact-top .right .whole-t1{color: #fff;line-height: 46px;margin: 40px 0;}
.contact-top .right .t2{color: #ffffff;}

.contact .row .box{box-shadow: -2px 2px 7px 0px rgba(0, 0, 0, 0.35);text-align: center;display: flex;flex-direction: column;align-items: center;padding:0 20px 20px  20px;min-height: 235px;margin: 0 10px;}
.contact .row .box .img{width: 60px;height: 65px;background-color: #000000;display: flex;align-items:flex-end;justify-content:center;padding-bottom: 15px;margin-top: -10px;position: relative;transition: all 0.3s ease;}
.contact .row .box .img::before{position: absolute;top: 0;right: -10px;content: '';width: 10px;height: 10px;background-color: #000;clip-path: polygon(0 0, 0% 100%, 100% 100%);transition: all 0.3s ease;}
.contact .row .box .whole-t2{font-size: 25px;margin: 40px 0 30px 0;color: #000;transition: all 0.3s ease;}
.contact .row .box .whole-p{color: #727272;min-height: 72px;}
.contact .row .box a .whole-p:hover{text-decoration: underline;}
.contact .row .box:hover .img{background-color: #f58220;}
.contact .row .box:hover .img::before{background-color: #f58220;}

@media(max-width:768px) {
    .contact{padding: 20px 0;}
    .contact-top{flex-direction: column-reverse;margin-bottom: 40px;margin-top: 0;}
    .contact-top .right{padding: 20px;}
    .contact-top .right .img img{width: 50%;}
    .contact-top .right .whole-t1{line-height: 25px;margin: 10px 0;}
    .contact-top .left{padding: 20px;}
    .contact-top .left .ttt{margin: 10px 0;}
    .contact-top .left .form-feedback .btn{font-size: 14px;}
    .contact .row .box{padding: 0 20px 20px 20px;min-height: auto;margin: 20px 0;}
    .contact .row .box .whole-t2{font-size: 22px;margin: 10px 0;}
    .contact .row .box .whole-p{min-height: auto;}
}


.services-top.contact-se{padding: 90px 0 0 0;background: #fff;}
.services-top.contact-se .box .text .whole-t1{margin-bottom: 20px;}
.services-top.contact-se .box .text .t2{margin: 0;}
@media(max-width:768px) {
    .services-top.contact-se{padding: 20px 0 0 0;}
    .services-top .box{display: flex;flex-direction: column-reverse;padding: 10px;}
    .services-top .box .text{position: relative;left: 0;margin-bottom:10px;width: auto;}
    .services-top.contact-se .box .text .whole-t1{margin-bottom: 10px;}
}

.pro-whole{padding: 80px 0;background-color: #f5f6fa;}
.pro-whole .box{display: flex;justify-content: space-between;align-items: center;}
.pro-whole .box .whole-t1{line-height: 40px;flex: 0 0 40%;color: #f58220;}
.pro-whole .box .home-t2{color: #727272;flex: 0 0 58%;margin: 0;line-height: 30px;}
.pro-cen{padding-bottom: 120px;}
.pro-cen .box{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #a9a9a9;padding: 70px 0;}
.pro-cen .box:first-child{border-top: 0px solid #a9a9a9;}
.pro-cen .box .left{flex: 0 0 38%;}
/* .pro-cen .box .left .img{overflow: hidden;} */
.pro-cen .box .right{flex: 0 0 56%;}
.pro-cen .box .right .whole-t1{color: #f58220;}
.pro-cen .box .right .t2{color: #76797d;margin: 25px 0;}
.pro-cen .box .right .whole-a{padding: 12px 30px;}
.pro-cen .box .right .imgs{display: flex;gap:30px;margin:30px 0 10px;}
.pro-cen .box .right .imgs .img{width: 20%;border: 1px solid #eaeaea;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);}

.pro-cen .box:nth-child(even){flex-direction: row-reverse;}

@media(max-width:768px) {
    .pro-whole{padding: 20px 0;}
    .pro-whole .box{flex-direction: column;}
    .pro-whole .box .whole-t1{line-height: 30px;}
    .pro-whole .box .home-t2{line-height: 22px;}
    .pro-cen .box{padding: 20px 0;flex-direction: column-reverse;}
    .pro-cen .box:nth-child(even){flex-direction: column-reverse;}
    .pro-cen .box .right .whole-a{padding: 5px 25px;}
    .pro-cen .box .right .t2{margin: 10px 0;}
    .pro-cen{padding-bottom: 20px;}

}


.list-top .box{border-bottom: 1px solid  #eaeaea;padding: 40px 0 40px 0;}
.list-top .box .left{}
.list-top .box .left .whole-t1{font-size: 40px;margin-bottom: 30px;}
.list-top .box .left .t2{color: #727272;line-height: 32px;}
.list-top .box .right{}
.list-top .box .right .img{box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);}

@media(max-width:768px) {
    .list-top .box{flex-direction: column;padding: 20px 0;}
    .list-top .box .left{margin-bottom: 10px;}
    .list-top .box .left .whole-t1{font-size: 22px;margin-bottom: 10px;}
    .list-top .box .left .t2{line-height: 22px;}
}


.level-center{padding: 40px 0 0px 0;text-align: center;}
.level-center .row .box{margin:0 10px ; margin-bottom: 40px;}
.level-center .row .box .img{transition: all 0.3s ease;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.level-center .row .box .img{position: relative;}
.level-center .row .box:hover .img .lj{opacity: 1;}
.level-center .row .box .img .lj{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;background-color: #f58220d5;transition: all 0.3s ease;color: #ffffff;padding: 10px 0;text-align: center;}
.level-center .row .box .text{display: flex;align-items: center;justify-content: center;color: #ffffff;padding:20px 0;font-size: 16px;color: #2c2c2c;transition: all 0.3s ease;}
.level-center .row .box:hover .text{color: #f58220;}
@media(max-width:768px) {
    .level-center{padding: 20px 0;}
    .level-center .row .box{margin: 10px;}
    .level-center .row .box .text{padding: 10px 0;font-size: 14px;}
}


.list-wide{background-color: #f5f5f7;padding: 70px 0;text-align: center;}
.list-wide .top-box{display: flex;justify-content: space-between;align-items: center;margin:70px 0;}
.list-wide .left{flex: 0 0 44.6%;border-right: 1px solid #705945;box-shadow: 5px 9px 32px 0px rgba(0, 0, 0, 0.11);}
.list-wide .left .img{position: relative;}
.list-wide .left .img .pa{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #00000061;padding: 25px;}
.list-wide .left .img .pa .cup{border: 1px dashed #fff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #ffffff;}
.list-wide .right{flex: 0 0 55.4%;}
.list-wide .right .box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.list-wide .right .box .boxs{flex: 0 0 33.33%;}
.list-wide .right .box .boxs .img{	box-shadow: 5px 9px 32px 0px rgba(0, 0, 0, 0.11);position: relative;}
.list-wide .right .box .boxs .img::before{content: '';position: absolute;width: 100%;height: 100%;border: solid 3px #f58220;opacity: 0;transition: all 0.3s;}
.list-wide .right .box .boxs .text{font-size: 18px;font-weight: bold;line-height: 30px;color: #24292f;transition: all 0.3s;}
.list-wide .right .box .boxs:hover .img::before{opacity: 1;}
.list-wide .right .box .boxs:hover .text{color: #f58220;}
.list-wide .whole-a{border-radius: 0;}

@media(max-width:768px) {
    .list-wide{padding: 20px 0;}
    .list-wide .top-box{margin: 20px 0;flex-direction: column;}

}



.services-top.list-services{background: #fff;}
.services-top.list-services .box .text{left: 50%;}
.services-top.list-services .box .text .t2{width: 90%;}
.services-top.list-services:nth-child(even){background: #f5f5f7;}
.services-top.list-services:nth-child(even) .box .text{left: 70px;}
.list-se{padding: 100px 0 180px 0;}

@media(max-width:768px) {
    .services-top.list-services .box .text{left: 0;}
    .services-top.list-services .box .text .t2{width: auto;}
    .services-top.list-services:nth-child(even) .box .text{left: 0;}
    .list-se{padding: 20px 0;}
}

/* 产品详情 */
.pro{padding: 80px 0 70px 0;border-bottom: 1px solid  #eaeaea;}
.pro-det{background-color: #fff;}
.pro-det .whole-t1{width: 65%;margin-bottom: 20px;}
.pro-det .pro-det-row{display: flex;justify-content: space-between;align-items: center;}
.product-thumb{border: 0;}
.pro-det .pro-det-row .mz-thumb{margin: 15px;}
.pro-det .pro-det-row .mz-thumb img{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);}
.mz-thumb.mz-thumb-selected img{border: 1px solid #f58220;}
.pro-det .pro-det-row .left{width: 50%;}
.pro-det .pro-det-row .right{width: 42%;}
.pro-det .pro-det-row .right .t1{font-size: 40px;line-height: 60px;margin-bottom: 20px;font-weight: bold;}
.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 .swiper-button-next:after,.swiper-button-prev:after{font-size: 16px;font-weight: bold;}
.pro .swiper-button-next,.pro .pro-det .swiper-button-product-prev{color:#f58220;}
.pro .h3{margin:10px 0 30px 0;display: grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.pro .h3 img{filter: invert(50%) sepia(99%) saturate(490%) hue-rotate(344deg) brightness(98%) contrast(96%);}
.pro .h3 .social>span,.pro .h3 .social>a{padding: 0;}
.pro .h3 .social{display: flex;align-items: center;justify-content: center;height: 100%;}
.pro .whole-a{border-radius: 0;padding: 5px 30px;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.pro .don{margin-top: 40px;display: flex;justify-content: space-between;}
.pro .don a{border: solid 1px #e2e2e2;display: flex;align-items: center;justify-content: center;font-weight: bold;line-height: 30px;color: #24292f;width: 260px;height: 115px;position: relative;transition: all 0.5s ease-in-out;}
.pro .don a span{text-decoration: underline;margin: 0 10px;}
.pro .don a::before{position: absolute;top: -1px;left: 0;content: '';height: 2px;background-color: #f58220;width: 15%;transition: all 0.5s ease-in-out;}
.pro .don a:hover{color: #f58220;}
.pro .don a:hover::before{width: 100%;}
@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: 100%;margin-bottom: 10px;}
    .pro-det .swiper-button-product-prev{left: -15px;}
    .pro-det .swiper-button-product-next{right: -15px;}
    .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;}
    .box-wrapper p{margin: 10px 0;}
    .pro-det .whole-t1{width: auto;margin-bottom: 10px;}
    .pro-det .pro-det-row .mz-thumb{margin: 5px;}
    .pro .h3{margin: 10px 0;}
    .pro .don{margin-top: 30px;flex-direction: column;align-items: center;}
    .pro .don a{width: 240;height: 60px;margin-bottom: 10px;}
    
}
.pro-con{padding-bottom: 90px;}

.t3-box{display: flex;align-items: center;justify-content:space-between;gap:30px;}


.con-wrapper{padding: 45px 0;}
.con-wrapper h5{font-size: 20px;font-weight: bold;line-height: 26px;color: #000000;margin: 10px 0;}
.con-wrapper p{line-height: 30px;color: #000000;margin: 20px 0;}
.new-content-center-chang{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-top: 1px solid #c0c0c0;}
.new-content-center-chang .right{flex: 0 0 45%;}
.new-content-center-chang .prev,.new-content-center-chang .next{flex: 0 0 45%;}
.new-content-center-chang .one{flex: 0 0 30%; display: flex;align-items: center;}
.new-content-center-chang .one .two{border: solid 1px #181a1d;width: 34px;height: 34px;line-height: 34px;text-align: center;color: #181a1d;transition: all 0.3s ;}
.new-content-center-chang .one .three{line-height: 20px;margin-left: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.new-content-center-chang .one .fore{margin-right: 12px;}
.new-content-center-chang .one .chang-a{margin: 0 10px;}
.new-content-center-chang .one .chang-a:hover .two{background-color: #181a1d;color: #fff;}
.new-content-center-chang a{color: #181a1d;}

@media(max-width:768px) {
    .pro-con{padding-bottom: 20px;}
    .con-wrapper{padding: 20px 0;}
    .con-wrapper p{line-height: 22px;margin: 10px 0;}
    .table-wrapper table th, .table-wrapper table td{font-size: 14px;}
    .new-content-center-chang .one{flex: 0 0 40%;}
    .new-content-center-chang .one .two{width: 24px;height: 24px;line-height: 20px;}
    .new-content-center-chang .one .three{margin-left: 5px;font-size: 12px;line-height: 13px;}
    .new-content-center-chang .one .fore{margin-right: 5px;}
}


.news-con{padding: 100px 0 90px 0;}
.news-con .whole-t1{margin-bottom: 15px;font-size:30px;}
.news-con .container-xl{display: flex;justify-content: space-between;align-items: flex-start;}
.news-con .left{flex: 0 0 22%;}
.news-con .left .xc-navbox{box-shadow:10px 5px 20px rgba(0, 0, 0, 0.1);background:#fff;margin-bottom:35px;}
.news-con .left .xc-navbox .t1{background:#f58220;font-size:26px;font-weight:bold;padding:15px 10px;color:#fff;text-align:center;}
.news-con .left .xc-navbox .list{padding:15px;}
.news-con .left .xc-navbox .nr{padding:15px;}
.news-con .left .xc-navbox .nr p{margin-bottom:10px;}

.news-con .left .news-a{display: block;border: solid 1px #f58220;font-size: 16px;line-height: 42px;color: #24292f;height: 42px;transition: all 0.5s;margin-bottom: 10px;padding:0 15px;}
.news-con .left .news-a:hover{background-color: #f58220;color: #ffffff;}
.news-con .left .news-a.active{background-color: #f58220;color: #ffffff;}
.news-con .right{flex: 0 0 75%;}

@media(max-width:768px) {
    .news-con{padding: 20px 0;}
    .news-con .container-xl{flex-direction: column;}
    .news-con .left{margin-top: 20px;order:13;}
    .news-con .left .news-a{display: inline-block;width: 100%;height: 40px;line-height: 40px;}
    .news-con .right .box{margin-bottom: 20px;}
}

/*news-content*/
.service-content{padding: 90px 0 0 0;}
.service-content-center{display: flex;justify-content: space-between;}
.service-content-center .left{flex: 0 0 68%;}
.service-content-center .left .aa1{font-weight: bold;line-height: 36px;color: #181a1d;}
.service-content-center .left img{margin-bottom: 50px;box-shadow: -2px 2px 7px 0px rgba(0, 0, 0, 0.35);}
.service-content-center .left hr{background-color: #c0c0c0;}
.service-content-center .left p{color: #181a1d;}
.news-contant .left .summary{line-height: 24px;color: #727272;margin: 20px 0;}
.news-contant .left .summary span{margin-right: 20px;}

.service-content-center-chang{display: flex;justify-content: space-between;}
.service-content-center-chang .one{flex: 0 0 30%; display: flex;align-items: center;color: #181a1d;}
.service-content-center-chang .one .two{border: solid 1px #181a1d;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease;}
.service-content-center-chang .one .three{line-height: 20px;margin-left: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all 0.5s ease;}
.service-content-center-chang .one .fore{margin-right: 12px;}
.service-content-center-chang .one .two i{color: #181a1d;font-size: 26px;transition: all 0.5s ease;}
.service-content-center-chang .one .chang-a:hover .two{background-color: #f58220;border: 0px;}
.service-content-center-chang .one .chang-a:hover .two i{color: #fff;}
.service-content-center .right{flex: 0 0 25%;}
.service-content-center .right .ri{box-shadow: -2px 2px 7px 0px rgba(0, 0, 0, 0.35);padding: 20px;padding-bottom: 50px;}
.service-content-center .top-search{margin-bottom: 40px;}
.service-content-center .search-group{width: 100%;border-radius: 0px;border: solid 0px #eeeeee;background-color: #fff;}
.service-content-center .search-group input{border-right: 0;font-size: 18px;background-color: #eeeeee;opacity: 0.5;color: #000000;}
.service-content-center .search-group .btn{background-color: #f58220;border: solid 1px #f58220;width: 59px;z-index: 1;}
.service-content-center .search-group i{color: #fff;font-size: 24px;}
.service-content-center-right .h1{font-size: 24px;font-weight: bold;line-height: 30px;color:  #181a1d;}
.service-content-center-right .h2 .text{font-size: 16px;line-height: 20px;color: #181a1d;padding: 12px 0;border-bottom: 1px solid #c0c0c0;font-weight: 500;transition: all 0.3s ease;}
.service-content-center-right .h2 a:hover .text{color: #f58220;border-bottom: 1px solid #f58220;}



@media(max-width:768px) {
    .service-content{padding: 20px 0;}
    .service-content-center{flex-direction: column;}
    .service-content-center .left .h1{font-size: 20px;line-height: 20px;margin-bottom: 5px;}
    .service-content-center .left .h2{font-size: 15px;line-height: 20px;margin-bottom: 5px;}
    .service-content-center-chang .one{flex: 0 0 40%;}
    .service-content-center-chang .one .two{width: 24px;height: 24px;line-height: 20px;}
    .service-content-center-chang .one .three{margin-left: 5px;font-size: 12px;line-height: 13px;}
    .service-content-center-chang .one .fore{margin-right: 5px;}
    .service-content-center .right{margin-top: 20px;}
    .search-group{width: 100%;}
    .service-content-center .left .aa1{font-size: 20px;font-weight: bold;line-height: 20px;margin-bottom: 10px;}
    .service-content-center-right{margin-top: 10px;}
    .service-content-center-right .h1{font-size: 18px;line-height: 20px;margin-bottom: 5px;}
    .service-content-center-right .h2 .text{padding: 10px 0;font-size: 14px;}
    .service-content-center .left p{line-height: 18px;}
    .service-content-center .left img{margin-bottom: 10px;}
    .service-content-center .top-search{margin-bottom: 20px;}
    .service-content-center .search-group{height: 40px;}
    .service-content-center .search-group input{font-size: 16px;height: 40px;}
    .service-content-center .search-group .btn{width: 45px;height: 40px;}
    .service-content-center .search-group i{font-size: 18px;}
    .service-content-center .right .ri{padding: 10px;padding-bottom: 20px;}
    .news-contant .left .summary{margin: 10px 0;}
}




.video-top{padding: 90px 0;}
.video-top .hr{width: 30px;height: 3px;background-color: #f58220;}
.video-top .t1{color: #727272;margin: 10px 0;}
.video-top .whole-t1{color: #24292f;margin-bottom: 40px;}
.video-top .box{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);display: flex;align-items: center;justify-content: space-between;}
.video-top .left{flex: 0 0 50%;}
.video-top .left .text{padding: 20px 57px;text-align: left;}
.video-top .left .text .t1{color: #727272;font-size: 14px;}
.video-top .left .text .t2{font-size: 18px;font-weight: bold;color: #24292f;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 10px 0;}
.video-top .left .text .t3{color: #76797d;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin: 20px 0;}
.video-top .left .text .mo{font-size: 16px;font-weight: bold;line-height: 33px;color: #24292f;transition: all 0.3s;display: block;}
.video-top .left .text .mo:hover{color: #f58220;}
.video-top .right{flex: 0 0 50%;}

@media(max-width:768px) {
    .video-top{padding: 20px 0;}
    .video-top .whole-t1{margin-bottom: 10px;}
    .video-top .box{flex-direction: column;}
    .video-top .left .text{padding: 10px;}

}


.video-center{padding: 70px 0;background-color: #f5f5f7;}
.video-center .top{display: flex;justify-content: space-between;align-items: center;}
.video-center .whole-a{border-radius: 0;}
.video-center .whole-a{background-color: transparent;color: #f58220;}
.video-center .whole-a:hover{background-color: #f58220;color: #fff;}
.video-center .hr{width: 30px;height: 3px;background-color: #f58220;}
.video-center .t1{color: #727272;margin: 10px 0;}
.video-center .whole-t1{color: #24292f;margin-bottom: 40px;}

.video-center .box .text{padding: 20px 40px;text-align: left;}
.video-center .box .text .t1{color: #727272;font-size: 14px;}
.video-center .box .text .t2{font-size: 18px;font-weight: bold;color: #24292f;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px 0;min-height: 48px;}
.video-center .box .text .t3{color: #76797d;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: 10px;}
.video-center .box .text .mo{font-size: 16px;font-weight: bold;line-height: 33px;color: #24292f;transition: all 0.3s;text-align: center;display: block;}
.video-center .box .text .mo:hover{color: #f58220;}
.video-center .whole-a{background-color:transparent;color: #f58220;border-radius: 0;    padding: 12px 30px}
.video-center .whole-a:hover{background-color: #f58220;color: #fff;}
.video-center .container-xl{padding-right: 40px;padding-left: 40px;}
.video-center .container-xl .row{margin-right: -40px; margin-left: -40px;}
.video-center .container-xl .row .col-12{padding-right: 40px;padding-left: 40px;}
.video-center:nth-child(2n){background-color: #fff;}

.video-center.video-list{padding: 100px 0;}
.video-center .box{margin-bottom: 100px;box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);}

@media(max-width:768px){
    .video-center{padding: 20px 0;}
    .video-center .container-xl{padding-left: 15px;padding-right: 15px;}
    .video-center .box .text{padding: 10px;margin-bottom: 20px;}
    .video-center .container-xl .row{margin-right: -15px;margin-left: -15px;}
    .video-center .container-xl .row .col-12{ padding-right: 15px;padding-left: 15px;}
    .video-center.video-list{padding: 20px 0;}
    .video-center.video-list .box{margin-bottom: 20px;}
}



/*浮动*/
#float{position:fixed;right:5px;bottom:135px; 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:#f58220;}
#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:#f58220;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{bottom:165px;}
    #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;}
}




/*别致下拉*/
.header-top{position: relative;}
.navbar{position: inherit;}
.pro-head .dropdown{position: inherit;padding: 37px 0;transition: all 0.5s;}
.header.fadeInDown .navbar-custom .navbar-nav > .nav-item{padding: 30px 0;}
.header.fadeInDown .pro-head .dropdown{padding: 30px 0;}
.pro-head .dd-box{width: 100%;z-index: 99;top:70%;}
.pro-head .row{margin:0;}
.pro-head .col-md-4,.pro-head .col-md-2{border-right: 2px solid #eeeeee;}
.pro-head .col-md-2:last-child{border: 0;}
.pro-head .nav-child-t1{margin: 10px 0;min-height: 100px;display: flex;align-items: center;}
.pro-head .nav-child-t1 img{height:40px;}
.pro-head .nav-child-t1 span{font-size: 20px;font-weight: bold;line-height: 16px;color: #f58220;position: relative;margin-left: 10px;}
.pro-head .nav-child-t1 span::before{content: '';position: absolute;left: 0;background-color: #f58220;height: 2px;width: 100%;bottom: -10px;}
.pro-head .img{overflow: hidden;height:180px;border:1px solid #eeeeee;margin-bottom:8px;}
.pro-head .dd-box-left .col-md-6{text-align: center;margin-bottom: 20px;}
.pro-head .dd-box-left .col-md-6 .dd-he-protext{font-size: 16px;font-weight: bold;line-height: 27px;color: #242424;transition: all 0.3s;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro-head .dd-box-left .col-md-6 .dd-he-protext:hover{color: #f58220;}
.pro-head .dd-box-left .col-12{text-align: center;margin-bottom: 20px;}
.pro-head .dd-box-left .col-12 .dd-he-protext{font-size: 16px;font-weight: bold;line-height: 27px;color: #242424;transition: all 0.3s;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro-head .dd-box-left .col-12 .dd-he-protext:hover{color: #f58220;}
.pro-head .he-whole-a{background-color: #181a1d;font-size: 18px;line-height: 36px;color: #ffffff;padding:2px 22px;transition: all 0.3s;text-align: center;}
.pro-head .he-whole-a i{margin-left: 20px;}
.pro-head .he-whole-a:hover{background-color: #f58220;color: #fff;}
.pro-head .he-viem{display:flex;align-items: center;justify-content: center;height: 220px;}

@media(max-width:1400px){
    .pro-head .he-whole-a{font-size: 14px;padding: 0 10px;}
    .pro-head .he-whole-a i{margin-left: 10px;}
}


.news-nav{display:flex;flex-wrap:wrap;}
.news-nav .nav-item{min-width:200px;background:#2c2c2c;color:#fff;border-radius:50px; font-size:20px;line-height:40px;text-align:center;margin-right:20px;margin-bottom:20px;display:inline-block;padding:0 25px;}
.news-nav .nav-item.active{background:#f58220;box-shadow:2px 2px 4px rgba(4, 163, 155, 0.4);}
.news-nav .nav-item:hover{background:#f58220;box-shadow:2px 2px 4px rgba(4, 163, 155, 0.4);transition:all 0.5s;}

.xc-pro .news-nav{padding-bottom:0px;padding-top:60px;}
.xc-pro .news-nav .nav-item{font-size:18px;margin-right:25px;margin-bottom:15px;padding:0 20px;}

/*cookies板式三*/
.google-cookies{position:fixed;z-index:99;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px 0;bottom:0;left:0;right:0;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.google-cookies .left{width:70%;}
.google-cookies .right{text-align:center;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:#f58220;margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff;border:1px solid #f58220; transition: all 0.5s;border-radius:10px;color:#f58220;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:#f58220;color:#fff;margin-top:0}

@media(max-width:768px) {
  .google-cookies{padding:10px 0;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;}
  .google-cookies .right{width:100%;text-align:left;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;}
}

.pro-t1{
    padding-top: 50px;
}
.pro-t1 .container-xl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 6px 78px 22px 57px;
}
.pro-t1 .container-xl .left{
    width: 53.5%;
}
.pro-t1 .container-xl .left h5{
    font-family: "Poppins";
    font-weight: 600;
    font-size: 36px;
    color: #151515;
    line-height: 44px;
    margin-bottom: 15px;
}
.pro-t1 .container-xl .left p{
    font-family: "Poppins";
    font-weight: 300;
    font-size: 18px;
    color: #151515;
    line-height: 33px;
}
.pro-t1 .container-xl .left span{
    margin-top: 30px;
    display: block;
    background: #F58220;
    border-radius: 8px;
    max-width: 197px;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
}
.pro-t1 .container-xl .left span:hover{
    text-decoration: underline;
}
.pro-t1 .container-xl .right{
    width: 40.4%;
}
.pro-t1 .container-xl .right img{
    mix-blend-mode: multiply;
}
.pro-t2{
    padding: 95px 0 85px 0;
    background-color: #f5f5f5;
}
.pro-t2 .col-md-4{
    margin-bottom: 15px;
}
.pro-t2 .col-md-4 > div{
    height: 100%;
    box-shadow: 0px 0px 24px 0px rgba(12,3,6,0.03);
    border-radius: 5px;
    background-color: #fff;
}
.pro-t2 .col-md-4 > div > img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.pro-t2 .col-md-4 > div > .t1{
    margin-top: -35px;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 67px;
    padding: 0 35px;
    background-color: #f58220;
    position: relative;
}
.pro-t2 .col-md-4 > div > .t2{
    padding: 30px 35px;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    color: #555555;
    line-height: 24px;
}
.pro-t3{
    padding: 110px 0 120px 0;
    background-color: #fff;
}
.pro-t3 .t1{
    font-family: "Poppins";
    font-weight: 600;
    font-size: 45px;
    color: #151515;
    line-height: 53px;
    text-align: center;
    margin-bottom: 75px;
}
.pro-t3 .cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-t3 .cont .text{
    width: 44%;
    order: 1;
}
.pro-t3 .cont .text h5{
    font-family: "Poppins";
    font-weight: 600;
    font-size: 24px;
    color: #151515;
    line-height: 24px;
    position: relative;
    padding-bottom: 12px;
}
.pro-t3 .cont .text h5::before{
    position: absolute;
    content: "";
    width: 65px;
    height: 3px;
    background-color: #f58220;
    bottom: 0;
    left: 0;
}
.pro-t3 .cont .text p{
    margin-top: 20px;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    color: #151515;
    line-height: 24px;
}
.pro-t3 .cont .image{
    width: 50.6%;
    order: 2;
}
.pro-t3 .cont:nth-child(2n) .image{
    width: 49.4%;
    order: 1;
}
.pro-t3 .cont:nth-child(2n) .text{
    width: 45%;
    order: 2;
}
.pro-t4{
    padding: 0 0 125px 0;
    background-color: #fff;
}
.pro-t4 .t1{
    font-family: Poppins;
    font-weight: 600;
    font-size: 45px;
    color: #151515;
    line-height: 53px;
    text-align: center;
}
.pro-t4 .t2{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-t4 .t2 .left{
    width: 44.42%;
}
.pro-t4 .t2 .left h5{
    font-family: "Poppins";
    font-weight: 600;
    font-size: 36px;
    color: #F58220;
    line-height: 44px;
    text-align: right;
}
.pro-t4 .t2 .left p{
    margin-top: 15px;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 18px;
    color: #151515;
    line-height: 30px;
    text-align: right;
}
.pro-t4 .t2 .right{
    width: 49%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.pro-t4 .t2 .right > div{
    width: calc(50% - 20px);
}
.pro-t4 .t2 .right .t4-box{
    padding: 25px 21px 35px 21px;
    border: 1px solid #CDCDCD;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.pro-t4 .t2 .right .t4-box > p:nth-of-type(1){
    margin-top: 13px;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 18px;
    color: #151515;
    line-height: 24px;
}
.pro-t4 .t2 .right .t4-box > p:nth-of-type(2){
    margin-top: 14px;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 16px;
    color: #151515;
    line-height: 24px;
}
.pro-t4 .t2 .right > div:nth-child(2){
    margin-top: 40px;
}
.pro-t5 {
    font-family: "Poppins";
    padding-bottom: 130px;
}

.pro-t5 .container-xl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pro-t5 .left {
    width: 30%;
}

.pro-t5 .left p {
    font-weight: 600;
    font-size: 45px;
    color: #151515;
    line-height: 48px;
}

.pro-t5 .right {
    width: 65%;
}
.pro-t5 .right .dropdown-box {}
  
.pro-t5 .right .dropdown-box>div {
    cursor: pointer;
}
  
.pro-t5 .right .dropdown-box .title {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 24px 35px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}
  
.pro-t5 .right .dropdown-box .title>.txt {
    font-weight: 300;
    font-size: 22px;
    color: #151515;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 超出部分用省略号表示 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
  
.pro-t5 .right .dropdown-box .title>.but {
    margin-left: auto;
    font-size: 20.35px;
    line-height: 40.43px;
    color: #151515;
}
  
.pro-t5 .right .dropdown-box .content {
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
  
.pro-t5 .right .dropdown-box .content>p {
    font-weight: 300;
    font-size: 17px;
    color: #151515;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 超出部分用省略号表示 */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
  
.pro-t5 .right .active .content {
    height: auto;
    padding: 24px 80px 24px 40px;
    background-color: #f9f9f9;
}
.pro-t5 .right .active .title>.but{
    color: #F5872A;
}

@media (max-width: 768px) {
    .pro-t1{padding-top: 0;}
    .pro-t1 .container-xl{padding: 15px; border-radius: 0;}
    .pro-t1 .container-xl .left{width: 100%;}
    .pro-t1 .container-xl .right{width: 100%;margin-top: 15px;}
    .pro-t1 .container-xl .left h5{font-size: 24px;line-height: 32px;}
    .pro-t1 .container-xl .left p{font-size: 14px;line-height: 22px;}
    .pro-t1 .container-xl .left span{margin-top: 15px;line-height: 40px;}
    .pro-t2{padding: 30px 0;}
    .pro-t2 .col-md-4 > div > .t1{padding: 5px 15px;line-height: 32px;font-size: 24px;}
    .pro-t2 .col-md-4 > div > .t2{padding: 15px;font-size: 14px;line-height: 22px;}
    .pro-t3{padding: 30px 0;}
    .pro-t3 .t1{font-size: 24px;line-height: 32px;margin-bottom: 15px;}
    .pro-t3 .cont{margin-bottom: 15px;}
    .pro-t3 .cont .image{width: 100% !important;order: 1 !important;}
    .pro-t3 .cont .text{width: 100% !important;order: 2 !important;margin-top: 15px;}
    .pro-t3 .cont .text h5{line-height: 32px;}
    .pro-t3 .cont .text p{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .pro-t4{padding: 0 0 30px 0;}
    .pro-t4 .t1{font-size: 24px;line-height: 32px;}
    .pro-t4 .t2{margin-top: 15px;}
    .pro-t4 .t2 .left{width: 100%;}
    .pro-t4 .t2 .left h5{font-size: 20px;line-height: 28px;text-align: left;}
    .pro-t4 .t2 .left p{font-size: 14px;line-height: 22px;text-align: left;}
    .pro-t4 .t2 .right{width: 100%;margin-top:15px;gap: 10px;}
    .pro-t4 .t2 .right > div{width: calc(50% - 10px);}
    .pro-t4 .t2 .right > div:nth-child(2){margin-top: 0;}
    .pro-t4 .t2 .right .t4-box{padding: 15px;margin-bottom: 15px;}
    .pro-t4 .t2 .right .t4-box > p:nth-of-type(1){font-size: 16px;}
    .pro-t4 .t2 .right .t4-box > p:nth-of-type(2){font-size: 14px;line-height: 22px;}
    .pro-t5{padding-bottom: 30px;}
    .pro-t5 .left{width: 100%;}
    .pro-t5 .right{width: 100%;margin-top: 15px;}
    .pro-t5 .left p{font-size: 24px;line-height: 32px;}
    .pro-t5 .right .dropdown-box .title{gap: 10px;padding: 15px;}
    .pro-t5 .right .active .content{padding: 15px;}
}