*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{font-family:微软雅黑,'Microsoft YaHei',Arial,Verdana,Helvetica,'Inter',sans-serif;background:#FAFAFA;color:#1e2a3e;scroll-behavior: smooth;}
ul,li,dl{list-style:none;margin:0;padding:0;}
a{text-decoration:none}

:root {
  --primary-color: #0077B6;
  --primary-dark: #1e40af;
  --text-color: #1f2937;
  --text-muted: #6b7280;
  --bg-light: #f9fafb;
  --bg-white: #ffffff;
  --border-color: #e5e7eb;
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --primary: #0077B6;
  --primary-dark: #0E42D2;
  --primary-light: #4080FF;
  --gray: #f5f7fa;
  --dark: #333;
  --light: #fff;  
}

body{background:#FAFAFA;min-height:100%;max-width:100%;margin:0;padding:0;}

.container{width:94%;max-width:1200px;margin:0 auto;height:auto;}

.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}

#webtop{background:url(../images/topbg.jpg) top center no-repeat;width:100%;max-width:1920px;HEIGHT:auto;margin:0 auto;}
.webtop-center{height:96px;margin:0 auto;display:flex;justify-content: space-between;}
.webtop-center .weblogo{width:200px;height:96px;}
.webtop-center .weblogo img{width:auto;height:56px;margin-top:20px;}
.webtop-center .Search{width:300px;height:auto;vertical-align:center;margin-top:25px;margin-left:2rem;overflow:hidden}
.webtop-center .Search #serchcon{background:#ffffff;width:100%;height:2.4rem;overflow:hidden}
.webtop-center .Search #serchcon input{height:2.4rem;line-height:2.4rem;outline:0;}
.search_class{width:220px;height:40px;line-height:40px;padding-left:8px;float:left;border:0;outline:0;overflow:hidden}
.search_submit{width:80px;height:40px;background:#ff0000;color:#ffffff;font-size:18px;border:0;text-align:center;font-weight:bold;float:left;outline:0;overflow:hidden}
.webtop-center .Search #hotsearchtxt{width:100%;height:2rem;line-height:2rem;}
.webtop-center .webmenu{width:auto;height:96px;margin-left: auto;}
.webtop-center .webmenu ul{HEIGHT:48px;display:flex;margin-top:24px;}
.webtop-center .webmenu ul li{width:auto;height:48px;line-HEIGHT:48px;}
.webtop-center .webmenu ul li a{color:#fff;width:100%;display:block;padding:0 25px;}
.webtop-center .webmenu ul li:hover{background:#fff;transition: all 0.1s ease;}
.webtop-center .webmenu ul li:hover a{color:var(--primary-color)}

#hotnews-flash{display:flex;justify-content:space-between;margin-top:20px;}

#hotnews-flash #flash{background:#D1D1D1;width:720px;aspect-ratio: 3 / 2;vertical-align:top;margin-left:2rem;overflow:hidden;}
#hotnews-flash #flash .flash{position:relative; width:100%;background:#fff;margin:0; padding:0;}
#hotnews-flash #flash .flash .swipe{overflow: hidden;visibility: hidden;position:relative;}
#hotnews-flash #flash .flash .swipe-wrap{overflow:hidden;position:relative;}
#hotnews-flash #flash .flash .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; width:100%;max-width:720px;aspect-ratio: 3 / 2;}

#hotnews-flash .hotclass{width:100%;height:auto;border:1px #dcdcdc solid;border-radius:5px;background:#fff;flex:1}
#hotnews-flash .hotclass .hotclass-title{width:100%;HEIGHT:3rem;line-HEIGHT:3rem;margin:0 auto;padding:0 1.5rem;font-size:1.1rem;font-weight:bold;border-bottom:2px #cc0000 solid;position:relative}
#hotnews-flash .hotclass .hotclass-title span{width:auto;padding:0 1rem;font-size:0.9rem;position:absolute;right:0;top:0;z-index:1;}
#hotnews-flash .hotclass .hotclass-content{width:100%;HEIGHT:auto;margin:0 auto;}
#hotnews-flash .hotclass .hotclass-content ul{width:100%;HEIGHT:auto;}
#hotnews-flash .hotclass .hotclass-content ul li{width:33.33%;height:3.8rem;line-HEIGHT:3.8rem;text-align:center;border-bottom:1px #ececec solid;border-right:1px #ececec solid;float:left;overflow:hidden}
#hotnews-flash .hotclass .hotclass-content ul li a{color:#333}
#hotnews-flash .hotclass .hotclass-content ul li.right-hotclass-content{width:33.33%;height:3.8rem;line-HEIGHT:3.8rem;text-align:center;border-bottom:1px #ececec solid;border-right:0;float:left;overflow:hidden}

.news-infos{width:100%;height:auto;display:grid;grid-template-columns: 1fr 1fr 1fr;gap:2rem;margin:2rem auto;}

.news-card{width:100%;height:auto;border:1px #dcdcdc solid;border-radius:5px;background:#fff;}
.news-card .news-card-title{width:92%;HEIGHT:3rem;line-HEIGHT:3rem;margin:0 auto;font-size:1.1rem;font-weight:bold;border-bottom:1px #dcdcdc solid;position:relative}
.news-card .news-card-title span{width:auto;padding:0 1rem;font-size:0.9rem;position:absolute;right:0;top:0;z-index:1;}
.news-card .news-card-content{width:92%;HEIGHT:auto;margin:0 auto;}
.news-card .news-card-content ul{width:100%;HEIGHT:auto;padding:1rem 0;}
.news-card .news-card-content ul li{width:100%;height:2.4rem;line-HEIGHT:2.4rem;border-bottom:1px #f1f1f1 solid;overflow:hidden}
.news-card .news-card-content ul li::before {
  content: '';           /* 必须有content属性才能显示伪元素 */
  display: inline-block; /* 确保伪元素以块级元素显示 */
  width: 6px;          /* 圆点的大小 */
  height: 6px;          /* 圆点的大小 */
  background-color: #666; /* 圆点的颜色 */
  border-radius: 50%;   /* 使元素变成圆形 */
  margin-left: 5px;    /* 根据需要调整间距 */
  margin-right: 5px; 
}
.news-card .news-card-content ul li a{color:#333}

.gg-content{width:100%;height:auto;margin:2rem auto;display:block;overflow:hidden}
.gg-content ul{width:100%;HEIGHT:auto;}
.gg-content ul li{width:25%;height:auto;padding:0.5rem;float:left;overflow:hidden}
.gg-content ul li img{width:100%;aspect-ratio: 3 / 1;}

.qiyefc-infos{clear:both;width:100%;height:auto;display:grid;grid-template-columns: 1fr 2fr 1fr;gap:2rem;margin:2rem auto;}
.fengcai{width:100%;HEIGHT:auto;border:1px #dcdcdc solid;border-radius:5px;background:#fff;}
.fengcai .fengcai-title{width:100%;HEIGHT:3rem;line-HEIGHT:3rem;margin:0 auto;padding:0 1.5rem;font-size:1.1rem;font-weight:bold;border-bottom:1px #dcdcdc solid;position:relative}
.fengcai .fengcai-title span{width:auto;padding:0 1rem;font-size:0.9rem;position:absolute;right:0;top:0;z-index:1;}
.fengcai .fengcai-content {width:100%;HEIGHT:auto;margin:0 auto;}
.fengcai .fengcai-content ul{width:100%;HEIGHT:auto;}
.fengcai .fengcai-content ul li{width:50%;height:auto;padding:1rem;float:left;overflow:hidden}
.fengcai .fengcai-content ul li img{width:100%;aspect-ratio: 4 / 3;}

.fengcai .adv-content {width:100%;HEIGHT:auto;margin:0 auto;}
.fengcai .adv-content ul{width:100%;HEIGHT:auto;padding:0.5rem;}
.fengcai .adv-content ul li{width:50%;height:auto;padding:0.5rem;float:left;overflow:hidden}
.fengcai .adv-content ul li img{width:100%;HEIGHT:auto;}

#products-content{width:100%;height:auto;margin:2rem auto;display:block;border:1px #dcdcdc solid;border-radius:5px;background:#fff;overflow:hidden}
#products-content .products-title{width:100%;HEIGHT:3rem;line-HEIGHT:3rem;margin:0 auto;padding:0 1.5rem;font-size:1.1rem;font-weight:bold;border-bottom:1px #dcdcdc solid;position:relative}
#products-content .products-title span{width:auto;padding:0 1rem;font-size:0.9rem;position:absolute;right:0;top:0;z-index:1;}
#products-content ul{width:100%;HEIGHT:auto;padding:1rem 0 1rem 0;display:block;overflow:hidden}
#products-content ul li{width:25%;height:auto;padding:0.5rem;float:left;overflow:hidden}
#products-content ul li img{width:100%;aspect-ratio: 4 / 3;}

#ad-left{width:auto;height:auto;position:fixed;top:120px;left:5px;scroll-behavior: smooth;}
#ad-left img{width:120px;height:auto;border:1px #cccccc solid}
#ad-right{width:auto;height:auto;position:fixed;top:120px;right:5px;scroll-behavior: smooth;}
#ad-right img{width:120px;height:auto;border:1px #cccccc solid}

    /* ----- 右上角关闭按钮 (绝对定位) ----- */
.close-btn {position:absolute;top:6px;right:6px;width:20px;height:20px;background: #f1f5f9;border: none;border-radius:40px;font-size:16px;line-height:20px;text-align:center;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition: 0.15s ease;box-shadow: 0 2px 6px rgba(0,0,0,0.04);padding:0;font-weight: 300;backdrop-filter: blur(2px);background: rgba(255, 255, 255, 0.85);border: 1px solid #e2e8f0;}
.close-btn:hover{background: #fee2e2;color: #b91c1c;border-color: #fecaca;transform:scale(1.05);box-shadow: 0 4px 10px rgba(220, 38, 38, 0.10);}
.close-btn:active{transform: scale(0.92);}
.float-ad.hidden {display: none;}

.contentBody{width:100%;height:auto;display:flex;justify-content: space-between;}
.contentBody .contentBody-left{width:auto;HEIGHT:auto;margin-right:2rem;flex:1;}
.contentBody .contentBody-right{clear:both;width:280px;height:auto;}
.articleClass{width:100%;HEIGHT:auto;background:#fff;border:1px #dcdcdc solid;border-radius:3px;margin-bottom:2rem;}
.articleClass .articleClass-title{width:100%;HEIGHT:3rem;line-HEIGHT:3rem;font-size:1.1rem;font-weight:bold;border-bottom:2px #cc0000 solid;padding:0 1rem;}
.articleClass .articleClass-con{width:100%;HEIGHT:auto;margin:0 auto;display:block;overflow:hidden}
.articleClass .articleClass-con ul{width:94%;height:auto;margin:0 auto;overflow:hidden}
.articleClass .articleClass-con ul li{width:100%;height:3rem;line-HEIGHT:3rem;margin:0 auto;border-bottom:1px #ececec solid;float:left;overflow:hidden}
.articleClass .articleClass-con ul li a{color:#333;}
.articleClass .articleClass-con ul li::before {
  content: '';           /* 必须有content属性才能显示伪元素 */
  display: inline-block; /* 确保伪元素以块级元素显示 */
  width: 8px;          /* 圆点的大小 */
  height: 8px;          /* 圆点的大小 */
  background-color: #666; /* 圆点的颜色 */
  border-radius: 50%;   /* 使元素变成圆形 */
  margin-left: 6px;    /* 根据需要调整间距 */
  margin-right: 6px; 
}
.articleClass .comClass-con{width:100%;HEIGHT:auto;margin:0 auto;display:block;overflow:hidden}
.articleClass .comClass-con ul{width:94%;height:auto;margin:0 auto;overflow:hidden}
.articleClass .comClass-con ul li{width:50%;height:3rem;line-HEIGHT:3rem;margin:0 auto;border-bottom:1px #ececec solid;float:left;overflow:hidden}
.articleClass .comClass-con ul li a{color:#333;}
.articleClass .comClass-con ul li::before {
  content: '';           /* 必须有content属性才能显示伪元素 */
  display: inline-block; /* 确保伪元素以块级元素显示 */
  width: 8px;          /* 圆点的大小 */
  height: 8px;          /* 圆点的大小 */
  background-color: #666; /* 圆点的颜色 */
  border-radius: 50%;   /* 使元素变成圆形 */
  margin-left: 6px;    /* 根据需要调整间距 */
  margin-right: 6px; 
}

.resourcesNews{width:100%;height:auto;padding:2rem 0;border-bottom:1px #dcdcdc solid;display:flex;align-items:center;justify-content:center;overflow:hidden}
.resourcesNews .resNewsPic{width:250px;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.resourcesNews .resNewsPic img{width:100%;aspect-ratio: 3 / 2;display:block;margin-top:0;overflow:hidden}
.resourcesNews .resNewsRight{width:auto;height:auto;margin-left:5%;flex:1;justify-content:top;overflow:hidden}
.resourcesNews .resNewsRight .resNewsPublish{background:url(../images/icon/icon_time.png) left center no-repeat;background-size:1rem 1rem;width:100%;height:1.8rem;line-height:1.8rem;padding-left:1.5rem;color:#666;font-size:0.9rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsTitle{width:100%;height:2rem;line-height:2rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsTitle a{font-weight:bold;color:#333;}
.resourcesNews .resNewsRight .resNewsContent{width:100%;height:auto;line-height:1.2rem;min-height:2.4rem;max-height:3.6rem;margin:0.5rem auto;overflow:hidden}
.resourcesNews .resNewsRight .resNewsMore{width:100%;height:2rem;line-height:1rem;TEXT-ALIGN:left;overflow:hidden}
.resourcesNews .resNewsRight .resNewsMore a{color:blue;font-size:0.8rem}

.fenye{width:100%;height:auto;margin:2rem auto;font-size:14px;text-align:center;overflow:hidden}
.fenye from{font-size:14px;}
.fenye .a{font-size:14px;}
.fenye .szinput{width:50px;height:28px;border:1px #999999 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */text-align:center}
.fenye #nowpage{background:#cc0000;width:28px;line-height:28px;text-align:center;color:#ffffff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display: inline-table}
.fenye .fypage{background:#ffffff;width:28px;line-height:28px;text-align:center;color:#cc0000;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border:1px #999999 solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display: inline-table}
.fenye .fypage a{font-size:14px;}

.ViewNews{width:100%;height:auto;margin:0 auto;line-height:30px;font-size:14px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;overflow:hidden}
.ViewNews img{max-width:100%;height:auto;overflow:hidden}
.ViewNews .ViewNewsTitle{width:100%;height:auto;line-height:2rem;text-align:center;font-size:1.2rem;color:#222;overflow:hidden}
.ViewNews .ViewNewsTitle h1{font-size:1.2rem;color:#222;display:inline;font-weight:bold}
.ViewNews .ViewNewsTitle h1 a{font-size:1.2rem;color:#222;font-weight:bold}

.ViewNews #viewcompany{width:100%;height:auto;overflow:hidden}
.ViewNews #viewcompany ul{width:100%;height:auto;overflow:hidden}
.ViewNews #viewcompany ul li{width:50%;height:30px;line-height:30px;float:left;overflow:hidden}
.ViewNews #viewcompany #longli{width:100%;height:30px;line-height:30px;float:left;overflow:hidden}

.ViewNews #goods_go{width:100%;height:auto;display:flex;overflow:hidden}
.ViewNews #goods_go #productCover{width:30%;height:auto;float:left;overflow:hidden}
.ViewNews #goods_go #productCover img{width:100%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

#preview{ float:none; margin:0 auto;text-align:center; width:370px;}
.jqzoom{ width:350px; height:350px; position:relative;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

.tlnews{width:100%;height:auto;border:1px #ececec solid;margin:2rem auto;overflow:hidden;}
.tlnews .tl_newstitle{background:#F4F5F6;width:100%;height:40px;line-height:40px;font-weight:bold;color:#014298;padding-left:1.5rem;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
.tlnews .tl_newscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
.tlnews .tl_newscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
.tlnews .tl_newscon ul li{background:url(../images/icon_newsli.png) left center no-repeat;width:44%;height:28px;line-height:28px;margin:auto 3%;font-size:14px;color:#999999;padding-left:1.5%;;float:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.tlnews .tl_newscon ul li a{font-size:14px;color:#666}

.tlgoods{width:100%;height:auto;border:1px #ececec solid;margin:2rem auto;overflow:hidden;}
.tlgoods .tl_goodstitle{background:#F4F5F6;width:100%;height:40px;line-height:40px;font-size:16px;color:#027938;padding-left:1.5rem;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
.tlgoods .tl_goodscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
.tlgoods .tl_goodscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
.tlgoods .tl_goodscon ul li{width:31.333%;margin-left:1%;margin-right:1%;height:auto;font-size:14px;color: #999999;margin-bottom:1rem;border: 1px #ececec solid;align-items: center;justify-content: center;float:left;overflow:hidden}
.tlgoods .tl_goodscon ul li img{width:auto;max-width:100%;aspect-ratio: 4 / 3;}
.tlgoods .tl_goodscon ul li p{width:100%;height:2rem;LINE-HEIGHT:2rem;TEXT-ALIGN:center;margin:0 auto;display:block}

.nynewsshare{background:#ececec;color:#000;width:100%;height:35px;line-height:35px;font-size:14px;margin:0 auto;margin-top:30px;margin-bottom:20px;padding-left:1rem;border:1px #dcdcdc solid;overflow:hidden}
.nynewsfb{background:#ececec;color:#000;width:100%;height:35px;line-height:35px;font-size:14px;text-align:center;margin:1rem auto;border:1px #dcdcdc solid;overflow:hidden}
.preNext{width:100%;height:2rem;line-height:2rem;text-align:center;border-top:#dcdcdc 1px dashed;margin-top:3rem;overflow:hidden}


.product-container {width:100%;margin:0 auto;background: #fff;display: flex;flex-wrap: wrap;}
.product-gallery {flex-shrink: 0;width:360px;min-width: 0; /* 关键：防止在手机上撑开 */overflow:hidden}
.main-image-container {position: relative;margin-bottom: 15px;border: 1px solid #eee;border-radius: 4px;overflow: hidden;cursor: zoom-in; /* 添加放大镜指针 *//* 确保正方形容器 */width: 100%;padding-bottom: 100%; /* 关键：创建1:1宽高比 */height: 0;display:table;}
.main-image {position: absolute;top: 0;left: 0;right:0;bottom:0;margin: auto;width:auto;max-width: 100%;height:auto;max-height: 100%;object-fit: contain; /* 关键：保持图片比例，不拉伸 */display:table-cell;background-color: #f9f9f9;}
.magnifier-container {position: absolute;top: 0;right: 0;width: 100%;height:400px; /* 增加放大镜高度 */background: #fff;border: 1px solid #eee;border-radius: 4px;overflow: hidden;display: none;z-index: 20;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.magnifier-image {width: 100%;height: 100%;object-fit: contain;display: block;}
.thumbnail-wrapper {position: relative;margin-top: 15px;border: 1px solid #eee;border-radius: 4px;padding: 10px 40px;/* 确保与主图同宽 */width: 100%;overflow: hidden;min-width: 0; /* 关键：防止在手机上撑开 */}
.thumbnail-list {display: flex;gap: 10px;overflow-x: auto;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;/* 隐藏滚动条 */scrollbar-width: none;-ms-overflow-style: none;}
.thumbnail-list::-webkit-scrollbar {display: none;}
.thumbnail {width:auto;max-width:80px;height:auto;max-height: 80px;object-fit: cover;border: 2px solid transparent;border-radius: 4px;cursor: pointer;transition: all 0.3s;flex-shrink: 0;}
.thumbnail.active {border-color: #ff6b6b;}
.thumbnail:hover {transform: scale(1.05);}
.scroll-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;background: rgba(255, 255, 255, 0.9);border: 1px solid #ddd;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s;z-index: 5;font-size: 16px;color: #666;}
.scroll-btn:hover {background: #fff;border-color: #ff6b6b;color: #ff6b6b;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.scroll-btn.prev {left: 5px;}
.scroll-btn.next {right: 5px;}
.scroll-btn:disabled {opacity: 0.3;cursor: not-allowed;}
.scroll-btn:disabled:hover {background: rgba(255, 255, 255, 0.9);border-color: #ddd;color: #666;box-shadow: none;}

.product-info {flex: 1;min-width: 0; /* 关键：防止在手机上撑开 */padding: 15px;padding-left:5rem;position: relative;}
.product-title {font-size: 24px;margin-bottom: 20px;color: #222;}
.product-title a{font-size:24px;color:#222;font-weight:bold;}
.product-description {margin-bottom: 20px;color: #666;line-height: 2.5;}
.product-description span{font-weight:bold;}
.product-description span.spanfeedback{height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;margin-right:2rem;display:inline-block;margin-top:1rem;}
.product-description span.spanfeedback a{background:#0271B7;height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;padding-left:2rem;padding-right:2rem;font-size:1.1rem;color:#fff;display:block;border-radius:5px}
.product-description span.spanfeedback a:hover{background:blue;}
.product-description span.spanwhatsapp{height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;margin-right:2rem;display:inline-block;margin-top:1rem;}
.product-description span.spanwhatsapp a{background:#28D368;height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;padding-left:2rem;padding-right:2rem;font-size:1.1rem;color:#fff;display:block;border-radius:5px}
.product-description span.spanwhatsapp a:hover{background:#31A918}

.newsContent{width:96%;height:auto;line-height:2rem;margin:0 auto;overflow:hidden}
.newsContent img{width:auto;max-width:100%;height:auto;display:block;border:0}

.btn-primary-custom {background-color: #0077b6;border: none;padding: 12px 32px;border-radius: 40px;font-weight: 600;transition: 0.2s;}
.btn-primary-custom:hover {background-color: #005f8c;transform: translateY(-2px);}
.section-title {font-weight: 700;font-size: 2.2rem;margin-bottom: 2rem;position: relative;display: inline-block;}
.section-title:after {content: '';position: absolute;bottom: -8px;left: calc(50% - 40px);width: 80px;height: 3px;background: #0077b6;border-radius: 3px;}
.card-hover {transition: all 0.3s ease;border: none;border-radius: 20px;overflow: hidden;box-shadow: 0 8px 20px rgba(0,0,0,0.05);}
.card-hover:hover {transform: translateY(-8px);box-shadow: 0 20px 30px rgba(0,119,182,0.1);}
.product-img {width:100%;aspect-ratio: 1 / 1;object-fit: cover;}
.advantage-icon {font-size: 2.5rem;color: #0077b6;margin-bottom: 1rem;}
.footer {background-color: #0a2540;color: #cddfe7;padding-top: 3rem;padding-bottom: 1.5rem;}
.footer a {color: #aac9e4;text-decoration: none;}
.footer a:hover {color: white;}
.contact-form input,.contact-form textarea {border-radius: 12px;border: 1px solid #dee2e6;padding: 12px 16px;}
.btn-outline-light {border-radius: 40px;}
.breadcrumb-bg {background: #f8fafc;}
.border-soft {border-radius: 20px;}
	
	
.positionMenu{margin:1rem auto;height:2rem;line-height:2rem;font-size:0.8rem;overflow:hidden}
.positionMenu a{color:#222;font-size:0.8rem;}
.positionMenu img{height:0.8rem;}


@media screen and (max-width:768px){
.container{width:100%;max-width:768px;}
#hotnews-flash{display:flex;justify-content:space-between;margin-top:5px;}
#hotnews-flash #flash{background:#D1D1D1;width:100%;aspect-ratio: 3 / 2;vertical-align:top;margin-left:0;overflow:hidden;}
.img-responsive { display: block; width:100%;max-width:100%;aspect-ratio: 3 / 2;}

#hotnews-flash .hotclass{display:none}

.news-infos{width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:1rem;margin:1rem auto;}
.gg-content{margin:1rem auto;}
.gg-content ul li{width:50%;}

.qiyefc-infos{clear:both;width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:1rem;margin:1rem auto;}
.fengcai{width:100%;HEIGHT:auto;border:1px #dcdcdc solid;border-radius:5px;background:#fff;}
.fengcai .fengcai-content ul li{width:50%;height:auto;padding:0.5rem;float:left;overflow:hidden}
.fengcai .fengcai-content ul li img{width:100%;aspect-ratio: 4 / 3;}

#products-content{width:94%;height:auto;margin:1rem auto;}
#products-content ul li{width:50%;}

.contentBody{width:100%;height:auto;display:flex;justify-content: space-between;}
.contentBody .contentBody-left{width:auto;HEIGHT:auto;margin-right:0;flex:1;}
.contentBody .contentBody-right{display:none}


.tlnews{margin:1rem auto;}
.tlnews .tl_newscon ul li{background:url(../images/icon_newsli.png) left center no-repeat;width:96%;margin:auto 0%;font-size:14px;color:#999999;padding-left:1rem;float:left;overflow:hidden}

.tlgoods{margin:1rem auto;}
.tlgoods .tl_goodscon ul li{width:46%;margin-left:1%;margin-right:1%;height:auto;margin-bottom:1rem;border: 1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tlgoods .tl_goodscon ul li img{width:auto;max-width:100%;aspect-ratio: 4 / 3;}


#ad-left{display:none}
#ad-right{display:none}
}