﻿@charset "utf-8";
/* CSS Document */

body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none;vertical-align:middle;line-height:1;}
body,html{width:100%;height:100%;position:relative;font:12px/1.4 "微軟正黑體","microsoft yahei";background-color:#ffffff;margin:0 auto;}
header,section,footer,img,button{display:block;margin:0;padding:0;border:none;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}

table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset,img {
	border: 0
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
button,input[type="submit"] {
	border: none;
	background: none;
	appearance: none;
	outline: none
}
a {
	touch-callout: none;
	text-decoration: none;
	outline:none;
	color:inherit;
}
em {
	font-style: normal
}


/* arrow-up */
.arrow_1{width:100%;height:0.925rem;position:fixed;bottom:1.8rem;z-index:999;}
.tonext{margin:0 auto;display:block;width:2.4rem;height:0.925rem;background:url(../images/arrow.png) no-repeat; background-size:2.4rem 0.925rem;zoom:1;animation:arrow-up infinite 1s ease alternate;-webkit-animation:arrow-up infinite 1s ease alternate;}
@-webkit-keyframes arrow-up{
0% {opacity:0.6; -webkit-transform: translateY(0px);}
100% {opacity:1; -webkit-transform: translateY(15px);}
}

/*通用样式*/
section{ width:100%; min-height:100%; overflow:auto; -webkit-transition: all 2s; }
.clear{ clear:both;}

#loading { position:fixed; width:100%; height: 100%; z-index: 10000; top: 0; background-color: #f9f9f9;}
#loading p { position: absolute; width: 100%; text-align: center; top:8.25rem; font-size:0.55rem; color: #000;}
.spinner {
  margin: 6.25rem auto;
  width: 2.25rem;
  height: 2.25rem;
  text-align: center;
}
.spinner > div {
  background-color: #fff;
  height: 100%;
  display: inline-block;
  -webkit-animation: bolang 1.2s infinite ease-in-out;
  animation: bolang 1.2s infinite ease-in-out;
  animation-fill-mode:backwards;
  -webkit-animation-fill-mode:backwards;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
button,input[type="submit"] {
	border: none;
	background: none;
	appearance: none;
	outline: none
}
a {
	touch-callout: none;
	text-decoration: none
}
em {
	font-style: normal
}

#p-index{overflow:scroll;}
.mini_top{width:100%; overflow:hidden; height:13.5rem; position:relative;}
.mini_part1{width:100%; overflow:hidden; height:9.25rem; position:relative;background: url(../images/mini_part1.jpg) no-repeat top center;background-size:100% auto;}
.mini_part1 p{width:100%;text-align:center;color:#7a7a7a;font-size:0.55rem;position:absolute;bottom:0.5rem;}
.mini_part1 span{color:#f30000;font-size:0.5rem;}
.mini_xc1{width:100%; overflow:hidden;height:15.125rem; position:relative;background: url(../images/mini_xc1.jpg) no-repeat top center;background-size:100% auto;}
.mini_bk{position:absolute;width:5.575rem;height:2.1rem;background: url(../images/mini_bk.png) no-repeat top center;background-size:100% auto;}
.mini_xc1 a{top:10.3rem;right:2.975rem;}
.mini_xc2{width:100%; overflow:hidden;height:15.45rem ; position:relative;background: url(../images/mini_xc2.jpg) no-repeat top center;background-size:100% auto;}
.mini_xc2 a{top:10.675rem;left:1.05rem;}
.mini_xc3{width:100%; overflow:hidden;height:15.4rem ; position:relative;background: url(../images/mini_xc3.jpg) no-repeat top center;background-size:100% auto;}
.mini_xc3 a{top:10.675rem;right:2.975rem;}
.mini_xc4{width:100%; overflow:hidden;height:15rem ; position:relative;background: url(../images/mini_xc4.jpg) no-repeat top center;background-size:100% auto;}
.mini_xc4 a{top:11.5rem;left:1.05rem;}
.mini_part2{width:100%; overflow:hidden;height:7.25rem; position:relative;background: url(../images/mini_part2.jpg) no-repeat top center;background-size:100% auto;}
.mini_part2 p{width:100%;text-align:center;color:#7a7a7a;font-size:0.6rem;position:absolute;line-height:0.76rem;top:0.5rem;}
.mini_part2 span{color:#ed638b;font-size:0.5rem;line-height:0}
.mini_part3{width:100%; overflow:hidden; height:6.25rem;position:relative;}
.mini_dc1{width:100%; overflow:hidden;height:15.425rem;position:relative;background: url(../images/mini_dc1.jpg) no-repeat top center;background-size:100% auto;}
.mini_dc1 a{top:11rem;right:2.975rem;}
.mini_dc2{width:100%; overflow:hidden;height:15.475rem;position:relative;background: url(../images/mini_dc2.jpg) no-repeat top center;background-size:100% auto;}
.mini_dc2 a{top:11.25rem;left:1.05rem;}
.mini_dc3{width:100%; overflow:hidden;height:16.75rem;position:relative;background: url(../images/mini_dc3.jpg) no-repeat top center;background-size:100% auto;}
.mini_dc3 a{top:11.5rem;right:2.975rem;}
.mini_part4{width:100%; overflow:hidden; height:5.25rem; position:relative;background: url(../images/mini_part4.jpg) no-repeat top center;background-size:100% auto;}
.mini_part4 p{width:100%;text-align:center;color:#7a7a7a;font-size:0.52rem;position:absolute;bottom:0.5rem;line-height:0.75rem;}
.mini_part5{width:100%;overflow:hidden;height:13.75rem; position:relative;}
.mini_part6{width:100%; overflow:hidden;height:50.875rem; position:relative;background: url(../images/mini_part6.jpg) no-repeat top center;background-size:100% auto;}
.mini_part6 .lb{float:left;width:17.875rem;margin-left:0.5rem;margin-top:0.75rem; position:relative;}
.mini_part6 a{position:absolute;width:3.975rem;height:1.4rem;bottom:1rem;}
.mini_part6 a img{width:3.975rem;height:1.4rem;}
.mini_part6 a.btn1{left:7.15rem;}
.mini_part6 a.btn2{left:11.85rem;}
.mini_part6 .lb1{float:left;margin-top:4.95rem;height:6.375rem;background: url(../images/mini_part6_lb1.png) no-repeat top center;background-size:100% auto;}
.mini_part6 .lb2{float:left;height:7.3rem;background:url(../images/mini_part6_lb2.png) no-repeat top center;background-size:100% auto;}
.mini_part6 .lb3{float:left;height:7.3rem;background:url(../images/mini_part6_lb3.png) no-repeat top center;background-size:100% auto;}
.mini_part6 .lb4{float:left;height:6.3rem;background:url(../images/mini_part6_lb4.png) no-repeat top center;background-size:100% auto;}
.mini_part6 .lb5{float:left;height:6.35rem;background:url(../images/mini_part6_lb5.png) no-repeat top center;background-size:100% auto;}
.mini_part6 .lb6{float:left;height:6.975rem;background:url(../images/mini_part6_lb6.png) no-repeat top center;background-size:100% auto;}

.back{left:0.5rem;position:fixed;top:0.2rem; z-index:99999;} 
.back img{width:1.65rem;height:1.65rem; }
