table {
	width: 100%;
	border-collapse: collapse;
}
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
p {
	line-height: 2.1em;
	color: #333;
	font-size:18px
}
a {
	color: #000;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.container {
	width: 1388px;
	margin: 0 auto;
}
.clear:after {
	content: '';
	display: table;
	clear: both;
}
.w1388 {
	width: 1388px;
	margin: 0 auto;
}
.w1128 {
	width: 1128px;
	margin: 0 auto;
}
.bg15 {
	background: #151515;
}
.relative {
	position: relative;
}
img {
	max-width:100%
}
.pc-show {
	display: block;
}
.phone-show {
	display: none;
}
.table {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
.table-cell b {
	color: #fff;
}
.margin-t60 {
	margin-top: 60px;
}
.text-center {
	text-align: center;
}
.paddin-tb60 {
	padding: 60px 0;
}
/*index*/

.header {
	position: relative;
	z-index: 99999;
}
.head-top {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.head-top2 {
	position: fixed;
	z-index: 99999;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #0000fe
}
.head-top2.active {
	bottom: -50px;
}
.head-top div, .head-top span {
	font-size: 12px;
}
.hotLine .span1 {
	color: #ccc;
	position: relative;
	padding-left: 20px;
}
.hotLine .span1:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0;
	width: 15px;
	height: 14px;
	background: url("../images/i0.png");
}
.head-top2 .hotLine .span1:before {
	width: 28px;
	height: 25px;
	background: url("../images/tel2.png") no-repeat center;
	background-size: cover;
	margin-top: -12px;
	margin-right: 2px;
}
.hotLine .span2 {
	color: #fff;
	font-weight: bold;
}

.index-a li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-top: 0.66%;
}
.index-a li:last-child {
	margin-right: 0;
}
.index-a-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.index-a li a {
	display: block;
	overflow: hidden;
}
.index-a .img img {
	width: 48px;
	max-width: 50%;
	vertical-align: bottom;
}
.index-a h3 {
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
}
.index-a i {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url("../images/i6.png");
	margin: 25px auto 0;
	transform: translateY(35px) translateZ(0);
	-webkit-transform: translateY(35px) translateZ(0);
	opacity: 0;
}
.index-a-title {
	margin-top: 45px;
}
.title1 h3 {
	font-size: 26px;
	color: #333;
}
.title1 i {
	display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #0000fe;
}
.title1 {
	margin-bottom: 40px;
}
.ppgs-l {
	width: 50%;
	cursor: pointer;
}
.ppgs-l .img100, .about-vd .img100 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}
.ppgs-r {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #f3f3f3;
}
.ppgs-warp { 
	width: 560px;
	margin: 0 auto;
	max-width: 90%;
}
.ppgs-title {
	margin-bottom: 25px;
}
.ppgs-title h4 {
	font-size: 24px;
	color: #333;
	letter-spacing: 5px;
	text-indent: 5px;
	margin-bottom: 6px;
}
.ppgs-title span {
	color: #999;
}
.ppgs-txt {
	text-align: left;
}
.ljgd2 {
	width: 118px;
	line-height: 38px;
	text-align: center;
	display: block;
	border: 1px solid #d6d6d6;
	color: #808080;
	margin: 20px auto 0;
}
.ljgd2:hover {
	color: #fff;
	background: #0000fe;
	border-color: #0000fe;
}
.i7 {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	background-image: url("../images/i7.png");
}
.ppgs-l:hover .i7 {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	background-image: url("../images/i7-1.png");
}
.sptc {
	position: fixed;
	z-index: 9999999;
	background: rgba(0,0,0,0.5);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

.cptd1 li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-bottom: 0.66%;
	overflow: hidden;
}
.cptd1 li:last-child {
	margin-right: 0;
}
.cptd1 li a {
	display: block;
}
.cptd1-con {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 80px;
	background: rgba(255,255,255,.8);
}
.cptd1-con p {
	display: none;
	width: 260px;
	margin: 0 auto;
	color: #fff;
	text-align: left;
}
.cptd1-title {
	font-size: 18px;
	color: #4d4d4d;
}
.cptd1-title img {
	vertical-align: middle;
	margin-right: 10px;
}
.cptd1-title .img1 {
	margin-top: -4px;
}
.cptd1-title .img2 {
	display: none;
}
.cptd1-con i {
	display: block;
	border-top: 1px solid rgba(255,255,255,.7);
	width: 0;
}
.cptd1 li:hover .img1 {
	display: none;
}
.cptd1 li:hover .img2 {
	display: inline-block;
	margin-top: -5px;
}
.cptd1 li:hover .cptd1-con {
	height: 100%;
	background: rgba(181,0,78,.9);
}
.cptd1 li:hover p {
	display: block;
}
.cptd1 li:hover .cptd1-title {
	color: #fff;
}
.cptd1 li:hover .cptd1-con i {
	width: 50px;
	margin: 20px auto;
}
.cptd2 li {
	width: 49.67%;
	margin-right: 0.66%;
	float: left;
}
.cptd2-con {
	width: 340px;
	height: 180px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: rgba(255,255,255,.9);
}
.cptd2 li a {
	display: block;
	position: relative;
}
.cptd2 li:last-child {
	margin-right: 0;
}
.cptd2-con h4 {
	font-size: 28px;
	color: #333;
	margin-bottom: 10px;
}
.cptd2-con span {
	font-size: 16px;
	color: #8c8c8c;
}
.cptd2 li:hover .cptd2-con {
	background: rgba(181,0,78,.9);
}
.cptd2 li:hover h4 {
	color: #fff;
}
.cptd2 li:hover span {
	color: #fff;
}
.tab-btn {
	font-size: 0;
	text-align: center;
}
.tab-btn a {
	display: inline-block;
	font-size: 14px;
	color: #666;
	text-align: center;
	width: 120px;
	line-height: 40px;
	background: #f5f5f5;
	margin: 0 10px;
}
.tab-btn a.active {
	background: #0000fe;
	color: #fff;
}
.tab-btn a:hover {
	background: #0000fe;
	color: #fff;
}
.anli-list li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-bottom: 0.66%;
}
.anli-list li a {
	display: block;
}
.anli-list li:nth-child(4n) {
	margin-right: 0;
}
.margin-t50 {
	margin-top: 50px;
}
.anli-con {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(240,130,0,.75);
	left: 0;
	top: 0;
	opacity: 0;
}
.anli-con h4 {
	font-size: 16px;
	color: #fff;
}
.anli-con i {
	display: block;
	width: 36px;
	height: 36px;
	background-image: url("../images/gor.png");
	margin: 20px auto 0;
}



.product-list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 5%;
}
.product-list li:nth-child(3n) {
	margin-right: 0;
	float:right
}
.pro-list-bot {
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}
.pro-list-bot:after {
	position: absolute;
	width: 0;
	left: 0;
	bottom: 0;
	border-top: 1px solid #0000fe;
	content: '';
}
.pro-list-bot h5 {
	color: #8c8c8c;
	font-size: 14px;
	line-height: 1.65em;
}
.pro-list-bot b {
	font-size: 19px;
	font-family: dincondBold;
	color: #8c8c8c;
	color: #333;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 1.5em;
	display: block;
	text-align: center;
}
.pro-list-bot span {
	color: #8c8c8c;
}
.pro-i {
	position: absolute;
	width: 26px;
	height: 26px;
	right: 15px;
	top: 60%;
	margin-top: -13px;
	background-image: url("../images/pro-i.png");
}
.product-list li:hover h5 {
	color: #0000fe;
}
.product-list .img100 {
	background: #fff;
}
.product-list li:hover b {
	color: #0000fe;
}
.product-list li:hover span {
	color: #0000fe;
}
.product-list li:hover .pro-i {
	background-image: url("../images/pro-i2.png");
}
.product-list li:hover .pro-list-bot:after {
	width: 100%;
}
.ny-title-r a { position: relative;	padding-left: 10px;	margin-left: 10px; font-size: 14px;	line-height: 29px;	color: #8c8c8c;}
.ny-title-r a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background-image: url("../images/arrow2.png");
}
.ny-title-r a:hover:before {
	background-image: url("../images/arrow2-on2.png");
}
.ny-title-r a:hover {
	color: #333;
}