﻿@charset "utf-8";
@import url('common.css');
@import url('iconfont/iconfont.css');
/* CSS Document */
body {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: '微软雅黑';
	color: #212121;
	background: #eff3fc;
}
a {
	color: #212121;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}
a img {
	border: none;
}
div,
ul,
li,
p,
form,
h1,
h2,
h3,
h4,
h5,
dl,
dd,
table,
tr,
contacttd {
	margin: 0px;
}
ul,
li {
	list-style-type: none;
	padding: 0;
}
em {
	font-style: normal;
	font-weight: normal;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.upfile {
	border: 1px solid #ccc;
	height: 28px;
	margin-top: 10px;
	width: 98%;
}
.w1500 {
	width: 1500px;
	max-width: 95%;
	margin: auto;
}
.w1400 {
	width: 1400px;
	max-width: 95%;
	margin: auto;
}
.w1200 {
	width: 1200px;
	max-width: 95%;
	margin: auto;
}
.w1320 {
	width: 1320px;
	max-width: 95%;
	margin: auto;
	background: #fff;
	padding: 10px;
}

/*头部*/
.headBox {
	height: 180px;
	overflow: hidden;
	width: 100%;
}
.headFixed {
	position: fixed;
	z-index: 9999;
	width: 100%;
}
.Headbots {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px calc((1920px - 1500px) / 2);
	background: #fff;
	box-sizing: border-box;
	height: 40px;
}
.Headbots a {
	font-size: 16px;
}
.Headbots img {
	vertical-align: bottom;
}
.head {
	width: 100%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	background: #fff;
	padding: 10px calc((1920px - 1500px) / 2);
	box-sizing: border-box;
	height: 140px;
}
.headLeft {
	gap: 20px;
}
.headLogo {
	gap: 20px;
}
.headLogo::after {
	content: '';
	display: block;
	width: 1px;
	height: 50px;
	border-radius: 40px;
	background-color: #ff0000;
}
.headLogo img {
	width: 100%;
	height: 100px;
}
.headRight {
	font-size: 0;
	gap: 45px;
}
#nav_menu {
	gap: 45px;
}
#nav_menu > li {
	display: inline-block;
	position: relative;
	transition: all 0.3s ease-out 0s;
}
#nav_menu > li > a {
	font-size: 18px;
	color: #333;
	display: inline-block;
	transition: 0.3s ease-in-out;
	text-align: center;
	padding-bottom: 25px;
}
#nav_menu > li:hover > a,
#nav_menu > li.munehover > a {
	color: #ff0000;
}
#nav_menu > li > ul {
	width: 180px;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -90px;
	background: #fff;
	box-shadow: 0 0px 10px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-out 0s;
	transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-webkit-transform: translate3d(0px, 10px, 0px);
	opacity: 0;
	height: 0px;
	overflow: hidden;
	z-index: 999;
}
#nav_menu > li:hover > ul {
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
}
#nav_menu > li > ul > li {
	width: 100%;
	height: 49px;
	line-height: 49px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#nav_menu > li > ul > li > a {
	font-size: 14px;
	color: #666;
	height: 49px;
	line-height: 49px;
	display: block;
	text-align: center;
}
#nav_menu > li > ul > li > a:hover {
	background: #f2f2f2;
	color: #333;
}
#nav_menu .nav_menu-item2 > ul {
	width: 1200px;
	margin-left: -600px;
	gap: 2.5%;
	padding: 20px;
	/* background-color: red; */
	box-sizing: border-box;
	border-radius: 4px;
}
#nav_menu .nav_menu-item2 > ul > li {
	width: 18%;
	border: 1px solid rgba(0, 0, 0, 0.08);
	height: 130px;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 20px;
}
#nav_menu .nav_menu-item2 > ul > li > a {
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 100%;
	overflow: hidden;
	gap: 10px;
}
#nav_menu .nav_menu-item2 > ul > li > a > img {
	width: 80px;
	height: 80px;
	object-fit: contain;
}
#nav_menu .nav_menu-item2 > ul > li > a > span {
	line-height: 30px;
	font-size: 14px;
	height: 30px;
}
#nav_menu .nav_menu-item2 > ul > li:hover {
	border: 1px solid rgb(255, 0, 0, 0.2);
	box-shadow: 0 0px 10px 4px rgba(0, 0, 0, 0.1);
}
#nav_menu > .nav_menu-item2 > ul > li > a:hover {
	transform: scale(1.1);
	transition: all 0.3;
	background-color: #fff;
	color: #ff0000;
}
.Tel {
	display: inline-block;
	vertical-align: top;
}
.Tel img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
.Tel p {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #ff0000;
	font-weight: bold;
	transition: 0.5s;
}

.searchBox {
	/* padding-bottom: 25px; */
	position: relative;
	width: 80px;
	background-color: #e60f28;
	border-radius: 8px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}
.searchBox > i {
	font-size: 20px;
	color: #fff;
}
.searchBox > i:hover {
	color: #fff;
	cursor: pointer;
}
.searchInfo {
	position: absolute;
	top: 95px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	z-index: 999;
	padding: 20px;
	height: 280px;
	box-sizing: border-box;
	width: 0px;
	transition: all 0.4s;
	overflow: hidden;
	visibility: hidden;
	/* border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; */
	border-radius: 4px;
	box-shadow: 1px 1px 10px 1px rgb(0, 0, 0, 0.2);
}
.searchInfo .closeBox {
	padding-bottom: 20px;
}
.searchInfo .closeBox > i.close {
	color: #999999;
	cursor: pointer;
	display: block;
	font-size: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
.searchInfo .closeBox > i.close:hover {
	color: #ff0000;
	cursor: pointer;
	animation: rotate 3s infinite;
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.searchInfo .searchForm > i {
	font-size: 20px;
	color: #ff0000;
}
.searchInfo .searchForm {
	border-bottom: 1px solid #ff0000;
	padding-bottom: 8px;
}
.searchInfo .searchForm .search {
	outline: none;
	flex: 1;
	font-size: 16px;
	border: none;
	color: #263d7b;
	padding: 0 10px;
}
.searchInfo .searchForm .search::placeholder {
	color: #999;
}
.searchInfo .searchForm .navSbmit {
	outline: none;
	font-size: 16px;
	padding: 0;
	border: none;
	background: #fff;
	cursor: pointer;
	color: #ff7900;
}
.searchInfo .searchForm .navSbmit:hover {
	color: #ff0000;
}
.searchInfo .popular {
	padding-top: 8px;
}
.searchInfo .popular > p {
	color: #000;
	font-size: 18px;
}
.searchInfo .popular .metaKeys {
	gap: 3%;
	margin-top: 10px;
	font-size: 16px;
	color: #999;
	cursor: pointer;
}
.searchInfo .popular .metaKeys > span {
	margin-top: 3px;
}
.searchInfo .popular .metaKeys > span:hover {
	color: #ff0000;
}

/*动画*/
.I_banner {
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	font-size: 0;
}
.I_banner .img-box {
	overflow: hidden;
	/* margin: 0 auto; */
	display: block;
	width: 100%;
	position: relative;
	height: 670px;
	box-sizing: border-box;
	padding: 6% 6% 4%;
}
.I_banner .img-box img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	object-fit: contain;
	z-index: -1;
}
.I_banner .img-box h2 {
	color: #fff;
	font-size: 52px;
	display: inline-block;
	-webkit-text-stroke-width: 1px; /* 描边宽度 */
	-webkit-text-stroke-color: #ff7900; /* 描边颜色 */
	paint-order: stroke;
}
.I_banner .img-box p {
	font-size: 14px;
	line-height: 32px;
	padding: 20px 0;
	color: #eee;
	width: 50%;
}
.I_banner .img-box a {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	border-bottom: 2px solid #ff7900;
}
.I_banner .img-box a:hover {
	color: #ff7900;
}
/* .I_banner .img-box p:last-child {
	margin-top: 20px;
	background: radial-gradient(circle at center, #67c6e4 75px, rgb(255, 255, 255) 150px);
	width: 300px;
	font-size: 28px;
	border-radius: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0;
} */
.I_banner .swiper-button-prev,
.I_banner .swiper-button-next {
	width: 50px;
	height: 150px;
	outline: none;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: 50%;
	background-repeat: no-repeat;
}
/* .I_banner .swiper-button-prev {
	left: 6%;
	background-image: url(Left.png);
}
.I_banner .swiper-button-next {
	right: 6%;
	background-image: url(Right.png);
} */
.I_banner .swiper-pagination {
	bottom: 3% !important;
}
.I_banner .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #bfbfbf;
	opacity: 1;
	margin: 0 9px;
}
.I_banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ce1126;
	transition: all 0.4s ease;
}

.Product {
	font-size: 0;
	padding: 80px 0 83px;
	overflow: hidden;
}
.ProductTitle {
	text-align: center;
	overflow: hidden;
}
.ProductTitle h2 {
	font-size: 36px;
	color: #e60f28;
}
.ProductTitle h2 span {
	font-size: 36px;
	color: #e60f28;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
.ProductTitle h2 span:last-child {
	color: #044fa0;
	margin-right: 0;
}
.ProductTitle h2 i {
	width: 16px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
	background: url(/img/Title_i.png) no-repeat center;
	margin-top: 2px;
	margin-right: 12px;
}
.ProductTitle .bor {
	position: relative;
	height: 5px;
	margin: 17px 0 16px;
}
.ProductTitle .bor::before,
.ProductTitle .bor::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.ProductTitle .bor::before {
	width: 500px;
	height: 1px;
	background-color: #ddd;
}
.ProductTitle .bor::after {
	width: 30px;
	height: 5px;
	background-color: #f00;
}
.ProductTitle p {
	font-size: 18px;
	color: #666;
}
.ProductList {
	margin-top: 40px;
	gap: 2%;
}
.ProductList li {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	width: calc((100% - 2% * 3) / 4);
	margin-bottom: 22px;
}
.ProductList li:nth-child(3n) {
	margin-right: 0;
}
.ProductList li .ProductImg {
	overflow: hidden;
	max-height: 400px;
}
.ProductList li .ProductImg img {
	max-width: 100%;
	transition: 0.5s;
}
.ProductList li:hover .ProductImg img {
	transform: scale(1.1);
}
.ProductList li .ProductArt {
	border-top: 1px solid #eee;
	position: relative;
	z-index: 1;
}
.ProductList li .ProductArt::before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ff0000;
	z-index: -1;
	transition: 0.6s;
}
.ProductList li:hover .ProductArt::before {
	width: 100%;
}
.ProductList li .ProductArt p {
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	color: #616161;
	padding-left: 29px;
	transition: 0.5s;
}
.ProductList li:hover .ProductArt p {
	color: #fff;
}
.ProductList li .ProductArt i {
	position: absolute;
	display: block;
	width: 71px;
	height: 73px;
	background: url(/img/Product_i.png) no-repeat center;
	top: 0;
	right: 0;
	border-left: 1px solid #eee;
	transition: 0.5s;
}
.ProductList li:hover .ProductArt i {
	background-image: url(/img/Product_is.png);
}
.ProductMore {
	float: right;
	margin-top: -50px;
}
.ProductMore a {
	display: block;
	width: 168px;
	height: 48px;
	transition: 0.5s;
	border: 1px solid #ca2b2f;
	text-align: center;
	color: #ca2b2f;
	font-size: 16px;
	line-height: 48px;
}
.ProductMore a:hover {
	background: #ca2b2f;
	color: #fff;
}

.ProductLun {
	text-align: center;
	position: relative;
	width: 80%;
	margin: auto;
}
.ProductLun .ProductBox {
	overflow: hidden;
	padding: 0 10px;
	width: 90%;
	margin: auto;
	padding-top: 40px;
}
.ProductLun li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.ProductLun .ProductArt {
	width: 60%;
	float: left;
	text-align: left;
}
.ProductLun .ProductArt h1 {
	font-size: 30px;
	color: #044fa0;
	text-align: left;
}
.ProductLun .ProductArt .intro {
	font-size: 16px;
	padding: 20px 0;
	color: #000;
	width: 60%;
}
.ProductLun .ProductArt .Productjies {
	overflow: hidden;
	margin-top: 45px;
}
.ProductLun .ProductArt .Productjies li {
	float: left;
	width: 50%;
	font-size: 16px;
	margin-bottom: 30px;
	color: #000;
	font-family: 'SourceHanSansCN-Normal';
}
.ProductLun .ProductArt .Productjies li span {
	color: #044fa0;
}
.ProductLun .ProductArt p {
	font-size: 16px;
	color: #000;
	font-family: 'SourceHanSansCN-Normal';
}
.ProductLun .ProductArt .Productmore {
	margin-top: 50px;
}
.ProductLun .ProductArt .Productmore a {
	display: block;
	width: 168px;
	height: 48px;
	transition: 0.5s;
	border: 2px solid #ca2b2f;
	text-align: center;
	color: #ca2b2f;
	font-size: 14px;
	line-height: 48px;
}
.ProductLun .ProductArt .Productmore a:hover {
	background: #ca2b2f;
	color: #fff;
}
.ProductLun .ProductImg {
	float: right;
	width: 40%;
}
.ProductLun .ProductImg img {
	height: 400px;
	width: 100%;
	object-fit: contain;
}

.ProductLun .swiper-button-next,
.ProductList .swiper-button-prev {
	width: 49px;
	height: 49px;
	outline: none;
	background: no-repeat center;
	border-radius: 50px;
}
.ProductLun .swiper-button-next {
	background-image: url(/img/Right.png);
	right: -15px !important;
}
.ProductLun .swiper-button-next:hover {
	background-image: url(/img/Rights.png);
}
.ProductLun .swiper-button-prev {
	background-image: url(/img/Left.png);
	left: -15px !important;
}
.ProductLun .swiper-button-prev:hover {
	background-image: url(/img/Lefts.png);
}

.Partner {
	font-size: 0;
	padding: 82px 0 38px;
	overflow: hidden;
}
.PartnerTitle {
	text-align: center;
}
.PartnerTitle h2 {
	font-size: 36px;
	color: #222;
}
.PartnerTitle h2 span {
	font-size: 36px;
	color: #222;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
.PartnerTitle h2 span:last-child {
	color: #ff0000;
	margin-right: 0;
}
.PartnerTitle h2 i {
	width: 16px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
	background: url(/img/Title_i.png) no-repeat center;
	margin-top: 2px;
	margin-right: 12px;
}
.PartnerTitle .bor {
	position: relative;
	height: 5px;
	margin: 17px 0 16px;
}
.PartnerTitle .bor::before,
.PartnerTitle .bor::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.PartnerTitle .bor::before {
	width: 500px;
	height: 1px;
	background-color: #ddd;
}
.PartnerTitle .bor::after {
	width: 30px;
	height: 5px;
	background-color: #f00;
}
.PartnerTitle p {
	font-size: 18px;
	color: #666;
}
.PartnerList {
	margin-top: 70px;
}
.PartnerList li {
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
	width: 13.38%;
	margin-right: 3.94%;
	margin-bottom: 23px;
	transition: 1s;
}
.PartnerList li:hover {
	box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
	transform: translateY(-5px);
}
.PartnerList li:nth-child(6n) {
	margin-right: 0;
}
.PartnerList li .PartnerImg {
	height: 116px;
	overflow: hidden;
	text-align: center;
}
.PartnerList li img {
	max-height: 100%;
}

.Advantages {
	font-size: 0;
	background: url(/img/Advantages_bg.png) no-repeat center top;
	padding: 48px 0;
	overflow: hidden;
}
.AdvantagesTitle {
	float: left;
	margin-top: 30px;
}
.AdvantagesTitle h2 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 20px;
}
.AdvantagesTitle p {
	font-size: 18px;
	color: #fff;
	line-height: 34px;
}
.AdvantagesList {
	float: right;
	width: 73.6%;
}
.AdvantagesList li {
	display: inline-block;
	vertical-align: top;
	background: url(/img/Advantages_bg2.png) no-repeat center;
	width: 16.57%;
	height: 212px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 42px;
	margin-right: 4.28%;
	transition: 0.8s;
}
.AdvantagesList li:hover {
	transform: translateY(-5px);
}
.AdvantagesList li:last-child {
	margin-right: 0;
}
.AdvantagesList li i {
	display: block;
	width: 46px;
	height: 46px;
	background: no-repeat center;
	margin: 0 auto 12px;
}
.AdvantagesList li:nth-child(1) i {
	background-image: url(/img/Advantagesi_1.png);
}
.AdvantagesList li:nth-child(2) i {
	background-image: url(/img/Advantagesi_2.png);
}
.AdvantagesList li:nth-child(3) i {
	background-image: url(/img/Advantagesi_3.png);
}
.AdvantagesList li:nth-child(4) i {
	background-image: url(/img/Advantagesi_4.png);
}
.AdvantagesList li:nth-child(5) i {
	background-image: url(/img/Advantagesi_5.png);
}
.AdvantagesList li h2 {
	font-size: 20px;
	color: #ff0000;
	font-weight: normal;
	margin-bottom: 9px;
}
.AdvantagesList li p {
	font-size: 16px;
	color: #999;
	font-weight: normal;
}

.Casetle {
	background: #4182c6;
	padding: 75px 0;
	margin-top: 40px;
}
.Casetle h1 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 195px;
}
.Cases {
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
}
.Cases li {
	display: inline-block;
	width: 23.5%;
	margin: 0.5%;
	margin-top: -195px;
	position: relative;
}
.Cases li a {
	display: block;
}
.Cases li div {
	position: absolute;
	width: 100%;
	height: 99%;
	display: none;
	top: 0;
	background: url(/img/back.png) 100% 100%;
}
.Cases li div p {
	text-align: center;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 45%;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.Cases li:hover div {
	display: block;
}
.Cases li img {
	width: 100%;
	font-size: 0;
}

.About {
	font-size: 0;
	background: url(/img/About_bg.png) no-repeat center top;
	overflow: hidden;
	margin-top: 50px;
}
.AboutLeft {
	float: left;
	max-width: 59%;
	margin-top: 119px;
}
.AboutLeft > h2 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 2px;
}
.AboutLeft > span {
	font-size: 16px;
	color: #fff;
	display: block;
	margin-bottom: 25px;
}
.AboutLeft > p {
	font-size: 16px;
	color: #fff;
	line-height: 29px;
	margin-bottom: 65px;
}
.AboutLeft ul li {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 13%;
	text-align: center;
}
.AboutLeft ul li:last-child {
	margin-right: 0;
}
.AboutLeft ul li p {
	font-size: 18px;
	color: #fff;
	line-height: 29px;
	margin-top: 11px;
}
.AboutRight {
	float: right;
	border-left: 1px solid #adb9ed;
	border-right: 1px solid #adb9ed;
	width: 33.8%;
	box-sizing: border-box;
}
.AboutRight li {
	height: 230px;
	border-bottom: 1px solid #adb9ed;
	box-sizing: border-box;
	position: relative;
	transition: 0.6s;
	z-index: 1;
}
.AboutRight li::before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(255, 0, 0, 0.7);
	z-index: -1;
	transition: 0.6s;
}
.AboutRight li:hover::before {
	height: 100%;
}
.AboutRight li:last-child {
	border-bottom: none;
}
.AboutRight li .AboutArt {
	padding: 63px 51px 0 35px;
}
.AboutRight li .AboutArt h2 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 27px;
}
.AboutRight li .AboutArt p {
	font-size: 14px;
	color: #fff;
	max-width: 420px;
}
.AboutRight li .AboutImg {
	position: absolute;
	top: 57px;
	right: 57px;
}

.News {
	width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
}
.News ul {
}
.News ul li {
	display: inline-block;
	width: 32%;
	margin: 0.5%;
}
.News ul li .newsimg {
	width: 100%;
}
.News ul li div {
	width: 100%;
	padding: 40px 0px;
	background: #e1e9fa;
}
.News ul li div h1 {
	font-size: 22px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 20px;
}
.News ul li div p {
	font-size: 16px;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 20px;
}
.News ul li div h2 {
	overflow: hidden;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
}
.News ul li div h2 span {
	float: left;
	font-size: 16px;
}
.News ul li a:hover {
	color: #000;
}
.News ul li div h2 i {
	float: right;
}
.News ul li div:hover {
	background: #044fa0;
	transition: 0.5s;
}
.News ul li div:hover h1 {
	color: #fff;
}
.News ul li div:hover p {
	color: #fff;
}
.News ul li div:hover span {
	color: #fff;
}
.News ul li:hover .newsimg {
	transform: scale(1.1);
	transition: 0.5s;
}

.n_banner {
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background: url(/img/n_banner.jpg) center no-repeat;
	position: relative;
	background-color: #666;
	background-size: contain !important;
}
.slogan {
	left: 300px;
	position: absolute;
	top: 10%;
	font-size: 18px;
	background-color: #414141cc;
	width: 450px;
	padding: 20px;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
}

/*内页内容*/
.mainC1 {
	background: #f5f5f5;
}
.mainC {
	background: #fff;
}
.mainContent {
	margin: 0 auto;
	max-width: 1200px;
	padding: 40px 0 45px;
}
.list_content {
	margin: 20px auto;
	font-size: 16px;
}
.list_content::after {
	content: '';
	display: block;
	clear: both;
}
.list_left {
	width: 100%;
	font-family: 'PingFang SC', 'Microsoft YaHei', Helvetica, 'Helvetica Neue', 'Arial', Verdana, sans-serif;
}
.clmNav_pro .clmNav1 {
}
.list_left .pro_titile {
	background: url(/img/mune.png);
	padding-left: 20px;
	height: 62px;
	line-height: 62px;
	width: 200px;
}
.list_left .pro_titile h2 {
	font-size: 22px;
	font-weight: 800;
	color: #fff;
	padding-left: 40px;
}
.list_left .clmNav1li {
	line-height: 36px;
	border-bottom: 2px solid #fff;
	background: #e8e8e8;
	float: left;
	width: 16.5%;
	text-align: center;
	position: relative;
}
.list_left .clmNav1li a {
	line-height: 26px;
	position: relative;
	display: block;
	padding: 20px 24px 20px 20px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}
.list_left .clmNav1li:hover a {
	background: url(/img/nProicon.png) 96% center no-repeat;
	color: #f00;
	display: block;
	position: relative;
}
.list_left .clmNav1li.currclass a {
	background: url(/img/nProicon.png) 96% center no-repeat;
	color: #f00;
	display: block;
	position: relative;
}
.list_left .clmNav1li a::before {
	content: '';
	display: block;
	width: 3px;
	height: 28px;
	background-color: #f00;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	opacity: 0;
}
.list_left .clmNav1li:hover a::before {
	opacity: 1;
}
.list_left .clmNav1li.currclass a::before {
	opacity: 1;
}
.list_left .clmNav2 {
	padding: 2px 0 4px;
	position: absolute;
	left: 0;
	top: 64px;
	width: 100%;
	z-index: 9999;
	display: none;
}
.list_left .clmNav1li:hover .clmNav2 {
	display: block;
}
.list_left .clmNav2 .clmNav2li {
	font-size: 16px;
	line-height: 50px;
	padding-left: 54px;
	padding-right: 40px;
	margin-bottom: 1px;
	background: #f4f4f4;
	position: relative;
	overflow: hidden;
	color: #555;
}
.list_left .clmNav2 .clmNav2li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #555;
}
.list_left .clmNav2 .clmNav2li:hover a {
	color: #ff0000;
}

.list_left .clmNav2 .clmNav2li:hover a:after {
	border-color: #ff0000;
}

.nlist_contact {
	background: url(/img/nTel_bg.png) no-repeat right bottom #f6f6f6;
	color: #313033;
	text-align: center;
}
.nlist_contact > img {
	width: 100%;
	display: block;
}
.nlist_contact p {
	padding-top: 15px;
	color: #313033;
}
.nlist_contact p img {
	vertical-align: middle;
	margin-right: 5px;
}
.nlist_contact span {
	display: block;
	font-size: 21px;
	font-weight: bold;
	font-family: Arial;
	padding-bottom: 20px;
	padding-top: 10px;
}

.list_right {
	width: 100%;
	padding-bottom: 20px;
	box-sizing: border-box;
	margin-top: 30px;
}
.list_top_w {
	width: 100%;
}
.list_top_w .title {
	font-size: 22px;
	color: #343434;
	line-height: 52px;
	background: #f4f4f4;
	padding-left: 16px;
	margin-bottom: 20px;
	border-left: 3px solid #ff0000;
}
.list_top_w .title h2 {
	font-size: 22px;
	font-weight: normal;
}
.zhandian {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 60px;
	position: absolute;
	bottom: 0;
}
.zhandian .weizhi {
	color: #fff;
	font-size: 16px;
	background: url(/img/weizhi.png) no-repeat left center;
	line-height: 23px;
	padding-left: 23px;
	display: inline-block;
}
.zhandian .weizhi a {
	color: #fff;
}
.zhandian .weizhi a:hover {
	color: #ff0000;
}
.zhandian .nNav {
	float: right;
}
.zhandian .nNav .clmNav1li {
	display: inline-block;
}
.zhandian .nNav .clmNav1li a {
	font-size: 16px;
	color: #333;
	margin: 0 10px;
	border-bottom: 1px rgba(0, 0, 0, 0) solid;
	display: block;
}
.zhandian .nNav .clmNav1li:hover a {
	color: #ff0000;
	border-color: #ff0000;
}
.zhandian .nNav .clmNav1li a.currclass {
	color: #ff0000;
	border-color: #ff0000;
}
.zhandian1 {
	width: 100%;
	border-bottom: 1px solid #eee;
	height: 60px;
	line-height: 60px;
}
.zhandian1 .nNav {
	float: right;
}
.zhandian1 .nNav .clmNav1li {
	display: inline-block;
}
.zhandian1 .nNav .clmNav1li a {
	font-size: 16px;
	color: #333;
	margin: 0 10px;
	border-bottom: 1px rgba(0, 0, 0, 0) solid;
	display: block;
}
.zhandian1 .nNav .clmNav1li:hover a {
	color: #ff0000;
	border-color: #ff0000;
}
.zhandian1 .nNav .clmNav1li a.currclass {
	color: #ff0000;
	border-color: #ff0000;
}

.Screens {
	background: #fff;
	border: 1px solid #409ee8;
	overflow: hidden;
}
.Screens tr {
	border-bottom: 1px solid #ccc;
}
.Screens .Screens_left {
	float: left;
	width: 170px;
}
.Screens .Screens_left p {
	font-size: 12px;
	padding: 16px 0;
	width: 170px;
	color: #000;
}
.Screens .Screens_left li {
	width: 170px;
}
.Screens .Screens_right {
	float: right;
	width: 1128px;
	position: relative;
}
.Screens .Screens_right .toggleButton {
	position: absolute;
	right: 10px;
	top: 15px;
}
.Screens .Screens_right .contentToToggle {
	height: 37px;
	overflow: hidden;
}
.Screens .Screens_right .contentToToggle2 {
	display: none;
}
.Screens .Screens_right li {
	padding: 10px 90px 0px 0px;
}
.Screens .Screens_right li a {
	border: 1px solid #fff;
	font-size: 12px;
	color: #333;
	padding: 5px 10px;
	margin-left: 10px;
	cursor: pointer;
}
.Screens .Screens_right li a:hover {
	color: #cb0018;
}
.Screens .Screens_right li a:nth-child(1) {
	margin-left: 0;
}
.Screens .Screens_right li .active {
	border: solid 1px #cb0018;
	color: #cb0018;
	font-weight: bold;
}
/*.Screens .Screens_right li:nth-child(2){background: #f2f2f2;}
.Screens .Screens_right li:nth-child(4){background: #f2f2f2;}
.Screens .Screens_right li:nth-child(6){background: #f2f2f2;}*/

.Screenstle {
	background: #3e3e3f;
	padding: 10px;
	overflow: hidden;
	margin: 30px 0;
}
.Screenstle .Screenstle_left {
	float: left;
}
.Screenstle .Screenstle_left a {
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
}
.Screenstle .Screenstle_left .active {
	color: #409ee8;
}
.Screenstle .Screenstle_left a:hover {
	color: #396faf;
}
.Screenstle .Screenstle_left a span {
	font-size: 18px;
	margin-left: 5px;
}
.Screenstle .Screenstle_right {
	float: right;
	margin-right: 30px;
}
.Screenstle .Screenstle_right p {
	font-size: 14px;
	color: #fff;
}
.Screenstle .Screenstle_right p span {
	color: #409ee8;
	margin: 0 10px;
}
.contact .protab {
	width: 100%;
	border-spacing: 0;
}
.protab .tableth {
	background: #666;
}
.protab .tableth th {
	width: 10%;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	border-right: 1px solid #ccc;
}
.probody {
	border-spacing: 0;
	border: 1px solid #ccc;
	border-right: 0;
}
.probody tr {
}
.probody th {
	width: 10%;
	font-weight: normal;
	font-size: 12px;
	border-right: 1px solid #ccc;
}
.probody th h1 {
	font-size: 14px;
}
.probody th .bodyimg {
	width: 100%;
}
.probody th .bodyimg img {
	width: 100%;
}

.List_Screens {
	border: 1px solid #ddd;
	border-left: 0;
	border-bottom: 0;
}
.List_Screens .Screensul {
	border-bottom: 1px solid #ddd;
	font-size: 0;
}
.List_Screens .Screensul.Screensultle {
	border-bottom: 2px solid #000;
	background: #f3f5f7;
}
.List_Screens .Screensul.Screenshei dd:hover {
	background: #efefef;
}
.List_Screens .Screensul.Screenshei li {
	height: 100px;
	line-height: 28px;
	overflow: hidden;
	width: 118px;
	padding: 10px;
	border-left: 1px solid #ddd;
}
.List_Screens .Screensul li {
	padding: 10px 10px;
	display: inline-block;
	width: 118px;
	height: 40px;
	line-height: 40px;
	border-left: 1px solid #ddd;
	text-align: center;
	/* display: flex; */
	/* flex-direction: column; */
}
.List_Screens .Screensul li:nth-child(2) {
	width: 320px;
	text-align: left !important;
}
.List_Screens .Screensul li:nth-child(3) {
	width: 120px;
}
/*.List_Screens .Screensul li:nth-last-child(-n+1){min-width:120px;}*/
.List_Screens .Screensul li h1 {
	font-size: 13px;
	color: #6e6c6c;
	text-align: center;
}
.List_Screens .Screensul li a {
	font-size: 12px;
}
.List_Screens .Screensul ul dd {
	border-spacing: 0;
}
.List_Screens .Screensul li a:hover {
	color: #ff0000;
}
.List_Screens .Screensul li p {
	font-size: 12px;
}
.List_Screens .Screensul li span {
	color: #4c4a44;
	font-size: 16px;
}
.List_Screens .Screensul li img {
	width: 75%;
	vertical-align: middle;
	display: block;
	margin: auto;
}
.List_Screens .Screensul li img:hover {
	transform: scale(1.5);
	transition: 0.5s;
}
.List_Screens .Screensul .pdfimg {
	width: 50px;
	vertical-align: middle;
	display: inherit;
	margin-right: 10px;
}
.List_Screens .Screensul .pdfimg:hover {
	transform: inherit;
}
.infoa {
	display: inline-block;
	background: #9f9f9f;
	color: #fff;
	width: 146px;
	height: 43px;
	line-height: 43px;
	vertical-align: middle;
	margin-top: -5px;
	text-align: center;
}
.infoa a {
	display: block;
	color: #fff;
}
.infoa:hover {
	background: #bdbdbd;
	transition: 0.5s;
}
.infoa .pdfimg {
	width: 30px;
	vertical-align: middle;
}

/* 内页图片列表 */
.list_contact_img {
	font-size: 0;
	margin-top: 0;
}
.list_contact_img > p {
	font-size: 15px;
	color: #666;
	line-height: 33px;
}
.list_contact_img ul::after {
	content: '';
	display: block;
	clear: both;
}
.list_contact_img li {
	float: left;
	margin: 0 1% 2% 1%;
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 23%;
	transition: 0.5s;
	vertical-align: top;
}
.list_contact_img li:hover {
	box-shadow: 0px 0px 0px 1px rgb(255 0 0 / 20%);
}
.list_contact_img li .nylist_pic {
	overflow: hidden;
	border: 1px solid #efefef;
	border-bottom: 0;
}
.list_contact_img li .nylist_pic img {
	width: 100%;
	transition: ease-in-out 0.25s all;
}
.list_contact_img li:hover .nylist_pic img {
	transform: scale(1.1);
}
.list_contact_img li .nylist_tit {
	width: 100%;
	overflow: hidden;
	line-height: 46px;
	font-size: 16px;
	z-index: 0;
	position: relative;
	font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;
	padding: 15px 10px;
	box-sizing: border-box;
	background: #f5f5f5;
}
.list_contact_img li:hover .nylist_tit {
	background-color: #ff0000;
	color: #fff;
}
.list_contact_img li .nylist_tit h2 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #3e3e3e;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list_contact_img li .nylist_tit p {
	font-size: 14px;
	line-height: 28px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.list_contact_Quali {
	font-size: 0;
	margin-top: 0;
}
.list_contact_Quali > p {
	font-size: 15px;
	color: #666;
	line-height: 33px;
}
.list_contact_Quali li {
	width: 23%;
	float: left;
	margin: 0 2% 30px 0;
	text-align: center;
	padding: 10px 10px 0 10px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-bottom: 3px solid #ddd;
	position: relative;
	box-sizing: border-box;
}
.list_contact_Quali li:hover {
	background: #eee;
	box-shadow: 0 1px 10px #999;
}
.list_contact_Quali li::before {
	content: '';
	position: absolute;
	height: 3px;
	bottom: -3px;
	left: 0;
	transition: all 0.5s;
	width: 0;
}
.list_contact_Quali li:hover::before {
	width: 100%;
	background: #ff0000;
	transition: all 0.5s;
}
.list_contact_Quali li img {
	width: 100%;
	vertical-align: middle;
	height: auto;
}
.list_contact_Quali li .nylist_tit {
	font-size: 16px;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 10px 0;
	color: #555;
}

.list_contact_Case {
	font-size: 0;
	margin-top: 0;
}
.list_contact_Case > p {
	font-size: 15px;
	color: #666;
	line-height: 33px;
}
.list_contact_Case ul::after {
	content: '';
	display: block;
	clear: both;
}
.list_contact_Case li {
	float: left;
	margin: 0 1% 2% 1%;
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 31.33%;
	transition: 0.5s;
	vertical-align: top;
}
.list_contact_Case li .nylist_pic {
	overflow: hidden;
	border: 1px solid #f5f5f5;
	border-bottom: 0;
}
.list_contact_Case li .nylist_pic img {
	width: 100%;
	transition: ease-in-out 0.25s all;
}
.list_contact_Case li:hover .nylist_pic img {
	transform: scale(1.1);
}
.list_contact_Case li .nylist_tit {
	font-size: 14px;
	color: #666;
	height: 67px;
	text-align: center;
	line-height: 67px;
	padding-right: 67px;
	padding-left: 10px;
	border: 1px solid #ccc;
	border-top: none;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}
.list_contact_Case li:hover .nylist_tit {
	color: #fff;
}
.list_contact_Case li .nylist_tit span {
	display: block;
	width: 67px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #ccc;
	background: url(/img/more02.png) no-repeat center;
	transition: 0.25s;
}
.list_contact_Case li:hover .nylist_tit span {
	border-left: 1px solid #fff;
	background: url(/img/more02s.png) no-repeat center;
}
.list_contact_Case li .nylist_tit::before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ff0000;
	z-index: -1;
	transition: 0.25s;
}
.list_contact_Case li:hover .nylist_tit::before {
	width: 100%;
}

/* 内页新闻 */
.list_news {
	font-size: 0;
	margin-top: 20px;
}
.list_news li {
	padding: 20px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 20px;
	border: 1px solid #eeeeee;
	border-right: none;
	border-left: none;
	background: #fff;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.list_news li:hover {
	padding-left: 40px;
	box-shadow: 0 8px 35px rgba(0, 0, 0, 0.08);
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* .list_news li .new_list_row{margin: 0 -15px;} */
.main_newsimg {
	width: 16.66666667%;
	height: auto;
	overflow: hidden;
	transition: 0.6s;
	float: left;
}
.main_newsimg a {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	display: block;
	position: relative;
}
.main_newsimg img {
	width: 100%;
	height: auto;
	transition: 0.6s;
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	transition: 0.6s;
	-moz-transition: 0.6s;
	-webkit-transition: 0.6s;
}
.main_news_right {
	height: auto;
	position: relative;
	padding-left: 25px;
	box-sizing: border-box;
	width: 83.33333%;
	float: left;
}
.main_news_right_content {
	float: left;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	padding: 0;
	width: 73%;
}
.main_news_title {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
}
.main_news_title h2 {
	font-size: 18px;
	color: #333;
	letter-spacing: 0;
	line-height: 28px;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.list_news li:hover .main_news_title h2 {
	color: #ff0000;
}
.main_news_desc {
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	letter-spacing: 0;
	font-weight: normal;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.main_news_right_date {
	text-align: right;
	float: right;
	width: 26%;
	padding: 0 15px;
	box-sizing: border-box;
}
.main_news_right_date p {
	font-size: 25px;
	color: #888;
	letter-spacing: 0;
	line-height: 30px;
	font-weight: lighter;
	position: relative;
}
.main_news_right_date p::before {
	content: '';
	display: table;
	width: 37px;
	height: 11px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	opacity: 0;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.main_news_right_date p::after {
	content: '';
	display: table;
	width: 37px;
	height: 11px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.list_news li:hover .main_news_right_date p::before {
	left: 66%;
	opacity: 1;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.list_news li:hover .main_news_right_date p::after {
	left: 66%;
	opacity: 0;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.main_news_dowm {
	width: 100%;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.main_news_dowm span {
	font-size: 14px;
	color: #999;
	letter-spacing: 0;
	line-height: 20px;
	margin-right: 20px;
}
.main_news_dowm span img {
	position: relative;
	top: -1px;
	margin-right: 10px;
	vertical-align: middle;
}
.main_news_dowm span a {
	color: #999;
	position: relative;
	display: inline-block;
}
.main_news_dowm span a:hover {
	color: #ff0000;
}
.main_news_dowm span a::before {
	content: '';
	display: table;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: transparent;
	transition: 0.6s;
	-moz-transition: 0.6s;
	-webkit-transition: 0.6s;
}

/* 新闻内容 */
.list_box_news {
	padding: 15px 0 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.list_left_news {
	width: 68%;
	position: relative;
	box-sizing: border-box;
}
.list_center_news {
	width: 100%;
	border: none;
	padding-top: 0;
}
.list_center_news .title {
	color: #333;
	font-size: 28px;
	height: auto;
	text-align: center;
	font-weight: bold;
}
.list_center_news .date {
	text-align: center;
}
.list_center_news .date span {
	color: #666;
	font-size: 14px;
	margin: 0 15px;
}
.list_left_news .nNewsfanhui {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.list_left_news .nNewsfanhui img {
	background-color: #fff;
}
.list_right_news {
	width: 25%;
}
.list_contact_title {
	padding: 10px 0 30px;
	border-bottom: 2px solid #ebebeb;
}
.list_left_news .title h2 {
	color: #333;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 25px;
}
.list_left_news .date span {
	color: #888;
	font-size: 14px;
	margin-right: 30px;
	display: inline-block;
}
.list_left_news .contact {
	margin-top: 20px;
	line-height: 28px;
	color: #333;
	font-size: 15px;
}
.list_left_news .contact p {
	margin-bottom: 10px;
}
.list_left_news .contact img {
	max-width: 100%;
}
.list_left_news .contact p video {
	width: 800px;
	height: auto;
	outline: none;
}
.list_left_news #next {
	margin-top: 20px;
	border-top: 2px solid #ebebeb;
	line-height: 70px;
}
.list_left_news #next .fl {
	float: left;
	width: 50%;
	padding-left: 50px;
	padding-right: 30px;
	height: 70px;
	overflow: hidden;
	background: url(/img/newsup.png) 30px 29px no-repeat;
	box-sizing: border-box;
}
.list_left_news #next .fr {
	float: right;
	text-align: right;
	width: 50%;
	padding-left: 30px;
	padding-right: 50px;
	height: 70px;
	overflow: hidden;
	background: url(/img/newsdown.png) 94% 29px no-repeat;
	box-sizing: border-box;
}
.nNewswenzhan_til {
	margin-bottom: 15px;
}
.nNewswenzhan_til .tilen {
	color: rgba(192, 192, 192, 0.2);
	font-size: 36px;
	text-transform: uppercase;
}
.nNewswenzhan_til h2 {
	margin-top: -20px;
	color: #666;
	font-size: 20px;
}
.nNewswenzhan_con {
	width: 100%;
}
.nNewswenzhan_con a {
	display: block;
	width: 100%;
	padding: 30px 0 25px;
	border-bottom: 2px solid #f5f5f5;
	transition: 0.3s;
}
.nNewswenzhan_con a:hover {
	border-color: #db0000;
}
.nNewswenzhan_con a p {
	color: #b2b2b2;
	font-size: 15px;
	margin-bottom: 8px;
}
.nNewswenzhan_con a h2 {
	color: #606060;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	transition: 0.3s;
}
.nNewswenzhan_con a:hover h2 {
	color: #db0000;
}

/* 内页产品中心 */
.list_product_contact {
	font-size: 0;
	margin: 0 auto 20px;
}
.list_product_contact > p {
	font-size: 15px;
	color: #666;
	line-height: 33px;
}
.list_product_contact .border {
	font-size: 15px;
	color: #666;
	line-height: 33px;
}
.list_product_contact {
	overflow: hidden;
}
.list_product_contact li {
	width: 32%;
	margin-right: 2%;
	float: left;
	margin-bottom: 30px;
	display: block;
	position: relative;
}
.list_product_contact li * {
	transition: 0.3s all ease-in-out;
}
.list_product_contact li:nth-child(3n) {
	margin-right: 0;
}
.list_product_contact li .nProductImg {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
}
.list_product_contact li .nProductImg img {
	max-width: 100%;
	display: block;
	transition: 0.8s;
}
.list_product_contact li:hover .nProductImg img {
	transform: scale(1.1);
}
.list_product_contact li .nProductArt {
	width: 100%;
	position: relative;
	z-index: 4;
	padding: 10px 20px;
	background: #ebebeb;
	box-sizing: border-box;
}
.list_product_contact li .nProductArt h2 {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444;
	transition: 0.5s;
	position: relative;
}
.list_product_contact li .nProductArt h2 i {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url(/img/ml_cp_more.png) no-repeat;
	background-position: right center;
}
.list_product_contact li:hover .nProductArt h2 i {
	background-position: left center;
}
.list_product_contact li:hover .nProductArt {
	background: #ff0000;
}
.list_product_contact li:hover .nProductArt h2 {
	color: #fff;
}
.list_product_contact li .nProductArt .line {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 2px;
}
.list_product_contact li .nProductArt .line::before {
	content: '';
	position: absolute;
	right: 0px;
	display: block;
	width: 30px;
	height: 1px;
	background: #999;
	transition: all 0.5s ease;
}
.list_product_contact li:hover .nProductArt .line::before {
	width: 100%;
	background: #fff;
}

/*产品内容页*/
.list_right_product {
	width: 900px;
	float: right;
}
#list_product_content {
	width: 100%;
	overflow: hidden;
	padding: 0 0 30px;
	box-sizing: border-box;
	background: #fff;
}
.products_show_1 {
	display: block;
	padding-bottom: 50px;
	margin: 0 auto;
}
.show_left {
	float: left;
	width: 30%;
}
.show_right {
	width: 35%;
	float: left;
	margin-left: 10%;
}
.prodtitle h2 {
	overflow: hidden;
	font-size: 24px;
	color: #ff0000;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
	font-weight: normal;
}
.show_right li {
	line-height: 35px;
	overflow: hidden;
	display: block;
	background: url(pdf.jpg) left no-repeat;
	padding-left: 28px;
}
.show_right .d_contact {
	height: auto;
	overflow: hidden;
	line-height: 33px;
	font-size: 16px;
	color: #666;
	margin-top: 5px;
}
.show_right .d_contact > p {
	font-size: 16px;
	color: #666;
	line-height: 33px;
	margin-bottom: 10px;
	font-weight: bold;
}
.show_right .d_contact::-webkit-scrollbar {
	display: none;
}
.show_right .nProductTel {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.show_right a.nProductZx {
	text-align: center;
	transition: 0.5s;
	display: block;
	width: 175px;
	height: 44px;
	line-height: 44px;
	background-color: #ff0000;
	color: #fff;
	font-size: 16px;
	float: left;
}
.show_right a.nProductZx:hover {
	background-color: #ff0000;
}
.show_rightbox {
	float: right;
	width: 20%;
	text-align: center;
}
.show_rightbox img {
	width: 100%;
}
.show_rightbox p {
	font-size: 14px;
	line-height: 30px;
}

#list_info {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
	background: #eee;
}
#list_info .detailed {
	display: inline-block;
	text-decoration: none;
	border: 1px solid transparent;
	padding: 10px 40px;
	font-size: 16px;
	background: #9f9f9f;
	color: #fff;
	cursor: pointer;
}
.currentDetailed {
	color: #fff;
	background: #ff0000 !important	;
}
#list_product_content .contact,
#list_product_content .contact1,
#list_product_content .contact2 {
	padding: 25px 15px 0 15px;
	font-size: 16px;
	display: none;
}
#list_product_content .contact table tbody tr:nth-child(even) {
	background-color: #f7f7f7;
}
.currentContact {
	display: block !important;
}

#list_product_content #next {
	font-size: 14px;
	padding: 20px;
	color: #969696;
	border: none;
}
#list_product_content .contact table {
	border-top: none;
	line-height: 30px;
	border-spacing: 0 !important;
	border-left: none;
	margin: auto;
	border-bottom: 1px solid gainsboro;
	border-right: 1px solid gainsboro !important;
}
#list_product_content .contact table tr td {
	border-right: none !important;
	border-bottom: none !important;
	border-spacing: 0;
	padding-left: 10px;
}
.procp {
	width: 100%;
	margin-top: 30px;
}
.procp p {
	display: inline-block;
	font-size: 16px;
	margin-right: 20px;
}
.procp img {
	width: 20px;
	vertical-align: middle;
}

/* 搜索 */
.SearchmainC {
	background: #f7f7f7;
	width: 100%;
	padding-left: calc((100% - 1320px) / 2);
	padding-right: calc((100% - 1320px) / 2);
	box-sizing: border-box;
}
.nSearchTitle {
	padding: 20px 0;
	line-height: 24px;
	font-size: 14px;
	color: #595959;
}
.nSearchArt li {
	margin-bottom: 20px;
	background-color: #fff;
	transition: 0.3s;
	position: relative;
}
.nSearchArt li:hover {
	background: #ff0000;
	color: #fff;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}
.nSearchArt li a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	padding: 25px 30px 25px 50px;
	color: #333;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}
.nSearchArt li:hover a {
	color: #fff;
}
.nSearchArt li span {
	color: #888888;
	position: absolute;
	right: 30px;
	top: 28px;
}

/*图片放大镜样式*/
.jqzoom {
	float: left;
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
}
.jqzoom img {
	width: 100%;
	max-width: 100%;
	border: solid 1px #d6d6d6;
}
div.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 300px;
}
.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #fff /*url(zoom.png) 50% center no-repeat*/;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

/*图片小图预览列表*/
.spec-preview {
	width: 100%;
}
.spec-preview:after {
	content: '';
	display: block;
	clear: both;
}
.spec-scroll {
	clear: both;
	margin-top: 5px;
}
.spec-scroll .prev,
.spec-scroll .next {
	border: 1px solid #d6d6d6;
	display: block;
	text-align: center;
	width: 30px;
	height: 78px;
	line-height: 78px;
	cursor: pointer;
	text-decoration: none;
}
.spec-scroll .prev {
	float: left;
	background: url(/img/n_left_i2.png) no-repeat center #fff;
}
.spec-scroll .next {
	float: right;
	background: url(/img/n_right_i2.png) no-repeat center #fff;
}
.spec-scroll .prev:hover {
	background: url(/img/n_left_i1.png) no-repeat center #fff;
}
.spec-scroll .next:hover {
	background: url(/img/n_right_i1.png) no-repeat center #fff;
}
.spec-scroll .items {
	float: left;
	position: relative;
	width: 83%;
	height: 80px;
	overflow: hidden;
}
.spec-scroll .items ul {
	position: absolute;
	width: 999px;
	height: 80px;
}
.spec-scroll .items ul li {
	float: left;
	width: 89px;
	text-align: center;
}
.spec-scroll .items ul li img {
	border: 1px solid #d6d6d6;
	width: 78px;
	height: 78px;
	cursor: pointer;
}
.spec-scroll .items ul li img:hover {
	border-color: #ff0000;
}
.spec-scroll .items ul li img.hover {
	border-color: #ff0000;
}

/*分页*/
.pagination {
	font-size: 14px;
	font-family: '微软雅黑';
	color: #212121;
	padding: 10px 0;
}
.pagination li {
	color: #fff;
	background: #fff;
	margin: 0px 3px;
	border: 1px solid #dcdddd;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 10px;
}
.pagination li.active {
	background: #ff0000;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.pagination li.active a {
	color: #fff;
}

/* 联系我们 */
.list_box {
	padding: 30px;
}
.lxtop {
	border-radius: 3px;
	background: #f1f1f1;
}
.lxtop img {
	float: left;
}
.lxtop p {
	font-size: 16px;
	line-height: 35px;
	padding: 25px 30px 0 430px;
	color: #383737;
}
.lxtop p span {
	display: block;
	color: #222;
	font-size: 18px;
	line-height: 50px;
}
.lxcon {
	width: 48.2%;
	display: inline-block;
}
.lxcontil {
	font-size: 20px;
	color: #ff0000;
	font-weight: bold;
	line-height: 40px;
	padding-bottom: 10px;
}
.lxcon .list_contact li {
	display: inline-block;
	margin: 10px 19px 20px;
	width: 475px !important;
	min-width: auto;
	padding: 25px 0 20px 19px;
	box-shadow: 0 0 5px #dadadacc;
}
.lxzxly {
	width: 47%;
	vertical-align: top;
	float: right;
}
.lxzxly .lxcontil {
	color: #333;
}
.lxzxly form ul li {
	margin-bottom: 10px;
	width: 100%;
}
/* .lxzxly form ul li:nth-of-type(odd){float: left;} */
/* .lxzxly form ul li:nth-of-type(even){float: right;} */
.lxzxly form ul li:nth-child(5) {
	width: 100%;
}
.lxzxly form ul li:nth-child(6) {
	width: 100%;
}
.lxzxly form ul li:nth-child(n + 3) p {
	border-bottom: none;
}
.lxzxly form ul li p span {
	font-size: 14px;
	color: #7f7f7f;
	display: inline-block;
	line-height: 43px;
	height: 43px;
}
.lxzxly form ul li input {
	margin-left: 0;
	padding-left: 9px;
	font-family: 'Calibri';
	font-size: 14px;
	border: none;
	height: 43px;
	line-height: 43px;
	width: 525px;
	color: #666;
	outline: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
}
.lxzxly form ul li textarea {
	margin-left: 0;
	padding: 8px;
	font-family: 'Calibri';
	font-size: 14px;
	border-radius: 5px;
	border: none;
	resize: none;
	height: 130px;
	width: 100%;
	color: #666;
	box-sizing: border-box;
	outline: none;
	border: 1px solid #ccc;
}
.lxzxly form ul .formyzm input {
	width: 265px;
}
.lxzxly form ul .formyzm img {
	margin-left: 15px;
	width: 80px;
	height: 35px;
	vertical-align: middle;
}
.lxzxly form ul li .submit {
	background: #ff0000;
	height: 40px !important;
	line-height: 40px;
	color: #fff;
	width: 250px !important;
	border-radius: 5px;
	cursor: pointer;
}
.lxmap {
	margin-top: 25px;
}

/*在线留言*/
.nMessage form ul li {
	margin-top: 25px;
	position: relative;
	min-width: auto;
}
.nMessage form ul li input {
	float: right;
	width: 575px;
	height: 40px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	outline: none;
}
.nMessage form input,
.nMessage form textarea {
	box-sizing: border-box;
	padding-left: 10px;
	outline: none;
}
.nMessage form ul li label {
	font-size: 16px;
	color: #666;
	line-height: 42px;
	margin: 0;
	display: inline-block;
	font-weight: bold;
}
.nMessage form ul li:nth-of-type(odd) {
	float: left;
}
.nMessage form ul li:nth-of-type(even) {
	float: right;
}
.nMessage form ul li:nth-child(5) {
	width: 100%;
}
.nMessage form ul li:nth-child(6) {
	float: left;
}
.nMessage form ul li:nth-child(6) input {
	float: left;
	margin-right: 30px;
}
.nMessage form ul li:nth-child(6) img {
	height: 40px;
	vertical-align: middle;
}
.nMessage form ul li:last-child {
	float: right;
}
.nMessage form div div {
	margin-top: 10px;
}
.nMessage form div p {
	line-height: 50px;
}
.nMessage form textarea {
	resize: none;
	height: 220px;
	width: 100%;
	border: 1px solid #dcdcdc;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	box-sizing: border-box;
	font-family: '微软雅黑';
}
.submit {
	display: block;
	width: 180px !important;
	height: 42px !important;
	background: #ff0000;
	color: #fff !important;
	border: none !important;
	font-size: 16px;
	padding-left: 0 !important;
	margin: 0 auto 15px !important;
	float: none !important;
	cursor: pointer;
}

/*右边浮动*/
.floating_ck {
	position: fixed;
	right: 0px;
	z-index: 99999;
	bottom: 45px;
	right: 25px;
}
.floating_ck .index_mobile {
	width: 54px;
	height: 54px;
	background: url(/img/mobile.png) 100% 0% no-repeat;
	cursor: pointer;
	transition: all 0.5s ease-out;
	display: block;
	margin-bottom: 1px;
	position: relative;
}
.floating_ck .index_mobile:hover {
	background: url(/img/mobile.png) no-repeat;
}
.floating_ck .index_mobile .code_box {
	position: absolute;
	right: 54px;
	top: 50%;
	margin-top: -100px;
	width: 260px;
	height: 220px;
	background-color: #fff; /* border-bottom: solid 1px #ff0000; */
	display: none;
	transition: 0.5s;
}
.floating_ck .index_mobile .code_box div > img {
	width: 32px;
	height: 32px;
}
.floating_ck .index_mobile .code_box > div {
	display: flex;
}
.floating_ck .index_mobile .code_box > div > .text {
	padding-left: 10px;
}
.floating_ck .index_mobile .code_box > div > .text > p {
	font-size: 14px;
}
.floating_ck .index_mobile .code_box > img {
	width: 110px;
	height: 110px;
}
.floating_ck .index_mobile .code_box:hover {
	background-color: #eee;
}
.floating_ck .index_mobile .code_box:hover > div > .text > p {
	font-size: 14px;
	color: #ff0000;
}
.floating_ck .index_mobile:hover .code_box {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}
.floating_ck .return span {
	width: 54px;
	height: 54px;
	background: url(/img/goTop.png) 100% 0% no-repeat;
	cursor: pointer;
	transition: all 0.5s ease-out;
	display: block;
}
.floating_ck .return:hover span {
	background: url(/img/goTop.png) no-repeat;
}

/*footer*/
.footer {
	width: 100%;
	font-size: 0;
	overflow: hidden;
	background: #c10016;
	padding-top: 92px;
}

.footerTop {
	width: 100%;
	margin: auto;
}
.footerNav {
	display: inline-block;
	vertical-align: top;
}
.footerNav h2 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 32px;
	position: relative;
}
.footerCon h2 {
	padding-left: 39px;
}
.footerProduct {
	width: 30%;
}
.footerProduct > h2 {
	/* text-align: center; */
}
.footerProduct ul > li {
	width: 50%;
	/* text-align: center; */
}
.footerNav li {
	margin-bottom: 13px;
}
.footerNav li a {
	font-size: 16px;
	color: #fff;
}
.footerNav li a:hover {
	color: #ff0000;
}
.footerNav li span {
	display: inline-block;
	vertical-align: top;
	line-height: 19px;
	max-width: 91%;
	font-size: 16px;
	color: #fff;
}
.footerLe {
	float: left;
	margin-right: 5%;
}
.footerLe img {
	width: 130px;
	margin-top: 20px;
}
.footerLe span {
	font-size: 17px;
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 7px;
	font-weight: bold;
}
.footerEr {
	float: right;
}
.footerEr img {
	width: 130px;
	margin-top: 40px;
}
.footerEr span {
	font-size: 17px;
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 7px;
	font-weight: bold;
}
.footerBottom {
	text-align: center;
	height: 80px;
	line-height: 80px;
	border-top: 1px solid #d5d5d5;
	background-color: #333333;
	margin-top: 20px;
	text-align: center;
}
.footerBottom span {
	font-size: 16px;
	color: #888;
}
.footerBottom span a {
	color: #888;
	margin-right: 10px;
}
.footerBottom span a:last-child {
	margin-right: 0;
}
.footerBottom span a:hover {
	color: #ff0000;
}

@media screen and (max-width: 1410px) {
	#nav_menu {
		margin-right: 40px;
	}
	#nav_menu > li {
		margin-right: 40px;
	}
}
@media screen and (max-width: 1200px) {
	#nav_menu {
		margin-right: 10px;
	}
	#nav_menu > li {
		margin-right: 32px;
	}
	.Search .sou {
		padding: 10px 0 10px 5px;
	}
	.Search .kuang {
		margin-left: 10px;
	}
}

.navigation {
	text-align: center;
	transition: 0.5s;
	display: block;
	width: 80px;
	height: 32px;
	line-height: 32px;
	background-color: #ff0000;
	color: #fff;
	font-size: 16px;
	margin: 0 auto;
}
.navigation:hover {
	color: #fff !important;
}
