.abo_js {
	background: #FFFFFF;
	padding: 10px 0;
}

.abo_js span {
	font-size: 14px;
	color: #787878;
}
/*
.abo_js a {
	font-size: 14px;
	color: #787878;
}*/

.abo_js a:active {
	color: #000;
}

.abo_con {
	padding: 10px 10px;
	background: #f0efed;
}

.about_l {
	margin: 0px auto 5px;
}
.about_r {
	padding-right:0px;
	
}
.cont_a {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 15px;
	background-color: #1f864b;
}

.cont_a span {
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	vertical-align: middle;
}

.cont_a img {
	vertical-align: middle;
}

.con_b {
	width: 100%;
	margin: 0 auto;
	background: #f7f8f8;
	padding: 1.25rem 0 1.75rem;
	text-align: center;
}

.con_b ul {
	padding-inline-start: 0px;
}

.con_b li {
	font-size: 16px;
	color: #5c5c5c;
	border-top: 1px solid #c8c8c8;
	padding: 16px 0;
}

.con_b li:active {
	color: #db0000;
	border-left: 4px solid #db0000;
	background: #eaeaea;
}

.cont_c {
	text-align: center;
	margin: 45px auto 65px;
	padding-top: 15px;
	background: #fff;
}


.cont_c ul {
	padding-inline-start: 0;
	padding-bottom: 10px;
	margin-left:0px;
	padding-left:0px;
}

.cont_c li {
	width: 80%;
	text-align: center;
	background: #fae9e4;
	padding: 25px 2px;
	margin: 0 auto 15px;
}

.cont_c img {
	vertical-align: middle;
}

.cont_c span {
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600;
	color: #db0000;
}

.cond_li {
	position: relative;
	top: -40px;
}

.cond_li img {
	width: 90%;
    z-index: 99;
left: 17px;
    position: absolute;
    right: 0;
}

.cond_wen {
	border: 1px solid #e5e5e5;
}

.cond_wen {
	width: 100%;
	padding-top: 29px;
	text-align: center;
}

.cond_wen p {
	margin-top: 10px;
	font-size: 13px;
	color: #ee5a09;
}

.cond_wen b {
	color: #ed0000;
	font-size: 16px;
}
.bt_a {
    text-align: left;
    width: auto !important;
    border-bottom: none;
}
.bt_a img {
	vertical-align: middle;
}

.bt_a span {
    vertical-align: middle;
    font-size: 20px;
    color: #1f864b;
    padding: 3px 10px;
}
.bt_a{float: left;background-color: #dce6e1;padding: 5px 0px;border-radius: 20px;}
.bt_bf{font-size: 12px;color: gray;float: right;width: unset;margin-top: 10px;}
/*.about_r{
	padding-left: 27px !important;
}*/
.cont_e {
	width: 100%;
	padding: 20px 10px;
	margin: 0 auto;
	/*text-align: center;*/
}

.cont_e h3 {
	font-size: 20px;
	color: #717171;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
}

.cont_e p {
	font-size: 16px;
	color: #717171;
	/*text-align: left;*/
	/*text-indent: 2em;*/
}


/*新闻*/

.nede {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	clear:both
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #dc0000;
	border-color: #fff;
}

.pagination>li>a,
.pagination>li>span {
	color: #000;
}

.media-heading {
	font-size: 1.2em;
	font-weight: 500;
	height:20px;
	line-height:20px;
	color: #404040;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.media {
	width: 100%;
	border-bottom: 1px solid #f4f4f4;
	padding: 25px 0;
}

.media-body {
	
	padding: 5px 15px;
}



.media-left{
	text-align: center;
	float: left;	
	margin-top: 3px;
    margin-bottom: 7px;
	width: 20%;
	padding-right: 0px;
	font-family: arial;
	
}
#media-left{
	width: 45%;
}
.media_top {
	width: 100%;
	margin: 0 auto;
	text-align: center;	
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #000;
    background-color: #eee;
    border-color: #ddd;
}
.media_top h2{
	color: #ababab;
	font-size: 30px;
	margin-block-end: 0em;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom:0px;
}
.media > .media-left:hover >.media_top>h2{
	background: #008cd7;
	color: #FFFFFF;
}

.media:hover > .media-left >.media_top>h2{
	background: #008cd7;
	color: #FFFFFF;
}

.media > .media-left:hover >.media_down{
	background: #f0f0f0;
}

.media:hover > .media-left >.media_down{
	background: #f0f0f0;
}

.media_down  {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #ababab;
	padding: 10px 5px;
}

.media_down span{
	color: #ababab;	
	font-size: 18px;
}

.media-body p {
	color: #999;
	line-height: 1.5em;
	font-size: 1em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.media-body span {
	font-size: 0.5em;
	color: gray;
	display: inline-block;
}
.media-body > h4:hover{
	color: #d80c18;
}
.media-body > span:hover{
	color: #d80c18;
}

.media:hover >.media-body > h4{
	color: #d80c18;
}

.media:hover >.media-body > span{
	color: #d80c18;
}

/*图片*/
.pic_nss {
	margin: 10px auto;
}
.pic_nss img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	padding: 5px;
	border: 1px solid #c3c3c3;
}
.pic_nss1 img {
    height: 390px;
	object-fit: cover;
}
#pic_nssx img{height: 110px;border: unset;}
#xldiiis img{height: 340px;}
.xlpic_nss{margin-bottom: 15px;}
.xlpic_nss img{
	width: 100%;
	height: 260px;
	padding: 0px;
}

.pic_nss:hover img{
	border: 1px solid #eb5504;
}
.pic_nss span{
	text-align: center;	
	height:40px;
	line-height:40px;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pic_nss span:hover{color: #eb5504;}

/*新闻详情*/
.q_news {
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
}
.new-tit{
	font-size: 18px;
	padding: 20px 0 12px 0;
	text-align: center;
	color: #555;
	font-weight: bolder;
}
.new-date{
	display: block;
    color: #666;
    font-size: 14px;
    text-align: center;
    border-bottom: 0.5px dashed #EEEEEE;
    padding-bottom: 10px;	
}
.new-date b{
	padding-right: 18px;
}
.new-con{
	padding: 15px 0px;
}
.new-con p{
	font-size: 16px;
	text-align: left;
	/*text-indent: 2em;*/
}

.new-con img {
    display: block;
    margin: 4px auto;
	width: auto !important;
	max-width:100% !important;
	height:auto !important;  

}
.ud{
	line-height: 34px;
	overflow: hidden;
	color: #666;
	text-align: left;
	font-size: 16px;
}
.ud ul {
	margin-left:0px;
	padding-left:0px;
	
}
.ud a{  
	color: #333;
	
}
.ud a:hover {
	text-decoration: underline;
	color: #d80c18;	
}


/*手风琴*/

ul.menu {
  width: 100%;
  padding: 0;
  list-style: none;
  margin: 20px auto;
  clear: both;
  display: table;
}
ul.menu .list {
  text-align: left;
  font-size: 16px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  vertical-align: sub;
  clear: both;
}
ul.menu .list:after {
 content: "\e131"
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #000;
}
ul.menu .list:before {
 
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .list a {
  background-color: #dce6e1;
  text-decoration: none;
  padding-left: 20px;
  color: #000;
  display: block;
  height: 100%;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10px;
  border-radius: 20px;
}
ul.menu .list a:hover {
  background-color: #1f864b;
  transition: 300ms all;
  color: #fff;
}

ul.menu .list .active {
  background-color: #1f864b;
  transition: 300ms all;
  color: #fff;
}

ul.menu .list .items {
  height: 0px;
  overflow: hidden;
}
ul.menu .list .items a {
  padding: 17px;
  color: #db0000;
}
ul.menu .list .items a:hover {
	content: "\e131"
  background-color: #eaeaea;
  color: #db0000;
  transition: 300ms all;
  border-left: 4px solid #db0000;
}
ul.menu .list:last-child {
  border-bottom: none;
}
ul.menu .active:after {
 content: "\e131"
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .active:before {
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .active > .items {
	content: "\e131"
  display: block;
  background: #f7f8f8;
  padding: 0px;
  height: auto;
  color: #5c5c5c;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms;
  clear: both;
  float: left;
  width: 100%;
}
ul.menu .active > .items li {
  padding: 0px;
  border-bottom: 1px solid #c8c8c8;
  list-style: none;
}
ul.menu .active > .items li:last-child {
  border-color: transparent;
  padding-bottom: 0px;
}
ul.menu .active > .items .active > .items {
  background-color: #2f4b67;
}
ul.menu .active > a {
	border-left: 4px solid #db0000;
  text-transform: uppercase;

}
ul.menu .active .list {
  background: #697d92;
}
ul.menu .active .list a {
  padding: 17px 0px 17px 45px;
}

/*分页*/
#pages {
    text-align: center;
	margin-left:0px;
	padding-left:0px;
}

#pages li {
    padding: 0 10px;
    margin: 2px 2px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}

#pages li.active {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f14e00;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #f14e00;
}

#pages li:hover a {
    color: #fff;
}
.cont_e img {max-width: 94%;width:expression(this.width > 900 ? "100%" : this.width);} 
/* =========================================
   畅亿产品详情页专用样式 (Cy Product Detail)
   ========================================= */

/* 外部容器：控制最大宽度并居中 */
.cy-prod-wrapper {
    width: 100%;
}

/* 主内容卡片：浅灰背景 + 圆角 */
.cy-prod-card {
    padding: 20px;
}

/* --- 上半部分：图文混排 --- */

/* 左侧图片区域 */
.cy-prod-image-box img {
    width: 100%;
    height: auto;
	max-height: 500px;
    border-radius: 6px;
    object-fit: cover;
    /* 模拟原图瓶子的立体感，可选 */
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1)); 
}

/* 右侧标题区域 */
.cy-prod-header {
    margin-bottom: 25px;
    position: relative;
}

/* 大标题：乙二醇 */
.cy-prod-title {
    font-size: 42px;
    font-weight: 800;
    color: #f56c24; /* 品牌橙色 */
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.2;
	max-width: 300px;
}

/* 副标题/标准号 */
.cy-prod-subtitle {
    font-size: 18px;
    color: #f56c24;
    font-weight: bold;
    margin-left: 15px;
    vertical-align: middle;
    /* 添加下划线装饰 */
    border-bottom: 3px solid #f56c24;
    padding-bottom: 2px;
    display: inline-block;
	max-width: 400px;
}

/* 简介文本段落 */
.cy-prod-intro p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
}

/* --- 下半部分：详细信息 --- */

/* 小标题样式 (产品用途、主要指标) */
.cy-prod-section-title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-top: 30px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 12px;
	text-align: left !important;
}

/* 标题左侧的小竖条装饰 */
.cy-prod-section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    background-color: #f56c24; /* 黑色竖条 */
    border-radius: 2px;
}

/* 详情文本段落 */
.cy-prod-desc-text {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    text-align: justify; /* 两端对齐更整齐 */
}
/* 滚动容器视口 */
.ind-marquee-viewport {
	width: 100%;
	overflow: hidden; /* 隐藏超出部分 */
	background-color: #f8f9fa; /* 浅灰背景 */
	position: relative;
}

/* 滚动轨道 */
.ind-marquee-track {
	display: flex;
	width: max-content; /* 宽度由内容撑开 */
	
	/* ========================================= */
	/* 🚀 【滚动速度控制区】 🚀 */
	/* 修改下方的 15s 即可控制滚动速度： */
	/* 数值越小，滚动越快 (例如 8s) */
	/* 数值越大，滚动越慢 (例如 25s) */
	/* ========================================= */
	animation: ind-scroll-animation 50s linear infinite; 
}

/* 鼠标悬停时暂停滚动 */
.ind-marquee-viewport:hover .ind-marquee-track {
	animation-play-state: paused;
}

/* 单个图片样式 */
.ind-slide-card {
	width: 500px; /* 固定每张图的宽度 */
	height: 375px; /* 固定高度 */
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	flex-shrink: 0; /* 防止图片被压缩 */
	background: #fff;
}

.ind-slide-card img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保证图片填满且不变形 */
	display: block; /* 去除图片底部默认留白 */
}

/* 关键帧动画：从 0 移动到 -50% */
/* 原理：因为有两组相同的图片，总宽度为200%，
   滚完一组（50%）刚好回到原点，实现无缝衔接 */
@keyframes ind-scroll-animation {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%); 
	}
}
@media screen and (max-width: 1640px) {
	.cond_li {
    top: -31px;
}
	
	.not_a p {
    width: 60%;
    }
}
@media screen and (max-width: 1200px){
	.media-left {
	    width: 35%;
	    padding-top: 0px;
	    padding-left: 20px;
	    
	}
	.media-body p {
		line-height: 1.5em;
		-webkit-line-clamp: 2;
	}
	.abo_con{padding: 20px 10px;}
	#pic_nssx img{height: auto;}
	#xldiiis img{height: unset;}

	.cont_e img {max-width: 94%;    
	max-width: 100%;  /* 限制图片最大宽度不超过父容器 */
    height: auto;     /* 高度自适应，确保图片按比例缩放不变形 */
    display: block;   /* 消除图片底部可能出现的空白间隙 */
	} 
	.cont_e{overflow: hidden;}
	.pic_nss{width: 50%;}
	.pic_nss img{height: 120px;}
	.pic_nss1 img {
	    height: 230px;
	}
	#media-left{width: 100%;}
	.cy-prod-title { font-size: 32px; }
	.cy-prod-subtitle { display: block; margin-left: 0; margin-top: 10px; }
	.cy-prod-card { padding: 0px; }
	.ind-slide-card {
		width: 280px;
		height: 210px;
	}
}