@charset "utf-8";

/*
 * 1.1 -> Basic Structure
 * -----------------------------------------------
*/
@import url(/web/20180511084429cs_/https://www.gy100.cn/index_images/moveline.css);
@import url(/web/20180511084429cs_/https://www.gy100.cn/index_images/animate.css);
* {
    font-family: "PingFang SC","Microsoft Yahei","Times New Roman",Georgia,Serif;
	margin: 0;
	}
.content {
    margin:auto;
    width: 400px;
    height: 300px;
	overflow: hidden;
    position: relative;
	z-index:100;
}
.title {
    text-align: center;
}
.subtitle {
    color: #555;
    margin: 15px 0;
}
#box{
	position: relative;
	width: 960px;
	height: 450px;
	margin:50px auto 0;
	z-index:100;
}
#box img{
	position: absolute;
}
#box img:nth-child(1){
	/*left:-8px;*/
	top:113px;
	left:-1000px;
}
#box img:nth-child(1).on{
	left:-8px;
	transition: 0.5s 1s;
}
#box img:nth-child(2){
	/*left:163px;*/
	top:84px;
	left:-1000px;
}
#box img:nth-child(2).on{
	left:163px;
	transition: 0.5s 0.5s;
}
#box img:nth-child(3){
	left:310px;
	top:0px;
	animation: shake 0.8s linear;
}
@keyframes shake {
	0%{
		transform: scale(0);
	}
	30%{
		transform: scale(1.2);
	}
	40%{
		transform: scale(0.8);
	}
	50%{
		transform: scale(1.15);
	}
	60%{
		transform: scale(0.9);
	}
	70%{
		transform: scale(1.1);
	}
	80%{
		transform: scale(0.95);
	}
	90%{
		transform: scale(1.05);
	}
	100%{
		transform: scale(1);
	}
}

#box img:nth-child(4){
	/*left:510px;*/
	top:21px;
	left:1500px;
}
#box img:nth-child(4).on{
	left:510px;
	transition: 0.5s 0.5s;
}
#box img:nth-child(5){
	/*left:656px;*/
	top:0px;
	left:1500px;
}
#box img:nth-child(5).on{
	left:656px;
	transition: 0.5s 1s;
}
.focus {
    height:auto;
    background: #FFDA1C;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.footer {
	position: relative;
	font-size: 13px;
	width: 100%;
	text-align: center;
	 color: #fff;
	background: #84bed6; 
}
.footer:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(https://www.gy100.cn/index_images/pattern.png) center center no-repeat;
    background-size: cover;
    z-index: 0;
}
p {
    display: block;
    -webkit-padding-before: 0.5em;
    -webkit-padding-after: 0.5em;
    -webkit-padding-start: 0px;
    -webkit-padding-end: 0px;
}
.footer a {
    color: #fff;
	text-decoration: none;
}
.footer a:hover{color: #d3353e;}

.prod-info {
	z-index:90;
	position: relative;
}
.prod-info .info-list {
    text-align: center;
}
.prod-info .info-item {
    display: inline-block;
    width: 250px;
    height: 276px;
    margin-right:30px;
    background: #fff;
}

/*
     FILE ARCHIVED ON 08:44:29 May 11, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:07:23 Sep 25, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.874
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.03
  esindex: 0.02
  cdx.remote: 14.614
  LoadShardBlock: 75.515 (3)
  PetaboxLoader3.datanode: 165.777 (4)
  load_resource: 316.701
  PetaboxLoader3.resolve: 173.362
*/