@charset "utf-8";
/* input {-webkit-appearance:none; 去除input默认样式} */
* {
    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/fonts/iconfont.eot*/;
    src: url("../fonts/iconfont.eot-#iefix")/*tpa=http://www.hbxdf.com/xdxc/m/zy/fonts/iconfont.eot?#iefix*/ format('embedded-opentype'),
    url("../fonts/iconfont.woff")/*tpa=http://www.hbxdf.com/xdxc/m/zy/fonts/iconfont.woff*/ format('woff'),
    url("../fonts/iconfont.ttf")/*tpa=http://www.hbxdf.com/xdxc/m/zy/fonts/iconfont.ttf*/ format('truetype'),
    url("../fonts/iconfont.svg#hsl")/*tpa=http://www.hbxdf.com/xdxc/m/zy/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;
}

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;} 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% !important;
}

@media only screen and (min-width:321px) {
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) {
    html {
        font-size:70.31%
    }
}
@media only screen and (min-width:376px) {
    html {
        font-size:73.24%
    }
}
@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;
}
img{display:block;width:100%;}
.hslsjzytytop{ background-color:#e4b95b; height:6rem; border-bottom:1px solid #fff; position:relative}
.hslsjzytytop a{ display:block; height:5rem; padding-top:0.375rem; padding-left:0.625rem;}
.hslsjzytytop a img{ height:5rem; width:auto}
.hslsjzytytop .hsltel{ display:block; width:3rem; height:3rem; border:1px solid #232332; border-radius:3rem; line-height:3rem; text-align:center; position:absolute; right:0.5rem; top:1.5rem;}
.hslsjzytytop .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;}
.hslsjzytytop .hslmpr{ position:absolute; display:block; width:9.375rem; height:3.125rem; top:0.2rem; right:6.625rem;}
.hslsjzytytop .hslmpr img{ width:100%; height:auto}

.hslsjzytytop2{ background-color:#232332; height:5rem;}
.hslsjzytytop2 li{ width:16.6666666666666666666666666667%; float:left;}
.hslsjzytytop2 li a{ display:block; height:5rem; color:#fff; text-align:center; font-size:1.325rem;}
.hslsjzytytop2 li a i{ font-size:1.8rem; display:block; padding-top:0.8rem;}


.hslsjzybottom{ background-color:#232332; position:relative; padding-bottom:5rem;}
.hslsjzybottom a{ display:block; width:9rem; height:9rem; overflow:hidden; position:absolute; left:50%; margin-left:-4.5rem; top:-1.8rem;}
.hslsjzybottom a img{ width:100%}

.hslsjzybottom p{ padding:0 2rem 0 4rem; color:#fff; font-size:1.2rem; position:relative; margin-bottom:1rem;}
.hslsjzybottom p i{ position:absolute; left:2rem; top:0px;}

.hslsjzybottom2{ height:4rem; width:100%; border-top:1px solid #fff; position:fixed; z-index:99; bottom:0px; background-color:#040414;max-width:640px;}
.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")/*tpa=http://www.hbxdf.com/xdxc/m/zy/images/skbottomyj.png*/; background-size:cover; position:absolute; left:50%; margin-left:-7.9375rem; top:-3.6875rem;}
.hslsjzybottom2 a:nth-child(2){color:#040414;background:#E4B95B;}

#zx_num{position:absolute;right:41%;top:1px; font-size:1.05rem;background:#fc0225;color:#fff;width:1.7rem;height:1.7rem;border-radius:50%;line-height:1.7rem;text-align:center; }


.hslsjljkc{ padding:2rem 1rem; margin-bottom:2rem;}
.hslsjljkc h2{ text-align:center; border-bottom:1px solid #e60012; padding-bottom:0.5rem; font-size:1.5rem; margin-bottom:1rem; color:#e60012}
.hslsjbdbox .hslsjbd{ padding:0.5rem 0;}
.hslsjbdbox .hslsjbd .bdinput{  display:block;margin-bottom: 0.8rem;}
.hslsjbdbox .hslsjbd .bdinput:nth-child(2){margin-bottom: 0;}
.hslsjbdbox .hslsjbd .bdinput input{ height:3rem; width:97%; padding-left:3%;font-size:1.2rem; border:1px solid #232332; border-radius:0.5rem;}
.hslsjbdbox .hslsjbd .zyxz select{ height:3rem; width:97.5%;font-size:1.2rem;}
.hslsjbdbox .hslsjbd .hslsjbdbtn input{ background-color:#e60012; color:#fff; font-size:1.5rem; width:97.5%; height:3.5rem; border:none;border-radius:0.5rem;}



@media screen and (max-width: 385px) and (min-width:361px) {
    .hslsjzytytop a img{  width:98%;display:block;margin-top:0.45rem;height:auto;}
}

@media screen and (max-width: 360px) and (min-width:346px) {
    .hslsjzytytop a img{  width:98%;display:block;margin-top:0.55rem;height:auto;}
}

@media screen and (max-width: 345px) and (min-width:280px) {
    .hslsjzytytop a img{  width:98%;display:block;margin-top:0.7rem;height:auto;}
}

/**** weixinyangshi  *****/
.topTips {
    height: 0px;
    overflow: hidden;
    font-size: 0.9em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    -webkit-perspective: 600px;
    perspective: 600px;
    z-index: 999999;
}
.tipsInner a {
    height: 60px;
    text-decoration: none;
    display: block;
    position: relative;
    padding-left: 50px;
    color: #FFFFFF;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgba(0,0,0,.7);
}

.tipsInner dl {
    height: 40px;
    margin: 0;
    padding: 13px 5px;
    text-align: left;
}
.tipsInner dt {
    font-size: 1.2rem;
}
.tipsInner dd {
    margin: 0;
    line-height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    border-left: 1px solid #fff;
    padding-left: 10px;
    position: relative;
}
.tipsInner {
    font-family: "SimSun";
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    opacity: 1;
}
.tipsInner img {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -18px;
    width: 38px;
    height: auto;
    margin-right: 5px;
    border-radius: .3125em;
    opacity: 1;
}
