.eg-content{
	min-height: 600px;
}
.eg-top{
	background: url(../images/eg-top.png) center no-repeat;
	height: 680px;
}
.eg-pc{
	display: none;
	width:100%;
}
.eg-mobile{
	display: none;
}
.eg-box-title{
	text-align: center;
	display: block;
	margin: 0 auto;
	height:44px;
	padding-top:50px;
	margin-bottom:50px;
}
.eg-box-title img{
	width:100%;
}
.eg-box-title01{
	width:362px;
	
}
.eg-box-con{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
}
.eg-yuan li{
	width:400px;
	text-align: center;
	float: left;
	font-size:24px ;
	color: #333;
	position: relative;
	z-index: 1;
}
.eg-yuan li img{
	width:165px;
}
.eg-yuan li p{
	padding-top:20px;
	padding-bottom: 60px;
	
}

.eg-fang li{
	width:300px;
	text-align: center;
	float: left;
	font-size:18px ;
	color: #000;
	position: relative;
	z-index: 1;
	margin-bottom: 70px;
}
.eg-fang li img{
	width:283px;
}
.eg-fang li p{
	position: absolute;
	z-index: 33;
	height:36px;
	line-height: 36px;
	background: rgba(255,255,255,.7);
	bottom:9px;
	width:278px;
	left:50%;
	margin-left: -139px;
	
}
.eg-fang li:hover p{
	color: #fff;
	background: rgba(0,0,0,.7);
}
.eg-box01{
	background: #f0f8ff;
}
.eg-box02{
	background: url(../images/eg-gray.png) center no-repeat;
	background-size: cover;
}
.eg-box-foot{
	background: url(../images/eg-bottom.png) center no-repeat;
	background-size: cover;
	height: 509px;
}
.eg-logo li{
	width:240px;
	text-align: center;
	float: left;
	font-size:16px ;
	color: #000;
	position: relative;
	z-index: 1;
	height:140px;
	margin-bottom: 60px;
}
.eg-logo li .eg-case1 {
	width:209px;
}
.eg-logo li .eg-case2 {
	width:105px;
}
.eg-logo li .eg-case3 {
	width:99px;
}
.eg-logo li .eg-case4 {
	width:208px;
}
.eg-logo li .eg-case5 {
	width:190px;
}

.eg-logo li p{
	position: absolute;
	z-index: 33;
	bottom:0;
	width:100%;
	
}
.eg-textarea{
	width:916px;
	overflow: hidden;
	margin:24px auto;
}
.eg-textarea textarea{
	height: 147px;
	width:100%;
	padding:5px;
}
.eg-textarea input{
	width:175px;
	height:40px;
	line-height: 40px;
	font-size: 24px;
	color: #333333;
	text-align: center;
	background: white;
	margin-top: 30px;
	border:0;
}
.eg-ipt  {
	width:930px;
	overflow: hidden;
	margin:0 auto;
}
.eg-ipt li{
	float: left;
	width:310px;
	text-align: center;
}
.eg-ipt li input{
	width:285px;
	height:25px;
	line-height: 25px;
	padding:5px;
	border:0;
}
.eg-ipt li select{
	width:290px;
	height:35px;
	line-height: 35px;
	padding:5px;
	color: #333;
	border:0;
}

.flipster li img{
	
}
.flipster li{
	width:500px;
	height:440px;
	text-align: center;
	float: left;
	font-size:18px ;
	color: #000;
}
.flipster li img{
	width:100%;
}
.flipster li > div{
	position: relative;
	z-index: 33;
}
.flipster li p{
	height:100px;
	line-height: 100px;
	background: rgba(0,0,0,.8);
	position: absolute;
	z-index: 999999;
    bottom: 0;
    width:100%;
    color: white;
}
.flipster-carousel .flip-prev{
	transform: translateX(-35%) translateZ(0) rotateY(0deg) scale(0.8);
}
.flipster-carousel .flip-next{
	transform: translateX(35%) translateZ(0) rotateY(0deg) scale(0.8);
}
.flipster-carousel .flip-future{
	top:-72px;
    transform: translateX(30%) translateZ(0) rotateY(0deg) scale(0.65);
}
.flipster-carousel .flip-current{
	z-index: 9999999;
}
.flipster-carousel .flip-items{
	
}
.flipster-nav li{
	width:20px;
	height:20px;
	float: none;
	display: inline-block;
	background: url(../images/eg-dot.png) center no-repeat;
}
.flipster-nav li.flip-nav-current{
	background: url(../images/eg-dot-active.png) center no-repeat;
}
.flipster-nav{
	margin: 30px auto;
    overflow: hidden;
    text-align: center;
}
.flipster-nav .flip-nav-items{
	display: none;
}
.flip-nav-category-link{
}
.eg-box-con-flip{
	position: relative;
	z-index: 2;
}
.flip-left{
	position: absolute;
	left:0px;
	top:165px;
	width:250px;
	height:100px;
}
.flip-right{
	position: absolute;
	right:-20px;
	top:165px;
	width:225px;
	height:100px;
}
.flip-console div{
	font-size: 20px;
}
.flip-console{
	display: none;
}
.flip-console p{
	font-size: 14px;
	color: #333333;
}
.flip-console-active{
	display: block;
}
.eg-top{
	position: relative;
	z-index: 1;
}
.eg-top a{
	display: block;
	width:204px;
	height:55px;
	line-height: 55px;
	color: white;
	background: url(../images/eg-btn.png) center no-repeat;
	background-size: cover;
	text-align: center;
	position: absolute;
	z-index: 222;
	top:270px;
	left:50%;
	margin-left: -102px;
	font-size: 16px;
	display: none;
	
	
}
.eg-nission{
	width:1100px;
	margin:0 auto;
	overflow: hidden;
	margin-bottom: 20px;
	display: none;
}
.eg-nission > div{
	float: left;
	text-align: center;
}
.eg-nission img{
	width:100%;
	display: block;
	margin: 0 auto;
}
.eg-nis-01{
	width:141px;
	height:140px;
	background: url(../images/eg-nission.png) center no-repeat;
}
.eg-nis-02{
	width:141px;
	height:140px;
	background: url(../images/eg-slh.png) center no-repeat;
}
.eg-nis-03{
	text-align: left;
	width:800px;
}
.eg-nis-03 div{
	font-size: 20px;
	text-align: left;
	padding-top: 20px;
}
.eg-nis-03 p{
	font-size: 16px;
	text-align: left;
	color: #696969;
}
#eg-border{
	border-top:1px solid #b4b4b4;
	height:50px;
	float:none ;
	width:1100px;
}






@media only screen and (min-width: 320px) and (max-width: 768px) {
	.eg-pc{
		display: none;
	}
	.eg-top{
		background: none;
		height: auto;
	}
	.eg-mobile{
		display: block;
		width:100%;
	}
	.eg-box-title img{
		width:80%;
	}
	.eg-box-con{
		width:100%;
	}
	.eg-yuan li{
		width:100%;
		font-size: 20px;
	}
	.eg-fang li{
		width:50%;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.flipster li{
		width:270px;
		height:260px;
	}
	.flipster-nav li{
		width:20px;
		height:20px;
		float: none;
		display: inline-block;
		background: url(../images/eg-dot.png) center no-repeat;
	}
	.flipster-nav{
		margin-top: -10px;
		margin-bottom: 10px;
	}
	.flipster li p{
		height: 60px;
		line-height: 60px;
	}
	.eg-yuan li p{
		padding-bottom: 40px;
	}
	.eg-fang li img{
		width:90%;
	}
	.eg-fang li p{
		width:100%;
		margin-left: -50%;
		bottom: 5px;
	}
	.eg-fang li:hover p{
		background: rgba(255,255,255,.7);
		color: #666;
	}
	.eg-fang li a{
		display: block;
	}
	.eg-box-title01{
		width:100%;
	}
	.eg-logo li{
		width:50%;
	}
	.eg-logo li .eg-case1{
		width:150px;
	}
	.eg-box-roll{
		
	}
	.eg-box-con-flip{
		padding-bottom: 30px;
	}
	.flip-left{
		width:220px;
		margin:0 auto;
		position: relative;
		top:0;
		height:auto;
	}
	.flip-right{
		width:220px;
		margin:0 auto;
		position: relative;
		top:0;
		height:auto;
		right:auto;
		margin-top: 20px;
	}
	.eg-logo li .eg-case2{
		width:70px;
	}
	.eg-logo li .eg-case3{
		width:70px;
	}
	.eg-logo li .eg-case4{
		width:165px;
	}
	.eg-logo li .eg-case5{
		width:165px;
	}
	.eg-logo li{
		margin-bottom: 34px;
	}
	.eg-ipt li{
		width:80%;
		margin:15px auto;
		float: none;
	}
	.eg-ipt{
		width:100%;
	}
	.eg-ipt li select{
		width:297px;
	}
	.eg-textarea{
		width:80%;
		margin:0 auto;
		height: 200px;		
	}
	.eg-textarea input{
		margin-top: 20px;
		height: 35px;
		line-height: 35px;
		font-size: 22px;
		width:135px;
	}
	.eg-textarea textarea{
		height: 100px;
		float:left ;
		padding:0;
	}
	.eg-top a{
		width:150px;
		height:36px;
		top:190px;
		margin-left: -75px;
		line-height: 36px;
		font-size: 14px;
		display: none;
	}
	.eg-nission{
		width:100%;
	}
	#eg-border{
		width:90%;
		margin:0 auto;
		height:5px;
	}
	.eg-nission > div{
		width:100%;
	}
	.eg-nis-02{
		display: none;
	}
	.eg-nis-03 div{
		text-align: center;
		padding-bottom: 6px;
		padding-top: 0;
	}
	.eg-nis-03 p{
		width:90%;
		margin: 0 auto;
		text-align: justify;
	}
	.eg-logo li p{
		position: absolute;
		z-index: 33;
		bottom:0;
		width:80%;
		left:50%;
		margin-left: -40%;
	}
	.eg-logo li .eg-case4p{
		bottom:20px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 321px){
	.eg-logo li p{
		position: absolute;
		z-index: 33;
		bottom:0;
		width:100%;
		left:50%;
		margin-left: -50%;
		
	}
	.eg-logo li .eg-case4p{
		bottom:20px;
	}
}