@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0 }

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; block;

clear:all; }

.clear{float:none; clear:both;}

body { font:14px/1.5'XinGothic-SinaWeibo', 'Microsoft Yahei', 'helvetica', 'arial'; -webkit-text-size-adjust:none; color:#1a1a1a; background:#f3f3f3; -webkit-text-size-adjust:none; min-width:320px;max-width:640px; margin:0 auto;}

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

form { display:inline }

ul, ol { list-style:none }

a:link, a:visited { text-decoration:none;}

a:hover { text-decoration:none; }

img { vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

button, input, select, textarea { font-size:100%; vertical-align:middle; outline:none; font-family:'Microsoft Yahei', 'helvetica', 'arial' }

textarea { resize:none }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; -moz-appearance:button }

input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder {

color:transparent

}

button::-moz-focus-inner, input::-moz-focus-inner {

padding:0;

border:0

}

table { border-collapse:collapse; border-spacing:0 }

.fl { float:left; }

.fr { float:right; }

.hide { display:none; }

.show { display:block; }

header, footer, article, section, nav, menu, hgroup { display:block; clear:all; }

@font-face {

font-family: 'icomoon';

src:url('../fonts/icomoon.eot?sd0bv6');

src:url('../fonts/icomoon.eot?#iefixsd0bv6') format('embedded-opentype'), url('../fonts/icomoon.woff?sd0bv6') format('woff'), url('../fonts/icomoon.ttf?sd0bv6') format('truetype'), url('../fonts/icomoon.svg?sd0bv6#icomoon') format('svg');

font-weight: normal;

font-style: normal;

}

.icomoon { font-family:'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.clearfix { *zoom:1;

}

.clearfix:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"."; }





/* 幻灯片css -------------------------------------- */

.slideBox1 {position:relative; background:#FFFFFF;}

.bd{width:80%; margin:0 auto; padding:10px; border:1px #CBCBCB solid;}

.slideBox1 .hd { position:absolute; line-height:0; bottom:-4px; width:80%; margin:0 auto; text-align:center;z-index:1; }

.slideBox1 .hd li { display:inline-block; width:25%; height:5px; line-height:100px; overflow:hidden;}

.slideBox1 .bd li { position:relative; text-align:center; }

.slideBox1 .bd li img { background:url(../images/loading.gif) center no-repeat; vertical-align:top; width:100%;}

.slideBox1 .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}



.whatTheHell{background:url(../images/top-bg.jpg) top no-repeat fixed;}

.banner{width:100%; margin-top:58%;}

.hm-4d{position:relative; width:100%;}

.fist{position:absolute; width:100%; top:0;}

.fist2{position:absolute; width:100%; top:0; opacity:1; animation:fist 3s linear forwards; -webkit-animation:fist 3s linear forwards;}



.secon{position:absolute; width:100%; top:0; z-index:-666; background:red;}

.secon2{position:absolute; width:100%; top:0; z-index:-666; background:red; animation:secon 3s linear forwards; -webkit-animation:secon 3s linear forwards;}



.thir{position:absolute; width:100%; top:0; z-index:-777;}

.thir2{position:absolute; width:100%; top:0; z-index:-777;animation:secon 3s linear forwards; -webkit-animation:secon 3s linear forwards;}



.four{position:absolute; width:100%; top:0; z-index:-888;}







@keyframes fist

{

0%{opacity:1;}

100%{opacity:0;}

}

@-webkit-keyframes fist

{

0%{opacity:1;}

100%{opacity:0;}

}





@keyframes secon

{

0%{opacity:1;}

100%{opacity:0;}

}

@-webkit-keyframes secon

{

0%{opacity:1;}

100%{opacity:0;}

}





@keyframes thir

{

0%{opacity:1;}

100%{opacity:0;}

}

@-webkit-keyframes thir

{

0%{opacity:1;}

100%{opacity:0;}

}



.heart{width:100%; position:relative;}

.heart-1{width:100%; position:absolute; top:0; left:0; animation:heart 3s linear infinite; -webkit-animation:heart 3s linear infinite;}

.heart-2{width:100%; position:absolute; top:0; left:0; z-index:-999;}

@keyframes heart

{

0%{opacity:1;}

50%{opacity:0;}

100%{opacity:1;}

}

@-webkit-keyframes heart

{

0%{opacity:1;}

50%{opacity:0;}

100%{opacity:1;}

}





.partSecon{background:#FFFFFF;}

.green{width:25%; margin:0 auto; display:block;}

.green2{width:44%; margin:0 auto; display:block; margin-bottom:30px;}

.green3{width:44%; margin:0 auto; display:block; margin-top:30px; border:1px #FF0004 solid; border-radius:20px; text-align:center; color:red; font-size:20px; height:35px; line-height:35px;}



.partSecon ul{display:block; width:100%; margin-bottom:10px;}

.partSecon li{width:90%; display:block; background:#FFFFFF; margin:0 auto; margin-top:10px; box-shadow:0 0 8px #DADADA;}

.listLeft{width:25%; float:left;}

.listRight{padding-top:10px;}

.listRight h1{font-size:28px; font-weight:bold; color:#A5A5A5;}

.partSecon p{font-size:23px; color:#BBBBBB;}

.partSecon h2{text-align:center; font-size:20px; color:#AAAAAA;}



@media (max-width: 640px) {

   .listRight h1{font-size:20px; font-weight:bold; color:#A5A5A5;}

   .partSecon p{font-size:20px; color:#BBBBBB;} 

}



@media (max-width: 500px) {

	.listRight{padding-top:8px;}

   .listRight h1{font-size:20px; font-weight:bold; color:#A5A5A5;}

   .partSecon p{font-size:16px; color:#BBBBBB;}

   .partSecon h2{text-align:center; font-size:18px; color:#AAAAAA;} 

}

@media (max-width: 350px) {

	.listRight{padding-top:4px;}

   .partSecon p{font-size:12px; color:#BBBBBB;}

   .partSecon h2{text-align:center; font-size:16px; color:#AAAAAA;}

   .finish p{text-align:center; font-size:12px; color:#828282;} 

}



.finish{background:url(../images/img/finishbg.jpg) bottom center no-repeat #FFFFFF; padding-bottom:200px;}

.finish h1{text-align:center; font-size:20px; font-weight:bold;}

.finish p{text-align:center; font-size:16px; color:#828282;}

.textBox{padding:5%; border-bottom:1px #A2A2A2 solid;}