@charset "utf-8";
/* CSS Document 试刮 */

body{ background:#f3f3f3; max-width:640px;}

.jgb{width:60px; height:60px; position:absolute; top:0px; right:0px; z-index:10; text-align:center; font: bold 16px/60px Arial, '微软雅黑'; color:#fff;/* background: rgba(231,48,48,0.7); border-radius:0 0 100% 0; border:1px solid #fff; box-shadow:5px 5px 20px #000;*/}
.jgb img{ width:60%; position:absolute; top:10px; right:10px;border-radius: 50%; box-shadow: 0px 3px 5px #000;}



.pyang{ width:100%;}
.pyang img{ width:100%;}

.sgq{position:absolute; z-index:5;
	-webkit-transition: width 0.8s ease,z-index 0.8s ease,left 0.8s ease,top 0.8s ease;
	-moz-transition: width 0.8s ease,z-index 0.8s ease,left 0.8s ease,top 0.8s ease;
	-o-transition: width 0.8s ease,z-index 0.8s ease,left 0.8s ease,top 0.8s ease;
}
.zgao{ width:100%; position: absolute; z-index:9; top:0; left:0; /*opacity:0.7;*/}
.zgao img{ width:100%;}

.jfjj{ width:100%; position: absolute; z-index:10; top:0; left:0;}
.cq{ position: absolute;}
.cq img{ display:block;}

.gkq{ position:relative; z-index:9; opacity:1.0;}
.gkq img{ width:100%; height: inherit;}



.vis0{ visibility:hidden;}

.ydain{ width:100px; height:42px; margin:-50px 0 0 -42px; position:absolute; z-index:12; left:50%; top:50%; /*background:#ccc;*/ border-radius:13px;/* box-shadow:5px 5px 5px #333;*/
	-webkit-animation-name:hx;
	-webkit-animation-duration:3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-iteration-count:infinite;
	background:url(../images/shigua/djsg.png) no-repeat center center;
	background-size:100% auto;
}


.hzz0{ height:2000px;}

.fd{ width:100% !important; z-index:9; left:0 !important; top:60px !important;}

.hb00{ position: absolute; left:0; top:60px; display:none; z-index:11;}
canvas{ width:100%;}

.zgao img{ width:100%;}

@-webkit-keyframes hx{
	0%{ 
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
	50%{ 
		-webkit-transform: scale(1.3,1.3);
		-moz-transform: scale(1.3,1.3);
		-o-transform: scale(1.3,1.3);
	}
	100%{ 
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
}

/* 璇曞埉棣栭〉 */
.sg{ background:#FFF; max-width:none;}
.nrq{ width:1000%; position:relative; left:0; top:0; background:url(../images/sghp.png) repeat-x top left; background-color:#fff;
	-webkit-transition: margin-left 0.8s ease;
	-moz-transition: margin-left 0.8s ease;
	-o-transition: margin-left 0.8s ease;

}
.gglxx{ width:100%; float:left; display:inline; position:relative; background:url(../images/sghp.png) repeat-x top left; background-color:#f3f3f3;}
.gglxx h3{ padding:40px 0 15px; text-align:center; font:18px/24px Arial, '微软雅黑';}
.zjj{ width:38px; height:24px; position:absolute; top:0; left:50%; margin-left:-19px; background:url(../images/zjj.png) no-repeat center 10px; background-size:20px auto;}
.pzjs{ padding:0 15px 25px; font:15px/24px Arial, '微软雅黑'; text-indent:2em; color:#9e9e9e;}
.more0zk{ padding-left:20px; text-indent:0; float:right; margin:-24px 0px 0 0; color:#9e9e9e; background:url(../images/jtb.png) no-repeat left center; background-size:15px; cursor:pointer;}
.more0zk2{ padding-left:20px; text-indent:0; float:right; margin:0; color:#9e9e9e; background:url(../images/jtt.png) no-repeat left center; background-size:15px; cursor:pointer;}

.wt{ width:100%; overflow:hidden; /*border-bottom:15px solid #f3f3f3;*/}

.syb{ padding:20px 15px; background:#fff;}
.syb a{ width:100%; height:45px; display:block; font:15px/45px Arial, '微软雅黑'; text-align:center; color:#fff; background:#e73e3e; border-radius:5px;}

.zxzj h2{ padding:15px 0; border:1px solid #e6e6e6;}
.zxzj h2 img{ height:25px; margin-left:15px;}
.zxzj li{ height:45px; margin:0 15px; position:relative; font:15px/45px Arial, '微软雅黑'; border-bottom:1px solid #e6e6e6}
.zxzj li strong{ width:70px; margin-right:5px; display: inline-block;}
.zxzj li em{ position:absolute; right:0; color:#e73e3e;}


.lbo{ max-width:640px; height:300px; margin:0 auto; position:relative;}
.lbo img{ width:30%; margin-left:-15%; position:absolute; top:77px; left:80%; background:#f2f2f2; border:5px solid #fff; border-radius:5px; box-shadow:0px 0px 20px #ccc;}
.lbo img.dq{ z-index:10; width:50%; top:30px; left:50%; margin-left:-25%;}
.lbo img.last{ left:20%;}

@media screen and (min-width:640px){
	.lbo{ height:300px;}
}
@media screen and (min-width:540px) and (max-width:540px){
	.lbo{ height:280px;}
}
@media screen and (min-width:440px) and (max-width:540px){
	.lbo{ height:260px;}
}
@media screen and (min-width:375px) and (max-width:440px){
	.lbo{ height:220px;}
}
@media screen and (min-width:300px) and (max-width:375px){
	.lbo{ height:190px;}
}
@media screen and (max-width:300px){
	.lbo{ height:190px;}	
}



.lbo .dq,.lbo img,.lbo .last{
	-webkit-transition: width 0.8s ease,top 0.8s ease,left 0.8s ease,margin-left 0.8s ease,z-index 0.8s ease;
	-moz-transition: width 0.8s ease,margin-left 0.8s ease,left 0.8s ease,top 0.8s ease,z-index 0.8s ease;
	-o-transition: width 0.8s ease,margin-left 0.8s ease,left 0.8s ease,top 0.8s ease,z-index 0.8s ease;
}
/*	
.lbo .last{
	-webkit-transition: left 0.8s ease;
	-moz-transition: left 0.8s ease;
	-o-transition:left 0.8s ease;
}*/
.nrdq00{ margin-left:0;}
.nrdq01{ margin-left:-100%;}
.nrdq02{ margin-left:-200%;}
.nrdq03{ margin-left:-300%;}
.nrdq04{ margin-left:-400%;}
.nrdq05{ margin-left:-500%;}
.nrdq06{ margin-left:-600%;}
.nrdq07{ margin-left:-700%;}
.nrdq08{ margin-left:-800%;}
.nrdq09{ margin-left:-900%;}
.nrdq010{ margin-left:-1000%;}

.openBnt{width: 86%;
  height: 60px;
  position: fixed;
  bottom: 10px;
  right: 7%;
  z-index: 10;
  text-align: center;
  font: bold 16px/60px Arial, '微软雅黑';
  color: #fff;
  background: rgba(231,48,48,1);
  border-radius: 5px;}

.winNum{ background: url(../images/shigua/sgzjbg.gif) no-repeat center top; background-size:90% auto;}



.tsq{ width:100%; position:absolute; top:0; left:0; z-index:100; font:12px/20px ''; text-align:center; color:#fff; background:rgba(0,0,0,0.7);}