:root{
  --public-color:#c1a266
}

*{margin:0;padding:0;border:none;box-sizing:border-box;list-style:none;text-decoration:none;-webkit-tap-highlight-color:transTeacher;font-family: 'Barlow', sans-serif;outline:none;}
ul,li{list-style:none;margin-bottom:0;}
p{margin-bottom:0;}
a{color:#555;text-decoration:none;}
a:focus,a:hover{text-decoration:none;color:#333;}
table,th,td{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
i,cite,em,var,address,dfn{font-style:normal;}
body{width:100%;height:100%;font-size:18px;line-height:28px;background:#ffffff;font-style:normal;color:#333;overflow-x:hidden;}
html{width:100%;height:100%;}
input,button{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;}
textarea{color:#555;}
button{cursor:pointer;}
.colorhui{color:#666;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder,textarea:-moz-placeholder{color:#ccc;}
@font-face{font-family:'NotoSerifArmenian-Light';src:url("../fonts/NotoSerifArmenian-Light.ttf");}
@font-face{font-family:'Poppins-Regular';src:url("../fonts/Poppins-Regular.ttf");}
/*@font-face{font-family:'Georgia';src:url("../fonts/Georgia.ttf");}*/
.mw-1430{max-width:1430px!important;}
.img-width{width:100%;height:auto;}
.img-fulid{max-width:100%;height:auto;}
.tkanniu{cursor:pointer;}


.header {z-index: 999;width: 100%;}
.top-lang{margin-left: 5px;}
.top-lang .dropdown.lang .dropdown-toggle{border-radius:0;border:1px solid #333333;background:#fff;}

.header-desc{background:#fff;padding:10px 0;}
.header-desc .container-xl{display:flex;justify-content:space-between;align-items:center;max-width:1430px;}
.header-desc .left{color:#c1a266;}
.header-desc .right{display:flex;align-items:center;}
.header-desc .right .item{border-left:1px solid #ddd;padding-left:35px;margin-left:35px;}
.header-desc .right .item:first-child{margin-left:0;border-left:0;}
.header-desc .right .item i{margin-right:8px;}
.header-desc .right .item a:hover{color:#c1a266;text-decoration:underline;}

.header-top{background: #fff;padding: 0;}
.header-top .nav{display: flex;align-items: center;justify-content: flex-end;}
.header-top .container-xl{max-width:1430px;}
.header-top .nav .service{display: flex;justify-content: flex-end;align-items: center;position: relative;}
.header-top .logo span{font-size:18px;margin-left:20px;color:#c1a266;line-height:18px;}
.header-top .logo img{height:auto;width:100%;}
.header-top .top-search{position:relative;margin-left:20px;}



.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: #333;font-size: 20px;}
.top-search-box li{padding-top: 20px;padding-bottom: 20px;}
.top-search-box li:hover .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;}
.top-search-box .top-search{opacity: 0; height: 0;overflow: hidden; transition: all 0.5s;width: 0; position: absolute;right: 50px;top: 50px;z-index: 99;padding-top: 10px;}

.header-top .search-group { width: 200px; height: 37px; background: #fff; overflow: hidden;border: 1px solid #323232;border-radius: 0px;}
.header-top .search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #5c5352;height: 37px;}
.header-top .search-group .form-control::-webkit-input-placeholder{color: #5c5352;}
.header-top .search-group .btn {border-radius: 0px;height: 37px;  width: 37px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.header-top .search-group i { color: #323232; font-size: 1.1rem; }
.header-top .search-group .btn:hover{background: #c1a266;}
.header-top .search-group .btn:hover i{color: #fff;}

.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;}
.header.fadeInDown .header-top{padding: 0;}
.header.fadeInDown .header-top .logo img{height:auto;width:100%;}
.header.fadeInDown .desc{display: none;}
.header.fadeInDown .header-desc{padding:5px 0;}

.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: 15px;margin: 0 15px;  }
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#333; padding: 0; height: 80px;display: flex;align-items: center;justify-content: center; font-size: 18px; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 4px;margin-left: 0!important; background: #c1a266;position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{width: 100%; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-link:hover{}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active{}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

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

@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: 18px;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: 18px;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: 18px;
  text-transform: uppercase;
  margin-bottom: -1px;
  position: relative;
  text-transform: uppercase;
  position: relative;
 }
 .head_nav li,
 .head_nav li.has-child {
  padding-left: 0;
 }
 .head_nav li li,
 .head_nav li li.has-child {
  padding-left: 15px;
 }
 .head_nav li.active>a>b:after {
  display: none;
 }
 .head_nav li.active>a>b {
  background-color: #111;
 }
 .head_nav li.active>a>b:before,
 .head_nav li.active>a>b:after {
  background-color: #fff;
 }

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

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


.container{max-width:1262px;margin-left:auto;margin-right:auto;}
.Content_box{max-width:1400px;margin-left:auto;margin-right:auto;background:#ffffff;padding-left:69px;padding-right:69px;padding-top:126px;margin-top:-90px;}
@media screen and (max-width:1262px) and (min-width:1px){.container{width:97%;margin-left:auto;margin-right:auto;}
.Content_box{width:100%;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto;}
}

@media(max-width:768px) {
  .Content_box{margin-top:0;padding:30px 15px;}
  .container{width:100%;}
  body{font-size:14px;line-height:20px;}
.mbxt.active{border: 1px solid red;}
}

.head_title{width:100%;height:540px;background-size:cover;padding-top:148px;}
.head_title .container i{display:block;width:50px;height:2px;background:#c1a266;margin-bottom:50px;}
.head_title .container .h1{font-size:56px;line-height:56px;color:#ffffff;margin-bottom:50px;}
.head_title .container .Navigation_box{display:flex;flex-direction:row;}
.head_title .container .Navigation_box .Navigation{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;}
.head_title .container .Navigation_box .Navigation a{line-height:18px;color:#ffffff;margin-left:15px;}
.head_title .container .Navigation_box .Navigation a:hover{text-decoration:underline;}
.head_title .container .Navigation_box .Navigation img{display:inline-block;width:6px;height:10px;margin-left:15px;}

@media(max-width:768px) {
.product-thumbs .swiper-button-prev{left:0!important;}
.product-thumbs .swiper-button-next{right: 0;!important;}
.product-thumbs .swiper-button-prev:after{font-size: 32px;color:#c1a266;}
.product-thumbs .swiper-button-next:after{font-size: 32px;color:#c1a266;}
  .top-lang .dropdown.lang .dropdown-toggle{border:0;}
  .head_title{padding-top:40px;height:auto;padding-bottom:40px;}
  .head_title .container i{margin-bottom:20px;}
  .head_title .container .h1{font-size:30px;line-height:34px;margin-bottom:20px;}
}

.button{height:54px;line-height:50px;font-size:25px;padding-left:30px;padding-right:30px;text-align:center;cursor:pointer;display:inline-block;}
.button-block{color:#333;border:#333 1px solid;}
.button-block:hover{color:#c1a266;border-color:#c1a266;transition:all 0.3s}
.button-white{color:#ffffff;border:#ffffff 1px solid;}
.button-white:hover{text-decoration:underline;}
.button_j{width:280px;height:72px;line-height:72px;font-size:18px;background-color:#c1a266;color:#ffffff;vertical-align:middle;text-align:center;}
.button_j span{margin-right:36px;}
.button_j a span{color:#fff;}
.button_j a:hover span{text-decoration:underline;}
.button_j img{display:inline-block;}

@media(max-width:768px) {
  .button{font-size:18px;height:42px;line-height:42px;}
  .button_j{width:180px;height:42px;font-size:18px;line-height:42px;}
}

.adv{clear: both;background:url(../../images/bj_02.jpg);padding-top:60px;padding-bottom:60px;}
.adv .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.adv .container .adv_tile{font-size:48px;line-height:54px;color:#ffffff;}
.adv .container .button-white:hover{text-decoration:underline;}
.root_box{background-color:#222;}
.root_box .cont{display:flex;flex-direction:row;justify-content:space-between;padding-top:70px;padding-bottom:70px;color:#ffffff;}
.root_box .cont .root_box_01{width:25%;}
.root_box .cont .root_box_01 img{margin-bottom:40px;}
.root_box .cont .root_box_01 p{margin-bottom:60px;}
.root_box .cont .root_box_01 .h1{font-size:22px;line-height:22px;color:#ffffff;margin-bottom:35px;}
.root_box .cont .root_box_01 .root_fenxian a{margin-right:13px;}
.root_box .cont .root_box_02{width:28%;}
.root_box .cont .root_box_02 .h1{font-size:22px;line-height:22px;color:#ffffff;margin-bottom:50px;}
.root_box .cont .root_box_02 ul{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.root_box .cont .root_box_02 ul li{line-height:18px;margin-bottom:36px;width:48%;}
.root_box .cont .root_box_02 ul li a:hover span{text-decoration:underline;}
.root_box .cont .root_box_02 ul li img{display:inline;margin-right:18px;}
.root_box .cont .root_box_02 ul li span{display:inline-block;color:#959595;}
.root_box .cont .root_box_03{width:40%;}
.root_box .cont .root_box_03 .h1{font-size:22px;line-height:22px;color:#ffffff;margin-bottom:50px;}
.root_box .cont .root_box_03 ul li{display:flex;flex-direction:row;margin-bottom:20px;color:#959595;}
.root_box .cont .root_box_03 ul li .img{width:20px;height:20px;margin-right:20px;}
.root_box .cont .root_box_03 ul li a{color:#959595;}
.root_box .cont .root_box_03 ul li a:hover{text-decoration:underline;}
.root_box .root_dow{width:100%;height:60px;background:#222;border-top:#393939 1px solid;}
.root_box .root_dow .container{height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.root_box .root_dow .container .root_dow_left a{margin-right:15px;}

.root_fenxian .social span{background:#222!important;border:1px solid #959595;border-radius:5px!important;overflow:hidden;}
.root_fenxian .social span:hover{background:#c1a266!important;border:1px solid #c1a266;}
.pro-social{display: flex;align-items: center;}
.pro-social .social{display: flex;align-items: center;color: rgba(255, 255, 255, 0.4);font-size: 18px;border: 2px solid #e8e8e8;padding: 4px;margin-right: 10px;border-radius: 50%;overflow: hidden;}
.pro-social .social:last-child{margin-right: 0;}
.pro-social .social a{background: #c1a266;border-radius: 50%;overflow: hidden;width: 28px;color: rgba(255, 255, 255, 0.4);margin-right: 0px;display: block;height: 28px;font-size: 15px;padding: 6px;}
.pro-social .social a:hover{background: #c1a266;transition: all 0.3s;}
.pro-social span{background: #c1a266!important;margin-right: 0px!important;border-radius: 50%!important;width: 28px;height: 28px;padding: 6px;}
.pro-social span:hover{background: #c1a266!important;}
.pro-social span:before{color: rgba(255, 255, 255, 1);font-size: 15px;}


@media(max-width:768px) {
  .adv{padding-top:35px;padding-bottom:35px;}
  .adv .container{display:flex;justify-content:center;flex-wrap:wrap;}
  .adv .container .adv_tile{font-size:28px;line-height:34px;text-align:center;width:100%;margin-bottom:20px;}

  .root_box .cont{padding-top:50px;padding-bottom:20px;display:block;}
  .root_box .cont .root_box_01 img{margin-bottom:20px;}
  .root_box .cont .root_box_01{width:100%;margin-bottom:20px;}
  .root_box .cont .root_box_02{width:100%;margin-bottom:20px;}
  .root_box .cont .root_box_03{width:100%;}
  .root_box .cont .root_box_01 p{margin-bottom:25px;}
  .root_box .cont .root_box_02 .h1{margin-bottom:20px;}
  .root_box .cont .root_box_02 ul li{margin-bottom:10px;}
  .root_box .cont .root_box_03 .h1{margin-bottom:20px;}
}


.index .banner{width:100%;position:relative;z-index:1;}
.index .banner .banner_down{display:flex;flex-direction:row;align-items:center;justify-content:center;}
.index .banner .banner-text{text-align:left;}
.index .banner .banner-text .button{color:#fff;}
.index .banner .banner_up{}
.index .banner .banner_up .container .h1{color:#ffffff;font-size:56px;line-height:64px;margin-bottom:40px;font-weight:400;}
.index .banner .banner_up .container .h1 p:first-child{margin-bottom:40px;}
.index .banner .banner_up .container .h1 p:first-child span{display:block;width:50px;height:2px;background-color:#c1a266;}
.index .banner .banner_up .container .p{font-size:18px;line-height:32px;color:#ffffff;opacity:0.8;margin-bottom:70px;}
.index .banner .banner_up .container .p2{font-size:24px;line-height:32px;color:#ffffff;opacity:0.8;margin-bottom:70px;}
.index .banner .banner_up .container .p2 span{margin:0 20px;}
.index .banner .banner_up .container .huang{color:#beb073;}
.index .banner .swiper-container{width:100%;margin-left:auto;margin-right:auto;z-index:999;}
.index .banner .swiper-pagination-bullet-active{background:#fff;}
.index .banner .banner_up .container .p span{text-decoration:underline;}

.index .banner .new-h1{color:#333;font-size:56px;line-height:64px;margin-bottom:10px;}
.index .banner .new-p{font-size:18px;line-height:32px;color:#333;padding-left:90px;}
.index .banner .new-p p{max-width:100%;}
.index .banner .new-p span{color:#ceb68c;margin-right:10px;}
.index .banner .banner-text.new{align-items:flex-start;justify-content:center;padding-top:20px;}
.index .banner .banner-text.new .container .box{padding-left:280px;}

.index .banner .banner-box .t1{font-size:50px;line-height:52px;color:#333;}
.index .banner .banner-box .more{font-size:24px;line-height:32px;position:relative;padding:5px 10px 10px 5px; display:inline-flex;border-bottom:4px solid #bf9f62;margin-top:50px;color:#333;}
.index .banner .banner-box .more:before{content:"\f061";font-family:cmsfont;color:#bf9f62;margin-right:14px;font-weight:bold;}
.index .banner .banner-box .more:hover{color:#bf9f62;}

@media(max-width:768px) {
    .index .banner .banner-box .t1{font-size:26px;line-height:32px;padding-top:60px;}
    .index .banner .banner-box .more{font-size:18px;line-height:26px;}
}

@media(max-width:1700px) {
  .index .banner .new-h1{font-size: 36px;line-height: 44px;}
}

@media(max-width:1500px) {
    .index .banner .banner-text.new{padding-top:10px;}
  .index .banner .new-h1{font-size: 32px;line-height: 40px;}
  .index .banner .banner-text.new .container .box{padding-left:300px;}
  .index .banner .banner-text.new .button{font-size:18px;}
  .index .banner .new-p{line-height:28px;}
}

.index .application{padding-bottom:110px;background-color:#f4f4f4;}
.index .application .title{text-align:center;padding-top:70px;margin-bottom:50px;}
.index .application .title span{display:inline-block;font-size:42px;line-height:42px;color:#333;padding-bottom:30px;}
.index .application .application_box{width:100%;height:420px;display:flex;flex-direction:row;justify-content:space-between;}
.index .application .application_box .box{width:49%;position:relative;overflow:hidden;}
.index .application .application_box .box .box_up{position:relative;z-index:1;padding-top:80px;padding-left:60px;margin-top:210px;transition:margin-top 1s;-webkit-transition:margin-top 1s;}
.index .application .application_box .box .box_up .box_h1{font-size:32px;color:#ffffff;margin-bottom:30px;}
.index .application .application_box .box .box_up i{width:40px;height:2px;display:block;background-color:#c1a266;margin-bottom:40px;}
.index .application .application_box .box .box_up .box_title{color:#ffffff;line-height:28px;opacity:0.6;margin-bottom:50px;opacity:0;transition:opacity 2s;-webkit-transition:opacity 2s;}
.index .application .application_box .box .box_up .button{opacity:0;transition:opacity 2s;-webkit-transition:opacity 2s;color:#fff;}
.index .application .application_box .box img{position:absolute;top:0;width:100%;z-index:0;}
.index .application .application_box .box_bj_01{background:url(../../images/hmnew-appleft.jpg) center no-repeat;background-size:cover;}
.index .application .application_box .box_bj_02{background:url(../../images/pic_02.jpg) center no-repeat;background-size:cover;}
.index .application .application_box .box:hover .box_up{margin-top:0px;}
.index .application .application_box .box:hover .box_up .box_title{opacity:1;}
.index .application .application_box .box:hover .box_up .button{opacity:1;}
.index .Our_Product{padding-top:90px;padding-bottom:80px;}
.index .Our_Product .title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:75px;}
.index .Our_Product .title .title_left .h1{font-size:42px;line-height:42px;color:#333;margin-bottom:40px;display:flex;flex-direction:row;align-items:center;}
.index .Our_Product .title .title_left .h1 i{display:inline-block;width:40px;height:2px;background-color:#c1a266;margin-right:30px;}
.index .Our_Product .title .title_left .p{line-height:18px;}
.index .Our_Product .Product_box ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.index .Our_Product .Product_box ul li{width:32%;height:auto;position:relative;margin-bottom:30px;position:relative;}
/*.index .Our_Product .Product_box ul li a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;}*/
.index .Our_Product .Product_box ul li a:hover{color:#c1a266;}
.index .Our_Product .Product_box ul li .product_title{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:20px;}
.index .Our_Product .Product_box ul li .product_title .pro_name{font-size:18px;line-height:24px;padding-bottom:20px;}
.index .Our_Product .Product_box ul li .product_title img{display:inline-block;}
.index .Our_Product .Product_box ul li .Product_icon{width:100%;height:100%;position:relative;z-index:0;}
.index .Our_Product .Product_box ul li .Product_icon .pic{padding:0px;}
.index .Our_Product .Product_box ul li .Product_icon .pic img{width:100%;display:block;}
.index .Our_Product .Product_box ul li .Product_pic{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background-size:cover;opacity:0;transition:opacity 0.5s;-webkit-transition:opacity 0.5s;}
.index .Our_Product .Product_box ul li .Product_pic .product_title .pro_name{color:#ffffff;}
.index .Our_Product .Product_box ul li:hover .Product_pic{opacity:1;}
.index .brand,.company-bottom .brand{background:#f4f4f4;padding-top:120px;padding-bottom:105px;position:relative;}
.index .brand .background,.company-bottom .brand .background{position:absolute;top:0px;right:0px;z-index:1;}
@media(max-width:1700px) {
  .index .brand,.index .brand{padding-top:160px;padding-bottom:100px;}
  .index .brand .background,.company-bottom .brand .background{display:flex;justify-content:flex-end;}
  .index .brand .background img,.company-bottom .brand .background img{width:80%;}
}

@media(max-width:1500px) {
  .index .brand,.company-bottom .brand{padding-top:130px;padding-bottom:70px;}
  .index .brand .background,.company-bottom .brand .background{display:flex;justify-content:flex-end;}
  .index .brand .background img,.company-bottom .background img{width:60%;}
}


.index .brand .container,.company-bottom .container{position:relative;z-index:2;}
.index .brand .container .brand_up,.company-bottom .brand .container .brand_up{position:relative;z-index:1;display:flex;flex-direction:row;justify-content:space-between;}
.index .brand .container .brand_up .brand_left,.company-bottom .brand .container .brand_up .brand_left{/*padding-right:140px;padding-top:70px;*/ width:44%;}
.index .brand .container .brand_up .brand_left i,.company-bottom .brand .container .brand_up .brand_left i{width:50px;height:2px;background-color:#c1a266;display:block;margin-bottom:40px;}
.index .brand .container .brand_up .brand_left .h1,.company-bottom .brand .container .brand_up .brand_left .h1{font-family:'Poppins-Regular';font-size:52px;line-height:60px;color:#333;margin-bottom:30px;}
.index .brand .container .brand_up .brand_left .text,.company-bottom .brand .container .brand_up .brand_left .text{margin-bottom:30px;line-height:32px;}
.index .brand .container .brand_up .brand_left .text p,.company-bottom .brand .container .brand_up .brand_left .text p{margin-bottom:30px;color:}

.index .brand .container .brand_up .brand_left .newcert,.company-bottom .brand .container .brand_up .brand_left .newcert{width:80%;padding:4px 35px;border-radius:50px;overflow:hidden;margin-bottom:40px;background:#fff;}
.index .brand .container .brand_up .brand_left .newlist,.company-bottom .brand .container .brand_up .brand_left .newlist{margin-bottom:25px;}
.index .brand .container .brand_up .brand_left .newlist p,.company-bottom .brand .container .brand_up .brand_left .newlist p{font-size:18px;line-height:32px;}
.index .brand .container .brand_up .brand_left .newlist p span,.company-bottom .brand .container .brand_up .brand_left .newlist p span{color:#c1a266;margin-right:10px;}
.index .brand .container .brand_up .brand_right,.company-bottom .brand .container .brand_up .brand_right{width:50%;position:relative;display:flex;align-items:center;justify-content:center;}
.index .brand .container .brand_up .brand_right span,.company-bottom .brand .container .brand_up .brand_right span{position:absolute;z-index:2;}
.index .brand .container .brand_up .brand_right span img,.company-bottom .brand .container .brand_up .brand_right span img{width:70px;height:70px;transition:all 0.5s;}
.index .brand .container .brand_up .brand_right span:hover img,.company-bottom .brand .container .brand_up .brand_right span:hover img{transform:scale(1.05);}
.index .brand .container .brand_up .brand_right img,.company-bottom .brand .container .brand_up .brand_right img{width:100%;}

.index .company{position:relative;padding-top:95px;padding-bottom:90px;}
.index .company .company_up{position:relative;display:flex;flex-direction:row;justify-content:space-between;z-index:1;}
.index .company .company_up .company_left{width:40%;}
.index .company .company_up .company_right{width:54%;padding-top:70px;}
.index .company .company_up .company_right .h1{font-size:32px;line-height:46px;color:#333;margin-bottom:30px;}
.index .company .company_up .company_right .h2{display:flex;flex-direction:row;align-items:center;margin-bottom:50px;}
.index .company .company_up .company_right .h2 .x_icon{width:50px;height:2px;background:#c1a266;margin-right:40px;}
.index .company .company_up .company_right .h2 .span{width:85%;font-size:18px;color:#666;line-height:32px;}
.index .company .company_up .company_right .text{width:100%;margin-bottom:30px;}
.index .company .company_up .company_right .text .li{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px;}
.index .company .company_up .company_right .text .li img{width:34px;height:54px;}
.index .company .company_up .company_right .text .li div{width:90%;}
.index .company .company_up .company_right .text .li div .h1{font-size:20px;color:#333;margin-bottom:14px;}
.index .company .company_up .company_right .text .li div p{color:#666666;line-height:32px;}
.index .company .company_up .company_right .a_button{font-size:18px;color:#333;text-decoration:underline;margin-left:10%;}
.index .company .company_up .company_right .a_button:hover{color:#c1a266;}
.index .company .company_up .company_right .Certification{margin-bottom:80px;}
.index .company .company_up .company_right .Certification div{font-size:20px;color:#333;line-height:20px;margin-bottom:20px;}
.index .company .background{position:absolute;z-index:0;width:44%;/*background:#4db077;*/
 left:0px;top:95px;}
.index .company .background img{width:100%;display:block;}
.index .advantage{width:100%;background:url(../../images/bj_01.jpg);padding-top:100px;padding-bottom:110px;}
.index .advantage .container{position:relative;}
.index .advantage .container .h1{font-size:42px;line-height:42px;color:#ffffff;text-align:center;margin-bottom:30px;}
.index .advantage .container .h2{text-align:center;margin-bottom:70px;color:#ffffff;opacity:0.8;}
.index .advantage .container .swiper{width:100%;height:418px;position:relative;padding-left:1px;}
.index .advantage .container .swiper .swiper-wrapper .swiper-slide{padding-top:70px;padding-bottom:90px;padding-left:30px;padding-right:30px;border:#666 1px solid;display:flex;flex-direction:column;align-items:center;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.index .advantage .container .swiper .swiper-wrapper .swiper-slide .image{width:78px;height:78px;margin-bottom:50px;}
.index .advantage .container .swiper .swiper-wrapper .swiper-slide .h2{font-size:20px;color:#ffffff;opacity:1; line-height:20px;margin-bottom:35px;}
.index .advantage .container .swiper .swiper-wrapper .swiper-slide .text{text-align:center;color:#fff;opacity:0.8;}
.index .advantage .container .next{position:absolute;top:390px;left:-98px;width:1458px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
.index .advantage .container .next .button-green{cursor:pointer;width:62px;height:62px;}
.index .advantage .container .next .button-green span{display:flex;align-items:center;justify-content:center; width:62px;height:62px;border-radius:62px;border:#666 solid 1px;line-height:62px;text-align:center;box-sizing:border-box;}
.index .advantage .container .swiper-button-next:after,.index .advantage .container .swiper-button-prev:after{content:'';}
.index .advantage .container .swiper-button-next,.index .advantage .container .swiper-button-prev{position:initial;}
.index .Cooperative{padding-top:100px;padding-bottom:100px;background-color:#f4f4f4;}
.index .Cooperative .container{display:flex;flex-direction:row;justify-content:space-between;}
.index .Cooperative .container .Cooper_left .h1{font-size:42px;line-height:42px;margin-bottom:50px;}
.index .Our_Projects{padding-top:95px;padding-bottom:120px;}
.index .Our_Projects .h1{font-size:42px;line-height:42px;text-align:center;margin-bottom:30px;}
.index .Our_Projects .h2{line-height:18px;text-align:center;margin-bottom:60px;}
.index .Our_Projects .Projects_box{display:flex;flex-direction:row;justify-content:space-between;}
.index .Our_Projects .Projects_box .li{width:32%;display:flex;flex-direction:column;align-items:center;}
.index .Our_Projects .Projects_box .li .img{width:100%;overflow:hidden;margin-bottom:34px;}
.index .Our_Projects .Projects_box .li .img img{display:block;}
.index .Our_Projects .Projects_box .li .h3{font-size:24px;line-height:32px;}
.index .Our_Projects .Projects_box .li:hover .h3 a{color:#c1a266;}
.index .News_box{background-color:#f4f4f4;padding-top:75px;padding-bottom:95px;}
.index .News_box .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:60px;}
.index .News_box .container .h1{font-size:42px;line-height:42px;color:#333;}
.index .News_box .News_b{width:1400px;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;justify-content:space-between;}
.index .News_box .News_b .News_left{width:48%;}
.index .News_box .News_b .News_left .img{width:100%;}
.index .News_box .News_b .News_left .img img{width:100%;display:block;}
.index .News_box .News_b .News_left .theme_box{width:100%;background-color:#c1a266;padding-left:40px;padding-right:40px;padding-top:40px;padding-bottom:40px;color:#ffffff;}
.index .News_box .News_b .News_left .theme_box .theme_tlite{font-size:20px;line-height:20px;margin-bottom:20px;}
.index .News_box .News_b .News_left .theme_box .theme_tlite a{color:#fff;}
.index .News_box .News_b .News_left .theme_box .theme_tlite a:hover{text-decoration:underline;}
.index .News_box .News_b .News_left .theme_box .theme_text{font-size:18px;line-height:26px;opacity:0.6;}
.index .News_box .News_b .News_right{width:48%;display:flex;flex-direction:column;justify-content:space-between;}
.index .News_box .News_b .News_right .li{width:100%;height:176px;background-color:#ffffff;display:flex;flex-direction:row;padding-top:40px;padding-right:7%;padding-bottom:40px;/*margin-bottom:18px;*/
}
.index .News_box .News_b .News_right .li .li_left{width:20%;text-align:center;border-right:#d0d0d0 1px solid;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:20px;padding-right:20px;}
.index .News_box .News_b .News_right .li .li_left .n_time_day{font-size:32px;line-height:32px;color:#000;margin-bottom:20px;}
.index .News_box .News_b .News_right .li .li_left .n_time_years{font-size:20px;color:#999;line-height:20px;}
.index .News_box .News_b .News_right .li .li_right{width:82.2%;padding-left:7%;display:flex;flex-direction:column;justify-content:center;}
.index .News_box .News_b .News_right .li .li_right .n_list_tlite{font-size:20px;color:#333;margin-bottom:10px;font-weight:500;}
.index .News_box .News_b .News_right .li .li_right .n_list_tlite a:hover{color:#c1a266;}
.index .News_box .News_b .News_right .li .li_right .n_list_text{font-size:18px;line-height:26px;color:#999;}
@media screen and (max-width:1400px) and (min-width:1px){.index .News_box .News_b{width:95%;margin-left:auto;margin-right:auto;}
.index .News_box .News_b .News_right .li{height:auto;margin-bottom:20px;}
}

@media(max-width:768px) {
  .index .Our_Projects .Projects_box .li .h3{font-size:17px;line-height:25px;}
  .index .banner{width:100%;overflow:hidden;}
  .index .banner .banner_up .container .h1{font-size:32px;margin-bottom:20px;padding-top:35px;line-height:36px;}
  .index .banner .banner_up .container .h1 p:first-child{margin-bottom:25px;}
  .index .banner .banner_up .container .p{line-height:26px;margin-bottom:35px;}
  .index .banner .banner_down img{width:auto;height:500px;}

  .index .application{padding-bottom:35px;}
  .index .application .title{padding-top:35px;margin-bottom:30px;}
  .index .application .title span{font-size:28px;line-height:32px;padding-bottom:15px;}
  .index .application .application_box{display:block;height:auto;}
  .index .application .application_box .box{width:100%;margin-bottom:15px;}
  .index .application .application_box .box .box_up{margin-top:0px;padding:20px 15px;}
  .index .application .application_box .box .box_up .box_title{opacity:1;margin-bottom:25px;}
  .index .application .application_box .box .box_up .button{opacity:1;}
  .index .application .application_box .box .box_up .box_h1{font-size:24px;margin-bottom:20px;}
  .index .application .application_box .box .box_up i{margin-bottom:20px;}
  .index .brand .container .background{display:none;}

  .index .Our_Product{padding-top:35px;padding-bottom:35px;}
  .index .Our_Product .title{display:block;margin-bottom:25px;}
  .index .Our_Product .title .title_left .h1{font-size:26px;line-height:30px;margin-bottom:15px;}
  .index .Our_Product .title .title_left .h1 i{width:25px;margin-right:15px;}
  .index .Our_Product .title .title_left .p{line-height:20px;margin-bottom:10px;}
  .index .Our_Product .Product_box ul{flex-wrap:wrap;}
  .index .Our_Product .Product_box ul li{width:48%;height:auto;margin-bottom:15px;}
  .index .Our_Product .Product_box ul li .product_title{padding-top:15px;}
  .index .Our_Product .Product_box ul li .product_title .pro_name{padding-bottom:10px;}

  .index .brand{padding-top:35px;padding-bottom:35px;}
  .index .brand .container .brand_up{display:block;}
  .index .brand .container .brand_up .brand_left{width:100%;}
  .index .brand .container .brand_up .brand_right{width:100%;padding-top:20px;}
  .index .brand .container .brand_up .brand_left i{margin-bottom:20px;}
  .index .brand .container .brand_up .brand_left .h1{font-size:28px;line-height:32px;margin-bottom:20px;}
  .index .brand .container .brand_up .brand_left .text{line-height:20px;margin-bottom:35px;}
  .index .brand .container .brand_up .brand_left .text p{margin-bottom:15px;}
  .index .brand .container .brand_up .brand_left .newlist p{font-size:14px;line-height:20px;}

  .index .company{padding:35px 15px;}
  .index .company .background{position:relative;top:inherit;width:100%;}
  .index .company .company_up{display:block;}
  .index .company .company_up .company_left{width:100%;}
  .index .company .company_up .company_right{width:100%;padding-top:25px;}
  .index .company .company_up .company_right .h1{font-size:26px;line-height:30px;margin-bottom:20px;}
  .index .company .company_up .company_right .h2 .x_icon{width:25px;margin-right:15px;}
  .index .company .company_up .company_right .h2 .span{font-size:14px;line-height:20px;}
  .index .company .company_up .company_right .text .li div{padding-left:15px;}
  .index .company .company_up .company_right .text .li div .h1{font-size:18px;margin-bottom:10px;}
  .index .company .company_up .company_right .text .li div p{line-height:20px;}
  .index .company .company_up .company_right .text .li{margin-bottom:30px;}
  .index .company .company_up .company_right .h2{margin-bottom:30px;}
  .index .company .company_up .company_right .a_button{margin-left:0px;font-size:18px;}

  .index .advantage{padding-top:40px;padding-bottom:40px;width:100%;overflow:hidden;}
  .index .advantage .container .h1{font-size:26px;line-height:30px;margin-bottom:20px;}
  .index .advantage .container .h2{margin-bottom:35px;}
  .index .advantage .container .swiper .swiper-wrapper .swiper-slide{padding:50px 30px!important;}
  .index .advantage .container .swiper .swiper-wrapper .swiper-slide .image{margin-bottom:25px;}
  .index .advantage .container .swiper .swiper-wrapper .swiper-slide .h2{margin-bottom:20px;}

  .index .Cooperative{padding-top:35px;padding-bottom:35px;}
  .index .Cooperative .container{display:block;}
  .index .Cooperative .container .Cooper_right{margin-top:20px;}
  .index .Cooperative .container .Cooper_left .h1{font-size:26px;line-height:30px;margin-bottom:25px;}
  .index .Cooperative .container .Cooper_right img{width:100%;height:auto;}

  .index .Our_Projects{padding-top:35px;padding-bottom:35px;}
  .index .Our_Projects .h1{font-size:26px;line-height:30px;margin-bottom:15px;}
  .index .Our_Projects .h2{margin-bottom:25px;}
  .index .Our_Projects .Projects_box{flex-wrap:wrap;justify-content:center;}
  .index .Our_Projects .Projects_box .li{width:48%;margin-bottom:20px;margin-left:1%;margin-right:1%;}
  .index .Our_Projects .Projects_box img{width:100%;height:auto;}
  .index .Our_Projects .Projects_box .li .img{margin-bottom:15px;}

  .index .News_box{padding-top:35px;padding-bottom:35px;}
  .index .News_box .container{margin-bottom:0px;justify-content:center;}
  .index .News_box .container .h1{font-size:26px;line-height:30px;margin-bottom:20px;}
  .index .News_box .News_b{width:100%;display:block;padding:0 15px;}
  .index .News_box .News_b .News_left{width:100%;margin-bottom:15px;}
  .index .News_box .News_b .News_right{width:100%;}
  .index .News_box .News_b .News_left .theme_box{padding:20px 15px;}
  .index .News_box .News_b .News_left .theme_box .theme_tlite{font-size:17px;line-height:22px;margin-bottom:15px;}
  .index .News_box .News_b .News_left .theme_box .theme_text{font-size:14px;line-height:20px;}
  .index .News_box .News_b .News_right .li .li_left .n_time_day{font-size:26px;}
  .index .News_box .News_b .News_right .li .li_left .n_time_years{font-size:14px;}
  .index .News_box .News_b .News_right .li .li_right .n_list_tlite{font-size:17px;line-height:22px;}
  .index .News_box .News_b .News_right .li .li_right .n_list_text{font-size:14px;line-height:20px;}
  .index .News_box .News_b .News_right .li .li_right{width:80%;padding-left:15px;}
  .index .News_box .News_b .News_right .li{margin-bottom:15px;padding:15px 0px;}
  .index .News_box .News_b .News_right .li .li_left{padding-left:5px;padding-right:5px;}
}


.About_us{background-color:#f1f1f1;}
.About_us .Content_box .About_Con_Box{display:flex;flex-direction:row;justify-content:space-between;border-bottom:#c1a266 1px dashed;padding-bottom:150px;}
.About_us .Content_box .About_Con_Box .About_Con_Box_left{width:40%;}
.About_us .Content_box .About_Con_Box .About_Con_Box_left img{width:100%;}
.About_us .Content_box .About_Con_Box .About_Con_Box_right{width:55%;padding-top:30px;}
.About_us .Content_box .About_Con_Box .About_Con_Box_right i{display:block;width:50px;height:2px;background:#c1a266;margin-bottom:30px;}
.About_us .Content_box .About_Con_Box .About_Con_Box_right .h1{font-size:48px;line-height:48px;margin-bottom:40px;color:#333;}
.About_us .Content_box .About_Con_Box .About_Con_text p{margin-bottom:30px;line-height:32px;font-size:18px;color:#000;}
.About_us .Content_box .Our_History{padding-top:130px;padding-bottom:190px;display:flex;flex-direction:row;border-bottom:#c1a266 1px dashed;}
.About_us .Content_box .Our_History .History_title{width:34%;}
.About_us .Content_box .Our_History .History_title i{width:50px;height:2px;background:#c1a266;margin-bottom:40px;display:block;}
.About_us .Content_box .Our_History .History_title .h1{font-size:48px;line-height:48px;color:#000;}
.About_us .Content_box .Our_History .History_list{width:66%;}
.About_us .Content_box .Our_History .History_list .li{display:flex;flex-direction:row;border-left:rgba(191,159,98,0.2) 1px solid;padding-bottom:100px;}
.About_us .Content_box .Our_History .History_list .li .icon{width:20%;margin-left:-11px;}
.About_us .Content_box .Our_History .History_list .li .icon img{display:block;}
.About_us .Content_box .Our_History .History_list .li .li_box{width:80%;}
.About_us .Content_box .Our_History .History_list .li .li_box .years_box{font-size:40px;line-height:30px;color:#000;margin-bottom:40px;}
.About_us .Content_box .Our_History .History_list .li .li_box .story{font-size:18px;line-height:32px;color:#000;}
.About_us .Content_box .Our_History .History_list .li:last-child{border-left:none;padding-bottom:0;}
.About_us .Content_box .box_title{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.About_us .Content_box .box_title .h1{font-size:48px;line-height:48px;color:#000;margin-bottom:40px;}
.About_us .Content_box .box_title i{display:block;width:50px;height:2px;background-color:#c1a266;}
.About_us .Content_box .Capabilities_box{padding-top:110px;padding-bottom:150px;border-bottom:#c1a266 1px dashed;}
.About_us .Content_box .Capabilities_box .box_title{margin-bottom:130px;}
.About_us .Content_box .Capabilities_box .Capa .li{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;}
.About_us .Content_box .Capabilities_box .Capa .li .image{width:40%;}
.About_us .Content_box .Capabilities_box .Capa .li .image img{width:100%;display:block;}
.About_us .Content_box .Capabilities_box .Capa .li .Capa_box{width:54%;padding-top:20px;}
.About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_tilte{display:flex;flex-direction:row;align-items:center;margin-bottom:30px;}
.About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_tilte img{margin-right:34px;}
.About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_tilte span{font-size:32px;line-height:0px;color:#000;}
.About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_text{font-size:18px;line-height:32px;color:#333;}
.About_us .Content_box .Customized_Service{padding-top:110px;padding-bottom:120px;border-bottom:#c1a266 1px dashed;}
.About_us .Content_box .Customized_Service .box_title{margin-bottom:70px;}
.About_us .Content_box .Customized_Service .Service_box .Customized_title_list{display:flex;flex-direction:row;flex-wrap:nowrap;}
.About_us .Content_box .Customized_Service .Service_box .Customized_title_list .li{height:70px;background-color:#ededed;line-height:70px;text-align:center;font-size:20px;color:#333;flex:1;cursor:pointer;}
.About_us .Content_box .Customized_Service .Service_box .Customized_title_list .active{background-color:#c1a266;color:#ffffff;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list{/*height:646px;*/
 background-color:#f7f7f7;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul{display:flex;flex-wrap:wrap;display:none;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li{margin-bottom:40px;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li .image{margin-bottom:30px;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li .image img{display:block;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li .ti{font-size:18px;line-height:18px;color:#333;text-align:center;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Surface_Treatment{padding-left:4.75%;padding-right:4.75%;padding-top:70px;padding-bottom:20px;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Surface_Treatment .li{padding-left:1.55%;padding-right:1.55%;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Raw_Material{justify-content:center;padding-left:8%;padding-right:8%;padding-top:60px;padding-bottom:20px;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Raw_Material .li{padding-left:1.8%;padding-right:1.8%;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Three_Treatment{padding-top:70px;padding-bottom:20px;padding-left:12%;padding-right:12%;justify-content:space-between;}
.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Three_Treatment .li{padding-left:2.2%;padding-right:2.2%;}

.About_us .Content_box .Customized_Service .Service_box .Customized_box_list .active{display:flex;}
.About_us .Content_box .instructions{padding-top:130px;padding-bottom:130px;}
.About_us .Content_box .instructions ul li{display:flex;flex-direction:row;flex-wrap:wrap;}
.About_us .Content_box .instructions ul li .text{width:50%;padding-top:70px;padding-bottom:50px;}
.About_us .Content_box .instructions ul li .text .h1{font-size:32px;line-height:40px;color:#000;margin-bottom:40px;}
.About_us .Content_box .instructions ul li .text i{display:block;width:50px;height:2px;background-color:#c1a266;margin-bottom:50px;}
.About_us .Content_box .instructions ul li .text .p{font-size:18px;line-height:32px;color:#000;margin-bottom:60px;}
.About_us .Content_box .instructions ul li .left{padding-right:7.5%;}
.About_us .Content_box .instructions ul li .Rights{padding-left:7.5%;}
.About_us .Content_box .instructions ul li .image{width:50%;}
.About_us .Content_box .instructions ul li .image img{display:block;width:100%;}

@media(max-width:768px) {
  .About_us .Content_box .About_Con_Box{flex-wrap:wrap;padding-bottom:35px;}
  .About_us .Content_box .About_Con_Box .About_Con_Box_left{width:100%;}
  .About_us .Content_box .About_Con_Box .About_Con_Box_right{width:100%;}
  .About_us .Content_box .About_Con_Box .About_Con_Box_right i{margin-bottom:15px;}
  .About_us .Content_box .About_Con_Box .About_Con_Box_right .h1{font-size:28px;line-height:32px;margin-bottom:25px;}
  .About_us .Content_box .About_Con_Box .About_Con_text p{font-size:14px;line-height:20px;margin-bottom:20px;}

  .About_us .Content_box .Our_History{padding-top:35px;padding-bottom:35px;flex-wrap:wrap;}
  .About_us .Content_box .Our_History .History_title i{margin-bottom:15px;}
  .About_us .Content_box .Our_History .History_title .h1{font-size:28px;line-height:32px;margin-bottom:30px;}
  .About_us .Content_box .Our_History .History_title{width:100%;}
  .About_us .Content_box .Our_History .History_list{width:100%;}
  .About_us .Content_box .Our_History .History_list .li{border-left:0;padding-bottom:25px;}
  .About_us .Content_box .Our_History .History_list .li .icon{width:10%;margin-left:0;padding-top:4px;}
  .About_us .Content_box .Our_History .History_list .li .li_box .years_box{font-size:26px;line-height:30px;margin-bottom:20px;}
  .About_us .Content_box .Our_History .History_list .li .li_box .story{font-size:14px;line-height:20px;}

  .About_us .Content_box .Capabilities_box{padding-top:40px;padding-bottom:40px;}
  .About_us .Content_box .Capabilities_box .box_title{margin-bottom:40px;}
  .About_us .Content_box .box_title .h1{font-size:28px;line-height:32px;margin-bottom:25px;}
  .About_us .Content_box .Capabilities_box .Capa .li{flex-wrap:wrap;margin-bottom:35px;}
  .About_us .Content_box .Capabilities_box .Capa .li .image{width:100%;}
  .About_us .Content_box .Capabilities_box .Capa .li .Capa_box{width:100%;}
  .About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_tilte span{font-size:18px;}
  .About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_tilte img{margin-right:15px;}
  .About_us .Content_box .Capabilities_box .Capa .li .Capa_box .Capa_text{font-size:14px;line-height:20px;}
  .About_us .Content_box .Capabilities_box .Capa .li:last-child{margin-bottom:0}

  .About_us .Content_box .Customized_Service{padding-top:40px;padding-bottom:40px;}
  .About_us .Content_box .Customized_Service .box_title{margin-bottom:35px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_title_list{display:block;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_title_list .li{font-size:18px;width:100%;line-height:42px;height:42px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Surface_Treatment{padding:10px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li{padding:0;width:48%;margin-bottom:20px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul{justify-content:space-between;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li .image{margin-bottom:10px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li .image img{width:100%;height:auto;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .ul .li .ti{font-size:18px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Raw_Material{padding:10px;}
  .About_us .Content_box .Customized_Service .Service_box .Customized_box_list .Three_Treatment{padding:10px;}


  .About_us .Content_box .instructions{padding-top:40px;padding-bottom:40px;}
  .About_us .Content_box .instructions ul li{display:block;}
  .About_us .Content_box .instructions ul li .left{width:100%;padding-right:0;padding-top:0px;padding-bottom:25px;}
  .About_us .Content_box .instructions ul li .image{width:100%;}
  .About_us .Content_box .instructions ul li .text .h1{font-size:22px;margin-bottom:25px;}
  .About_us .Content_box .instructions ul li .text i{margin-bottom:25px;}
  .About_us .Content_box .instructions ul li .text .p{font-size:14px;line-height:20px;margin-bottom:25px;}
  .About_us .Content_box .instructions ul li .Rights{width:100%;padding-left:0;padding-top:40px;padding-bottom:40px;}

}


.Solution{background-color:#f1f1f1;}
.Solution .head_title{height:540px;padding-top:148px;background:#000000 url(../../images/bj_13.jpg) center no-repeat;}
.Solution .Content_box{padding-bottom:160px;margin-bottom:100px;}
.Solution .Content_box .Solution_box{display:flex;flex-direction:row;justify-content:space-between;}
.Solution .Content_box .Solution_box li{width:48%;cursor:pointer;position:relative;}
.Solution .Content_box .Solution_box li a{display:block;}
.Solution .Content_box .Solution_box li .image{width:100%;}
.Solution .Content_box .Solution_box li .image img{width:100%;display:block;}
.Solution .Content_box .Solution_box li .text{width:100%;height:110px;background-color:#f8f8f8;padding-left:40px;display:flex;flex-direction:row;align-items:center;}
.Solution .Content_box .Solution_box li .text span{font-size:32px;line-height:32px;color:#000;padding-left:20px;}
.Solution .Content_box .Solution_box li:hover .text span{color:#c1a266;}

@media(max-width:768px) {
  .Solution .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .Solution .Content_box .Solution_box{display:block;}
  .Solution .Content_box .Solution_box li{width:100%;margin-bottom:20px;}
  .Solution .Content_box .Solution_box li .text{padding-left:15px;height:60px;}
  .Solution .Content_box .Solution_box li .text span{font-size:20px;line-height:26px;padding-left:15px;}
  .Solution .Content_box{padding-bottom:40px;margin-bottom:40px;}
}

.case{background-color:#f1f1f1;}
.case .head_title{height:540px;padding-top:148px;background:#000000 url(../../images/bj_13.jpg) center no-repeat;}
.case .Content_box{padding-bottom:160px;margin-bottom:100px;}
.case .Content_box .Solution_box{display:flex;flex-direction:row;justify-content:space-between;}
.case .Content_box .Solution_box li{width:32%;cursor:pointer;position:relative;}
.case .Content_box .Solution_box li a{display:block;}
.case .Content_box .Solution_box li .image{width:100%;}
.case .Content_box .Solution_box li .image img{width:100%;display:block;}
.case .Content_box .Solution_box li .text{width:100%;height:110px;background-color:#f8f8f8;padding-left:40px;display:flex;flex-direction:row;align-items:center;}
.case .Content_box .Solution_box li .text span{font-size:24px;line-height:32px;color:#000;padding-left:20px;}
.case .Content_box .Solution_box li:hover .text span{color:#c1a266;}

@media(max-width:768px) {
  .case .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .case .Content_box .Solution_box{display:block;}
  .case .Content_box .Solution_box li{width:100%;margin-bottom:20px;}
  .case .Content_box .Solution_box li .text{padding-left:15px;height:60px;}
  .case .Content_box .Solution_box li .text span{font-size:20px;line-height:26px;padding-left:15px;}
  .case .Content_box{padding-bottom:40px;margin-bottom:40px;}
}

.Solution_detail{background-color:#f1f1f1;}
.Solution_detail .head_title{background:#000000 url(../../images/bj_04.png) center no-repeat;}
.Solution_detail .Content_box .h1{margin-bottom:80px;}
.Solution_detail .Content_box .h1 i{margin-right:24px;}
.Solution_detail .Content_box .h1 span{font-size:32px;line-height:32px;color:#000;}
.Solution_detail .Content_box .program{padding-bottom:70px;}
.Solution_detail .Content_box .program .program_top{margin-bottom:40px;}
.Solution_detail .Content_box .program .program_top ul{display:flex;flex-direction:row;justify-content:space-between;}
.Solution_detail .Content_box .program .program_top ul li{width:24%;}
.Solution_detail .Content_box .program .program_top ul li .image{width:100%;height:240px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.Solution_detail .Content_box .program .program_top ul li .image img{width:100%;display:block;}
.Solution_detail .Content_box .program .program_top ul li .title_name{position:relative;height:70px;color:#000;line-height:70px;text-align:center;width:100%;padding-left:20px;padding-right:20px;}
.Solution_detail .Content_box .program .program_top ul li .title_name span{display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.Solution_detail .Content_box .program .program_top ul li .title_name img{display:none;position:absolute;left:50%;bottom:-15px;margin-left:-28.5px;}
.Solution_detail .Content_box .program .program_top ul .active .title_name{background-color:#c1a266;color:#ffffff;}
.Solution_detail .Content_box .program .program_top ul .active .title_name img{display:block;}

.Solution_detail .Content_box .program .program_top.two ul li{width:19%;}
.Solution_detail .Content_box .program .program_top.two ul li .image{width:100%;height:190px;}
.Solution_detail .Content_box .program .program_top.two ul li .title_name{height:50px;line-height:50px;}

.Solution_detail .Content_box .program .program_down{background-color:#f7f7f7;padding-top:60px;padding-left:4%;padding-right:4%;padding-bottom:50px;}
.Solution_detail .Content_box .program .program_down .li{display:none;}
.Solution_detail .Content_box .program .program_down .li .li_up{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:60px;padding-left:1%;padding-right:1%;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_left{width:45%;padding-top:50px;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .h2{width:100%;display:flex;flex-direction:row;margin-bottom:60px;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .h2 i{width:20px;height:20px;background-color:#c1a266;display:block;margin-right:30px;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .h2 span{width:100%;display:block;font-size:28px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .p{line-height:32px;margin-bottom:40px;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_right{width:45.5%;height:497px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;}
.Solution_detail .Content_box .program .program_down .li .li_up .li_up_right img{height:100%;display:block;}
.Solution_detail .Content_box .program .program_down .li .li_down{position:relative;}
.Solution_detail .Content_box .program .program_down .li .li_down ul{display:flex;flex-direction:row;}
.Solution_detail .Content_box .program .program_down .li .li_down ul li{width:23%;background-color:#ffffff;padding:17px;margin-left:1%;margin-right:1%;}
.Solution_detail .Content_box .program .program_down .li .li_down ul li .image{width:100%;margin-bottom:10px;}
.Solution_detail .Content_box .program .program_down .li .li_down ul li .image img{width:100%;display:block;}
.Solution_detail .Content_box .program .program_down .li .li_down ul li .title{display:flex;text-align:center; flex-direction:row;align-items:center;justify-content:center;background-color:#f7f7f7;height:50px;}
.Solution_detail .Content_box .program .program_down .li .li_down ul li .title span{font-size:14px;line-height:20px;}

.Solution_detail .Content_box .program .program_down .li .li_down ul li .title a{margin-left:10px; display:block;width:44px;min-width:44px;height:44px;background:url(../../images/icon_30.png) #f7f7f7 center no-repeat;}
.Solution_detail .Content_box .program .program_down .li .li_down ul li:hover .title a{background:url(../../images/icon_31.png) #c1a266 center no-repeat;}
.Solution_detail .Content_box .program .program_down .li .li_down .li_button_box{width:116%;position:absolute;top:100px;left:50%;margin-left:-58%;display:flex;flex-direction:row;justify-content:space-between;}
.Solution_detail .Content_box .program .program_down .li .li_down .li_button_box .image_button{width:56px;height:56px;}
.Solution_detail .Content_box .program .program_down .li .li_down .li_button_box .image_button span img{width:56px;height:56px;display:block;}
.Solution_detail .Content_box .program .program_down .li .li_down .swiper-button-next:after,.Solution_detail .Content_box .program .program_down .li .li_down .swiper-button-prev:after{content:'';}
.Solution_detail .Content_box .program .program_down .li .li_down .swiper-button-next,.Solution_detail .Content_box .program .program_down .li .li_down .swiper-button-prev{position:initial;}
.Solution_detail .Content_box .program .program_down .active{display:block;}
.Solution_detail .Content_box .Projects_box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:87px;}
.Solution_detail .Content_box .Projects_box .li{width:32%;display:flex;flex-direction:column;align-items:center;position:relative;}
.Solution_detail .Content_box .Projects_box .li .img{width:100%;overflow:hidden;}
.Solution_detail .Content_box .Projects_box .li .img img{width:100%;display:block;}
.Solution_detail .Content_box .Projects_box .li a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;}
.Solution_detail .Content_box .Projects_box .li .h3{position:absolute;bottom:0;left:0;width:100%;height:50px;font-size:18px;line-height:50px;color:#ffffff;padding-left:30px;background-color:rgba(0,0,0,0.4);}
.Solution_detail .Content_box .News{display:flex;flex-direction:row;justify-content:space-between;}
.Solution_detail .Content_box .News li{width:48%;cursor:pointer;position:relative;}
.Solution_detail .Content_box .News li a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
.Solution_detail .Content_box .News li .image{width:100%;}
.Solution_detail .Content_box .News li .image img{width:100%;display:block;}
.Solution_detail .Content_box .News li .text{width:100%;height:176px;background-color:#f8f8f8;display:flex;flex-direction:row;padding-top:40px;padding-right:7%;padding-bottom:40px;/*margin-bottom:18px;*/
}
.Solution_detail .Content_box .News li .text .li_left{width:20%;text-align:center;border-right:#d0d0d0 1px solid;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;}
.Solution_detail .Content_box .News li .text .li_left .n_time_day{font-size:32px;line-height:32px;color:#000;margin-bottom:20px;}
.Solution_detail .Content_box .News li .text .li_left .n_time_years{font-size:20px;color:#999;line-height:20px;}
.Solution_detail .Content_box .News li .text .li_right{width:82.2%;padding-left:6%;display:flex;flex-direction:column;justify-content:center;}
.Solution_detail .Content_box .News li:hover .text .li_right .n_list_tlite{color:#c1a266;}
.Solution_detail .Content_box .News li .text .li_right .n_list_tlite
.Solution_detail .Content_box .News li .text .li_right .n_list_text{font-size:18px;line-height:26px;color:#999;}
.Solution_detail .c_2{margin-top:0;padding-top:105px;padding-bottom:87px;}
.Solution_detail .c_2 .h1{margin-bottom:60px;}
.Solution_detail .Advantages{width:100%;background:url(../../images/bj_05.jpg) #333333 center no-repeat;background-size:cover;}
.Solution_detail .Advantages .container{padding-top:87px;padding-bottom:50px;}
.Solution_detail .Advantages .container .h1{display:flex;flex-direction:row;justify-content:center;margin-bottom:70px;}
.Solution_detail .Advantages .container .h1 span{margin-left:20px;margin-right:20px;font-size:32px;color:#ffffff;}
.Solution_detail .Advantages .container .Advantages_box{position:relative;}
.Solution_detail .Advantages .container .Advantages_box ul{display:flex;flex-direction:row;justify-content:space-between;}
.Solution_detail .Advantages .container .Advantages_box ul li{width:23%;height:544px;position:relative;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box{border:#5d5d5d 1px solid;display:flex;flex-direction:column;align-items:center;padding-top:57px;padding-bottom:70px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .image_icon{width:130px;height:130px;border-radius:130px;border:#5d5d5d 1px solid;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:60px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .image_ic{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:50px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .h2{width:100%;text-align:center;font-size:18px;color:#ffffff;margin-bottom:20px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box i{display:block;width:1px;height:64px;background:rgba(255,255,255,0.2);margin-bottom:20px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .number{font-size:32px;color:#ffffff;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box_hover{display:flex;position:absolute;top:-47px;left:50%;width:370px;margin-left:-185px;height:640px;background-color:#c1a266;flex-direction:column;align-items:center;padding-top:80px;opacity:0;transform:scale(0.9,0.9);transition:transform 0.4s;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box_hover .image_ic{margin-bottom:60px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box_hover .h2{font-size:18px;color:#ffffff;text-align:center;margin-bottom:30px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box_hover p{height:220px;color:#ffffff;line-height:32px;text-align:center;padding-left:11%;padding-right:11%;overflow:hidden;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box_hover i{display:block;width:1px;height:64px;background:rgba(255,255,255,0.2);margin-bottom:30px;}
.Solution_detail .Advantages .container .Advantages_box ul li .Ad_box_hover .number{font-size:48px;color:#ffffff;text-align:center;}
.Solution_detail .Advantages .container .Advantages_box ul li:hover .Ad_box_hover{opacity:1;transform:scale(1,1);}
.Solution_detail .Advantages .container .Advantages_box .ul1{position:relative;z-index:0;}
.Solution_detail .Advantages .container .Advantages_box .ul2{position:absolute;z-index:1;top:0;width:100%;}

@media(max-width:768px) {
  .Solution_detail .Content_box .h1{margin-bottom:25px;display:flex;align-items:center;}
  .Solution_detail .Content_box .h1 span{font-size:22px;line-height:32px;}
  .Solution_detail .Content_box .h1 i{margin-right:15px;}
  .Solution_detail .Content_box .program{padding-bottom:10px;}
  .Solution_detail .Content_box .program .program_top ul li{width:24%;}
  .Solution_detail .Content_box .program .program_top ul{flex-wrap:wrap;}
  .Solution_detail .Content_box .program .program_top ul li .image{height:auto;margin-bottom:10px;}
  .Solution_detail .Content_box .program .program_top ul li .title_name{height:42px;line-height:42px;font-size:18px;display:none;}
  .Solution_detail .Content_box .program .program_top.two ul li{width:19%;}
  .Solution_detail .Content_box .program .program_top.two ul{flex-wrap:wrap;}
  .Solution_detail .Content_box .program .program_top.two ul li .image{height:auto;}
  .Solution_detail .Content_box .program .program_top.two ul li .title_name{height:42px;line-height:42px;font-size:18px;display:none;}
  .Solution_detail .Content_box .program .program_top ul li.active .image{border:5px solid #c1a266;position:relative;margin-bottom:20px;}
  .Solution_detail .Content_box .program .program_top ul li.active .image:after{
    z-index: 10;
    content: "";
    border-top: 14px solid #c1a266;
    border-right: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
    position: absolute;
    bottom: -28px;
    left: calc(50% - 14px);
  }

  .Solution_detail .Content_box .program .program_top ul .active .title_name img{display:none!important;}
  .Solution_detail .Content_box .program .program_top{margin-bottom:0;}
  .Solution_detail .Content_box .program .program_down .li .li_up{flex-wrap:wrap;}
  .Solution_detail .Content_box .program .program_down .li .li_up .li_up_left{width:100%;padding-top:15px;}
  .Solution_detail .Content_box .program .program_down .li .li_up .li_up_right{width:100%;height:auto;padding-top:20px;}
  .Solution_detail .Content_box .program .program_down{padding:20px 15px;}
  .Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .h2{margin-bottom:25px;}
  .Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .h2 span{font-size:22px;line-height:25px;}
  .Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .h2 i{margin-right:15px;}
  .Solution_detail .Content_box .program .program_down .li .li_up .li_up_left .p{font-size:14px;line-height:20px;margin-bottom:20px;}
  .Solution_detail .Content_box .program .program_down .li .li_down .li_button_box{display:none;}

  .Solution_detail .Advantages .container{padding-top:40px;padding-bottom:40px;}
  .Solution_detail .Advantages .container .h1 span{font-size:26px;}
  .Solution_detail .Advantages .container .h1{margin-bottom:30px;}
  .Solution_detail .Advantages .container .Advantages_box .ul2{display:none;}
  .Solution_detail .Advantages .container .Advantages_box ul li{width:48%;height:auto;margin-bottom:15px;}
  .Solution_detail .Advantages .container .Advantages_box .ul1{flex-wrap:wrap;}
  .Solution_detail .Advantages .container .Advantages_box ul li .Ad_box{padding-top:25px;padding-bottom:25px;}
  .Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .image_icon{width:80px;height:80px;margin-bottom:30px;}
  .Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .image_icon img{width:35px;height:35px;}
  .Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .image_ic{margin-bottom:20px;}
  .Solution_detail .Advantages .container .Advantages_box ul li .Ad_box .h2{font-size:18px;line-height:22px;height:44px;padding-left:20px;padding-right:20px;}
  .Solution_detail .Advantages .container .Advantages_box ul li .Ad_box i{height:25px;}

  .Solution_detail .c_2{padding-top:40px;padding-bottom:40px;}
  .Solution_detail .Content_box .Projects_box{margin-bottom:40px;flex-wrap:wrap;}
  .Solution_detail .Content_box .Projects_box .li{width:48%;margin-bottom:15px;}
  .Solution_detail .Content_box .Projects_box .li .h3{padding-left:15px;height:42px;line-height:42px;}

  .Solution_detail .Content_box .News{display:block;}
  .Solution_detail .Content_box .News li{width:100%;margin-bottom:20px;}
  .Solution_detail .Content_box .News li .text .li_right .n_list_tlite{font-size:18px;}
  .Solution_detail .Content_box .News li .text .li_right .n_list_text{font-size:14px;line-height:20px;}
}


.Quality{background-color:#f1f1f1;}
.Quality .Content_box{padding-bottom:110px;margin-bottom:110px;}
.Quality .Content_box .brand_up{position:relative;z-index:1;display:flex;flex-direction:row;justify-content:space-between;}
.Quality .Content_box .brand_up .brand_left{/*padding-right:140px;padding-top:70px;*/
 width:55%;padding-top:30px;}
.Quality .Content_box .brand_up .brand_left i{width:50px;height:2px;background-color:#c1a266;display:block;margin-bottom:30px;}
.Quality .Content_box .brand_up .brand_left .h1{font-family:'Poppins-Regular';font-size:52px;line-height:60px;color:#333;margin-bottom:60px;}
.Quality .Content_box .brand_up .brand_left .text{line-height:32px;}
.Quality .Content_box .brand_up .brand_left .text p{font-size:18px;line-height:32px;color:#000;margin-bottom:60px;}
.Quality .Content_box .brand_up .brand_left .text ul li{display:flex;flex-direction:row;align-items:center;margin-bottom:0px;font-size:18px;line-height:18px;color:#000;margin-bottom:18px;}
.Quality .Content_box .brand_up .brand_left .text ul li img{margin-right:20px;display:block;}
.Quality .Content_box .brand_up .brand_right{width:40%;}
.Quality .Content_box .brand_up .brand_right img{display:block;width:100%;}
.Quality .Exquisite_Process{background-color:#ffffff;width:100%;}
.Quality .Exquisite_Process .container{padding-top:100px;}
.Quality .Exquisite_Process .container .h1{display:flex;flex-direction:column;align-items:center;}
.Quality .Exquisite_Process .container .h1 .h1_t{font-size:48px;color:#000;margin-bottom:40px;}
.Quality .Exquisite_Process .container .h1 i{width:50px;height:2px;background-color:#c1a266;display:block;margin-bottom:80px;}
.Quality .Exquisite_Process .container ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.Quality .Exquisite_Process .container ul li{width:46%;}
.Quality .Exquisite_Process .container ul li .image{width:100%;margin-bottom:40px;}
.Quality .Exquisite_Process .container ul li .image img{width:100%;display:block;}
.Quality .Exquisite_Process .container ul li .title{margin-bottom:50px;display:flex;flex-direction:row;align-items:center;}
.Quality .Exquisite_Process .container ul li .title i{display:block;background-color:#c1a266;width:60px;height:60px;color:#ffffff;font-size:22px;text-align:center;line-height:60px;border-radius:6px;margin-right:30px;}
.Quality .Exquisite_Process .container ul li .title span{color:#000;font-size:32px;}
.Quality .Exquisite_Process .container ul li .p{font-size:18px;line-height:32px;color:#000;height:200px;margin-bottom:30px;overflow:hidden;}
.Quality .Cert .container{padding-top:110px;padding-bottom:130px;}
.Quality .Cert .container .h1{display:flex;flex-direction:column;align-items:center;margin-bottom:64px;}
.Quality .Cert .container .h1 .h1_t{font-size:48px;color:#000;margin-bottom:40px;}
.Quality .Cert .container .h1 i{width:50px;height:2px;background-color:#c1a266;display:block;margin-bottom:50px;}
.Quality .Cert .container .h1 p{font-size:18px;line-height:32px;color:#000;text-align:center;}
.Quality .Cert .container ul,.honor-bottom ul{display:flex;flex-direction:row;justify-content:space-between;}
.Quality .Cert .container ul li,.honor-bottom li{width:32%;background-color:#ffffff;padding-left:3%;padding-right:3%;padding-top:40px;padding-bottom:30px;display:flex;flex-direction:column;}
.Quality .Cert .container ul li .image,.honor-bottom li .image{width:100%;margin-bottom:30px;}
.Quality .Cert .container ul li .image img,.honor-bottom li .image img{width:100%;display:block;}
.Quality .Cert .container ul li .cer_na,.honor-bottom li .cer_na{font-size:18px;line-height:18px;text-align:center;}
.Quality .Policy{background-color:#ffffff;padding-top:100px;padding-bottom:210px;}
.Quality .Policy .brand_up{position:relative;z-index:1;display:flex;flex-direction:row;justify-content:space-between;}
.Quality .Policy .brand_up .brand_left{/*padding-right:140px;padding-top:70px;*/
 width:55%;padding-top:30px;}
.Quality .Policy .brand_up .brand_left i{width:50px;height:2px;background-color:#c1a266;display:block;margin-bottom:40px;}
.Quality .Policy .brand_up .brand_left .h1{font-family:'Poppins-Regular';font-size:32px;line-height:32px;color:#333;margin-bottom:40px;}
.Quality .Policy .brand_up .brand_left .text{line-height:32px;}
.Quality .Policy .brand_up .brand_left .text ul li{display:flex;flex-direction:row;align-items:center;margin-bottom:18px;}
.Quality .Policy .brand_up .brand_left .text ul li span{display:block;width:32px;height:32px;color:#ffffff;line-height:32px;text-align:center;background-color:#c1a266;margin-right:20px;}
.Quality .Policy .brand_up .brand_left .text ul li p{font-size:18px;line-height:18px;color:#000;}
.Quality .Policy .brand_up .brand_right{width:40%;}
.Quality .Policy .brand_up .brand_right img{display:block;width:100%;}

@media(max-width:768px) {
  .Quality .Content_box{padding-bottom:20px;margin-bottom:0px;}
    .Quality .Content_box .brand_up{display:block;}
    .Quality .Content_box .brand_up .brand_right{width:100%;}
    .Quality .Content_box .brand_up .brand_left{width:100%;}
    .Quality .Content_box .brand_up .brand_left .h1{font-size:26px;line-height:32px;margin-bottom:30px;}
    .Quality .Content_box .brand_up .brand_left .text p{font-size:14px;line-height:20px;margin-bottom:25px;}
    .Quality .Content_box .brand_up .brand_left .text ul li{font-size:14px;}

    .Quality .Exquisite_Process{padding:0px;}
    .Quality .Exquisite_Process .container{padding-top:30px;width:100%;}
    .Quality .Exquisite_Process .container .h1 .h1_t{font-size:28px;margin-bottom:25px;text-align:center;}
    .Quality .Exquisite_Process .container .h1 i{margin-bottom:30px;}
    .Quality .Exquisite_Process .container ul li .title i{width:30px;min-width:30px;height:30px;line-height:30px;margin-right:10px;}
    .Quality .Exquisite_Process .container ul li .title span{font-size:18px;}
    .Quality .Exquisite_Process .container ul li .image{margin-bottom:20px;}
    .Quality .Exquisite_Process .container ul li .title{margin-bottom:10px;}
    .Quality .Exquisite_Process .container ul li .p{font-size:14px;line-height:20px;height:auto;}
    .Quality .Exquisite_Process .container ul li{width:48%;}

    .Quality .Cert .container{padding-top:40px;padding-bottom:40px;width:100%;}
    .Quality .Cert .container .h1{margin-bottom:25px;}
    .Quality .Cert .container .h1 .h1_t{font-size:28px;line-height:32px;text-align:center;margin-bottom:25px;}
    .Quality .Cert .container .h1 i{margin-bottom:30px;}
    .Quality .Cert .container .h1 p{font-size:14px;line-height:22px;}
    .Quality .Cert .container ul{flex-wrap:wrap;}
    .Quality .Cert .container ul li{width:48%;padding:20px 10px;margin-bottom:15px;}

    .Quality .Policy{padding:40px 0 40px;}
    .Quality .Policy .brand_up{display:block;}
    .Quality .Policy .brand_up .brand_left{width:100%;padding-top:0;}
    .Quality .Policy .brand_up .brand_right{width:100%;}
    .Quality .Policy .brand_up .brand_left .text ul li p{font-size:18px;}
    .Quality .Policy .brand_up .brand_left .text ul li span{width:32px;min-width:32px;height:32px;}
    .Quality .Policy .brand_up .brand_left .h1{font-size:28px;margin-bottom:25px;}
}

.Content_box .list_02{height:60px;display:flex;flex-direction:row;align-items:center;border-bottom:#f1f1f1 1px solid;padding-left:40px;}
.Content_box .list_02 i{margin-left:20px;margin-right:20px;}
.Content_box .list_02 .active a{color:#c1a266;}
.Content_box .list_02 a:hover{color:#c1a266;}

.Product_list{background-color:#f1f1f1;}
.Product_list .head_title{height:540px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;padding-top:148px;}
.cla_list{padding:0px;margin-top:-96px;}
.cla_list .list_01{display:flex;flex-direction:row;}
.cla_list .list_01 li{height:96px;border-right:#ffffff 1px solid;flex:1;}
.cla_list .list_01 li div{text-align:center;line-height:96px;background-color:#f1f1f1;}
.cla_list .list_01 li .active{color:#ffffff;background-color:#c1a266;}
.cla_list .list_01 li:last-child{border-right:none;}
.cla_list .list_02{height:60px;display:flex;flex-direction:row;align-items:center;border-bottom:#f1f1f1 1px solid;padding-left:40px;}
.cla_list .list_02 i{margin-left:20px;margin-right:20px;}
.cla_list .list_02 .active a{color:#c1a266;}
.cla_list .list_02 a:hover{color:#c1a266;}
.Product_list .cla_t{margin-top:0;padding-top:80px;padding-bottom:60px;margin-bottom:50px;}
.Product_list .cla_t .h1{font-size:42px;line-height:42px;color:#000;text-align:left;margin-bottom:60px;}
.Product_list .cla_t .text{font-size:18px;line-height:32px;text-align:left;margin-bottom:60px;}
.Product_list .cla_t .cla_but_box{display:flex;flex-direction:row;justify-content:left;}
.Product_list .cla_t .cla_but_box .cla_but{width:168px;height:40px;text-align:center;font-size:18px;line-height:40px;color:#ffffff;border-radius:4px;}
.Product_list .cla_t .cla_but_box .cla_but:first-child{margin-right:12px;background-color:#c1a266;}
.Product_list .cla_t .cla_but_box .cla_but:last-child{background-color:#333333;}
.Product_list .cla_t .cla_but_box .cla_but:hover{text-decoration:underline;}
.Product_list .cla_li{margin-top:0;padding:0;background-color:#f1f1f1;padding-bottom:30px;}
.Product_list .cla_li ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.Product_list .cla_li ul li{width:32%;background-color:#ffffff;margin-right:2%;margin-bottom:30px;position:relative;padding-bottom:25px;}
.Product_list .cla_li ul li a{display:block;}
.Product_list .cla_li ul li a:hover{color:#c1a266;}
.Product_list .cla_li ul li .image{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;padding:0px 55px;}
.Product_list .cla_li ul li .image img{width:100%;display:block;}
.Product_list .cla_li ul li .pro_n{width:100%;height:48px;line-height:24px;text-align:center;color:#333333;padding-left:15px;padding-right:15px;}
.Product_list .cla_li ul li:nth-child(3n+0){margin-right:0;}
.Product_list .cla_li ul li:hover .pro_n{color:#c1a266;}
.profy{clear:both;padding-bottom:80px;}
@media(max-width:768px) {
  .Product_list .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .Product_list .cla_list{display:none;}
  .Product_list .cla_t{padding-top:40px;padding-bottom:20px;}
  .Product_list .cla_t .h1{font-size:28px;line-height:32px;margin-bottom:20px;}
  .Product_list .cla_t .text{font-size:14px;line-height:22px;margin-bottom:10px;}
  .Product_list .cla_t .cla_but_box .cla_but{font-size:18px;}
  .Product_list .cla_li{padding:0 15px 0;}
  .Product_list .cla_li ul{justify-content:space-between;}
  .Product_list .cla_li ul li{width:48%;margin-right:0;margin-bottom:15px;padding-bottom:15px;}
  .Product_list .cla_li ul li .pro_n{height:42px;line-height:18px;padding:0;}
  .profy{padding-bottom:40px;}
}

.Product_detail{background-color:#f1f1f1;}
.Product_detail .head_title{height:900px;background:#000000 url(../../images/bj_07.jpg) center no-repeat;padding-top:148px;}
.Product_detail .Content_box{margin-top:0;padding-top:0;}
.Product_detail .cla_list{padding:0px;margin-top:-456px;}
.Product_detail .cla_list .list_01{display:flex;flex-direction:row;}
.Product_detail .cla_list .list_01 li{height:96px;border-right:#ffffff 1px solid;flex:1;}
.Product_detail .cla_list .list_01 li div{text-align:center;line-height:96px;background-color:#f1f1f1;}
.Product_detail .cla_list .list_01 li .active{color:#ffffff;background-color:#c1a266;}
.Product_detail .cla_list .list_01 li:last-child{border-right:none;}
.Product_detail .cla_list .list_02{height:60px;display:flex;flex-direction:row;align-items:center;border-bottom:#f1f1f1 1px solid;padding-left:40px;}
.Product_detail .cla_list .list_02 i{margin-left:20px;margin-right:20px;}
.Product_detail .cla_list .list_02 .active{color:#c1a266;}
.Product_detail .cla_li{margin-top:0;padding:0;background-color:#f1f1f1;padding-bottom:40px;}
.Product_detail .cla_li ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.Product_detail .cla_li ul li{width:32%;background-color:#ffffff;margin-right:2%;margin-bottom:30px;position:relative;}
.Product_detail .cla_li ul li:hover .pro_n{color:#c1a266;}
.Product_detail .cla_li ul li a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}
.Product_detail .cla_li ul li .image{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;padding:0 50px;}
.Product_detail .cla_li ul li .image img{width:100%;display:block;mix-blend-mode: multiply!important;}
.Product_detail .cla_li ul li .pro_n{width:100%;height:84px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:84px;text-align:center;color:#333333;}
.Product_detail .cla_li ul li:nth-child(3n+0){margin-right:0;}
.Product_detail .pr_de_box{display:flex;flex-direction:row;justify-content:space-between;padding-top:50px;padding-bottom:70px;margin-bottom:50px;}
.Product_detail .pr_de_box .pr_de_left{width:44%;position:relative;}
.Product_detail .pr_de_box .pr_de_left .pro_img_big{width:100%;height:550px;margin-bottom:20px;overflow:hidden;}
.Product_detail .pr_de_box .pr_de_left .pro_img_big ul{width:100%;height:100%;display:flex;flex-direction:row;}
.Product_detail .pr_de_box .pr_de_left .pro_img_big ul li{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.Product_detail .pr_de_box .pr_de_left .pro_img_big ul li img{width:100%;display:block;}
.Product_detail .pr_de_box .pr_de_left .pro_img_Small{width:100%;}
.Product_detail .pr_de_box .pr_de_left .pro_img_Small ul{display:flex;flex-direction:row;justify-content:space-between;}
.Product_detail .pr_de_box .pr_de_left .pro_img_Small ul li{width:22% !important;height:22%;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:0;opacity:1;margin-right:0 !important;}
.Product_detail .pr_de_box .pr_de_left .pro_img_Small ul li img{width:100%;display:block;}
.Product_detail .pr_de_box .pr_de_left .pro_img_Small ul .swiper-slide-thumb-active{border:#c1a266 1px solid;}
.Product_detail .pr_de_box .pr_de_right{width:49%;}
.Product_detail .pr_de_box .pr_de_right .h1{font-size:32px;line-height:52px;color:#666666;margin-bottom:30px;}
.Product_detail .pr_de_box .pr_de_right .pr_de_l{display:flex;flex-direction:row;font-size:18px;line-height:32px;color:#666666;margin-bottom:10px;}
.Product_detail .pr_de_box .pr_de_right .pr_de_l .pr_de_n{margin-right:10px;}
.Product_detail .pr_de_box .pr_de_right .fen{display:flex;flex-direction:row;}
.Product_detail .pr_de_box .pr_de_right .fen a{margin-right:10px;}
.Product_detail .pr_de_box .pr_de_right .fen a img{display:block;}
.Product_detail .pr_de_box .pr_de_right .pronr-ly{display:flex;justify-content:space-between;}
.Product_detail .pr_de_box .pr_de_right .pr_de_button{background-color:#c1a266;border-radius:6px;display:flex;position:relative; padding:15px 30px;font-size:20px;color:#ffffff;margin-bottom:40px;margin-top:30px;}
.Product_detail .pr_de_box .pr_de_right .pr_de_button:hover{background:#333;transition:all 0.5s;}
.Product_detail .pr_de_box .pr_de_right .pr_de_button:before{content:"";font-family:cmsfont;display:inline-block;margin-right:10px;}
.Product_detail .pr_de_box .pr_de_right .pr_de_button.cart:before{content:"\f07a";}
.Product_detail .pr_de_box .pr_de_right .pr_de_button.ly:before{content:"\f0e0";}
.Product_detail .pr_de_box .pr_de_right .pr_de_button.down:before{content:"\f1c1";}

.Product_detail .pr_de_box .pr_de_right .Feat .li{display:flex;flex-direction:row;margin-bottom:25px;padding-left:6%;}
.Product_detail .pr_de_box .pr_de_right .Feat .li i{width:6px;height:6px;background-color:#7a7a7a;border-radius:6px;margin-top:6px;margin-right:15px;}
.Product_detail .pr_de_box .pr_de_right .Feat .li .p{width:91%;font-size:18px;line-height:28px;color:#666666;}

.Feat2{margin-top:20px;}
.Feat2 p:before {content: "●"; margin-right: 8px; color: #c1a266 }

.Product_detail .pr_detail{padding-top:70px;padding-bottom:130px;margin-bottom:60px;}
.Product_detail .pr_detail .h1{font-size:42px;color:#666666;margin-bottom:60px;text-align:center;}
.Product_detail .pr_detail .pr_detail_box{margin-bottom:60px;width:100%;}
.Product_detail .pr_detail .pr_detail_box img{max-width:100%;display:block;height:auto;}
.Product_detail .pr_detail .pr_detail_box h4{font-size:20px;line-height:28px;}
.Product_detail .pr_detail .h2{display:flex;flex-direction:row;align-items:center;margin-left:-50px;margin-bottom:50px;}
.Product_detail .pr_detail .h2 i{width:18px;height:18px;display:block;background-color:#c1a266;margin-right:34px;}
.Product_detail .pr_detail .h2 span{font-size:20px;line-height:20px;}
.Product_detail .pr_detail .Customized_Service .box_title{margin-bottom:70px;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_title_list{display:flex;flex-direction:row;flex-wrap:nowrap;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_title_list .li{height:70px;background-color:#ededed;line-height:70px;text-align:center;font-size:20px;color:#333;flex:1;cursor:pointer;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_title_list .active{background-color:#c1a266;color:#ffffff;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list{/*height:646px;*/
 background-color:#f7f7f7;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul{display:flex;flex-wrap:wrap;display:none;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li{margin-bottom:40px;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li .image{margin-bottom:30px;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li .image img{display:block;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li .ti{font-size:18px;line-height:18px;color:#333;text-align:center;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Surface_Treatment{padding-left:4.75%;padding-right:4.75%;padding-top:70px;padding-bottom:20px;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Surface_Treatment .li{padding-left:1.55%;padding-right:1.55%;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Raw_Material{justify-content:center;padding-left:8%;padding-right:8%;padding-top:60px;padding-bottom:20px;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Raw_Material .li{padding-left:1.8%;padding-right:1.8%;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .active{display:flex;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Three_Treatment{padding-top:70px;padding-bottom:20px;padding-left:12%;padding-right:12%;justify-content:space-between;}
.Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Three_Treatment .li{padding-left:2.2%;padding-right:2.2%;width:49%}
.Product_detail .h2_box{background-color:#f1f1f1;}
.Product_detail .h2_box div{display:flex;flex-direction:row;align-items:center;margin-left:-50px;margin-bottom:50px;}
.Product_detail .h2_box div i{width:18px;height:18px;display:block;background-color:#c1a266;margin-right:34px;}
.Product_detail .h2_box div span{font-size:20px;line-height:20px;}

@media(max-width:768px) {
    .Product_detail .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
    .Product_detail .cla_list{margin-top:0;}
    .Product_detail .cla_list{display:none;}
    .Product_detail .pr_de_box{display:block;padding:40px 15px;}
    .Product_detail .pr_de_box .pr_de_left{width:100%;}
    .Product_detail .pr_de_box .pr_de_right{width:100%;padding-top:25px;}
    .Product_detail .pr_de_box .pr_de_left .pro_img_big{height:auto;}
    .Product_detail .pr_de_box .pr_de_right .h1{font-size:26px;line-height:32px;}
    .Product_detail .pr_de_box .pr_de_right .pr_de_l{font-size:18px;line-height:22px;}
    .Product_detail .pr_de_box .pr_de_right .Feat .li .p{font-size:14px;line-height:20px;}
    .Product_detail .pr_de_box .pr_de_right .pronr-ly{display:flex;justify-content:space-between;flex-wrap: wrap;}
    .Product_detail .pr_de_box .pr_de_right .pr_de_button{width:48%;height:auto;line-height:32px;font-size:16px;margin-bottom:0px;}
.Product_detail .pr_de_box .pr_de_right .pr_de_button.ml-3{margin-left:0!important}
    .Product_detail .pr_detail{padding-top:35px;padding-bottom:35px;margin-bottom:30px;}
    .Product_detail .pr_detail .h1{font-size:24px;line-height:30px;}
    .Product_detail .pr_detail .h2{margin-left:0}
    .Product_detail .pr_detail .h2 i{margin-right:15px;}

    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_title_list{display:block;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_title_list .li{font-size: 18px;width: 100%;line-height: 42px;height: 42px;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Surface_Treatment .li{padding: 0;width: 31%;margin-bottom: 20px;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li .image{margin-bottom:10px;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li .image img{width:100%;height:auto;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Surface_Treatment{padding:15px 10px;justify-content:space-between;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .ul .li .ti{font-size:14px;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Raw_Material .li{padding: 0;width: 48%;margin-bottom: 20px;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Raw_Material{padding:15px 10px;justify-content:space-between;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Three_Treatment{padding:15px 10px;}
    .Product_detail .pr_detail .Customized_Service .Service_box .Customized_box_list .Three_Treatment .li{padding: 0;width: 48%;margin-bottom: 20px;}

    .Product_detail .h2_box div{margin-left:0;margin-bottom:15px;}
    .Product_detail .h2_box div i{margin-right:15px;}
    .Product_detail .cla_li{padding:0 15px;}
    .Product_detail .cla_li ul{flex-wrap:wrap;justify-content:space-between;}
    .Product_detail .cla_li ul li{width:48%;margin-right:0;}
    .Product_detail .cla_li ul li .pro_n{line-height:42px;height:42px;}
}

.Product{background-color:#f1f1f1;}
.Product .head_title{background:#000000 url(../../images/bj_08.jpg) center no-repeat;}
.Product .Content_box{margin-bottom:90px;}
.Product .Content_box ul{padding-bottom:100px;}
.Product .Content_box ul li{position:relative;margin-bottom:90px;}
.Product .Content_box ul li .Pr_class{width:45%;aspect-ratio:1/1;height:580px;background-color:#ffffff;position:absolute;z-index:1;top:66px;display:flex;flex-direction:column;justify-content:center;}
.Product .Content_box ul li .Pr_class .h1{font-size:42px;color:#000;}
.Product .Content_box ul li .Pr_class .text{margin-bottom:3%;}
.Product .Content_box ul li .Pr_class .text p{font-size:18px;line-height:28px;}
.Product .Content_box ul li .Pr_class .Pr_cl_but{width:230px;height:64px;background-color:#c1a266;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.Product .Content_box ul li .Pr_class .Pr_cl_but span{font-size:20px;color:#ffffff;margin-right:30px;}
.Product .Content_box ul li .Pr_class .Pr_cl_but img{width:15px;height:14px;}
.Product .Content_box ul li .image{position:relative;z-index:0;width:55%;}
.Product .Content_box ul li .image img{width:100%;display:block;}
.Product .Content_box ul li:nth-child(2n+1) .Pr_class{padding-right:9%;right:0;left:0;}
.Product .Content_box ul li:nth-child(2n+1) .image{margin-left:45%;}
.Product .Content_box ul li:nth-child(2n) .Pr_class{padding-left:9%;right:0;}
.Product .Content_box ul li:nth-child(2n) .image{margin-right:45%;}

@media(max-width:768px) {
  .Product .Content_box ul li{margin-bottom:30px;}
    .Product .Content_box ul li .Pr_class{width:100%;position:relative;height:auto;padding:0!important;top:0;}
    .Product .Content_box ul li .image{width:100%;margin-left:0!important;}
    .Product .Content_box ul li .Pr_class .h1{font-size:26px;line-height:32px;margin-bottom:25px;}
    .Product .Content_box ul li .Pr_class .text p{font-size:14px;line-height:20px;margin-bottom:20px;}
    .Product .Content_box ul li .Pr_class .Pr_cl_but{width:180px;height:42px;line-height:42px;font-size:18px;}
    .Product .Content_box ul li .Pr_class .text{margin-bottom:5px;}
    .Product .Content_box{margin-bottom:0;}
    .Product .Content_box ul{padding-bottom:0;}
}


.Content_box[target=menu]{padding:0;background-color:transparent;margin-top:-96px;}
.Content_box[target=menu] ul{display:flex;flex-direction:row;}
.Content_box[target=menu] ul li{width:16.4%;height:96px;padding-right:1px;}
.Content_box[target=menu] ul li div{text-align:center;line-height:96px;background-color:#f1f1f1;}
.Content_box[target=menu] ul li .active{color:#ffffff;background-color:#c1a266;}
.Content_box[target=menu] ul li:last-child{border-right:none;}
.Content_box[target=box]{margin-top:0;}

.nav-item-about{position:relative;}
.nav-item-about a{display:block;}
.nav-item-about:hover a{color:#ffffff;background-color:#c1a266!important;}
.nav-item-about.active a{color:#ffffff;background-color:#c1a266!important;}

.certificate{background-color:#f1f1f1;}
.certificate .head_title{height:540px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;padding-top:148px;}
.certificate .Content_box[target=box]{padding-top:60px;padding-bottom:100px;margin-bottom:100px;}
.certificate .Content_box[target=box] ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.certificate .Content_box[target=box] ul li{width:32%;background-color:#fcfcfc;padding-left:3%;padding-right:3%;padding-top:40px;padding-bottom:30px;margin-bottom:40px;margin-right:2%;display:flex;flex-direction:column;}
.certificate .Content_box[target=box] ul li .image{width:100%;margin-bottom:30px;}
.certificate .Content_box[target=box] ul li .image img{width:100%;display:block;}
.certificate .Content_box[target=box] ul li .cer_na{font-size:18px;line-height:18px;text-align:center;}
.certificate .Content_box[target=box] ul li:nth-child(3n){margin-right:0;}

@media(max-width:768px) {
    .certificate .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
    .certificate .Content_box[target=box]{padding:40px 15px;}
    .certificate .Content_box[target=box] ul{justify-content:space-between;}
    .certificate .Content_box[target=box] ul li{width:48%;padding:20px 10px;margin-bottom:15px;margin-right:0;}
    .certificate .Content_box[target=box] ul li .image{margin-bottom:15px;}
    .certificate .Content_box[target=box] ul li .cer_na{font-size:18px;}
    .certificate .Content_box[target=box] ul li:nth-child(3n){margin-right:0;}
}

.video{background-color:#f1f1f1;}
.video .head_title{height:540px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;padding-top:148px;}
.video .Content_box[target=box]{padding-top:60px;padding-bottom:100px;margin-bottom:100px;}
.video .Content_box[target=box] ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.video .Content_box[target=box] ul li{width:32%;margin-bottom:40px;margin-right:2%;display:flex;flex-direction:column;}
.video .Content_box[target=box] ul li .image{width:100%;height:256px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;}
.video .Content_box[target=box] ul li .image .bj{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.6);display:flex;flex-direction:row;justify-content:center;align-items:center;}
.video .Content_box[target=box] ul li .image .img{position:relative;z-index:0;width:100%;display:block;}
.video .Content_box[target=box] ul li .cer_na{width:100%;height:84px;background-color:#f4f4f4;font-size:18px;line-height:84px;text-align:center;}
.video .Content_box[target=box] ul li:nth-child(3n){margin-right:0;}

@media(max-width:768px) {
  .video .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .video .Content_box[target=box]{padding-top:40px;padding-bottom:40px;margin-bottom:30px;}
  .video .Content_box[target=box] ul li{width:48%;margin-right:0;margin-bottom:15px;}
  .video .Content_box[target=box] ul{justify-content:space-between;}
  .video .Content_box[target=box] ul li .image{height:auto;}
  .video .Content_box[target=box] ul li .cer_na{font-size:18px;line-height:40px;height:auto;}
}

.FAQ{background-color:#f1f1f1;}
.FAQ .head_title{height:540px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;padding-top:148px;}
.FAQ .Content_box[target=box]{padding-top:110px;padding-bottom:100px;margin-bottom:100px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.FAQ .Content_box[target=box] ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.FAQ .Content_box[target=box] ul li{width:48%;margin-bottom:20px;border:#e3e3e3 1px solid;}
.FAQ .Content_box[target=box] ul li .de_FAQ_Q{width:100%;height:76px;display:flex;flex-direction:row;cursor:pointer;}
.FAQ .Content_box[target=box] ul li .de_FAQ_Q .img_icon{width:78px;min-width:78px;height:76px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#fbfbfb;font-size:30px;}
.FAQ .Content_box[target=box] ul li .de_FAQ_Q .FAQ_Q{width:87%;display:flex;flex-direction:row;align-items:center;}
.FAQ .Content_box[target=box] ul li .de_FAQ_Q .FAQ_Q span{width:100%;display:block;padding-left:20px;padding-right:20px;font-size:18px;line-height:24px;color:#000;padding-right:20px;}
.FAQ .Content_box[target=box] ul li .de_FAQ_A{display:none;padding-top:30px;padding-left:30px;padding-right:30px;padding-bottom:30px;min-height:140px;border-top:#e3e3e3 1px solid;}
.FAQ .Content_box[target=box] ul .FAQ_open .de_FAQ_Q .img_icon{background-color:#c1a266;color:#ffffff;}
.FAQ .Content_box[target=box] ul .FAQ_open .de_FAQ_A{display:block;}

.FAQ .Content_box[target=box] ul .FAQ_open .de_FAQ_A{display:flex;padding:0;}
.FAQ .Content_box[target=box] ul li .de_FAQ_A .img_icon{width:78px;min-width:78px;height:76px;background-color:#c1a266;font-size:30px;color:#fff;display:flex;align-items:center;justify-content:center;}
.FAQ .Content_box[target=box] ul li .de_FAQ_A .a-nr{padding:20px;}

@media(max-width:768px) {
  .FAQ .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .FAQ .Content_box[target=box]{padding-top:40px;padding-bottom:40px;display:block;}
  .FAQ .Content_box[target=box] ul li{width:100%;}
  .FAQ .Content_box[target=box] ul li .de_FAQ_Q .img_icon{font-size:24px;}
  .FAQ .Content_box[target=box] ul .FAQ_open .de_FAQ_A{min-height:auto;}
}

.Catalog_Download{background-color:#f1f1f1;}
.Catalog_Download .head_title{height:540px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;padding-top:148px;}
.Catalog_Download .Content_box[target=box]{padding-top:110px;padding-bottom:100px;margin-bottom:100px;}
.Catalog_Download .Content_box[target=box] .Catalog{width:100%;display:flex;}
.Catalog_Download .Content_box[target=box] .Catalog .image{width:50%;background-size:cover;}
.Catalog_Download .Content_box[target=box] .Catalog .image img{width:100%;display:block;}
.Catalog_Download .Content_box[target=box] .Catalog .Cata_box{width:50%;background:#c1a266 url(../../images/bj_09.jpg) no-repeat center;background-size:cover;padding-left:6.5%;padding-top:74px;padding-bottom:50px;}
.Catalog_Download .Content_box[target=box] .Catalog .Cata_box .h1{font-size:32px;line-height:32px;color:#ffffff;margin-bottom:40px;}
.Catalog_Download .Content_box[target=box] .Catalog .Cata_box .p{font-size:18px;line-height:32px;color:#ffffff;margin-bottom:140px;}
.Catalog_Download .Content_box[target=box] .Catalog .Cata_box .button{width:200px;color:#fff;}
.Catalog_Download .Content_box[target=box] .Catalog .Cata_box .button:hover{text-decoration:underline;}

@media(max-width:768px) {
  .Catalog_Download .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .Content_box[target=menu]{display:none;}
  .Catalog_Download .Content_box[target=box]{padding-top:40px;padding-bottom:40px;}
  .Catalog_Download .Content_box[target=box] .Catalog{display:block;}
  .Catalog_Download .Content_box[target=box] .Catalog .image{width:100%;height:300px;}
  .Catalog_Download .Content_box[target=box] .Catalog .Cata_box{width:100%;padding:25px 15px;}
  .Catalog_Download .Content_box[target=box] .Catalog .Cata_box .h1{font-size:26px;margin-bottom:20px;}
  .Catalog_Download .Content_box[target=box] .Catalog .Cata_box .p{font-size:18px;line-height:24px;margin-bottom:25px;}
}

.Contact_Us .head_title{height:540px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;padding-top:148px;}
.Contact_Us .Content_box[target=Contact]{display:flex;flex-direction:row;margin-top:-130px;background-color:#c1a266;padding:0;height:130px;}
.Contact_Us .Content_box[target=Contact] .li{display:flex;flex-direction:row;padding-top:30px;padding-bottom:30px;padding-left:3%;}
.Contact_Us .Content_box[target=Contact] .li .p{width:100%;color:#ffffff;padding-right:8.6%;padding-left:6.4%;}
.Contact_Us .Content_box[target=Contact] .li .p a{color:#fff;}
.Contact_Us .Content_box[target=Contact] .li .p a:hover{text-decoration:underline;}
.Contact_Us .Content_box[target=Contact] .li i{width:1px;height:70px;background-color:rgba(255,255,255,0.2);}
.Contact_Us .Content_box[target=Contact] .li:nth-child(1){width:55%;}
.Contact_Us .Content_box[target=Contact] .li:nth-child(2){width:25%;}
.Contact_Us .Content_box[target=Contact] .li:nth-child(3){width:20%;}
.Contact_Us .Content_box[target=box]{padding:0;display:flex;flex-direction:row;justify-content:space-between;padding-top:70px;padding-bottom:70px;}
.Contact_Us .Content_box[target=box] .contact_left{width:42.3%;}
.Contact_Us .Content_box[target=box] .contact_left img{width:100%;display:block;}
.Contact_Us .Content_box[target=box] .contact_right{width:55%;padding-top:60px;}
.Contact_Us .Content_box[target=box] .contact_right h1{font-size:28px;line-height:28px;color:#333;margin-bottom:30px;}
.Contact_Us .Content_box[target=box] .contact_right p{font-size:18px;line-height:28px;color:#666;margin-bottom:50px;}
.Contact_Us .Content_box[target=box] .contact_right .ul{width:100%;}
.Contact_Us .Content_box[target=box] .contact_right .ul .li{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px;}
.Contact_Us .Content_box[target=box] .contact_right .ul .li .dl{width:48%;height:67px;border:#ddd 1px solid;border-radius:6px;padding-left:24px;padding-right:24px;line-height:67px;overflow:hidden;}
.Contact_Us .Content_box[target=box] .contact_right .ul .li .dl input{width:100%;height:100%;}
.Contact_Us .Content_box[target=box] .contact_right .ul .li .textarea{width:100%;height:127px;border:#ddd 1px solid;border-radius:6px;padding-left:24px;padding-right:24px;padding-top:30px;padding-bottom:30px;}
.Contact_Us .Content_box[target=box] .contact_right .ul .li .textarea textarea{width:100%;height:100%;}
.Contact_Us .Content_box[target=box] .contact_right .ul .li:last-child{margin-bottom:0px;}
.Contact_Us .Content_box[target=box] .contact_right .ul .ol{padding-top:48px;}
.Contact_Us .Content_box[target=box] .contact_right .ul .ol .contact_button{width:244px;height:80px;background:#c1a266;color:#ffffff;line-height:80px;text-align:center;border-radius:6px;}
.Contact_Us .Content_box[target=box] .contact_right .ul .ol .contact_button span{margin-right:24px;}
.Contact_Us .Content_box[target=box] .contact_right .ul .ol .contact_button img{display:inline-block;vertical-align:middle;}

@media(max-width:768px) {
  .Contact_Us .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .Contact_Us .Content_box[target=Contact]{margin-top:0;display:block;height:auto;padding:15px 0;}
  .Contact_Us .Content_box[target=Contact] .li{padding:10px 15px;}
  .Contact_Us .Content_box[target=Contact] .li:nth-child(1){width:100%;}
.Contact_Us .Content_box[target=Contact] .li:nth-child(2){width:100%;}
.Contact_Us .Content_box[target=Contact] .li:nth-child(3){width:100%;}
.Contact_Us .Content_box[target=Contact] .li i{display:none;}
.Contact_Us .Content_box[target=Contact] .li .p{font-size:18px;line-height:20px;}
.Contact_Us .Content_box[target=box]{display:block;padding:35px 15px;}
.Contact_Us .Content_box[target=box] .contact_left{width:100%;}
.Contact_Us .Content_box[target=box] .contact_right{width:100%;padding-top:0px;}
.Contact_Us .Content_box[target=box] .contact_right h1{font-size:24px;}
.Contact_Us .Content_box[target=box] .contact_right p{font-size:14px;line-height:20px;margin-bottom:25px;}
}

.News_Blog_list{background-color:#f1f1f1;}
.News_Blog_list .head_title{background:#000000 url(../../images/bj_08.jpg) center no-repeat;}
.News_Blog_list .Content_box[target=box]{padding-bottom:40px;margin-bottom:60px;}
.News_Blog_list .Content_box[target=box] ul li{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px;position:relative;}
.News_Blog_list .Content_box[target=box] ul li a{display:block;}
.News_Blog_list .Content_box[target=box] ul li a:hover{color:#c1a266;}
.News_Blog_list .Content_box[target=box] ul li .image{width:31.2%;}
.News_Blog_list .Content_box[target=box] ul li .image img{width:100%;display:block;}
.News_Blog_list .Content_box[target=box] ul li:hover .News_li .h1 .title{color:#c1a266;}
.News_Blog_list .Content_box[target=box] ul .News_li{width:65.8%;padding-top:40px;}
.News_Blog_list .Content_box[target=box] ul .News_li .h1{display:flex;flex-direction:row;margin-bottom:20px;}
.News_Blog_list .Content_box[target=box] ul .News_li .h1 .time{width:74px;height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#c1a266;}
.News_Blog_list .Content_box[target=box] ul .News_li .h1 .time .day{font-size:30px;line-height:30px;color:#ffffff;}
.News_Blog_list .Content_box[target=box] ul .News_li .h1 .time .month{font-size:14px;line-height:14px;color:#ffffff;}
.News_Blog_list .Content_box[target=box] ul .News_li .h1 .title{flex:1;padding-left:30px;font-size:24px;line-height:34px;color:#000;overflow:hidden;}
.News_Blog_list .Content_box[target=box] ul .News_li .text{font-size:18px;line-height:32px;color:#666;}

@media(max-width:768px) {
    .News_Blog_list .Content_box[target=box]{padding:40px 15px 10px;margin-bottom:40px;}
    .News_Blog_list .Content_box[target=box] ul li{display:block;margin-bottom:25px;}
    .News_Blog_list .Content_box[target=box] ul li .image{width:100%;}
    .News_Blog_list .Content_box[target=box] ul .News_li{width:100%;padding-top:15px;border-bottom:1px dashed #ddd;padding-bottom:25px;}
    .News_Blog_list .Content_box[target=box] ul .News_li .h1 .time{width:55px;height:55px;min-width:55px;}
    .News_Blog_list .Content_box[target=box] ul .News_li .h1 .title{padding-left:15px;font-size:18px;line-height:24px;}
    .News_Blog_list .Content_box[target=box] ul .News_li .text{font-size:14px;line-height:20px;height:40px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
}

.News_Blog_detail{background-color:#f1f1f1;}
.News_Blog_detail .head_title{height:540px;padding-bottom:148px;background:#000000 url(../../images/bj_06.jpg) center no-repeat;}
.News_Blog_detail .Content_box[target=box]{padding-bottom:90px;margin-bottom:100px;}
.News_Blog_detail .Content_box[target=box] .h1{display:flex;flex-direction:row;margin-bottom:30px;}
.News_Blog_detail .Content_box[target=box] .h1 .time{width:74px;height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#c1a266;}
.News_Blog_detail .Content_box[target=box] .h1 .time .day{font-size:30px;line-height:30px;color:#ffffff;}
.News_Blog_detail .Content_box[target=box] .h1 .time .month{font-size:14px;line-height:14px;color:#ffffff;}
.News_Blog_detail .Content_box[target=box] .h1 .title{flex:1;padding-left:30px;font-size:34px;line-height:34px;color:#000;overflow:hidden;font-weight: bold;
font-family: arial;}
.News_Blog_detail .Content_box[target=box] .text{padding-bottom:70px;border-bottom:#dddddd 1px solid;}
.News_Blog_detail .Content_box[target=box] .text p{font-size:18px;line-height:32px;margin-bottom:10px;color:#666666;}
.News_Blog_detail .Content_box[target=box] .text h2{font-size:24px;line-height:32px;margin-bottom:10px;}
.News_Blog_detail .Content_box[target=box] .text img{max-width:100%;height:auto;}
.News_Blog_detail .Content_box[target=box] .edit_root{display:flex;flex-direction:row;justify-content:space-between;padding-top:40px;}
.News_Blog_detail .Content_box[target=box] .edit_root .edit_root_left a{display:block;font-size:18px;line-height:18px;margin-bottom:20px;color:#333;}
.News_Blog_detail .Content_box[target=box] .edit_root .edit_root_left a span{color:#c1a266;}
.News_Blog_detail .Content_box[target=box] .edit_root .edit_root_left a:hover{text-decoration:underline;}
.News_Blog_detail .Content_box[target=box] .edit_root .Pr_cl_but{width:200px;height:64px;position:relative; background-color:#c1a266;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.News_Blog_detail .Content_box[target=box] .edit_root .Pr_cl_but a{display:block;color:#fff}
.News_Blog_detail .Content_box[target=box] .edit_root .Pr_cl_but a:hover{text-decoration:underline;}
.News_Blog_detail .Content_box[target=box] .edit_root .Pr_cl_but span{font-size:20px;color:#ffffff;margin-right:30px;}
.News_Blog_detail .Content_box[target=box] .edit_root .Pr_cl_but img{width:15px;height:14px;}
.News_Blog_detail .Content_box[target=box] .text table tr td{border: 1px solid #333;padding:0 8px;}

@media(max-width:768px) {
    .News_Blog_detail .head_title{height:auto;padding-bottom:40px;background-size:cover;}
    .News_Blog_detail .Content_box[target=box]{padding-top:40px;padding-bottom:40px;margin-bottom:40px;}
    .News_Blog_detail .Content_box[target=box] .h1{margin-bottom:30px;}
    .News_Blog_detail .Content_box[target=box] .h1 .title{font-size:22px;padding-left:10px;padding-right:0;line-height:26px;}
    .News_Blog_detail .Content_box[target=box] .h1 .time{width:60px;height:60px;}
    .News_Blog_detail .Content_box[target=box] .text p{font-size:14px;line-height:20px;margin-bottom:20px;}
    .News_Blog_detail .Content_box[target=box] .text{padding-bottom:35px;}
    .News_Blog_detail .Content_box[target=box] .edit_root{flex-wrap:wrap;}
    .News_Blog_detail .Content_box[target=box] .edit_root .Pr_cl_but{width:180px;height:42px;margin:20px auto 0;}
}

h6.card-title {
    text-align: center;
}

.Project_Case{background-color:#f1f1f1;}
.Project_Case .Content_box[target=box]{padding-bottom:90px;margin-bottom:100px;}
.Project_Case .Content_box[target=box] .h1{margin-bottom:80px;}
.Project_Case .Content_box[target=box] .h1 i{margin-right:24px;}
.Project_Case .Content_box[target=box] .h1 span{font-size:32px;line-height:32px;color:#000;}
.Project_Case .Content_box[target=box] .Projects_box{display:flex;flex-direction:row;justify-content:space-between;}
.Project_Case .Content_box[target=box] .Projects_box .li{width:32%;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;}
.Project_Case .Content_box[target=box] .Projects_box .li .img{width:100%;overflow:hidden;}
.Project_Case .Content_box[target=box] .Projects_box .li .img img{width:100%;display:block;}
.Project_Case .Content_box[target=box] .Projects_box .li .h3{position:absolute;bottom:0;left:0;width:100%;height:50px;font-size:18px;line-height:50px;color:#ffffff;padding-left:30px;background-color:rgba(0,0,0,0.4);}
.Project_Case .Content_box[target=box] .Projects_box .li a{display:block;}
.Project_Case .Content_box[target=box] .Project{margin-bottom:90px;padding-bottom:80px;border-bottom:#c1a266 1px dashed;}
.Project_Case .Content_box[target=box] .Project p{font-size:18px;line-height:32px;margin-bottom:30px;color:#666666;}


@media(max-width:768px) {
    .Project_Case .Content_box[target=box]{padding-top:40px;padding-bottom:40px;margin-bottom:40px;}
    .Project_Case .Content_box[target=box] .h1{margin-bottom:30px;}
    .Project_Case .Content_box[target=box] .h1 span{font-size:26px;line-height:30px;}
    .Project_Case .Content_box[target=box] .Project{margin-bottom:40px;padding-bottom:40px;}
    .Project_Case .Content_box[target=box] .Project img{max-width:100%;height:auto;}
    .Project_Case .Content_box[target=box] .Project .d-flex{display:block!important;}
    .Project_Case .Content_box[target=box] .Project .mr-5{margin-right:0!important}
    .Project_Case .Content_box[target=box] .Project p{font-size:14px;line-height:20px;margin-bottom:20px;}
    .Project_Case .Content_box[target=box] .Projects_box{flex-wrap:wrap;}
    .Project_Case .Content_box[target=box] .Projects_box .li{width:48%;margin-bottom:15px;}
    .Project_Case .Content_box[target=box] .Projects_box .li .h3{padding-left:10px;}
}


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

/*留言*/
.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: 18px;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: #fff;margin-bottom:0px; color: #333;font-size: 16px; border-radius: 10px;overflow: hidden; border: 1px solid #cecccc; padding-top: 10px;padding-bottom: 10px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn { color: #fff; background: #c1a266;border-radius: 10px; font-size: 18px;line-height: 22px;padding-top: 10px;padding-bottom: 10px;}
.form-feedback .btn:hover{background:#e91410;color: #fff; }


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

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


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


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

.reveal-modal {
    visibility: hidden;
    top: 15%;
    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;}
}

/*浮动*/
#float{position:fixed;right:5px;bottom:105px; margin-top:-60px;z-index:98;}
#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:#c1a266;}
#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:18px;height:55px;background-color:#c1a266;color:#FFF;transition:all 0.3s;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;}
}

.content-other{padding: 30px 0px;border-top: 1px solid #ddd; line-height: 28px;font-size: 18px; color: #c1a266;display: flex;align-items: center;justify-content: space-between;}
.content-other a{color: #303f5f;}
.content-other a:hover{ color: #c1a266;transition: all 0.3s; }
.content-other .left{width: 75%;}
.content-other .back{background: #c1a266;padding: 10px 40px;display: inline-block;font-size: 18px;color: #fff;font-weight:bold;}
.content-other .back i{margin-left: 10px;}
.content-other .back:hover{color: #fff;background:#222;transition:all 0.5s;}

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

.home-link{background:#f1f4f4;padding:90px 0 90px;}
.home-link .link-box{margin-bottom:20px;}
.home-link .row{margin-left:-9px;margin-right:-9px;}
.home-link .t1{font-size:41px;margin-bottom:35px;}
.home-link p{font-size:18px;line-height:28px;}
.home-link .row .col-md-6,.home-link .row .col-md-3{padding-left:9px;padding-right:9px;}


.home-link-new{background:#f4f4f4;padding:90px 0 90px;}
.home-link-new .link-box,.parter-bottom .link-box{margin-bottom:20px;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.home-link-new .row{margin-left:-9px;margin-right:-9px;}
.home-link-new .h1{font-size:42px;line-height:42px;text-align:center;margin-bottom:30px;}
.home-link-new .h2{line-height:18px;text-align:center;margin-bottom:60px;}
.home-link-new .row .col-md-6,.home-link .row .col-md-3{padding-left:9px;padding-right:9px;}

.home-projects-new{background:#fff;padding:20px 0 20px;}


.home-fact-new{background:#333333;padding:120px 0 80px;}
.home-fact-new .t1{font-size:42px;text-align:center;font-weight:400;color:#fff;}
.home-fact-new .t2{font-size:18px;line-height:28px;color:rgba(255, 255, 255, 0.8);text-align:center;width:70%;margin:30px auto 80px;}
.home-fact-new .img{margin-top:80px;margin-bottom:60px;position:relative;display:flex;align-items:center;justify-content:center;}
.home-fact-new .img .ly{background:#c1a266;font-size:32px;text-align:center;display:inline-block;color:#fff;padding:20px 90px;cursor:pointer; position:absolute;}
.home-fact-new .img .ly b{border-bottom:3px solid #fff;padding-bottom:3px;padding-top:3px;}
.home-fact-new .row{margin-left:-30px;margin-right:-30px;}
.home-fact-new .row .col-md-4{padding-left:30px;padding-right:30px;}
.home-fact-new .fact-box{background:#f8f8f8;}
.home-fact-new .fact-box .text{padding:20px 30px 40px;}
.home-fact-new .fact-box .t3{font-size:20px;line-height:45px;color:#333;font-weight:500;}
.home-fact-new .fact-box p{font-size:18px;line-height:28px;color:#666666;overflow:hidden;}

.home-fact-new .a-img{margin-top:15px;position:relative;display:flex;align-items:center;justify-content:center;}
.home-fact-new .a-img .ly{background:#c1a266;font-size:32px;text-align:center;display:inline-block;color:#fff;padding:20px 90px;cursor:pointer; position:absolute;}
.home-fact-new .a-img .ly b{border-bottom:3px solid #fff;padding-bottom:3px;padding-top:3px;}

@media(max-width:1350px) {
    .home-fact-new .row{margin-left:-15px;margin-right:-15px;}
    .home-fact-new .row .col-md-4{padding-left:15px;padding-right:15px;}
}

@media(max-width:768px) {
  .swiper-pagination-bullet-active{background: #c1a266!important;}
  .home-link{padding:40px 0;}
  .home-link .t1{font-size:26px;}
  .home-link p{font-size:14px;line-height:22px;}
  .home-link .pt-5{padding-top:30px!important;}

  .home-fact-new{padding:40px 0;background-size:cover;}
  .home-fact-new .t1{font-size:26px;}
  .home-fact-new .t2{font-size:14px;line-height:22px;margin-top:25px;margin-bottom:30px;width:100%;}
  .home-fact-new .img .ly{padding:10px 25px;font-size:18px;line-height:30px;}
  .home-fact-new .a-img .ly{padding:10px 25px;font-size:18px;line-height:30px;}
  .home-fact-new .img{margin-top:30px;margin-bottom:30px;}
  .home-fact-new .fact-box{margin-bottom:15px;}
  .home-fact-new .fact-box p{font-size:14px;line-height:22px;height:auto;}
  .home-fact-new .fact-box .text{padding:10px 20px 20px;}


  .home-link-new{padding:40px 0;}
  .home-link-new .t1{font-size:26px;padding-left:0;}
  .home-link-new p{font-size:14px;line-height:22px;padding-left:0;}
  .home-link-new .pt-5{padding-top:30px!important;}

  .index .banner .banner-text{align-items:flex-start;}
  .index .banner .banner-text .h1 p{font-size:22px;}
  .index .banner .banner_up .container .p{font-size:14px;line-height:22px;}

  .home-qh .choose-box{padding-top: 70px;padding-bottom: 90px;padding-left: 30px; padding-right: 30px;border: #666 1px solid;text-align:center;}
  .home-qh .choose-box .h2{font-size: 20px;
    color: #ffffff;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 35px;}
    .home-qh .choose-box .text{color: #7c7c7c;}
    .home-qh .choose-box .image{margin-bottom:50px;}
    .Solution_detail .Content_box .program .program_down .li .li_down ul{flex-wrap:wrap;justify-content:space-between;}
    .Solution_detail .Content_box .program .program_down .li .li_down ul li{width:48%;margin:0 0 15px;padding:5px;}
    .Product_list .cla_li ul li .image{padding:0 15px;}
    .Product_list .cla_li ul li{padding:5px 8px 15px;}
    .Product_detail .cla_li ul li{padding:5px 8px;}
    .Product_detail .cla_li ul li .image{padding:0 15px;}
    .About_us .Content_box .instructions ul li .Rights{padding-top:25px;}
    .Project_Case .Content_box .Project .d-flex img{margin-bottom:15px;}
    .Quality .Cert .container ul li .cer_na{font-size:14px;}
    .FAQ .Content_box[target=box]{margin-bottom:0}
    .video .Content_box[target=box] ul li .cer_na{font-size:15px;line-height:22px;height:48px;display:flex;align-items:center;justify-content:center;}
    .video .Content_box[target=box]{margin-bottom:0;}
    .certificate .Content_box[target=box] ul li .cer_na{font-size:14px;}
    .certificate .Content_box[target=box]{margin-bottom:0;}
    .Catalog_Download .Content_box[target=box]{margin-bottom:0;}
    .case .Content_box{margin-bottom:0}
    .Project_Case .Content_box{margin-bottom:0}
    .News_Blog_list .Content_box{margin-bottom:0}
    .News_Blog_detail .Content_box{margin-bottom:0}

    .index .Our_Product .Product_box ul li .Product_icon .pic{padding:0;border:1px solid #333;}
    .index .Our_Product .Product_box ul li .product_title .pro_name{font-size:14px;}
    .index .Our_Product .title {display:flex;justify-content:center;}
    .Solution_detail .Content_box .program .program_down .li .li_down ul li .title span{font-size:12px;line-height:18px;}
}

.hot-news-box{margin-bottom:60px;}
.hot-news-box .news-col{background:#fff;box-shadow:5px 0 21px rgba(0, 0, 0, 0.04);padding:25px;display:flex;height:100%;}
.hot-news-box .news-col .img{width:34%;border:2px solid #eeeeee;box-shadow:7px 0 29px rgba(0, 0, 0, 0.08);display:flex;align-items:center;justify-content:center;}
.hot-news-box .news-col .text{width:66%;padding-left:25px;}
.hot-news-box .news-col .text .h3{font-size:22px;margin-bottom:10px;font-weight:bold;}
.hot-news-box .news-col .text .h3 a:hover{color:#c1a266;transition:all 0.5s}
.hot-news-box .news-col .text p{color:#494949;}
.hot-news-box .news-col .text .more{display:inline-block;background:#c1a266;font-size:17px;color:#fff;padding:10px 40px;border-radius:15px;overflow:hidden;margin-top:10px;}
.hot-news-box .news-col .text .more:hover{text-decoration:underline;}

@media(max-width:768px) {
  .hot-news-box{margin-bottom:30px;}
    .hot-news-box .news-col{padding:20px 15px;margin-bottom:15px;align-items: center;}
    .hot-news-box .news-col .text .h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .hot-news-box .news-col .text{padding-left:15px;}
    .hot-news-box .news-col .text .more{font-size:18px;padding:6px 30px;}
    .hot-news-box .news-col .text p{display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

  .hot-news-box .mb-pro{margin-bottom:15px;}
}

.pr_de_n {
    font-size: 28px;
    font-weight: bold;
}


.Imgs_list{background-color:#f1f1f1;}
.Imgs_list .head_title{height:540px;padding-top:148px;background:#000000 url(../../images/bj_13.jpg) center no-repeat;}
.Imgs_list .Content_box[target=box]{padding-bottom:90px;margin-bottom:100px;}
.Imgs_list .Content_box[target=box] .card-title{text-align:center;margin-top:10px;margin-bottom:20px;}

@media(max-width:768px) {
  .Imgs_list .head_title{height:auto;padding-top:40px;padding-bottom:40px;}
  .Imgs_list .Content_box[target=box]{display:block;}
  .Imgs_list .Content_box[target=box]{padding-bottom:40px;margin-bottom:40px;}
}

.hot-news-box .sub-title{background:#c1a266;padding:8px 20px;font-size:17px;line-height:30px;color:#fff;margin-bottom:25px;}
.hot-news-box .item{margin-bottom:20px;}
.hot-news-box .item h3{font-size:17px;line-height:22px;font-weight:bold;margin-top:10px;margin-bottom:15px;}
.hot-news-box .item p{font-size:14px;line-height:22px;}

.hot-pro-box .sub-title{background:#c1a266;padding:8px 20px;font-size:17px;line-height:30px;color:#fff;margin-bottom:25px;margin-top:30px;}
.hot-pro-box .pro-box .img{margin-bottom:15px;border:1px solid #ddd;padding:10px;}
.hot-pro-box .pro-box .title{text-align:center;margin-bottom:14px;}
/*Kitchen Faucet list*/
.kitchenleft-img{float:left; width:36%;margin-top: 3%;margin-bottom: 3%;}
.kitchenleft-img img,.choose-Kitchenright img,.whlog-hei img{width:100%;}
.kitchenright-nr{float:left; width:64%;padding-left: 5%;margin-top:7%;}
.kitchenlist-title{font-size: 30px;font-weight: bold;margin-bottom: 2%;}
.kitchenlist-neirong p{margin-bottom:10px;}
.Customized-Kitchen,.choose-Kitchen{clear: both;float: left;width: 100%;}
.Customized-Kitchen{margin-top: 5%;}
.list-picture li{float: left;width:45%;margin: 0% 1% 2% 1%;text-align: center;}
.list-picture img,.list-picture-three li img{width:100%;}
.choose-Kitchenleft{float:left; width:60%;}
.choose-Kitchenright{float:left; width:40%;padding-left: 3%;}
.choose-Kitchen{margin-top:6%;margin-bottom:8%;}
.choose-Kitchentitle{font-size: 30px;font-weight: bold;margin-bottom: 5%;}
.chooseKitchen-nr p strong{margin-top: 20px;display: block;}
.Customized-Kitchenleft{/*float:left; width:44%;*/ margin-top:3%;}
.Customized-Kitchenright{/*float:left; width:56%;*/}
.list-picture-three{margin-top: 30px;}
.list-picture-three li{/*width: 32%;*/width:19%;float: left;text-align: center;margin: 0% 0.5%;}
.list-picture p{font-size:14px; margin-top:10px;}
.list-picture-three p{font-size:15px; margin-top:10px;}
.whlog-hei{width:55%;}
.Content_boxbg{clear: both; overflow: hidden;background: #f1f1f1;float: left;width: 100%;padding-bottom: 5%;margin-top: 3%;}
.Content_boxbg .Content_box,#topys_quxiao,.Contentboxbg-baise .Content_box{margin-top:0px;padding-top:0px;}
.Contentboxbg-huise{background:#f1f1f1;overflow: hidden;}
.Contentboxbg-huise .Content_box{background:#f1f1f1;}
.title-center{font-size: 36px;text-align: center;font-weight: bold;margin-bottom: 2%;}
.Basin-topys-desc{text-align:center;}
.Basin-topys ul{float:left; width:100%;margin-top: 3%;}
.Basin-topys ul li{float:left; width:14.5%;margin: 0% 2.7%; text-align:center;}
.Basin-topys ul li img{width:100%;}
.faq-Basin{clear:both; float:left; width:100%;padding-top: 3%;padding-bottom: 2%;}
.faq-listny li {float: left;width: 46%;margin: 0% 2% 1% 2%;min-height: 120px;}
.faq01 {background: url(/upload/1c/202310/faq-iocn.png) no-repeat left center;background-size: 20px 20px;padding-left:25px;color: #0e0f11;font-size: 18px;font-family: Opensans,sans-serif;margin-bottom: 15px;}
.faq-desc {margin-left:28px;}
.Contentboxbg-baise,.Contentboxbg-baise .Content_box{background:#fff;}
.Contentboxbg-baise{clear: both;overflow: hidden;padding-bottom: 5%;}
.Basin-topys{overflow: hidden;padding-top: 0%;padding-bottom: 6%;}
.faq-listny{margin-top: 3%;overflow: hidden;padding-bottom: 3%;}
.Basin-topys .Raw_Material{display:flex;justify-content: center;padding-left: 8%;padding-right: 8%;padding-top: 60px;padding-bottom: 20px;flex-wrap: wrap;}
.Basin-topys .li{padding-left: 1.8%;padding-right: 1.8%;margin-bottom: 40px;text-align: center;}
.Basin-topys .image {margin-bottom: 30px;}
#padding-ystwo{padding-bottom:5%;}
#padding-ystwo .Content_box{padding-top: 5%;}
.parter-bottom .t1{margin-top:43px;}
.parter-bottom{margin-top: 5%;}
#padding-wu{padding-bottom:0px;}
.company-bottom .brand h3{font-size: 2rem;}
.honor-bottom{padding-top:5%;}
.honor-bottom li .image{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.first-desc{margin-bottom: 4%;color: #bdb9b9;}
.desc-kitchenlist{color: #a7a5a5;margin-bottom: 2%;}
.kitchenright-nr span,.kitchenlist-neirong p span,.chooseKitchen-nr p strong span{color: #c1a266;margin-right: 10px;}
.chooseKitchen-nr p{color: #898484;}
.chooseKitchen-nr p strong{color: #666666;}
#padding-wu .Basin-topys,#Shower-Panelys{padding-top: 6%;}
#Shower-Panelys .Basin-topys{padding-bottom:0px;}
#Shower-Panelys{padding-bottom: 2%;}

@media screen and (min-width:1200px ) and (max-width:1356px) {
.Basin-topys .li{padding-left: 1%;padding-right: 1%;}
}

@media(max-width:768px) {
.kitchenleft-img,.kitchenright-nr,.choose-Kitchenleft,.choose-Kitchenright{width:100%;}
.kitchenright-nr,.choose-Kitchenright{padding-left:0px;}
.kitchenlist-title,.choose-Kitchentitle,.title-center{font-size:18px;}
#basin-faucet-top{margin-top: 15%;}
.list-picture-three li{width: 46%;margin: 0% 2%;min-height: 230px;}
.choose-Kitchenright{margin-top:10px;}
.faq-listny li{width: 100%;margin: 10px 0px;min-height: inherit;}
.faq01{background-position: 0px 0px;}
.parter-bottom .t1,.parter-bottom p{padding-left:0px;}
.Basin-topys{padding-bottom:0px;}
.company-bottom .brand .container .brand_up .brand_left,.company-bottom .brand .container .brand_up .brand_right{width:100%;}
.company-bottom .brand .container .brand_up{display: initial;}
.company-bottom .brand .background{display:none;}
.company-bottom .brand{padding-top: 50px;}
.company-bottom .brand .container .brand_up .brand_right{margin-top:15px;}
.company-bottom .brand .container .brand_up .brand_right img{height: 297px;}
.honor-bottom li .cer_na{font-size:12px;}
}

.footer-feedback{clear: both;background:#c1a266;padding-top:60px;padding-bottom:60px;}
.footer-feedback .title{font-size:48px;line-height:55px;margin-bottom:50px;color:#fff;font-weight:bold;}
.footer-feedback .form-feedback .form-control{padding-top:11px;padding-bottom:11px;border-radius:0;margin-bottom:0;}
.footer-feedback .form-feedback .btn{padding-top:11px;padding-bottom:11px;border-radius:0;background:#222222;margin-top:30px;}
.footer-feedback .form-feedback .btn:hover{background:#e91410;transition:all 0.5s;}

@media(max-width:768px) {
    .footer-feedback{padding-top:35px;padding-bottom:35px;}
    .footer-feedback .title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .footer-feedback .form-feedback .btn{margin-top:20px;}
}
#new-yanshix .image{background-color: #d2d2d2;background-position: center;background-repeat: no-repeat;background-size: auto;}

.p-yanshinew{font-size: 18px;line-height: 32px;color: #ffffff;margin-bottom:15px;}
#new-yanshix .Cata_box{padding-left:3%;padding-right:3%;}
#new-yanshix .Cata_box .h1{margin-bottom:10px;}
#download-yanshix{overflow: hidden;}
#download-yanshix .choose-Kitchenleft{margin-top:30px;}
#download-yanshix .chooseKitchen-nr p strong{font-size: 20px;margin-top: 36px;}
#download-yanshix .choose-Kitchentitle{font-size: 38px;}
#yanshi-padding .Content_box{padding-bottom:0px;}

@media(max-width:768px) {
#new-yanshix .image{background-size: contain;}
#download-yanshix .chooseKitchen-nr p{font-size: 13px;margin-bottom: 10px;}
#download-yanshix .chooseKitchen-nr p strong{font-size: 18px;}
}

.root_dow_right{color:#666}

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

@media(max-width:768px) {
  .google-cookies{padding:0;bottom:0;}
  .google-cookies .container-xl{border-radius:0;padding:10px;}
  .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;}
}

.photo-titlebox{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
.photo-titlebox .title{font-size:26px;line-height:30px;border-left:5px solid #c1a266;padding-left:15px;}
.photo-titlebox .photo-qh-btn{width:110px;position:relative;display:flex;justify-content:space-between;align-items:center;}
.photo-titlebox .photo-qh-btn .swiper-button-photo{margin-top:0; position:relative;left:inherit;right:inherit;top:inherit;bottom:inherit; width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#c1a266;border-radius:5px;}
.photo-titlebox .photo-qh-btn .swiper-button-photo:after{color:#fff;font-size:22px;}
.photo-qh .t3{text-align:center;margin-top:10px;}

.photo-qh{position:relative;margin-bottom:50px;}
.photo-qh:last-child{margin-bottom:0px;}

@media(max-width:768px) {
    .photo-titlebox .title{font-size:24px;padding-left:10px;}
    .photo-titlebox .photo-qh-btn{width:90px;}
    .photo-titlebox .photo-qh-btn .swiper-button-photo{width:40px;height:40px;}
    .photo-titlebox .photo-qh-btn .swiper-button-photo:after{font-size:16px;}
}

.prolf-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.prolf-box .left{width:59%;}
.prolf-box .right{width:38%;}
.prolf-box .left .text p{color:#666666;margin-bottom:25px;}
.prolf-box .left .text ul li{font-size:18px;line-height:42px;display:flex;align-items:center;}
.prolf-box .left .text ul li:before{content:"";width:20px;height:20px;min-width:20px;margin-right:15px;background:url(../../images/a-profl-tb.jpg) no-repeat;}

.a-profl-box1{background:#f1f1f1;padding:20px 0 80px;}
.a-profl-box1 .t1{font-size:32px;text-transform:uppercase;text-align:center;margin-bottom:70px;}
.a-profl-box1 .title{background:#222222;height:80px;padding:0 30px;display:flex;align-items:center;font-size:18px;line-height:30px;color:#fff;text-transform:uppercase;}
.a-profl-box1 .nr{background:#fff;height:320px;padding:20px 30px 0;}
.a-profl-box1 .nr p{display:flex;margin-top:15px;}
.a-profl-box1 .nr p:before{content:"";width:12px;height:12px;background:#c1a266;margin-right:20px;min-width:12px;margin-top:8px;}

.a-profl-box2{background:#fff;padding:100px 0;}
.a-profl-box2 .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.a-profl-box2 .container-xl .left{width:42%;}
.a-profl-box2 .container-xl .right{width:52%;}
.a-profl-box2 .container-xl .right h4{font-size:36px;line-height:42px;text-transform:uppercase;}
.a-profl-box2 .container-xl .right p{font-size:18px;line-height:32px;color:#666666;margin-top:25px;}
.a-profl-box2 .container-xl .right ul{display:flex;flex-wrap:wrap;margin-top:30px;}
.a-profl-box2 .container-xl .right ul li{font-size:18px;line-height:42px;display:flex;align-items:center;width:50%;}
.a-profl-box2 .container-xl .right ul li:before{content:"";width:20px;height:20px;min-width:20px;margin-right:15px;background:url(../../images/a-profl-tb.jpg) no-repeat;}
.a-profl-box2 .container-xl .right .more{display:inline-block;padding:10px 30px;font-size:16px;line-height:22px;color:#fff;background:#c1a266;border-radius:5px;margin-top:25px;}
.a-profl-box2 .container-xl .right .more:hover{text-decoration:underline;}

.a-profl-box3{background:#f1f1f1;padding:140px 0;}
.a-profl-box3 .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.a-profl-box3 .container-xl .left{width:50%;}
.a-profl-box3 .container-xl .right{width:41%;background:#fff;padding:60px;}
.a-profl-box3 .container-xl .right .t3{font-size:32px;text-transform:uppercase;margin-bottom:35px;}
.a-profl-box3 .form-feedback .form-control{margin-bottom:0;padding-top:11px;padding-bottom:11px;}
.a-profl-box3 .t1{font-size:36px;line-height:52px;text-transform:uppercase;}
.a-profl-box3 .t1 span{color:#c1a266;}
.a-profl-box3 .t2{font-size:18px;line-height:32px;color:#666666;margin-top:25px;}

.a-profl-box3 .faq-list{margin-top:35px;}
.a-profl-box3 .faq-item{display:flex;margin-top:20px;background:#fff;border-radius:10px;overflow:hidden;padding:15px 20px;}
.a-profl-box3 .faq-item .tb{width:20px;height:20px;min-width:20px;margin-right:13px;text-align:center;}
.a-profl-box3 .faq-item .tb i{font-size:18px;line-height:32px;color:#666666;}
.a-profl-box3 .faq-item .title-q{font-size:18px;line-height:32px;color:#666666;cursor:pointer;}
.a-profl-box3 .faq-item .content-a{font-size:16px;line-height:24px;height:0;overflow:hidden;transition:all 0.5s;}
.a-profl-box3 .faq-item.active{background:#c1a266;}
.a-profl-box3 .faq-item.active .title-q{color:#fff;}
.a-profl-box3 .faq-item.active .content-a{display:block;height:200px;color:#fff;}
.a-profl-box3 .faq-item .content-a p{font-size:16px;line-height:26px;margin-top:25px;}
.a-profl-box3 .faq-item.active .tb img{filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(330deg) brightness(102%) contrast(104%);}
.a-profl-box3 .faq-item.active .tb i{color:#fff;}

.a-profl-feedback{background:url(../../images/a-profl-bg1.jpg) no-repeat center;}
.a-profl-feedback .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1262px;height:200px;}
.a-profl-feedback .t1{font-size:48px;line-height:54px;color:#fff;}
.a-profl-feedback .more{display:inline-block;padding:15px 50px;font-size:24px;line-height:40px;color:#fff;border:1px solid #fff;cursor:pointer;}
.a-profl-feedback .more:hover{background:#fff;color:#c1a266;transition:all 0.5s;}

@media(max-width:768px) {

    .prolf-box .left{width:100%;}
    .prolf-box .right{width:100%;margin-top:20px;}

    .a-profl-box1{padding:20px 0 35px;}
    .a-profl-box1 .t1{font-size:24px;line-height:32px;margin-bottom:25px;}
    .a-profl-box1 .col-md-4{margin-bottom:15px;}
    .a-profl-box1 .nr{height:210px;padding:5px 15px 20px;}
    .a-profl-box1 .title{height:50px;font-size:16px;line-height:22px;padding:0 15px;}

    .a-profl-box2{padding:35px 0;}
    .a-profl-box2 .container-xl .left{width:100%;}
    .a-profl-box2 .container-xl .right{width:100%;margin-top:25px;}
    .a-profl-box2 .container-xl .right h4{font-size:18px;line-height:24px;}
    .a-profl-box2 .container-xl .right p{font-size:14px;line-height:22px;margin-top:15px;}
    .a-profl-box2 .container-xl .right ul li{font-size:16px;width:100%;line-height:32px;}
    .a-profl-box2 .container-xl .right ul{margin-top:5px;}

    .a-profl-box3{padding:35px 0;}
    .a-profl-box3 .container-xl .left{width:100%;}
    .a-profl-box3 .container-xl .right{width:100%;padding:20px 15px;margin-top:25px;}
    .a-profl-box3 .t1{font-size:24px;line-height:32px;}
    .a-profl-box3 .t2{font-size:14px;line-height:22px;margin-top:15px;}

    .a-profl-box3 .faq-item{padding:15px;}
    .a-profl-box3 .faq-item.active .content-a{height:auto;}
    .a-profl-box3 .faq-item .content-a p{font-size:14px;line-height:20px;margin-top:15px;}
    .a-profl-box3 .faq-item .title-q{font-size:17px;line-height:24px;}
    .a-profl-box3 .container-xl .right .t3{font-size:24px;line-height:32px;margin-bottom:20px;}
    .a-profl-box3 .form-feedback .form-control{font-size:14px;line-height:22px;padding-top:5px;padding-bottom:5px;}
    .a-profl-feedback{display:none;}
    .a-profl-feedback .container-xl{text-align:center;justify-content:center;}
    .a-profl-feedback .t1{font-size:32px;line-height:36px;}
    .a-profl-feedback .more{padding:10px 30px;font-size:16px;line-height:30px;}
    .a-profl-box3 .faq-item .tb i{font-size:17px;line-height:24px;color:#666666;}

    .prolf-box .left .text ul li{font-size:14px;line-height:24px;}
    .Content_box.cla_t .text{height:110px;overflow:hidden;}
    .Content_box.cla_t .text.active{height:auto;}
    .Content_box.cla_t .modesc{margin-bottom:25px;text-align:center;color:#c1a266;}
    .Content_box.cla_t .modesc i:before{content:"\f322";}
    .Content_box.cla_t .modesc.active i:before{content:"\f325";}
    .prolf-box .right{display:none;}
}

.a-hm-application{background:url(../../images/a-hm-app-bg.jpg) no-repeat right ;background-size:cover; display:flex;justify-content:flex-end;align-items:center;padding-top:95px;padding-bottom:95px;}
.a-hm-application .box{width:1560px; display:flex;flex-wrap:wrap;justify-content:space-between;}
.a-hm-application .box .left{width:17.5%;}
.a-hm-application .box .right{width:79%;position:relative;overflow:hidden;}
.a-hm-application .box .left .t1{font-size:42px;line-height:45px;}
.a-hm-application .box .left .t2{font-size:18px;line-height:28px;color:#999;margin-top:18px;}
.a-hm-application .box .qh .item{position:relative;padding-left:100px;padding-bottom:120px;}
.a-hm-application .box .qh .item .img{border-radius:10px;overflow:hidden;position:relative;transform:scale(0.9);}
.a-hm-application .box .qh .item .img:before{content:"";width:100%;height:100%;background:rgba(220, 220, 220, 0.65);position:absolute;top:0;bottom:0;left:0;right:0;}
.a-hm-application .box .qh .item .text{display:none; position:absolute;left:0px;bottom:0;background:#bf9f62;color:#fff;border-radius:10px;overflow:hidden;width:288px;height:288px;padding:20px 30px 0 30px;}
.a-hm-application .box .qh .item .text .t3{font-size:32px;line-height:45px;position:relative;}
.a-hm-application .box .qh .item .text .t3:after{content:"";width:42px;height:2px;background:#fff;display:block;margin-top:10px;margin-bottom:15px;}
.a-hm-application .box .qh .item .text .t4{font-size:16px;line-height:24px;color:rgba(255, 255, 255, 0.6);}
.a-hm-application .box .qh .item .text .more{display:inline-block;padding:5px 20px;border:1px solid rgba(255, 255, 255, 0.6);font-size:16px;line-height:24px;color:#fff;margin-top:15px;}
.a-hm-application .box .qh .item .text .more:hover{background:#fff;color:#bf9f62;transition:all 0.5s;}
.a-hm-application .box .qh .swiper-slide-active .item .img{transform:scale(1.0);}
.a-hm-application .box .qh .swiper-slide-active .item .img:before{background:rgba(0, 0, 0, 0.5);}
.a-hm-application .box .qh .swiper-slide-active .text{display:block;}
.a-hm-application .box .a-hmapp-btn{position:absolute;width:150px;left:360px;bottom:45px;display:flex;justify-content:space-between;}
.a-hm-application .box .pro-next{z-index:20;}
.a-hm-application .box .pro-prev{z-index:20;}
.a-hm-application .box .pro-next:after{content:"\f061";font-family:cmsfont;font-size:18px;color:#bf9f62;}
.a-hm-application .box .pro-prev:after{content:"\f060";font-family:cmsfont;font-size:18px;color:#bf9f62;}
.a-hm-application .box .swiper-pagination{bottom:-12px;}

@media(max-width:1600px) {
    .a-hm-application{background:#f4f4f4;}
    .a-hm-application .box{width:95%;}
    .a-hm-application .box .qh .item{position:relative;padding-left:50px;padding-bottom:80px;}
}

@media(max-width:1500px) {
    .a-hm-application .box{width:98%;}
    .a-hm-application .box .qh .item{position:relative;padding-left:10px;padding-bottom:80px;}
    .a-hm-application .box .qh .item .img{border-radius:10px;overflow:hidden;position:relative;transform:scale(0.85);}
}

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #c1a266; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 18px; 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: #c1a266 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }


.window.off{display:none}
.window #day{display:none}
.window #month{display:none}
.window{position:fixed;right:0;top:143px;width:420px;padding:30px 20px;z-index:999;border-radius:15px;box-shadow:5px 0px 10px rgba(0,0,0,0.1);background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:16px;}
.window .icon{font-size:20px}
.window .btn{min-width:50px;height:190px;color:#fff;background-color:#c1a266;display:flex;align-items:center;justify-content:center;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.window .btn-left{position:absolute;right:420px;border-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.window .window-text{margin:0 10px;width: 100%;}
.window .box{display:flex;justify-content:flex-end;position:relative}
.window .t0{padding:5px 30px;font-size:20px;color:#fff;background:#c1a266;display:inline-block;border-radius:15px 0 0 15px;position:absolute;right:-30px}
.window .t1{font-size:20px;font-weight:bold;color:#c1a266;margin-top:35px}
.window .t2{font-size:15px;font-weight:bold}
.window .place{margin-top:30px;line-height:21px}
.window .place p{font-size:15px;line-height:32px}
.window .place p strong{color:#c1a266;text-decoration:underline}
.window .ps{margin-top:40px;line-height:21px}
.window.hide{right:-420px;}
.window .btn-left{opacity:0;display:none;width:55px}
.window .btn-right{cursor:pointer}
.window .show{opacity:1;display:flex;right:420px}
.window .place a{color:#fff}
.window .place a:hover{text-decoration:underline}
.window .btnzt{transform:rotate(-90deg);font-size:20px;line-height:20px}

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


.content-cost{background-color:#ffffff;padding:30px 20px 20px 20px;position:fixed;z-index:999;right:80px;bottom:135px;transition:all 0.5s;overflow:hidden;width:500px;box-shadow: 4px 4px 8px 2px rgb(0 0 0 / 10%);
    border-radius: 20px; opacity:0;transform:scale(0) rotate3d(1,1,1,90deg);transform-origin:bottom right}
.content-cost .tj-jt{position:absolute;bottom:20px;right:30px;cursor:pointer;color:#c1a266;}
.content-cost .us-he{margin-bottom:10px;}
.content-cost .form-feedback .btn{padding-top:12px;padding-bottom:12px;}
.content-cost .form-feedback .form-control{padding-top:12px;padding-bottom:12px;}
.content-cost.active{transform:scale(1) rotate3d(1,1,1,0deg);opacity:1}
@media (min-width:1px) and (max-width:991px){
  .content-cost{bottom:120px;right:55px;width:300px;}
  .content-cost .tj-jt{bottom:10px;right:20px;}
}

/*购物车*/
#basket{width: 55px;height: 55px;position: fixed;bottom: 50px; right: 5px;z-index: 100;display: none;cursor: pointer;}
#basket.active{display: block;}
#basket .tb{background: #c1a266;width: 55px;height: 55px;display: block;border-radius: 50%;overflow: hidden;text-align: center;}
#basket .tb i{font-size: 26px;line-height: 55px;color: #fff;}
#basket .num{position: absolute;right: -8px;top: -3px;background: #f40a0a;text-align: center;width: 22px;height: 22px;z-index: 101;border-radius: 50%;overflow: hidden; font-size: 14px;color: #fff;}

#basket-box{z-index: 103; display: none; background: #fff;border: 1px solid #ddd; width: 240px;height: 280px;position: fixed;bottom: 0;right: 0;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);}
#basket-box .top{cursor: pointer; height: 37px;background: #c1a266;font-size: 14px;color: #fff;text-align: center;line-height: 37px;position: relative;}
#basket-box .top span{color: #fff;font-weight: bold;}
#basket-box .top:before{content: "\f078";font-family: cmsfont;color: #fff;position: absolute;left: 15px;top: 2px;font-size: 14px;}

#basket-box .list{overflow-y: auto;height: 200px;width: 100%;}
#basket-box .list ul,#basket-box .list li{list-style: none;padding: 0;margin: 0;}
#basket-box .list>ul>li{display: flex;padding: 10px;border-bottom: 1px solid #ddd;justify-content: space-between;}
#basket-box .list>ul>li .img{width: 30%; padding-right: 10px;}
#basket-box .list>ul>li .text{width: 70%;}
#basket-box .list>ul>li .text h4{margin-top: 2px; font-size: 12px;color: #c1a266;line-height: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#basket-box .list>ul>li .text h4 a{font-size: 12px;color: #c1a266;line-height: 16px;}
#basket-box .list>ul>li .text .del{color: #888;font-size: 12px;line-height: 16px;display: none;cursor: pointer;}
#basket-box .list>ul>li .text .del:hover{text-decoration: underline;}
#basket-box .list>ul>li:hover{background: #fffeee;}
#basket-box .list>ul>li:hover .text .del{display: inline-block;}

#basket-box .bottom{display: flex;align-items: center;justify-content: space-between;padding: 10px;}
#basket-box .bottom .qkbtn{line-height: 16px;padding: 4px 10px;font-size: 12px;color: #e64545;border: 0;background-color: #f1f1f1;border-radius: 3px;}
#basket-box .bottom .xjbtn{line-height: 16px;padding: 4px 10px;font-size: 12px;color: #fff;border: 0;background-color: #e64545;border-radius: 3px;}

.cart-more{cursor: pointer; width: 160px;height: 42px;background: #c1a266;display: flex!important;align-items: center;justify-content: center; color: #fff!important;border-radius: 50px;overflow: hidden; font-size: 16px;line-height: 42px;text-align: center; margin: 5px auto 15px;}
.cart-more:before{content: "\f07a";font-family: cmsfont;display: inline-block;margin-right: 7px;}
.cart-more:hover{text-decoration: underline!important;}

@media(max-width:768px) {
  .cart-more{width: 140px;font-size: 14px;line-height: 36px;height: 36px;}
}

.left-t1{font-size:36px;line-height:50px;color:#24292f;margin-bottom:30px;}
.left-nav{padding:25px 15px;box-shadow:5px 2px 10px rgba(0, 0, 0, 0.1);border-top:4px solid #c1a266;}
.left-t2{font-size:16px;line-height:24px;font-weight:bold;margin-bottom:20px;}
.left-nav p{font-size:16px;line-height:30px;margin-bottom:8px;}
.left-nav p:hover:before{content:">>";display:inline-block;margin-right:5px;color:#c1a266;}

@media(max-width:1400px) {
    .left-t1{font-size:28px;}
}


.contact-t1{
  padding: 94px 0 106px 0;
  background-color: #f4f4f4;
  position: relative;
}
.contact-t1 > p{
  position: absolute;
  font-family: "Barlow";
  font-weight: 600;
  font-size: 157px;
  color: #ECECEC;
  line-height: 90px;
  z-index: 1;
  left: 0px;
  top: 400px
}
.contact-t1 .container-xl{
  position: relative;
  z-index: 2;
}
.contact-t1 .container-xl .left{
  width: 24%;
}
.contact-t1 .container-xl .left p{
  font-family: "Barlow";
  font-weight: 500;
  font-size: 40px;
  color: #333333;
  line-height: 48px;
  opacity: 0.9;
  position: relative;
  padding-left: 80px;
}
.contact-t1 .container-xl .left p::before{
  position: absolute;
  content: "";
  width: 45px;
  height: 3px;
  left: 0;
  top: 24px;
  background-color: #b99b62;
}
.contact-t1 .container-xl .right{
  width: 71.35%;
  background-color: #fff;
  padding: 15px 40px;
  padding-right: 0;
}

.contact-t1 .container-xl {
  font-family: "Barlow";
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contact-t1 .container-xl .right .dropdown-box {
  padding-bottom: 15px;
}

.contact-t1 .container-xl .right .dropdown-box>div {
  cursor: pointer;
}

.contact-t1 .container-xl .right .dropdown-box .title {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 20px 30px;
}

.contact-t1 .container-xl .right .dropdown-box .title>.txt {
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出部分用省略号表示 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.contact-t1 .container-xl .right .dropdown-box .title>.but {
  margin-left: auto;
  font-size: 20px;
  line-height: 38px;
  color: #333333;
}

.contact-t1 .container-xl .right .dropdown-box .content {
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.contact-t1 .container-xl .right .dropdown-box .content>p {
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出部分用省略号表示 */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.contact-t1 .container-xl .right .active .content {
  height: auto;
  padding: 20px 50px;
  padding-bottom: 15px;
  padding-top: 0px;
  max-width: 830px;
}
.contact-t2{
  padding: 125px 0 160px 0;
}
.contact-t2 .container-xl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.contact-t2 .container-xl .left{
  width: 36%;
  background: linear-gradient(36deg, #84BCD2 0%, #4C93FF 100%);
  border-radius: 4px;
}
.contact-t2 .container-xl .left img{
  border-radius: 4px;
}
.contact-t2 .container-xl .right{
  width: 58%;
}
.contact-t2 .container-xl .right > p{
  font-family: "Barlow";
  font-weight: 500;
  font-size: 32px;
  color: #333333;
  line-height: 48px;
  text-align: center;
}
.contact-t2 .container-xl .right > form{
  margin-top: 40px;
}
.contact-t2 .container-xl .right .form-row .col-md-12{
  display: inline-flex;
  gap: 30px;
}
.contact-t2 .container-xl .right .form-row .col-md-12 label{
  font-family: "Barlow";
  font-weight: 400;
  font-size: 18px;
  color: #484848;
  line-height: 48px;
  text-align: right;
  min-width: 150px;
  max-width: 150px;
}
.contact-t2 .container-xl .right .form-feedback .form-control{
  border-radius: 28px;
  border: 1px solid #E5E9F1;
  font-family: "Barlow";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}


.contact-t2 .container-xl .right .form-feedback .btn{
  border-radius: 30px;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #f5543f !important;
}
.navbar-custom .navbar-nav .nav-item.qt{display: flex;align-items: center;justify-content: center;}
.navbar-custom .navbar-nav .nav-item.qt .nav-link{
  height: auto;
  background: linear-gradient(36deg, #000000 0%, #161616 99%);
  border-radius: 4px;
  font-size: 16px;
  color: #C1A266;
  line-height: 32px;
  padding: 0 15px;
}
.navbar-custom .navbar-nav .qt.active .nav-link{text-decoration: underline;}
.navbar-custom .navbar-nav .nav-item.qt .nav-link::before{display: none;}
@media (max-width: 768px) {
  .contact-t1{padding: 30px 0;}
  .contact-t1 .container-xl .left{width: 100%;}
  .contact-t1 .container-xl .left p{font-size: 24px;line-height: 32px;padding-left: 50px;}
  .contact-t1 .container-xl .left p::before{top: 50%;transform: translate(0,-50%);}
  .contact-t1 .container-xl .right{width: 100%;margin-top: 15px;padding: 15px;}
  .contact-t1 .container-xl .right .dropdown-box .title{gap: 10px;padding: 0;}
  .contact-t1 .container-xl .right .dropdown-box .title>.txt{font-size: 16px;line-height: 24px;}
  .contact-t1 .container-xl .right .active .content{padding: 0;padding-top: 15px;}
  .contact-t1 > p{display: none;}
  .contact-t2{padding: 30px 0;}
  .contact-t2 .container-xl .left{display: none;}
  .contact-t2 .container-xl .right{width: 100%;}
  .contact-t2 .container-xl .right > p{font-size: 24px;line-height: 32px;}
  .contact-t2 .container-xl .right > form{margin-top: 15px;}
  .contact-t2 .container-xl .right .form-row .col-md-12{gap: 15px;}
  .contact-t2 .container-xl .right .form-row .col-md-12 label{min-width: 90px !important;max-width: 80px !important;font-size:16px;line-height:20px;}
}
.ftb-t1{
  background-color: #f4f4f4;
}
.ftb-t1 .container-xl > div{
  padding: 75px 65px 80px 65px;
  background-color: #fff;
  position: relative;
  top: -88px;
}
.ftb-t1 .t1{
  font-family: "Barlow";
  font-weight: 500;
  font-size: 42px;
  color: #333333;
  line-height: 48px;
  position: relative;
  padding-top: 38px;
}
.ftb-t1 .t1::before{
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  background-color: #c1a266;
  top: 0;
  left: 0;
}
.ftb-t1 .t2{
  margin-top: 50px;
  max-width: 1092px;
}
.ftb-t1 .t2 p{
  font-family: "Barlow";
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}
.ftb-t1 .t2 p:nth-child(2){
  color: #c1a266;
}
.ftb-t1 .t2 p:nth-child(3){
  text-decoration: underline;
}
.ftb-t2{
  padding: 0 0 60px 0;
  background-color: #f4f4f4;
}
.ftb-t2 .container-xl > p{
  font-family: "Barlow";
  font-weight: 600;
  font-size: 157px;
  color: #ECECEC;
  line-height: 146px;
  text-align: center;
  position: relative;
}
.ftb-t2 .container-xl > p::before{
  position: absolute;
  content: "Procurement Process";
  font-family: "Barlow";
  font-weight: 500;
  font-size: 42px;
  color: #333333;
  line-height: 48px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ftb-t2 .mySwiper1{
  margin-top: 50px;
  overflow: hidden;
  position: relative;
}
.ftb-t2 .mySwiper1 .swiper-wrapper{display: block;}
.ftb-t2 .mySwiper1 .swiper-slide{
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  height: auto !important;
  padding-top: 30px;
}
.ftb-t2 .mySwiper1 .swiper-slide .left{position: relative;}
.ftb-t2 .mySwiper1 .swiper-slide .left p{
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  font-family: "Barlow";
  font-weight: 500;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 48px;
}
.ftb-t2 .mySwiper1 .swiper-slide .right{
  width: calc(100% - 220px);
  height: auto;
}
.ftb-t2 .mySwiper1 .swiper-slide .right > div{
  background: #FFFFFF;
  box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  border: 2px solid #C1A266;
  padding: 18px 20px;
}.ftb-t2 .mySwiper1 .swiper-slide .right > div h5{font-size: 26px;}
.ftb-t2 .mySwiper1 .swiper-pagination-bullet-active{
  background: #C1A266;
}
.ftb-t2 .mySwiper1 .swiper-pagination{
  bottom: 0;
}
.ftb-t2 .swiper-pagination-bullet{width: 12px;height: 12px;}
.ftb-t3{
  padding: 120px 0 70px 0;
}
.ftb-t3 .title{
  font-family: "Barlow";
  font-weight: 500;
  font-size: 42px;
  color: #333333;
  line-height: 48px;
  max-width: 440px;
  margin: auto;
  text-align: center;
}
.ftb-t3 .boxt{
  margin-top: 75px;
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
}
.ftb-t3 .boxt > div{
  width: 14%;
  background: #FFFFFF;
  border: 1px solid #F4F4F4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: relative;
  padding: 30px 15px;
}
.ftb-t3 .boxt > div p{
  font-family: "Barlow";
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  line-height: 24px;
}
.ftb-t3 .boxt > div.active::before{
  bottom: 0;
  height: 4px;
  background: #C1A266;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
}
.ftb-t3 .mySwiper2{
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  padding-bottom: 50px;
}
.ftb-t3 .mySwiper2 .swiper-slide{
  background: #FFFFFF;
  box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.11);
  border: 1px solid #F4F4F4;
  padding: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ftb-t3 .mySwiper2 .swiper-slide .left{
  width: 28.6%;
}
.ftb-t3 .mySwiper2 .swiper-slide .right{
  width: 56%;
}
.ftb-t3 .mySwiper2 .swiper-slide .right p{
  max-width: 557px;
  font-family: "Barlow";
  font-weight: 500;
  font-size: 20px;
  color: #666666;
  line-height: 32px;
}
.ftb-t4{}
.ftb-t4 > div{
  display: flex;
  align-items: baseline;
}
.ftb-t4 > div .left{
  width: 40.05%;
  background: url(../../images/a3.jpg) no-repeat;
  background-size: cover;
  padding: 93px 0 95px 0;
}
.ftb-t4 > div .left p:nth-child(1){
  width: 57.73%;
  margin-left: auto;
  font-family: Barlow;
  font-weight: 500;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 48px;
}
.ftb-t4 > div .left p:nth-child(2){
  margin-top: 60px;
  padding-right: 40px;
  width: 57.73%;
  margin-left: auto;
  font-family: "Barlow";
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 28px;
  padding-left: 23px;
  position: relative;
}
.ftb-t4 > div .left p:nth-child(2)::before{
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  background: #C1A266;
  border-radius: 2px;
  left: 0;
  top: 0;
}
.ftb-t4 > div .right{
  width: 59.95%;
  padding-top: 50px;
}
.ftb-t4 > div .right > div{
  background-color: #f4f4f4;
}
.ftb-t4 > div .right > div form{
  width: 79%;
  padding-left: 7%;
  padding-bottom: 30px;
  padding-top: 40px;
}
.ftb-t4 > div .right > div form{}

.ftb-t4 > div .right > div .form-row .col-md-12{
  display: inline-flex;
  gap: 30px;
}
.ftb-t4 > div .right > div .form-row .col-md-12 label{
  font-family: "Barlow";
  font-weight: 400;
  font-size: 18px;
  color: #484848;
  line-height: 48px;
  text-align: right;
  min-width: 150px;
  max-width: 80px;
}
.ftb-t4 > div .right > div .form-feedback .form-control{
  border-radius: 28px;
  border: 1px solid #E9D8B6;
  font-family: "Barlow";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.ftb-t4 > div .right > div .form-feedback .btn{
  border-radius: 30px;
}
.ftb-t5{
  padding: 130px 0 85px 0;
  background-color: #fff;
}
.ftb-t5 .t1{
  font-family: "Barlow";
  font-weight: 500;
  font-size: 42px;
  color: #333333;
  line-height: 48px;
}
.ftb-t5 .row{
  margin-top: 90px;
}
.ftb-t5 .row .col-md-4{
  padding-bottom: 15px;
}
.ftb-t5 .row .col-md-4 > div{
  height: 100%;
}
.ftb-t5 .row .col-md-4 > div .image{
  background: linear-gradient(36deg, #84BCD2 0%, #4C93FF 100%);
  border-radius: 8px;
}
.ftb-t5 .row .col-md-4 > div .image a{
  display: block;
  border-radius: 8px;
}
.ftb-t5 .row .col-md-4 > div .image a img{
  border-radius: 8px;
}
.ftb-t5 .row .col-md-4 > div p:nth-of-type(1){
  margin-top: 35px;
}
.ftb-t5 .row .col-md-4 > div p:nth-of-type(1) a{
  font-family: "Barlow";
  font-weight: 500;
  font-size: 24px;
  color: #333333;
  line-height: 32px;
}
.ftb-t5 .row .col-md-4 > div p:nth-of-type(1) a:hover{
  text-decoration: underline;
}
.ftb-t5 .row .col-md-4 > div p:nth-of-type(2){
  margin-top: 20px;
  font-family: "Barlow";
  font-weight: 500;
  font-size: 20px;
  color: #666666;
  line-height: 24px;
}
.ftb-t5 .row .col-md-4 > div p:nth-of-type(3){
  margin-top: 15px;
  font-family: "Barlow";
  font-weight: 400;
  font-size: 20px;
  color: #8F8F8F;
  line-height: 24px;
}

@media (max-width: 768px) {
  .ftb-t1 .container-xl > div{position: static;padding: 15px;}
  .ftb-t1 .t1{font-size: 24px;line-height: 32px;padding-top: 10px;}
  .ftb-t1 .t2{margin-top: 15px;}
  .ftb-t1 .t2 p{font-size: 14px;line-height: 22px;}
  .ftb-t2{padding: 0 0 30px 0;}
  .ftb-t2 .container-xl > p{font-size: 100px;line-height: 106px;}
  .ftb-t2 .container-xl > p::before{font-size: 30px;line-height: 36px;}
  .ftb-t2 .mySwiper1{margin-top: 15px;}
.ftb-t2 .mySwiper1 .swiper-wrapper{display: flex;}
  .ftb-t2 .mySwiper1 .swiper-slide{padding-top: 15px;padding-bottom: 15px;flex-direction: column;}
  .ftb-t2 .mySwiper1 .swiper-slide .right{width: 100%;}
  .ftb-t2 .mySwiper1 .swiper-slide .right > div{padding: 15px;}
  .ftb-t2 .mySwiper1 .swiper-pagination{bottom: 0;}
  .ftb-t3{padding: 30px 0;}
  .ftb-t3 .title{font-size: 24px;line-height: 32px;}
  .ftb-t3 .ftb-qt1{margin-top: 15px;display: flex;flex-wrap: wrap; gap: 0;justify-content: space-between;}
  .ftb-t3 .ftb-qt1 > div{
    width: 48%;
    background: #FFFFFF;
    box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.11);
    border: 1px solid #F4F4F4;
    padding: 10px;
    margin-bottom: 20px;
  }
  .ftb-t3 .ftb-qt1 > div p:nth-of-type(1){
    font-family: "Barlow";
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
  }
  .ftb-t3 .ftb-qt1 > div p:nth-of-type(2){
    font-family: "Barlow";
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
  }
  .ftb-t4 > div{flex-wrap: wrap;}
  .ftb-t4 > div .left{width: 100%;padding: 30px;}
  .ftb-t4 > div .left p:nth-child(1){width: 100%;font-size: 24px;line-height: 32px;}
  .ftb-t4 > div .left p:nth-child(2){width: 100%;margin-top: 15px;}
  .ftb-t4 > div .right{width: 100%;padding-top: 0;}
  .ftb-t4 > div .right > div form{width: 100%;padding: 15px;}
  .ftb-t4 > div .right > div .form-row .col-md-12{gap: 30px !important;}
  .ftb-t4 > div .right > div .form-row .col-md-12 label{min-width: 100px !important;max-width: 80px !important;}
  .ftb-t4 > div .right > div .form-row .col-md-12 label{font-size:16px;line-height:22px;}
  .ftb-t5{padding: 30px 0;}
  .ftb-t5 .t1{font-size: 24px;line-height: 32px;}
  .ftb-t5 .row{margin-top: 15px;}
  .ftb-t5 .row .col-md-4 > div p:nth-of-type(1){margin-top: 15px;}
  .ftb-t5 .row .col-md-4 > div p:nth-of-type(1) a{font-size: 18px;line-height: 26px;}
  .ftb-t5 .row .col-md-4 > div p:nth-of-type(2){margin-top: 15px;font-size: 14px;line-height: 22px;}
  .ftb-t5 .row .col-md-4 > div p:nth-of-type(3){margin-top: 15px;font-size: 14px;line-height: 22px;}
}

.was-validated .form-control:invalid,.form-control.is-invalid {
  border-color: #f5543f !important;
  padding-right: calc(1.5em + .75rem) !important;
  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") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(.375em + .1875rem) center !important;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

.contact-t2 .container-xl .right .form-row input::placeholder,
.contact-t2 .container-xl .right .form-row textarea::placeholder {
  color: #BFC5D1;
}

.ftb-t4 > div .right > div .form-row input::placeholder,
.ftb-t4 > div .right > div .form-row textarea::placeholder {
  color: #BFC5D1;
}


.mb-downpdf.reveal-modal{top:40px;width:auto;height:850px;padding:0px; border-radius:0;margin-left:0;margin-right:0;left:40px;right:40px;bottom:40px;}

.mb-downpdf.reveal-modal .close-reveal-modal{color:#fff;font-size:44px;font-weight:inherit;}

@media(max-width:768px) {
  .mb-downpdf.reveal-modal{height:500px;left:15px;right:15px;}
}

.Catalog_Download .Content_box .down-row{margin-bottom:40px;}
.Catalog_Download .Content_box .down-row .down-box{cursor:pointer;text-align:center;}
.Catalog_Download .Content_box .down-row .down-box .title{margin-top:15px;}
.Catalog_Download .Content_box .down-row .down-box:hover .title{color:#c1a266;}


.feed-select{position:relative;overflow:inherit;}
.form-feedback .form-control.feed-select{overflow:inherit;cursor:pointer;}
.feed-select .inputval{display:flex;justify-content:space-between;align-items:center;}
.feed-select .inputval:after{content:"\f078";font-family:cmsfont;}
.feed-select .items{display:none; position:absolute;left:0;right:0;top:54px;z-index:10;box-shadow:4px 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px;padding:5px 0px; background:#fff;}
.feed-select .items .attr-item{cursor:pointer;padding:0 15px;}
.feed-select .items .attr-item:hover{background:var(--public-color);color:#fff;}
.form-feedback .form-control.feed-select.active .items{display:block;}

@media(max-width:768px) {
  .feed-select .items{top:34px;}
  .contact-t2 .container-xl .right .form-row .feed-select .items{top:54px;}
  .ftb-t4 > div .right > div .form-row .feed-select .items{top:48px;}

}