@charset "utf-8";

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

/**/
.pp_bg{ background:url(../images/pp_bg.gif) no-repeat center 0;height: 604px;overflow: hidden;}
.pp_bt{float: left;color: #333;width: 180px; padding:95px 0 0;}
.pp_bt b{display: block;font-size: 58px;width: 65px;text-align: center;line-height: 66px;float: left; margin-left:12px;}
.pp_bt span{display: block;float: left;font-size: 38px;width: 45px;text-align: center;line-height: 46px;font-weight: normal; padding:112px 0 0; margin-left:15px;}
.pp_r{width: 903px; padding:102px 0 0;}
.pp_r p{width: 903px;height: 349px; padding:0 0 15px;}
.pp_m{width: 903px;height: 60px;overflow: hidden;}
.pp_m ul li{width: 300px;float: left;line-height: 30px; background:url(../images/pp_ico.gif) no-repeat 0 6px;}
.pp_m ul li a{font-size: 14px;color: #333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0 0 25px;}
.pp_m ul{height: 60px;}

/*产品中心*/
.cp_bg{padding:90px 0;}
.cp_bt{font-weight: normal;height: 110px;text-align: center; line-height: 40px;font-size: 36px;color: #333;}
.cp_bt a{font-size: 36px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666; padding:10px 0 0;}
.cp_t{ padding:45px 0 0;height: 65px;}
.cp_t ul li{width: 240px;float: left;text-align: center; }
.cp_t ul li:nth-child(-n+2){background:url(../images/cp_bor.png) no-repeat right 3px;}
.cp_t ul li a{font-size: 20px;color: #000;}
.cp_t ul li a:hover,.cp_t ul li.on a{font-weight: bold;}
.cp_t .nobor{ background:none;}

.cp01{height: 482px;}
.cp01 h3{ padding:85px 0 0;height: 66px;line-height: 66px;overflow: hidden;font-weight: normal;}
.cp01 h3 a{font-size: 36px;color: #ddd;}
.cp01 span{display: block;font-size: 20px;color: #ddd; padding:5px 0 0;}
.cp01 .cp_desc{font-size: 12px;color: #d5cac2;line-height: 26px;height: 104px;overflow: hidden; text-indent:2em; padding:25px 0 0;width: 530px;}
.cp_pic{ padding:55px 0 0;}
.cp_pic ul li{width: 290px;float: left;line-height: 0; margin-left:18px;overflow: hidden;height: 275px;}
.cp_pic ul li em{display: block;width: 290px;height: 193px;overflow: hidden; border:#fff 3px solid;}
.cp_pic ul li em img,.news_m dl dd em img,.ab02 ul li img{
  width: 100%;
  /* height: 193px; */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_pic ul li em img:hover,.news_m dl dd em img:hover,.ab02 ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_pic ul li span{display: block;font-size: 14px;color: #666; border-bottom:#b3b3b3 2px solid;width: 290px;height: 42px;line-height: 42px;overflow: hidden; }
.cp_pic ul li:first-child{margin: 0;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:383px; overflow:hidden;}
.ban01 p{position: absolute;top: 220px;left: 15px;}
.ban01 p span{ display:block; font-size:30px; color:#fff;float: left;-webkit-text-stroke:1px #c8a98e; background:url(../images/ban_tel.png) no-repeat 20px 5px; padding:0 0 0 50px;font-weight: bold;line-height: 36px;}
.ban01 p em{ display:bloc k;float: left;width: 128px;}
.ban01 p em a{ font-size: 14px;color: #fff;display: block;width: 124px;text-align: center;height: 32px;line-height: 32px; border:#fff 2px solid; box-shadow:2px 2px 2px #c8a98e;}
.ban01 p em a:hover{background: #fff;color: #666;}

.ban02{ background:url(../images/ban02.jpg) no-repeat center 0;}
.ban02 p{top: 240px;left: 548px;}
.ban02 p span{ float:none; background:url(../images/ban_tel.png) no-repeat 0 6px; padding:0 0 0 30px; font-style:italic;}
.ban02 p em{ float:none; padding-bottom:10px;}
.ban02 p em a{width: 100px;height: 26px;line-height: 26px;}

.ban03{ background:url(../images/ban03.jpg) no-repeat center 0;}
.ban03 p{top: 240px;left: 10px;}

/**/
.four{ padding:90px 0 0;}
.four_m{ background:url(../images/four_bg.jpg) no-repeat;height: 808px;}
.four_m dl{position: absolute;}
.four_m dl dt{font-size: 24px;color: #333;height: 40px;line-height: 40px;overflow: hidden;}
.four_m dl dd{font-size: 16px;color: #666;line-height: 24px; padding-top:6px;}
.four_dl01{width: 255px;top: 118px;left: 10px;}
.four_dl01 dt{ background:url(../images/four_ico01.gif) no-repeat 180px 2px;}
.four_dl02{width: 245px;top: 580px;left: 10px;}
.four_dl02 dt{ background:url(../images/four_ico02.gif) no-repeat 195px 2px;}
.four_dl03,.four_dl04{width: 270px;top: 118px;right: 0;}
.four_dl03 dt{ background:url(../images/four_ico03.gif) no-repeat 0 2px; padding:0 0 0 45px;}
.four_dl03 dd,.four_dl04 dd{ padding-left:45px;}
.four_dl04{top: 610px;}
.four_dl04 dt{ background:url(../images/four_ico04.gif) no-repeat 0 2px;padding:0 0 0 45px;}
.four_m p{position: absolute;font-size: 30px;color: #333;text-align: center;width: 238px;}
.four_m p span{display: block;font-size: 12px;color: #fff;width: 238px;height: 26px;background: #707070;line-height: 26px;overflow: hidden; margin:15px 0 0;}
.four_m .four_p01{top: 320px;left: 305px;}
.four_m .four_p02{top: 320px;left: 678px;color: #fff;}
.four_m .four_p03{top: 520px;left: 460px;}

/*案例*/
.case_bg{ background:url(../images/case_bg.jpg) no-repeat center 0;height: 853px; padding:90px 0 0;overflow: hidden;}
.case .cp_bt{ background:url(../images/case_line.png) no-repeat center 101px;height: 156px;}
.case .cp_bt a,.case .cp_bt span{color: #fff;}
.case p{width: 27px;height: 49px;position: absolute;top: 416px; cursor:pointer;}
.case p img{width: 27px;height: 49px;}
.case p:hover img {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.case_lico{left: -60px;}
.case_rico{right: -60px;}
.case_m ul li{width: 388px;height: 291px;float: left;position: relative;line-height: 0; margin:0 0 15px 14px;}
.case_m ul li img{width: 388px;height: 291px;}
.case_m ul li span{ width:388px; display:block; text-align:center; height:55px; line-height:55px;font-size: 16px;color: #fff;position: absolute;bottom: 0;right: 0; background:url(../images/case_picbg.png) repeat-x;overflow:hidden;}
.case_m ul li.case_li01{margin: 0;}
.case_m ul li.case_li01,.case_m ul li.case_li01 img{width: 798px;height: 597px;}
.case_m ul li.case_li01 span{width: 798px;}

/*优势*/
.ys{ padding:90px 0 130px;}
.ys .cp_bt{height: 152px;}
.ys01{width: 299px;height: 652px; padding:0 1px 0 0;}
.ys_m{ background:url(../images/ys_k01.png) no-repeat;width: 299px;height: 652px;position: absolute;bottom: 0;left: 0;}
.ys_m:hover{ background:url(../images/ys_k02.png) no-repeat;}
.ys_m h3{ background:url(../images/ys_line.gif) no-repeat center 129px;text-align: center;position: absolute;top: 148px;left: 0;width: 299px;height: 130px;line-height: 70px;font-size: 24px;color: #fff;font-weight: normal;overflow: hidden;}
.ys_m h3 em{display: block;width: 50px;height: 48px; margin:0 auto;}
.ys_m h3 em img{width: 50px;height: 48px;}
.ys_m p{font-size: 14px;color: #fff;line-height: 24px;width: 250px;position: absolute;top: 295px;left: 25px; display:none;}
.ys_m p span{display: block; padding:15px 0 0;}
.ys_m:hover p{display: block;}
.ys02,.ys03{ margin-top:85px;}
.ys03 .ys_m h3{top: 360px;}
.ys03 .ys_m p{top: 100px;}

/*有口皆碑*/
.map_bg{ background:url(../images/map_bg.jpg) no-repeat center 0;height: 779px; padding:90px 0 0;overflow: hidden;}
.map_l{width: 905px;height: 615px;}
.map_l span{display: block;width: 14px;height: 24px;position: absolute;}
.map_l span img{width: 14px;height: 24px;}
.map_span01{top: 123px;left: 652px;}
.map_span02{top: 180px;left: 50px;}
.map_span03{top: 185px;left: 346px;}
.map_span04{top: 193px;left: 452px;}
.map_span05{top: 248px;left: 110px;}
.map_span06{top: 200px;left: 380px;}
.map_span07{top: 228px;left: 730px;}
.map_span08{top: 230px;left: 622px;}
.map_span09{top: 254px;left: 463px;}
.map_span10{top: 262px;left: 520px;}
.map_span11{top: 292px;left: 570px;}
.map_span12{top: 442px;left: 764px;}

.map_r{width: 295px; padding:90px 0 0;}
.map_r dl{width: 295px;height: 86px; padding:0 0 30px;}
.map_r dl dt{width: 86px;float: left;height:86px;}
.map_r dl dt img{width: 86px;height: 86px;border-radius:50%;display: block; transition: all 0.3s ease-in-out 0s;}
.map_r dl dt:hover img{ transform: rotateY(180deg);}
.map_r dl dd{width: 185px;float: left; padding:0 0 0 15px;}
.map_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.map_r dl dd h5 a{font-size: 18px;color: #333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.map_r .map_desc{font-size: 14px;color: #666;line-height: 24px; padding:5px 0 0;height: 48px;overflow: hidden;}

/*嘉业动态*/
.news{ padding:90px 0 70px;}
.news_bt{ height: 115px;text-align: center;line-height: 40px;}
.news_bt a{font-size: 36px;color: #333;font-weight: normal;}
.news_t{height: 63px;}
.news_t ul li{float: left; padding:0 25px 0 0;}
.news_t ul li a{font-size: 24px;color: #2d2d2d;display: block;height: 60px;line-height: 60px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;color: #333; border-bottom:#000 3px solid;}

.news_m dl{width: 354px;float: left;height: 580px; padding:0 23px; margin-top:20px;overflow: hidden;}
.news_m dl dt{ padding:25px 0 0;}
.news_m dl dt i{display: block;font-size: 14px;color: #666;}
.news_m dl dt a{display: block;font-size: 16px;color: #333;height: 70px;line-height: 70px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dl dt em{display: block;font-size: 14px;color: #9b9b9b;}
.news_m dl dd{ padding:10px 0 0;}
.news_m dl dd em{width: 354px;height: 265px;display: block;overflow: hidden;line-height: 0;}
.news_m dl dd em img{width: 354px;height: 265px;}
.news_m .news_desc{font-size: 14px;color: #666;line-height: 22px;height: 66px;overflow: hidden; padding:15px 0 0;}
.news_m dl dd span{display: block;width: 55px; padding:30px 0 0;}
.news_m dl dd span img{width: 55px;height: 15px;}
.news_m dl dd span a{display: block;width: 55px;height: 15px;}
.news_m dl dd span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}
.news_m dl:hover{box-shadow: 0 3px 10px 3px #dadada;}

/*关于嘉业*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 560px; padding:80px 0 0;overflow: hidden;}
.ab_l{width: 560px;}
.about dl dt{height: 110px; padding:0 0 0 30px;line-height: 50px;}
.about dl dt a{font-size: 36px;color: #fff;font-weight: bold;}
.about dl dt span{display: block;font-size: 24px;font-weight: normal;}
.about dl dd{font-size: 14px;color: #fff;line-height: 24px; padding:25px 0 0;}
.about dl dd p{ padding:10px 0 0;}
.ab_r{width: 570px;height: 285px;background: #fff;padding: 7px;}
.ab01{position: absolute;bottom: 22px;right: 30px;z-index: 100;}
.ab01 ul li{ background:url(../images/ab_ico01.png) no-repeat;width: 10px;height: 10px; margin-left:6px;float: left;}
.ab01 ul li:hover,.ab01 ul li.on{ background:url(../images/ab_ico02.png) no-repeat;}
.ab02 ul li{width: 570px;height: 285px;overflow: hidden;}
.ab02 ul li img{width: 570px;height: 285px;}

.ibrand-num{overflow:hidden;margin:90px 0 0;}
.ibrand-num li{float:left;width:270px;height:60px;padding-left:40px;color:#666;font-size:18px; background:url(../images/ab_line.png) no-repeat 0 0;}
.ibrand-num li:first-child{padding-left:0; background:none;}
.ibrand-num li span,.ibrand-num li i{font-size:48px;color: #fff;display: block;float: left; padding:10px 0 0;}
.ibrand-num li em{display:block;float: left;font-size: 18px;color: #fff; padding-left:15px;}

/**/
@-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);}
}

/**/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}