﻿.redBl {
	position:relative;
	height: 110px;
	bottom: 0;
	width: 100%;
	z-index: 999;
}
.redBCon {
	width: 1221px;
	margin: 0 auto;
	height: 110px;
	overflow: hidden;
}
.leftRedBC {
	float: left;
	width: 610px;
	height: 110px;
	background-color: #bb1010;
}
.rightRedBC {
	float: right;
	width: 611px;
	height: 110px;
	background-color: #2a2a2a;
}
.LredBox {
	width: 524px;
	margin: 0 auto;
	overflow: hidden;
}
.LredBox dl {
	float: left;
}
.LredBox dl dd, .LredBox dl dt {
	color: #fff;
}
.LredBox dl dd {
	font-weight: bold;
	font-size: 24px;
	margin: 25px 0 5px 0;
}
.LredBox dl dt {
	font-size: 16px;
}
.LredBox div {
	float: right;
	margin-top: 4px;
}
.LredBox div img {
	display: block;
	width: 36px;
	height: 36px;
	margin-top: 10px;
}
.RredBox {
	width: 524px;
	margin: 0 auto;
}
.RredBox p {
	height: 52px;
	line-height: 52px;
	color: #fff;
	margin-top: 5px;
}
.RredBox p a {
	color: #fff;
	margin-right: 10px;
}
.searchBox {
	height: 30px;
	width: 524px;
	background-color: #fff;
	overflow: hidden;
}
.searchBox input {
	float: left;
	width: 460px;
	padding: 0 10px;
	height: 30px;
}
.searchBox .sub {
	float:right;
	width:34px;
	height:30px;
	margin-left:0px;
	padding:0px;
	border:none;
	background:url(../images/searbtn.jpg) no-repeat center;
}
.coper {
	width: 1180px;
	margin: 100px auto;
	margin-bottom: 50px;
	clear: both;
}
.coperN {
	height: 53px;
	background: url(../images/copername.jpg) no-repeat center 0;
	margin-bottom: 25px;
}
.coperB {
	height: 100px;
}
.mr_frBtnL {
	float: left;
	margin-top: 26px;
	cursor: pointer;
	display: inline;
}
.mr_frUl {
	float: left;
	height: 100px;
	width: 1094px;
}
.mr_frBtnR {
	float: right;
	margin-top: 26px;
	cursor: pointer;
}
.mr_frUl ul li {
	display: inline;
	float: left;
	height: 100px;
	width: 199px;
	margin-left: 17px;
	overflow: hidden;
}
.mr_frUl ul li img {
	display: block;
	width: 197px;
	height: 98px;
	border: 1px solid #e6e6e6
}
/*2*/
.indexproduct{ width:100%; margin:auto; text-align:center;}

.indexproduct ul {position:relative;left:50%;}

.indexproduct li{margin:0 0 20px 15px;width:302px;height:300px;background:#ccc;position:relative;right:50%;float:left; transition: all 0.3s;}

.indexproduct li a{display:block;position:absolute; color:#000; font-size:14px;padding:5px 5px 0;width:290px;height:296px;line-height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.indexproduct li.on a{color:#fff;text-shadow:1px 1px 1px #666;}

.indexproduct li a em{display:block; position:relative; width:290px; height:250px;overflow:hidden;text-align:center;}

.indexproduct li a em img{position:absolute;top:0;left:0;width:100%;height:100%; transition: all 0.3s;  }

.indexproduct li div{display:none;position:absolute;top:0;width:100%;height:100%;background:#FF9900;}
.indexproduct li:hover{background:#ff9900; }
.indexproduct li:hover a{color:#fff;transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;}
.indexproduct li:hover img{ transform: scale(1.1);transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;}
/*3*/
.PKCon {
	width: 1180px;
	margin: 50px auto;
	clear: both;
}
.pktitle {
	height: 53px;
	background: url(../images/pktitle.jpg) no-repeat center 0;
	margin-bottom: 40px;
}
.PKImg {
	height: 350px;
	background: url(../images/pkimg.jpg) no-repeat center 0;
}
.PKstance {
	height: 122px;
	background: url(../images/pkbg.jpg) no-repeat center 0;
	margin-top: 20px;
}
.PKstanBox {
	width: 1036px;
	margin: 0 auto;
	overflow: hidden;
}
.PKstanBox .leftPKS, .PKstanBox h3 {
	float: left;
}
.PKstanBox .leftPKS {
	line-height:122px;
	color: #fff;
}
.PKstanBox .rightPKS {
	float: right;
	line-height:122px;
}
.PKstanBox p {
	width: 430px;
	line-height: 24px;
	font-size: 16px;
}
.PKstanBox h3 {
	width: 176px;
	text-align: center;
	line-height: 122px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}
.PKstanBox p.p01 {
	line-height: 122px;
}
.PKstanBox p.p02 {
	padding-top: 37px;
}
/*4*/
.aboutBox{background: url(../images/about-bg.png) no-repeat top center; width: 100%; overflow: hidden; padding-top:130px ; margin-top:100px;}
.aboutBox .w1240{ background: #fff; padding:30px; width: 1161px;margin:0 auto;}
.aboutBox .left{width: 560px;	height: 420px; float: left;}
.aboutBox .right{ width: 526px; float: right;}
.aboutBox .right h3{ text-transform: uppercase;color: #bb1010; font-size: 30px; font-family: arial;}
.aboutBox .right h4{  	color: #000000; 	font-size: 24px; padding:24px 0 44px 0;}
.aboutBox .right p{  	color: #333333; font-size: 14px; line-height: 32px; height: 242px;}
.aboutBox .more{ display: block;width: 204px;	height: 48px;	background-color: #bb1010;  color: #ffffff; 
font-family: arial; font-weight: bold; text-align: center; line-height: 48px;font-size: 18px; float: right; transition: all 0.7s;}
.aboutBox .more:hover{ transform: translateX(-10px);}

.tupian{width:1221px; margin:0 auto;}
.tupian .toubu{ background: #f5f5f5 ; height: 64px;}
.tupian .toubu ul{ float:left;}
.tupian .toubu li{ width: 174px; height: 64px; display: inline-block; float: left;}
.tupian .toubu li a{  color: #000000; font-size: 18px; font-weight: bold; display: block; text-align: center; line-height: 64px;}
.tupian .toubu li.on a{ background: #bb1010; color: #fff; }
.tupian .toubu a.more{  color: #bb1010; font-size: 16px;  float:right;font-family: arial; text-transform: uppercase;
line-height: 64px; display: block; padding-right: 30px;}
.tupian .piclist li{ float: left;  width: 286px; height: 231px; margin-right: 19px; overflow: hidden; position: relative;}
.tupian .piclist li figure{ width:100%; margin:0; padding:0;}
.tupian .piclist li img{ width: 100%; height: 231px; overflow: hidden; display: block; transition: all 0.36s;}
.tupian .piclist li:hover img{ transform: scale(1.1);}
.tupian .piclist li h3{ text-align: center; color: #fff; background: rgba(240,133,25,0.8);
position: absolute; left: 0; bottom: -45px; right: 0; height: 45px; line-height: 45px; transition: all 0.6s; }
.tupian .piclist li:hover h3{ bottom: 0;}
.tupian .scrollBox .list{ display: none;}
.tupian .scrollBox{ margin-top: 30px; position: relative;}
.tupian .prev{ background: url(../images/prev.png) no-repeat top center; width: 40px;	height: 60px; display: block;
position: absolute; top: 50%; margin-top: -30px; left: 0; cursor: pointer; transition: all 0.6s;}
.tupian .next{ background: url(../images/next.png) no-repeat top center; width: 40px;	height: 60px; display: block;
position: absolute; top: 50%; margin-top: -30px; right: 0; cursor: pointer; transition: all 0.6s;}
.tupian .next:hover,.tupian .prev:hover{ box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);}
.tupian .scrollBox.on{ display: block;}
.tupian .scrollBox{ display: none;}
