/* CSS Document*/
/* SEO：仅供屏幕阅读器/搜索引擎识别的隐藏标题 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html {
	height: 100%;
	border: none;
}

body {
	height: 100%;
	min-width: 1200px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #484848;
	font-family: Arial, "microsoft yahei";
	background: #FFF;
}

div,
ul,
li,
img,
dl,
dd,
dt,
p {
	padding: 0;
	margin: 0;
	border: none;
}

ul,
dl {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #e6212a;
	text-decoration: none;
}

.clear {
	clear: both;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.header {
	height: 157px;
}

.top {
	height: 36px;
	line-height: 36px;
	color: #666;
	border-bottom: 1px solid #e2e2e2;
}

.top a {
	padding: 5px 8px;
	color: #666;
}

.top ul {
	float: right;
}

.top ul li {
	float: left;
	padding: 0 10px;
}

.top .fr {
	position: relative;
}

.top .fr img {
	position: relative;
	top: 3px;
	margin-right: 4px;
}

#logo {
	height: 140px;
	width: 100%;
}

#logo .logo {}

#logo .logo img {
	margin-top: 24px;
	height: 67px;
}

#logo .company {
	padding-left: 15px;
	border-left: 1px solid #c4c4c4;
	height: 60px;
	margin-top: 25px;
	margin-left: 10px;
	padding-top: 5px;
}

#logo .company h2 {
	font-size: 24px;
	color: #e6212a;
	font-weight: bold;
}

#logo .company h3 {
	font-size: 18px;
	margin-top: 5px;
	color: #666;
}

#logo .tel {
	background: url(../images/tel.jpg) no-repeat left center;
	height: 120px;
	width: 320px;
	padding-left: 58px;
}

#logo .tel p {
	font-size: 16px;
	color: #666;
	margin-top: 35px;
}

#logo .tel p span {
	font-size: 30px;
	display: block;
	font-weight: bold;
	color: #666;
	white-space: nowrap;
	letter-spacing: -0.5px;
}

.nav {
	background: url(../images/navbg.jpg) no-repeat top center;
	height: 68px;
}

.nav ul li {
	float: left;
	display: inline;
	text-align: center;
	font-size: 16px;
	position: relative;
	margin-top: 7px;
}

.nav ul li:after {
	content: '┆';
	position: absolute;
	left: 0;
	top: 18px;
	width: 1px;
	height: 60px;
	display: block;
	color: #FFF;
}

.nav ul li a {
	color: #FFF;
	display: block;
	width: 140px;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 2;
}

.nav ul li a:hover,
.nav ul>li.on>a {
	color: #e6212a;
}

.nav ul li dl {
	margin: 0px;
	padding: 0;
	position: absolute;
	z-index: 999;
	display: none;
}

.nav ul li dl dt a {
	display: block;
	width: 140px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #252525;
	color: #fff;
}

.nav ul li dl dt a:hover {
	background: #e6212a;
	color: #fff;
	display: block;
	width: 140px;
	height: 50px;
}

.nav ul .home {
	margin-left: 15px;
}

.nav ul .on.home a {
	color: #FFF;
}

.nav ul .home a:hover {
	color: #FFF;
}

.nav ul .home:after,
.nav ul li:nth-child(2):after {
	display: none;
}

.banner {
	height: 432px;
	overflow: hidden;
	position: relative;
}

.banner .hd {
	height: 18px;
	position: absolute;
	width: 100%;
	z-index: 1;
	text-align: center;
	bottom: 20px;
}

.banner .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background: #252525;
	border-radius: 8px;
}

.banner .hd ul li.on {
	background: #e6212a;
}

.banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.banner .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 432px;
	display: block;
}

.banner .bd li a {
	width: 100%;
	height: 432px;
	display: block;
}

.search {
	height: 70px;
	border-bottom: 1px solid #e2e2e2;
}

.search .fl {
	line-height: 70px;
}

.search .fl a {
	margin-right: 15px;
}

.search .fl span {
	color: #333;
	font-weight: bold;
}

.search .fr {
	width: 384px;
	height: 70px;
    position: relative;
    overflow: hidden;
}

.search .fr input {
	width: 280px;
	height: 36px;
	border: 1px solid #eee;
	margin-top: 15px;
	padding-left: 3px;
	border-radius: 6px 0 0 6px;
	padding-left: 15px;
}

.search .fr button {
	width: 75px;
	height: 40px;
	background: url(../images/search.jpg) no-repeat;
	border: none;top: 15px;
    position: absolute;
}

.sec-title {
	text-align: center;
	padding: 40px 0;
	height: 40px;
	position: relative;
}

.sec-title h2 {
	font-size: 24px;
	color: #252525;
	font-weight: bold;
}

.sec-title h2 span {
	color: #e6212a;
}

.sec-title p {
	font-size: 14px;
	margin-top: 10px;
}

.ys {
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.ys .content {
	margin-top: 5px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 40px;
	row-gap: 20px;
}

.ys .content dl {
	width: auto;
	height: auto;
	min-height: 230px;
	border: 1px solid #cccccc;
	padding: 28px 20px;
	margin: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.ys .content dl:last-child {
	margin-right: 0;
}

.ys .content dl:hover {
	background: #e6212a;
	color: #FFF;
}

.ys .content dl dd {
	float: none;
	margin: 0 0 18px 0;
	order: -1;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
}

.ys .content dl dd img {
	display: block;
	margin: 0 auto;
	max-width: 56px;
	max-height: 56px;
	height: auto;
	width: auto;
}

.ys .content dl dt {
	float: none;
	width: 100%;
	text-align: center;
}

.ys .content dl dt h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.ys .content dl dt p {
	line-height: 28px;
	text-align: center;
	margin: 8px 0 14px 0;
	min-height: 56px;
}

.ys .content dl dt .more {
	width: 90px;
	height: 28px;
	display: block;
	line-height: 28px;
	text-align: center;
	background: #e6212a;
	border-radius: 5px;
	margin: 4px auto 0 auto;
}

.ys .content dl dt .more a {
	color: #FFF;
	width: 90px;
	height: 28px;
	display: block;
	border-radius: 5px;
}

.ys .content dl:hover h3 {
	color: #FFF;
}

.ys .content dl:hover .more a {
	background: #FFF;
	color: #e6212a
}

.sec-titles {
	text-align: center;
	padding: 30px 0;
	height: 40px;
	position: relative;
}

.sec-titles h2 {
	font-size: 30px;
	color: #252525;
	font-weight: bold;
	background: url(../images/line.png) no-repeat bottom center;
	padding-bottom: 10px;
}

.sec-titles p {
	font-size: 14px;
	margin-top: 8px;
}

.index-pro {
	padding: 30px 0 30px;
	height: auto;
	overflow: hidden;
	background: url(../images/probg.jpg) no-repeat top center;
}

.index-pro .content {
	margin-top: 30px;
	height: auto;
	overflow: hidden;
}

.index-pro .content .fl {
	width: 300px;
}

.index-pro .content .fr {
	width: 860px;
}

.index-pro .content .fl .title {
	height: 70px;
	width: 270px;
	background: #e6212a url(../images/ico01.jpg) no-repeat 20px center;
	color: #FFF;
	padding: 15px 0 0 30px;
}

.index-pro .content .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
}

.index-pro .content .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
}

.index-pro .content .fl .contact {
	background: #e6212a;
	text-align: center;
	padding: 20px 0;
}

.index-pro .content .fl .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}

.index-pro .content .fl .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}

.category {
	width: 100%;
	padding: 20px 0;
	background: #FFF;
	height: auto;
	overflow: hidden;
}

.category h3 {
	line-height: 58px;
	width: 230px;
	height: 58px;
	margin-left: 25px;
}

.category h3 a {
	float: left;
	line-height: 58px;
	color: #FFF;
	width: 230px;
	border-bottom: 1px solid #ccc;
	padding-left: 20px;
	;
	background: #484848 url(../images/ico02.png) no-repeat 210px center;
	display: block;
}

.category h3.on a {
	background: #e6212a url(../images/ico02.png) no-repeat 210px center;
	color: #FFF;
}

.category h3 span {
	float: left;
}

.category ul {
	display: none;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.category li {
	display: block;
	line-height: 40px;
}

.category li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 58px;
}

.category li.on a {
	color: #e6212a;
}

.index-pro .content .fr ul li {
	float: left;
	display: inline-block;
	margin-right: 23px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
}

.index-pro .content .fr ul li:nth-child(3n) {
	margin-right: 0
}

.index-pro .content .fr ul li .img {
	width: 269px;
	height: 196px;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}

.index-pro .content .fr ul li .img img {
	width: 269px;
	height: 196px;
}

.index-pro .content .fr ul li .mask {
	background: rgba(230, 33, 42, 0.8);
	display: none;
	text-align: center;
	width: 269px;
	height: 196px;
	position: absolute;
	left: 0;
	top: 0;
}

.index-pro .content .fr ul li:hover .mask {
	display: block;
}

.index-pro .content .fr ul li .mask h2 {
	font-size: 18px;
	line-height: 42px;
	padding-top: 60px;
}

.index-pro .content .fr ul li .mask .more {
	width: 120px;
	height: 30px;
	margin: 0 auto;
	border: 1px solid #FFF;
	border-radius: 15px;
	line-height: 30px;
}

.index-pro .content .fr ul li a:hover h2 {
	color: #FFF;
}

.index-pro .content .fr ul li a:hover .more {
	color: #FFF;
}

.liucheng {
	height: 330px;
	overflow: hidden;
}

.liucheng ul li {
	float: left;
	display: inline-block;
	transition-duration: 0.8s;
	width: 172px;
	height: 155px;
	border: 1px solid #cccccc;
	margin-right: 30px;
	text-align: center;
}

.liucheng ul li:hover {
	margin-top: 10px;
}

.liucheng ul li:last-child {
	margin-right: 0;
}

.liucheng ul li img {
	margin-top: 38px;
}

.liucheng ul li p {
	font-size: 16px;
	margin-top: 8px;
}

.about {
	background: url(../images/aboutbg.jpg) no-repeat top center;
	height: 440px;
	overflow: hidden;
	padding-top: 54px;
}

.about .fl {
	float: left;
	display: inline-block;
	width: 622px;
}

.about .fr {
	float: right;
	display: inline-block;
	padding-top: 20px;
}

.about .fr img {
	width: 482px;
	height: 307px;
	border-radius: 10px;
	border: 15px solid #FFF;
}

.about .fl span {
	color: #4f5358;
	font-size: 30px;
	font-weight: bold;
}

.about .fl h2 {
	font-weight: bold;
	color: #FFF;
	position: relative;
	height: 50px;
}

.about .fl h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 3px;
	background: #e6212a;
}

.about .fl .info {
	font-size: 12px;
	line-height: 25px;
	color: #FFF;
	margin-top: 20px;
}

.about .fl .more {
	width: 185px;
	height: 42px;
	line-height: 42px;
	border-radius: 5px;
	margin-top: 20px;
	background: #e6212a url(../images/ico03.jpg) no-repeat 40px center;
	display: block;
}

.about .fl .more a {
	color: #FFF;
	padding-left: 80px;
}

.honor {
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-top: -55px;
}

.honor .hd {
	height: 55px;
	overflow: hidden;
	width: 100%;
}

.honor .hd ul li {
	display: inline-block;
	width: 200px;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	margin-right: 12px;
}

.honor .hd ul li a {
	background: #f2f2f2;
	width: 200px;
	height: 55px;
	display: block;
	border-radius: 5px 5px 0 0
}

.honor .hd ul li a:hover {
	background: #e6212a;
	color: #FFF;
}

.honor .hd ul li.on a {
	background: #e6212a;
	color: #FFF;
}

.honor .bd {
	padding-top: 40px;
}

.honor .bd ul li {
	float: left;
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	font-size: 16px;
	width: 285px;
	height: 189px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.honor .bd ul li img {
	max-width: 287px;
	height: 190px;
}

.index-news {
	height: auto;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
}

.index-news .fl {
	width: 675px;
}

.index-news .fr {
	width: 500px;
}

.index-news .fr .tit {
	font-size: 14px;
	color: #999999;
}

.index-news .fr .tit span {
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-right: 15px;
}

.index-news .fr .tit em {
	float: right;
	margin-top: 4px;
}

.index-news .fr .gun-news {
	padding-top: 20px;
}

.index-news .fr .gun-news ul li {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.index-news .fr .gun-news h2 {
	background: url(../images/wen.jpg) no-repeat left bottom;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
	height: 29px;
	display: block;
	padding-left: 30px;
}

.index-news .fr .gun-news p {
	background: url(../images/da.jpg) no-repeat left top;
	font-size: 14px;
	line-height: 26px;
	display: block;
	padding-left: 30px;
}

.tab-news .hd {
	float: left;
	display: inline;
	width: 125px;
	margin-right: 20px;
}

.tab-news .hd ul li {
	width: 75px;
	height: 164px;
	background: #e6212a;
	margin-bottom: 1px;
	padding: 25px;
}

.tab-news .hd ul li h3 {
	font-size: 14px;
	padding-top: 15px;
	color: #FFF;
}

.tab-news .hd ul li h3 span {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
	color: #FFF;
}

.tab-news .hd ul li .more {
	padding: 3px 5px;
	border: 1px solid #FFF;
	text-align: center;
	margin-top: 15px;
}

.tab-news .hd ul li .more a {
	color: #FFF;
}

.tab-news .hd ul li.on {
	background: #ae0a11;
}

.tab-news .bd {
	float: left;
	display: inline;
	width: 520px;
}

.tab-news .bd dl {
	width: 490px;
	height: 165px;
	background: #f8f8f8;
	padding: 15px;
}

.tab-news .bd dl dt {
	float: left;
	display: inline;
}

.tab-news .bd dl dd {
	float: right;
	display: inline;
	width: 257px;
}

.tab-news .bd dl dd .date {
	font-size: 18px;
	color: #e6212a;
	font-weight: bold;
}

.tab-news .bd dl dd .date span {
	display: block;
	font-size: 12px;
}

.tab-news .bd dl dd h4 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0
}

.tab-news .bd dl dd p {
	line-height: 25px;
}

.tab-news .bd dl dt img {
	width: 220px;
	height: 162px;
}

.tab-news .bd ul {
	padding-top: 15px;
}

.tab-news .bd ul li {
	line-height: 40px;
}

.tab-news .bd ul li span {
	float: right;
}

.tab-news .bd ul li a:before {
	content: "●";
	font-size: 12px;
	margin-right: 7px;
	color: #e6212a
}

.links {
	padding-bottom: 20px;
}

.links span {
	font-weight: bold;
	font-size: 18px;
}

.links a {
	margin-right: 15px;
}

.footer {
	background: #333333;
	height: 240px;
	overflow: hidden;
	padding-top: 45px;
	color: #bbbbbb;
}

.footer .fl h3 {
	color: #FFF;
	margin-bottom: 20px;
}

.footer .fl a {
	color: #bbbbbb;
}

.footer .fl a:hover {
	color: #ae0a11;
}

.footer .dh {
	width: 220px;
	line-height: 30px;
}

.footer .dh ul li {
	float: left;
	width: 45%;
}

.footer .pro {
	width: 120px;
	margin-right: 50px;
	line-height: 30px;
	padding: 0 50px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}

.footer .contact {
	line-height: 30px;
}

.footer .fr h3 {
	background: #494949;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}

.footer .fr img {
	height: 140px;
}

.copyright {
	background: #333333;
	padding: 15px 0;
	border-top: 1px solid #484848;
	color: #bbbbbb;
	text-align: center;
}

.copyright a {
	color: #bbbbbb;
}

.kefu {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}

.kefu li a {
	text-decoration: none;
	color: #FFF;
}

.kefu li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}

.kefu li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0 auto;
	text-align: center;
}

.kefu li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin: 0;
}

.kefu .kefu-qq i {
	background-position: 4px 5px;
}

.kefu .kefu-tel i {
	background-position: 0 -21px;
}

.kefu .kefu-liuyan i {
	background-position: 4px -53px;
}

.kefu .kefu-weixin i {
	background-position: -34px 4px;
}

.kefu .kefu-weibo i {
	background-position: -30px -22px;
}

.kefu .kefu-ftop {
	display: none;
}

.kefu .kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}

.kefu .kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}

.kefu .kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}

.kefu .kefu-right {
	width: 20px;
}

.kefu .kefu-tel-main {
	background: #e6212a;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}

.kefu .kefu-main {
	background: #e6212a;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}

.kefu .kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}

.kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}

.ban {
	width: 100%;
	height: 320px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.ny {
	height: auto;
	overflow: hidden;
	width: 100%;
	padding: 30px 0;
}

.ny .fl {
	width: 300px;
	border: 1px solid #ccc;
}

.ny .fr {
	width: 860px;
}

.ny .fl .title {
	height: 70px;
	width: 270px;
	background: #e6212a url(../images/ico01.jpg) no-repeat 20px center;
	color: #FFF;
	padding: 15px 0 0 30px;
}

.ny .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
}

.ny .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase
}

.ny .contact {
	background: #e6212a;
	text-align: center;
	padding: 20px 0;
}

.ny .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}

.ny .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}

.ny .fr .title {
	line-height: 42px;
	border-bottom: 1px solid #e1e1e1;
}

.ny .fr .title span {
	font-size: 20px;
	color: #e6212a;
	border-bottom: 3px solid #e6212a;
	padding-bottom: 10px;
}

.ny .fr .title p {
	display: inline-block;
	float: right;
}

.ny .fr .tit {
	line-height: 38px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 15px;
}

.ny .fr .tit span {
	font-size: 18px;
	color: #e6212a;
	border-bottom: 3px solid #e6212a;
	padding-bottom: 8px;
}

.ny .fr .txt {
	border: 1px solid #e1e1e1;
	background: #f4f4f4;
	margin-top: 20px;
	padding: 15px;
}

.list-1 dl {
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0;
}

.list-1 dl dt {
	line-height: 35px;
	font-size: 16px;
}

.list-1 dl dt:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #e6212a;
	position: relative;
	top: -3px;
}

.list-1 dl dt span {
	float: right;
	font-size: 14px;
}

.list-1 dl dt a {
	font-weight: bold;
}

.list-1 dl dd {
	color: #999;
}

.list-2 {
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}

.list-2 ul li {
	float: left;
	display: inline-block;
	margin-right: 27px;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}

.list-2 ul li:nth-child(3n) {
	margin-right: 0
}

.list-2 ul li .img {
	width: 266px;
	height: 190px;
	border: 1px solid #c1c1c1;
}

.list-2 ul li img {
	max-width: 100%;
	height: 190px;
}

.list-2 ul li p {
	margin-top: 5px;
}

.news {
	padding: 0px 0 0;
}

.news h1 {
	text-align: center;
	font-size: 24px;
	padding-top: 30px;
}

.news .date {
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
}

.news .date span {
	padding: 0 15px;
}

.news .info {
	padding: 10px 0 0;
	line-height: 25px;
}

.news .info img {
	max-width: 100%;
}

.tags {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	height: 35px;
	line-height: 35px;
}

.tags span {
	font-weight: bold;
}

.tags a {
	margin-right: 15px;
}

.page {
	line-height: 50px;
}

.page span {
	float: right;
}

.xg-pro {
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}

.xg-pro ul li {
	float: left;
	display: inline-block;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}

.xg-pro ul li img {
	width: 200px;
	height: 160px;
}

.xg-news {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}

.xg-news ul li {
	float: left;
	display: inline-block;
	width: 47%;
	margin-right: 3%;
	line-height: 25px;
}

.xg-news ul li:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #e6212a;
	position: relative;
	top: -10px;
}

.xg-news ul li a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 240px;
	display: inline-block;
}

.xg-news ul li span {
	float: right;
}

.xg-area {
	height: auto;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
}

.xg-area ul li {
	float: left;
	display: inline-block;
	margin-right: 25px;
	line-height: 25px;
}

.pro {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 30px;
}

.pro .img {
	float: left;
	display: inline-block;
	width: 480px;
}

.pro .text {
	float: right;
	display: inline-block;
	width: 350px;
}

.pro .text h1 {
	font-size: 24px;
	padding-top: 20px;
}

.pro .text .desc {
	padding: 20px 0;
	height: auto;
	font-size: 16px;
	line-height: 25px;
}

.pro .text .btn {
	width: 120px;
	height: 40px;
	background: #e6212a;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
}

.pro-content .tits {
	border-bottom: 1px solid #e1e1e1;
	height: 40px;
	width: 100%;
	font-size: 18px;
}

.pro-content .tits span {
	background: #e6212a;
	color: #FFF;
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

.pro-content .info {
	padding: 20px 0;
}
.pro-content .info img{
	max-width: 100%;
	height: auto!important;
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}

div.zoomMask {
	position: absolute;
	cursor: move;
	z-index: 1;
}

.pc-slide {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.view .swiper-slide .imgauto {
	width: 100%;
	height: 350px;
	position: relative;
}

.view .swiper-slide .imgauto img {
	max-width: 90%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.view .swiper-container {
	width: 100%;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 80%;
	margin: 0 10%;
	overflow: hidden;
}

.preview .swiper-slide {
	width: 22.5%;
	padding: 5px;
}

.preview .swiper-slide .imgauto {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: block;
}

.preview .swiper-slide .imgauto img {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.preview .slide6 {
	width: 82px;
}

.preview img {
	padding: 1px;
}

.preview .active-nav .imgauto {
	border: 1px solid #e6212a;
}

.preview .arrow-left {
	background: url(../images/prev1.png) no-repeat left center;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/next1.png) no-repeat left center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 18px;
	z-index: 10;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#message {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: scale(0);
	transition: .3s;
}

.messagebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 1001;
}

#message .m-content {
	margin-top: 10%;
}

#message .m-content .m-message {
	background: #fff;
	width: 580px;
	background: #fff;
	padding: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.m-message {
	width: 494px;
	margin: 48px auto 0;
}

.m-message label {
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
}

.m-message label em {
	display: block;
	float: right;
	color: red;
	height: 32px;
	line-height: 32px;
}

.m-message label span {
	width: 70px;
	height: 34px;
	line-height: 34px;
	color: #2F2F2F;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 30px;
	display: inline-block;
}

.m-message label input.inp,
.m-message label textarea,
.m-message label.code input {
	width: 77%;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	border: #cccccc 1px solid;
	border-radius: 3px;
	padding: 0 14px;
	box-sizing: border-box;
	color: #555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.m-message label input:focus,
.m-message label textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6);
}

.m-message label textarea {
	height: 72px;
	line-height: 24px;
	padding: 10px 14px;
}

.m-message label.code {
	line-height: 34px;
}

.m-message label.code input {
	width: 30%;
	float: left;
	margin-right: 30px;
}

.m-message label.code .pic {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 32px;
}

.m-message label.code img {
	display: block;
	width: 100%;
	height: 100%;
}

.btn-1 input {
	width: 52px;
	height: 32px;
	line-height: 32px;
	background: #e8e8e8;
	border: none;
	color: #333;
	margin-right: 22px;
	cursor: pointer;
	transition: 0.3s;
}

.btn-1 {
	padding-left: 100px;
}

.btn-1 input.focus {
	background: #e6212a;
	color: #fff;
}

.btn-1 input.focus:hover {
	background: #444;
}

.btn-1 input:hover {
	background: #ccc;
}

.pagination p {
	margin: 0;
	cursor: pointer
}

.pagination {
	height: 40px;
	text-align: center;
	padding: 20px 0px;
}

.pagination a {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 12px;
	height: 24px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 24px;
}

.pagination a:hover {
	color: #e6212a;
	background: white;
	border: 1px #e6212a solid;
}

.pagination a.cur {
	border: none;
	background: #e6212a;
	color: #fff;
}

.pagination p {
	display: inline-block;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}

.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}

.pagination p.pageRemark b {
	color: red;
}

.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}

.dates li {
	font-size: 14px;
	margin: 20px 0
}

.dates li span {
	float: right
}
/* ===== 天成机械 产品/文章富文本通用样式（product-content） ===== */

/* 设计令牌：一处改色全站联动 */
:root {
    --tc-blue: #2b5f9c;          /* 标题条蓝 */
    --tc-blue-dark: #1d4479;     /* 表格表头 */
    --tc-red: #e6212a;           /* 品牌红（与 css.css 一致） */
    --tc-text: #484848;          /* 正文 */
    --tc-text-light: #7a7a7a;    /* 副文/英文标题 */
    --tc-heading: #252525;       /* 中文标题 */
    --tc-line: #e6e6e6;          /* 描边 */
    --tc-bg-stripe: #f7f9fc;     /* 表格斑马 */
    --tc-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* 容器与排版基础（适配 .pro-content .info / .news .info） */
.pro-content .info,
.news .info {
    width: 100%;
    max-width: 820px;
    margin: 0;
    padding: 25px 0 10px;
    color: var(--tc-text);
    font-size: 15px;
    line-height: 1.9;
    font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
}
.pro-content .info img,
.news .info img { max-width: 100%; height: auto !important; border: none; }
.pro-content .info p,
.news .info p { margin: 0 0 14px; text-indent: 0; color: var(--tc-text); }
.pro-content .info a,
.news .info a { color: var(--tc-red); text-decoration: none; transition: color .2s; }
.pro-content .info a:hover,
.news .info a:hover { color: #b91a21; text-decoration: underline; }
.pro-content .info strong,
.news .info strong { color: var(--tc-heading); font-weight: bold; }
.pro-content .info hr,
.news .info hr { border: none; border-top: 1px dashed var(--tc-line); margin: 30px 0; }

/* 章节标题条（蓝色竖条 + 中英双语） */
.tc-section-bar {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    position: relative;
    padding: 6px 0 6px 18px;
    margin: 50px 0 26px;
    border-bottom: 1px solid #f0f0f0;
}
.tc-section-bar::before {
    content: "";
    position: absolute;
    left: 0; top: 8px; bottom: 8px;
    width: 5px;
    background: var(--tc-blue);
    border-radius: 2px;
}
.tc-section-bar .bar-cn {
    font-size: 22px; font-weight: bold; color: var(--tc-heading);
    margin: 0 14px 0 0; line-height: 1.2;
}
.tc-section-bar .bar-en {
    font-size: 14px; color: var(--tc-text-light);
    letter-spacing: 1.5px; text-transform: uppercase;
    font-family: Arial, sans-serif; font-weight: normal;
}
.tc-section-bar .bar-extra { margin-left: auto; font-size: 13px; color: var(--tc-text-light); }

/* 富文本 h2/h3 兜底（UEditor 粘贴常用） */
.pro-content .info h2,
.news .info h2 {
    font-size: 22px; color: var(--tc-heading); font-weight: bold;
    margin: 50px 0 26px; padding: 6px 0 6px 18px;
    position: relative; border-bottom: 1px solid #f0f0f0;
}
.pro-content .info h2::before,
.news .info h2::before {
    content: ""; position: absolute; left: 0; top: 8px; bottom: 8px;
    width: 5px; background: var(--tc-blue); border-radius: 2px;
}
.pro-content .info h3,
.news .info h3 {
    font-size: 18px; color: var(--tc-heading); font-weight: bold;
    margin: 30px 0 14px; padding-left: 12px; border-left: 3px solid var(--tc-blue);
}

/* 产品特点列表（绿▶；红▶用 .tc-feature-red） */
.tc-feature {
    list-style: none;
    padding: 8px 0 8px 4px; margin: 0 0 24px;
    background: #fafbfc; border-left: 3px solid #2bb673; border-radius: 0 4px 4px 0;
}
.tc-feature li {
    position: relative; padding: 10px 14px 10px 30px;
    font-size: 15px; line-height: 1.85; color: var(--tc-text); border-bottom: 1px dashed #ececec;
}
.tc-feature li:last-child { border-bottom: none; }
.tc-feature li::before {
    content: "▶"; position: absolute; left: 12px; top: 12px;
    color: #2bb673; font-size: 12px;
}
.tc-feature li strong { color: var(--tc-heading); margin-right: 4px; }
.tc-feature-red { border-left-color: var(--tc-red); background: #fff8f8; }
.tc-feature-red li::before { color: var(--tc-red); }

/* 技术参数表 */
.tc-param { margin: 0 0 30px; }
.tc-param-head {
    background: var(--tc-blue-dark); color: #fff; font-size: 13px;
    padding: 9px 18px; border-radius: 4px 4px 0 0; letter-spacing: .5px;
}
.tc-param-table {
    width: 100%; border-collapse: collapse; table-layout: fixed;
    border: 1px solid #e8e8e8; border-top: none; background: #fff;
}
.tc-param-table tr { border-bottom: 1px solid #eef0f3; }
.tc-param-table tr:nth-child(even) { background: var(--tc-bg-stripe); }
.tc-param-table th,
.tc-param-table td {
    padding: 12px 16px; font-size: 14px; color: var(--tc-text);
    vertical-align: middle; word-wrap: break-word; line-height: 1.6;
}
.tc-param-table th {
    width: 30%; text-align: left; font-weight: bold;
    color: var(--tc-heading); background: transparent;
}
.tc-param-table td { width: 70%; }
.tc-param-note {
    margin: 10px 0 0; padding: 10px 14px; font-size: 12px;
    color: var(--tc-text-light); background: #fafafa; border-left: 3px solid #f0c040;
}

/* 常见问答 Q&A */
.tc-qa { margin: 14px 0 30px; }
.tc-qa-item {
    display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px dashed #eee;
}
.tc-qa-item:last-child { border-bottom: none; }
.tc-qa-item .qa-num {
    flex: 0 0 88px; width: 88px; padding: 8px 0; text-align: center;
    font-size: 16px; font-weight: bold; color: #fff; background: var(--tc-blue);
    border-radius: 4px; margin-right: 18px; font-family: Arial, sans-serif;
}
.tc-qa-item .qa-body { flex: 1; min-width: 0; }
.tc-qa-item .qa-body h4 { font-size: 16px; color: var(--tc-heading); margin: 0 0 8px; font-weight: bold; }
.tc-qa-item .qa-body p { margin: 0; font-size: 14px; color: var(--tc-text); line-height: 1.8; }

/* 顶部 Tab 切换条 */
.tc-tabs { display: flex; flex-wrap: wrap; border-bottom: 2px solid var(--tc-blue); margin: 18px 0 28px; }
.tc-tab {
    padding: 10px 22px; font-size: 14px; color: var(--tc-text); background: #f5f7fa;
    text-decoration: none; border-right: 1px solid #e8e8e8; transition: background .25s, color .25s;
}
.tc-tab:hover { background: #eaf1fa; color: var(--tc-blue); }
.tc-tab.active { background: var(--tc-blue); color: #fff; font-weight: bold; }

/* 章节容器 + 概述 */
.tc-section { padding: 0; margin: 0 0 30px; }
.tc-overview p { margin: 0 0 12px; }

/* 提示块（info / warn / danger） */
.tc-callout {
    margin: 18px 0 26px; padding: 16px 20px 16px 56px; background: #f6fbff;
    border-left: 4px solid var(--tc-blue); border-radius: 0 4px 4px 0;
    position: relative; color: var(--tc-text); font-size: 14px;
}
.tc-callout::before {
    content: "i"; position: absolute; left: 18px; top: 12px;
    width: 26px; height: 26px; border-radius: 50%; background: var(--tc-blue); color: #fff;
    text-align: center; line-height: 26px; font-family: Georgia, serif; font-weight: bold;
}
.tc-callout.tc-warn { background: #fff8e6; border-left-color: #f0a020; }
.tc-callout.tc-warn::before { content: "!"; background: #f0a020; }
.tc-callout.tc-danger { background: #fff1f1; border-left-color: var(--tc-red); }
.tc-callout.tc-danger::before { content: "×"; background: var(--tc-red); }

/* 参数小卡片网格 */
.tc-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 6px 0 26px; }
.tc-spec-card {
    padding: 16px 14px; background: #fff; border: 1px solid var(--tc-line); border-radius: 4px;
    text-align: center; transition: transform .25s, box-shadow .25s;
}
.tc-spec-card:hover { transform: translateY(-3px); box-shadow: var(--tc-shadow); }
.tc-spec-card .spec-key { font-size: 13px; color: var(--tc-text-light); margin-bottom: 8px; }
.tc-spec-card .spec-val { font-size: 20px; color: var(--tc-blue); font-weight: bold; font-family: Arial, sans-serif; }
.tc-spec-card .spec-unit { font-size: 13px; color: var(--tc-text-light); margin-left: 4px; }

/* 应用案例缩略墙 */
.tc-case-wall { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 6px 0 20px; }
.tc-case-wall a { display: block; position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; border: 1px solid #eee; }
.tc-case-wall img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.tc-case-wall a:hover img { transform: scale(1.06); }

@media (max-width: 720px) {
    .tc-case-wall { grid-template-columns: repeat(2, 1fr); }
    .tc-feature li { padding-left: 26px; }
    .tc-qa-item .qa-num { flex-basis: 64px; width: 64px; margin-right: 12px; }
}

/* UEditor 原生标签兜底 */
.pro-content .info table,
.news .info table { width: 100%; border-collapse: collapse; margin: 16px 0 26px; font-size: 14px; }
.pro-content .info table th,
.pro-content .info table td,
.news .info table th,
.news .info table td { border: 1px solid #e8e8e8; padding: 10px 14px; line-height: 1.7; }
.pro-content .info ul li,
.news .info ul li { margin: 6px 0; line-height: 1.85; }
.pro-content .info ol li,
.news .info ol li { margin: 6px 0; line-height: 1.85; }
.pro-content .info blockquote,
.news .info blockquote {
    border-left: 4px solid var(--tc-blue); margin: 18px 0; padding: 12px 18px;
    color: var(--tc-text-light); background: #f8f9fb;
}
.pro-content .info code,
.news .info code {
    background: #f5f5f5; padding: 2px 6px; border-radius: 3px;
    font-family: Consolas, monospace; font-size: 13px; color: var(--tc-red);
}
/* ===== 天成机械 老站富文本兼容样式（legacy-content） =====
   作用：让迁移过来的老站产品/文章详情正文（.content 内的老类名）在新模板中正常显示。
   作用域：仅 .pro-content .info / .news .info 内，不影响模板其它页面。
   配色：与新模板一致（蓝 #2b5f9c / #1d4479，品牌红 #e6212a，绿 #2bb673，正文 #484848，标题 #252525）。
*/

/* 老站 steel 系列 CSS 变量在新模板不存在，这里兜底定义，修复正文里 var(--c-steel-500) 等失效 */
.pro-content .info,
.news .info { --c-steel-500: #7a7a7a; --c-steel-400: #999; --c-steel-600: #666; }

/* 章节间距 */
.pro-content .info section,
.news .info section { margin: 38px 0; }
.pro-content .info section:first-child,
.news .info section:first-child { margin-top: 0; }

/* 标题条：蓝色竖条 + 中英双语（原 h2 为"产品概述 / OVERVIEW"） */
.pro-content .info h2,
.news .info h2 {
  font-size: 22px; font-weight: bold; color: #252525;
  margin: 0 0 22px; padding: 6px 0 8px 18px; position: relative;
  border-bottom: 1px solid #f0f0f0; line-height: 1.3;
}
.pro-content .info h2::before,
.news .info h2::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 10px;
  width: 5px; background: #2b5f9c; border-radius: 2px;
}
.pro-content .info h3,
.news .info h3 {
  font-size: 17px; font-weight: bold; color: #252525;
  margin: 26px 0 12px; padding-left: 12px; border-left: 3px solid #2b5f9c;
}
.pro-content .info h4,
.news .info h4 { font-size: 15px; color: #252525; margin: 0 0 6px; font-weight: bold; }
.pro-content .info h5,
.news .info h5 { font-size: 14px; color: #252525; margin: 0 0 6px; font-weight: bold; }
.pro-content .info p,
.news .info p { margin: 0 0 14px; color: #484848; line-height: 1.9; font-size: 15px; }

/* 产品特点列表（ul.feature-list：绿色菱形项目符号） */
.pro-content .info ul.feature-list,
.news .info ul.feature-list { list-style: none; padding: 6px 0; margin: 0 0 22px; }
.pro-content .info ul.feature-list li,
.news .info ul.feature-list li {
  position: relative; padding: 9px 14px 9px 30px; margin: 0;
  font-size: 15px; line-height: 1.85; color: #484848; border-bottom: 1px dashed #ececec;
}
.pro-content .info ul.feature-list li::before,
.news .info ul.feature-list li::before {
  content: ""; position: absolute; left: 10px; top: 16px;
  width: 8px; height: 8px; background: #2bb673; border-radius: 1px; transform: rotate(45deg);
}
/* 工作原理分步骤（div.feature-list 内为 <p>） */
.pro-content .info div.feature-list,
.news .info div.feature-list { margin: 0 0 22px; }
.pro-content .info div.feature-list p,
.news .info div.feature-list p {
  position: relative; padding-left: 20px; margin: 0 0 10px;
  font-size: 15px; line-height: 1.85; color: #484848;
}
.pro-content .info div.feature-list p::before,
.news .info div.feature-list p::before { content: "\25B8"; position: absolute; left: 0; color: #2bb673; }

/* 技术参数表（table.params-table） */
.pro-content .info table.params-table,
.news .info table.params-table {
  width: 100%; border-collapse: collapse; margin: 0 0 8px;
  font-size: 14px; table-layout: fixed;
}
.pro-content .info table.params-table th,
.news .info table.params-table th,
.pro-content .info table.params-table td,
.news .info table.params-table td {
  border: 1px solid #e8e8e8; padding: 11px 16px; line-height: 1.7;
  vertical-align: middle; word-wrap: break-word;
}
.pro-content .info table.params-table thead th,
.news .info table.params-table thead th {
  background: #1d4479; color: #fff; font-weight: bold; text-align: left; border-color: #1d4479;
}
.pro-content .info table.params-table tbody tr:nth-child(even),
.news .info table.params-table tbody tr:nth-child(even) { background: #f7f9fc; }
.pro-content .info table.params-table td:first-child,
.news .info table.params-table td:first-child { width: 34%; font-weight: bold; color: #252525; }

/* SVG 原理图（自适应宽度） */
.pro-content .info svg.principle-svg,
.news .info svg.principle-svg {
  display: block; width: 100%; max-width: 820px; height: auto;
  margin: 14px 0; color: #2b5f9c; background: #fafbfc;
  border: 1px solid #eef0f3; border-radius: 4px;
}

/* 核心优势网格（.adv-grid / .adv-item / .num / .ico） */
.pro-content .info .adv-grid,
.news .info .adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 16px 0 24px; }
.pro-content .info .adv-item,
.news .info .adv-item {
  padding: 20px 16px; background: #fff; border: 1px solid #e8e8e8;
  border-radius: 4px; text-align: center; transition: .25s;
}
.pro-content .info .adv-item:hover,
.news .info .adv-item:hover { box-shadow: 0 2px 10px rgba(0,0,0,.08); transform: translateY(-2px); border-color: #cfe0f0; }
.pro-content .info .adv-item .num,
.news .info .adv-item .num {
  display: inline-block; font-size: 13px; font-weight: bold; color: #2b5f9c;
  border: 1px solid #cfe0f0; border-radius: 50%; width: 34px; height: 34px;
  line-height: 32px; margin-bottom: 10px; font-family: Arial, sans-serif;
}
.pro-content .info .adv-item .ico,
.news .info .adv-item .ico { width: 40px; height: 40px; margin: 0 auto 10px; color: #e6212a; }
.pro-content .info .adv-item .ico svg,
.news .info .adv-item .ico svg { width: 100%; height: 100%; }
.pro-content .info .adv-item h4,
.news .info .adv-item h4 { margin: 0 0 8px; }
.pro-content .info .adv-item p,
.news .info .adv-item p { font-size: 13px; color: #666; margin: 0; line-height: 1.7; }

/* 应用领域网格（.app-grid / .app-item） */
.pro-content .info .app-grid,
.news .info .app-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 16px 0 24px; }
.pro-content .info .app-item,
.news .info .app-item {
  padding: 18px 12px; background: #fafbfc; border: 1px solid #eef0f3;
  border-radius: 4px; text-align: center; transition: .25s;
}
.pro-content .info .app-item:hover,
.news .info .app-item:hover { background: #f0f6fd; border-color: #cfe0f0; }
.pro-content .info .app-item .ico,
.news .info .app-item .ico { width: 38px; height: 38px; margin: 0 auto 10px; color: #2b5f9c; }
.pro-content .info .app-item .ico svg,
.news .info .app-item .ico svg { width: 100%; height: 100%; }
.pro-content .info .app-item h4,
.news .info .app-item h4 { font-size: 13px; font-weight: 500; color: #484848; margin: 0; line-height: 1.6; }

/* 工程案例（.case-list / .case-mini / .pic / 嵌套 .info） */
.pro-content .info .case-list,
.news .info .case-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0 8px; }
.pro-content .info .case-mini,
.news .info .case-mini { display: flex; gap: 14px; padding: 14px; background: #fafbfc; border: 1px solid #eef0f3; border-radius: 4px; }
.pro-content .info .case-mini .pic,
.news .info .case-mini .pic { flex: 0 0 120px; width: 120px; color: #2b5f9c; }
.pro-content .info .case-mini .pic svg,
.news .info .case-mini .pic svg { width: 100%; height: auto; display: block; }
/* 中和 case-mini 内嵌套的 .info（否则会继承外层正文宽度限制） */
.pro-content .info .case-mini .info,
.news .info .case-mini .info { flex: 1; max-width: none; padding: 0; margin: 0; }
.pro-content .info .case-mini h5,
.news .info .case-mini h5 { font-size: 14px; color: #252525; margin: 0 0 6px; }
.pro-content .info .case-mini p,
.news .info .case-mini p { font-size: 13px; color: #666; line-height: 1.7; margin: 0; }

/* 上一篇 / 下一篇（.prev-next / .dir / .next） */
.pro-content .info .prev-next,
.news .info .prev-next { display: flex; justify-content: space-between; gap: 16px; margin-top: 36px; padding-top: 20px; border-top: 1px solid #eee; }
.pro-content .info .prev-next a,
.news .info .prev-next a { flex: 1; text-decoration: none; color: #484848; }
.pro-content .info .prev-next a.next,
.news .info .prev-next a.next { text-align: right; }
.pro-content .info .prev-next .dir,
.news .info .prev-next .dir { font-size: 12px; color: #999; margin-bottom: 4px; }
.pro-content .info .prev-next h5,
.news .info .prev-next h5 { font-size: 14px; color: #2b5f9c; margin: 0; transition: .2s; }
.pro-content .info .prev-next a:hover h5,
.news .info .prev-next a:hover h5 { color: #e6212a; }

/* 响应式 */
@media (max-width: 720px) {
  .pro-content .info .adv-grid,
  .news .info .adv-grid { grid-template-columns: repeat(2, 1fr); }
  .pro-content .info .app-grid,
  .news .info .app-grid { grid-template-columns: repeat(2, 1fr); }
  .pro-content .info .case-list,
  .news .info .case-list { grid-template-columns: 1fr; }
  .pro-content .info .case-mini,
  .news .info .case-mini { flex-direction: column; }
  .pro-content .info table.params-table td:first-child,
  .news .info table.params-table td:first-child { width: 40%; }
}