@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?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url(' ../fonts/iconfont.svg#hsl') format('svg');
}
.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;}
 * {}
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;
	background-color:#fef4f4;
}

.hslbox1{ background-color:#fff; height:5rem; border-bottom:1px solid #fff; position:relative}
.hslbox1 a{ display:block; height:2.25rem; padding-top:1.375rem; padding-left:0.625rem;}
.hslbox1 a img{ height:2.25rem; width:auto}
.hslbox1 .hsllogo img{ height:3.5rem;}
.hslbox1 .hsllogo{ padding-top:0.75rem;}
.hslbox1 .hsltel{ display:block; width:3rem; height:3rem;  line-height:3rem; text-align:center; position:absolute; right:0.5rem; top:1.4rem; padding:0px;}
.hslbox1 .hsltel i{ color:#232332; font-size:1.6rem; position:absolute; left:50%; margin-left:-0.8rem; top:50%;margin-top:-1.4rem; height:1.6rem;}
.hslbox1 .hslmpr{ position:absolute; display:block; width:9.375rem; height:3.125rem; top:0.2rem; right:8.625rem;}
.hslbox1 .hslmpr img{ width:100%; height:auto}

.hslbox2 img,.hslbox3 img,.hslbox4 img,.hslbox5 img,.hslbox6 img,.hslbox7 img,.hslbox05 img{ max-width:100%}

.hslbox3{ padding:1rem 0 0 0;}
.hslbox3 p{ font-size:1.4rem; line-height:2.8rem; color:#000; padding:1rem; text-indent:2.8rem}

.hslbtnbox{ text-align:center}
.hslbtn{width:15rem; height:4rem; line-height:4rem; text-align:center; background-color:#e11616; color:#fff;font-size:1.6rem; display:block; margin:2rem auto; border-radius:0.5rem;}

.hslbox3 h4{ text-align:center; color:#125e84; font-size:2rem; font-weight:normal}
.hslbox3 h4 span{ color:#e11616}

.hslbox7_1{ padding:2rem 1rem 0 1rem}
.hslbox7_1 img{ width:100%;}
.hslbox7_1 h3{ font-size:2rem; font-weight:normal; padding:1rem 0; color:#e11616; text-align:center}
.hslbox7_1 p{ color:#000; font-size:1.4rem; text-indent:2.8rem; line-height:2.8rem; padding:1rem 0}
.hslbox7_1 p a{ color:#e11616;}.hslbox7_1 p span{ color:#e11616;}

.hslbox7 b{ display:block; height:3rem; width:9rem; background-image:url(../images/12.png); background-size:auto 100%; background-repeat:no-repeat; line-height:3rem; padding-left:1rem; font-size:1.4rem; color:#fff; font-weight:normal;}


.hslbox4{ margin:1rem 1rem 1rem 1rem;background-color:#fff;}
.hslbox4 h3{ font-size:2.125rem; text-align:center;}
.hslbox4 strong{ display:block; font-size:1rem; text-align:center; font-weight:normal; margin-bottom:2rem;}
.hslbox4_1{ background-color:#fff;}

.item2{ width:50%; float:left; margin-bottom:1rem}
.item2 a{ display:block; background-color:#5b0202}
.item2_1 a{ margin-right:0.5rem;}
.item2_2 a{ margin-left:0.5rem;}
.item2 p{ color:#fff; text-indent:0px; line-height:2rem; font-size:1.2rem; padding:1rem}


.hsltitbtn1{ margin-top:2rem;}
.hsldh{ font-size:1.2rem; text-align:center; padding-bottom:1.2rem;}
.hsldh1{ padding:0 1.5rem; margin-bottom:1rem; font-size:1.2rem;}
.hsldh2{ padding:0 1.5rem; font-size:1.2rem;}
.hsldh1 span,.hsldh2 span{ color:#ff0000; display:block}
.hsldh1 strong{ display:block}

.hslzttybdbox{ padding:2rem 0; border-top:0.75rem solid #dadada;}
.hslzttybdbox h2{ font-size:1.5rem; color:#000; font-weight:normal; margin-bottom:1rem; border-bottom:1px solid #ccc; height:3rem; padding-left:1rem; text-align:left}
.hslzttybdbox h2 b{ display:block; width:0.5rem; height:2rem; border-radius:0.5rem; background-color:#e11616; 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:#e11616; color:#fff; font-size:1.4rem;}
.hslpczytjbox2{ text-align:left}
.hslzttybdboxr{ padding:0 0.5rem; margin-top:3rem}
.hslzttybdboxr h2{ font-size:1.5rem; color:#000; font-weight:normal; margin-bottom:1rem; border-bottom:1px solid #ccc; height:3rem; padding-left:1rem; text-align:left}
.hslzttybdboxr h2 b{ display:block; width:0.5rem; height:2rem; border-radius:0.5rem; background-color:#e11616; 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:#e11616; 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:#333;}
.hslpczytjbox2 p{ line-height:1.2rem; font-size:1rem; color:#555}
.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;}

.hslsjzybottom2{ height:4rem; width:100%; border-top:1px solid #fff; position:fixed; z-index:99; bottom:0px; background-color:#5b0202;left:0px;}
.hslsjzybottom2 a{ display:block; width:40%; text-align:center; line-height:4rem; float:left; color:#e4b95b; font-size:1.575rem; border-right:1px solid #fff;}
.hslsjzybottom2 a.nob{ border:none}
.hslsjzybottom2 a i{font-size:1.575rem; padding-right:0.5rem;}
.hslsjzybottom2 a.hsl1{ width:20%}
.hslsjpagebottom{ position:relative; margin-top:5rem}
.hslsjpagebottom .hslsjyj{ width:15.875rem; height:3.75rem; background-image:url(../images/skbottomyj.png); background-size:cover; position:absolute; left:50%; margin-left:-7.9375rem; top:-3.6875rem;}

