/*zg_banner*/
.zg_banner{
	height: 572px;
	background: url(./../images/banner_bk.jpg) no-repeat center center;
	overflow:hidden;
}
.zg_banner h1{
	font-size: 45px;
	color: #803611;
	letter-spacing: 2px;
	text-align: center;
	line-height: 60px;
	padding-top: 60px;
}
.banner_con{
	height: 572px;
	position: relative;
}
.banner_con img{
	display:block;
	position: absolute;
}
.banner_con img.bannerImg1{
	width:768px;
	height: 334px;
	left: 187px;
	top:106px;
}
.banner_con img.bannerImg2{
	width:462px;
	height:164px;
	left:227px;
	top:163px;
}
.banner_con img.bannerImg3{
	width:465px;
	height:73px;
	left:278px;
	top:303px;
}
.banner_con img.bannerImg4{
	width:58px;
	height:59px;
	left:595px;
	top:166px;
}
@-webkit-keyframes img_move {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes img_move {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.img_move {
  -webkit-animation-name: img_move;
  animation-name: img_move;
}
.banner_con .bannerImg5{
	position: absolute;
	width:355px;
	height:100px;
	left:650px;
	top:118px;
	overflow:hidden;
}
.banner_con .bannerImg5 img{
	display: block;
	width:355px;
	height: 100px;
	position: absolute;
	left:0;
	top:0;
}
@-webkit-keyframes img_move1 {
  0% {
    width:0;
  }
  100% {
    width:355px;
  }
}
@keyframes img_move1 {
  0% {
    width:0;
  }
  100% {
    width:355px;
  }
}
.img_move1 {
  -webkit-animation-name: img_move1;
  animation-name: img_move1;
}
.banner_con img.bannerImg6{
	width:944px;
	height:367px;
	left: 16px;
	top:205px;
}
/*zg_them*/
.zg_them{
	padding:20px 0 45px 0;
	height: 243px;
}
.zg_them .them_con{
	background: url(./../images/them_bk.png) no-repeat center center;
	height: 243px;
}
.zg_them .them_con p{
	padding-top:70px;
	width:850px;
	margin:0 auto;
	line-height: 38px;
	font-size: 24px;
	color: #803611;
}
.zg_them .them_con p span{
	color: #ff513f;
}
.zg_them .them_con p span font{
	font-weight: bold;
	font-size: 30px;
}
/*zg_s1*/
.zg_s1{
	background: #ffe56e;
	height: 678px;
}
.zg_s1 h2{
	width:773px;
	height: 59px;
	margin:0 auto;
	padding:60px 0 40px 0;
}
.zg_shidu{
	width:450px;
	margin:0 9px;
	height:483px;
	float: left;
	position: relative;
}
.zg_shidu .shidu_con{
	width:360px;
	height:483px;
	margin:0 auto;
}
.zg_shidu .shidu_con .auto-con{
	width:360px;
	height:483px;
	position:relative;
    overflow: hidden;
}

.zg_shidu   .auto-con .auto-list{
	height:483px;
	position: absolute;
	left:0;
	top:0;
}
.zg_shidu   .auto-con .auto-list .auto-item{
	height:483px;
	width:360px;
	float: left;
}
.zg_shidu  .auto-con .auto-list .auto-item img{
	display: block;
	height:483px;
	width:360px;
}
.zg_shidu  .btn{
	width:44px;
	height:80px;
	position: absolute;
	top:50%;
	margin-top:-40px;
	display: block;
	cursor: pointer;
}
.zg_shidu  .btn.preBtn{
    background: url(./../images/right_btn.png) no-repeat center center;
    left:0;
}
.zg_shidu  .btn.nextBtn{
    background: url(./../images/left_btn.png) no-repeat center center;
    right:0;
}
.wrap_right{
	width:525px;
	float: left;
	position: relative;
}
.wrap_right a.buy_btn{
	display: block;
	width:280px;
	height: 65px;
	background: url(./../images/buy_btn.png) no-repeat center center;
	margin:20px auto 0;
}
.buy_detail{
	width:525px;
	height: 307px;
	background: url(./../images/s1_con.png) no-repeat center center;
	position: absolute;
	top:20px;
	left:0;
	display:none;
}
.detail_close{
	display: block;
	width:23px;
	height: 23px;
	background: url(./../images/span_close.jpg) no-repeat center center;
	cursor: pointer;
	position: absolute;
	right:62px;
	top:43px;
}
.codeImg{
	display: block;
	float: left;
	width:171px;
	height: 170px;
	padding:68px 0 0 38px;
}
.buy_right{
	width:260px;
	margin-left: 10px;
	padding-top:80px;
	float: left;
}
.buy_right p{
	font-size: 21px;
	color: #000000;
	line-height: 30px;
	font-weight: bold;
}
.buy_right p span{
	color: #ff4e08;
}
.buy_right img.handImg{
	display: block;
	margin:5px auto;
}
.wrap_right h6{
	width:169px;
	height: 31px;
	margin:0 auto;
	padding-top:60px;
}
.wrap_right .right_tab{
	width:440px;
	margin:30px auto 30px;
	border-collapse: collapse;
	text-align: center;
}
.wrap_right .right_tab th{
	height: 50px;
	background: #ff4e08;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	font-weight:bold;
}
.wrap_right .right_tab th.th1{
	border-radius: 10px 0 0 0;
}
.wrap_right .right_tab th.th2{
	border-radius:  0 10px 0 0;
}
.wrap_right .right_tab td{
	line-height:45px;
	font-size: 16px;
	color: #333;
	border:1px solid #ff4e08;
}
.wrap_right .right_tab td a{
	display:inline-block;
	border-radius: 15px;
	width:120px;
	height: 30px;
	line-height: 30px;
	background: #ff4e08;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
/*zg_s2*/
.zg_s2{
	padding:60px 0;
}
.zg_s2 h2{
	width:688px;
	height: 59px;
	margin:0 auto;
}
.zg_s2 .s2_list{
	width:1014px;
	overflow:hidden;
	margin-left: -14px;
	padding-top: 60px;
}
.zg_s2 .s2_list li{
	width:324px;
	height:251px;
	overflow:hidden;
	margin-left: 14px;
	float: left;
}
.zg_s2 .s2_list li img{
	transition: all 1s;
}
.zg_s2 .s2_list li img:hover{
	transform:scale(1.2);
	-ms-transform:scale(1.2); 	/* IE 9 */
	-moz-transform:scale(1.2); 	/* Firefox */
	-webkit-transform:scale(1.2); /* Safari Chrome */
	-o-transform:scale(1.2); 
}
/*zg_s3*/
.zg_s3{
	padding:60px 0;
	background: #fcfcfc;
}
.zg_s3 h2{
	width:688px;
	height: 59px;
	margin:0 auto;
}
.zg_s3 .s3_list{
	width:1000px;
	overflow:hidden;
	padding-top: 60px;
}
.zg_s3 .s3_list li{
	width:222px;
	height:224px;
	overflow:hidden;
	margin-left:83px;
	float: left;
	position: relative;
}
.zg_s3 .s3_list li img.codeImg1{
	width:140px;
	height : 140px;
	position: absolute;
	left:41px;
	top:44px;
	display: none;
}

/*zg_zixun*/
.zg_zixun{
	width:168px;
	height:309px;
	background: url(./../images/zixun.png) no-repeat center center;
	position: fixed;
	right: 0;
	top:50%;
	margin-top:-155px;
	z-index: 999;
}
.zg_zixun ul{
	padding:68px 0 0 50px;
}
.zg_zixun ul li a{
	display: block;
	height:36px;
	line-height: 36px;
	color: #fff;
	font-size:18px;
}
.zg_zixun a:hover{
	color: #fffc02;
}
.zg_zixun span.zixun_close{
	display: block;
	width:22px;
	height: 22px;
	cursor: pointer;
	position: absolute;
	top:5px;
	right: 5px;
}
.zg_zixun .goTop{
	width:93px;
	height:45px;
	margin:52px auto 0;
	cursor: pointer;
}
.zixun_click{
	width:55px;
	height:184px;
	background: url(./../images/zixun_click.png) no-repeat center center;
	position: fixed;
	right: 0;
	top:50%;
	margin-top:-92px;
	z-index: 999;
	cursor: pointer;
	display: none;
}