@charset "utf-8";
/*input {-webkit-appearance:none;} */
* {
   
    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 !important;} 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
}
}
.hsltop1{height: 10rem;}
.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;}
.hslclear{ clear:both;}
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:#fff;
}
.hslbox1{ margin-top:1rem;}
.hslbox1 img,.hslbox2 img,.hslbox3 img,.hslbox4 img,.hslbox5 img,.hslbox6 img,.hslbox7 img,.hslbox05 img{ width:100%}
.hslbox1 h2{ text-align:center; color:#ff7300; font-size:1.8rem; font-weight:normal; margin-bottom:2rem;}
.hslbox1_1,.hslbox1_12{ width:100%; background-color:#f6d6a2;}

.hslbox1_1 .hslbox1_3{ width:50%; float:left;}
.hslbox1_12 .hslbox1_3{ width:50%; float:right;}
.hslbox1_1 .hslbox1_2{ width:50%; float:right;}
.hslbox1_12 .hslbox1_2{ width:50%; float:left;}
.hslbox1_2{}
.hslbox1_2 h3{ text-align:center; font-size:1.5rem; border-bottom:1px solid #ac9c82; padding-bottom:0.5rem; margin:1rem;}
.hslbox1_2 p{ font-size:1.2rem;padding:0 .5rem;}
.hslbox1_2 .md-zx1{ width:6rem; height:2.4rem; display: block; line-height:2.4rem; background-color:#e11616; color:#fff; text-align:center; font-size:1.2rem; margin:0.5rem auto;}
.hsltelbox{ padding:2rem 1rem;}

.hslbox2_1{ padding:1rem;}
.hslbox2_1 h3{ background-color:#f6e5c9; color:#fff; height:3.6rem; line-height:3.6rem;}
.hslbox2_1 h3 b{ display:block; width:10rem; font-size:1.5rem; background-color:#cc7c4d; text-align:center;}
.hslbox2_1 p{font-size:1.3rem; line-height:2rem;padding:1rem 0;}
.hslzyvideo{ margin:0 1rem;}
.hslzyvideo video{ width:100%;}


.hslbox3{ margin-top:0rem;padding:2rem 1rem;}
.hslbox3 h2{ text-align:center; color:#ff7300; font-size:1.8rem; margin-bottom:2rem;}
.hslbox3_1{ width:50%; float:left; margin-bottom:1rem;}
.hslbox3_2{ margin-right:0.5rem;}
.hslbox3_3{ margin-left:0.5rem;}
.hslbox3_4{ padding:1rem 0 2rem 0; clear:both;}
.hslbox3_4 h3{ font-size:1.5rem; font-weight:normal; text-align:center; color:#e11616; margin-bottom:1rem;}
.hslbox3_4 p{ font-size:1.3rem; line-height:2rem; text-align:center;}

.hslbox4{ margin-top:2rem; padding:0 1rem;}
.hslbox4 h2{ text-align:center; color:#ff7300; font-size:1.8rem; font-weight:normal; margin-bottom:2rem;}
.hslbox4_1{ width:50%; float:left; margin-top:1rem;}
.hslbox4_2{ margin-right:0.5rem;}
.hslbox4_3{ margin-left:0.5rem;}
.hslbox4 p{ font-size:1.4rem; line-height:2.4rem; padding-bottom:2rem; text-indent:2.8rem;}
.hslclear .md-zx2{ width:60%; height:4rem; line-height:4rem; background-color:#e11616; color:#fff; text-align:center; font-size:1.5rem; margin:0.5rem auto; display:block;}
.hslclearbtn1{ padding-top:1rem; padding-bottom:2rem;}


.hslbox5{ margin-top:2rem; padding:0 1rem;}
.hslbox5 h2{text-align:center; color:#ff7300; font-size:1.8rem; font-weight:normal; margin-bottom:2rem;}
.hslbox5_1{ width:33.333333333333333333333333%; float:left; margin-bottom:0.6rem;}
.hslbox5_2{ margin-right:0.4rem;}
.hslbox5_3{ margin-left:0.2rem; margin-right:0.2rem;}
.hslbox5_4{ margin-left:0.4rem;}
.hslbox5_1 p{ background-color:#ff7300; line-height:2.4rem; height:2.4rem; text-align:center; color:#fff; font-size:1.2rem;}

.hslbox6{ margin-top:2rem; padding:0 1rem;}
.hslbox6 h2{text-align:center; color:#ff7300; font-size:1.8rem; font-weight:normal; margin-bottom:1rem;}
.hslbox6 .hsltext{ font-size:1.2rem; line-height:2rem; text-indent:2.4rem; padding:1rem;}
.hslbox6_1{ width:100%;overflow:hidden; background-color:#e6d6be;}
.hslbox6_2{ height:auto; position:relative;}
.hslbox6_2 .hslms{ position:absolute; max-height:100%; bottom:0px; max-width:100%; left:50%; width:auto;}
.hslbox6_1 p{ padding:1rem; font-size:1.2rem; line-height:2rem; height:200px;}
.hslbox6_1 p span{ display:block; font-size:1.6rem; padding-bottom:0.5rem;}
.hslbox6_1 p b{ display:block; padding:0.5rem 0; font-size:1.4rem; font-weight:normal}

.hslbox7{ margin-top:2rem;}


.hslmsboxlist{ padding:0 1rem;}
.hslmsboxlist li{ width:50%; float:left; margin-top:0rem;}
.hslmsboxlist li a{ display:block; position:relative;  text-align:center; height:30.6rem;}
.hslmsboxlist li:nth-child(2n+1) a{ margin-right:0.5rem;}
.hslmsboxlist li:nth-child(2n+2) a{ margin-left:0.5rem;}
.hslmsboxlist li a img{ max-width:95%; max-height:23rem; width:auto; position:absolute; z-index:2; bottom:7.6rem; left:2.5%;}
.hslmsboxlist li a p{ background-color:#d1c0a5; text-align:left; padding:1rem; line-height:1.8rem; font-size:1.2rem; color:#111; height:7.6rem; border-radius:0 0 0.5rem 0.5rem; position:absolute; bottom:0px; left:0px; width:100%}
.hslmsboxlist li a p b{ display:block; font-size:1.3rem; font-weight:normal; color:#000; height:2rem;}
.hslmsboxlist li span{ height:25rem; width:100%;border:1px solid #d1c0a5; border-radius:0.5rem; position:absolute; left:0px; bottom:0px; z-index:1}





.hslzttybdbox{ padding:2rem 0; border-top:none !important;}
.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;}