@charset "utf-8";
/*input {-webkit-appearance:none;} */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
@font-face {
  font-family: 'hsl';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#hsl') format('svg');
}
.mianfeiphone {
    clear: both;
    display: block;
    padding: 4px;
}

.mianfeiphone img {
    width: 100%;
	border-radius:5px;
}
.hsl{
  font-family:"hsl" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.left{ float:left;}.right{ float:right;}
.hslgd1 img, .hslgd2 img, .fengmian img,.imgbox3 img,.imgbox2 img,.imgbox4 img {
    border: 0 none;
    width:100%;
}

 html{-webkit-text-size-adjust:none;  }
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(../img/bg.jpg); background-position:center top; background-size:100% auto; max-width:640px; background-repeat:repeat-y;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
	font-size:62.5%;
}
@media only screen and (min-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}
}
@media only screen and (min-width:481px) {
html {
font-size:84%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:90%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:100%!important
}
}



body {
    
    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}
.hometopmenu{display:none !important;}
.hslbox1 img{ max-width:100%}
.hslbox2{ padding:0 1rem;}
.hslbox2 img{ width:100%;}
.hslbox3{ margin-top:3rem; margin-bottom:3rem;}

.hslbox4{ padding:0 1rem;}
.hslbox4 h2{ text-align:center; color:#ffff00; font-size:2rem;}
.hslbox4 p{ text-align:center; color:#fff; font-size:1.4rem; margin-top:1rem; margin-bottom:1rem;}
.hslbox4_1{ padding-top:1rem; padding-left:0.5rem; padding-right:0.5rem;}
.hslbox4_1 a{ width:50%; display:block; float:left; margin-bottom:1rem;}
.hslbox4_1 img{ width:100%;}
.hslbox4_1 span{ display:block; margin:0 0.5rem;}
.hslbtn{ display:block; background-color:#fff; height:4rem; line-height:4rem; text-align:center; font-size:1.5rem; color:#ff0000; border-radius:3rem; margin-top:1rem; font-weight:bold;}
.hslbox5{ margin-top:2rem;}
.hslbox4_2 img{ width:100%}
.hslbox4_2{ padding:0 1rem;}

.hslbox5_3{ margin-top:2rem;}
.hslbox5_1{ width:50%; float:left; line-height:4rem; height:4rem; border:1px solid #fff; text-align:center; font-size:1.3rem; color:#fff; margin-bottom:0.3rem;}
.hslbox5_2{ background-color:#fff; color:#ff0000;}

.hslbox6{ padding-top:2rem; padding-bottom:2rem;}
.hslbox6 img{ width:100%;}

.hslbox5_01{ font-size:1.5rem; font-weight:bold;}
.hslbox5_01 span{ color:#ffff00;}



.hslzttybdbox{ padding:2rem 0; border-top:none !important;}
.hslzttybdbox h2{ font-size:1.75rem; color:#fff !important; font-weight:normal; margin-bottom:1rem; border-bottom:1px solid #ccc; height:3rem; padding-left:1rem;}
.hslzttybdbox h2 b{ display:block; width:0.5rem; height:2rem; border-radius:0.5rem; background-color:#fff !important; float:left; margin-right:1rem;}
.hslzttybdbox .input_box{ height:3.875rem; padding:0 1rem;}
.hslzttybdbox .input_box input{height:3.875rem; border:2px solid #e11616; border-radius:0.5rem; padding-left:0.5rem; width:15rem; font-size:1.25rem;}
.hslzttybdbox .input_box .hslzttybdboxinput1{ float:left}
.hslzttybdbox .input_box .hslzttybdboxinput2{ float:right}
.hslzttybdbox .select_box{ padding:0 1rem; margin-top:1rem}
.hslzttybdbox .select_box select{height:3.875rem; border:2px solid #e11616; border-radius:0.5rem; width:100%; font-size:1.25rem;}
.hslzttybdbox .bdbtn_box{ padding:0 1rem; margin-top:1rem}
.hslzttybdbox .bdbtn_box input{height:3.875rem; border:none; width:100%;border-radius:0.5rem; background-color:#fff !important; color:#ff0000 !important; font-size:1.4rem;}

.hslzttybdboxr{ padding:0 0.5rem}
.hslzttybdboxr h2{ font-size:1.5rem; color:#fff !important; font-weight:normal; margin-bottom:1rem; border-bottom:1px solid #ccc; height:3rem; padding-left:1rem;}
.hslzttybdboxr h2 b{ display:block; width:0.5rem; height:2rem; border-radius:0.5rem; background-color:#fff !important; float:left; margin-right:1rem;}
.hslpczytjbox1{ float:left; width:47%; border:1px solid #ccc; margin-bottom:1.25rem; padding:0.625rem; margin-right:5%;}
.hslzttybdboxr .nom{ margin-right:0px;}
.hslpczytjbox1 span{ display:block; width:5rem; height:5rem; float:left; background-color:transparent !important; border-radius:0.5rem; text-align:center; position:relative; margin-right:0.625rem;}
.hslpczytjbox1 span img{ width:2.5rem; height:auto; position:absolute; left:50%; margin-left:-1.25rem; top:50%;}
.hslpczytjbox2 h3{ padding-top:0.3rem; padding-bottom:0.2rem; font-size:1.25rem; color:#fff !important;}
.hslpczytjbox2 p{ line-height:1.2rem; font-size:1rem; color:#eee !important;}
.hslpczytjbox1 .hslpczytjboximg1 img{ margin-top:-1.4375rem;}
.hslpczytjbox1 .hslpczytjboximg2 img{ margin-top:-1rem;}
.hslpczytjbox1 .hslpczytjboximg3 img{ margin-top:-1.25rem;}
.hslpczytjbox1 .hslpczytjboximg4 img{ margin-top:-0.8125rem;}