.hbmain .f5,.posf5,.posf5 h2,.lxwmben,.casereadmore a,.listcon p,.aboutus,.postopone,.fhdb,.fhdb a,.caseone .caseimg,.busone,.jscont,.posava,.topicon,.mainone,.poph,.phone,.caret,.avabox,.posimg,.posalt,.insidebanner img,.insidebanner{
  -webkit-transition: .5s all ease;
  -o-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
*{ font-weight: 300}
.f6one{ width: 60%}
.f4one{ width: 40%;}
.mtdjs{ display: none}
.text-c{ text-align:center; margin-top:60px;}
.text-c a{     padding: 4px 13px;
    color: #0187e7;
    border: 1px solid;}
.text-c span{ padding: 4px 13px;
    color: #ffffff;
  background-color:#0187e7;
    border: 1px solid #0187e7;}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide ,.bannerbox{
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.eject:hover .caret{   transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
}

}
.banner{height: 800px; z-index: 12}
.business{
    height:350px;
    }
.bannerbox{ width: 100%; height: 800px; background-repeat: no-repeat; background-position: center center;background-size: cover; }
.busone{
    width:100%;
    height:355px;
    background-color: #f9f9f9;
    cursor: pointer;box-shadow:3px 2px 10px rgba(10, 10, 10, 0.29);
}
.busbox{
    margin-top:-100px;
    position: absolute;
    z-index:9989;
    width:100%;background-size: 100%}
.busone h2,.busone p{
    text-align: center; padding-left: 20px;
    padding-right:20px;}
.busone h2{
    font-size:22px; font-weight:600; padding-top: 50px;}
.busone p{ font-size: 16px;
    line-height:22px;
    font-weight:300; padding-top: 30px;}
.busone:hover{ background-color: #1891fc;
    color: #fff;box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.18); background-size: 110px}
.busone{ background-position: center 200px; background-repeat: no-repeat}
.busone01{ background-image: url("/statics/images/busone01.png");}
.busone02{ background-image: url("/statics/images/busone02.png");}
.busone03{ background-image: url("/statics/images/busone03.png");}
.busone04{ background-image: url("../image/busone04.png");}
.busone05{ background-image: url("/statics/images/busone05.png");}
.busone06{ background-image: url("../image/busone06.png");}
.busone01:hover{ background-image: url("/statics/images/busone01hov.png");}
.busone02:hover{ background-image: url("/statics/images/busone02hov.png");}
.busone03:hover{ background-image: url("../image/busone03hov.png");}
.busone04:hover{ background-image: url("../image/busone04hov.png");}
.busone05:hover{ background-image: url("../image/busone05hov.png");}
.busone06:hover{ background-image: url("../image/busone06hov.png");}
.aboutus{
    height:540px; width: 100%; background-image: url("../image/indexabindex.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center}

.aboutus .fl{
    width:65%;}
.abtit{
    font-size:31px; font-weight: 700; color: #fff;
    margin-top:90px;}
.abdes{
    font-size:20px;
    line-height:34px; color:#fff;
    margin-top:50px; font-weight: 300;    text-shadow: 1px 1px 1px #000;}
.readmore{ width:150px;
    height:45px;
    line-height:45px;
    display: block;
    text-align: center;
    border:1px solid #fff;
    color: #fff;
    margin-top:20px;
    cursor: pointer;}
.readmore:hover{ background-color: #fff;
    color: #000;}
.hyjj{
    margin-top:100px;
    height:500px;}
.miantit{
    font-size:36px;
    font-weight:700; text-align: center; color: #333}


.jjfn{ background-image: url("../image/jjfa.png"); width: 100%; height: 500px; background-repeat: no-repeat; background-position: 453px  center;}
.onepos{ width: 383px; position: absolute;}
.onepos h2{ font-size: 20px; line-height: 36px; font-weight: normal;}
.onepos p{ font-size: 16px; line-height: 25px; font-weight: 300; padding-top: 10px; color: #666666}
.pos1{ left: 0px; top: 0px;}
.pos2{ left: 0px; bottom: 50px;}
.pos3{ right: 0px; top: 0px; text-align: right;}
.pos4{ right: 0px; bottom: 50px; text-align: right;}
.mainbox{ margin-top: 100px;}
.casetit { font-size: 20px; width: 390px; margin: 0 auto; margin-top: 40px;}
.casetit li{ float: left; margin-left: 10px; margin-right: 10px; width: 110px; text-align: center; cursor: pointer; line-height: 40px;}
.chocasetit{ border-bottom: 4px solid #1891fc}
.casemain{  background-color: #ededed; padding-bottom: 50px;}
.casemain .box{ display: none}
.casemain .f3{ margin-top: 50px; margin-bottom: 50px;}
.caseone{ height: 340px; width: 100%; background-color: #fff; position: relative;}
.caseimg{ width: 100%; height: 200px; background-size: 100%; background-position: center center;}
.caseimg img{ width: 100%}
.casedec h2{ text-align: left; font-weight: 700; font-size: 16px; margin-top: 10px; line-height: 30px; padding-left: 10px; padding-right: 10px; color: #333}
.casedec p{ text-align: left;font-size: 14px; line-height: 26px;padding-left: 10px; padding-right: 10px; color: #666}
.casemore{ font-size: 14px; height: 30px; width: 82px; background-color: #1891fc; text-align: center; line-height: 30px; display: block;

  color: #fff; position: absolute; bottom: 10px;right: 10px;

}
.casereadmore{ text-align: center;font-size: 18px;}
.casereadmore a{ color: #515151; width: 120px; display: block; height: 40px;
line-height: 40px;
 border:1px solid #1891fc; color: #1891fc; margin: 0 auto; font-size: 16px;}
.casereadmore a:hover{ background-color: #1891fc; color: #fff; font-size: 18px;}
.newsmain{ padding-top: 50px; padding-bottom: 50px;}
.newsleft{ width: 568px; height: 387px; margin-top: 30px; background-image: url(../image/1.jpg);
  background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;
}
.newsrig{ width: 600px; margin-top: 30px;}
.datek{ width: 87px; height: 94px; background-color: #1891fc; text-align: center; color: #fff}
.datek b{ font-size: 40px; font-weight: 800; line-height: 60px;}
.datek p{ font-size: 20px; font-weight: 300;}
.newsone{ margin-top: 25px; margin-bottom: 25px;}
.rigword{ width: 477px;}
.rigword h2 a{ color: #1280e1; font-size: 20px;}
.rigword { font-size: 16px; line-height: 30px; color: #666}
.bottj{ height: 100px; width: 100%; background-color: rgba(0,0,0,0.7); bottom: 0px; left: 0px;position: absolute; color: #fff}
.bottj h3,.bottj p{ padding-left: 10px; padding-right: 10px; padding-top: 10px;}
.bottj h3{ font-size: 20px;}
.bottj p{ font-size: 16px; line-height: 23px;}
.hbmain{ width: 100%; height: 100%;}
.hbmain .f5{ height: 248px;  background-repeat: no-repeat; background-position: center center;

position: relative; background-size: cover; overflow: hidden;
}
.lxwmben{ height: 40px; width: 150px; margin: 20px auto; border:1px solid #fff;line-height: 40px; font-size: 16px;color: #fff; text-align: center; display: block;



}
.lxwmben:hover{ background-color: #fff; color: #1a97f0}
.vidpos{ color: #fff; padding-top: 200px; width: 55%; margin: 0 auto}
.vidpos h2{ font-size: 30px; font-weight: 700; line-height: 40px}
.vidpos h3{ font-size: 20px; line-height: 30px; margin-top: 30px; font-weight: 300}
.videopos {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 888;
    transition: 1s;
    top: 0px;
}
#nextcase{ width: 100%; height: 100%; overflow: hidden;}
.postopone{height: 100%; width: 100%; position: absolute; top:0px; background-color: rgba(0, 0, 0, 0.5);opacity: 0}
.hover2 .postopone{ display: block;opacity: 0.9;z-index: 9}
.posf5{ overflow: hidden; height: 100%; z-index: 99; position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.67); cursor: pointer; color: #fff; text-align: center;}
.posf5 h2{
  font-size: 18px; padding-left: 20px; padding-right: 20px; line-height: 40px; margin-top: 30px;}
.posf5 p{ font-size: 14px; line-height: 1.5em; padding-left: 20px; padding-right: 20px;}
.recase{ width: 120px; height: 40px; background-color: #fff; color: #000; margin: 0 auto;

 text-align: center; display: block; line-height: 40px; margin-top: 10px; font-size: 14px;}
.hbmain .f5:hover,.caseone:hover .caseimg{ background-position: 0px 0px;}
/*.hbmain .f5:hover .posf5{ opacity: 1;}
*/
.indexhbmain .posf5{opacity: 0;top: 0%;}

.indexhbmain .f5:hover .posf5{opacity: 1;top: 0%;}

.botslogn{ height: 300px; background-image: url('../image/botslogn.jpg');    background-size: cover;}
.ztbotslogn{ height: 300px; background-image: url('../image/ztslo1.jpg'); background-size: cover;}
.botslogn h2,.botslogn p,.ztbotslogn p{ text-align: center; color: #fff; font-weight: 700}
.botslogn h2{ padding-top: 100px; font-size: 30px;}
.botslogn p,.ztbotslogn p{ font-size: 20px; line-height: 46px;}
.ztp{ width: 55%; margin: 0 auto; line-height: 30px!important; padding-top: 73px;}



.avabox{ width: 150px; height: 150px; background-color:red; margin: 0 auto; border-radius: 100%; background-repeat: no-repeat; 
  background-position: center center; background-size: cover;border:5px solid #fff;

}
.avabox:hover{ background-position: 0px 0px;}

.avatit{ width: 100%; line-height: 30px; font-size: 25px; text-align: center; padding-top: 20px;}
.avatit span{ font-size: 16px; color: #666} 
.insidebanner{ background-image: url("../image/insidebanner.jpg"); height: 250px; width: 100%; background-position: center center;
  text-align: center; color: #fff;cursor:pointer;
}
.insidebanner h2{ font-size: 30px; font-weight: 700; line-height: 40px; padding-top: 70px;}
.insidebanner h3{ font-size: 20px; font-weight: 300; line-height: 50px}
.insidebanner:hover{ background-position: -5px -5px;}
.insidebanner:hover img{ margin-top: 20px;}
.casedetial{ padding-top: 20px; padding-bottom: 90px;}
.rigtit{ width: 1075px; height: 298px; background-color: #fff; box-shadow: 3px 5px 19px rgba(0, 0, 0, 0.28)}
.posimg{ width: 590px; height: 330px; position: absolute; top: 30px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover}
.posimg:hover{ background-position: 10px 10px}
.caserigtit{ width: 586px;}
.caserigtit h1{ font-size: 25px; line-height: 2em; font-weight: 700; margin-top: 20px;}
.caserigtit p{ line-height: 48px; font-size:16px; color: #666}
.caserigtit p a{ background-color: #1891fc; color: #ffffff; font-size: 16px; padding: 6px; margin-right: 4px; }

.casesecone{ padding-top: 60px;}
.twotit{ font-size: 20px; font-weight: 700; margin-top: 20px;}
.casesec p{ font-size: 16px; line-height: 1.8em; color: #333}
.casesecp{ padding-top: 30px;font-size: 16px; line-height: 1.8em; color: #333}
.casesecmain{ padding-top: 20px; position: relative;}
.caseswiper-container{ width: 100%;   margin: 0 auto; overflow: hidden;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;}
.caseimgone{ height: 250px; width: 100%; position: relative; overflow: hidden; background-image: url('../image/case02.jpg'); background-size: cover; background-position: center center;}
.newslist{ padding-top: 30px; padding-bottom: 0px;}

.whonext{ font-size: 30px; line-height: 344px;}
.detailsbox{ padding-top: 30px; padding-bottom: 30px;}
.newstit{ font-size: 26px; font-weight: 700; text-align: center; color: #333}
.subheading{ text-align: center; display: block; line-height: 30px; font-size: 16px; color: #666; padding-top: 20px; padding-bottom: 20px;}
.contpad{ padding-top: 10px; padding-bottom: 20px; line-height: 2em; font-size: 16px; color: #333}
.contpad p{ line-height: 24px; font-size: 16px; margin-top: 15px; color: #333}


.page{ padding-top: 90px; }
.aboutmain{ width: 702px; height: 702px; background-color: #fff; box-shadow: 3px 5px 19px rgba(0, 0, 0, 0.28);position: relative;}
.posab{ height: 650px; width: 560px; position: absolute; top: 100px;
 background-image: url('../image/posab.jpg'); background-size: cover; background-position: center center; z-index: 999}
 .abrigpad{ padding-left: 90px; padding-right: 60px; }
 .rigtopbg{ text-align: center; padding-top: 50px; padding-bottom: 50px;}

 /*滚动条样式*/
        .abrigpad p::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
        .abrigpad p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .abrigpad p::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }

 .abrigpad p{  height: 340px;overflow-y: scroll; color: #333; font-size: 20px; line-height: 38px; text-indent: 2em}
 .rigbot{ padding-top: 20px; width: 100%; text-align: left; position: absolute; bottom:40px; text-align: center;}
.tdjs{ padding-top: 120px;}
.tdjs h2{ text-align: center; font-size: 24px; font-weight: 700}
.jscont{ width: 292px; height: 500px; background-color: #ebebeb; margin-top:30px; position: relative;}
.posava{ width: 260px;z-index: 99; height: 260px; background-repeat: no-repeat; position: absolute; background-image: url(../image/ava.jpg); background-size: cover; background-position: center center;

}
.jsocntpad{ padding-top: 250px; padding-left: 25px; padding-right: 25px; text-align: left;}
.jsocntpad h2{ font-size: 24px;text-align: left; line-height: 40px; color: #333}
.jsocntpad h3{ font-size: 20px;text-align: left; line-height: 40px;color: #333}
.jsocntpad p{color: #666; font-size: 16px; line-height: 22px; padding-top: 20px;}
.retd{ width: 120px; height: 40px; display: block; background-color: #1891fc; color: #fff; text-align: center; line-height: 40px; position: absolute;
  left: 25px; bottom: 25px; font-size: 14px;
}
.tdjs .f3pad{ width: 100% }
.tdjs .f3pad:hover .jscont{ background-color: #1891fc; color: #fff!important}
.tdjs .f3pad:hover h2,.tdjs .f3pad:hover p,.tdjs .f3pad:hover h3{color: #fff!important}
.tdjs .f3pad:hover .retd{ background-color: #fff; color:#1891fc }
.tdjs .f3pad:hover .posava{ background-position: 10px 10px;}
.caseswiper-container .swiper-slide{ background-color: #f2f2f2}
.caseswiper-container{ position: relative;}
.next,.prev{ height: 38px; width: 38px; position: absolute; z-index: 999; cursor: pointer; opacity: 0.8}
.prev{left: -45px; top: 50%;}
.next{right: -45px; top: 50%;}
.f2{ width: 50%}
#allmap{ width: 100%; height: 480px; }
.contactpad{ padding-left: 50px}
.listcon{ margin-top: 20px;}
.listcon p strong{ font-weight: 700; font-size: 24px;}
.listcon p span{ display: block; font-size: 20px;line-height: 30px; width: 150px; text-align: center;}
.listcon p:hover{ background-position: 5px;}
.ewmbox img{ width: 150px; height: 150px;}
.telicon,.emicon,.addricon,.qqicon{ padding-left: 40px; background-position: 0 center; background-size: 25px; background-repeat: no-repeat;}
.telicon{ background-image: url('../image/telicon.png');}
.emicon{ background-image: url('../image/emicon.png');}
.addricon{ background-image: url('../image/addricon.png');}
.qqicon{ background-image: url('../image/qqicon.png');}
.contactpad h1{ font-size: 36px; color: #000; font-weight: 700; font-family: fantasy; border-bottom: 1px solid #cdcdcd; line-height: 55px; margin-bottom: 10px;}
.contactpad p{ line-height: 50px; font-size: 18px;}
.conpage{ background-color: #f2f2f2; padding-top: 90px; padding-bottom: 90px;}
.ztbanner1,.ztbanner,.ztbanner2,.ztbanner3{width: 100%; height: 600px; background-position: center center; background-size: cover;}
.ztbanner{ background-image: url(../image/xmtyybanner.jpg);  }
.ztbanner1{ background-image: url(../image/xmtyybanner1.jpg);  }
.ztbanner2{ background-image: url(../image/zhyxbanner.jpg);  }
.ztbanner3{ background-image: url(../image/twpsbanner.jpg);  }
 .ztbusiness{ height: 300px;}
.ztbusone01{ background-image: url(../image/wx.png);}
.ztbusone02{ background-image: url(../image/wb.png);}
.ztbusone03{ background-image: url(../image/xhs.png);}
.ztbusone04{ background-image: url(../image/zb.png);}

.ztbusone01:hover{ background-image: url("../image/wxhov.png");}
.ztbusone02:hover{ background-image: url("../image/wbhov.png");}
.ztbusone03:hover{ background-image: url("../image/xhshov.png");}
.ztbusone04:hover{ background-image: url("../image/zbhov.png");}

.ztbusiness .busone{ height: 300px;    background-position: center 170px;}
.ztmain{ text-align: center;}
.zttit h2{ font-size: 30px; font-weight: 700}
.zttit p { font-size: 16px; color: #666; width: 30%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; line-height: 24px;


}
.ztcw{margin-top: 90px; padding-bottom: 70px;}
.leiztmg{ width: 612px; height: 417px;}
.posztword{ width: 698px; height: 445px; background-color: #fff; position: absolute; top: 30px;right: 0px;box-shadow: 3px 5px 19px rgba(0, 0, 0, 0.28)}
.posztword2{box-shadow: 3px 5px 19px rgba(0, 0, 0, 0.28); background-color: #fff; position: absolute; top: 30px; left: 0px; width: 697px; height: 440px;}
.posztpad{ padding: 45px; text-align: left;}
.posztpad h3{ font-size: 30px;font-weight: 700; padding-top: 20px; padding-bottom: 20px;}
.posztpad p{ color: #666; font-size: 20px; line-height: 38px; margin-top: 10px}
.hzkh{background-color: #ffffff; padding-bottom: 40px; padding-top: 30px;}
.hzkh .zttit{ padding-top: 30px; text-align: center;}
.hzkh .box{ padding-top: 30px;}
.hzone{ height: 80px; background-size: contain; background-position: center center;
  background-repeat: no-repeat;
}
.wxmain .hzkh{ /*margin-top: 60px*/}
.ztcasemain{ padding-top: 50px; padding-bottom: 50px;}
.ztcasemain .zttit{ padding-bottom: 30px;}
.phlist .zttit{ padding-top: 60px; padding-bottom: 60px;}
.casereadmore{ padding-top: 20px;}




.toplist{ text-align: center;}
.topicon{ width: 90px; height: 90px; margin: 0 auto;
background-position: 50% 50%; background-repeat: no-repeat;}
.topone{ margin-top: 30px; cursor: pointer;}
.topone h3{ line-height: 60px; font-size: 20px; font-weight: 700}
.topone p{ font-size: 16px; color: #666; font-weight: normal;}
.topone:hover .topicon{ background-position: 10px 10px;}
.lcgl{ padding-top: 30px;}
#allmap{ border:6px solid #fff;box-shadow: 1px 1px 1px #cdcdcd}

.hzp{ font-weight: 300}
.ztbotslogn h3{ text-align: center; font-size: 25px; color: #fff; padding-top: 30px;}
.ztbotslogn div{ color: #fff; width: 800px; margin: 0 auto; text-align: center; line-height: 28px; padding-top: 30px;}

.zhwhat{ padding-top: 60px;}
.zhtab{ width: 560px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; font-size: 20px; line-height: 40px; cursor: pointer;}
.zhtab .chozh{ background-color: #1891fc; color: #fff; font-weight: 700;}
.zhimg{ width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.zhword{ width: 700px; margin: 0 auto; font-size: 20px; font-weight: 700; line-height: 30px; color: #333; padding-top: 60px; padding-bottom: 60px;}
.zhword span{ font-size: 30px; font-family: 宋体}
.xybk{ width: 100%;background-size: cover; padding-bottom: 20px; background-image: url(../image/yxbkbg.jpg); background-repeat: no-repeat; background-position: center center;}
.xytop{ height: 90px; border-bottom: 1px solid #fff}
.xytit { text-align: left;}
.xytit span{ font-size: 30px;line-height: 90px; color: #fff; font-weight: 700;}
.xytit b{ color: #888888;font-size: 14px; font-weight: normal;}
.rigmnpre{ display: none}
.rigmnpre a{ line-height: 90px; font-size: 16px; color: #999; font-weight: normal;}
.bkpad{ padding-right: 15px; padding-top: 15px;}
.mainone{ width: 100%; height: 260px; background-color: rgba(225,225,225,.25);border:1px solid #5b5b5b;}
.mainonepad{ padding:15px; text-align: left;}
.mainone a{ color: #fff}
.mainonepad h2{ font-size: 20px; font-weight: normal; padding-top: 20px; line-height: 24px;}
.mainonepad p{ font-size: 16px; line-height: 24px; font-weight: 300; margin-top: 20px; color: #888}
.mainone:hover{ background-color: #1891fc}
.mainone:hover p{ color: #fff}


.phone{ height: 280px;width: 100%;position: relative; overflow: hidden;background-position: center center; background-size: cover; background-repeat: no-repeat;}
.phmain{ padding-top: 30px; padding-bottom: 30px;}
.poph{ width: 100%; height: 280px; background-color: rgba(63,165,255,0.5); color: #fff; position: absolute; top: 0px;}
.poph h3{ font-size: 18px; padding-top: 100px;}
.poph h2{ font-size: 36px; font-weight: 700;}
/*.phone:hover{ background-position: 10px 10px}*/
.phone:hover .poph{ top: 100%;}

.zym{ width: 50%; text-align: center; font-size: 30px; color:#666; line-height: 1.8em; margin-top: 20px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.posalt{ cursor: pointer; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.8); top: 100%; }
.posalt p { padding-top: 80px; text-align: center; width: 70%; margin: 0 auto;color: #fff;}
.caseimgone:hover .posalt{ top: 0px;}

#mcase{ display: none;}

.da-thumbs {
  list-style: none;
  width: 100%;
  position: relative;
  padding: 0;
}
.da-thumbs li {
  float: left;
  background: #fff;
  position: relative;
  margin-right: 5px;
  margin-top: 5px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 

}
.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
  width: 100%;
}
.da-thumbs li a {
  overflow: hidden;
  width: 100%;
  height:100%;
}
.da-thumbs li a div {
  position: absolute;
  background: #333;
  background: rgba(75,75,75,0.7);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 100%
}
.da-thumbs li a div span {
}

#mcase{ display: none}

.BMapLib_ap tr,.BMapLib_ap td{ height: 20px}
.BMapLib_ap td{ padding-left: 10px; padding-top: 4px;}
.BMapLib_ap td div{ padding-top: 5px;}