* {
	list-style: none; margin: 0px; padding: 0px; font-family: "΢ÈíÑźÚ"; font-style: normal; font-weight: normal; text-decoration: none;
}

.pro-center {
	background: rgb(255, 255, 255); padding: 35px 0px 30px; width: 100%; height: auto; overflow: hidden;
}
.pro-center .title {
	text-align: center; color: rgb(51, 51, 51); letter-spacing: 1px; padding-bottom: 5px; font-size: 34px;
}
.pro-center .sub-title {
	text-align: center; color: rgb(51, 51, 51); font-size: 20px;
}
.pro-center .sub-title span {
	width: auto; height: 30px; line-height: 30px; display: inline-block;
}
.pro-center .sub-title span.text {
	padding: 0px 10px;
}
.pro-left {
	width: 200px; float: left; box-sizing: border-box; box-shadow: 0px 10px 10px #f7f7f7;
}
.pro-content {
	width: 100%; padding-top: 40px;
}
.pro-right {
	width: 980px; float: right;
}
.pro-left .left-title {
	background: rgb(49, 127, 255); height: 110px; text-align: center; line-height: 110px;
}
.pro-left .left-title span {
	color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; display: inline-block;
}
.pro-left .left-title span.text {
	padding: 0px 10px;
}
.pro-left .left-category ul li {
	height:35px; text-align: center;background:#293e53;  color:#ffffff; line-height:35px; font-size:15px; cursor: pointer; margin-bottom:6px;
}
.pro-left .left-category ul li.on { background:#CC0000;
	 color:#fff;
}
.pro-left .left-category ul li:hover {
 background:#CC0000;color:#fff;
}
.pro-left .left-category ul li a{ color:#FFFFFF;
}
.pro-left .left-contact {
	background: url("../images/tel.png") no-repeat 20px; text-indent: 70px; margin-top: 37px; margin-bottom: 37px;
}
.pro-left .left-contact p {
	color: rgb(49, 127, 255); font-size: 14px;
}
.pro-left .left-contact p.tel {
	padding-top: 10px; font-size: 20px;
}
.pro-right {
	display: none;
}
.pro-right ul li {
	background: rgb(247, 247, 247); border: 1px solid rgb(247, 247, 247); transition:0.3s linear; border-image: none; width: 300px; margin-right: 20px; margin-bottom: 35px; float: left; box-sizing: border-box;
}
.pro-right ul li:nth-child(3n) {
	margin-right: 0px;
}
.pro-right ul li .img {
	width: 100%; height: 230px; overflow: hidden;
}
.pro-right ul li img {
	width: 100%;
}
.pro-right ul li p {
	height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 18px;
}
.active.pro-right {
	display: block;
}
.pro-right ul li:hover {
	transition:0.2s linear; box-shadow: 0px 0px 15px #c6c6c6;
}

.indextit {
	text-align:center
}
.indextit h2 {
	font-size:26px;
	font-weight:700;
}
.indextit span {
	font-size:18px;
}
.indextit2 {
	text-align:center;
	color:#FFFFFF;
}
.indextit2 h2 {
	font-size:26px;
	font-weight:700;
}
.indextit2 span {
	font-size:18px;
}
.w1300 {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.news {
	background:url(images/newsbg.jpg) center bottom no-repeat;
	overflow:hidden;
	padding: 80px 0px;
}
.newsl {
	width:300px;
	float:left;
	overflow:hidden;
}
.newsr {
	width:1000px;
	float:right;
	overflow:hidden;
	background:#FFFFFF;
	min-height:400px;
}
.zhbg{
	background:url(images/shipinbg.jpg) #293d51 top no-repeat ;
	padding:80px 0px 50px 0px;
	overflow:hidden;
}
.youshi {
	background:url(images/bg1.jpg) no-repeat center bottom;
	overflow:hidden;
	padding:80px 0px;
}
.anli{ overflow:hidden;}
.anli li{ width:258.5px;  float:left; overflow:hidden; margin-left:3px; margin-right:3px; margin-bottom:6px;}
.anli li img{ width:100%; height:180px;}
.anli li div{ width:258.5px;z-index:999;position:absolute; text-align:center; height:40px; line-height:40px; margin-top:140px;background:#293d51;opacity:0.6;color: #fff;}
.anli a:hover li div{ background:#293d51; color: #fff;opacity:0.7; }


.shipin{ width:1000px; margin:0px auto; overflow:hidden;}
.shipin .sleft{ width:650px; height:500px; float:left;}
.shipin .sright{ width:350px; height:auto; overflow:hidden; float:right;}
.sp{ margin-left:10px; margin-bottom:10px; float:left; height:220px;}
.sp img{ width:340px; height:220px;}
a:hover .sp img{opacity:0.7;}

			/* .browsehappy {position: absolute;top: 0;z-index: 9999;width:100%;} */
		img{ max-width:100%;}	
		.fenlei{ width:100%; margin:0px auto; overflow:hidden;}	
		.fenlei li{ background:#006699;  margin-bottom:5px;color:#FFFFFF; width:48%; float:left; margin-left:5px;display: table-cell;
    vertical-align: middle;}
		.pp{ width:360px;  overflow:hidden; margin:0px auto;}	
		.indextit3{  text-align:center; padding-top:10px;}
			.indextit3 h2{font-size:26px; font-weight:900;}

@media screen and (max-width: 414px) {
.fenlei{ width:98%; margin:0px auto; overflow:hidden;}	
		.fenlei li{ background:#006699;  margin-bottom:5px;color:#FFFFFF; width:47.5%; float:left; margin-left:5px;display: table-cell;
    vertical-align: middle; font-size:11px;}
	
}