@charset "utf-8";
/*@font-face {
	font-family: "汉仪菱心体简";
	src: url("汉仪菱心体简.ttf");
}*/
* {
	padding: 0px;
	margin: 0px;
}
header, section, footer, article, aside, nav, main, figure, figcaption, hgroup {
	display: block;
}
input {
	font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}
body {
	line-height: 140%;
	font-size: 14px;
	font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}
a {
	color: inherit;
	text-decoration: none !important;
	transition: .3s ease 0s;
}
p {
	margin: 0px;
}
img {
	max-width: 100%;
	border: 0px;
	vertical-align: middle;
}
ul, ol, li {
	list-style: none;
	margin-bottom: 0px;
}

.clear {clear:both;}
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.ulclearfix ul:after {
	clear: both;
	display: block;
	content: ".";
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.wrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;
	min-width: 320px;
	overflow: hidden;
	margin: auto;
	overflow: hidden;
	background: #f7f7f7;
}
.bg-f7f7f7 {
	padding: 20px 0px;
	background: #f7f7f7;
}



/*==头部==*/
.in_box1{
	position: relative;
}
.in_box1 .swiper-button-disabled{
	background: #00529c;
	color: white;
}
.swiper-prev_box2,.swiper-next_box2{
	width: 30px;height: 30px;color: #00529c;text-align: center;line-height: 26px;font-size: 28px;border: 1px solid #00529c;
	position: absolute;
	bottom:-42px;
	cursor: pointer;

}
.swiper-prev_box2{
	left: 47%;

}

.swiper-next_box2{
	right:47%;
}
.header {}
.h-top {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9;
}
.h-top-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	height: 91px;
	padding: 0px 30px;
	margin: auto;
	background: url(../images/htopslide.jpg) no-repeat center;
}
.h-top-slide {
	background: url(../images/htopslide.jpg) no-repeat center;
}


.meun-btn {
	position: relative;
    width: 30px;
    height: 30px;
    display: none;
	cursor: pointer;
}
.meun-btn span {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	width: 30px;
	height: 2px;
	margin-top: -1px;
	background: #fff;
	transition: .4s ease;
}
.meun-btn-open span {
	width: 0px;
}
.meun-btn span:before {
	content: '';
	position: absolute;
    top: -8px;
    left: 0px;
    width: 30px;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    transition: transform .4s ease, top .4s ease;
}
.meun-btn-open span:before {
	top: 0px;
    transform: rotate(45deg);
}
.meun-btn span:after {
	position: absolute;
	top: 8px;
    left: 0px;
    width: 30px;
    height: 2px;
    content: '';
    border-radius: 3px;
    background: #fff;
    transition: transform .4s ease, top .4s ease;
}
.meun-btn-open span:after {
	top: 0px;
    transform: rotate(-45deg);
}

.h-top-r {}
.h-top-box1 {
	float: right;
	margin: 15px 0px;
}
.h-top-box1 a {
	float: left;
	display: block;
	height: 14px;
	padding-left: 24px;
	margin-left: 15px;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.h-top-box1 a:hover {
	color: #d9d9d9;
}

.meun-nav {}
.meun-nav ul {}
.meun-nav ul li {
	float: left;
	margin-left: 38px;
}
.meun-nav ul li a {
	position: relative;
	display: block;
	padding-bottom: 7px;
	font-size: 16px;
	color: #fff;
}
.meun-nav ul li a:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background: #da2328;
	transform: scale(0,1);
	transition: .3s;
}
.meun-nav ul li a:hover::after,
.meun-nav ul li a.active:after {
	transform: scale(1);
}

@media screen and (max-width: 1200px) {
	.header {
		padding-top: 91px;
	}
	.h-top-content {
		padding: 0px 3%;
	}
	.swiper-prev_box2,.swiper-next_box2{
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	.logo {
		width: 23.75%;
		max-width: 225px;
	}

	.meun-nav ul li {
		margin-left: 25px;
	}
}

@media screen and (max-width: 900px) {
	.header {
		padding-top: 60px;
	}
	.h-top-content {
		height: 60px;
	}
	.logo {
		width: 120px;
	}
	.meun-btn {
	    display: block;
	}
	.h-top-r {
		position: fixed;
		top: 0px;
		left: -250px;
		z-index: 10;
		width: 250px;
		height: 100%;
		background: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,.4);
		transition: .5s ease;
	}
	.h-top-r-show {
		left: 0px;
	}

	.search-btn {
		padding: 0px 20px;
		margin: 0px;
		background: #333;
		line-height: 56px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}
	.search-btn i {
		margin-left: 10px;
	}

	.h-top-box1 {
		float: none;
		padding: 15px 0px;
		margin: 0px;
		background: #333;
		text-align: center;
	}
	.h-top-box1 a {
		display: inline-block;
		float: none;
		margin: 0px 10px;
		text-align: left;
	}

	.meun-nav ul li {
		float: none;
		width: 100%;
		margin-left: 0px;
		border-bottom: 1px solid #f2f2f2;
	}
	.meun-nav ul li a {
		display: block;
		height: 56px;
		line-height: 56px;
		overflow: hidden;
		padding: 0px 20px;
		font-size: 16px;
		color: #505050;
		letter-spacing: 1px;
		cursor: pointer;
	}
	.meun-nav ul li a:after {
		width: 0px;
		transform: scale(1);
		transition: .8s;
	}
	.meun-nav ul li a:hover::after,
	.meun-nav ul li a.active:after {
		width: 100%;
	}
	.meun-nav ul li a:hover,
	.meun-nav ul li a.active:after {
		color: #00529c;
	}
}
@media screen and (max-width: 767px) {
	.header {
		padding-top: 46px;
	}
	.h-top-content {
		height: 46px;
	}
}





/*==box1==*/
.box1 {
	max-width: 100%;
	max-width: 1200px;
	margin: auto;
}
.procate-nav {}
.procate-nav ul {}
.procate-nav ul li {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 16%;
	padding: 1px;
	border: 2px solid #00529c;
	text-align: center;
}
.procate-nav ul li:nth-of-type(1) {
	margin-left: 0px;
}
.procate-nav ul li a {
	display: block;
	width: 100%;
	padding: 14% 2%;
	transition: .3s ease;
}
.procate-nav ul li:hover a,
.procate-nav ul li.active a {
	background: #00529c;
}
.procate-nav ul li i {
	display: block;
	width: 47px;
	height: 47px;
	margin: 0px auto 15px auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: background-image .3s ease, transform .6s;
}
.procate-nav ul li:hover i {
	transform: rotateY(360deg);
}
.procate-nav ul li i.icon1 {
	background-image: url(../images/proico1.png);
}
.procate-nav ul li:hover i.icon1,
.procate-nav ul li.active i.icon1 {
	background-image: url(../images/proico1h.png);
}
.procate-nav ul li i.icon2 {
	background-image: url(../images/proico2.png);
}
.procate-nav ul li:hover i.icon2,
.procate-nav ul li.active i.icon2 {
	background-image: url(../images/proico2h.png);
}
.procate-nav ul li i.icon3 {
	background-image: url(../images/proico3.png);
}
.procate-nav ul li:hover i.icon3,
.procate-nav ul li.active i.icon3 {
	background-image: url(../images/proico3h.png);
}
.procate-nav ul li i.icon4 {
	background-image: url(../images/proico4.png);
}
.procate-nav ul li:hover i.icon4,
.procate-nav ul li.active i.icon4 {
	background-image: url(../images/proico4h.png);
}
.procate-nav ul li i.icon5 {
	background-image: url(../images/proico5.png);
}
.procate-nav ul li:hover i.icon5,
.procate-nav ul li.active i.icon5 {
	background-image: url(../images/proico5h.png);
}
.procate-nav ul li i.icon6 {
	background-image: url(../images/proico6.png);
}
.procate-nav ul li i.icon7 {
	background-image: url(../images/proico7.png);
}
.procate-nav ul li i.icon8 {
	background-image: url(../images/proico8.png);
}

.procate-nav ul li:hover i.icon6,
.procate-nav ul li.active i.icon6 {
	background-image: url(../images/proico6h.png);
}
.procate-nav ul li:hover i.icon7,
.procate-nav ul li.active i.icon7 {
	background-image: url(../images/proico7h.png);
}
.procate-nav ul li:hover i.icon8,
.procate-nav ul li.active i.icon8 {
	background-image: url(../images/proico8h.png);
}
.procate-nav ul li h5 {
	margin: 0px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	color: #535353;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s ease;
}
.procate-nav ul li hr {
	width: 36px;
	height: 2px;
	margin: 15px auto;
	border: none;
	background: #da2328;
}
.procate-nav ul li span {
	display: block;
	width: 100%;
	height: 18px;
	overflow: hidden;
	line-height: 18px;
	font-size: 16px;
	color: #a7a7a7;
	font-family: "Arial";
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s ease;
}
.procate-nav ul li:hover h5,
.procate-nav ul li:hover span,
.procate-nav ul li.active h5,
.procate-nav ul li.active span {
	color: #fff;
}
@media screen and (max-width: 1200px) {
	.box1 {
		width: 100%;
		padding: 0px 3%;
	}
}
@media screen and (max-width: 991px) {
	.procate-nav ul li i {
		width: 25px;
		height: 25px;
	}
	.procate-nav ul li a {padding: 6% 2%}
	.procate-nav ul li span {display: none}
}
@media screen and (max-width: 767px) {
	/* .procate-nav ul li {
		width: 30.33%;
		margin-left: 4.5%;
		margin-top: 4.5%;
	} */
	.procate-nav ul li:nth-of-type(1),
	.procate-nav ul li:nth-of-type(2),
	.procate-nav ul li:nth-of-type(3) {
		margin-top: 0px;
	}
	.procate-nav ul li:nth-of-type(3n+1) {
		margin-left: 0px;
	}
	.procate-nav ul li a {
		height: 40px;
		padding: 0px;
	}
	.procate-nav ul li i {display: none}
	.procate-nav ul li h5 {
		margin: 5px auto;
		font-size: 14px;
	}
	.procate-nav ul li hr {
		margin: 10px auto;
	}
}


.indexpor-box {display: none}
.indexpor-box:nth-of-type(1) {display: block}
.first {
	padding: 5% 0px;
	margin: 3% 0px;
	background: url(../images/firsts.png) no-repeat 400px center;
}
.first-left {
	float: left;
	width: 36%;
	margin-left: 35px;
}
.first-left img {}

.first-right {
	float: right;
	width: 56%;
	line-height: 34px;
	font-size: 18px;
	color: #6d6d6d;
}
.first-tit {}
.first-tit h6 {
	margin-top: 0px;
	font-size: 50px;
	color: #00529c;
	font-weight: bold;
	font-family: "Arial";
}
.first-tit h4 {
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 2px;
}
.first-tit h5 {
	font-size: 18px;
	color: #a0a0a0;
	letter-spacing: 1px;
	font-family: "Arial";
	text-transform: uppercase;
}
.first-tit hr {
	width: 36px;
	height: 2px;
	border: none;
	margin: 30px 0px;
	background: #da2328;
}
.first-right .more {
	display: block;
	width: 142px;
	height: 30px;
	border: 1px solid #5a5a5a;
	margin-top: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #5a5a5a;
	text-align: center;
}
.first-right .more:hover {
	background: #5a5a5a;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.first {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: url(../images/firsts.png) no-repeat center;
		background-size: 300px;
	}
	.first-left {
		float: none;
		margin-left: 0px;
	}
	.first-right {
		float: none;
	}
}
@media screen and (max-width: 767px) {
	.first {
		padding: 3% 0px;
		background-size: 180px;
	}

	.first-tit h6 {
		font-size: 18px;
	}
	.first-tit h4 {
		font-size: 16px;
	}
	.first-tit h5 {
		font-size: 14px;
	}
	.first-tit hr {
		margin: 3% 0px;
	}
	.first-right {font-size: 14px}
	.first-right .more {
		margin-top: 15px;
		font-size: 14px;
	}
}
@media screen and (max-width: 640px) {
	.first {
		display: block;
		background: url(../images/firsts.png) no-repeat bottom;
		background-size: 40%;
	}
	.first-left,
	.first-right {width: 100%}
	.first-right {margin-top: 20px}
}

.index-product {}
.index-product ul  {}
.index-product ul li {
	float: left;
	width: 30.33%;
	margin-left: 4.5%;
}
.index-product ul li:nth-of-type(1) {margin-left: 0px}
.index-product ul li .pic {
	position: relative;
	padding: 37.5% 0px;
	border: 1px solid #dcdcdc;
}
.index-product ul li .pic:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
	transition: .5s;
}
.index-product ul li:hover .pic:after {
	background: rgba(0,0,0,.3);
}
.index-product ul li .pic-flex {
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.index-product ul li .pic img {
	max-width: 100%;
	max-height: 100%;
}

.index-product ul li h6 {
	padding: 0px 4%;
	margin-top: 0px;
	height: 76px;
	overflow: hidden;
	background: url(../images/indexproduct.png) no-repeat 90% center;
	line-height: 76px;
	font-size: 16px;
	color: #6d6d6d;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .5s;
	text-align: center;
}
.index-product ul li:hover h6 {
	background: #00529c url(../images/indexproducth.png) no-repeat 90% center;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.index-product ul li h6 {
		height: 46px;
		background: transparent;
		line-height: 46px;
	}
	.index-product ul li:hover h6 {
		background: #00529c;
	}
}
@media screen and (max-width: 767px) {
	.index-product ul li h6 span {display: none}
}




/*==box2==*/
.box2 {}
.box2 ul {}
.box2 ul li {
	position: relative;
}
.box2 ul li:after {
	clear: both;
	display: block;
	content: ".";
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.box2 ul li .pic {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
}
.box2 ul li:nth-of-type(2) .pic {
	left: 50%;
}
.box2 ul li .summary {
	position: relative;
	z-index: 1;
	float: right;
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding: 2% 3%;
	background: url(../images/box2_03.jpg);
}
.box2 ul li:nth-of-type(2) .summary {
	float: left;
} 
.box2 ul li .summary:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 20%;
	z-index: -1;
	width: 44%;
	height: 100%;
	background: url(../images/techt.png) no-repeat center;
	background-size: 100%;
}
.box2 ul li:nth-of-type(2) .summary:after {
	background: url(../images/skills.png) no-repeat center;
	background-size: 100%;
}
.box2 ul li .summary h5 {
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px;
}
.box2 ul li .summary h6 {
	font-size: 18px;
	color: #ffffff;
	font-family: "Arial";
	text-transform: uppercase;
	letter-spacing: 1px;
}
.box2 ul li .summary hr {
	width: 36px;
	height: 2px;
	border: none;
	background: #da2328;
	margin: 4% 0px;
}
.box2 ul li .summary p {
	position: relative;
	width: 100%;
	max-width: 430px;
	line-height: 28px;
	font-size: 16px;
	color: #ffffff;
}
.box2 ul li .summary p:before {
	content: "";
	position: absolute;
	bottom: -130px;
	right: -100px;
	width: 103px;
	height: 103px;
	border: 1px solid #fff;
	background: url(../images/tech.png) no-repeat center;
	background-size: 70%;
}
.box2 ul li:nth-of-type(2) .summary p:before {
	background: url(../images/skill.png) no-repeat center;
	background-size: 70%;
}
.box2 ul li .summary .more {
	display: block;
	width: 90px;
	height: 30px;
	margin: 8% 0px;
	line-height: 30px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}
.box2 ul li .summary .more:hover {
	background-color: #fff;
	color: #da2328;
}

@media screen and (max-width: 1200px) {
	.box2 ul li .summary h5 {
		font-size: 20px;
	}
	.box2 ul li .summary h6 {
		font-size: 16px;
	}
	.box2 ul li .summary p:before {
		display: none;
	}
}
@media screen and (max-width: 960px) {
	.box2 ul li .summary h5 {
		font-size: 18px;
	}
	.box2 ul li .summary h6 {
		font-size: 16px;
	}
	.box2 ul li .summary p {
		height: 84px;
		overflow: hidden;
		font-size: 14px;
	}
}




/*==box3==*/
.box3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding: 3% 0px;
	margin: auto;
}
.box3-left {
	width: 250px;
}
.box3-left h5 {
	font-size: 24px;
	color: #035195;
	font-weight: bold;
}
.box3-left h6 {
	margin: 12% 0px;
	line-height: 24px;
	font-size: 18px;
	color: #a0a0a0;
	font-family: "Arial";
	text-transform: uppercase;
	letter-spacing: 1px;
}
.box3-left hr {
	width: 36px;
	height: 2px;
	margin: 0px;
	border: none;
	background: #da2328;
}

.box3-right {}
.box3-right ul {
	text-align: center;
}
.box3-right ul li {
	position: relative;
	display: inline-block;
	height: 154px;
}
.box3-right ul li span{
	float: right;
	width: 95px;
	height: 100%;
	background: url(../images/jiantou.png) no-repeat center;
}

@media screen and (max-width: 1200px) {
	.box3 {
		padding: 3%;
	}
	.box3-right ul li {
		height: 120px;
	}
	.box3-right ul li img {
		width: 120px;
	}
	.box3-right ul li span{
		width: 60px;
	}
}
@media screen and (max-width: 1024px) {
	.box3 {
		display: block;
	}
	.box3-left h6 {
		margin: 3% 0px;
	}
	.box3-left {
		width: 100%;
		margin-bottom: 5%;
	}
}
@media screen and (max-width: 767px) {
	.box3-left h5 {
		font-size: 18px;
	}
	.box3-left h6 {
		margin: 2% 0px;
		font-size: 14px;
	}

	.box3-right ul li {
		height: 100px;
	}
	.box3-right ul li img {
		width: 100px;
	}
	.box3-right ul li span{
		width: 50px;
		background-size: 30%;
	}
}
@media screen and (max-width: 640px) {
	.box3-right ul li {
		height: 70px;
	}
	.box3-right ul li img {
		width: 70px;
	}
	.box3-right ul li span{
		width: 20px;
		background-size: 30%;
	}
}
@media screen and (max-width: 414px) {
	.box3-right ul li {
		height: 50px;
	}
	.box3-right ul li img {
		width: 50px;
	}
	.box3-right ul li span{
		width: 20px;
		background-size: 30%;
	}
}




/*==box4==*/
.box4 {
	width: 100%;
	padding: 3% 0px;
	background: url(../images/box4_02.jpg) no-repeat top;
}
.title1 {
	padding-bottom: 30px;
	margin-bottom: 2%;
	background: url(../images/title1.png) no-repeat bottom;
	text-align: center;
}
.title1 img {
	display: block;
	margin: auto;
}
.title1 h4 {
	position: relative;
	display: inline-block;
	padding: 0px 30px;
	font-size: 22px;
	color: #deeaf2;
	letter-spacing: 2px;
}
.title1 h4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -78px;
	width: 78px;
	height: 1px;
	background: #83b1d1;
}
.title1 h4:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -78px;
	width: 78px;
	height: 1px;
	background: #83b1d1;
}
.title1 h6 {
	margin: 0px;
	font-size: 16px;
	color: #83b5d4;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.about {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.about-left {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 50px;
	background: #fff;
}
.about-left h6 {
	margin-bottom: 4%;
	font-size: 40px;
	color: #939393;
	font-weight: bold;
	font-family: "Arial";
	letter-spacing: 2px;
}
.about-left p {
	max-height: 204px;
	overflow: hidden;
	line-height: 34px;
	font-size: 16px;
	color: #6b6b6b;
}
.about-left .more {
	display: block;
	box-sizing: border-box;
	width: 134px;
	height: 34px;
	margin-top: 10%;
	border: 1px solid #6b6b6b;
	border-radius: 20px;
	line-height: 32px;
	font-size: 16px;
	color: #6b6b6b;
	text-align: center;
}
.about-left .more:hover {
	background: #6b6b6b;
	color: #fff;
}

.about-right {
	float: right;
	width: 50%;
}

@media screen and (max-width: 1200px) {
	.about {
		position: relative;
		padding: 0px 3%;
	}
	.about-left {
		padding: 3%;
	}
	.about-left .more {
		margin-top: 5%;
	}
	.about-right {
		position: absolute;
		top: 0px;
		right: 3%;
		width: 47%;
		height: 100%;
	}
}
@media screen and (max-width: 767px) {
	.about-left h6 {
		font-size: 30px;
	}
	.about-left {
		float: none;
		width: 100%;
	}
	.about-right {
		position: static;
		float: none;
		width: 100%;
	}
}

.index-news {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	min-height: 376px;
	margin: 5% auto 0px auto;
}
.index-news-left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 51%;
	height: 100%;
}
.index-news-left img {
	width: 100%;
	height: 100%;
}
.index-news-left h6 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	overflow: hidden;
	padding: 0px 2%;
	margin-bottom: 0px;
	background: rgba(0,0,0,.7);
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.index-news-left:hover h6 {
	bottom: 10px;
}

.index-news-right {
	float: right;
	width: 45.6%;
}
.index-news-right ul {}
.index-news-right ul li {
	height: 110px;
	margin-top: 23px;
	border: 1px solid #ededed;
}
.index-news-right ul li:nth-of-type(1) {
	margin-top: 0px;
}
.index-news-right ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px;
}
.index-news-right ul li time {
	display: block;
	width: 102px;
	line-height: 30px;
	font-size: 18px;
	color: #575757;
	text-align: center;
}
.index-news-right ul li time span {
	display: block;
	font-size: 60px;
	line-height: 60px;
}
.index-news-right ul li .summary {
	box-sizing: border-box;
	width: 440px;
	height: 110px;
	padding-left: 3%;
	border-left: 1px solid #ededed;
}
.index-news-right ul li .summary h6 {
	height: 26px;
	overflow: hidden;
	margin-bottom: 5px;
	line-height: 26px;
	font-size: 18px;
	color: #292929;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.index-news-right ul li .summary p {
	height: 52px;
	overflow: hidden;
	line-height: 26px;
	font-size: 16px;
	color: #5e5e5e;
	transition: .3s;
}
.index-news-right ul li:hover .summary h6,
.index-news-right ul li:hover .summary p {
	color: #035195;
}

@media screen and (max-width: 1200px) {
	.index-news {
		padding: 0px 3%;
	}
	.index-news-left {
		left: 3%;
		width: 48%;
	}
	.index-news-right ul li time {
		font-size: 16px;
	}
	.index-news-right ul li time span {
		font-size: 50px;
		line-height: 50px;
	}
	.index-news-right ul li .summary {
		width: 80.7%;
		margin-left: 3%;
	}
}
@media screen and (max-width: 767px) {
	.index-news-right ul li time {
		font-size: 14px;
	}
	.index-news-right ul li time span {
		font-size: 32px;
		line-height: 32px;
	}
}
@media screen and (max-width: 640px) {
	.index-news-left {
		position: relative;
		left: 0px;
		width: 100%;
	}
	.index-news-right {
		float: none;
		width: 100%;
		margin-top: 3%;
	}
	.index-news-right ul li {
		margin-top: 3%;
	}
}






/*==底部==*/
.footer {
	padding: 1.5% 0px;
	margin-top: 30px;
	background: #3c3c3c;
}
.flogo {
	display: block;
	width: 15%;
	max-width: 231px;
	min-width: 160px;
	margin: auto;
}

.fnav {
	position: relative;
	padding-bottom: 3px;
}
.fnav:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 33px;
	height: 7px;
	margin-left: -16.5px;
	background: url(../images/fnavul_03.jpg) no-repeat center;
}
.fnav ul {
	text-align: center;
	border-bottom: 1px solid #636363;
}
.fnav ul li {
	display: inline-block;
	margin: 1.2% 1.8%;
}
.fnav ul li a {
	font-size: 18px;
	color: #bdbdbd;
}
.fnav ul li a:hover {
	color: #0869b9;
}


.f-word {
	padding: 0px 3%;
	margin-top: 20px;
	line-height: 34px;
	font-size: 18px;
	color: #bdbdbd;
	text-align: center;
}
.link a {
	margin: 0px 10px;
}
.f-word a:hover {
	color: #0869b9;
}
.f-tit {}
.f-tit hr {
	width: 36px;
	height: 2px;
	margin: 20px auto;
	border: 0px;
	background: #da2328;
}
.f-tit h5 {
	font-size: 18px;
	color: #ffffff;
}
.f-tit h4 {
	font-size: 22px;
	color: #ffffff;
}
.f-tit h6 {
	font-size: 16px;
	color: #b4b4b4;
}

@media screen and (max-width: 1200px) {
	.fnav {
		margin-top: 6px;
	}
	.fnav ul {
		padding: 0px 3% 2% 3%;
		border-bottom: 1px solid #636363;
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.footer {
		padding: 3% 0px;
	}
	.fnav ul {
		padding-bottom: 2%;
		border-bottom: 1px solid #636363;
		text-align: center;
	}
	.fnav ul li {
		display: inline-block;
		margin: 1.8%;
	}
	.fnav ul li a {
		font-size: 14px;
	}

	.f-word {
		line-height: 28px;
		font-size: 14px;
	}
}


/*==search-box==*/
.search-box {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	pointer-events: none;
	opacity: 0;
	transition: .4s;
}
.search-box-show {
	pointer-events: auto;
	opacity: 1;
}
.search-box .close {
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/ico_37.png) no-repeat center;
	opacity: 1;
}
.search-box form {
	position: absolute;
	top: 50%;
    left: 2.6%;
    right: 2.6%;
    height: 40px;
    margin-top: -62px;
    border-bottom: 1px solid #515151;
}
.search-box form input {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	overflow: hidden;
	padding-left: 30px;
    padding-right: 50px;
    border: none;
    outline: none;
    background: url(../images/ico_36.png) no-repeat left;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-box form button {
	position: absolute;
	top: 0px;
    right: 0px;
    width: 50px;
	height: 100%;
    border: none;
    background: transparent;
    line-height: 40px;
    font-size: 18px;
    color: #777;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}
.search-box form button:hover {
	color: #fff;
}



/*==location==*/
.n-box {
	border: 1px solid #dcdcdc;
	background: #fff;
}
.n-box-flex {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.location {
	line-height: 72px;
	font-size: 14px;
	color: #6b6b6b;
	white-space: nowrap;
}

.n-box-flex .btn {
	display: none;
	border: none;
	background: #00529c;
}

.n-search {
	position: relative;
	height: 38px;
	overflow: hidden;
}
.n-search select {
	float: left;
	box-sizing: border-box;
	width: 294px;
	height: 100%;
	overflow: hidden;
	padding: 0px 15px;
	border: 1px solid #e9e9e9;
	outline: none;
	border-radius: 20px;
	font-size: 14px;
	color: #a3a2a2;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.n-search input {
	float: left;
	box-sizing: border-box;
	width: 294px;
	height: 100%;
	overflow: hidden;
	padding: 0px 42px 0px 15px;
	margin-left: 20px;
	border: 1px solid #e9e9e9;
	outline: none;
	border-radius: 20px;
	font-size: 14px;
	color: #a3a2a2;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.n-search button {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 30px;
	height: 100%;
	border: none;
	outline: none;
	background: url(../images/nsearchb_03.jpg) no-repeat center;
	cursor: pointer;
}

@media screen and (max-width: 1200px) {
	.n-box-flex {
		padding: 0px 3%;
	}
	.location {
		width: 280px;
		height: 56px;
		overflow: hidden;
		line-height: 56px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.n-search {
		height: 32px;
	}
	.n-search select {
		width: 210px;
	}
	.n-search input {
		width: 210px;
	}
}
@media screen and (max-width: 800px) {
	.n-box-flex .btn {
		display: block;
	}
	.n-search {
		position: absolute;
		top: 120%;
		right: 0px;
		width: 0px;
		transition: .5s;
	}
	.n-search-show {
		width: 300px;
	}
	.n-search select {
		width: 49%;
	}
	.n-search input {
		width: 49%;
		margin-left: 2%;
	}
	.n-search button {
		opacity: 0;
		transition: .1s;
	}
	.n-search-show button {
		opacity: 1;
		transition: .3s .5s;
	}
}


/*==title2==*/
.title2 {
	padding-bottom: 30px;
	margin: 30px 0px;
	background: url(../images/title2.png) no-repeat bottom;
	text-align: center;
}
.title2 img {
	display: block;
	margin: auto;
}
.title2 h4 {
	position: relative;
	display: inline-block;
	padding: 0px 30px;
	font-size: 20px;
	color: #000000;
	letter-spacing: 2px;
}
.title2 h4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -78px;
	width: 78px;
	height: 1px;
	background: #e8e8e8;
}
.title2 h4:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -78px;
	width: 78px;
	height: 1px;
	background: #e8e8e8;
}
.title2 h6 {
	margin: 0px;
	font-size: 14px;
	color: #d1d1d1;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}



/*==znav==*/
.znav {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 20px auto;
}
.znav ul {}
.znav ul li {
	position: relative;
	float: left;
	width: 19%;
	margin-left: 1.2%;
	margin-bottom: 1.2%;
}
.znav ul li:nth-of-type(5n+1) {margin-left: 0px}
.znav ul li .tit {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin: 0px;
	border: 2px solid #c5c5c5;
	line-height: 60px;
	font-size: 16px;
	color: #535353;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.znav ul li .tit:after {
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	z-index: -2;
	background: transparent;
	transition: .3s;
}
.znav ul li:hover .tit,
.znav ul li.active1 .tit {
	border-color: #00529c;
	color: #fff;
}
.znav ul li:hover .tit:after,
.znav ul li.active1 .tit:after {
	background: #00529c url(../images/znavah.jpg) no-repeat center;
}

.znav ul li dl {
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 2;
	display: none;
	width: 100%;
	border: 3px solid #00529c;
	border-top-width: 1px;
	background: #fff;
}
.znav ul li dl dd {}
.znav ul li dl dd a {
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
	line-height: 50px;
	font-size: 16px;
	color: #535353;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.znav ul li dl dd a:hover,
.znav ul li dl dd a.active2 {
	background: #00529c;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.znav {
		padding: 0px 3%;
	}
}
@media screen and (max-width: 991px) {
	.znav ul li {
		width: 23.5%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.znav ul li:nth-of-type(5n+1) {margin-left: 2%}
	.znav ul li:nth-of-type(4n+1) {margin-left: 0%}
}
@media screen and (max-width: 767px) {
	.title2 {
		padding-bottom: 20px;
	}
	
	.znav {
		margin: 15px auto;
	}
	.znav ul li {
		float: left;
		width: 32.33%;
		margin-left: 1.5%;
		margin-bottom: 1.5%;
	}
	.znav ul li:nth-of-type(5n+1) {margin-left: 1.5%}
	.znav ul li:nth-of-type(4n+1) {margin-left: 1.5%}
	.znav ul li:nth-of-type(3n+1) {margin-left: 0px}
	.znav ul li .tit {
		height: 40px;
		line-height: 40px;
	}
	.znav ul li dl dd a {
		height: 30px;
		line-height: 30px;
	}
}
@media screen and (max-width: 414px) {
	.znav ul li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.znav ul li:nth-of-type(5n+1) {margin-left: 2%}
	.znav ul li:nth-of-type(4n+1) {margin-left: 2%}
	.znav ul li:nth-of-type(3n+1) {margin-left: 2%}
	.znav ul li:nth-of-type(2n+1) {margin-left: 0px}
	.znav ul li .tit,
	.znav ul li dl dd a {
		font-size: 14px;
	}
}





/*==news==*/
.news-box {
	padding: 30px 0px;
	background: #f7f7f7;
}
.news {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
.news ul {}
.news ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	margin-bottom: 3%;
	background: #fff;
	transition: .6s;
}
.news ul li:hover {
	box-shadow: 0px 0px 10px #ccc;
}
.news ul li .pic {
	width: 30%;
}
.news ul li .pic img {
	width: 100%;
	max-height: 222px;
}
.news ul li .summary {
	width: 67%;
}
.news ul li .summary h6 {
	height: 30px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 1.5%;
	line-height: 30px;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news ul li .summary h6 a:hover {
	color: #00529c;
}
.news ul li .summary p {
	max-height: 56px;
	overflow: hidden;
	line-height: 28px;
	font-size: 14px;
	color: #5e5e5e;
}
.news ul li .summary hr {
	width: 36px;
	height: 2px;
	margin: 4% 0px;
	border: none;
	background: #00529c;
}
.news ul li .summary time {
	font-size: 16px;
	color: #9c9c9c;
}
.news ul li .summary .more {
	display: block;
	width: 124px;
	height: 30px;
	margin-top: 4%;
	border: 1px solid #5a5a5a;
	line-height: 30px;
	font-size: 14px;
	color: #5a5a5a;
	text-align: center;
	font-family: "Arial";
}
.news ul li .summary .more:hover {
	background: #5a5a5a;
	color: #fff;
}



.news2 {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.news2 ul {}
.news2 ul li {
	float: left;
	width: 31.33%;
	margin-left: 3%;
	margin-bottom: 3%;
	background: #fff;
	transition: .3s;
	background-repeat: no-repeat;
	background-position: 120% center;
}
.news2 ul li:nth-of-type(3n+1) {margin-left: 0px}
.news2 ul li a {
	display: block;
	padding: 30px;
}
.news2 ul li h6 {
	height: 20px;
	overflow: hidden;
	margin: 0px;
	line-height: 20px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	transition: .3s;
}
.news2 ul li p {
	height: 78px;
	overflow: hidden;
	margin: 15px 0px;
	line-height: 26px;
	font-size: 16px;
	color: #5e5e5e;
	transition: .3s;
}
.news2 ul li hr {
	width: 40px;
	height: 2px;
	margin: 25px 0px;
	border: none;
	background: #00529c;
	transition: .3s;
}
.news2 ul li time {
	display: block;
	font-size: 16px;
	color: #9c9c9c;
	transition: .3s;
}
.news2 ul li span {
	display: inline-block;
	width: 124px;
	height: 30px;
	margin-top: 30px;
	border: 1px solid #5a5a5a;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #5a5a5a;
	transition: .3s;
}
.news2 ul li:hover {
	background-color: #00529c;
	background-image: url(../images/news2.png);
	background-size: 70%;
}
.news2 ul li:hover h6,
.news2 ul li:hover p,
.news2 ul li:hover time {
	color: #fff;
}
.news2 ul li:hover hr {background: #d2291a}
.news2 ul li:hover span {
	border-color: #fff;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.news2 {padding: 0px 3%}
}
@media screen and (max-width: 991px) {
	.news2 ul li {
		float: left;
		width: 48%;
		margin-left: 4%;
		margin-bottom: 4%;
	}
	.news2 ul li:nth-of-type(3n+1) {margin-left: 4%}
	.news2 ul li:nth-of-type(2n+1) {margin-left: 0px}
}
@media screen and (max-width: 640px) {
	.news2 ul li {
		float: left;
		width: 100%;
		margin-left: 0px;
	}
	.news2 ul li:nth-of-type(3n+1) {margin-left: 0px}
}







/*==新闻详情页==*/
.news-view {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding-bottom: 4%;
	margin: auto;
}
.news-view-left {
	float: left;
	width: 800px;
}
.news-title {
	margin: 0px;
	font-size: 20px;
	color: #393939;
	font-weight: bold;
}
.news-time {
	display: block;
	margin: 15px 0px;
	font-size: 16px;
	color: #5e5e5e;
}
.news-content {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #eaeaea;
	line-height: 28px;
	font-size: 16px;
	color: #5e5e5e;
}

.prev-next {
	margin-top: 3%;
}
.prev-next a {
	float: left;
	box-sizing: border-box;
	display: block;
	width: 33.33%;
	height: 58px;
	border: 1px solid #e2e2e2;
	background: #f2f2f2;
	line-height: 56px;
	font-size: 16px;
	color: #5e5e5e;
	text-align: center;
}
.prev-next a:hover {
	color: #00529c;
}


.news-view-right {
	float: right;
	box-sizing: border-box;
	width: 342px;
	padding: 10px 30px;
	background: #fff;
}
.recommendation {
	margin-top: 20px;
}
.recommendation ul {}
.recommendation ul li {
	margin: 10px 0px;
}
.recommendation ul li .pic:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
	transition: .5s;
}
.recommendation ul li:hover .pic:after {
	background: rgba(0,0,0,.3);
}
.recommendation ul li .pic {
	position: relative;
	padding: 37.5% 0px;
}
.recommendation ul li .pic img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.recommendation ul li h6 {
	height: 50px;
	overflow: hidden;
	padding: 0px 10px;
	margin: 0px;
	background: url(../images/indexproduct.png) no-repeat 90% center;
	background-size: 30px;
	line-height: 50px;
	font-size: 14px;
	color: #6d6d6d;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.recommendation ul li:hover h6 {
	background: #00529c url(../images/indexproducth.png) no-repeat 90% center;
	background-size: 30px;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.news-view {
		padding: 0px 3% 4% 3%;
	}
	.news-view-left {
		width: 100%;
	}
	.prev-next a {
		height: 48px;
		line-height: 46px;
	}

	.news-view-left {
		width: 66%;
	}
	.news-view-right {
		width: 30%;
	}
}
@media screen and (max-width: 1024px) {
	.news-view-left {
		width: 100%;
	}
	.news-view-right {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.news-title {
		font-size: 16px;
	}
	.news-time {
		font-size: 14px;
	}
	.bdsharebuttonbox {
		display: none;
	}
	.prev-next a {
		height: 34px;
		line-height: 32px;
		font-size: 14px;
	}
}



/*==proindex==*/
.proindex {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.proindex ul {}
.proindex ul li {
	position: relative;
	background: #fff;
}
.proindex ul li:after {
	clear: both;
	display: block;
	content: ".";
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.proindex ul li .pic {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 18.8% 0px;
	background: #f7f7f7;
}
.proindex ul li.proindexLi2 .pic {float: right}
.proindex ul li .pic a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.proindex ul li .pic a img {
	max-width: 100%;
	max-height: 100%;
}
.proindex ul li .summary {
	position: absolute;
	top: 0px;
	left: 50%;
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding: 3%;
}
.proindex ul li.proindexLi2 .summary {left: 0px}
.proindex ul li .summary h5 {
	height: 26px;
	overflow: hidden;
	margin: 0px;
	line-height: 26px;
	font-size: 24px;
	color: #00529c;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.proindex ul li .summary h6 {
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	color: #a0a0a0;
	font-family: "Arial";
	letter-spacing: 2px;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.proindex ul li .summary hr {
	width: 36px;
	height: 2px;
	margin: 3% 0px;
	border: none;
	background: #da2328;
}
.proindex ul li .summary p {
	max-height: 112px;
	overflow: hidden;
	line-height: 28px;
	font-size: 16px;
	color: #6d6d6d;
}
.proindex ul li .summary .more {
	position: absolute;
	left: 6%;
	bottom: 10%;
	display: block;
	width: 124px;
	height: 30px;
	border: 1px solid #5a5a5a;
	line-height: 30px;
	font-size: 14px;
	color: #5a5a5a;
	text-align: center;
}
.proindex ul li .summary .more:hover {
	background: #5a5a5a;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.proindex {padding: 0px 3%}
	.proindex ul li .summary h5 {
		height: 22px;
		line-height: 22px;
		font-size: 20px;
	}
	.proindex ul li .summary h6 {
		height: 18px;
		line-height: 18px;
		font-size: 16px;
	}
}
@media screen and (max-width: 991px) {
	.proindex ul li .summary h5 {
		height: 20px;
		line-height: 20px;
		font-size: 18px;
	}
	.proindex ul li .summary h6 {
		height: 16px;
		line-height: 16px;
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	.proindex ul li {margin-bottom: 20px}
	.proindex ul li .pic {
		height: 300px;
		padding: 0px;
		background: #fff;
	}
	.proindex ul li .pic,
	.proindex ul li.proindexLi2 .pic {
		float: none;
		width: 100%;
	}
	.proindex ul li .summary,
	.proindex ul li.proindexLi2 .summary {
		position: static;
		width: 100%;
	}
	.proindex ul li .summary p {max-height: 88px}
	.proindex ul li .summary .more {
		position: static;
		margin-top: 15px;
	}
}



/*==product==*/
.product {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.product ul {}
.product ul li {
	float: left;
	width: 31.33%;
	margin-left: 3%;
	margin-bottom: 3%;
	background: #fff;
}
.product ul li:nth-of-type(3n+1) {margin-left: 0px}
.product ul li .pic {
	position: relative;
	padding: 34.5% 0px;
	border: 1px solid #dcdcdc;
}
.product ul li .pic-flex {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product ul li .pic img {
	max-width: 100%;
	max-height: 100%;
}
.product ul li h6 {
	height: 76px;
	overflow: hidden;
	margin: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 90% center;
	line-height: 76px;
	font-size: 16px;
	color: #6d6d6d;
	text-align: center;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.product ul li:hover h6 {
	background-color: #00529c;
	background-image: url(../images/indexproduct.png);
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.product {
		padding: 0px 3%;
	}
	.product ul li h6 {
		height: 56px;
		line-height: 56px;
	}
}
@media screen and (max-width: 991px) {
	.product ul li {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 4%;
	}
	.product ul li:nth-of-type(3n+1) {margin-left: 4%}
	.product ul li:nth-of-type(2n+1) {margin-left: 0px}
}
@media screen and (max-width: 414px) {
	.product ul li {
		width: 100%;
		margin-left: 0px;
	}
	.product ul li:nth-of-type(3n+1) {margin-left: 0px}
	.product ul li h6 {
		height: 46px;
		line-height: 46px;
	}
}




/*==pro-view==*/
.pro-view-box {
	background: #fff;
}
.pro-view {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding: 2.5% 0px;
	margin: auto;
}
.pro-view:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: -1;
	width: 28%;
	height: 100%;
	background: url(../images/firsts.png) no-repeat bottom;
	background-size: 100%;
}
.pro-view-left {
	box-sizing: border-box;
	float: left;
	width: 52.5%;
	border: 1px solid #f7f7f7;
}
.pro-view-left .swiper-pagination {
	display: none;
	text-align: right;
}
.pro-view-left .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 55px;
}
.pro-view-left .swiper-slide {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 472px;
}
.pro-view-left .swiper-slide h6 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	box-sizing: border-box;
	width: 100%;
	height: 54px;
	overflow: hidden;
	padding: 0px 20px 0px 30px;
	margin: auto;
	background: rgba(0,0,0,.5) url(../images/proviewl.png) no-repeat 20px center;
	line-height: 54px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}

.pro-view-right {
	float: right;
	width: 45%;
}
.pro-tit {
	font-size: 24px;
	color: #000000;
	font-weight: bold;
}
.pro-entit {
	font-size: 18px;
	color: #a0a0a0;
	font-family: "Arial";
	letter-spacing: 1px;
	text-transform: uppercase;
}
.pro-view-right hr {
	width: 36px;
	height: 2px;
	background: #da2328;
}
.pro-view-right .info {
	min-height: 170px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
	line-height: 34px;
	font-size: 16px;
	color: #6d6d6d;
}

.spic {
	margin: 40px 0px;
}
.spic ul {}
.spic ul li {
	float: left;
	margin-right: 14px;
	cursor: pointer;
	transition: .3s;
}
.spic ul li:hover,
.spic ul li.active {
	box-shadow: 0px 0px 10px #333;
}
.spic ul li .pic {
	display: table-cell;
	width: 55px;
	height: 42px;
	text-align: center;
	vertical-align: middle;
}
.spic ul li .pic img {
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-width: 1200px) {
	.pro-view {
		padding: 2.5% 3%;
	}
	.pro-view-left {
		float: none;
		width: 100%;
		max-width: 630px;
		margin: 0px auto 15px auto;
	}
	.pro-view-left .swiper-pagination {
		display: block;
	}
	.pro-view-right {
		float: none;
		width: 100%;
	}
	.pro-view-right .info {
		min-height: auto;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.spic {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.pro-view-left .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 40px;
	}
	.pro-view-left .swiper-slide {
		height: auto;
	}
	.pro-view-left .swiper-slide h6 {
		height: 36px;
		line-height: 36px;
	}
	.pro-tit {
		font-size: 16px;
	}
	.pro-entit {
		font-size: 14px;
	}
	.pro-view-right .info {
		line-height: 28px;
		font-size: 14px;
	}
	.pro-view-right hr {
		margin: 10px 0px;
	}
}


.pro-content {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding: 3% 0px;
	margin: auto;
	line-height: 28px;
	font-size: 16px;
	color: #5e5e5e;
}
@media screen and (max-width: 1200px) {
	.pro-content {
		padding: 3%;
	}
}




/*==pic==*/
.pic-box {
	padding: 30px 0px;
	background: #f7f7f7;
}
.piclist {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.piclist ul {}
.piclist ul li {
	float: left;
	width: 31.33%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
}
.piclist ul li:nth-of-type(3n+1) {
	margin-left: 0px;
}
.piclist ul li .pic:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
	transition: .5s;
}
.piclist ul li:hover .pic:after {
	background: rgba(0,0,0,.3);
}
.piclist ul li .pic {
	position: relative;
	padding: 37.5% 0px;
}
.piclist ul li .pic img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.piclist ul li h6 {
	height: 50px;
	overflow: hidden;
	padding: 0px 10px;
	margin: 0px;
	background: url(../images/indexproduct.png) no-repeat 90% center;
	background-size: 30px;
	line-height: 50px;
	font-size: 14px;
	color: #6d6d6d;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.piclist ul li:hover h6 {
	background: #00529c url(../images/indexproducth.png) no-repeat 90% center;
	background-size: 30px;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.pic-box {
		padding: 30px 3%;
	}
	.piclist ul li h6 {
		height: 46px;
		background: transparent;
		line-height: 46px;
	}
	.piclist ul li:hover h6 {
		background: #00529c;
	}
}
@media screen and (max-width: 767px) {
	.pic-box {
		padding: 15px 3%;
	}
	.piclist ul li {
		width: 48.5%;
		margin-left: 3%;
	}
	.piclist ul li:nth-of-type(3n+1) {
		margin-left: 3%;
	}
	.piclist ul li:nth-of-type(2n+1) {
		margin-left: 0px;
	}
	.piclist ul li h6 {
		height: 36px;
		line-height: 36px;
	}
}



/*==page==*/
.page {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding-bottom: 40px;
	margin: auto;
	line-height: 28px;
	font-size: 16px;
	color: #5e5e5e;
}
@media screen and (max-width: 1200px) {
	.page {
		padding: 0px 3% 40px 3%;
	}
}
@media screen and (max-width: 767px) {
	.page {
		font-size: 14px;
	}
}


/*==feedback==*/
.feedback {
	width: 100%;
	max-width: 600px;
	padding: 0px 20px 40px 20px;
	margin: auto;
}
.control-label {margin-bottom: 10px}
/*.feedback-table {
	width: 100%;
	font-size: 14px;
	color: #666;
}
.feedback-table td {
	padding: 10px;
}
.feedback-table label {
	display: block;
	line-height: 30px;
	text-indent: 4px;
	letter-spacing: 4px;
}
.feedback-table input[type="text"], 
.feedback-table input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 0px 10px;
	outline: none;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .3s;
}
.feedback-table textarea {
	box-sizing: border-box;
	width: 100%;
	height: 84px;
	border: 1px solid #ccc;
	outline: none;
	padding: 0px 10px;
	line-height: 28px;
	transition: .3s;
}
.feedback-table .reset-btn,
.feedback-table button {
	display: inline-block;
	box-sizing: border-box;
	width: 120px;
	height: 30px;
	border: 1px solid #ccc;
	background: transparent;
	line-height: 28px;
	font-size: 14px;
	color: #666;
	text-align: center;
	cursor: pointer;
	transition: .3s;
}
.feedback-table input[type="reset"] {
	display: none;
}
.feedback-table input[type="text"]:focus,
.feedback-table textarea:focus,
.feedback-table .reset-btn:hover,
.feedback-table button:hover {
	box-shadow: 0px 0px 10px #ccc;
}
.feedback-table .reset-btn:hover,
.feedback-table button:hover {
	background: #ccc;
	color: #fff;
}*/




/*==map==*/
#map {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding-bottom: 40px;
	margin: auto;
	line-height: 28px;
	font-size: 16px;
	color: #5e5e5e;
}
#map img {
	max-width: 1144px;
}

@media screen and (max-width: 1200px) {
	#map {
		padding: 0px 3% 40px 3%;
		font-size: 14px;
	}
}



/*=================分页=================*/
.fenye {
	padding: 1% 0px;
	margin: 15px 0px 30px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fenye ul {}
.fenye ul li {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px 3px;
	line-height: 40px;
	background: #b6b6b7;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	transition: .3s;
}
.fenye ul li:hover a,
.fenye ul li.active a,
.fenye ul li:hover span,
.fenye ul li.active span {
	color: #fff;
	background: #00529c;
}
.fenye ul li a,
.fenye ul li span {
	display: block;
	border-radius: 5px;
}
.fenye ul .fenye-p,
.fenye ul .fenye-n {
	font-size: 16px;
}
.fenye select {
	display: none;
	width: 70px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	color: #5a5a5a;
}


@media screen and (max-width: 991px) {
	.fenye ul {
		width: 116px;
		margin: 0px 4%;
	}
	.fenye ul li {
		display: none;
		width: 30px;
		height: 30px;
		margin: 0px 9px;
		line-height: 30px;
	}
	.fenye ul .fenye-p,
	.fenye ul .fenye-n {display: block}
	.fenye select {display: block}
}
/*=================/分页=================*/

.gotop{width:40px;height:40px;background: #004da1 url(../images/gotop.png) no-repeat center;border-radius: 50%;position:fixed;right:10px;bottom:100px;z-index: 9;_position:absolute;_right:50px;_top:expression(document.documentElement.clientHeight-this.offsetHeight-50+document.documentElement.scrollTop);cursor:pointer;display:none;}