.main {
	width: 100%;
	padding-top: 65px;
}
.main .showbg {
	width: 100%;
	margin: auto;
}
.info {
	max-width: 90%;
	margin: 60px auto 60px;
}
.info h2 {
	font-size: 55px;
	text-align: center;
	font-weight: bold;
	line-height: 45px;
	color: #373634;
	margin-bottom: 30px;
}
.info p {
	/*font-size: 13px;
	text-align: center;
	line-height: 24px;
	color: #696969;*/
}
.mt80 {
	margin-top: 80px;
}
.info p.font30 {
	font-size: 30px;
	line-height: 30px;
}
.info img {
	max-width: 100%;
	margin: auto;
	display: block;
}
.info .font70 {
	font-size: 60px;
}

/* case css*/
.case {
	max-width: 1400px;
	margin: 80px auto;
	height: 650px;
	position: relative;
}
.case .part1 {
	width: 850px;
	left: 50%;
	position: absolute;
	top: 0px;
	margin-left: -425px;
}
.case .part2 {
	width: 1060px;
	left: 50%;
	position: absolute;
	top: 182px;
	margin-left: -530px;
}
.case .part3 {
	width: 850px;
	left: 50%;
	position: absolute;
	top: 365px;
	margin-left: -425px;
}
.info p.font14 {
	font-size: 14px;
	line-height: 14px;
}
.info h3 {
	font-size: 35px;
	text-align: center;
	font-weight: bold;
	line-height: 45px;
	color: #5e5e5e;
	margin-top: 20px;
}

.boxF, .boxS, .boxT, .overlay
{
    width: 200px;
    height: 250px;
    overflow: hidden;
}
.boxT {
	position: relative;
}
.boxT .txt {
	position: absolute;
	width: 200px;
	left: 50%;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	line-height: 30px;
	text-align: center;
	margin-left: -100px;
	color: #fff;
	font-size: 18px;
}
.boxT .txt span {
	display: block;
}
.boxF, .boxS
{
    visibility: hidden;
}
.boxF
{
    transform: rotate(120deg);
    float: left;
    margin-left: 10px;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.boxS
{
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxT
{
    transform: rotate(-60deg);
    background: no-repeat 50% center;
    background-size: 125% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
}
.left80 {
	margin-left: 80px;
}

/* about css*/
.about-left {
	width: 60%;
	float: left;
	line-height: 25px;
	text-align: justify;
}
.about-right {
	width: 30%;
	float: right;
}
.about-right img {
	margin-bottom: 10px;
}
/* customer css*/
.bottombg {
	width: 100%;
	margin: 20px auto 20px;
}

/* zr css*/
.zr-left {
	width: 55%;
	float: left;
	line-height: 25px;
	text-align: justify;
	margin-bottom: 50px;
}
.zr-right {
	width: 44%;
	float: right;
	margin-bottom: 50px;
}