@charset "utf-8";

html { font-size: 60%; }

html, body, div, ul, li { margin:0; padding:0; border:0; outline:0 }

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

a { text-decoration:none; margin:0; padding:0; }

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

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

.relative{ position:relative}

.absolute{ position:absolute}

@media screen and (min-width:320px) and (max-width:359px) {

/*0.5*/

html { font-size: 31.25%; }

}



@media screen and (min-width:360px) and (max-width:409px) {

/*0.56*/

html { font-size: 35%; }

}



@media screen and (min-width:410px) and (max-width:639px) {

/*0.64*/

html { font-size: 45%; }

}

.btn{ width:70%; line-height:200%; display:block; font-size:3.2rem; background-color:#e9274b; color:#fff; text-align:center; margin:6% auto 10%}

.btn span{ font-size:2.2rem; display:inline-block; vertical-align:top;}

.f_1{ padding:4% 3% 1%; background-color:#d8e9f2; color:#343434; font-size:2.4rem; line-height:160%; margin:6% auto 10%}

.f_1 b{ font-size:2.6rem; color:#e9274b;}

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

.anli{ top:0; left:0; width:100%;}

.slideBox { position:relative; }

.slideBox .hd { display:none}

.slideBox .bd li { position:relative;}

.slideBox .bd li img { vertical-align:top;}



.f_2{ background-color:#eeeeee; color:#2e2121; font-size:3.2rem; line-height:200%; text-align:center; padding:4% 0}

.f_3{ width:82%; margin:0 auto; background-color:#c7b9b7; color:#393b3c; font-size:2.2rem; line-height:200%; padding:4%; text-indent:2em;}

.f_4{ width:82%; margin:0 auto; background-color:#eeeeee; color:#393b3c; font-size:2rem; line-height:200%; padding:6% 4%}