@charset "gb2312";
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.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;}
 img {
    border: 0 none;
    width:100%;
    display: block;
}
h1{display: none;}
html{-webkit-text-size-adjust:none;  }
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; max-width:640px; margin:0 auto;}
* {margin:0;padding:0;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
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) {
    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;
}


.clear_f:after {
    clear: both;
}
.clear_f:after, .clear_f:before {
    content: "";
    display: block;
}




/*===================================³õÖÐÉú===================================*/

.ul_tit{margin:1.2rem auto 1rem;width:93.75%;}
.ul_tit li{float: left;width:32%;margin-right:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #000;border-radius: 1.4rem;background: #fff;margin-bottom:0.6rem;}
.ul_tit li:nth-child(3n){margin-right: 0;}
.ul_tit li.active{background: #FF8E1F;border-color:#FF8E1F;color: #f60; }
.ul_tit li.active a{color: #fff; }
.ul_tit a{font-size: 1.5rem;line-height: 2.8rem;display: block;text-align:center;}
.ul_tit2{margin: 1rem auto;width:93.75%;}
.ul_tit2 li{float: left;padding:0 0.4rem;}
.ul_tit2 li.active a{color: #f00;border-bottom-color: #f60; }
.ul_tit2 a{font-size: 1.2rem;line-height: 2.6rem;display: block;text-align: center;border-bottom: 1px solid transparent;}
.vbanner{position:relative;overflow:hidden}
.vbanner .banner_top{position:absolute;top:0;left:0;background:rgba(0,0,0,.6);width:100%}




.ul2-0{width:93.75%;margin: 1rem auto;}
.ul2-0 li{float: left;width: 49%;margin-right: 2%;margin-bottom: 0.6rem;border-top-left-radius: 0.3rem;overflow: hidden;border-top-right-radius: 0.3rem;}
.ul2-0 li:nth-child(2n){margin-right: 0;}
.ul2-0 p{font-size: 1.2rem;line-height:2.4rem;text-align: center;background: #fff;color: #000;}

.img_big{position: fixed;width: 100%;height:100%;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 1000;display: none;}
.img_big img{position: absolute;left: 2.5%;top: 20%;width: 95%;}
.img_big span{position: absolute;top: 70%;left: 50%;color: #000;width: 3rem;height: 3rem;font-size: 3rem;line-height: 2.6rem;background: rgba(255,255,255,0.8);text-align: center;border-radius: 50%;margin-left: -1.5rem;}
.more_pic{display:none;width: 60%;text-align:center;margin: 1rem auto;background:#ff8e1f;font-size: 1.8rem;color:#fff;line-height: 3.8rem;border-radius: 1.9rem;}
.getNext{position:absolute;top: 70%;right: 15%;width: 3rem;height: 3rem;border-radius:50%;background:rgba(255,255,255,.9);color:#000;text-align:center;font-size: 3rem;line-height: 2.6rem;}
.getPrev{position:absolute;top: 70%;left: 15%;width: 3rem;height: 3rem;border-radius:50%;background:rgba(255,255,255,.9);color:#000;text-align:center;font-size: 3rem;line-height: 2.6rem;}
.getPrev.btn-hx,.getNext.btn-hx{background:rgba(255,255,255,.5);color:#666;}
.xyhd_tit{ width: 93.75%;margin: 1rem auto ;font-size: 1.5rem;}
.xyhd_tit a{font-size: 1.5rem;line-height: 3rem;}
.xyhd_tit span{font-size: 1.35rem;color: #e40000;}

@media only screen and (min-width:641px) {
    html {
        font-size:100%!important
    }
    .img_big img{position: absolute;left: 50%;top: 50%;max-width: 1000px;margin-left: -500px;margin-top: -334px;}
.img_big{position: fixed;width: 100%;height:100%;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 1000;display: none;}
.img_big span{position: absolute;top: 50%;left: 50%;color: #000;width: 30px;height: 30px;font-size: 35px;line-height: 25px;background: rgba(255,255,255,0.8);text-align: center; border-radius: 50%;margin-top: -346px;margin-left: 484px;cursor:pointer;}
.more_pic{display:none;width:500px;text-align:center;margin:35px auto;background:#ff8e1f;font-size:30px;color:#fff;line-height:50px;border-radius:25px;}
.getNext{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:600px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.9);color:#000;text-align:center;font-size:80px;line-height:65px;}
.getPrev{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-680px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.9);color:#000;text-align:center;font-size:80px;line-height:65px}


}