@charset "utf-8";
	html {
	font-family:"Microsoft YaHei";
	font-size:12px
}
body::-webkit-scrollbar {
	width:0px;
	height:10px
}
body::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,.05);
	border-radius:10px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)
}
body:hover::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,.2);
	border-radius:10px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)
}
body::-webkit-scrollbar-thumb:hover {
	background-color:rgba(0,0,0,.4);
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)
}
body::-webkit-scrollbar-track {
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px transparent;
	background-color:#fff
}
body::-webkit-scrollbar-track:hover {
	-webkit-box-shadow:inset006pxrgba(0,0,0,.4);
	background-color:rgba(0,0,0,.01)
}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul {
	padding:0;
	margin:0;
	border:0 none
}
img,input {
	border:0;
	vertical-align:middle
}
li,ul {
	list-style:none;
	margin:0;
	padding:0
}
i {
	font-style:normal;
}
form {
	padding:0;
	margin:0
}
td {
	FONT-SIZE:12px
}
img {
	border:0
}
a {
	COLOR:#333;
	blr:expression(this.onFocus=this.blur());
	text-decoration:none
}
a:focus {
	outline:0
}
input,textarea {
	outline:0
}
a:hover {
	color:#0068b7;
	text-decoration:none;
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out
}
.content {
	padding:0 10%;
	overflow:hidden;
	margin:0 auto;
}
.con_box {
	padding:0 10%;
	overflow:hidden;
	margin:0 auto;
}
.w100 {
	margin:100px auto 0;
}
@media screen and (min-width:320px) {
	blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul {
	font-size:14px;
	font-family:'Microsoft YaHei'
}
}.top {
	background:#000000;
	height:40px;
	line-height:40px;
	width:100%;
	overflow:hidden;
	color:#fff;
}
.top span {
	float:right;
}
.top span i {
	margin-left:50px;
}
.head {
	width:100%;
	overflow:hidden;
	position:fixed;
	height:100px;
	z-index:999;
	background:#fff;
	top:0px;
	left:0;
}
.logo {
	margin-top:20px;
	float:left;
}
.logo span {
	font-size:24px;
	font-weight:bold;
	color:#666;
}
.hot {
	float:right;
	margin-top:34px;
	font-size:25px;
	font-weight:bold;
	color:#d5161a;
	background:url(../images/hot.png) no-repeat center left;
	padding-left:30px;
}
.menu {
	padding:0 10%;
	height:100px;
}
.menu .nav {
	height:100px;
	margin:0;
	float:right;
	width:auto;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-right:30px;
}
.menu .nav li {
	list-style:none;
	display:block;
	flex:1;
	min-width:100px;
	margin:0 10px;
	position:relative;
	overflow:hidden;
}
.menu .nav li a {
	display:block;
	height:100px;
	font-size:18px;
	width:100%;
	text-align:center;
	line-height:100px;
	color:gray;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	color:#333;
	padding:0 10px;
	box-sizing:border-box;
	white-space:nowrap;
	z-index:2;
}

/* 确保导航项不被隐藏 */
.menu .nav li {
	display:block !important;
	visibility:visible !important;
	float:none !important;
}

.menu .nav li a {
	display:block !important;
	visibility:visible !important;
}

/* 清除浮动 */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}

/* Navbar导航样式 */
.navbar {
	width:100%;
	height:100px;
	background:#fff;
	position:relative;
	z-index:999;
}

.navbar .main_box {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	height:100px;
	display:flex;
	align-items:center;
	padding:0 20px;
	box-sizing:border-box;
}

.navbar .logo {
	flex:0 0 auto;
	margin-right:30px;
}

.navbar .navmenu {
	flex:1;
	min-width:0;
}

.navbar .navmenu .nav {
	display:flex;
	align-items:center;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	flex-wrap:nowrap;
	justify-content:space-around;
}

.navbar .navmenu .nav li {
	flex:1;
	text-align:center;
	min-width:80px;
	margin:0;
}

.navbar .navmenu .nav li a {
	display:block;
	padding:0 10px;
	line-height:100px;
	font-size:16px;
	color:#333;
	text-decoration:none;
	transition:all .3s ease;
	white-space:nowrap;
	box-sizing:border-box;
}

/* 确保导航项不被隐藏 */
.navbar .navmenu .nav li {
	display:block !important;
	visibility:visible !important;
	float:none !important;
}

.navbar .navmenu .nav li a {
	display:block !important;
	visibility:visible !important;
}

.navbar .telbox {
	flex:0 0 auto;
	margin-left:30px;
	white-space:nowrap;
	display:flex;
	align-items:center;
}

.navbar .navmenu .nav li a:hover {
	color:#0068b7;
}

.navbar .telbox {
	flex:0 0 auto;
	margin-left:20px;
	white-space:nowrap;
}

/* 响应式调整 */
@media only screen and (max-width:1200px) {
	.navbar .main_box {
		width:95%;
	}
	
	.navbar .navmenu .nav li a {
		font-size:14px;
		padding:0 8px;
	}
}

@media only screen and (max-width:992px) {
	.navbar .navmenu .nav li a {
		font-size:13px;
		padding:0 5px;
	}
}

@media only screen and (max-width:768px) {
	.navbar .telbox {
		display:none;
	}
	
	.navbar .navmenu .nav li a {
		font-size:12px;
		padding:0 3px;
	}
}

.menu .nav li a:after {
	content:"";
	width:0%;
	position:absolute;
	height:100%;
	background:#0068b7;
	bottom:0px;
	left:0%;
	right:0%;
	z-index:1;
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
}
.menu .nav li a:hover:after {
	width:100%;
}
.menu .nav li a.current:after {
	content:"";
	width:100%;
	position:absolute;
	height:100%;
	background:#0068b7;
	bottom:0px;
	left:0%;
	right:0%;
	z-index:1;
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
}
.menu .nav li a span {
	position:absolute;
	left:0;
	width:100%;
	z-index:3
}
.menu .nav li a span.out {
	bottom:0px;
	transform:translate(0,0px);
	-moz-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	-o-transform:translate(0,0px);
	-webkit-transform:translate(0,0px);
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
}
.menu .nav li a span.over {
	bottom:0px;
	transform:translate(0,100px);
	-moz-transform:translate(0,100px);
	-ms-transform:translate(0,100px);
	-o-transform:translate(0,100px);
	-webkit-transform:translate(0,100px);
	font-weight:500;
	color:#fff;
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out
}
.menu .nav li a:hover .out {
	bottom:0px;
	transform:translate(0,-100px);
	-moz-transform:translate(0,-100px);
	-ms-transform:translate(0,-100px);
	-o-transform:translate(0,-100px);
	-webkit-transform:translate(0,-100px);
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	font-weight:bold;
}
.menu .nav li a:hover .over {
	bottom:0px;
	font-weight:500;
	color:#fff;
	transform:translate(0,0px);
	-moz-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	-o-transform:translate(0,0px);
	-webkit-transform:translate(0,0px);
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	font-weight:bold;
}
.menu .nav li:hover .out {
	transform:translate(0,-100px);
	-moz-transform:translate(0,-100px);
	-ms-transform:translate(0,-100px);
	-o-transform:translate(0,-100px);
	-webkit-transform:translate(0,-100px);
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	font-weight:bold;
}
.menu .nav li:hover .over {
	bottom:0px;
	font-weight:500;
	color:#fff;
	transform:translate(0,0px);
	-moz-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	-o-transform:translate(0,0px);
	-webkit-transform:translate(0,0px);
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	font-weight:bold;
}
.menu .nav li .subnav {
	width:100%;
	overflow:hidden;
	position:absolute;
	top:140px;
	left:0;
	background:rgba(255,255,255,0.8);
	display:none;
	z-index:999;
	padding:30px 0
}
.menu .nav li .subnav h3 {
	font-size:20px;
	font-weight:500;
	margin-left:100px;
}
.menu .nav li .subnav dl {
	overflow:hidden;
	width:45%;
	float:left;
	padding:20px 100px 0;
}
.menu .nav li .subnav dl dd {
	width:48%;
	float:left;
	box-sizing:border-box;
	position:relative;
	margin:1%;
	text-align:left
}
.menu .nav li .subnav dl dd i {
	overflow:hidden;
	border:1px #ccc solid;
	display:block;
	padding-left:10px;
	border-radius:0 10px 0 10px;
	width:98%;
	box-sizing:border-box;
	position:relative;
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
}
.menu .nav li .subnav dl dd i a {
	display:block;
	height:40px;
	float:left;
	color:#fff !important;
	line-height:40px;
	border:none;
	background:none;
	font-weight:400;
	width:100%;
}
.menu .nav li .subnav dl dd i:before {
	content:".";
	position:absolute;
	left:11px;
	font-size:40px;
	top:-20px;
	color:#666;
}
.menu .nav li .subnav dl dd i a:hover:after {
	content:"";
	width:0%;
	position:absolute;
}
.menu .nav li:hover .subnav dl dd i a:after {
	content:"";
	width:0%;
	position:absolute;
}
.menu .nav li .subnav dl dd i a:hover {
	color:#093580;
}
.menu .nav li .subnav dl dd i:hover {
	border:1px #093580 solid;
	margin-left:10px;
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
}
.menu .nav li .subnav dl dd i:hover:before {
	content:".";
	color:#093580;
}
.menu .nav li:hover .subnav dl dd a {
	font-weight:400;
}
.menu .nav li .subnav dl dd a .over {
	bottom:0px;
	font-weight:400;
	color:#333;
	transform:translate(0,0px);
	-moz-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	-o-transform:translate(0,0px);
	-webkit-transform:translate(0,0px);
	transition:.4s ease-out;
	-moz-transition:.4s ease-out;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	text-align:left;
	float:left;
	padding-left:20px;
}
.menu .nav li .subnav dl dd a:hover .over {
	bottom:0px;
	font-weight:400;
	color:#093580;
}
.menu .nav li .subnav dt {
	float:right;
	width:350px;
	height:200px;
	display:block;
	margin-top:-30px;
}
.menu .nav li .subnav dt img {
	width:350px;
	height:200px;
}
.menu .nav li .subnav dl dd span {
	position:relative !important;
	width:100%;
}
.menu .nav li .subnav dl dd:hover span {
	position:relative !important;
	width:100%;
}
.menu .nav li .subnav dl dd span.out {
	position:relative !important;
	width:100%;
	display:none;
}
.sp_header {
	height:50px;
	overflow:hidden;
	background:#fff;
	position:fixed;
	z-index:10;
	width:100%;
}
.sp_logo {
	padding:10px;
	float:left;
	height:50px
}
.sp_logo img {
	margin:auto;
	max-height:30px;
}
.sp_nav {
	width:50px;
	float:right;
	position:relative;
	cursor:pointer;
	height:30px;
	margin-top:39px;
	display:none;
}
.sp_nav span {
	display:block;
	background:#c9141e;
	width:30px;
	height:2px;
	position:absolute;
	left:10px;
	transition:all ease 0.35s
}
.sp_nav span:nth-of-type(1) {
	top:0px
}
.sp_nav span:nth-of-type(2) {
	top:10px
}
.sp_nav span:nth-of-type(3) {
	top:20px
}
.sp_nav_se span:nth-of-type(1) {
	top:10px;
	transform:rotate(45deg)
}
.sp_nav_se span:nth-of-type(2) {
	width:0
}
.sp_nav_se span:nth-of-type(3) {
	top:10px;
	transform:rotate(-45deg)
}
.sjj_nav {
	position:fixed;
	z-index:9;
	background:#eee;
	width:100%;
	height:calc(100% - 77px);
	font-size:14px;
	line-height:40px;
	top:-100%;
	left:0;
	overflow:auto;
	overflow-x:hidden;
	transition:top ease 0.35s;
}
.nav_show {
	top:100px
}
.sjj_nav>ul>li:first-child {
	overflow:hidden;
	border-top:0
}
.sjj_nav>ul>li:first-child>a {
	float:left;
	width:calc(100% - 70px)
}
.sjj_nav>ul>li:first-child .language {
	float:right;
	width:70px;
	overflow:hidden;
	line-height:30px;
	margin-top:5px
}
.sjj_nav>ul>li:first-child .language a {
	width:35px;
	float:left;
	border-left:1px #ddd solid;
	text-align:center;
	color:#999;
}
.sjj_nav ul li i {
	position:absolute;
	top:5px;
	right:0px;
	border-left:1px #ddd solid;
	height:30px;
	padding:0px 7px 0 7px;
}
.sjj_nav ul li i svg {
	transform:rotate(-90deg);
	transition:all ease 0.35s
}
.sjj_nav ul li .sjj_nav_i_se svg {
	transform:rotate(0deg)
}
.sjj_nav ul li {
	border-top:1px #ddd solid;
	margin-left:20px;
	position:relative;
	line-height:40px;
	font-size:14px
}
.sjj_nav>ul >li:last-child {
	border-bottom:1px #ddd solid;
}
.sjj_nav ul li ul {
	display:none
}
.sjj_nav ul li a {
	color:#666;
	width:80%
}
.sjj_nav ul li ul li a {
	color:#999;
	display:block;
	text-align:left;
}
.sjj_nav ul li i svg {
	width:20px;
	height:20px;
	fill:#555;
}
.sjj_nav ul li .sjj_nav_i_se svg {
	fill:#c9141e
}
.sjj_nav ul li ul li>ul {
	margin-left:10px
}
.title {
	overflow:hidden;
	margin:50px auto 20px
}
.title h3 {
	text-align:center;
	font-size:36px;
	font-weight:bold;
	color:#333;
}
.title h3 span {
	color:#0068b7;
}
.title p {
	font-size:16px;
	color:#666;
	text-align:center;
	margin:10px auto
}
.title:after {
	content:"———";
	display:block;
	color:#0068b7;
	margin:0px auto;
	text-align:center;
}
.title1 {
	overflow:hidden;
	margin:50px auto
}
.title1 h3 {
	text-align:center;
	font-size:36px;
	font-weight:bold;
	color:#fff;
}
.title1 h3 span {
	color:#fff;
}
.title1 p {
	font-size:16px;
	color:#fff;
	text-align:center;
	margin:10px auto
}
.title1:after {
	content:"———";
	display:block;
	color:#fff;
	margin:0px auto;
	text-align:center;
}
/* 内容容器（保留你的原有样式） */
.content {
    padding: 0 10%;
    overflow: hidden;
    margin: 0 auto;
}

/* 图片导航 - 完全贴合content容器宽度 */
.pic_nav {
    margin: 0 0 20px; /* 移除原有5%左右边距，继承content的10%内边距 */
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; /* 占满content容器宽度 */
    box-sizing: border-box;
}
.pic_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%; /* 占满pic_nav宽度（即content的100% - 20%内边距） */
    max-width: none; /* 移除原有1200px限制，完全贴合content宽度 */
    flex-wrap: wrap;
    /* 基于content容器宽度计算等宽列，保留li尺寸约束 */
    --base-cols: 4;
    --item-base-width: calc((100% - (var(--base-cols) - 1) * 10px) / var(--base-cols));
}
.pic_nav ul li {
    width: var(--item-base-width);
    min-width: 100px; /* 保留最小宽度，避免过小 */
    max-width: 240px; /* 保留最大宽度，避免过大 */
    border-radius: 20px;
    background: #eeeeee;
    border: 2px #fff solid;
    overflow: hidden;
    box-sizing: border-box;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; /* 禁止收缩，保证等宽 */
}
/* 响应式适配（仅调整列数，宽度始终贴合content） */
@media (max-width: 992px) {
    .pic_nav ul { --base-cols: 3; }
}
@media (max-width: 768px) {
    .pic_nav ul { --base-cols: 2; }
}
@media (max-width: 480px) {
    .pic_nav ul { --base-cols: 1; }
}
.pic_nav ul li:hover {
    background: #0068b7;
}
.pic_nav ul li a {
    color: #333;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}
.pic_nav ul li:hover a {
    color: #fff;
}
.pic_box {
	overflow:hidden;
}
.pic_box ul {
	overflow:hidden;
	padding:10px 0;
}
.pic_box ul li {
	overflow:hidden;
	width:23%;
	overflow:hidden;
	border:1px #e6e6e6 solid;
	margin:0 0.5% 20px;
	float:left;
}
.pic_box ul li div {
	overflow:hidden;
	width:100%;
	position:relative;
}
.pic_box ul li div img {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	width:100%;
	height:100%
}
.pic_box ul li:hover div img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.pic_box ul li p {
	overflow:hidden;
	height:50px;
	line-height:50px;
	background:#fff;
	text-align:center;
	font-size:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pic_box ul li:hover {
	box-shadow:0 0 8px #ccc;
}
.pic_box ul li div dl {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:absolute;
	top:-100%;
	left:0px;
}
.pic_box ul li div dl dd {
	width:150px;
	height:50px;
	border-radius:30px;
	line-height:50px;
	text-align:center;
	margin:130px auto;
	font-size:16px;
	color:#fff;
	background:#0068b7
}
.pic_box ul li:hover dl {
	top:0px;
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
}
.fll {
	background:#f7f7f7;
	overflow:hidden;
	margin:60px auto 0;
	padding-bottom:60px;
}
.koubei {
	overflow:hidden;
}
.koubei ul {
	overflow:hidden;
	padding:20px 0
}
.koubei ul li {
	padding:10px;
	overflow:hidden;
	width:20%;
	border:10px #f7f7f7 solid;
	box-sizing:border-box;
	float:left;
}
.koubei ul li .kb {
	overflow:hidden;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align:center;
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
}
.koubei ul li .kb div {
	overflow:hidden;
	width:80px;
	height:80px;
	margin:50px auto 15px
}
.koubei ul li .kb h3 {
	overflow:hidden;
	font-size:20px;
	font-weight:bold;
	color:#333;
}
.koubei ul li .kb p {
	overflow:hidden;
	font-size:15px;
	color:#555;
	line-height:28px;
	padding:15px 30px;
	height:160px
}
.koubei ul li:hover .kb {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
}
.aboutbj {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
	/* 核心修改：替换 background 复合属性，精准控制背景表现 */
	background: url(../images/aboutbj.jpg) no-repeat center center;
	/* 关键属性：cover 让背景图覆盖容器，保持比例，裁剪超出部分 */
	background-size: cover;
	background-attachment: fixed;
}
.about {
	overflow:hidden;
	width:60%;
	margin-top:10%
}
.about h3 {
	font-size:40px;
	font-weight:bold;
	color:#fff;
}
.about h3 i {
	display:block;
	font-size:15px;
	font-weight:400;
	text-transform:uppercase;
}
.about dd {
	color:#fff;
	line-height:28px;
	font-size:15px;
	text-indent:2em;
	margin-top:30px
}
.about dt {
	width:180px;
	height:45px;
	line-height:45px;
	color:#fff;
	text-align:center;
	background:#0068b7;
	font-size:16px;
	margin:20px auto;
	float:left;
}
.about dt a {
	color:#fff;
}
.product-number-info {
	overflow:hidden;
	position:relative;
	margin-bottom:80px;
}
.product-number-info .product-number-inner {
	width:100%;
	margin:0 auto
}
.product-number-info ul {
	padding:85px 0
}
.q {
	zoom:1
}
.product-number-info li {
	float:left;
	width:25%;
	box-sizing:border-box;
	border-left:1px solid #ccc;
	color:#333;
	padding-top:1px;
	background:rgba(255,255,255,0.8);
	overflow:hidden;
	text-align:center;
	padding:30px 0;
}
.product-number-info li:first-child {
	border:none
}
.product-number-info li b {
	font-weight:400;
	font-size:48px;
	line-height:1;
	display:inline-block;
	position:relative;
	margin:15px 0 10px
}
.product-number-info li p {
	font-size:14px
}
.product-number-info li b i {
	font-style:normal;
	color:#0068b7
}
.product-number-info li b sup {
	position:absolute;
	font-size:20px;
	right:-50px;
	bottom:0px;
	color:#0068b7
}
.product-number-info li b em {
	font-style:normal;
	font-size:14px;
	font-weight:100;
	padding-left:2px;
	position:relative;
	top:-4px;
	color:#333
}
.product-number-info li:nth-child(n+3) {
	background:rgba(0,104,183,0.8);
	overflow:hidden;
	border-left:1px #fff solid;
	color:#fff
}
.product-number-info li:nth-child(n+3) b i {
	color:#fff
}
.product-number-info li:nth-child(n+3) em {
	color:#fff;
}
.product-number-info li:nth-child(n+3) b sup {
	color:#fff;
}
.anlibj {
	overflow:hidden;
	background:url(../images/anlibj.png) no-repeat center top;
}
.case {
	overflow:;
}
.case .p_CommonSummaryBoxA {
	text-align:center
}
.case .p_MatteIcon .iconfont:before {
	content:'\e602'
}
.case>div {
	animation-fill-mode:both
}
.case .ss_title {
	text-align:center;
	margin-bottom:10px
}
.case .ss_title h1 {
	font-weight:700;
	font-size:15px;
	margin-bottom:10px
}
.case .ss_title h1 span {
	color:#cf8b32;
	margin-right:10px
}
.case .ss_title h4 {
	opacity:.4
}
.case .project-container {
	margin:0 -5%;
	position:relative;
	overflow:hidden;
}
.case .pj_titles {
	margin:10px 0;
	padding-right:0;
	text-align:center;
	font-size:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.case .pj_summary {
	font-size:15px;
	margin-bottom:10px;
	opacity:.8;
	line-height:1.5
}
.case .project-slide.swiper-slide .project_list {
	transition:.8s;
	opacity:.15
}
.case .project-slide.swiper-slide.swiper-slide-active .project_list {
	opacity:1
}
.case .project-slide.swiper-slide.swiper-slide-prev .project_list {
	opacity:1
}
.case .project-slide.swiper-slide.swiper-slide-next .project_list {
	opacity:1
}
.case .project-slide.swiper-slide .project_list .pj_titles {
	transition:.8s;
	opacity:0
}
.case .project-slide.swiper-slide.swiper-slide-active .project_list .pj_titles {
	opacity:1
}
.case .project-slide.swiper-slide.swiper-slide-prev .project_list .pj_titles {
	opacity:1
}
.case .project-slide.swiper-slide.swiper-slide-next .project_list .pj_titles {
	opacity:1
}
.case .pj-prev-btn {
	position:absolute;
	z-index:20;
	left:0;
	width:20%;
	bottom:0;
	top:0;
	cursor:pointer;
	display:flex;
	flex-flow:column;
	justify-content:center
}
.case .pj-prev-btn .btns {
	color:#000;
	text-align:center;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-transform:uppercase;
	font-size:15px
}
.case .pj-next-btn {
	position:absolute;
	z-index:20;
	right:0;
	width:20%;
	bottom:0;
	top:0;
	cursor:pointer;
	display:flex;
	flex-flow:column;
	justify-content:center
}
.case .pj-next-btn .btns {
	color:#000;
	text-align:center;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-transform:uppercase;
	font-size:15px
}
.case .pj-prev-btn .btns>* {
	display:inline-block;
	vertical-align:middle;
	margin:10px 3px;
	color:#8aa7d2
}
.case .pj-next-btn .btns>* {
	display:inline-block;
	vertical-align:middle;
	margin:10px 3px;
	color:#8aa7d2
}
.case .pj_img {
	overflow:hidden;
	box-shadow:0 10px 10px rgba(0,0,0,.2);
	margin-bottom:30px;
}
.case .project_list .pj_img img {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	width:100%;
	height:100%
}
.case .project_list:hover .pj_img img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.case .sL_icon {
	background-size:contain;
	width:12px;
	height:11px;
	background-repeat:no-repeat;
	background-position:center
}
.case img {
	max-width:100%
}
.case .mBtn {
	display:inline-block
}
.case .mBtn a {
	display:inline-block;
	padding:10px;
	border:1px solid #8dc7c4;
	color:#b7e6e3;
	border-radius:10px
}
.case .p_page .pre .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0
}
.case .p_page .next .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0
}
.case .p_more .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0
}
.case .p_loading .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0
}
.more_btn {
	margin:60px auto;
	text-align:center;
	width:200px;
	background:#d5161a;
	color:#fff;
	height:50px;
	line-height:50px;
}
.more_btn a {
	color:#fff;
}
.news {
	background:#f9fafc;
	overflow:hidden;
	margin:60px auto 0;
	padding-top:10px;
}
.news_bt {
	overflow:hidden;
}
.news_bt h3 {
	float:left;
	font-size:36px;
	color:#0055bc;
}
.news_bt p:before {
	content:"——";
	color:#0068b7;
	display:block;
}
.news_bt p {
	font-size:15px;
	color:#555;
	font-weight:400;
}
.news_bt .news_tab {
	float:right;
	margin-top:30px;
}
.news_bt .news_tab a {
	border-radius:30px;
	height:40px;
	line-height:40px;
	width:150px;
	border:1px #d5161a solid;
	display:inline-block;
	margin:0 5px;
	text-align:center;
	font-size:16px;
	color:#d5161a
}
.news_bt .news_tab a:hover {
	background:#d5161a;
	color:#fff;
}
.news_com {
	overflow:hidden;
	margin:40px auto 0;
	padding-bottom:60px;
}
.news_l {
	width:50%;
	overflow:hidden;
	float:left;
	border:1px #ccc solid;
	margin-right:2%
}
.news_l div {
	width:100%;
	position:relative;
	overflow:hidden;
}
.news_l div img {
	width:100%;
	height:100%;
}
.news_l div dd {
	position:absolute;
	height:40px;
	line-height:40px;
	background:rgba(0,0,0,0.6);
	width:100%;
	text-align:left;
	padding-left:20px;
	font-size:16px;
	display:block;
	left:0px;
	bottom:0px;
}
.news_l p {
	height:70px;
	line-height:27px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color:#666;
	font-size:15px;
	padding:15px;
}
.news_l a div dd {
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.news_l div img {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	width:100%;
	height:100%
}
.news_l div:hover img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.news ul {
	overflow:hidden;
}
.news_com ul li {
	overflow:hidden;
	float:left;
	width:50%;
	border:10px #f7f8fa solid;
	box-sizing:border-box;
	background:#ffffff;
	padding:10px;
}
.news_com ul li span {
	display:block;
	float:left;
	width:90px;
	border-right:1px #ccc solid;
	text-align:center;
	-webkit-transition:all .5s;
	transition:all .5s;
	margin-right:22px;
}
.news_com ul li span b {
	display:block;
	font-size:30px;
	color:#666;
	padding:10px 0 5px;
	line-height:30px;
}
.news_com ul li span i {
	display:block;
	font-size:14px;
	color:#333;
	padding:5px 0 0;
}
.news_com ul dl {
	overflow:hidden;
	padding-bottom:3px;
}
.news_com ul dl h3 {
	font-size:18px;
	color:#333;
	height:47px;
	line-height:47px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	-webkit-transition:all .5s;
	transition:all .5s;
	font-weight:600;
}
.news ul dl p {
	font-size:14px;
	line-height:26px;
	color:#666;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.news_com ul li:hover span {
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news_com ul li:hover span b,.news ul li:hover span i {
	color:#fff;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news_com ul li:hover h3 {
	color:#fff;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news_com ul li:nth-child(2n) {
	margin-right:0px;
}
.news_com ul li:hover p {
	color:#fff;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news_com ul li:hover {
	background:#0055bc;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.footer {
	background:url(../images/buttom.jpg) no-repeat center top;
	width:100%;
	margin:0px auto;
	padding:50px 0 0px;
	overflow:hidden;
}
.footer ul {
	overflow:hidden;
	width:16%;
	float:left;
	border-left:1px #636363 dashed;
	border-right:1px #636363 dashed;
	height:220px;
}
.footer ul li {
	overflow:hidden;
	border-right:1px #636363 dashed;
	box-sizing:border-box;
	text-indent:2em;
}
.footer ul li h3 {
	overflow:hidden;
	color:#fff;
	font-size:18px;
	font-weight:400;
	margin-bottom:20px;
}
.footer ul li dd {
	overflow:hidden;
}
.footer ul li dd a {
	overflow:hidden;
	display:block;
	height:28px;
	line-height:28px;
	color:#fff;
	font-size:14px;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.footer ul li dd a:hover {
	padding-left:10px;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.footer ul li:last-child {
	border-right:none;
}
.footer .foo_txt {
	width:35%;
	float:left;
	padding-left:50px;
	border-right:1px #636363 dashed;
	height:220px;
}
.footer .foo_txt h4 {
	font-size:18px;
	overflow:hidden;
	color:#fff;
	font-weight:400;
	margin-bottom:20px;
}
.footer .foo_txt h4:after {
	content:"____";
	color:#0068b7;
}
.footer .foo_txt h3 {
	font-size:20px;
	color:#fff;
	margin-bottom:10px;
}
.footer .foo_txt p {
	color:#fff;
	line-height:28px;
}
.footer .rwm {
	width:10%;
	float:right
}
.footer .rwm h4 {
	font-size:18px;
	overflow:hidden;
	color:#fff;
	font-weight:400;
	margin-bottom:20px;
}
.footer .rwm h4:after {
	content:"____";
	color:#0068b7;
}
.footer .rwm p {
	color:#fff;
	font-size:14px;
	text-align:center;
}
.footer .rwm img {
	width:100%
}
.links {
	border-top:1px #636363 solid;
	margin:30px auto 0;
	height:79px;
	line-height:79px;
	color:#fff;
	font-size:16px;
}
.links span {
	color:#636363;
	margin-right:20px;
}
.links span img {
	margin-right:5px;
}
.links a {
	color:#636363;
}
.links a:after {
	content:"|";
	margin:0 5px;
	color:#636363;
}
.n_banner {
	width:100%;
	overflow:hidden;
	margin:77px auto 0;
}
.n_banner img {
	width:100%
}
.muen_nav {
	border-bottom:1px #ccc solid;
	overflow:hidden;
	line-height:80px;
	line-height:80px;
}
.muen_nav ul {
	overflow:hidden;
	float:left;
}
.muen_nav ul li {
	float:left;
	display:inline-block;
	position:relative;
}
.muen_nav ul li a {
	color:#666;
	display:block;
	padding:0 20px;
	font-size:18px;
}
.muen_nav ul li:after {
	content:"|";
	position:absolute;
	right:-2px;
	top:0px;
	color:#666;
}
.muen_nav ul li a:hover {
	background:#0068b7;
}
.muen_nav ul li:last-child:after {
	content:"";
	display:none;
}
.muen_nav ul li:hover a {
	color:#fff;
}
.muen_nav .p1 {
	line-height:80px;
	float:right;
	margin-left:16px;
}
.muen_nav .p1 a {
	display:block;
	padding-right:14px;
	background:url(../images/inpageaddress_icon02.png) no-repeat right center;
	font-size:16px;
	float:left;
	margin-left:10px
}
.muen_nav .p1 a:first-child {
	margin-left:0;
	color:#666
}
.muen_nav .p1 a:last-child {
	background-image:none
}
.muen_nav .p2 {
	float:none
}
.article-detailed {
	overflow:hidden;
	margin-top:20px
}
.article-detailed {
	margin:0 auto;
	overflow:hidden;
	margin-top:20px
}
.article-detailed .tit {
	height:auto;
	overflow:hidden;
	margin-bottom:15px
}
.article-detailed .tit p {
	color:#333;
	font-size:18px;
	text-align:center;
	border-bottom:1px dashed #f1f1f1;
	height:30px
}
.article-detailed .tit span {
	display:block;
	color:#333;
	margin-top:5px;
	font-size:12px;
	text-align:center
}
.article-detailed .intro {
	height:auto;
	overflow:hidden
}
.article-detailed .intro h2{
	font-size:22px;
	line-height:40px;
	text-align:center;
	margin:20px 0;
}
.article-detailed .intro img {
	display:block;
	max-width:100%;
	margin:0 auto
}
.article-detailed .intro p {
	color:#333;
	font-size:16px;
	line-height:30px
}
.anli_lb {
	overflow:hidden;
	margin:20px auto 0;
}
.anli_lb ul {
	overflow:hidden;
}
.anli_lb ul li {
	width:20%;
	float:left;
	overflow:hidden;
	border:10px #fff solid;
	box-sizing:border-box;
}
.anli_lb ul li div {
	overflow:hidden;
	border:1px #ccc solid;
	padding:20px;
}
.anli_lb ul li p {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:40px;
	line-height:40px;
	font-size:16px;
	text-align:center;
	position:relative;
	border:1px #ccc solid;
	border-top:none;
}
.anli_lb ul li a:hover dd {
	color:#0053a7
}
.anli_lb ul li a {
	color:#333
}
.anli_lb ul li div img {
	-webkit-transition:all .5s;
	transition:all .5s;
	width:100%;
	height:100%;
}
.anli_lb ul li div:hover img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.anli_lb ul li:hover p {
	color:#fff;
	background:#0068b7
}
.anli_lb ul li:nth-child(4n) {
	margin-right:0px;
}
.page {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:40px auto 20px;
}
.page ul {
	display:table;
	margin:0 auto
}
.page ul li {
	border:1px solid #ccc;
	padding:0 10px;
	height:30px;
	line-height:30px;
	color:#333;
	float:left;
	margin:0 5px
}
.page ul li a {
	color:#333
}
.page ul .thisclass {
	background:#333;
	color:#fff;
	border:1px solid #333
}
.page select {
	border:none;
	background:0 0;
	outline:0
}
.page ul .thisclass a {
	color:#fff;
}
.pic_content {
	overflow:hidden;
	margin-top:40px;
}
.pic_content ul {
	overflow:hidden;
}
.pic_content ul li {
	overflow:hidden;
	width:25%;
	float:left;
	box-sizing:border-box;
	border:10px #fff solid;
}
.pic_content ul li .pic_com {
	overflow:hidden;
}
.pic_content ul li .pic_com div {
	overflow:hidden;
	background:#000;
	position:relative
}
.pic_content ul li .pic_com dl {
	border:1px #f2f2f2 solid;
	margin:10px 0 0
}
.pic_content ul li .pic_com dl dd {
	height:45px;
	line-height:50px;
	font-size:16px;
	overflow:hidden;
	padding:0 20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pic_content ul li .pic_com dl dt {
	height:80px;
	line-height:45px;
	font-size:16px;
	overflow:hidden;
	border-top:1px #f2f2f2 solid;
	margin:0 10px;
	padding-left:10px;
	background:url(../images/jt.png) no-repeat 100% 20px;
}
.pic_content ul li a {
	color:#666;
}
.pic_content ul li .pic_com div img {
	-webkit-transition:all .5s;
	transition:all .5s;
	width:100%;
	height:100%;
}
.pic_content ul li .pic_com div:hover img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	opacity:0.4;
}
.pic_content ul li .pic_com div p {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0px;
	left:0px;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.pic_content ul li .pic_com div p span {
	display:block;
	text-align:center;
	margin:35% auto 0;
	font-size:16px;
	color:#fff;
}
.pic_content ul li .pic_com div p span:after {
	content:"";
	width:0%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.pic_content ul li .pic_com div p span:before {
	content:"";
	width:0%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.pic_content ul li:hover .pic_com div p {
	opacity:1;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.pic_content ul li:hover .pic_com div p span:after {
	content:"";
	width:50%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.pic_content ul li:hover .pic_com div p span:before {
	content:"";
	width:50%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.anli {
	overflow:hidden;
	margin-top:40px;
}
.anli ul {
	overflow:hidden;
}
.anli ul li {
	overflow:hidden;
	width:25%;
	float:left;
	box-sizing:border-box;
	border:10px #fff solid;
}
.anli ul li .pic_com {
	overflow:hidden;
}
.anli ul li .pic_com div {
	overflow:hidden;
	background:#000;
	position:relative
}
.anli ul li .pic_com dl {
	border:1px #f2f2f2 solid;
	margin:10px 0 0
}
.anli ul li .pic_com dl dd {
	height:45px;
	line-height:50px;
	font-size:16px;
	overflow:hidden;
	padding:0 20px;
}
.anli ul li .pic_com dl dt {
	height:80px;
	line-height:45px;
	font-size:16px;
	overflow:hidden;
	border-top:1px #f2f2f2 solid;
	margin:0 10px;
	padding-left:10px;
	background:url(../images/jt.png) no-repeat 100% 20px;
}
.anli ul li a {
	color:#666;
}
.anli ul li .pic_com div img {
	-webkit-transition:all .5s;
	transition:all .5s;
	width:100%;
	height:100%;
}
.anli ul li .pic_com div:hover img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	opacity:0.5;
}
.anli ul li .pic_com div p {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0px;
	left:0px;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.anli ul li .pic_com div p span {
	display:block;
	text-align:center;
	margin:35% auto 0;
	font-size:16px;
	color:#fff;
}
.anli ul li .pic_com div p span:after {
	content:"";
	width:0%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.anli ul li .pic_com div p span:before {
	content:"";
	width:0%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.anli ul li:hover .pic_com div p {
	opacity:1;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.anli ul li:hover .pic_com div p span:after {
	content:"";
	width:50%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.anli ul li:hover .pic_com div p span:before {
	content:"";
	width:50%;
	height:1px;
	background:#fff;
	display:block;
	margin:10px auto;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news_list {
	overflow:hidden;
	margin-top:40px;
}
.news_list ul {
	overflow:hidden
}
.news_list ul li {
	font-size:14px;
	display:block;
	float:left;
	vertical-align:top;
	width:33.33%;
	border:10px #fff solid;
	box-sizing:border-box;
	padding:10px;
	background:#f5f5f5;
}
.news_list ul li a {
	transition:.3s ease 0s;
	display:block;
	width:100%;
}
.news_list ul li .newimg {
	width:100%;
	overflow:hidden;
}
.news_list ul li .newimg img {
	width:100%
}
.news_list ul li .newnr {
	margin:8% auto 0;
	width:90%;
}
.news_list ul li .newnr b {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
}
.news_list ul li .p_time {
	font-size:14px;
	line-height:1.7;
	color:#666;
	padding:0;
	margin-top:6px
}
.news_list ul li p {
	transition:.3s ease 0s;
	margin-top:30px;
	font-size:14px;
	line-height:1.7;
	color:#666;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	height:48px;
	margin-bottom:30px;
}
.news_list ul li .i-a {
	float:left;
	font-size:16px;
	position:relative;
	line-height:50px;
	width:165px;
	height:50px;
	display:block;
	color:#fff;
	background:#0068b7;
	text-align:center
}
.news_list ul li:hover .i-a {
	background:#e4332d;
	transition:.3s ease 0s;
}
.news_list ul li:hover a {
	color:#fff;
	transition:.3s ease 0s;
}
.news_list ul li:hover a .p_time,.news_list ul li:hover a p {
	color:#fff;
	transition:.3s ease 0s;
}
.news_list ul li b:before {
	width:15px;
	height:3px;
	display:inline-block;
	vertical-align:middle;
	background:#0068b7;
	margin-right:15px;
	content:'';
}
.news_list ul li .newnr b {
	font-size:20px;
	font-weight:normal;
}
.news_list ul li.newnr b {
	transition:0.3s ease 0s;
	color:#333;
	font-size:16px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news_list ul li:hover {
	background:#f5f5f5;
	transition:.3s ease 0s;
}
.news_list ul li:hover a {
	color:#333;
	transition:.3s ease 0s;
}
.news_list ul li:hover a .p_time,.news_list ul li:hover a p {
	color:#333;
	transition:.3s ease 0s;
}
.contact {
	overflow:hidden;
	margin:50px auto
}
.contact ul {
	overflow:hidden
}
.contact ul li {
	width:50%;
	border:10px #fff solid;
	overflow:hidden;
	background:#f2f2f2;
	box-sizing:border-box;
	float:left
}
.contact ul li div {
	width:100px;
	height:100px;
	background:#ccc;
	border-radius:50%;
	margin:30px;
	float:left;
	overflow:hidden
}
.contact ul li div img {
	margin:27px
}
.contact ul li span {
	overflow:hidden
}
.contact ul li span h3 {
	overflow:hidden;
	font-size:18px;
	margin-top:40px;
	margin-bottom:10px
}
.contact ul li span p {
	margin-bottom:5px
}
.contact ul li span p a {
	color:#da251c
}
.contact ul li:hover div {
	background:#da251c
}
.ditu {
	height:400px;
	width:100%
}
.pro-intro {
	overflow:hidden;
	padding:10px
}
.pro-intro .img {
	float:left;
	width:405px;
	height:auto;
	overflow:hidden
}
.pro-intro .img img {
	display:block;
	width:450px;
	height:395px
}
.pro-intro .info {
	float:right;
	width:428px;
	height:395px;
	box-sizing:border-box;
	overflow:hidden;
	border:1px solid #d2d2d2;
	border-left:none
}
.pro-intro .info p {
	color:#555;
	font-size:20px;
	border-bottom:1px solid #d9d9d9;
	height:45px;
	margin-top:60px;
	text-indent:20px
}
.pro-intro .info .tel {
	width:100%;
	height:160px;
	border-bottom:1px solid #d9d9d9
}
.pro-intro .info .tel img {
	display:block;
	margin-top:25px;
	margin-left:25px
}
.pro-intro .info .tel b {
	width:100%;
	display:block;
	color:#1c71c8;
	margin-left:25px;
	font-size:36px;
	margin-top:10px;
	line-height:36px;
	font-weight:400
}
.pro-intro .data {
	width:100%;
	height:auto;
	overflow:hidden
}
.pro-intro .info .btn {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:30px;
	margin-left:25px
}
.pro-intro .info .btn a {
	display:block;
	width:165px;
	height:48px;
	background:#1c71c8;
	color:#fff;
	float:left;
	margin-right:15px;
	line-height:48px;
	font-size:16px;
	text-indent:30px;
	border-radius:10px;
	position:relative
}
.pro-intro .info .btn a:after {
	content:url(../images/kf.png);
	position:absolute;
	top:13px;
	right:29px
}
.pro-intro h2 {
	font-size:28px;
	color:#333;
	font-weight:400;
	margin-bottom:16px;
	text-align:center;
	margin-top:20px
}
.pro-intro .share {
	width:100%;
	height:46px;
	line-height:46px;
	border-bottom:1px #e7e7e7 solid;
	background:#f1f1f1;
	text-align:center
}
.pro-intro .share p span {
	display:inline-block;
	font-size:12px;
	color:#999;
	padding:0 8px
}
.pro-intro .info .btn a:last-child {
	background:#595757;
	text-indent:0;
	text-align:center
}
.pro-intro .info .btn a:last-child::after {
	content:""
}
.pro-intro .info .btn a:hover {
	background:#25b240
}
.pro-intro .intro {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:40px;
	min-height:500px
}
.pro-intro .intro .t {
	width:100%;
	height:30px;
	border-bottom:1px solid #d2d2d2
}
.pro-intro .intro .t p {
	color:#fff;
	font-size:18px;
	background:#1c71c8;
	width:180px;
	height:30px;
	line-height:30px;
	text-align:center
}
.pro-intro .textxq {
	width:100%;
	height:auto;
	overflow:hidden;
	color:#666;
	font-size:16px;
	line-height:30px;
	margin-top:20px;
	/* 新增：为图片居中提供基础 */
	text-align: center;
}

/* 关键样式：统一容器内所有图片的宽度 */
.pro-intro .textxq img {
	/* 宽度自适应容器，最大不超过1280px */
	max-width: 100%;
	width: 100%;
	max-width: 1280px;
	/* 高度自动，保持图片原始比例 */
	height: auto;
	/* 去除图片默认间距 */
	display: block;
	/* 水平居中（兼容所有浏览器） */
	margin: 20px auto;
	/* 可选：防止图片拉伸变形 */
	object-fit: contain;
	/* 可选：添加轻微圆角，提升视觉效果 */
	border-radius: 4px;
}

/* 可选：小屏幕下优化图片间距 */
@media only screen and (max-width: 1280px) {
	.pro-intro .textxq img {
		/* 小屏幕下图片左右留边，避免贴边 */
		margin: 20px 10px;
		width: calc(100% - 20px);
	}
}
.txt {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:10px;
	font-size:20px;
	text-align:center;
	height:45px;
	font-weight:700;
	background:url(../images/tit02.png) no-repeat center bottom;
	color:#1c71c8
}
.textxq img {
	max-width:100%;
	margin:0 auto;
	text-align:center;
	display:block
}
.pro-intro .textxq p {
	text-indent:2em;
}
.article-detailed {
	overflow:hidden;
	background:#fff;
	padding:20px
}
.article-detailed .tit {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px
}
.article-detailed .tit p {
	color:#333;
	font-size:24px;
	text-align:center;
	border-bottom:1px dashed #f1f1f1;
	padding:10px 0
}
.article-detailed .tit span {
	display:block;
	color:#333;
	margin-top:5px;
	font-size:12px;
	text-align:center
}
.article-detailed .intro {
	width:100%;
	height:auto;
	overflow:hidden
}
.article-detailed .intro img {
	display:block;
	max-width:100%;
	margin:0 auto
}
.article-detailed .intro p {
	color:#333;
	font-size:16px;
	line-height:30px;
	text-indent:2em;
}
.fy {
	height:auto;
	border:1px solid #d2d2d2;
	overflow:hidden;
	margin-top:30px
}
.fy p {
	width:33.333%;
	box-sizing:border-box;
	height:60px;
	line-height:60px;
	float:left;
	color:#666;
	font-size:16px;
	text-align:center;
	border-right:1px solid #d2d2d2;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:0 10px
}
.fy p:last-child {
	border:none
}
.fy p a {
	color:#666
}
.w20 {
	margin:20px auto;
}
.shebei {
	overflow:hidden;
}
.shebei ul {
	overflow:hidden;
	padding:10px 0;
}
.shebei ul li {
	overflow:hidden;
	width:385px;
	overflow:hidden;
	border:1px #e6e6e6 solid;
	margin-right:25px;
	float:left;
}
.shebei ul li div {
	overflow:hidden;
	width:100%;
	position:relative;
}
.shebei ul li div img {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	width:100%;
	height:100%
}
.shebei ul li:hover div img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.shebei ul li p {
	overflow:hidden;
	height:50px;
	line-height:50px;
	background:#fff;
	text-align:center;
	font-size:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.shebei ul li:hover {
	box-shadow:0 0 8px #ccc;
}
.shebei ul li div dl {
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:absolute;
	top:-100%;
	left:0px;
}
.shebei ul li div dl dd {
	width:150px;
	height:50px;
	border-radius:30px;
	line-height:50px;
	text-align:center;
	margin:130px auto;
	font-size:16px;
	color:#fff;
	background:#0068b7
}
.shebei ul li:hover dl {
	top:0px;
	-webkit-transition:all .5s;
	transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
}
.side {
	position:fixed;
	width:78px;
	right:0;
	top:50%;
	margin-top:-200px;
	z-index:10000;
	border:1px solid #ccc;
	background:#fff;
	border-bottom:0
}
.side ul li {
	width:78px;
	height:78px;
	float:left;
	position:relative;
	border-bottom:1px solid #e0e0e0;
	color:#333;
	font-size:14px;
	line-height:38px;
	text-align:center;
	transition:all .3s;
	cursor:pointer;
}
.side ul li a {
	color:#333
}
.side ul li:hover {
	background:#0068b7;
	color:#fff
}
.side ul li:hover a {
	color:#fff
}
.side ul li i {
	height:25px;
	margin-bottom:1px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 25px;
	margin-top:14px;
	transition:all .3s
}
.side ul li i.bgs1 {
	background-image:url(../images/ios01.png)
}
.side ul li i.bgs2 {
	background-image:url(../images/ios02.png)
}
.side ul li i.bgs3 {
	background-image:url(../images/ios03.png)
}
.side ul li i.bgs6 {
	background-image:url(../images/ios03.png)
}
.side ul li:hover i.bgs1 {
	background-image:url(../images/icon11.png)
}
.side ul li:hover i.bgs2 {
	background-image:url(../images/icon22.png)
}
.side ul li:hover i.bgs6 {
	background-image:url(../images/icon33.png)
}
.side ul li.sideetel:hover .telBox {
	display:block
}
.side ul li.sideewm:hover .ewBox {
	display:block
}
.side ul li .sidebox {
	position:absolute;
	width:78px;
	height:78px;
	top:0;
	right:0;
	transition:all .3s;
	overflow:hidden
}
.side ul li.sideewm .ewBox {
	width:130px;
	display:none;
	color:#363636;
	text-align:center;
	padding:10px;
	position:absolute;
	left:-152px;
	top:-75px;
	background-repeat:no-repeat;
	background-position:center center;
	border:1px solid #e0e0e0;
	background:#0068b7;
}
.side ul li.sideetel .telBox {
	width:240px;
	height:78px;
	display:none;
	color:#fff;
	text-align:left;
	position:absolute;
	left:-240px;
	top:0;
	background:#0068b7
}
.side ul li.sideetel .telBox dd {
	display:block;
	height:100px;
	overflow:hidden;
	padding-left:82px;
	line-height:24px;
	font-size:18px;
	padding-top:14px
}
.side ul li.sideetel .telBox dd span {
	display:block;
	line-height:28px;
	height:28px;
	overflow:hidden;
	margin-top:11px;
	font-size:18px
}
.side ul li.sideetel .telBox dd.bgs1 {
	background:url(../images/right_pic8.png) 28px center no-repeat;
	background-color:#0a8ada
}
.side ul li.sideetel .telBox dd.bgs2 {
	background:url(../images/icon11.png) 28px 19px no-repeat;
	background-size:15%
}
.side ul li.sideewm .ewBox img {
	width:100%
}
.buttom {
	background:#0068b7;
	bottom:0;
	margin:0 auto;
	max-width:100%;
	min-width:320px;
	position:fixed;
	width:100%;
	z-index:9999;
	display:none;
}
.buttom ul {
	overflow:hidden
}
.buttom ul li {
	color:#fff;
	float:left;
	width:25%;
	padding:3% 0;
	border-right:1px #fff solid;
	box-sizing:border-box
}
.buttom ul li .sy {
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	width:50%;
	margin:0 auto
}
.buttom ul li p {
	font-size:14px;
	overflow:hidden;
	text-align:center
}
.buttom ul li a {
	color:#fff
}
.buttom ul li .sy img {
	width:30px;
}
.mtop {
	display:none;
}
.fanhui {
	display:none
}
/* 响应式导航调整 */

/* 1890px以下 */
@media only screen and (max-width:1890px) {
	.menu {
		padding:0 5%;
	}
}

/* 1730px以下 */
@media only screen and (max-width:1730px) {
	.menu .nav {
		margin-right:2%;
	}
}

/* 1620px以下 - 开始缩小LOGO */
@media only screen and (max-width:1620px) {
	.logo img {
		max-height:60px;
	}
	.logo {
		margin-top:20px;
	}
	
	/* 调整新闻列表样式 */
	.news_com ul li span b {
		padding:5px 0;
	}
	.news_com ul dl h3 {
		height:30px;
		line-height:30px;
	}
	.news_com ul li {
		padding:8px 6px;
	}
}

/* 1610px以下 - 进一步缩小LOGO */
@media only screen and (max-width:1610px) {
	.logo img {
		max-height:50px;
	}
	.logo {
		margin-top:25px;
	}
}

/* 1490px以下 - 调整导航菜单大小 */
@media only screen and (max-width:1490px) {
	.menu .nav li a {
		font-size:16px;
		padding:0 8px;
	}
	.menu .nav li {
		margin:0 8px;
		min-width:90px;
	}
}

/* 1380px以下 - 进一步调整导航菜单 */
@media only screen and (max-width:1380px) {
	.menu .nav li a {
		font-size:14px;
		padding:0 6px;
	}
	.menu .nav li {
		margin:0 6px;
		min-width:80px;
	}
}

/* 1366px以下 - 调整内容区域和导航 */
@media only screen and (max-width:1366px) {
	.content,
	.con_box {
		padding:0 5%;
	}
	.menu {
		padding:0 5%;
	}
}

/* 导航hover效果调整 */
@media only screen and (max-width:1440px) {
	.menu .nav li a:hover:after,
	.menu .nav li a.current:after {
		content:"";
		width:100%;
		position:absolute;
		height:100px;
		background:#0068b7;
		bottom:0px;
		left:0%;
		transition:.4s ease-out;
		-moz-transition:.4s ease-out;
		-webkit-transition:.4s ease-out;
		-o-transition:.4s ease-out;
	}
}@media only screen and (max-width:1310px) {
	.top,.content,.menu {
	min-width:auto;
	margin:0px auto;
	padding:0px 1%;
}
.n_banner,.bodybox {
	min-width:auto;
}
.footer {
	padding:50px 1% 0;
	width:auto;
}
}.pc_banner {
	width:100%;
	overflow:hidden;
	margin:100px auto 0;
}
.ban {
	width:100%;
	overflow:hidden;
	margin:0 auto
}
.ban img {
	width:100%
}
.m_banner {
	display:none;
	width:100%;
	overflow:hidden;
	margin:0px auto;
	margin:100px auto 0;
}
@media only screen and (max-width:1160px) {
	.menu .nav li a {
	width:75px;
}
.koubei ul li {
	border:5px #f7f7f7 solid;
}
.koubei ul li .kb p {
	padding:15px 5px;
}
.menu .nav {
	display:none
}
.hot {
	display:none;
}
.sp_nav {
	display:block;
}
    .pic_nav ul {
        --base-cols: 2;       /* 对应原版33.33%的3列布局，兼容gap间距 */
		gap: 4px;
    }
    .pic_nav ul li {
        width: var(--item-base-width); /* 替换纯33.33%，兼容gap计算 */
        font-size: 0.2rem;            /* 保留原版字体大小 */
        height: inherit;              /* 保留原版高度继承 */
        line-height: inherit;         /* 保留原版行高继承 */
        padding: 3% 0;                /* 保留原版上下内边距 */
        border: 5px #fff solid;       /* 保留原版边框样式 */
    }
    /* 同步适配a标签，保证文字居中 */
    .pic_nav ul li a {
        height: inherit;
        line-height: inherit;
        font-size: inherit; /* 继承li的0.2rem字体大小 */
    }
.pic_box ul li {
	overflow:hidden;
	width:50%;
	overflow:hidden;
	border:8px #fff solid;
	box-sizing:border-box;
	margin:0 0%;
	float:left;
}
.pic_box ul li a {
	border:1px #e6e6e6 solid;
	display:block;
}
.pic_box ul li div dl {
	display:none;
}
.muen_nav {
	border:none;
	height:inherit;
	line-height:inherit;
}
.muen_nav .p1 {
	float:none;
	border-bottom:1px #ccc solid;
	overflow:hidden;
	height:inherit;
	line-height:inherit;
	padding:15px 0
}
.muen_nav ul {
	float:none;
	margin-top:20px;
}
.muen_nav ul li:after {
	content:"";
	display:none;
}
.muen_nav ul.f2 {
	overflow:hidden;
}
.muen_nav ul.f2 li {
	width:50%;
	padding:10px 0;
	border:5px #fff solid;
	background:#f1f1f1;
	text-align:center;
	box-sizing:border-box;
	height:inherit;
	line-height:inherit;
}
.muen_nav ul.f3 {
	overflow:hidden;
}
.muen_nav ul.f3 li {
	width:33.33%;
	padding:10px 0;
	border:5px #fff solid;
	background:#f1f1f1;
	text-align:center;
	box-sizing:border-box;
	height:inherit;
	line-height:inherit;
}
.side {
	display:none;
}
.buttom {
	display:block;
}
.contact ul li {
	width:100%;
	float:none;
}
.pic_content ul li,.anli ul li {
	width:50%
}
.pic_content ul li .pic_com dl dd {
	font-size:0.2rem;
}
.pic_content ul li .pic_com dl dt {
	font-size:0.18rem;
}
.muen_nav .p1 a,.muen_nav ul li a {
	font-size:0.22rem;
}
.pro-intro .share {
	height:inherit;
	line-height:inherit;
	padding:10px 0
}
.pro-intro .share p span {
	display:block;
	font-size:.18rem;
	color:#999;
	padding:0 8px
}
.fy {
	height:auto;
	border:1px solid #d2d2d2;
	overflow:hidden;
	margin-top:30px
}
.fy p {
	width:50%;
	box-sizing:border-box;
	height:inherit;
	line-height:inherit;
	float:left;
	color:#666;
	font-size:.2rem;
	text-align:center;
	border-right:1px solid #d2d2d2;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:10px
}
.fy p:last-child {
	border:none;
	border-top:1px #ccc solid;
	width:100%
}
.pro-intro h2 {
	font-size:.25rem
}
.pc_banner {
	display:none;
}
.m_banner {
	display:block;
}
.case .pj_titles {
	font-size:0.2rem;
}
.aboutbj {
	overflow:hidden;
	background:url(../images/maboutbj.jpg) no-repeat center top;
	background-size:100% 100%;
	background-attachment:fixed;
}
.fll {
	margin:20px auto 0
}
.title,.title1 {
	margin:20px auto;
}
.koubei ul {
	padding:0px
}
.koubei ul li {
	width:50%;
	padding:0px;
}
.koubei ul li .kb p {
	font-size:0.2rem;
	line-height:0.35rem;
}
.koubei ul li .kb h3 {
	font-size:0.25rem;
}
.koubei ul li:last-child {
	width:100%
}
.koubei ul li:last-child p {
	height:inherit;
	padding-bottom:30px;
}
.title h3,.title1 h3 {
	font-size:0.3rem;
}
.title p,.title1 p {
	font-size:0.2rem;
}
.pic_box ul li p {
	font-size:0.22rem;
}
.about {
	width:auto;
}
.about h3 {
	font-size:.35rem;
}
.about h3 i {
	font-size:.15rem;
}
.about dd {
	font-size:0.22rem;
	line-height:0.35rem;
}
.product-number-info li {
	width:50%
}
.product-number-info li b {
	font-size:0.4rem;
}
.shebei ul li {
	width:220px;
}
.shebei ul li div dl {
	display:none;
}
.about dt {
	float:none;
}
.product-number-info li b sup {
	font-size:0.15rem;
}
.product-number-info li {
	padding:15px 0
}
.product-number-info ul {
	padding:10px 0;
	overflow:hidden;
}
.product-number-info {
	margin-bottom:30px;
}
.product-number-info li b {
	margin:15px 0 5px;
}
.product-number-info li:nth-child(3) {
	border-left:none;
}
.news {
	background:#f9fafc;
	overflow:hidden;
	margin:30px auto 0;
	padding-top:30px;
}
.footer ul {
	display:none;
}
.news_com ul li {
	width:auto;
	float:left;
	padding:15px 0
}
.news_com ul li:nth-child(n+6) {
	display:none;
}
.news_bt h3 {
	float:none;
	font-size:0.3rem;
	color:#0055bc;
	text-align:center;
}
.news_bt p {
	font-size:0.2rem;
}
.news_bt .news_tab {
	float:none;
	margin-top:30px;
}
.news_bt .news_tab a {
	border-radius:30px;
	height:40px;
	line-height:40px;
	width:30%;
	border:1px #0068b7 solid;
	display:inline-block;
	margin:0 1%;
	text-align:center;
	font-size:0.2rem;
	display:block;
	float:left;
}
.news_l div dd {
	position:absolute;
	height:40px;
	line-height:40px;
	background:rgba(0,0,0,0.6);
	width:100%;
	text-align:left;
	padding-left:5px;
	font-size:0.22rem;
	display:block;
	left:0px;
	bottom:0px;
}
.news_com ul dl h3 {
	font-size:0.2rem;
}
.news ul dl p {
	font-size:0.2rem;
}
.footer .foo_txt h4 {
	font-size:0.25rem;
}
.footer .foo_txt h3 {
	font-size:0.3rem;
}
.footer .foo_txt p {
	font-size:0.2rem;
	line-height:0.35rem;
}
.footer {
	background-size:cover;
}
.news_com {
	overflow:hidden;
	margin:20px auto 0;
	padding-bottom:20px;
}
.more_btn {
	margin:25px auto;
}
.news_list ul li .newnr b {
	font-size:0.22rem;
}
.news_list ul li .newnr b {
	font-size:0.22rem;
}
.news_list ul li .p_time {
	font-size:0.15rem;
}
.news_list ul li p {
	font-size:0.2rem;
	height:inherit
}
.footer {
	padding:50px 1% 1.5rem;
}
.footer .foo_txt {
	width:auto;
	float:none;
	padding-left:0px;
	border-right:none;
	height:inherit;
	text-align:center;
}
.footer .foo_txt h4:after {
	content:"____";
	color:#0068b7;
	display:block;
}
.footer .rwm,.links {
	display:none;
}
.mtop {
	display:block;
	width:40px;
	height:40px;
	position:fixed;
	right:2px;
	bottom:12%;
	border-radius:3px;
	background:#0068b7 url(../images/icon33.png) no-repeat center center;
	background-size:20px;
	z-index:1;
}
.muen_nav .p1 {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.muen_nav .p1 a {
	display:initial;
	padding-right:14px;
	background:url(../images/inpageaddress_icon02.png) no-repeat right center;
	font-size:16px;
	float:none;
	margin-left:10px;
}
.fanhui {
	background:#0068b7;
	width:100%;
	padding:3% 0;
	font-size:0.2rem;
	color:#fff;
	text-align:center;
	display:block;
}
.fanhui:before {
	content:"▲";
	color:#fff;
}
}@media only screen and (max-width:750px) {
	.news_list ul li .newimg {
	box-shadow:10px 10px 45px 0 rgb(0 0 0 / 0%);
	width:auto;
	height:auto;
	max-height:355px;
	display:block;
	vertical-align:middle
}
.news_list ul li .newnr {
	width:auto;
	display:block;
	vertical-align:middle;
	margin-left:5%;
	margin-top:20px
}
.news_list ul li {
	width:50%;
	border:6px #fff solid;
}
.links {
	display:none;
}
.pic_content ul li .pic_com dl dt {
	height:inherit;
}
.product-number-info li b sup {
	position:relative;
	font-size:20px;
	right:0;
	bottom:0px;
	color:#0068b7;
	vertical-align:baseline;
}
}@media only screen and (max-width:768px) {
	.logo {
	width:60%;
	margin-top:12px;
}
}@media only screen and (max-width:420px) {
	.logo {
	width:70%;
	margin-top:17px;
}
.logo img {
	width:100%;
}
.sp_nav {
	margin-top:30px;
}
.menu {
	height:77px;
}
.product-number-info li b sup {
	width:44px;
	right:auto
}
.nav_show {
	top:77px;
}
.head {
	height:77px;
}
.m_banner {
	margin:77px auto 0;
}
.news_list ul li {
	width:100%;
	border:6px #fff solid;
}
.n_banner {
	height:120px;
}
.n_banner img {
	height:100%
}
}.page ul .page-num {
	color:#fff;
	border:1px solid #ccc;
	padding:0 10px;
	height:30px;
	line-height:30px;
	color:#333;
	float:left;
	margin:0 5px;
}
.page ul .page-num a {
	color:#fff;
}
.page ul .page-num-current {
	border:1px solid #333;
	background:#333;
	color:#fff;
}
.page ul .page-num-current a {
	color:#fff;
}