* { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; list-style-type: none; box-sizing: border-box; }
@font-face {
 font-family: 'Quicksand-Bold';
 src: url('../fonts/Quicksand-Bold-1.otf') format('truetype');
} 
@font-face {
 font-family: 'Quicksand-Bold-Oblique';
 src: url('../fonts/Quicksand-Bold-Oblique-2.otf') format('truetype');
} 
@font-face {
 font-family: 'Quicksand-Book';
 src: url('../fonts/Quicksand-Book-3.otf') format('truetype');
} 
@font-face {
 font-family: 'Quicksand-Book-Oblique';
 src: url('../fonts/Quicksand-Book-Oblique-4.otf') format('truetype');
} 
@font-face {
 font-family: 'Quicksand-Dash';
 src: url('../fonts/Quicksand-Dash-5.otf') format('truetype');
} 
@font-face {
 font-family: 'Quicksand-Light';
 src: url('../fonts/Quicksand-Light-6.otf') format('truetype');
} 
@font-face {
 font-family: 'Quicksand-Light-Oblique';
 src: url('../fonts/Quicksand-Light-Oblique-7.otf') format('truetype');
} 

body, hr, p, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, pre { margin: 0; padding: 0; font-family:'Quicksand-Book', Arial, sans-serif; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; font-family:'Quicksand-Book', Arial, sans-serif; }
ul { list-style: none; padding: 0; margin: 0; }
img { border: 0 none; vertical-align: top; }

.content img, .detail img { max-width: 100%; }
.container { width: 1200px; margin: 0 auto; }
@media screen and (max-width: 1200px) {
    .container { width: 100% !important; padding: 0 15px; }
}
.container-left{float: left;width:50%;}
.container-right{float:right;width:50%;}
@media screen and (max-width: 768px) {
    .container-left{float: left;width:100%;}
    .container-right{float: left;width:100%;}
}
body{ font-size: 16px; color: #bcb0a9;background: #fcfcfc;}

.header {height:50px;background: #bcb0a9;position: sticky;top: 0;z-index: 9999;}
.header .container {background: #bcb0a9;max-width: 1200px;margin: 0 auto;padding: 0 15px;display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;z-index: 9999;}
.header .container:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; }
.logo { width: 60px; height: 50px; overflow: hidden; float: left;}
.logo img{ padding-top: 2px;}

/* ====================== 菜单 - 层级锁死版 ====================== */
/* 汉堡按钮 */
.menu-toggle {display: none;background: none;border: none;cursor: pointer;padding: 0 10px;height: 50px;position: relative;z-index: 9999;}
.menu-toggle span {display: block;width: 24px;height: 2px;background: #fff;margin: 5px 0;transition: 0.3s;}

/* 桌面菜单 */
.menu {height: 50px;display: flex;justify-content: center;position: relative;z-index: 9999;}
.menu .ul-list {display: flex;align-items: center;position: relative;z-index: 9999;}
.ul-list-li {height: 50px;position: relative;padding: 0 8px;z-index: 9999;}
.ul-list-a {display: block;height:50px;text-align: center;line-height: 50px;color: #fff;font-family:'CormorantGaramondBold', Arial, sans-serif;font-size:16px;padding: 0 5px;position: relative;z-index: 9999;}
.ul-list-a span { display: block; }
.ul-list-a p { text-transform: uppercase; color: #fff; }
.ul-list-a:hover {font-family:'Quicksand-Bold', sans-serif; letter-spacing: 0.8px;}
.ul-list-li:hover .ol-list { display: flex; }

/* 桌面下拉菜单 */
.menu .ol-list {display: none;position: absolute;top: 50px;left: 0;z-index: 9999;background:#fcfcfc;width: 870px;height: 660px;border-bottom:8px solid #bcb0a9;flex-wrap: wrap;padding: 15px;}
.menu .ol-list li { width: 200px; height: 297px; position: relative; margin: 5px; }
.menu .ol-list li .ol-list-img { width: 200px; height: 257px; overflow: hidden; }
.menu .ol-list li .ol-list-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; }
.menu .ol-list li .ol-list-name { font-size: 16px; width: 200px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-weight: normal; position: absolute; left: 0; bottom: 0; background: #cfcdce; }
.menu .ol-list li .ol-list-name:hover { background: #bcb0a9; }
.menu .ol-list li:hover .ol-list-img img { transform: scale(1.3); }

.ul-list-li:hover { color: #fff; }
.ul-list-li:hover .ul-list-a span { color: #fff; }
.ul-list-li:hover .ul-list-a p { color: #fff; }
.ul-list .active { color: #fff;}
.ul-list .active .ul-list-a span { color: #fff; }
.ul-list .active .ul-list-a p { color: #fff; }

/* ====================== 移动端响应式菜单（修复遮挡） ====================== */
@media (max-width: 992px) {
  .container { width: 100% !important; padding: 0 15px; }
  .menu {float: none;justify-content: flex-end;padding-left: 0;position: static;}
  .menu-toggle { display: block; }
  
  /* 菜单默认隐藏，层级拉到最高 */
  .menu .ul-list {display: none;position: fixed;top: 50px;left: 0;width: 100%;height: calc(100vh - 50px);background: #bcb0a9;flex-direction: column;z-index: 9999;overflow-y: auto;}
  
  /* 打开状态 */
  .menu .ul-list.open { display: flex; }
  .ul-list-li {width: 100%;height: auto;border-bottom: 1px solid #ffffff33;}
  .ul-list-a {height: 50px;line-height: 50px;text-align: left;padding: 0 15px;position: relative;}
  
  /* 子菜单展开箭头 */
  .ul-list-li.has-submenu > .ul-list-a::after {content: "+";position: absolute;right: 15px;top: 0;color: #fff;font-size: 18px;}

  /* 移动端二级菜单 */
  .menu .ol-list {display: none;position: static;width: 100%;height: auto;background: #ffffff11;padding: 0;border: none;flex-direction: column;}
  .menu .ol-list.open { display: flex; }
  .menu .ol-list li {width: 100%;height: auto;margin: 0;padding: 10px 15px;border-bottom: 1px solid #ffffff22;}
  .menu .ol-list li .ol-list-img {width: 50px;height: 50px;display: inline-block;vertical-align: middle;margin-right: 10px;}
  .menu .ol-list li .ol-list-name {display: inline-block;width: auto;height: 50px;line-height: 50px;position: static;background: none;color: #fff;font-size: 14px;}
}
/* ====================== 菜单结束 ====================== */

.search { width:240px; height: 38px; position: relative; float: right;padding-top:2px;}
.search-input { width:198px; height: 36px; line-height: 36px;border: 1px solid #bcb0a9;border-radius: 30px;outline: none;font-size:15px; padding-left:15px;}
input::-webkit-input-placeholder { color: #999999;}
.search-submit { width: 40px; height: 38px; position: absolute; right: 0; cursor: pointer; outline: none; border: none; background: url(../image/search.png) center no-repeat; font-size: 0;padding-top: 40px;}

/* 默认显示PC，隐藏手机 */
.pc-banner { display: block; }
.m-banner { display: none; }

/* 屏幕宽度小于 768px 时（通常视为手机/平板），隐藏PC，显示手机 */
@media screen and (max-width: 768px) {
.pc-banner { display: none; }
.m-banner { display: block; padding:0 0 0 0;}
    }

/* flexslider */
.flexslider{margin:0 auto;position:relative;height:700px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../image/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

@media screen and (max-width: 768px) {
.mb-banner{margin: 0 auto;max-width: 750px;}
    }

.swipslider {margin: 0 auto;}
.swipslider {position: relative;overflow: hidden;display: block;padding-top: 36%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.swipslider .sw-slides {display: block;padding: 0;list-style: none;width: 100%;height: 100%;white-space: nowrap;-webkit-transform: translateX(0);transform: translateX(0);position: absolute;bottom: 0; }
.swipslider .sw-slide {width: 100%;height: 100%;margin: auto;display: inline-block;position: relative; }
.swipslider .sw-slide > img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-height: 100%;max-width: 100%;margin-left: auto;margin-right: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }

.sw-bullet {position: absolute;bottom: 5%;list-style: none;display: block;width: 100%;text-align: center;padding: 0;margin: 0; }
.sw-bullet li {width: 10px;height: 10px;background-color: rgba(255, 255, 255, 0.53);border-radius: 50%;display: inline-block;cursor: pointer;transition: all .2s ease-out; }
.sw-bullet li:hover {background-color: rgba(255, 255, 255, 1); }
.sw-bullet li.active {background-color: rgba(255, 255, 255, 1);box-shadow: 0 0 2px rgba(160, 160, 160, 0.53); }
.sw-bullet li:not(:last-child) {margin-right: 5px; }

/* about */
.index-about {background: #f6f2ef;max-height: 360px;height: auto;}
.index-about img {max-width: 100%;height: auto;margin: 0 auto; display: block;}
.index-about .container {padding: 10px 0px;width:1000px; }
.index-about-content{padding: 10px 0; }
.index-about-intro{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;border-bottom: 1px solid #bcb0a9;}
.index-about-intro-item {flex: 1 1 calc(25% - 20px);max-width: calc(25% - 20px);height: 190px; }
@media (max-width: 768px) {
  .index-about-intro-item {flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}
}
@media (max-width: 480px) {
   .index-about-intro-item {flex: 1 1 100%; max-width: 100%;}
}
.index-about-intro-item img {width: auto;height: auto;margin: 0 auto; display: block;}
.index-about-intro-item-name { font-size: 18px; font-family:'Quicksand-Bold', Arial, sans-serif;height:28px; line-height: 28px; text-align: center; color: #898989;padding-top:20px;}
.index-about-zs{padding-top:0px; }
.index-about-zs-left{float: left;max-width: 480px;width: 480px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.index-about-zs-right{float: right;max-width: 480px;width: 480px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.index-about-zs-title {font-size: 22px; font-family:'Quicksand-Bold', Arial, sans-serif; text-align: center; color: #898989;padding-top:20px;max-width: 480px;width: 480px;}
.index-about-zs-item {flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px);padding-top:20px;}
.index-about-zs-item img {width: auto;height: auto;margin: 0 auto; display: block;}

/* custom */
.custom {background: #fcfcfc;padding-bottom: 20px;}
.custom-title {text-align: center; padding-top: 20px;  }
.custom-title span { font-size: 22px; color: #bcb0a9; height: 40px; line-height: 40px; font-family:'Quicksand-Bold', Arial, sans-serif;display: inline-block;}
@media screen and (max-width: 768px) {
    .custom-title span {font-size: 18px;color: #bcb0a9;height: 20px;line-height: 20px;font-family: 'Quicksand-Bold', Arial, sans-serif;display: inline-block; }
    }
.custom-title1 {text-align: center; padding-top: 20px; }
.custom-title1 span { font-size: 22px; color: #bcb0a9; height: 40px; line-height: 40px; font-family:'Quicksand-Bold', Arial, sans-serif; display: inline-block; }
@media screen and (max-width: 768px) {
    .custom-title1 span {font-size: 18px;color: #bcb0a9;height: 20px;line-height: 20px;font-family: 'Quicksand-Bold', Arial, sans-serif;display: inline-block;}
    }
/* pro-custom */
.pro-custom {background: #fcfcfc;padding-bottom: 40px; }
.pro-custom-title {text-align: center;}
.pro-custom-title span { font-size: 22px; color: #bcb0a9; height: 40px; line-height: 40px; font-family:'Quicksand-Bold', Arial, sans-serif; }
@media screen and (max-width: 768px) {
    .pro-custom-title span {font-size: 18px;color: #bcb0a9;height: 20px;line-height: 20px;font-family: 'Quicksand-Bold', Arial, sans-serif;display: inline-block;}
    }
.pro-custom-title1 {text-align: center; padding-top: 20px; }
.pro-custom-title1 span { font-size: 22px; color: #bcb0a9; height: 40px; line-height: 40px; font-family:'Quicksand-Bold', Arial, sans-serif; }
@media screen and (max-width: 768px) {
    .pro-custom-title1 span {font-size: 18px;color: #bcb0a9;height: 20px;line-height: 20px;font-family: 'Quicksand-Bold', Arial, sans-serif;display: inline-block;}
    }
/* photo */
.scrollleft { margin: 0 auto; }
.scrollleft li { float: left; margin-right: 10px; display: inline-block; width: 120px; text-align: center; box-sizing: border-box; }
.photo-list li { width: 120px; height: 60px; position: relative; margin: 0 10px}
.photo-list li a { display: block; z-index: 555; }
.photo-list li .photo-list-img { width: 120px; height: 60px; overflow: hidden; }
.photo-list li .photo-list-img img { max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-filter: grayscale(80%);filter: grayscale(80%);transition: all 0.3s ease;object-fit: cover; }
.photo-list li .photo-list-img img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}

/* product */
.product {background: #fcfcfc;padding-top:20px;width: 100%;box-sizing: border-box; /}
.ptitle {text-align: center; margin-top: 40px; }
.ptitle span { font-size: 22px; color: #bcb0a9; height: 40px; line-height: 40px; font-family:'Quicksand-Bold', Arial, sans-serif;display: inline-block;  }
@media screen and (max-width: 768px) {
    .ptitle {text-align: center;margin-top: 20px;}
    .ptitle span {font-size: 18px;color: #bcb0a9;height: 20px;line-height: 20px;font-family: 'Quicksand-Bold', Arial, sans-serif;display: inline-block; }
    }

.index-pro-list {margin: 30px 0 0 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;}
.index-pro-list li {width: calc(25% - 30px);  max-width: 100%;height: auto;min-height: 476px;position: relative;margin: 10px;box-sizing: border-box;}
.index-pro-list li .index-list-img {width: 100%;height: 346px;overflow: hidden;}
.index-pro-list li .index-list-img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;display: block;}
.index-pro-list li .index-list-name {font-size: 18px;font-family: 'Quicksand-Bold', Arial, sans-serif;width: 100%;height: auto;min-height: 40px;line-height: 1.4;text-align: center;color: #898989;padding-top: 20px;box-sizing: border-box;}
.index-pro-list li .index-list-info {padding-top: 10px;font-size: 16px;width: 100%;height: auto;min-height: 20px;line-height: 1.4;text-align: center;color: #bcb0a9;padding-bottom: 20px;box-sizing: border-box;}
.index-pro-list li:hover .index-list-img img {transform: scale(1.2); }

/* --- 媒体查询：实现真正的响应式 --- */
@media screen and (max-width: 768px) {
    .index-pro-list li {width: calc(50% - 20px);}
}
@media screen and (max-width: 480px) {
    .index-pro-list li {width: 100%;margin: 10px 0; }
    .index-pro-list {gap: 0; }
}

/*footer*/
.footer { height: 290px; background: #f6f2ef; background-size: cover; }
.footer-top { height:40px; border-bottom: 1px solid #bcb0a9;}
.footer-up { height: 200px; border-bottom: 1px solid #bcb0a9; padding-top: 5px; }
@media screen and (max-width: 768px) {
    .footer { height: auto; background: #f6f2ef; background-size: cover; }
    .footer-top { height:25px; border-bottom: 1px solid #bcb0a9;}
    .footer-up { height: 430px; border-bottom: 1px solid #bcb0a9; padding-top: 5px; }
}

.footer-link { width: 20%; float: left;}
@media screen and (max-width: 768px) {
    .footer-link { width: 100%; float: left;}
}
.footer-link-title{font-family:'Quicksand-Bold', Arial, sans-serif; color: #bcb0a9; font-size: 18px;margin-top: 15px; }
.footer-link p { font-size: 15px; color: #bcb0a9; line-height: 1.5em; margin: 8px 0; position: relative;}
.footer-link p a{ font-size: 15px; color: #bcb0a9; line-height: 1.5em; margin: 8px 0; position: relative;}
.footer-link p a:hover { color: #bcb0a9; text-decoration: underline;}

.footer-pro { width: 30%;  float: left; }
@media screen and (max-width: 768px) {
    .footer-pro { width: 100%; float: left;}
}
.footer-pro-left { width: 150px; float: left; }
.footer-pro-right {width: 150px;float: right; }
.footer-pro-title{font-family:'Quicksand-Bold', Arial, sans-serif; color: #bcb0a9; font-size: 18px;margin-top: 15px;}
.footer-pro p { font-size: 15px; color: #bcb0a9; line-height: 1.5em; margin: 8px 0; position: relative;}
.footer-pro p a{ font-size: 15px; color: #bcb0a9; line-height: 1.5em; margin: 8px 0; position: relative;}
.footer-pro p a:hover { color: #bcb0a9;text-decoration: underline; }

.footer-content{ width:45%; float: right; padding: 0; text-align:left; }
@media screen and (max-width: 768px) {
    .footer-content { width: 100%; float: left;}
}
.footer-content-above{ padding-top: 0px;}
.footer-content-title{ font-family:'Quicksand-Bold', Arial, sans-serif;color: #bcb0a9; font-size: 18px;margin-top: 15px;}
.footer-content p { font-size: 15px; color: #bcb0a9; line-height: 1.5em; margin: 8px 0; position: relative;}
.footer-content p a{ font-size: 15px; color: #bcb0a9; line-height: 1.5em; margin: 8px 0; position: relative;}
.footer-content p a:hover { color: #bcb0a9;text-decoration: underline; }

.copyright { width:100%; height: 50px; text-align: center; line-height: 50px; color: #bcb0a9;margin: 0 auto; }
.copyright span { font-size: 15px; color: #bcb0a9;text-align: center;}
.copyright span a { font-size: 15px; color: #bcb0a9;text-align: center;}
.copyright span a:hover { color: #bcb0a9; text-decoration: underline;}
@media screen and (max-width: 768px) {
    .copyright span { font-size: 13px; color: #bcb0a9;text-align: center;}
    .copyright span a { font-size: 13px; color: #bcb0a9;text-align: center;}
    .copyright span a:hover { color: #bcb0a9; text-decoration: underline;}
}

/* in-banner */
.in-banner {max-width: 100%;height: auto;margin: 0 auto; display: block;}
.in-banner .title span { padding-top:0;}
.in-banner .title span:before, .in-banner .title span:after { display: none; }
.in-banner .intro{width:900px;height:100px;position:relative;margin: 0 auto;padding-top:110px;}
@media (max-width: 768px) {
  .in-banner .intro{width:100%;height:auto;position:relative;margin: 0 auto;}
}
.in-banner .intro .headline{color:#fff;font-size:22px;font-family:'Quicksand-Bold', Arial, sans-serif;text-align:center;}
.in-banner .intro .sub-headline{color:#fff;font-size:16px;margin-top:10px;text-align:center;}

/* crumb */
.crumb { height: 40px;line-height: 40px;margin-top:30px;margin-bottom:10px;}
.crumb .container { font-size: 15px; color: #999999; }
@media (max-width: 768px) {
  .crumb .container { font-size: 13px; }
}
.crumb img { margin: 20px 5px 0 0; }
.crumb a { color: #999999; font-size: 15px; }
.crumb a:hover { color: #bcb0a9; }
.protitle{ height: 35px;line-height: 35px; color: #000; font-size:30px;font-family:'Quicksand-Bold', Arial, sans-serif;}

/* inner */
.inner { padding: 10px 0 40px; }
.pro-inner { padding: 20px 0 40px; }
.pro-inner-left {float: left;max-width:22%;}
.pro-inner-right {float:left;max-width:78%;padding-left:15px;}
@media (max-width: 768px) {
  .pro-inner-left {float: left;max-width:100%;}
  .pro-inner-right {float:left;max-width:100%;padding-top:20px;}
}
.news-inner { padding-top: 10px; }
.category {width: 100%;max-width: 250px;height: auto; min-height: 350px; background: #fff;border: 1px solid #efefef; border-radius:20px;box-sizing: border-box; }
.category li {height: 40px; line-height: 40px;padding:10px 0 0 20px;}
.category li a { display: block;height: 40px;font-size:16px;}
.category li a::before {content: "";display: inline-block;width: 10px;height: 10px;border: 1px solid #a4a4a4;background: #fff;margin-right: 10px;vertical-align: middle;}
.category .current a::before{content: "";display: inline-block;width: 10px;height: 10px;border: 1px solid #a4a4a4;background: #000;margin-right: 10px;vertical-align: middle;color: #000;font-family:'Quicksand-Bold', Arial, sans-serif;}
.category .current a{color: #000;font-family:'Quicksand-Bold', Arial, sans-serif;}
.category li a:hover, .category li a.hover{color: #000;font-family:'Quicksand-Bold', Arial, sans-serif;}

.category-service {margin-top: 25px; }
.category-service-title {color: #000; font-size:18px;height: 35px;font-family:'Quicksand-Bold', Arial, sans-serif;}
.category-service-content {width: 250px;height: 260px;background: #fff;border: 1px solid #efefef; border-radius:20px;}
.category-service-content p{padding:10px 0 0 20px;height: 38px;line-height: 38px;font-size:18px;}
.category-service-content p span{color: #000;}


.pro-list {margin-left: 10px;padding: 0;display: flex;flex-wrap: wrap;gap: 20px; }
.pro-list li {flex: 0 0 calc(33.33% - 20px); max-width: 280px;min-width: 200px;height: auto;min-height: 390px;position: relative;box-sizing: border-box;list-style: none;}
.pro-list li .list-img {width: 100%;height: 300px; overflow: hidden;position: relative;}
.pro-list li .list-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out;display: block;}
.pro-list li .list-name { width: 100%; font-size: 15px;height: auto;min-height: 25px;line-height: 1.4; color: #a4a4a4; font-family: 'Quicksand-Bold', Arial, sans-serif; position: static; padding:15px 0; box-sizing: border-box;}
.pro-list li .list-info { width: 100%;font-size: 14px;height: auto;line-height: 1.4;position: static; padding: 0 10px 10px 10px;box-sizing: border-box;color: #666;}
.pro-list li:hover .list-img img { transform: scale(1.3); }
@media screen and (max-width: 768px) {
    .pro-list li {flex: 0 0 calc(50% - 10px); }
}
@media screen and (max-width: 480px) {
    .pro-list li {flex: 0 0 100%;max-width: 100%;}
    .pro-list {gap: 15px;}
}


.pro-list-like-con {margin: 0 0 5px 0;}
.pro-like-title {text-align: center; padding: 50px 0; max-width:1200px;}
.pro-like-title span { font-size: 30px; color: #bcb0a9; height: 40px; line-height: 40px; font-family:'Quicksand-Bold', Arial, sans-serif; }
.pro-list-like {margin: 0 0 5px 0; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 20px;}
.pro-list-like:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.pro-list-like li {position: relative; flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px);height: 370px; }
@media (max-width: 768px) {
  .pro-list-like li {flex: 1 1 100%; max-width: 100%;}
}
.pro-list-like li .list-like-img {overflow: hidden; }
.pro-list-like li .list-like-img img { width: auto;height: auto;margin: 0 auto; display: block;}
.pro-list-like li .list-like-name { font-size: 15px;height: 25px; line-height: 25px; color: #a4a4a4; font-family:'Quicksand-Bold', Arial, sans-serif; position: absolute; padding:10px 0; }
.pro-list-like li .list-like-info { font-size: 14px;height: 20px; line-height: 20px;position: absolute; padding-top:50px; }
.pro-list-like li:hover .list-like-img img { transform: scale(1.3); }

/* page */
.page { width: 1200px; margin: 0 auto; clear: both; text-align: center; font-size: 0; }
.page a, .page span { display: inline-block; height: 35px; background: #fff; font-size: 14px; padding: 0 14px; line-height: 33px; margin: 2px; border: 1px solid #d9d9d9; border-radius: 3px; }
.page .p-active, .page a:hover, .page span.current { background: #bcb0a9; color: #fff; border-color: #bcb0a9; }

/* content */
.about-inner {margin-bottom:20px; }
.content { padding: 20px 0; }
.content-title { font-size: 30px; font-family:'Quicksand-Bold', Arial, sans-serif;height:40px; line-height: 40px;text-transform: uppercase; }
.content-info {padding-top: 15px; padding-bottom: 45px;}
.content-info p{line-height: 30px; }
.content-info h2{ float: left;font-family:'Quicksand-Bold', Arial, sans-serif; font-size:15px;line-height: 30px;}
.content-info h3{font-size:15px;line-height: 30px;font-weight:normal;}
.content-intro {padding-top: 15px;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.content-intro p{line-height: 30px; }
.content-intro-left {float: left;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.content-intro-left-con{padding-top:50px;}
.content-intro-left-con img{float: left;max-width:15%;}
.content-intro-left-con-info{float: left;max-width:85%;padding-left:15px;}
.content-intro-right {float: right;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
@media (max-width: 768px) {
  .content-intro-left {float: left;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  .content-intro-right {float: left;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:20px 0;}
}


.about-content {background: #fcfcfc;}
.about-content-title { font-size: 30px; font-family:'Quicksand-Bold', Arial, sans-serif;line-height: 30px; text-align: center; padding-top:30px;}
.about-content-intro { font-size: 15px; line-height: 24px; padding-top:20px;}
.about-info{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 20px;}
.about-info-item {flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px);}
@media (max-width: 768px) {
   .about-info-item{flex: 1 1 100%; max-width: 100%;}
}
.about-info-item img {width: auto;height: auto;margin: 0 auto; display: block;}
.about-info-item-img1 {padding-top:40px;}
.about-info-item-img2 {padding-top:70px;}
.about-info-item-title { font-size: 18px; font-family:'Quicksand-Bold', Arial, sans-serif;height:28px; line-height: 28px; text-align: center; color: #898989;padding-top:20px;}
.about-info-item-more { font-size: 15px; height:24px; line-height: 24px;color: #898989;padding-top:30px;}

.zs { margin-top: 30px; background: #f6f2ef; min-height: 400px; height: auto; padding-bottom: 30px;box-sizing: border-box;}
.zs .title { text-align: center; position: relative; height: auto;padding-top: 30px;}
.zs .title span {font-size: 24px; font-family: 'Quicksand-Bold', Arial, sans-serif; color: #bcb0a9; display: inline-block; line-height: 1.2; }
.about-zs {padding: 0 50px;max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;box-sizing: border-box;}
.about-zs-left { flex: 1 1 400px; max-width: 50%; margin-left: 0; margin-right: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.about-zs-right { flex: 1 1 400px;max-width: 50%;margin-right: 0;margin-left: 20px;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.about-zs-title { font-size: 20px; font-family: 'Quicksand-Bold', Arial, sans-serif; color: #898989; padding-top: 20px; width: 100%;max-width: 100%; box-sizing: border-box;line-height: 1.4;}
.about-list-style { font-size: 16px; color: #2f2f2f; padding-top: 10px; width: 100%; max-width: 100%; box-sizing: border-box;margin: 0;padding-left: 0;}
.about-list-style li { position: relative; padding-left: 1.2em; margin-bottom: 8px;list-style: none;}
.about-list-style li::before { content: ""; position: absolute; left: 0; top: 8px;transform: translateY(-50%); width: 8px; height: 8px; background-color: #bcb0a9; border-radius: 50%; }
.about-zs-item-left { flex: 0 0 auto;width: 20%;max-width: 80px;padding-top: 30px; box-sizing: border-box;}
.about-zs-item-left img { width: 100%; height: auto; display: block; }
.about-zs-item-right { flex: 0 0 auto; width: 25%; max-width: 70px; padding-top: 30px; box-sizing: border-box;}
.about-zs-item-right img { width: 100%; height: auto; display: block; }
@media screen and (max-width: 768px) {
    .zs .title span {font-size: 22px;}
    .about-zs {padding: 0 5px;flex-direction: column; }
    .about-zs-left, .about-zs-right { flex: 1 1 100%;max-width: 100%; margin: 0 0 30px 0;justify-content: center; }
    .about-zs-title {font-size: 18px;text-align: center; }
    .about-list-style {font-size: 14px; text-align: left; max-width: 600px; margin: 0 auto;}
}


/*Pro Show*/
.showPro { display: grid;grid-template-columns: 3fr 1fr;max-width: 1200px;width: 100%;}
.left-img {grid-row: span 3;height: 100%;object-fit: cover;transition: transform 0.3s ease;margin-right:10px;position: relative;display: inline-block; font-size: 40px; color: #bcb0a9; font-family:'Quicksand-Bold', Arial, sans-serif; padding:50px 0 0 50px;text-shadow: -1px -1px 3px white, 1px -1px 2px white, -1px 1px 2px white, 1px 1px 2px white;margin-right:20px;}
.left-img:hover {transform: scale(1.02);}
.subtitle {display: none;}
.right-img {object-fit: cover;transition: all 0.3s ease;margin:0 0 10px 0;}
.right-img:last-of-type{margin:0px;}
.right-img:hover {transform: scale(1.02);}
.product-title-overlay {position: absolute;top: 10px;left: 10px;z-index: 10;}
.product-title {font-weight: bold;font-size: 16px;color: white;padding: 5px 10px;}

/* in-news-list */
.in-news-list {margin: 0;display: flex;flex-wrap: wrap;}
.in-news-list:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.in-news-list li {flex: 0 0 calc(50% - 30px); max-width: 570px; min-width: 280px; height: auto; min-height: 380px;border: 1px solid #f1f1f1;border-radius: 20px;margin: 20px 15px 40px 15px;box-shadow: 0 10px 20px rgba(0,0,0,0.08);background: #fff;position: relative; box-sizing: border-box; overflow: hidden;}
.in-news-list li .news-img {height: 215px; overflow: hidden;margin:10px 10px 0 10px;border-radius: 20px;box-sizing: border-box;}
.in-news-list li .news-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out;display: block;}
.in-news-list li .news-name { width: 100%; font-size: 16px;height: auto; line-height: 1.5; color: #a4a4a4; font-family: 'Quicksand-Bold', Arial, sans-serif; position: static;padding: 10px; box-sizing: border-box;}
.in-news-list li .news-info {font-size: 14px;height: auto;line-height: 1.5;margin: 0 10px 10px 10px;box-sizing: border-box;}
.in-news-list li:hover .news-img img { transform: scale(1.2); }
.in-news-list li:hover .news-name {color: #bcb0a9;}
@media screen and (max-width: 768px) {
    .in-news-list li {flex: 0 0 100%; margin:10px;}
    .in-news-list li .news-img {margin: 10px;}
}

.contact_text{ padding: 25px 0; }                                     
.contact_text_left{float: left;padding-right:20px;}
.contact_text_right{text-align: left;}
.contact_text_right p{ font-size: 16px;color: #000; }
.contact_text_right p span{ font-size: 20px;color: #bcb0a9;font-weight: bold;margin-bottom: 15px; }

/* map */
.map { margin-top: 30px; }
#allmap { overflow: hidden; width: 100%; height: 390px; }
#result { width: 100%; font-size: 12px; }
.BMapLib_bubble_content { color: #191919; }
.BMapLib_bubble_content p { color: #666; margin: 2px 0; line-height: 18px; font-size: 12px; }
.BMapLib_nav_tab li { font-size: 12px; }
.BMapLib_SearchInfoWindow .iw_bt { font-size: 12px; }
.BMap_cpyCtrl span { font-size: 12px; }
.BMapLib_SearchInfoWindow input { outline: none; }
#BMapLib_search_text0 { height: 24px; line-height: 24px; }

/* detail */
.in-title { text-align: center; margin: 10px 0; font-size: 24px;color: #bcb0a9;font-family:'Quicksand-Bold', Arial, sans-serif; }
.in-time { font-size: 15px; color: #b0b0b0; text-align: center; line-height: 50px; border-bottom: 1px dashed #d9d9d9; }
.detail { padding: 10px 0; }
.detail-next { overflow: hidden; margin: 20px 0; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; padding: 10px 0; line-height: 30px; }
.detail-next a { max-width: 45%; font-size: 14px; display: inline-block; color: #888888; }
.detail-next a:hover { color: #bcb0a9; }
.detail-next a:nth-child(1) { float: left; }
.detail-next a:nth-child(2) { float: right; }

/*浮动客服*/
.toolbar { position: fixed; top: 46%; right: 1%; z-index: 100; }
.toolbar .box { position: relative; float: left; width: 120px; height: 88px; background: url(../image/toolbar.png) no-repeat center 0;  cursor: pointer; transition: all .5s; }
.toolbar .box span { display: block; color: #fff; font-size: 16px; line-height: 20px; text-align: center; font-family:'Quicksand-Bold', Arial, sans-serif; padding-top:12px;}

.clearfix {clear:both;}