@charset "utf-8";
*{margin:0;padding:0;}
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box;}
ol, ul { list-style: none; }
li { list-style-type: none; }
img { border: 0; vertical-align:middle }
address, cite, code, em, th, i, b { font-weight: normal; font-style: normal; }
.clearfix { *zoom:1;}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a {  text-decoration: none; outline: none }
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 }
body { font:14px/1.5'Microsoft Yahei';  -webkit-text-size-adjust:none; color:#1a1a1a; background:#fff; -webkit-text-size-adjust:none; min-width:320px; max-width:750px; margin:0 auto }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
html { font-size:62.5% }

.header{background-color: #343535; position: fixed; top: 0; max-width:750px; margin:0 auto; z-index: 99;display: flex; align-items: center; padding: 2% 0;}
.header .van-row{ display: flex; align-items: center; overflow: hidden; justify-content:space-between;}
.header .van-col--9{ display: flex; align-items: center;} 
.header .van-button{ background: none; border: none; padding: 0; text-align: center; z-index: 999;} 
.boxdh{ width: 40%; background-color: #279ba0; text-align: center; line-height: 200%; position: absolute; top: 0%; right: 0; z-index: 2; padding-top: 15%;}
.boxdh a{ color: #000; font-size: 3rem; padding: 3% 0; display: block;}
.boxdh .on a{ color: #fff;}
.bdh{height: 0;width: 100%;background-color: transparent;position: absolute;top: 0;left: 0; z-index: 1;}
.dhon{height: 100vh;}
.banner { padding-top: 15%;}
.banner .van-swipe img{ width: 100%;}
.banner .van-swipe__indicators{ display: none;}
.list {width: 96%; text-align: center; margin: 8% auto ;}
.list .van-row{ margin-bottom: 5%;}
.list a{ color: #0d131a; font-size: 2.4rem;}
.list .van-image{ width: 70%; display: block; margin: 0 auto 2rem; }
.list a b{ width: 25%; height: 1px; background-color: #0d1219; display:block; margin: 3% auto;}
.boxdz { width: 100%; background-color: #343535; padding: 5% 15%; color: #fff;position: relative; padding-bottom: 15%;}
.boxdz .van-image{ width: 8%;  margin-right: 3%;}
.boxdz h1 { display: flex; align-items: center; font-size: 5rem; justify-content:center;}
.boxdz h2 { display: flex; align-items: center; font-size: 2.6rem; margin-bottom:5%; justify-content:center;}
.boxdz p {  display: flex; align-items: center; font-size: 3.3rem; justify-content:center;}
.boxdz p .van-image{ width: 5%; margin-right: 2%;}
.boxdz p b{ display: block;}
.boxdz h1 a{ padding: 0 2%; background-color: #279499; border-radius: 10px; font-size: 2rem; color: #fff; font-weight: normal; text-align: center; line-height: 1.5; margin-left: 10%; }
.footer{ width: 100%; background-color: #299499; position: fixed; bottom: 0rem; max-width:750px; text-align: center; line-height: 400%;}
.footer::before {	content: '';  width: 100%;  height: 5px;	background-image: linear-gradient(to right , #d1e9d6, #eccfb7, #cde8e4, #eccfb7, #cde6cf);  display: block;}
.footer a{ color: #fff; font-size: 3rem;}



@media (min-width:640px) and (max-width: 999px) {
     html{font-size: 53.42%;} 
}
@media (min-width: 400px) and (max-width:450px){
  html{font-size:33.33% } 
}
@media (min-width:360px) and (max-width: 399px) {
   html{font-size:30%} 
}
@media (min-width: 320px) and (max-width:359px){
 html{font-size: 26.7%} 
}