/*头部*/
#header {
	width: 100%;
	background-color: #3D3A39;
}
#banner {
	position: relative;
}
.logo {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
/*pc导航*/
.menu_box {
}
.pro-list {
	margin: 0 -7.5px;
}
ul.menu>li {
	float: left;
	text-align: center;
	position: relative;
	width: 12.28%;
	padding: 10px 0;
	z-index: 10000;
}
ul.menu>li::after {
	content: "/";
	color: #fff;
	position: absolute;
	right: 0;
	top: 15px;
}
ul.menu>li:last-child::after {
	display: none;
}
ul.menu>li>a {
	color: #fff;
	display: inline-block;
	line-height: 30px;
}
ul.menu>li.current>a {
	color: #fff;
}
.menu_icon {
	position: absolute;
	top: 15px;
	right: 20px;
}
/*pc下拉导航*/
.menu_2 {
	display: none;
	position: absolute;
	z-index: 10000;
	text-align: center;
	width: 100%;
	left: 0;
	top: 48px;
}
.menu_2 li {
	line-height: 20px;
	padding: 10px 5px;
	margin-top: 2px;
	background: #515151;
}
.menu_2 li a {
	color: #fff;
	display: block;
}
.menu_2 li:hover a {
	color: #BE0509;
}
.index-title>h2 {
	font-size: 22px;
	color: #010101;
	line-height: 30px;
	font-weight: bold;
}
.index-pro {
	padding: 60px 0 30px;
}
.index-title>h2::before {
	content: "";
	display: block;
	width: 45px;
	height: 3px;
	background-color: #B8B8B8;
	margin-bottom: 20px;
	font-weight: bold;
}
.index-title>p {
	color: #D7D7D7;
	font-size: 16px;
}
.index-pro .introduction {
	padding-left: 0;
	padding-top: 80px;
	color: #B3B3B3;
	line-height: 24px;
	padding-right: 70px;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.index-pro .index-pro-box {
	padding-right: 0;
	position: relative;
	z-index: 10;
	top: -30px;
}
.index-pro-image {
	height: 350px;
	width: 350px;
	margin-top: 55px;
	position: relative;
	z-index: 10;
}
.index-pro-image::before {
	content: "";
	display: block;
	width: 340px;
	height: 340px;
	border-left: 20px solid #E50A28;
	border-bottom: 20px solid #E50A28;
	position: absolute;
	left: -20px;
	bottom: -20px;
}
.index-pro-list-box {
	position: relative;
	overflow: hidden;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 460px;
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
}
.index-pro-list {
	position: relative;
	background-color: #fff;
}
.add-bg {
	position: absolute;
	bottom: 80px;
	left: -90px;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
.index-pro-meassage {
	background-color: #F6F5F3;
	margin-left: 275px;
	height: 460px;
	position: relative;
	padding-left: 120px;
	padding-right: 50px;
	padding-top: 80px;
}
.index-pro-meassage::after {
	content: "";
	display: table;
}
.index-pro-more {
	display: inline-block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #E50A28;
	color: #fff;
}
.index-pro .index-pro-more {
	position: absolute;
	bottom: 30px;
	right: 0;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
}
.index-pro .index-pro-more:hover {
	right: 20px;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
}
.index-pro-more:hover {
	color: #fff;
}
.index-pro-box .border {
	width: 280px;
	height: 50px;
	border: 1px solid #F6F5F3;
	border-bottom: none;
	position: absolute;
	right: 0;
	top: -50px;
}
.index-pro-list .index-pro-meassage1 {
	color: #363635;
	font-weight: bold;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.index-pro-list .index-pro-meassage2 {
	color: #999999;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 40px;
}
.index-pro-list .index-pro-meassage3 {
	font-size: 12px;
	color: #A7A7A7;
	line-height: 20px;
	height: 120px;
	overflow: hidden;
}
.turn-page {
	position: absolute;
	bottom: 120px;
	right: 44%;
	z-index: 100;
}
.turn-page>div {
	cursor: pointer;
	height: 14px;
	width: 12px;
}
.turn-page .pro-prev {
	margin-right: 40px;
	background: url(../images/left-icon.png) no-repeat;
}
.turn-page .pro-next {
	background: url(../images/right-icon.png) no-repeat;
}
.turn-page .pro-prev:hover {
	background: url(../images/left-hover-icon.png) no-repeat;
}
.turn-page .pro-next:hover {
	background: url(../images/right-hover-icon.png) no-repeat;
}
.corporate-culture {
	background: url(../images/culture_bg.jpg) no-repeat;
	background-size: cover;
}
.culture-images {
	float: left;
}
.culture-main {
	float: right;
}
.culture-main .index-title {
	margin: 60px;
}
.culture-text {
	background-color: #F8F8F8;
	height: 288px;
	padding: 60px 20px 30px 60px;
}
.culture-text>p {
	color: #565656;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.culture-text .index-pro-more {
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	margin-left: 0;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
}
.culture-text .index-pro-more:hover {
	margin-left: 20px;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
}
.culture-main2 {
	overflow: hidden;
}
.culture-main2 .index-title {
	margin: 20px;
}
.culture-main2 .culture-text {
	padding: 30px 10px 30px 20px;
	height: auto;
}
.news-list li {
	width: 25%;
	float: left;
}
.news-list li .news-list1 {
	padding: 15% 8% 0 8%;
	background-color: #F8F8F8;
}
.news-list li .news-list1 .news-list-title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news-list li .news-list1 .news-list-title a {
	font-size: 16px;
	color: #494949;
}
.news-list li .news-list1 .news-list-date {
	color: #ABABAB;
	font-size: 12px;
	margin: 4% 0 10%;
}
.news-list li .news-list1 .news-list-text {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}
.news-list li .news-list1 .news-list-text a {
	color: #A1A1A1;
}
.friend {
	background-color: #121212;
	text-align: center;
}
.friend ul {
	display: inline-block
}
.friend ul li {
	padding: 20px 30px;
	float: left;
	color: #969696;
	position: relative;
}
.friend ul li::after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 12px;
	top: 24px;
	right: 0;
	background-color: #969696;
}
.friend ul li:first-child::after {
	width: 0;
}
.friend ul li:first-child {
	padding: 20px 10px;
}
.friend ul li a {
	display: block;
	color: #969696;
}
.index-news {
	padding: 60px 0;
}
#footer {
	padding: 20px 0;
	color: #393939;
	text-align: center;
}
#footer a {
	color: #393939; display:inline-block
}
#content .bg {
	background: url(../images/list_image_03.jpg) center top no-repeat;
	padding-top: 30px;
}
.aside_list_box {
	text-align: center;
}
.aside_list_box h2 {
	display: inline-block;
	background: url(../images/list_image_03.png) no-repeat;
	width: 88px;
	height: 195px;
	position: relative;
}
.aside_list_box h2>div {
	position: absolute;
	top: 72px;
	left: -21px;
	width: 131px;
	text-align: center;
}
.aside_list_box h2>div p {
	font-size: 22px;
	color: #4B4B4B;
}
.aside_list_box h2>div span {
	font-size: 26px;
	font-weight: bold;
	color: #4B4B4B;
}
.aside-box {
	display: inline-block;
	width: 158px;
	margin-top: 20px;
}
.sidemenu .a {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: -14px;
	display: none;
}
.address {
	padding: 10px 20px;
	background-color: #F6F6F6;
	color: #848484;
	margin-top: 30px;
}
.title {
	border: 4px solid #494949;
	width: 98%;
	margin: 0 auto 10px;
	height: 70px;
	border-radius: 6px;
}
.title .title1 {
	font-size: 16px;
	color: #4B4B4B;
	position: absolute;
	background-color: #fff;
	left: -15px;
	top: 12px;
	padding: 4px 0;
	margin-top: 4px;
}
.title .title1 span {
	font-size: 15px;
	margin: 0 10px 0 8px;
}
.sub1_a .p {
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #C9C9C9;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
}
.pro_aside {
	margin-bottom: 30px;
}
.pro-list dl {
	margin-top: 20px;
	padding: 0 7.5px;
}
.pro-list dd {
	padding: 10px 5px;
	background-color: #878787;
}
.pro-list dt {
	border: 1px solid #E4E4E4;
	position: relative;
}
.pro-list dd a span {
	color: #fff;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 25px;
}
.pop-more {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/probg.png) no-repeat;
	background-size: 100% 100%;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.pop-more .more {
	margin: 20% auto 0;
	width: 80%;
	height: 160px;
	line-height: 160px;
	text-align: center;
	color: #fff;
	background-color: #E50A28;
	opacity: 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.pro-list dl:hover .pop-more, .news-list2 a:hover .pop-more {
	opacity: 1;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.pro-list dl:hover .pop-more .more, .news-list2 a:hover .pop-more .more {
	opacity: 1;
	width: 50%;
	height: 40px;
	line-height: 40px;
	margin: 46% auto 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.news-list2 a {
	display: block;
	position: relative;
}
.pro-list dl:hover .img2 {
	display: block;
}
.pro-list dl:hover dd {
	background-color: #383838;
}
.pro-list dl:hover .img1 {
	display: none;
}
.list-text-box {
	padding: 0 10px;
}
.list-text-box .list-text {
	float: left;
	width: 33.3%;
	padding: 30px 25px 30px 10px;
	border-bottom: 6px solid #F6F6F6;
	height: 263px;
}
.list-text .date {
	color: #9C9C9C;
	padding-bottom: 20px;
	border-bottom: 1px solid #F4F4F4;
	display: none;
}
.list-text .date .day {
	font-size: 18px;
}
.list-text .list-text-title {
	font-size: 16px;
	margin: 0 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.list-text .list-text-title a {
	color: #3C3C3C;
}
.list-text .list-text-meassage a {
	color: #9B9B9B;
}
.list-text .list-text-meassage {
	color: #9B9B9B;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.list-text .hover_date {
	color: #fff;
	background-color: #C43131;
	padding: 10px 15px;
	margin-top: 20px;/*display: none;*/
}
.list-text-box {
	margin: 0 -15px;
}
.list-text .hover_date .day {
	font-size: 18px;
}
.list-text .hover_date i {
	margin: 6px 0 0 14px;
}
.list-text:hover .date {
	display: none;
}
.list-text:hover .hover_date {
	display: block;
}
.list-imagetext-box i {
	width: 150px;
	height: 150px;
}
.list-imagetext-box li {
	margin-top: 20px;
}
.list-imagetext-box li .list-imagetext-main {
	margin-left: 150px;
	background-color: #F6F6F6;
	padding-left: 15px;
	overflow: hidden;
	height: 150.5px;
	position: relative;
}
.list-imagetext-box li .list-imagetext-main .titles {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding-right: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 5px;
}
.list-imagetext-box li .list-imagetext-main .titles a {
	color: #383838;
}
.list-imagetext-box li .list-imagetext-main .dates {
	color: #BABABA;
	font-size: 12px;
	margin-bottom: 10px;
}
.list-imagetext-box li .list-imagetext-main .list-imagetext-text {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	padding-right: 10px;
}
.list-imagetext-box li .list-imagetext-main .list-imagetext-text a {
	color: #ABABAB;
}
.list-imagetext-add {
	width: 20px;
	text-align: center;
	color: #fff;
	line-height: 50px;
	height: 50px;
	background-color: #3D3A39;
	position: absolute;
	top: 0;
	right: 0;
}
.list-imagetext-box li:hover .list-imagetext-add {
	background-color: #C43131;
}
.searchresult-list {
	padding: 12px;
	position: relative;
}
.searchresult li {
	margin-top: 30px;
}
.searchresult-list .a1 {
	width: 25px;
	height: 20px;
	border-left: 2px solid #616060;
	border-bottom: 2px solid #616060;
	position: absolute;
	bottom: 0;
	left: 0;
}
.searchresult-list .a2 {
	width: 25px;
	height: 20px;
	border-right: 2px solid #616060;
	border-top: 2px solid #616060;
	position: absolute;
	top: 0;
	right: 0;
}
.searchresult-list-children {
	padding: 5px 10px;
}
.searchresult-list-children:hover {
	background-color: #F6F6F6;
}
.searchresult-list-children i {
	width: 6px;
	height: 6px;
	background-color: #616060;
	margin: 6px 10px 0 0;
}
.searchresult-list-children .titles {
	color: #373737;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.searchresult-list-children .text a {
	color: #A1A1A1;
	line-height: 20px;
}
.about {
	padding: 20px 10px;
}
/*首页主体部分*/
.product_detail {
	margin: 0 -15px;
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@keyframes zoomInLeft {
 0% {
 opacity: 0;
 -webkit-transform: scale(.1) translateX(-2000px);
 -ms-transform: scale(.1) translateX(-2000px);
 transform: scale(.1) translateX(-2000px);
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
60% {
 opacity: 1;
 -webkit-transform: scale(.475) translateX(48px);
 -ms-transform: scale(.475) translateX(48px);
 transform: scale(.475) translateX(48px);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@media(max-width:1200px) {
.turn-page {
	right: 32%;
}
}
@media(max-width:992px) {
.list-text-box .list-text {
	width: 50%;
}
#footer {
	background-color: #ccc;
}
.logo>img {
	width: 180px;
}
.index-pro .index-pro-box {
	top: 10px;
}
}
@media(max-width:767px) {
.list-imagetext-box li .list-imagetext-main .list-imagetext-text {
	height: 40px;
}
.index-title {
	padding-left: 10px;
}
.index-pro {
	padding: 30px 0;
}
.index-pro-more {
	font-size: 12px;
}
.logo {
	position: relative;
	text-align: left;
	padding: 10px 20px;
}
.index-news {
	padding: 30px 0;
}
.a {
	padding: 0;
}
.list-imagetext-box li {
	padding: 0;
}
.list-imagetext-box i {
	width: 120px;
	height: 120px;
}
.list-imagetext-box li .list-imagetext-main .dates {
	margin-bottom: 5px;
}
.list-imagetext-box li .list-imagetext-main {
	margin-left: 120px;
	padding-left: 10px;
	height: 120px;
}
.list-text-box .list-text {
	padding: 20px 10px 20px 10px;
	height: 240px;
}
.list-text-box {
	padding: 0;
}
.pro-list dd a span {
	width: 77%;
}
.news-list li {
	width: 50%;
}
.news-list li .news-list1 {
	padding: 15% 5% 0 5%;
}
.news-list li .news-list1 .news-list-text {
	height: 60px;
}
.logo>img {
	width: initial;
    height: 65px;
}
.index-pro-image {
	width: 160px;
	height: 160px;
	margin-top: 40px;
}
.index-pro-image::before {
	width: 150px;
	height: 150px;
	border-left: 10px solid #E50A28;
	border-bottom: 10px solid #E50A28;
	left: -10px;
	bottom: -10px;
}
.index-pro .index-pro-box {
	padding-left: 0;
}
.index-pro-meassage {
	margin-left: 80px;
	padding-left: 90px;
	padding-top: 10px;
	padding-right: 5px;
	height: 250px;
}
.index-pro-list-box {
	padding-left: 10px;
	height: 250px;
}
.index-pro-list .index-pro-meassage2 {
	margin-bottom: 5px;
}
.index-pro-list .index-pro-meassage3 {
	height: 100px;
}
.index-pro-more {
	width: 120px;
	height: 30px;
	line-height: 30px;
}
.index-pro .index-pro-more {
	bottom: 10px;
}
.culture-text .index-pro-more {
	width: 120px;
	height: 30px;
	line-height: 30px;
}
.turn-page {
	bottom: 60px;
	right: 10px;
}
}
#maximg{ line-height:30px}
#maximg img{ max-width:100%; height:auto !important}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.address a{ display:inline-block}
/* PB160 placeholder image fit */
.index-pro-image img{width:100%;height:100%;object-fit:cover}
.news-list2 img{width:100%;height:auto;display:block}
.culture-images img{max-width:100%;height:auto}

/* banner caption (PB160) */
#owl-demo .item{position:relative;display:block}
#owl-demo .item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55))}
#owl-demo .banner-txt{position:absolute;left:8%;bottom:16%;z-index:6;max-width:700px;padding:18px 26px;background:rgba(0,0,0,.25);border-left:4px solid #E50A28}
#owl-demo .banner-txt h3{color:#fff;font-size:36px;font-weight:700;margin:0 0 10px;line-height:1.2}
#owl-demo .banner-txt p{color:rgba(255,255,255,.95);font-size:16px;letter-spacing:2px;margin:0;line-height:1.6}
@media(max-width:767px){#owl-demo .banner-txt{display:none}}

/* about section -> white bg (homepage) */
.corporate-culture{background:#fff}
.culture-main .index-title>p,.culture-main2 .index-title>p{color:#8f8f8f}


/* ================= sh-taichong.com 全面优化 2026-09-04 ================= */
:root{
  --st-red:#E50A28;
  --st-red-d:#bc0720;
  --st-dark:#171d27;
  --st-nav:#1b2230;
  --st-ink:#262b33;
  --st-muted:#7b828c;
  --st-line:#e9ebef;
  --st-soft:#f6f7f9;
}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Helvetica Neue",Arial,sans-serif;color:var(--st-ink);-webkit-font-smoothing:antialiased}
a{transition:color .2s ease}
img{max-width:100%}
::selection{background:var(--st-red);color:#fff}

/* ---------- 顶部导航 ---------- */
#banner{background:#0d1520}
.logo img{width:auto;max-height:90px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.45))}
#header{background:var(--st-nav);box-shadow:0 3px 10px rgba(0,0,0,.08);z-index:900}
.menu_box{height:50px}
ul.menu{display:flex;width:100%;margin:0}
ul.menu>li{float:none;width:auto;flex:1;min-width:0;padding:0;height:50px;line-height:50px}
ul.menu>li::after{display:none}
ul.menu>li>a{color:#dde1e7;font-size:16px;letter-spacing:1px;line-height:50px;width:100%;display:block}
ul.menu>li>a>span{display:inline-block;line-height:47px;position:relative}
ul.menu>li>a>span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--st-red);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
ul.menu>li:hover>a>span::after,ul.menu>li.current>a>span::after{transform:scaleX(1)}
ul.menu>li:hover>a,ul.menu>li.current>a{color:#fff}
.menu_2{top:50px;background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.12);border-top:2px solid var(--st-red)}
.menu_2 li{background:#fff;margin:0;padding:0;border-bottom:1px solid #f0f1f3;line-height:20px}
.menu_2 li a{color:#3a4048;padding:12px 16px;text-align:center;font-size:14px;transition:.2s}
.menu_2 li:last-child{border-bottom:none}
.menu_2 li:hover{background:#fafbfc}
.menu_2 li:hover a{color:var(--st-red)}

/* ---------- 通用节标题 ---------- */
.st-sec{background:#fff;padding:70px 0 84px}
.st-sec .container{width:1170px;max-width:94%}
.sec-head{text-align:center;margin-bottom:46px}
.sec-head h2{font-size:30px;color:#1c222b;font-weight:700;display:inline-block;padding-bottom:14px;margin:0;line-height:1.3;letter-spacing:1px}
.sec-head h2::after{content:"";display:block;width:54px;height:3px;background:var(--st-red);margin:0 auto;position:static;margin-top:12px}
.sec-head p{color:#8b919b;font-size:15px;letter-spacing:2px;margin:12px 0 0}
.sec-head.left{text-align:left}
.sec-head.left h2::after{margin-left:0;margin-right:auto}
.sec-more{text-align:center;margin-top:46px}
.sec-more a{display:inline-block;border:1px solid #d7dade;color:#454b54;padding:10px 34px;font-size:14px;letter-spacing:2px;border-radius:30px;transition:.25s}
.sec-more a:hover{border-color:var(--st-red);color:var(--st-red);transform:translateY(-2px)}

/* ---------- 首页·主营业务双卡 ---------- */
.st-lines{background:#fff}
.st-lines-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.st-line{display:block;background:#fff;border:1px solid var(--st-line);border-radius:12px;overflow:hidden;transition:box-shadow .3s,transform .3s}
.st-line:hover{box-shadow:0 16px 36px rgba(20,26,40,.10);transform:translateY(-5px)}
.st-line-media{position:relative;display:block;height:268px;overflow:hidden;background:#1b2230}
.st-line-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.st-line:hover .st-line-media img{transform:scale(1.06)}
.st-line-bg{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,rgba(10,14,22,0),rgba(10,14,22,.72));z-index:1}
.st-line-no{position:absolute;right:22px;top:14px;z-index:2;color:#fff;font-size:56px;font-weight:800;font-style:italic;opacity:.28;line-height:1}
.st-line-body{display:block;padding:24px 28px 28px}
.st-line-body b{display:block;font-size:21px;color:#1c222b;font-weight:700}
.st-line-body p{margin:10px 0 16px;color:#767d87;font-size:14px;line-height:1.9}
.st-line-body em{display:inline-block;color:var(--st-red);font-style:normal;font-weight:600;font-size:14px;letter-spacing:1px}
.st-line:hover .st-line-body em{letter-spacing:2px}
.st-line-media::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--st-red);z-index:2}

/* ---------- 首页·工程案例三卡 ---------- */
.st-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.st-case{display:flex;flex-direction:column;background:#fff;border:1px solid var(--st-line);border-radius:12px;overflow:hidden;transition:box-shadow .3s,transform .3s}
.st-case:hover{box-shadow:0 16px 34px rgba(20,26,40,.11);transform:translateY(-6px)}
.st-case-img{position:relative;display:block;height:238px;overflow:hidden;background:#eef0f3}
.st-case-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.st-case:hover .st-case-img img{transform:scale(1.07)}
.st-case-img i{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(13,18,26,.42);color:#fff;font-size:14px;font-style:normal;letter-spacing:3px;opacity:0;transition:.3s}
.st-case:hover .st-case-img i{opacity:1}
.st-case-img::after{content:"";position:absolute;left:0;bottom:0;width:0;height:4px;background:var(--st-red);transition:width .35s ease}
.st-case:hover .st-case-img::after{width:100%}
.st-case-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px;border-top:0}
.st-case-body b{font-size:17px;color:#22282f;line-height:1.5;font-weight:600;min-height:51px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-case-body p{color:#858b94;font-size:13px;line-height:1.85;margin:12px 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-case-body em{color:var(--st-red);font-size:13px;font-style:normal;font-weight:600;letter-spacing:1px}

/* ---------- 首页·关于我们 ---------- */
.st-about{background:#fff;border-top:1px solid #f1f2f4;border-bottom:1px solid #f1f2f4}
.st-about-wrap{display:flex;gap:64px;align-items:center}
.st-about-media{position:relative;flex:0 0 47%;max-width:47%}
.st-about-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;box-shadow:0 18px 44px rgba(18,24,36,.14)}
.st-about-media::before{content:"";position:absolute;left:-16px;top:-16px;right:auto;bottom:auto;width:120px;height:120px;border-left:4px solid var(--st-red);border-top:4px solid var(--st-red);border-radius:10px 0 0 0;z-index:0}
.st-about-badge{position:absolute;left:26px;bottom:-26px;background:var(--st-red);color:#fff;border-radius:8px;padding:16px 22px;box-shadow:0 10px 24px rgba(229,10,40,.35);display:flex;flex-direction:column;gap:4px;z-index:2}
.st-about-badge b{font-size:22px;letter-spacing:3px}
.st-about-badge i{font-style:normal;font-size:12px;letter-spacing:1px;opacity:.92}
.st-about-body{flex:1 1 auto}
.st-about-body .sec-head{margin-bottom:22px;text-align:left}
.st-about-lead{color:#5f666f;line-height:1.95;font-size:15px;margin:0 0 24px;border-left:3px solid #d9dce1;padding-left:16px}
.st-about-points{list-style:none;margin:0 0 28px;padding:0}
.st-about-points li{display:flex;align-items:flex-start;margin-bottom:14px}
.st-about-points li i{width:8px;height:8px;background:var(--st-red);border-radius:50%;margin:7px 12px 0 2px;flex:none}
.st-about-points li span{font-size:14px;color:#555c66;line-height:1.7;display:flex;flex-direction:column}
.st-about-points li b{font-weight:600;color:#242a32;margin-right:10px}
.st-about-cta{display:flex;gap:14px}
.btn-red,.btn-line{display:inline-block;padding:12px 34px;border-radius:4px;font-size:14px;letter-spacing:2px;transition:.25s}
.btn-red{background:var(--st-red);color:#fff;border:1px solid var(--st-red)}
.btn-red:hover{background:var(--st-red-d);color:#fff;transform:translateY(-2px)}
.btn-line{border:1px solid #cfd3d8;color:#444b54;background:#fff}
.btn-line:hover{border-color:var(--st-red);color:var(--st-red)}

/* ---------- 首页·新闻四卡 ---------- */
.st-news{background:#fff}
.st-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.st-news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--st-line);border-radius:10px;overflow:hidden;transition:box-shadow .3s,transform .3s}
.st-news-card:hover{box-shadow:0 14px 30px rgba(20,26,40,.10);transform:translateY(-5px)}
.st-news-img{position:relative;display:block;height:178px;overflow:hidden;background:#eef0f3}
.st-news-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.st-news-card:hover .st-news-img img{transform:scale(1.07)}
.st-news-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 0;font-size:12px}
.st-news-meta i{font-style:normal;background:#f1f3f6;color:#5a616b;padding:3px 10px;border-radius:3px;letter-spacing:1px}
.st-news-meta em{color:#a2a7af;font-style:normal}
.st-news-card>b{display:block;font-size:15px;color:#232930;font-weight:600;line-height:1.55;padding:12px 18px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
.st-news-card>p{color:#868c95;font-size:13px;line-height:1.8;padding:8px 18px 18px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 页脚 ---------- */
#footer{background:#161c26;text-align:left;padding:0}
.footer-main{background:#1b2230;padding:56px 0 44px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.1fr;gap:44px}
.footer-col h4{color:#fff;font-size:17px;font-weight:600;margin:0 0 20px;padding-left:12px;border-left:3px solid var(--st-red);line-height:1.2}
.footer-col p{color:#9aa1ab;font-size:13px;line-height:1.95;margin:0}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col ul li{line-height:1}
.footer-col ul li+li{margin-top:12px}
.footer-col ul a{color:#9aa1ab;font-size:13.5px;transition:.2s}
.footer-col ul a:hover{color:#fff;padding-left:4px}
.footer-col .f-tip{margin-bottom:16px}
.footer-col .f-time{color:#c3c9d1;font-size:13px;margin:14px 0 20px}
.f-cta{display:inline-block;background:var(--st-red);color:#fff!important;padding:9px 22px;border-radius:4px;font-size:13px;letter-spacing:1px;transition:.25s}
.f-cta:hover{background:var(--st-red-d);transform:translateY(-2px)}
.footer-bar{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;text-align:center}
.footer-bar .container{color:#8b939e;font-size:13px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.footer-bar a{color:#aeb5bd}
.footer-bar a:hover{color:#fff}
.footer-bar .fb-sep{color:#4a525d}
.footer-bar .icp{margin-left:2px}
.pad{height:0}
.wrap_footer{background:#fff;border-top:1px solid #e5e7ea;box-shadow:0 -4px 14px rgba(0,0,0,.06)}
.wrap_footer dl{width:25%}
.wrap_footer dl a{color:#4a515a}
.wrap_footer dl dd{font-size:12px;color:#4a515a}
.wrap_footer dl.on a{color:var(--st-red)}

/* ---------- 内页 ---------- */
#content .bg{background:#f4f6f8;background-image:none;padding:26px 0 70px}
.address{color:#9aa0a8;font-size:13px;margin-bottom:22px;border-bottom:1px solid #e5e7ea;padding-bottom:12px}
.address span{color:#5b626c;letter-spacing:1px}
.address a{color:#9aa0a8}
/* 左侧栏 */
.pro_aside{width:100%}
.aside_list_box{background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--st-line)}
.aside_list_box h2{background:none!important;width:auto!important;height:auto!important;margin:0;display:block;padding:20px 22px;text-align:left;border-bottom:1px solid var(--st-line)}
.aside_list_box h2>div{position:static!important;width:auto!important;text-align:left!important}
.aside_list_box h2 p{font-size:19px!important;color:#1d232b!important;font-weight:700!important;display:inline-block;margin:0;padding-bottom:6px;border-bottom:2px solid var(--st-red)}
.aside_list_box h2 span{font-size:12px!important;color:#9aa0a8!important;display:block;margin-top:8px;letter-spacing:1px;font-weight:400!important}
.aside-box{border-top:none}
.aside-box>p{display:none!important}
.aside-box>div{background:#fff}
.sidemenu{margin:0;padding:10px 0}
.sidemenu>li{list-style:none}
.sidemenu>li>a{display:flex;align-items:center;padding:12px 22px;border-left:3px solid transparent;transition:.2s}
.sidemenu>li>a:hover,.sidemenu>li>a.red{background:#fafbfc;border-left-color:var(--st-red)}
.sidemenu>li>a .left{width:auto!important;float:none;color:#454b54;font-size:14.5px}
.sidemenu>li>a:hover .left,.sidemenu>li>a.red .left{color:var(--st-red)}
.sidemenu>li>a .a,.sidemenu>li>a p.left{display:none!important}
/* 右侧产品/案例/服务列表 */
.pro-list{display:flex;flex-wrap:wrap;margin:0 -10px!important}
.pro-list dl{background:#fff;border:1px solid var(--st-line);border-radius:8px;overflow:hidden;margin:0 10px 22px!important;width:calc(33.333% - 20px);float:none;padding:0!important;transition:box-shadow .25s,transform .25s}
.pro-list dl:hover{box-shadow:0 12px 26px rgba(20,26,40,.10);transform:translateY(-4px)}
.pro-list dl dt{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:#eef0f3}
.pro-list dl dt a{display:block;height:100%}
.pro-list dl dt a.pop-more{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(14,19,27,.45);opacity:0;transition:.3s;z-index:3}
.pro-list dl:hover dt a.pop-more{opacity:1}
.pro-list dl dt a.pop-more .more{margin:0;color:#fff;letter-spacing:3px;border:1px solid #fff;padding:7px 16px;font-size:13px}
.pro-list dl dt>a:not(.pop-more){position:absolute;left:0;top:0;width:100%;height:100%}
.pro-list dl dt img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pro-list dl:hover dt img{transform:scale(1.06)}
.pro-list dl dd{border:none;border-top:0;padding:16px 18px!important;background:#fff;margin:0;width:100%}
.pro-list dl dd a{display:flex!important;align-items:center;justify-content:space-between}
.pro-list dl dd a span.left{width:auto!important;float:none;color:#252b33;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-list dl dd a i.right{float:none;margin-left:8px;flex:none}
.pro-list dl dd a:hover span.left{color:var(--st-red)}
.pro-list dl dd a i.right img{width:22px}
.pro-list dl dd a i.right img.img2{display:none!important}
@media (max-width:1200px){.pro-list dl{width:calc(50% - 20px)}}
/* 新闻/资讯列表 */
.list-text-box{width:100%}
.list-text{background:#fff;border:1px solid var(--st-line);border-radius:8px;margin-bottom:18px;padding:22px 26px!important;display:flex;align-items:center;transition:.25s;height:auto!important;overflow:hidden}
.list-text:hover{box-shadow:0 10px 22px rgba(20,26,40,.08);border-color:#d6d9de}
.list-text .date{background:#f2f4f6;border-radius:8px;text-align:center;padding:12px 16px!important;margin-right:24px;flex:none;min-width:74px}
.list-text .date p{color:#2a3038;margin:0;line-height:1.2}
.list-text .date .day{font-size:22px;font-weight:700;color:var(--st-red)}
.list-text .date .year{font-size:12px;color:#8a9098}
.list-text-main{flex:1;min-width:0}
.list-text-title a{color:#242a32;font-size:16px;font-weight:600;transition:.2s}
.list-text-title a:hover{color:var(--st-red)}
.list-text-meassage a{color:#878d96;font-size:13px;line-height:1.8}
.list-text .hover_date{display:none!important}
@media (max-width:767px){.list-text{flex-direction:row;padding:14px 16px!important}.list-text .date{margin-right:14px;min-width:64px;padding:8px 10px!important}}
/* 分页 */
.pagebar .pagination a,.pagebar .pagination a.page-num-current{color:#4a515a;border-radius:4px}
.pagebar .pagination a.page-num-current{background:var(--st-red);border-color:var(--st-red);color:#fff}

/* ---------- 单页内容（关于我们/联系我们） ---------- */
.about-page{background:#fff;border:1px solid var(--st-line);border-radius:8px;padding:44px 52px}
.pg-title{font-size:24px;color:#1c222b;font-weight:700;padding-bottom:16px;border-bottom:1px solid var(--st-line);margin:0 0 26px;position:relative}
.pg-title::after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:3px;background:var(--st-red)}
.about-page #maximg{font-size:15px;color:#4d545e;line-height:2.05}
.about-page #maximg p{margin:0 0 14px}
.about-page #maximg img{border-radius:6px}
.about-page #maximg h1,.about-page #maximg h2,.about-page #maximg h3{color:#1f252d;margin:22px 0 12px}
.about-page #maximg strong{color:#22282f}
.about-page #maximg a{color:var(--st-red)}
@media (max-width:767px){.about-page{padding:22px 18px}}

/* 留言表单页 */
.feedback_list_box,.form-box{background:#fff;border:1px solid var(--st-line);border-radius:8px;padding:30px}
.about .feedback_list_box input[type=text],.feedback_list_box input[type=text]{height:42px;border:1px solid #dde0e4;border-radius:4px;padding:0 12px}
.feedback_list_box textarea{border:1px solid #dde0e4;border-radius:4px;padding:10px 12px}

/* ---------- 单页/详情扩展 ---------- */
.row-no-aside>.col-sm-3,.row-no-aside>div.col-sm-3{display:none!important}
.row-no-aside>.col-sm-9,.row-no-aside>div.col-sm-9{width:100%}
.news_detail,.about .feedback,.feedback{background:#fff;border:1px solid var(--st-line);border-radius:8px;padding:34px 44px}
.news_detail_title div{font-size:22px;font-weight:700;color:#1c222b;text-align:center;line-height:1.6}
.news_detail_title p{text-align:center;color:#9aa0a8;font-size:12px;margin:12px 0 24px;padding-bottom:22px;border-bottom:1px dashed #e3e6ea;letter-spacing:1px}
.news_detail_content #maximg{font-size:15px;line-height:2.05;color:#4a515b}
.news_detail_content #maximg img{border-radius:6px;height:auto!important}
.pageTurning{clear:both;margin-top:34px;padding-top:18px;border-top:1px solid #eceef1;color:#6d747e;font-size:14px}
.pageTurning div{padding:6px 0}
.pageTurning a{color:#6d747e}
.pageTurning a:hover{color:var(--st-red)}
.about .feedback_list_box input[type=text],.feedback_list_box input[type=text],
.about input[type=text],.feedback_list_box textarea{width:100%;border:1px solid #dde0e4;border-radius:4px}
.feedback_list_box .feedback_button input{background:var(--st-red);border:none;color:#fff;padding:10px 40px;border-radius:4px;letter-spacing:4px;margin-right:12px}
.feedback_list_box .feedback_button input.feedback_reset{background:#6b7280}
.news-list{width:100%}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
  .st-sec .container,.friend .container{width:auto}
  .st-lines-grid{gap:20px}
  .st-about-wrap{gap:40px}
  .st-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .st-case-grid{gap:20px}
}
@media (max-width:991px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .st-lines-grid{grid-template-columns:1fr;max-width:640px;margin:0 auto}
  .st-about-wrap{flex-direction:column;align-items:stretch}
  .st-about-media{max-width:100%;flex:none}
  .st-about-media img{aspect-ratio:16/9}
  .st-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pro-list dl{width:calc(50% - 20px)}
}
@media (max-width:767px){
  .st-sec{padding:44px 0 54px}
  .sec-head{margin-bottom:32px}
  .sec-head h2{font-size:24px}
  .st-line-media{height:210px}
  .st-line-body{padding:18px 18px 20px}
  .st-line-body b{font-size:18px}
  .st-case-img{height:200px}
  .st-case-grid{gap:16px}
  .st-news-grid{grid-template-columns:1fr;gap:16px}
  .st-news-img{height:200px}
  .st-about-media img{aspect-ratio:4/3}
  .st-about-media::before{width:70px;height:70px;left:-10px;top:-10px}
  .st-about-badge{padding:12px 16px;left:14px;bottom:-20px}
  .st-about-badge b{font-size:17px}
  .st-about-lead{font-size:14px;line-height:1.85}
  .st-about-cta{flex-wrap:wrap}
  .btn-red,.btn-line{padding:11px 26px}
  .sec-more{margin-top:30px}
  .sec-more a{padding:9px 24px}
  .pro-list dl{width:calc(50% - 14px);margin:0 7px 16px!important}
  .pro-list dl dt{aspect-ratio:4/3}
  .list-text{padding:14px!important;flex-direction:column;align-items:stretch}
  .list-text .date{margin:0 0 12px;align-self:flex-start}
  .news_detail,.about-page,.feedback,.news_detail_content{padding:20px 16px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-main{padding:40px 0 30px}
  .footer-bar .container{font-size:12px;gap:4px}
  #content .bg{padding:18px 0 50px}
  .address{margin-bottom:14px}
}
@media (max-width:560px){
  .st-case-grid{grid-template-columns:1fr}
  .pro-list dl{width:calc(100% - 14px)}
  .st-news-img{height:188px}
}
/* 首屏视频标题区适配中屏 */
@media (min-width:768px) and (max-width:1024px){
  #homeVideoStage .home-vtxt{left:5%;max-width:90%}
  #homeVideoStage .home-vtxt h3{font-size:26px}
}