#indexnews .mainTitle{
		display:block;
	line-height:30px;
	text-align:center;
	font-size:18px;
	color:#fff;
	z-index:999;
	position:relative;
	background:url(../images/line442.gif) no-repeat center center;

}
#indexnews .mainTitle a{
	color:#fff;
}
#indexnews .mainTitle span{
	text-align:center;
	font-size:35px;
	color:#fff;
	font-weight:bold;
}


.mainTitle{
	display:block;
	line-height:30px;
	text-align:center;
	font-size:18px;
	color:#888;
	z-index:999;
	position:relative;
	background:url(../images/line442.gif) no-repeat center center;

}
.mainTitle a{
	color:#888;
}
.mainTitle:hover a{
		color:#888;
}
.mainTitle span{
	text-align:center;
	font-size:35px;
	color:#003e2d;
	font-weight:bold;
}
.product{position:relative;padding:0;background-size:cover;background-position:center center;}
.product .whitebg{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/whiteBg.png);}
.product .container{height:255px;width:1140px;margin:40px auto 20px auto;}
.product .productContent{position:relative;width:1140px;height:255px;margin:0 auto;overflow:hidden;}
.product .moveContent{position:absolute;top:0px;left:0px;}
.product .content{position:absolute;top:0px;left:-380px;width:380px;height:255px;
transform:perspective(600px);-moz-transform:perspective(600px);-ms-transform:perspective(600px);-o-transform:perspective(600px);-webkit-transform:perspective(600px);
transition-property: transform ;-ms-transition-property:-ms-transform ;-moz-transition-property:-moz-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform;}
.product .content{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.product .content .contentImg{width:100%;line-height:255px;}
.product .content .contentImg img{width:100%;height:100%;vertical-align:middle;}
.product .content .contentHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);}
.product .content .contentHide .contentQuan{width:70px;height:70px;line-height:70px;text-align:center;margin:70px auto 0 auto;border:2px solid #dde1d6;border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;-webkit-border-radius:70px;}
.product .content .contentHide .contentQuan{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.product .content .contentHide .contentQuan img{ vertical-align:middle; margin-top:20px;}
.product .content .contentHide .contentTitle{line-height:30px;text-align:center;padding:22px 0 14px 0;color:#FFFFFF;font-size:24px;}
.product .content .contentHide .contentInfo{line-height:22px;color:#FFFFFF;text-align:center;font-size:14px;width:330px;margin:0 auto;}
.product .btn{position:absolute;top:0px;bottom:0px;margin:auto 0;cursor:pointer;z-index:2;}
.product .btn.leftBtn{left:-200px;}
.product .btn.rightBtn{right:-200px;}
.product .content.left{ transform:perspective(600px) rotateY(10deg);-moz-transform:perspective(600px) rotateY(10deg);-ms-transform:perspective(600px) rotateY(10deg);-o-transform:perspective(600px) rotateY(10deg);-webkit-transform:perspective(600px) rotateY(10deg);
transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;}
.product .content.right{ transform:perspective(600px) rotateY(-10deg);-moz-transform:perspective(600px) rotateY(-10deg);-ms-transform:perspective(600px) rotateY(-10deg);-o-transform:perspective(600px) rotateY(-10deg);-webkit-transform:perspective(600px) rotateY(-10deg);
transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;-webkit-transform-origin:right center;}
.product .content.center .contentHide{ opacity:1;display:block;}

@media (max-width: 639px) {
.product{padding:20px 0;}
.product .container{height:190px;width:100%;margin:35px auto 15px auto;}
.product .productContent{width:285px;height:190px;}

.product .content{width:285px;height:190px;}
.product .content .contentImg{line-height:190px;}
.product .content .contentHide .contentQuan{width:70px;height:70px;line-height:70px;margin:30px auto 0 auto;border:2px solid #dde1d6;}

.product .content .contentHide .contentTitle{line-height:30px;padding:22px 0 14px 0;font-size:24px;}
.product .content .contentHide .contentInfo{line-height:22px;font-size:14px;width:248px;}

.product .content.left{ transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);-o-transform:perspective(600px) rotateY(0deg);-webkit-transform:perspective(600px) rotateY(0deg);
transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.product .content.right{ transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);-o-transform:perspective(600px) rotateY(0deg);-webkit-transform:perspective(600px) rotateY(0deg);
transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.product .content.left .contentHide{ opacity:1;display:block;}
.product .content.right .contentHide{ opacity:1;display:block;}
.product .content.center .contentHide{ opacity:0;display:none;}
.product .btn{height: 46px;}
.product .btn{padding:5px 10px;background:#E52129;}
.product .btn.leftBtn{left:0px;}
.product .btn.rightBtn{right:0px;}

.mainTitle{
	line-height:20px;
	text-align:center;
	font-size:14px;
	color:#888;
	z-index:999;
	position:relative;
	background:url(../images/line442.gif) no-repeat center center;

}
.mainTitle span{
	text-align:center;
	font-size:22px;
	color:#003e2d;
	font-weight:bold;
}


#indexnews .mainTitle{
	line-height:20px;
	text-align:center;
	font-size:14px;
	color:#fff;
	z-index:999;
	position:relative;
	background:url(../images/line442.gif) no-repeat center center;

}
#indexnews .mainTitle span{
	text-align:center;
	font-size:22px;
	color:#fff;
	font-weight:bold;
}

#indexnews .mainTitle a{
	color:#fff;
}

}
