.hbmain .f5,.posf5,.posf5 h2,.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;
}
body{ overflow-x: hidden;}
.hyjj,.datek,.pctdjs{ display: none;}
.mtdjs{ display: block;}
*{ font-weight: 300}
.text-c{ text-align:center; margin-top:10px;}
.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;
}
.chosenav .caret{
  transform:rotate(180deg);
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg); 
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg);
}
/*
.eject:hover .caret{   transform:rotate(180deg);
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg); 
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg);
}
*/

}
.banner{height: 800px; z-index: 12}
.business{
    height:430px;
    }
.bannerbox{ width: 100%; height: 236px; background-repeat: no-repeat; background-position: center center;background-size: cover; }
.busone{
    width:100%;
	/*修改
	 height:234px;
	 */
	height: 130px;
    background-color: #fff;
    cursor: pointer;
}
.swiper-pagination{ bottom: 30px!important;}
.swiper-button-next,.swiper-button-prev{ width: 30px!important; height: 30px!important; background-size: 100%}
.busbox{
    margin-top:10px;
	/*修改*/
    position: absolute;
    z-index:989;
    width:100%;background-size: 100%}
.busbox .f4{ width: 50%}    
.busone h2,.busone p{
    text-align: center; padding-left: 20px;
    padding-right:20px; line-height: 1.5em; height: 2em}
.busone h2{
    font-size:16px; font-weight:600; padding-top: 20px;}
.busone p{ font-size: 14px;
    line-height:22px;
    font-weight:300; padding-top: 20px;
	/*新增*/
	display: none;}
.busone:hover{ background-color: #1891fc;
    color: #fff;box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.18); background-size: 70px}
.busone{ background-position: center 90%; background-repeat: no-repeat;background-size: 30%;}
.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");}
/*新增*/
.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");}
/*新增*/
.aboutus{
    height:auto; width: 100%; background-image: url("../image/indexabindex.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center}
.aboutus .fl{
    width:100%; float: none; clear: both; padding-top: 20px;padding-bottom: 20px;}
.abtit{
    font-size:20px; font-weight: 700; color: #fff;
    margin-top:40px; padding-left: 6px;}
.abdes{
    font-size:16px;
    line-height:1.5em; color:#fff;
    margin-top:20px; font-weight: 300; padding-left: 6px; padding-right: 6px;}
.readmore{     width: 123px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    border:1px solid #fff;
    color: #fff;
    margin-top:20px;
    cursor: pointer; margin-left: 6px;}
.readmore:hover{ background-color: #fff;
    color: #000;}
.hyjj{
    margin-top:100px;
    height:500px;}
.miantit{
    font-size:26px;
    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: 16px; width: 90%; margin: 0 auto; margin-top: 40px;}
.casetit li{ float: left;width: 33.3%; text-align: center; cursor: pointer; line-height: 40px;}
.chocasetit{ border-bottom: 4px solid #1891fc; font-weight: 700; color: #1891fc;}
.casemain{  background-color: #ededed; padding-bottom: 20px;}
.casemain .box{ display: none}
.casemain .f3{ margin-top: 10px; margin-bottom: 10px; width: 100%}
.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; padding-top: 23px}
.casereadmore a{ color: #515151}

.newsmain{ padding-top: 50px; padding-bottom: 50px;}
.newsmain fl,.newsmain fr{ float: none;}
.newsleft{ width: 100%; height: 287px; margin-top: 30px; background-image: url(../image/1.jpg);
  background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;
}
.newsrig{ width: 100%; margin-top: 20px;}
.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: 15px; margin-bottom: 15px;}
.rigword{ width: 100%;}
.rigword h2 a{ color: #1280e1; font-size: 16px; font-weight: 700}
.rigword { font-size: 14px; line-height: 30px; color: #666}
.bottj{ height: 111px; 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: 18px;}
.bottj p{ font-size: 14px; line-height: 23px;}
.hbmain{ width: 100%}
.hbmain .f5{ height: 148px; width: 33.3%;  background-repeat: no-repeat; background-position: center center;

position: relative; background-size: cover; overflow: hidden;
}
.insidehbmain .f5{ width: 33.33333333333%}

.posf5{ overflow: hidden; height: 100%; top: 100%; position: absolute; width: 100%; background-color: rgba(0,0,0,0.6); cursor: pointer; color: #fff; text-align: center;}
.posf5 h2{
  font-size: 12px; padding-left: 5px; padding-right: 5px; line-height: 1.5em; margin-top: 5px;}
.posf5 p{ font-size: 14px; padding-left: 10px; padding-right: 10px; padding-top: 5px; display: none}
.recase{ width: 60px; height: 20px; line-height: 20px; margin: 0 auto; background-color: #fff; color: #000;margin-top: 5px; font-size: 12px;display: block;}
.posf5:hover{background-color: rgba(0,0,0,0.6);}
.indexhbmain{height:296px; overflow: hidden;}
.hbmain .f5:hover,.caseone:hover .caseimg{ background-position: 0px 0px;}
.hbmain .f5:hover .posf5{ top: 0px;}
.botslogn{ background-image: url('../image/botslogn.jpg'); padding-top: 20px; padding-bottom: 20px;    background-size: cover;}
.ztbotslogn{ height: 300px; background-image: url('../image/ztslo1.jpg'); background-size: 100%;}
.botslogn h2,.botslogn p,.ztbotslogn p{ text-align: center; color: #fff;}
.botslogn h2{ padding-top: 20px; font-size: 20px;}
.botslogn p,.ztbotslogn p{ font-size: 16px; line-height: 26px;}
.ztp{ width: 90%; 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: 150px; width: 100%; background-position: center center;
  text-align: center; color: #fff;cursor:pointer;
}
.insidebanner h2{ font-size: 20px; font-weight: 700; line-height: 1.5em; padding-top: 20px;}
.insidebanner h3{ font-size: 16px; font-weight: 300; line-height:  1.5em}
.insidebanner:hover img{ margin-top: 20px; }
.insidebanner img{ width: 30px;}
.casedetial{ padding-top: 20px; padding-bottom: 20px;}
.rigtit{ width: 100%; background-color: #fff; box-shadow: 3px 5px 19px rgba(0, 0, 0, 0.28)}
.posimg{ width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
/*.posimg:hover{ background-position: 10px 10px}*/
.casedetial .fr{ float: none;}
.caserigtit{ padding:10px;}
.caserigtit h1{ font-size: 24px; 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; line-height: 36px;    background-color: #cfcfcf;    color: #000;
    padding-left: 10px;}
.casesec p{ font-size: 16px; line-height: 1.8em; color: #333}
.casesecp{ padding-top: 30px;font-size: 16px; line-height: 1.8em; color: #333}
.casesecp img{ width: 100%!important;}
.casesecmain{ padding-top: 20px; position: relative; height: 100%;}
.caseswiper-container{ width: 100%; overflow: hidden;    margin: 0 auto;
    position: relative;
    overflow: hidden;
    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: 30px;}
.newslist .f3{ width: 100%}
.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; line-height: 1.5em}
.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: 20px; padding-bottom: 20px;}
.aboutmain{ width: 100%; padding-bottom: 30px; background-color: #fff; box-shadow: 3px 5px 19px rgba(0, 0, 0, 0.28);position: relative;}
.posab{ display: none;  height: 120px; width: 50%; position: absolute; top: -10px; left: 20px;
 background-image: url('../image/posab.jpg'); background-size: cover; background-position: center center; z-index: 999}
 .abrigpad{ padding-left: 10px; padding-right: 10px; }
 .rigtopbg{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
 .rigtopbg img{ width: 80%;}
 .abrigpad p{ color: #333; font-size: 18px; line-height: 1.8em; text-indent: 2em}
 .rigbot{ padding-top: 20px; width: 100%; text-align: left; position: absolute; bottom:40px; text-align: center; display: none}
.tdjs{ padding-top: 10px;}
.tdjs h2{ text-align: center; font-size: 24px; font-weight: 700}
.tdjs .f3pad{ padding: 0px; padding-top: 20px;}
.jscont{ width: 100%; height: 450px; background-color: #ebebeb; margin-top:30px; position: relative;}
.posava{ width: 200px;z-index: 99;background-repeat: no-repeat; position: absolute; background-image: url(../image/ava.jpg); background-size: cover; background-position: center center;

}
.jsocntpad{ padding-top: 200px; padding-left: 30px; padding-right: 30px; text-align: left;}
.jsocntpad h2{ font-size: 20px;text-align: left; line-height: 40px; color: #333}
.jsocntpad h3{ font-size: 16px;text-align: left; line-height: 40px;color: #333}
.jsocntpad p{color: #666; font-size: 16px; line-height: 22px; padding-top: 10px;}
.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: 28px; width: 28px; position: absolute; z-index: 999; cursor: pointer; opacity: 0.8}
.next img,.prev img{ width: 90%;}
.prev{left: 0px; top: 50%;}
.next{right:0px; top: 50%;}

#allmap{ width: 100%; height: 780px;}


.ztbanner1,.ztbanner,.ztbanner2,.ztbanner3{width: 100%; height: 250px; 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: 500px;}
.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: 226px;    background-position: center 170px;}
.ztmain{ text-align: center;}
.zttit h2{ font-size: 20px; font-weight: 700}
.zttit p { font-size: 14px; color: #666; width: 90%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; line-height: 1.5em;


}
.ztcw{margin-top: 10px; padding-bottom: 10px;}
.leiztmg{ width: 100%; height: auto; float: none;}
.posztword{ width: 100%; height: auto; 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: 100%; height: auto;}
.posztpad{ padding: 25px; text-align: left;}
.posztpad h3{ font-size: 20px;font-weight: 700; padding-top: 20px; padding-bottom: 20px;}
.posztpad p{ color: #666; font-size: 16px; line-height: 1.5em; margin-top: 10px}
.hzkh{background-color: #ffffff; padding-bottom: 40px; padding-top: 30px;}
.hzkh .zttit{ padding-top: 30px; text-align: center;}
.hzkh .f6{ width: 25%;}
.hzkh .box{ padding-top: 30px;}
.hzone{ height: 40px; background-size: cover; background-position: center center;
  background-repeat: no-repeat;
}
.wxmain .hzkh{ margin-top: 10px;}
.ztcasemain{ padding-top: 50px; padding-bottom: 50px;}
.ztcasemain .zttit{ padding-bottom: 30px;}
.ztcasemain .f3{ width: 100%}



.toplist{ text-align: center;}
.toplist .f4{ width: 50%; height: 150px;}
.toplist .f4 p{ line-height: 1.5em}
.topicon{ width: 50px; height: 50px; margin: 0 auto;
background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.topone{ margin-top: 30px; cursor: pointer;}
.topone h3{ line-height: 60px; font-size: 18px; font-weight: 700}
.topone p{ font-size: 14px; color: #666; font-weight: normal;}
.topone:hover .topicon{ background-position: 10px 10px;}
.lcgl{ padding-top: 20px;}
.lcgl img{ width: 100%;}

.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: 30px;}
.zhtab{ width: 95%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; font-size: 16px; 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;}
.zhimg img{ width: 80%;}
.zhword{ width: 100%; margin: 0 auto; font-size: 18px; font-weight: 700; line-height: 30px; color: #333}
.zhword span{ font-size: 30px; font-family: 宋体}
.xybk{ width: 100%; 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: 20px;line-height: 90px; color: #fff; font-weight: 700;}
.xytit b{ color: #888888;font-size: 12px; font-weight: normal;}
.rigmnpre{ display: none}
.rigmnpre a{ line-height: 90px; font-size: 12px; color: #999; font-weight: normal;}
.xymain .f3{ width: 100%;}
.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}
div.photopile-wrapper{ width: 100%!important}
.photopile .f5{ width: 50%;}

.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;}
.phmain .f3{ width: 100%;}
.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: 90%; text-align: center; font-size: 20px; 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;}
.vidpos{color: #fff;  width: 85%; margin: 0 auto}
.vidpos h2{ font-size: 16px; font-weight: 700; line-height: 1.5em; padding-top: 80px;}
.vidpos h3{ font-size: 14px; line-height: 1.5em; margin-top: 10px; font-weight: 300}
.answiper-container{ position: relative;}
.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;



}
.m_v{  background-image: url(../image/m_casenext.jpg); }
#pccase{ display: none}
.f2{ width: 100%}
#allmap{ width: 100%; height: 350px; }
.contactpad{ }
.listcon{ margin-top: 20px;}
.contactpad h1{ font-size: 36px; color: #00aaff; font-weight: 700; font-family: fantasy; border-bottom: 1px solid #cdcdcd; line-height: 55px; margin-bottom: 10px;}
.contactpad p{ line-height: 36px; font-size: 18px;}
.conpage .fl{ width: 100%; padding-top:20px; }