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

.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;  }
* {}
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;
}




/*===================================页锟斤拷锟斤拷式===================================*/
.vbanner{position:relative;overflow:hidden}
.vbanner .banner_top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.6);z-index: 2;}
.video_box{width: 93.75%;margin: 1rem auto;}
.video_box video{display: block !important;}

.wz_fl{background:#EFEEEE;padding:1rem 0;margin-top: 2rem;}
.wz_fl .wz_flist{width:93.75%;margin:0.5rem auto;}
.wz_fl .wz_flist li{float:left;width:40%;margin-right:5%;background: #fff;text-align: center;line-height: 2.6rem;border-radius: 0.5rem;}
.wz_fl .wz_flist a:first-child li{margin-left:7.5%;}
.wz_fl .wz_flist a:last-child li{margin-right:0;}
.wz_fl .wz_flist li img{display:inline-block;width:1.6rem;height:1.6rem;margin-right: 0.3rem;vertical-align: middle;}
.wz_fl .wz_flist li span{vertical-align: middle;font-size: 1rem;}
.wz_fl .wz_flist li .flicon2{display:none;}
.wz_fl .wz_flist a.active .flicon1{display:none;}
.wz_fl .wz_flist a.active .flicon2{display:inline-block;}
.wz_fl .wz_flist a.active li{background: #f60;color: #fff}


.hslbox1{width: 93.75%;margin-left: auto;margin-right: auto;}
.tit_box{text-align: center;margin-top: 3rem;}
.tit_box h2{font-size: 2rem;line-height: 2.5rem;color: #ff9203;}
.tit_box p{font-size: 1.3rem;line-height: 2rem;color: #7c7c7c;text-transform: uppercase;}
.hslbox1_1{margin-top: 1rem;font-size: 1.2rem;line-height: 2rem;text-indent: 2.4rem;}

.hslbox1_2{width: 100%;background: url(../images/bg1.jpg) no-repeat 0 0;background-size: auto 100%;font-size: 1.6rem;padding-left: 4rem;line-height: 3rem;margin-top: 1.5rem;}

.hslbox1_3{width: 100%;margin-top: 1rem;}
.hslbox1_3 li{float: left;width: 48%;margin-right: 4%;background-color: #fff;box-shadow: 0px 3px 4px #b9b9b9;margin-bottom: 4%;box-sizing: border-box;border-radius: 0.5rem;text-align: center;padding: 0.5rem 0 0;}
.hslbox1_3 li:nth-child(2n){margin-right: 0;}
.hslbox1_3 li img{width: 80%;margin: 0.5rem auto;}
.hslbox1_3 li p{font-size: 1.2rem;line-height: 1.6rem;height: 3.2rem;}

/* .hzdw h2{width: 93.75%;text-align: left;margin: 1rem auto;font-size: 1.3rem;line-height: 2.2rem;border-bottom: 1px solid #eee;} */
.hzdw{margin-top: 3rem;}
.hsltit{ border-bottom:1px solid #a1a1a1;width: 93.75%; margin: 0 auto;}
.hsltit h2{font-weight: bold; color:#000; font-size:1.3rem; position:relative; float:left; height:3rem;line-height:3rem;}
.hsltit p{ color:#666; float:right; display:block; height:3rem; line-height:3rem;font-size: 1.2rem;}
.hsltit h2 a{ font-weight:normal; display:block; background-image:url(../images/tbq.png); background-repeat:no-repeat; width:8.8rem; height:2rem; background-size:100% 100%; color:#fff; line-height:2rem; text-align:center; font-size:1rem; position:absolute; right:-9.5rem; top:.5rem; text-indent:.9rem;}

.ul2-0{width: 93.75%;margin:1rem auto;}
.ul2-0 li{float: left;width:49%;margin-right: 2%;margin-bottom:0.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position: relative; border: 1px solid #A6A6A6;overflow: hidden;}
.ul2-0 li:nth-child(2n){margin-right: 0;}
.zyfx li{border: 1px solid #DBDBDB;padding: 0.5rem;}
.zyfx i{display: inline-block;width: 4rem;height: 4rem;background: #f60;border-radius: 1rem;vertical-align: middle;margin-right: 0.2rem;text-align: center;}
.zyfx img{width: 70%;margin: 15% auto;}
.zyfx div{display: inline-block;vertical-align: middle;}
.zyfx h3{font-size: 1.2rem;line-height: 1.8rem;}
.zyfx p{font-size: 0.95rem;line-height: 1.3rem;}
.zyfx a{display: block;font-size: 0;}
.zpzs-container {
    margin-top:4%;
    padding:4% 0;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 19.44px 7.56px rgba(0, 0, 0, 0.14);
}
.zpzs-desc {
    margin-top:3%;    
}
.zpzs-desc-wrap {
    overflow: hidden;
}
.zpzs-desc-thumb {
    float: left;
    width: 40%;
    margin-left: .4rem;
}
.zpzs-desc-txt {
    width: 55%;
    float: left;
    margin-left:2%;
}
.zpzs-desc-txt p {
    font-size:1.1rem;
}
.zpzs-desc-tit {
    padding-top:6.5%;
    color:#ff9203;
    font-size:1.1rem;
}
.zpzs-slide.swiper-slide,.zpzs-wrapper.swiper-wrapper,.zpzs-container.swiper-container {
    height: auto;
}
.zpzs-slide.swiper-slide {
    padding:0 4%;
    background: #fff;
}
.hslbox-item {
    display: none;
}
.hslbox-item.active {
    display: block;
}