html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:40px; background:#fff;}
body{min-width:320px;max-width:640px;margin:0 auto;font-family: arial, Microsoft Yahei;color:#333; background:#fff;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0px;padding:0px}
ul,li{list-style:none}
a:active,a:hover{outline:none;}
img{ vertical-align:top;width: 100%;}
a{outline:none;text-decoration:none;cursor:pointer;color:#333;}
a:hover{text-decoration:none;outline:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button{overflow:visible}
button,select{text-transform:none}
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.banner, .banner img { width: 16rem; }

.title .tit { padding: .8rem 0; text-align: center; }
.title .tit h4::after, .title .tit h4::before { margin: .4rem 0 0; content: ""; width: 1.75rem; height: .1rem; background: url("../img/tit.png") no-repeat; background-size: 1.75rem; }
.title .tit h4 { width: 10.35rem; text-align: center; font-size: .65rem; margin: 0 auto .2rem; color: #211c19; }
.title .tit h4::after { transform: rotate(180deg); }
.title .tit p { font-size: .3rem; color: #211c19; text-align: center; font-family: '方正达利体简体'; letter-spacing: .1rem; }

.ys_box { width: 15.2rem; margin: 0 auto .3rem; }
.ys_pic { width: 7.6rem; }
.ys_con { width: 7.6rem; background: #e9b875; height: 5.75rem; }
.ys_tit { width: 6.8rem; height: 4.3rem; border: .025rem solid #fff; border-left: 0; margin-top: .7rem; }
.ys_tit img { width: .75rem; margin: .45rem auto; display: block; }
.ys_tit h4 { font-size: .5rem; text-align: center; }
.ys_tit span { font-size: .25rem; text-align: center; display: block; font-family: '方正达利体简体'; }
.ys_tit p { font-size: .4rem; margin-top: .35rem; text-align: center; }

.zx div { width: 13.2rem; margin: 0 auto; padding: .9rem 0; }
.zx .tel { width: 6.5rem; height: 1.3rem; background: #6e5a50; color: #fff; text-align: center; }
.zx .tel span { font-size: .45rem; }
.zx .tel i { font-size: .55rem; font-style: normal; font-weight: bold; }
.zx .swtzh { width: 6.5rem; height: 1.3rem; background: #c00d0a; color: #f1e1c8; font-weight: bold; line-height: 1.3rem; font-size: .5rem; text-align: center; }

.xxnr, .xxhj, .zytj { background: url("../img/bg-hm-m-1.jpg"); }
.xxnr .title h4, .xxnr .title p, .xxhj .title h4, .xxhj .title p, .zytj .title h4, .zytj .title p { color: #fff; }
.nr_ul { width: 14.65rem; margin: 0 auto; }
.nr_ul li { width: 7.05rem; color: #fff; }
.nr_ul li img { width: 7rem; border: .025rem solid #e9b875; }
.nr_ul li p { font-size: .5rem; font-weight: bold; text-align: center; margin: .5rem auto .2rem; }
.nr_ul li span { font-size: .45rem; display: block; text-align: center; margin-bottom: .5rem; }

.ms_ul { width: 15.2rem; margin: 0 auto; }
.ms_li1 { width: 7.25rem; }
.ms_li2 { width: 7.5rem; }
.ms_li2 img { margin-bottom: .5rem; }

.hj_ul { width: 15.2rem; margin: 0 auto; }
.hj_ul li { margin-bottom: .7rem; width: 7.25rem; }

.jy_ul { width: 13.9rem; margin: 0 auto; }

.zy_box { width: 15.25rem; margin: .75rem auto 0; }
.zy_con { margin-bottom: .45rem; }
.zy_con img { width: 7rem; }
.zy_con div { width: 8.25rem; height: 4.25rem; background: #e9b875; color: #010202; box-sizing: border-box; padding: .3rem 0 0 1.5rem; }
.zy_con div p { font-size: .65rem; }
.zy_con div span { display: block; font-size: .25rem; }
.zy_con div h5 { font-size: .45rem; font-weight: normal; margin: .45rem 0; }
.zy_con div a { display: block; width: 3.75rem; height: .8rem; background: #fff url("../img/zy_right.png") no-repeat 2.8rem center; color: #6a3906; border-radius: .5rem; font-size: .45rem; line-height: .8rem; box-sizing: border-box; padding-left: .75rem; background-size: .275rem; }

.tu_flex { width: 15rem; margin: 0 auto; }
.tu_flex img { width: 7.25rem; }
.ybm form { margin: 0 auto; width: 13.5rem; }
.ybm .form_line { margin-bottom: .5rem; }
.ybm .form_line span { width: 2.25rem; font-size: .5rem; color: #000; display: inline-block; }
.ybm .form_line input { width: 11rem; height: 1.25rem; line-height: 1.25rem; font-size: .5rem; border: none; border-bottom: .025rem solid #eee; }
.ybm .form_btn { width: 12.15rem; margin: .75rem auto 0; border-radius: 0; display: block; height: 1.35rem; background: #e60502; border: none; outline: none; font-size: .6rem; color: #fff; }
.form_span { text-align: center; font-size: .45rem; color: #b9b6b6; margin: 1rem 0; }
.form_span span { color: #f00; }