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;}
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}
.left { float: left; }
.right { float: right; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.banner, .banner img { width: 16rem; }

.fb_tit { font-size: 0.75rem; color: #333333; line-height: 1.25rem; padding-top: 0.7rem; text-align: center; }
.ipt_li { display: block; width: 14.4rem; height: 1.35rem; border-radius: 0.125rem; border: 0.025rem solid #ff0000; margin: .35rem auto 0 !important; font-size: 0.65rem; line-height: 1.35rem; overflow: hidden; vertical-align: top; box-sizing: border-box; }
.ipt_li span { display: inline-block; width: 3.7rem; height: 1.3rem; border-right: 0.125rem; background-color: #ff0000; text-align: center; color: #fff; vertical-align: top; }
.check_txt { font-size: 0.525rem; width: 79%; margin: 0 auto; line-height: 1.3rem; }
.check_li { text-align: center; }
.check_li li { display: inline-block; font-size: 0.525rem; color: #666666; line-height: 0.75rem; margin-right: 0.2rem; }
.check_li i { display: inline-block; width: 0.75rem; height: 0.75rem; background: url(../img/ckbg.jpg) center center no-repeat; vertical-align: middle; }
.check_li input:checked + i { background-image: url(../img/ckbg_c.jpg); }
.check_li input { width: 0; height: 0; opacity: 0; visibility: hidden; }
.xfly_lybox1 { display: inline-block; height: 1.3rem; line-height: 1.3rem; width: 10rem; vertical-align: top; border: none; text-indent: 1.125rem; font-size: 0.625rem; color: #c5c3c3; }
.xfly_ly_subbox { width: 14.3rem; height: 1.25rem; display: block; margin: 0 auto; text-align: center; line-height: 1.225rem; font-size: 0.7rem; color: #fff; background-color: #ff0000; border-radius: 0.625rem; border: none; margin-top: 0.85rem; margin-bottom: 0.75rem; }

.title img { display: block; margin: 1.4rem auto .6rem; width: 1.4rem; }
.title p { font-weight: bold; font-size: .75rem; color: #333; text-align: center; margin-bottom: .25rem; }
.title span { display: block; font-size: .6rem; color: #ccc; font-family: Impact; margin-bottom: 1.15rem; text-align: center; }

.pymb { width: 15.65rem; margin: 0 auto; }
.pymb img { display: block; width: 15.65rem; margin-bottom: .75rem; }
.pymb p, .pymb span { display: block; font-size: .5rem; line-height: .95rem; color: #333; text-align: center; width: 14.15rem; margin: 0 auto; }
.pymb p { text-indent: 1rem; }
.pymb span { margin-bottom: .5rem; }

.zx { width: 14.1rem; margin: .65rem auto 1rem; font-size: .5rem; }
.zx .xuefei { width: 4.55rem; height: 1.15rem; background: #da0023; color: #fff; line-height: 1.15rem; text-align: center; }
.zx .tel { width: 9.2rem; background: #f24c0a; height: 1.15rem; color: #fff; line-height: 1.15rem; text-align: center; }

.xxnr { width: 15.175rem; margin: 0 auto; }
.sj { background: url("../img/shijian.jpg") no-repeat; padding: .75rem .2rem 0; }
.nr_title { width: 4.35rem; margin: 0 auto; font-size: .7rem; font-weight: bold; color: #fff; }
.nr_title img { width: .95rem; height: .975rem; }
.sj p { width: 13.65rem; margin: .6rem auto; font-size: .5rem; color: #fff; line-height: .9rem; }
.sj ul { margin-bottom: .75rem; }
.sj ul li { margin-bottom: .25rem; }
.sj ul li img { width: 4.8rem; }
.black { color: #333 !important; }
.lilun { width: 14.625rem; margin: 0 auto; }

.jd_title { width: 14.725rem; height: 2.125rem; background: #eee; margin: 0 auto; position: relative; }
.jd_title i { display: block; width: 1.15rem; height: .1rem; background: #333; position: absolute; left: -.25rem; top: .75rem; }
.jd_title p { font-size: .6rem; color: #333; line-height: 2.125rem; text-indent: 2rem; }
.jd_title h6 { color: #fff; font-size: 1.85rem; position: absolute; right: 0; bottom: -0.4rem; font-family: Impact; }
.jd_con { width: 14.725rem; margin: .75rem auto; }
.jd_con p { width: 6.85rem; font-size: .5rem; line-height: .9rem; margin-top: .5rem; }
.jd_con img { width: 7.15rem; height: 4.35rem; }

.hydk { width: 15.5rem; margin: 0 auto .5rem; }
.hydk img { width: 15.5rem; }
.xxzp { width: 14.9rem; margin: 0 auto; }
.xxzp li { margin-bottom: .4rem; }
.xx_img1 img { width: 6.925rem; }
.xx_img2 img { width: 7.575rem; }

/* 本例子css -------------------------------------- */
.tabBox .hd ul { width: 15rem; margin: 0 auto; }
.tabBox .hd ul li { font-size: .5rem; color: #333; line-height: 1.4rem; padding-left: .8rem; box-sizing: border-box; }
.tabBox .hd ul div { border-bottom: .075rem solid #eee; overflow: hidden; }
.tabBox .hd ul li.left { width: 8.25rem; }
.tabBox .hd ul li.right { width: 6.6rem; }
.tabBox .hd ul li span { font-size: .6rem; color: #959595; font-family: Impact; margin-right: .6rem; }
.tabBox .hd ul li.on { color: #fc5a01; position: relative; }
.tabBox .hd ul li.on span { color: #fc5a01; }
.tabBox .hd ul li.on i { position: absolute; width: .925rem; height: .075rem; background: #fc5a01; bottom: -.025rem; left: .85rem; }
.tabBox .tempWrap { width: 13.65rem; margin: .75rem auto; }
.tabBox .tempWrap img { width: 13.65rem; height: 5.825rem; }

.xuezi { width: 14.65rem; margin: 0 auto; }
.xuezi li { width: 7.1rem; background: #eee; }
.xuezi li img { width: 7.1rem; }
.xuezi li div { box-sizing: border-box; padding: .4rem .5rem; }
.xuezi li p { font-size: .5rem; color: #f24c0a; margin-bottom: .15rem; }
.xuezi li span { display: block; font-size: .45rem; color: #333; margin-bottom: .15rem; }

.zy_con { width: 15.25rem; margin: 0 auto; }
.zy_li { width: 7.225rem; margin: 0rem 0.125rem 0.45rem; border: .025rem solid #eee; color: #333; padding-bottom: 0.5rem; }
.zy_li img { width: 7.225rem; }
.zy_tit { font-size: 0.6rem; text-align: center; line-height: 1.05rem; width: 4.375rem; margin: 0 auto; padding-top: 0.375rem; }
.zy_txt { font-size: 0.45rem; text-align: center; }
.zy_btn { font-size: 0rem; text-align: center; margin-top: .35rem; }
.zy_btn a { display: inline-block; width: 2.7rem; height: .85rem; border: .025rem solid #fff; border-radius: 0.425rem; color: #fff; font-size: .45rem; line-height: .85rem; margin: 0 .225rem; background: #da0023; }
.zy_btn a.swtzh { background-color: #f24c0a; color: #fff; }
.x2019_gybd { width: 100%; height: 16.85rem; background-size: 100% 100%; }
.x2019_gybd2 { width: 14.5rem; margin: 0 auto; }
.x2019_gybd2 img { width: 6.225rem; height: 4.6rem; }
.x2019_gybd2 p { font-size: 0.5rem; line-height: 1rem; }
.x2019_gybd2 p span { display: block; }
.x2019_gybd2 p span:nth-child(1) { font-size: 0.75rem; margin: .9rem 0 .25rem; }
.x2019_gybd2 p span:nth-child(1) b { color: #e60012; }
.x2019_gybd3 li { width: 12.75rem; margin: 0 auto; margin-top: 0.65rem; }
.x2019_gybd3 li.li1 input, .x2019_gybd3 li.li2 input { width: 12.7rem; height: 1.575rem; border: 0.025rem solid #b2b2b2; border-radius: 1.65rem; font-size: 0.7rem; background: url("../img/x2019_gybdimg1.png") no-repeat #fff; background-position: 1.25rem 0.25rem; background-size: 0.925rem 0.975rem; text-indent: 2.45rem; }
.x2019_gybd3 li.li2 input { background-image: url("../img/x2019_gybdimg2.png"); background-size: 1.05rem 1.075rem; }
.x2019_gybd3 li.li3 input { background: #e60012; width: 100%; height: 1.6rem; border: 0; color: #fff; font-size: 0.7rem; border-radius: 1.6rem; }
.x2019_gybd3 li.li4 { font-size: 0.5rem; padding-bottom: 1.25rem; text-align: center; }
.x2019_tykti_t1 { width: 100%; text-align: center; }
.x2019_tykti_t1 h2 { font-size: 0.85rem; font-weight: normal; text-align: center; height: 1rem; padding-top: 0.875rem; }
.x2019_tykti_t1 span { font-size: 0.5rem; text-align: center; line-height: 1.425rem; }