html { font-size: 62.5%; }

body, h1, h2, h3, h4, h5, h6, ul, p, textarea { margin: 0; }

ul, th, td, input, textarea { padding: 0; }

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

ul, li { list-style: none; }

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

a { text-decoration: none; color: #000; }

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

a:hover { text-decoration: underline; }

img { max-width: 100%; border: none; }

header, nav, section, footer { display: block; }

input[type="submit"] { -webkit-appearance: none; }

.container { width: 100%; max-width: 640px; min-width: 320px; }

.ffy { font-family: 'Microsoft YaHei', Arial; }

body { margin: 0 auto; }







.l { float: left; }

.r { float: right; }

.c3 { color: #333; }

.c6 { color: #666; }

.red { color: #f00; }

.white { color: #fff; }

.bk { display: block; }

.auto { margin: 0 auto; }

.b { font-weight: bold; }

.hd { overflow: hidden; }

.tc { text-align: center; }

.f18 { font-size: 0.9rem; }

.f20 { font-size: 1.0rem; }

.f22 { font-size: 1.1rem; }

.f24 { font-size: 1.2rem; }

.f26 { font-size: 1.3rem; }

.f28 { font-size: 1.4rem; }

.f30 { font-size: 1.5rem; }

.f32 { font-size: 1.6rem; }

.f34 { font-size: 1.7rem; }

.f36 { font-size: 1.8rem; }

.f38 { font-size: 1.9rem; }



nav>ul { background-color: #f21076; }

nav>ul>li { float: left; width: 20%; line-height: 3.2rem; }

nav>ul>li>a { display: block; color: #fff; text-align: center; background: url(../images/navri.png) right/0.2rem 0.2rem repeat-y; }

nav>ul>li:nth-child(5)>a { background: none; }



.bti { background: url(../images/btibg.png) 0 0/100% no-repeat; line-height: 3.0rem; text-indent: 4.0rem; }



.bti1 { margin: 1.1rem 1.0rem 1.6rem; }

.bti1>img:first-child { width: 13.1rem; padding: 0.1rem; border: 1px solid #eaeaea; border-radius: 0.2rem; }

.bti1>p { color: #464646; padding-left: 14.6rem; text-indent: 2.2rem; line-height: 1.45em; }
.bti1>p em{ font-style:normal; color:#f00;}
.bti1>a:nth-child(6) { background: url(../images/yygh.png) 0/100% no-repeat; width: 10.7rem; height: 2.2rem; margin-left: 3.3rem; }

.bti1>a:nth-child(7) { background: url(../images/zxzx.png) 0/100% no-repeat; width: 10.7rem; height: 2.2rem; margin-right: 3.3rem; }



.bti2 { margin: 1.2rem 0 1.0rem; }

.bti2>img { width: 29.7rem; }



.bti3 { margin: 0 0 1.8rem; }

.bti3>ul { position: relative; margin: 0.1rem 1.0rem 0; }

.bti3>ul>li { margin-top: 1.0rem; }

.bti3>ul>li:nth-child(3n+1) { float: left; }

.bti3>ul>li:nth-child(3n+2) { width: 9.3rem; position: absolute; left: 0; right: 0; margin: auto; }

.bti3>ul>li:nth-child(3n+3) { float: right; }

.bti3>ul>li:nth-child(3n+4) { clear: both; }

.bti3>ul>li:nth-child(2) { top: 1.0rem; }

.bti3>ul>li:nth-child(5) { top: 10.1rem; }

.bti3>ul>li:nth-child(8) { top: 19.2rem; }

.bti3>ul>li>a { display: block; width: 9.3rem; height: 2.6rem; font-size: 1.3rem; color: #fff; text-align: center; padding-top: 5.5rem; }

.bti3>ul>li:first-child>a { background: url(../images/bti31.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(2)>a { background: url(../images/bti32.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(3)>a { background: url(../images/bti33.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(4)>a { background: url(../images/bti34.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(5)>a { background: url(../images/bti35.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(6)>a { background: url(../images/bti36.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(7)>a { background: url(../images/bti37.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(8)>a { background: url(../images/bti38.png) 0/100% no-repeat; }

.bti3>ul>li:nth-child(9)>a { background: url(../images/bti39.png) 0/100% no-repeat; }

.bti3>a>img { width: 26.9rem; }



.bti4 { margin-bottom: 1.8rem; }

.bti4>ul>li { margin-top: 1.1rem; position: relative; }

.bti4>ul>li>a { position: absolute; bottom: 0; right: 0; width: 19.0rem; height: 6.5rem; }



.bti5 { margin: 1.1rem 0 1.7rem; }

.bti5>ul:first-child { background: url(../images/bti51.png) 0 0/100% no-repeat; width: 32.0rem; padding-top: 2.6rem; height: 11.1rem; color: #464646; }

.bti5>ul:nth-child(2) { background: url(../images/bti52.png) 0 0/100% no-repeat; width: 32.0rem; padding-top: 2.6rem; height: 11.1rem; color: #464646; margin-top: 1.5rem; }

.bti5>ul>li { line-height: 1.6rem; margin-left: 16.3rem; }

.bti5>ul>li+li { margin-top: 0.7rem; }

.bti55 { background: url(../images/zb.png) 0/100% no-repeat; width: 13.5rem; line-height: 2.2rem; margin-left: 1.7rem; }

.bti56 { background: url(../images/yb.png) 0/100% no-repeat; width: 13.5rem; line-height: 2.2rem; margin-right: 1.7rem; }



.bti6 { margin: 1.1rem 0 1.6rem; }

.bti6>ul { margin: 0 1.0rem; }

.bti6>ul>li:nth-child(odd) { float: left; position: relative; margin-bottom: 1.0rem; }

.bti6>ul>li:nth-child(even) { float: right; position: relative; margin-bottom: 1.0rem; }

.bti6>ul>li>img { display: block; width: 14.5rem; }

.bti6>ul>li>p { position: absolute; bottom: 0; width: 14.5rem; line-height: 2.6rem; font-size: 1.1rem; color: #464646; text-align: center; }



.bti7 { margin: 0.5rem 0 0 }

.bti7>p:nth-child(3) { padding: 0 1.0rem; font-size: 14px; text-indent: 1.4em; line-height: 1.6; }

.bti7>p:nth-child(3)>span { color: #d10057; }

.bti7>form { margin: 0.6rem 0 1.3rem; }

.bti7>form>p { text-align: center; font-size: 14px; margin-bottom: 0.8rem; }

.bti7>form>p>input:nth-child(2) { background-color: #eee; border: 1px solid #ccc; width: 10.9rem; line-height: 1.1rem; font-size: .7rem; color: #464646; border-radius: 0.3rem; }

.bti7>form>p>input:first-child { width: 15.9rem; line-height: 2.0rem; color: white; background-color: #ed8b0b; border: 1px solid #b3b3b4; border-radius: 0.3rem; }

.bti7>a>img { width: 30.1rem; }

.bti7>p:last-child { background-color: #f5f5f5; padding: 0.7rem 1.0rem; color: #464646; }



footer>div:first-child { background-color: #f21076; }

footer>div:first-child>a { float: left; width: 24.5%; border-right: 2px solid #fff; color: #fff; line-height: 2.0rem; margin: 1.2rem 0; text-align: center; }

footer>div:first-child>a:nth-child(4) { border-right: none; }

footer>div>img{ float: left; width: 10.0rem; margin-top: 1.0rem; margin-left: 1.0rem; }

footer>div:nth-child(2) { margin-bottom: 0.5rem; border-top: 1px dashed #999; margin-top: 1.1rem; }

.z_foot { margin-left: 11.0rem; }

.z_foot>p { line-height: 2.2rem; margin-left: 1.1rem; color: #666979; }

.z_foot>p:nth-child(3)>a { background: #e3253f; border-radius: 1.0rem; padding: 0.2rem 0.8rem; }

.zx_foot { margin-left:12.1rem; }

.zx_foot>a { float: left; color: #6a7380; border-radius: 0.3rem; border: 0.1rem solid #6a7380; text-align: center; padding: 0.2rem 0.7rem; }

.zx_foot a:nth-child(1) { margin-right: 1.0rem; }

.zx_foot>a>img { height: 1.1rem; }

footer>p { background: #e3e3e3; line-height: 2.5rem; color: #989898; }







@media screen and (min-width:320px) and (max-width:351px) { html { font-size: 62.5%; } }

@media screen and (min-width:352px) and (max-width:383px) { html { font-size: 68.75%; } }

@media screen and (min-width:384px) and (max-width:415px) { html { font-size: 75%; } }

@media screen and (min-width:416px) and (max-width:447px) { html { font-size: 81.25%; } }

@media screen and (min-width:448px) and (max-width:479px) { html { font-size: 87.5%; } }

@media screen and (min-width:480px) and (max-width:511px) { html { font-size: 93.75%; } }

@media screen and (min-width:512px) and (max-width:543px) { html { font-size: 100%; } }

@media screen and (min-width:544px) and (max-width:575px) { html { font-size: 106.25%; } }

@media screen and (min-width:576px) and (max-width:607px) { html { font-size: 112.5%; } }

@media screen and (min-width:608px) and (max-width:639px) { html { font-size: 118.75%; } }

@media screen and (min-width:640px) { html { font-size: 125%; } }

@media screen and (max-width:320px) { html { font-size: 62.5%; } }