@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.case_bg{background: url(../images/case_bg.gif) no-repeat center 0;overflow: hidden;padding: 96px 0 0;}
.case_t{font-size: 40px;color: #333;text-align: center;line-height: 40px;height: 90px;overflow: hidden;}
.case_t a{color: #333;}
.case_t span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 5px 0 0;}
.case01{padding: 52px 0 0;}
.case01 .case_dl{height: 422px;}
.case01 .case_dl dt{width: 670px;height: 386px;float: right;line-height: 0;overflow: hidden;margin: 0 10px 0 0;}
.case01 .case_dl dt img,.jz_m dl dt img,.news01 dl dt img,.about dl dt img,.photo_r ul li img{width: 670px;height: 386px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case01 .case_dl dt img:hover,.jz_m dl dt img:hover,.news01 dl dt img:hover,.about dl dt img:hover,.photo_r ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case01 .case_dl dd{width: 515px;float: left;padding: 40px 0 0;}
.case01 .case_dl dd h5{height: 74px;background: url(../images/case_line.gif) no-repeat 0 10px;padding: 6px 0 0 25px;line-height: 36px;}
.case01 .case_dl dd h5 a{font-size: 32px;color: #333;}
.case01 .case_dl dd h5 i{display: block;font-size: 24px;color: #ccc;text-transform: uppercase;}
.case01 dd ul{padding: 15px 0 0;height: 160px;}
.case01 dd ul li{height: 40px;line-height: 40px;width: 200px;float: left;overflow: hidden;}
.case01 dd ul li a{font-size: 16px;color: #333; font-weight:800;}
.case01 dd ul li a:hover,.case01 .case_dl dd span a:hover,.case01 .case_dl dd p a:hover{color: #018790;}
.case01 .case_dl dd span{display: block;width: 70px;height: 30px;line-height: 30px;border-bottom: #333 1px solid;margin-top: 20px;}
.case01 .case_dl dd span a{font-size: 14px;color: #666;text-transform: uppercase;font-weight:800;}
.case01 .case_dl dd p{font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding: 15px 0 0;font-weight:800;}
.case01 .case_dl dd p a{color: #666;}
.case01_m{padding: 38px 0 0;}
.case01_m dl{width: 386px;height: 290px;position: relative;margin: 0 19px 0 0;float: left;}
.case01_m dl dt{width: 386px;line-height: 0;position: relative;}
.case01_m dl dt img{width: 386px;height: 290px;}
.case01_m dl dt h4{font-size: 16px;color: #fff;height: 40px;line-height: 40px;width: 386px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: absolute;bottom: 0;left: 0;font-weight: normal;background: rgba(0,0,0,0.5);
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case01_m dl dd{background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 316px;padding: 0 35px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case01_m dl dd a{display: block;color: #fff;}
.case01_m dl dd h5{height: 86px;line-height: 120px;overflow: hidden;text-align: center;font-size: 18px;width: 316px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom: #aaa 1px solid;font-weight: normal;}
.case_desc{font-size: 14px;line-height: 30px;height: 150px;overflow: hidden;padding: 15px 0 0;}
.case01_m dl:hover dd{height: 290px;}
.case01_m dl:hover dt h4{height: 0;}
.case_bot{padding: 35px 0 0;width: 300px;margin: 0 auto;}
.case_bot a{display: block;float: left;width: 30px;height: 30px;border-radius: 50%;background: #f5f5f5;-webkit-transition:all .3s;transition:all .3s;outline:none;}
.case_bot a:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.case_bot a img{display: block;width: 10px;height: 16px;margin: 0 auto;padding: 7px 0 0;line-height: 0;}
.case_bot .hz_lico{margin-right: 18px;}
.case_bot .hz_rico{margin-left: 10px;}
.case_bot ul li{background:#333;width: 10px;height: 10px;float: left;margin-right: 10px; cursor: pointer;text-indent:-99999px;margin-top: 9px;border-radius: 50%;}
.case_bot ul li.on{background:#018790;}
.case02{padding: 54px 0 0;}
.case02 .case_dl dt{float: left;margin: 0 0 0 40px;}
.case02 .case_dl dd{float: right;width: 450px;}
.case02 dd ul li{width: 150px;}

/*合作客户*/
.hz{background: url(../images/hz_bg.jpg) no-repeat center 0;height: 482px;overflow: hidden;}
.hz_t{height: 110px;line-height: 110px;overflow: hidden;text-align: center;}
.hz_t a{font-size: 30px;color: #fff;}
.hz ul{width:720px;display:block;margin:0 auto;}
.hz ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #bfbfbf 1px solid;position: relative;}
.hz ul li a{ display:block; position:relative;width: 240px;height: 135px;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #bfbfbf;position: absolute;top: 0;right: 0;z-index: 2;}
.hz ul li img{width: 240px;height: 135px;}
.hz ul li:nth-child(3n) a:before{background: none;}
.hz ul li a:hover:after{content: "";width: 240px;height: 135px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 3;}
.hz_bot{padding: 30px 0 0 345px;}
.hz_bot p{font-size: 16px;color: #fff;background: url(../images/hz_tel.png) no-repeat;float: left;width: 320px;padding-left: 50px;line-height: 32px;}
.hz_bot p b{font-size: 30px;font-family: "DINOT";}
.hz_bot em{display: block;width: 146px;float: left;}
.hz_bot em a{display: block;font-size: 16px;color: #fff;width: 146px;text-align: center;height: 34px;line-height: 34px;background: #018790;overflow: hidden;border-radius: 10px;}
.hz_bot em a:hover,.ys_m dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/**/
.jishu_bg{padding: 90px 0;overflow: hidden; height:600px;}
.jishu_l{width: 290px;margin: 50px 0 0;}
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.jishu01{width: 650px;height: 150px;position: absolute;top: 0;right: 0;background: #018790;}
.jishu02{top: 151px;}
.jishu03{top: 302px;}
.jishu01 dl{width: 290px;float: right;color: #fff;}
.jishu01 dl dt{width: 70px;height: 70px;float: left;line-height: 0;overflow: hidden;margin-top: 35px;}
.jishu01 dl dt img{width: 70px;height: 140px;-webkit-transition:all .5s;transition:all .5s;}
.jishu01 dl dd{padding: 25px 0 0 20px;width: 185px;float: left;}
.jishu01 dl dd b{font-size: 18px;}
.jishu01 dl dd p{font-size: 14px;color: #dde4e6;line-height: 22px;height: 66px;overflow: hidden;padding: 10px 0 0;}
.jishu01 dl:hover{color: #333;}
.jishu01 dl:hover dt img{margin-top: -70px;}
.jishu01 dl:hover dd p{color: #8c8a8a;}

.jishu_r{width: 903px;margin-top: 50px;}
.jishu_r dl{width: 286px;height: 381px;background: #ededed;padding: 71px 0 0;float: left;position: relative;margin-left: 6px;}
.jishu_r dl dt{width: 286px;height: 381px;line-height: 0;}
.jishu_r dl dt img{width: 286px;height: 381px;}
.jishu_r dl dd{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 216px;padding: 0 35px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.jishu_r dl dd a{display: block;height: 452px;color: #fff;}
.jishu_r dl dd span{display: block;font-size: 12px;color: #b4b4b4;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;padding: 50px 0 0;}
.jishu_r dl dd b{display: block;font-size: 20px;color: #fff;height: 30px;line-height: 30px;}
.jishu_r dl dd h5{font-size: 16px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;background: url(../images/jishu_line.gif) no-repeat 0 48px;font-weight: normal;}
.jishu_r .jishu_desc{font-size: 14px;color: #fff;line-height: 30px;padding: 20px 0 0;height: 120px;overflow: hidden;}
.jishu_r dl dd em{display: block;width: 118px;height: 34px;line-height: 34px;text-align: center;border: #fff 1px solid;margin-top: 30px;font-size: 12px;}
.jishu_r dl dd em:hover{background: #018790;border: #018790 1px solid;}
.jishu_r dl:hover dd{height: 452px;}
.jishu_btn{width: 80px;height: 76px;position: absolute;top: 516px;right: -80px;}
.jishu_btn a{display: block;width: 80px;height: 38px;}
.jishu_btn .jishu_lico{background: url(../images/jishu_lico01.gif) no-repeat;}
.jishu_btn .jishu_lico:hover{background: url(../images/jishu_lico02.gif) no-repeat;}
.jishu_btn .jishu_rico{background: url(../images/jishu_rico02.gif) no-repeat;}
.jishu_btn .jishu_rico:hover{background: url(../images/jishu_rico02.gif) no-repeat;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.gif) no-repeat center 250px;height: 852px;overflow: hidden;}
.ys_t{padding: 50px 0 0;height: 110px;}
.ys_t ul li{width: 300px;float: left;color: #333;cursor: pointer;line-height: 26px;height: 70px;overflow: hidden;}
.ys_t ul li em{display: block;float: left;width: 46px;height: 45px;line-height: 0;overflow: hidden;padding-right: 14px;}
.ys_t ul li em img{width: 46px;height: 90px;-webkit-transition:all .5s;transition:all .5s;}
.ys_t ul li b{display: block;float: left;font-size: 24px;width: 230px;}
.ys_t ul li i{display: block;font-size: 12px;color: #666;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line02.gif) no-repeat 0 58px;color: #018790;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -45px;}
.ys_t ul li:hover i,.ys_t ul li.on i{color: #a3c8cc;}
.ys_m{height: 602px;}
.ys_m dl{position: relative;}
.ys_m dl dt{width: 1070px;height: 602px;position: absolute;top: 0;right: 50%;margin-right: -110px;}
.ys_m dl dt img{width: 1070px;height: 602px;}
.ys_m dl dd{width: 640px;height: 430px;background: #fff;position: absolute;top: 85px;left: 605px;z-index: 10;padding: 50px 0 0 60px;}
.ys_m dl dd h5{height: 90px;font-size: 40px;color: #333;font-weight: normal;position: relative;z-index: 1;background:url(../images/ys_line03.gif) no-repeat 0 86px;line-height: 70px; margin-bottom:20px;}
.ys_m dl dd h5 i{display: block;font-size: 36px;color: #f0f0f0;text-transform: uppercase;position: absolute;top: 0;left: 0;z-index: -1;line-height: 30px; font-family:"Times New Roman", Times, serif;}
.ys_m dl dd p{font-size: 16px;color: #333;line-height: 36px;width: 480px;height: 36px;overflow: hidden; padding:0 0 0 5px;}
.ys_m dl dd span{display: block;width: 140px;padding: 40px 0 0;}
.ys_m dl dd span a{display: block;width: 140px;text-align: center;height: 40px;line-height: 40px;background: #018790;overflow: hidden;font-size: 14px;color: #fff;}
.ys_m dl dd b{display: block;font-family: "DINOT";font-size: 237px;color: #f7f7f7;line-height: 250px;position: absolute;bottom: 0;right: 0;}

/*客户见证*/
.jz_bg{background: url(../images/jz_bg.jpg) no-repeat center 0;height: 605px;overflow: hidden;padding: 85px 0 0;}
.jz_m{padding: 50px 0 0;width: 1000px;overflow: hidden;margin: 0 auto;}
.jz_m dl{width: 470px;float: left;margin-right: 60px;}
.jz_m dl dt{width: 470px;height: 271px;line-height: 0;overflow: hidden;}
.jz_m dl dt a{display: block;width: 454px;height: 255px;border: #fff 8px solid;overflow: hidden;}
.jz_m dl dt a:hover{border: #018790 8px solid;}
.jz_m dl dt img{width: 454px;height: 255px;}
.jz_m dl dd{width: 470px;}
.jz_m dl dd h5{height: 54px;line-height: 54px;overflow: hidden;border-bottom: #e0e0e0 1px dashed;}
.jz_m dl dd h5 a{font-size: 18px;color: #333;font-weight: normal;}
.jz_m dl dd h5 a:hover{color: #018790;}
.jz_m .jz_desc{font-size: 14px;color: #666;line-height: 30px;height: 60px;overflow: hidden;padding: 12px 0 0;}
.jz_m dl dd em{display: block;width: 130px;padding: 25px 0 0;}
.jz_m dl dd em a{display: block;font-size: 14px;color: #666;width: 128px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;border: #ccc 1px solid;text-transform: uppercase;}
.jz_m dl dd em a:hover{background: #018790;color: #fff;border: #018790 1px solid;}
.jz b{display: block;width: 50px;height: 60px;position: absolute;top: 235px;}
.jz b a{display: block;width: 50px;height: 60px;}
.jz_lico a{background: url(../images/jz_lico01.gif) no-repeat;}
.jz_lico a:hover{background: url(../images/jz_lico02.gif) no-repeat;}
.jz_rico a{background: url(../images/jz_rico01.gif) no-repeat;}
.jz_rico a:hover{background: url(../images/jz_rico02.gif) no-repeat;}
.jz_lico{left: 50px;}
.jz_rico{right: 50px;}

/*新闻动态*/
.news{padding: 90px 0 80px;}
.news_t{height: 50px;line-height: 50px;overflow: hidden;background: url(../images/news_line01.gif) repeat-x 0 25px;font-weight: normal;}
.news_t a{font-size: 14px;color: #333;display: block;float: left;width: 66px;height: 50px;background: #fff;}
.news_t a:hover{color: #018790;}
.news_t span{float: right;}
.news_t span a{text-align: right;text-transform: uppercase;}
.news01{width: 570px;float: left;}
.news01 dl dt{width: 570px;height: 285px;overflow: hidden;line-height: 0;}
.news01 dl dt img{width: 570px;height: 285px;}
.news01 dl dd{margin-top: 20px;width: 570px;border: #ececec 1px solid;padding: 10px 0;}
.news01 dl dd span{display: block;float: left;height: 53px;width: 90px; font-size: 14px; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 32px;padding: 15px 0 0;color: #666; font-family:Arial, Helvetica, sans-serif;text-align: center;}
.news01 dl dd span b,.news02 dt b{display: block;font-size: 50px;}
.news01 .news_r{width: 445px;float: left;padding: 0 0 0 20px; overflow:hidden;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: #333;}
.news dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dl dd h5 a:hover{ color: #018790;}
.news_desc{font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden;padding: 5px 0 0;} 
.news02{ width:580px;}
.news02 dl{background: #fff; width:578px;height: 108px;overflow: hidden;border: #ebebeb 1px solid;margin-bottom: 23px;}
.news02 dt{float: left;width: 112px;border-right: #ebebeb 1px solid;height: 78px;text-align: center; font-size: 14px;color: #666;font-family:Arial, Helvetica, sans-serif;line-height: 34px;padding: 30px 0 0;}
.news02 dt b{color: #333;}
.news02 dd{width: 420px;padding: 12px 0 0 15px;float: left;}
.news02 dl:hover{background: #018790;}
.news02 dl:hover dt,.news02 dl:hover dt b{color: #fff;}
.news02 dl:hover dd h5,.news02 dl:hover .news_desc{color: #fff;}

/*关于得水*/
.ab_bg{background:url(../images/ab_bg.gif) no-repeat center 0;height: 626px;overflow: hidden;padding: 55px 0 0;}
.about dl{margin-top: 50px;}
.about dl dt{width: 774px;height:435px;float: left;line-height: 0;overflow: hidden;}
.about dl dt img{width: 774px;height:435px;}
.about dl dd{width: 375px;float: left;padding: 0 0 0 30px;}
.about dl dd h5{height: 60px;line-height: 60px;overflow: hidden;background:url(../images/ab_line.jpg) no-repeat 0 58px;}
.about dl dd h5 a{font-size: 40px;color: #e6e6e6;text-transform: uppercase; font-family:"Times New Roman", Times, serif;font-weight: normal;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 30px;height: 240px;overflow: hidden;padding: 12px 0 0;}
.about dl dd span{padding: 20px 0 0;display: block;}
.about dl dd span a{font-size: 14px;color: #018790;}

/*公司相册*/
.photo{padding: 40px 0;}
.photo_l{width: 150px;}
.photo_l ul li{width: 175px;height: 50px;line-height: 50px;overflow: hidden;padding: 0 0 30px;}
.photo_l ul li em{width: 50px;height: 50px;display: block;float: left;line-height: 0;overflow: hidden;background: #999;border-radius: 50%;margin-right: 15px;}
.photo_l ul li em img{width: 50px;height: 50px;}
.photo_l ul li a{display: block;font-size: 14px;color: #333;}
.photo_l ul li.on a{color: #018790;}
.photo_l ul li.on em{background: #018790;}
.photo_r{width: 1050px;overflow: hidden;}
.photo_r ul li{width: 255px;float: left;margin-right: 13px;}
.photo_r ul li em{width: 255px;height: 191px;display: block;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 255px;height: 191px;}
.photo_r ul li span{display: block;width: 242px;text-align: center;height: 30px;line-height: 30px;font-size: 16px;color: #333;overflow: hidden;padding: 10px 0 0;}

/*友情链接*/
.f_link{height: 70px;line-height: 70px;overflow: hidden;background: #212121;}
.f_link b{display: block;float: left;font-size: 14px;color: #999;width: 80px;font-weight: normal;}
.f_link p{font-size: 14px;color: #999;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #999; padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}