body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
a {vertical-align:baseline;text-decoration:none;cursor:pointer;outline:none;}
.hid{display:block;height:0;overflow:hidden}
.tn{text-indent:-9999em;overflow:hidden;display:block}
.fl{float:left}.fr{float:right}.pa{position:absolute}.pr{position:relative}
.cfix{*zoom:1}
.cfix:after{display:table;content:"";clear:both}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
body,button,select,textarea,input {font-family: "Helvetica Neue", Helvetica, sans-serif;}
.o_h{overflow:hidden;}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.notext{text-indent:-9999rem;font-size:0;}
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .clearfix { *zoom: 1; }
 /*菴�筝��ユ�����ヨВ�喝�����筝����劫�糸�榊ｰ膀�����*/
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
html {width:100%;font-size:100px;}
img {border: 0;}
body {background-color: #fff;width:100%;color: #fff; font-size:.24rem;overflow-x: hidden;}
.wrapper { width:7.5rem;margin:0 auto;height: 34.23rem;}



.spr { display: block; background-image: url(../images/spr.png?v=c88dda738707ea3e); background-repeat: no-repeat; background-size: 15.09rem 6.76rem; }

.spr.btn1 { width:0.72rem; height:0.72rem; background-position:94.22408% 69.03974%; }

.spr.btn2 { width:2.1rem; height:0.55rem; background-position:98.46035% 43.96135%; }

.spr.btn3 { width:3.66rem; height:0.77rem; background-position:91.07612% 3.3389%; }

.spr.f1 { width:1.59rem; height:1.41rem; background-position:66.22222% 68.03738%; }

.spr.f2 { width:2.43rem; height:0.67rem; background-position:82.22749% 29.22824%; }

.spr.f3 { width:1.09rem; height:0.22rem; background-position:96.71429% 77.82875%; }

.spr.f4 { width:0.66rem; height:0.22rem; background-position:93.83229% 84.25076%; }

.spr.f5 { width:1.08rem; height:1.19rem; background-position:53.96146% 92.10054%; }

.spr.f6 { width:1.35rem; height:1.14rem; background-position:64.3377% 93.41637%; }

.spr.logo1-text { width:3.69rem; height:0.41rem; background-position:91.31579% 18.4252%; }

.spr.logo1 { width:5.03rem; height:1.18rem; background-position:20.27833% 3.58423%; }

.spr.t1-1 { width:1.21rem; height:2.61rem; background-position:77.30548% 86.74699%; }

.spr.t1-2 { width:2.18rem; height:0.75rem; background-position:80.63517% 44.09318%; }

.spr.t2-1 { width:1.27rem; height:3.24rem; background-position:64.68886% 5.68182%; }

.spr.t2-2 { width:1.45rem; height:0.75rem; background-position:95.60117% 29.6173%; }

.spr.t3-1 { width:1.2rem; height:2.7rem; background-position:87.40101% 88.66995%; }

.spr.t3-2 { width:1.13rem; height:0.49rem; background-position:96.9914% 55.50239%; }

.spr.t4-1 { width:1.64rem; height:6.36rem; background-position:1.48699% 50%; }

.spr.t4-2 { width:1.18rem; height:4.73rem; background-position:54.34939% 9.85222%; }

.spr.t4-3 { width:1.18rem; height:4.73rem; background-position:44.42847% 77.83251%; }

.spr.t4-4 { width:1.18rem; height:4.73rem; background-position:34.50755% 77.83251%; }

.spr.t4-5 { width:1.18rem; height:4.73rem; background-position:24.58663% 77.83251%; }

.spr.t4-6 { width:1.18rem; height:4.73rem; background-position:14.66571% 77.83251%; }





.box1 {width: 100%;background: #bbceec url(../images/bg1.jpg?v=4084e2fa3c1b29da) center top no-repeat;background-size: 100% 100%;height: 4.33rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 0.15rem;overflow: hidden;}
.box2 {width: 100%;background: #fff;height: 3.48rem;position: relative;overflow: hidden;}
.box3 {width: 100%;background: url(../images/bg3.jpg?v=dcdeebd46c84a9af) center top no-repeat;background-size: 100% 100%;height: 19.94rem;position: relative;overflow: hidden;}
.box4 {width: 100%;background: url(../images/bg4.jpg?v=a5c051dad68ce517) center top no-repeat;background-size: 100% 100%;height: 6.48rem;position: relative;overflow: hidden;}
.v-box {width: 7.22rem;height: 4.04rem;background: url(../images/v-bg.jpg?v=d822eac81270920c) no-repeat;background-size: 100% 100%;margin: 0 auto;position: absolute;left: .14rem;top: .15rem;z-index: 999;}
.btn1 {position: absolute;left: 3.25rem;top: 1.66rem;}
.v-box-con {width: 7.22rem;height: 4.04rem;margin: 0 auto;display: none;}

.animate {visibility: hidden;}

.box2-inner {width: 100%;height: 3.48rem;background: url(../images/bg2.jpg?v=29c8432afd7c614a) center top no-repeat;background-size: 100% 100%;}

.line1-wrap {position: absolute;left: 0;top: 0.18rem;}
.line1 {width: 7.18rem;height: 0.1rem;background: url(../images/line1.png?v=239a1c15e78e005c) no-repeat;background-size: 100% 100%;}
.line2-wrap {position: absolute;top: 3.2rem;right: 0;}
.line2 {width: 7.37rem;height: 0.1rem;background: url(../images/line2.png?v=1c6846e17e6b7a38) no-repeat;background-size: 100% 100%;}
.logo1-wrap {position: absolute;top: 0.8rem;left: 1.235rem;}
.logo1-text-wrap {position: absolute;top: 2.35rem;left: 1.905rem;}

.line3-wrap {position: absolute;left: 0.56rem;top: 0.14rem;}
.line3 {width: 5.41rem;height: 0.09rem;background: url(../images/line3.png?v=892825d354a0aee7) no-repeat;background-size: 100% 100%;}
.line4-wrap {position: absolute;left: 0.1rem;top: 0.46rem;}
.line4 {width: .29rem;height: 13.09rem;background: url(../images/line4.png?v=a3afd2de9777f589) no-repeat;background-size: 100% 100%;}


.box3 {-webkit-box-sizing: border-box;box-sizing: border-box;}
.box3 img {display: block;width: 6.71rem;height: 4.33rem;position: absolute;left: 0.5rem;top: 0;}

.t1 {position: absolute;left: 0;top: 9.2rem;}
.t1-wrap {position: absolute;left: 0;top: 0;}
.t1-1 {position: absolute;left: 5.95rem;top: .2rem;}
.t1-2 {position: absolute;left: 0.8rem;top: 2.5rem;}
.t1-3 {position: absolute;left: 0.8rem;top: 3.5rem;}

.t2 {position: absolute;left: 0;top: 4.8rem;}
.t2-wrap {position: absolute;left: 0;top: 0;}
.t2-1 {position: absolute;left: .8rem;top: .15rem;}
.t2-2 {position: absolute;left: 5.5rem;top: 2.5rem;}
.t2-3 {position: absolute;left: 5rem;top: 3.5rem;}

.t3 {position: absolute;left: 0;top: 0.4rem;}
.t3-wrap {position: absolute;left: 0;top: 0;}
.t3-1 {position: absolute;left: 5.95rem;top: -0.32rem;}
.t3-2 {position: absolute;left: 0.8rem;top: 3.5rem;}

.line5-wrap {position: absolute;left: 0.6rem;top: 13.62rem;}
.line5 {width: 6.67rem;height: 0.09rem;background: url(../images/line5.png?v=43711e4392c60291) no-repeat;background-size: 100% 100%;}

.t4 {position: relative;left: 0;top: 13.67rem;}
.t4-wrap {position: absolute;left: .14rem;top: 0;}
.t4-2 {position: absolute;top: 0.15rem;left: 1.08rem;}
.t4-3 {position: absolute;top: 0.15rem;left: 2.29rem;}
.t4-4 {position: absolute;top: 0.15rem;left: 3.5rem;}
.t4-5 {position: absolute;top: 0.15rem;left: 4.71rem;}
.t4-6 {position: absolute;top: 0.15rem;left: 5.92rem;}
.t4-7 {position: absolute;top: 5.1rem;left: 1.92rem;}
.f1 {position: absolute;left: 0;top: 5.36rem;}
.f2 {position: absolute;right: 0;top: 5.36rem;}


.f3 {position: relative;top: 0.34rem;left: 1.7rem;}
.f4 {position: relative;top: 1.3rem;left: 5.1rem;}
.f5 {position: relative;top: 5.1rem;left: -0.1rem;}
.f6 {position: relative;top: 3.9rem;left: 6.5rem;}

.flow {-webkit-animation: flow 2s linear infinite both alternate;animation: flow 2s linear infinite both alternate;}
@-webkit-keyframes flow {
	from {
		-webkit-transform: translate(-10%);
		        transform: translate(-10%);
	}
	to {
		-webkit-transform: translate(10%);
		        transform: translate(10%);
	}
}
@keyframes flow {
	from {
		-webkit-transform: translate(-10%);
		        transform: translate(-10%);
	}
	to {
		-webkit-transform: translate(10%);
		        transform: translate(10%);
	}
}