@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")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/fonts/iconfont.eot*/;
  src: url("../fonts/iconfont.eot-#iefix")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/fonts/iconfont.eot?#iefix*/ format('embedded-opentype'),
  url("../fonts/iconfont.woff")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/fonts/iconfont.woff*/ format('woff'),
  url("../fonts/iconfont.ttf")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/fonts/iconfont.ttf*/ format('truetype'),
  url("../fonts/iconfont.svg#hsl")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/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;
}
.hometopmenu{display:none !important;;}
.hslbox1 img{ max-width:100%}
.hslbox2{ padding-top:3rem; padding-bottom:1.25rem; padding-left:1.25rem; padding-right:1.25rem; font-size:1.25rem;}
.hslbox2 h4{ font-size:1.8rem; text-align:center; padding-bottom:0.5rem;}
.hslbox2 p{ margin-bottom:2rem; line-height:2rem; text-indent:2.5rem;}
.hslbox2 span{ color:#e11616; font-weight:bold}

.hslbox3{ padding:1.25rem 0;}
.hslbox3 p{ padding:1.25rem;font-size:1.25rem;line-height:2rem; text-indent:2.5rem;}
.hslbox3 p span{ color:#e60012; font-weight:bold}
h1{ border-bottom:1px solid #e11616; font-size:2.5rem !important; text-align:center; color:#e60012; position:relative; padding-bottom:0.5rem}
h1 b{ position:absolute; width:5rem; display:block; height:5px; left:50%; margin-left:-2.5rem; bottom:-3px; background-color:#e11616;}

.hslbox4{ padding:1.25rem 0.6875rem;}
.hslbox4 .item4{ width:33.33333333333333333333333333333%; float:left; text-align:center;}
.hslbox4 .item4 p{ height:3rem; font-size:1.2rem; color:#333; text-align:center; padding-top:1rem; padding-left:0; padding-right:0px; text-indent:inherit;}
.hslbox4 .item4 img{ max-width:100%;}
.hslbox4 .item4 a{ display:block; padding:0.4rem;}
.hslbtn{ width:16.25rem; height:3.75rem; line-height:3.75rem; margin-left:auto; margin-right:auto; display:block; background-color:#e11616; color:#fff; text-align:center; border-radius:0.825rem; font-size:1.25rem; font-weight:normal}

.hslbox5{width:100%; padding-top:4rem; padding-bottom:3.125rem;}

.hslbox6 .hslbox3_1{ padding:1rem 0 0 0;}
.hslbox6 .hslbox3_1 .item4{ width:50%; float:left; height:14rem; overflow:hidden; margin-bottom:0.625rem; } 
.hslbox6 .hslbox3_1 .nom{ margin-right:0px;}
.hslbox6 .hslbox3_1 img{ max-width:100%; position:absolute; z-index:1; left:0px; top:0px;}
.hslbox6 .hslbox3_1 .item_c{ width:100%; height:100%; background-color:rgba(54,25,25,.85); text-align:center; position:relative; z-index:2; padding-top:5%; left:auto; top:auto;}
.hslbox6 .hslbox3_1 .item_c b{ display:block; width:6.0625rem; height:2.5rem; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; color:#fff; font-size:1.25rem; font-weight:normal; margin-left:auto; margin-right:auto; margin-top:0;}
.hslbox6 .hslbox3_1 .item_c p{ font-size:1.2rem; color:#fff; padding:0.2rem; line-height:normal;}
.hslbox6 .hslbox3_1 h4{ color:#ffa96a; font-size:1.5rem; font-weight:normal; padding-top:0.5rem;}

.hslbox6 .hslbox3_1 .item_c .i1{background-image:url("../images/i1.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/i1.png*/;}
.hslbox6 .hslbox3_1 .item_c .i2{background-image:url("../images/i2.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/i2.png*/;}
.hslbox6 .hslbox3_1 .item_c .i3{background-image:url("../images/i3.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/i3.png*/;}
.hslbox6 .hslbox3_1 .item_c .i4{background-image:url("../images/i4.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/i4.png*/;}
.hslbox6 .hslbox3_1 .item_c .i5{background-image:url("../images/i5.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/i5.png*/;}
.hslbox6 .hslbox3_1 .item_c .i6{background-image:url("../images/i6.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/i6.png*/;}
.hslbox6 .padding0{  position:relative; height:100%; margin:0.625rem}

.hslbox04{ padding:2rem 0;background-image:url("../images/bg2.jpg")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/bg2.jpg*/; background-position:center top; background-repeat:no-repeat;}
.hslbox4_2{ padding:0 1rem;}
.hslbox4_2 p{ color:#fff; padding-bottom:0.5rem; font-size:1.25rem;}
.hslbox4_2 .hslbtn{ background-color:transparent; border:1px solid #fff; color:#fff; margin:1rem auto;}

.hslbox05{ padding:2rem 0;background-image:url("../images/bg3.jpg")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/bg3.jpg*/; background-position:center top; background-repeat:no-repeat; margin-bottom:2rem;}
.hslbox05 h1{ margin-bottom:2rem; color:#fff; border-bottom:1px solid #fff;}
.hslbox05 h1 b{ background-color:#fff;}

.hslbox3_1{ padding:2rem 0;}
.hslbox3_1 .item4{ width:50%; float:left; overflow:hidden; position:relative; margin-bottom:1.6rem;} 
.hslbox3_1 img{ max-width:100%}
.hslbox3_1 .nom{ margin-right:0px;}
.hslbox3_1 .item_c{ width:80%; height:80%; background-color:rgba(255,255,255,.65); position:absolute; left:10%; top:10%; text-align:center}
.hslbox3_1 .item_c b{ display:block; width:3.625rem; height:3.9375rem; line-height:3.9375rem; padding-left:0.625rem;background-image:url("../images/41.png")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/41.png*/; background-size:cover; color:#fff; font-size:1.25rem; font-weight:normal; margin-left:auto; margin-right:auto; margin-top:1.5625rem;}
.hslbox3_1 .item_c p{ font-size:1.2rem; padding-top:0.625rem; line-height:2rem;}
.hslbox3_1 .itembox{ margin:0.8rem}

.hslbox6{ padding:2rem 0 0.5rem 0;}
.hslbox6 img{ max-width:100%}
.hslbox6 .hslbox4_1{width:50%; float:left; margin-top:2rem;}
.hslbox6 .item1{width:100%; margin-top:2rem;}
.hslbox6 .nom{margin-right:0px;}
.hslbox6 .item3{border:1px solid #e11616; margin:0 0.5rem;}
.hslbox6 .item_nr{ display:block; margin:0.3rem;}
.hslbox6 .item_nr h2{ font-size:1.2rem; color:#e60012; font-weight:normal; height:3.75rem; line-height:3.75rem; text-align:center; border-bottom:1px dashed #000; margin:0 0.625rem;}
.hslbox6 .item_nr p{ color:#333; font-size:1.125rem; text-indent:2.25rem; line-height:1.625rem; padding:0.625rem 0; height:10rem;}
.hslbox6 .item1 .item_nr p{ height:5rem;}

.hslbox6 .hslzybtn a{ width:49%; display:block;height:2.5rem; text-align:center; line-height:2.5rem; color:#fff; background-color:#e11616;}
.hslbox6 .hslzybtn .hslzybtn1{float:left;}
.hslbox6 .hslzybtn .hslzybtn2{float:right;}

.hslbox7{ padding:2rem 0;}
.hslbox5_1{ padding-top:2rem;}
.hslbox5_1 .item5{ width:33.3333333333333333333333%; float:left; margin-top:6rem; text-align:center}
.hslbox5_1 .item5 a{ display:block; position:relative; background-color:#5b596c; height:24rem; margin:0.5rem}
.hslbox5_1 .item5 a img{ width:80%; margin-top:-5.5rem}
.hslbox5_1 .item5 a span{ padding-top:1rem; font-size:1.25rem; color:#666}
.hslbox5_1 .hslmsbox{ padding:0 0.5rem}
.hslbox5_1 .hslmsbox h4{ color:#fff; font-size:1.2rem; padding-top:0.5rem; font-weight:normal; text-align:left}
.hslbox5_1 .hslmsbox p{ color:#fff; font-size:1rem; padding-top:0.5rem; font-weight:normal; text-align:left}

.hslbox8{ padding:2rem 0;}
.hslbox8_1{ padding-top:3rem; margin-bottom:1rem;}
.hslbox8_1 .item2{ padding:0 0.5rem; padding-bottom:0.5rem}
.hslbox8 img{ max-width:100%}

.hslnav{ width:100%; height:3.2rem; line-height:3.2rem; display:none}
.hslnav a{ display:block; width:25%; background-color:#e11616; float:left; text-align:center; text-decoration:none}
.hslnav a span{ display:block; border-right:2px solid #fff; color:#fff; font-size:1.25rem;}
.hslnav a .nob{ border:none;}
.hsldw{ position:fixed; top:0; left:0px; z-index:999; display:block}


.hslzttybdbox{ padding:2rem 0; border-top:0.75rem solid #dadada;}
.hslzttybdbox h2{ font-size:1.75rem; color:#000; 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:#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;}

.hslzttybdboxr{ padding:0 0.5rem}
.hslzttybdboxr h2{ font-size:1.5rem; color:#000; 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:#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;}


#hslmsgdbox{width:100%;height:23rem; margin-top:1rem;position:relative;overflow:hidden; background-color:#fff; margin-bottom:2rem;}
#hslmsgdbox .pic_box{width:100%;height:45rem;position:absolute;left:0px;top:0px;}
#hslmsgdbox .pic_box img{ display:block;}
#hslmsgdbox .hslmsxtbox{width:100%;height:8rem;position:absolute;bottom:0px; left:0px; background-color:#fff;}
#hslmsgdbox .hslmsxtbox ul{ width:100%; height:8rem; padding:0.5rem 0;}
#hslmsgdbox ul li{list-style:none;width:20%;height:7rem;opacity:0.5;filter:alpha(opacity=50); float:left; text-align:center; margin-right:2%;}
#hslmsgdbox ul li.hslm{ margin-left:17%}
#hslmsgdbox ul li img{ max-width:100%; height:100%;}
#hslmsgdbox ul li.cur{opacity:1;filter:alpha(opacity=100);}

#hslmsgdbox .hslmsxxbox{ height:15rem; width:100%; overflow:hidden; background-position:right bottom; background-repeat:no-repeat; position:relative; background-size:auto 100%;}
#hslmsgdbox .hslmsxxbox1{background-image:url("../images/m11.jpg")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/m11.jpg*/;}
#hslmsgdbox .hslmsxxbox2{background-image:url("../images/m22.jpg")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/m22.jpg*/;}
#hslmsgdbox .hslmsxxbox3{background-image:url("../images/m33.jpg")/*tpa=http://www.hbxdf.com/xdxc/m/zy/xcjy2018/images/m33.jpg*/;}

#hslmsgdbox .hslmsxxbox h3 {
  color: #cecdcd;
  font-size: 1.5rem;
  font-weight: 400;
  width: 920px;
  padding: 0rem 0 0 2rem;
  text-align: left;
  text-transform:uppercase;
}
#hslmsgdbox .hslmsxxbox h5 {
  color: #656565;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 0 0 0 2rem;
  text-align: left;
}
#hslmsgdbox .hslmsxxbox p {
  display: none;

}
#hslmsgdbox .hslmsxxbox h6 {
  display: inline-block;
  padding: 0 0 0 2rem;
  text-align: left;
  font-weight: 400;
  color: #656565;
  line-height: 1.5rem;
  font-size: 1.25rem;
}
#hslmsgdbox .hslmsxxbox span {
  display: inline-block;
  padding: 10px 0 0 2rem;
  text-align: left;
  color: #aeaeae;
  font-size: 0.8rem;
  font-weight: 200;
  line-height: 1rem;
}