@charset "utf-8";

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

/*产品中心*/
.cp_bg{background:url(../images/cp_bg.gif) repeat-x; overflow: hidden;padding: 90px 0 0;}
.cp_t{font-size: 40px;color: #333;height: 100px;text-align: center;line-height: 40px;overflow: hidden;}
.cp_t a{font-size: 40px;color: #333;}
.cp_t span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 5px 0 0;}
.cp_t i{color: #0d5eb9;}

.cp_l{width: 308px; }
.cp_l h3{ background:#02a839;width: 308px;height: 100px;text-align: center;padding: 20px 0 0;line-height: 40px;overflow: hidden;}
.cp_l h3 a{font-size: 24px;color: #fff;display: block;}
.cp_l h3 i{display: block;font-size: 20px;font-weight: normal;text-transform: uppercase; }
.cp_lm{width: 302px;background: #fff;border: #14aa81 3px solid;border-top: none;}
.cp_ul01 li a{display: block;font-size: 18px;color: #0e62c1;width: 232px;height: 56px;line-height: 56px; background:#f2f2f2 url(../images/cp_ico01.png) no-repeat 40px 20px; padding:0 0 0 70px;margin-bottom: 2px;}
.cp_ul01 li a:hover,.cp_ul01 li.on a{ background:#f2f2f2 url(../images/cp_ico02.png) no-repeat 40px 20px;color: #02a839;}
.cp_ul02{display: inline-block;width: 250px;padding: 0 0 0 20px;}
.cp_ul01 .cp_ul02 li{width: 250px;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #333; border-bottom:#ededed 1px solid; background:none;padding: 0 0 0 20px;width: 230px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 54px;line-height: 54px;margin-bottom: 0;}
.cp_ul01 .cp_ul02 li a:hover{color: #02a839;}
.cp_r{width: 874px;position: relative;overflow: hidden; border: #ebebeb 2px solid;border-bottom: none;}
.photo_r{width: 582px;height: 526px;background: #fff;position: absolute;top: 0;left: 0;}
.cp_hot{ background:url(../images/cp_hot.png) no-repeat;width: 115px;height: 166px;position: absolute;top: 0;left: 20px;text-align: center;z-index: 30;}
.cp_hot span{display: block;font-size: 24px;color: #fff;padding: 35px 0 0;line-height: 30px;}
.cp_hot i{display: block;}
.cp_hot a{display: block;font-size: 14px;color: #fff;font-weight: bold;text-transform: uppercase;padding: 5px 0 0;}
.photo_r em{display: block;width: 582px;height: 432px;line-height: 0;overflow: hidden;margin-top: 20px;}
.photo_r img,.ys_m dl dt img,.case_m dl dt img{width: 582px;height: 432px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.photo_r img:hover,.ys_m dl dt img:hover,.case_m dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.photo_r b{display: block;position: absolute;bottom: 30px;left: 105px;width: 405px;}
.photo_r b a{width: 179px;height: 46px;display: block;float: left;margin-right: 22px;}
.photo_r b img{width: 179px;height: 46px;}
.photo_r b a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.cp_m ul li{width: 289px;height:338px;float: left;background: #fff;border-bottom: #ebebeb 2px solid;border-left: #ebebeb 2px solid;position: relative;}
.cp_m ul li img{width: 289px;height:289px;}
.cp_m ul li span{display: block;width: 290px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color: #333;padding: 5px 0 0;}
.cp_m .cp_li01{/**margin-left: 582px;**/}
.cp_m .cp_li02{border-left: none;}
.cp_m ul li a{width: 290px;height: 35px; }
.cp_m ul li em{width: 70px;height: 70px;display: block;line-height: 0;overflow: hidden;margin: 90px auto 0;}
.cp_m ul li em img{width: 70px;height: 70px;}
.cp_m ul li:hover a{display: block;background: rgba(0,0,0,0.4);}

/*智造品质*/
.pinz{padding: 100px 0 80px;height: 840px;}
.pinz_l{width: 260px;padding: 110px 0 0;}
.pinz dl{width: 260px;height: 215px;overflow: hidden;}
.pinz dl dt{width: 70px;height: 70px;float: left;padding: 8px 0 0;}
.pinz dl:hover dt img{ transform: rotateY(180deg);}
.pinz dl dt img{width: 70px;height: 70px;display: block; transition: all 0.3s ease-in-out 0s;}
.pinz dl dd{width: 180px;float: left;padding: 0 0 0 10px;}
.pinz dl dd h5{font-size: 18px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.pinz dl dd p{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;padding: 5px 0 0;}

/*优势*/
.ys_bg{ background:url(../images/ys_bg.jpg) no-repeat center 0;height: 822px; padding:78px 0 0;overflow: hidden;}
.ys_m{width: 1205px;height: 476px; padding:44px 0 0;margin-left: -58px;}
.ys_m dl{width: 1205px;height: 476px;position: relative;}
.ys_m dl dt{width: 646px;float: right;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 646px;height: 476px;}
.ys_m dl dd{width: 440px;height: 338px; padding:50px 50px 0 80px;position: absolute;top: 10px;left: 0; background:url(../images/ys_ddbg.gif) repeat;}
.ys_m dl dd h5{font-size: 30px;color: #fff;height: 65px;line-height: 50px;overflow: hidden;border-bottom: #76a2de 1px dashed;}
.ys_m dl dd h5 em{width: 71px;height: 53px;display: block;float: left;line-height: 0;padding: 0 10px 0 0;}
.ys_m dl dd h5 em img{width: 71px;height: 53px;}
.ys_m dl dd p{font-size: 16px;color: #dff0ff;line-height: 24px;padding: 20px 0 0 15px; background:url(../images/ys_ico01.png) no-repeat 0 32px;}
.ys_bot{width: 1070px;height: 177px;padding: 15px 0;background: #fff;position: absolute;top: 555px;left: 20px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.2);}
.ys_bot ul li{width: 240px;height: 177px;position: relative;line-height: 0;float: left;overflow: hidden;margin-left: 22px;}
.ys_bot ul li img{width: 240px;height: 177px;}
.ys_bot ul li span{display: block;width: 240px;text-align: center;height: 40px;line-height: 40px;position: absolute;bottom: 0;left: 0;overflow: hidden;background: rgba(0,0,0,0.5);font-size: 16px;color: #fff;}
.ys_bot ul li.on span{background: rgba(14,98,193,0.5);}
.ys_lico,.ys_rico{position: absolute;top: 385px;width: 38px;height: 72px;}
.ys_lico{left: -105px;}
.ys_rico{right: 0; }
.ys_lico a,.ys_rico a{display: block;width: 38px;height: 72px;}
.ys_lico a{ background:url(../images/ys_lico01.png) no-repeat;}
.ys_lico a:hover{ background:url(../images/ys_lico02.png) no-repeat;}
.ys_rico a{ background:url(../images/ys_rico01.png) no-repeat;}
.ys_rico a:hover{ background:url(../images/ys_rico02.png) no-repeat;}

/*客户案例*/
.case_bg{ background:url(../images/case_bg.gif) repeat-x;padding: 115px 0 0;height: 694px;overflow: hidden;}
.case_t{padding: 45px 0 0;height: 85px;}
.case_t ul li{height: 50px;line-height: 50px;float: left;background: #f2f2f2;width: 150px;text-align: center;}
.case_t ul li a{font-size: 16px;color: #333;display: block;width: 150px;height: 50px;}
.case_t ul li a:hover,.case_t ul li.cur a{color: #02a839;font-weight: bold; background:url(../images/case_line.gif) no-repeat center 47px;}
.case_m{width: 1200px;overflow: hidden;}
.case_m dl{ overflow: hidden;width: 380px;float: left;padding-right: 29px;} 
.case_m dl dt{width: 360px;height: 270px;overflow: hidden;line-height: 0;background: #fff;padding: 10px;}
.case_m dl dt span{width: 360px;height: 270px;display: block;overflow: hidden;}
.case_m dl dt img{width: 360px;height: 270px;}
.case_m dl dd{width: 330px;padding: 20px 0 0 10px;}
.case_m dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 20px;color: #fff;display: block;width: 330px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m .case_desc{font-size: 14px; color: #fff; line-height: 22px; height: 44px; overflow: hidden;padding: 5px 0 0;} 
.case em{width:50px; height:50px;position: absolute;top: 345px;display: block;z-index: 20;cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}
.case em img{ width:50px; height:50px;}
.case_l{left: -25px;}
.case_r{right: -25px;}
.case em:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*合作客户*/
.hz{padding: 20px 0 0;}
.hz_qie{width: 1200px;overflow: hidden;}
.hz ul li{width: 214px;float: left;padding: 0 28px 0 0;}
.hz ul li em{width: 212px;height: 106px;line-height: 0;overflow: hidden;display: block;border: #c7c7c7 1px solid;box-shadow: 0 3px 5px 3px #eee;margin: 10px;}
.hz ul li img{width: 212px;height: 106px;}
.hz ul li span{display: block;font-size: 14px;color: #333;width: 214px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;}
.hz ul li:hover em{border: #0e61bf 1px solid;}
.hz p{width: 43px;height: 43px;cursor: pointer;position: absolute;top: 66px;}
.hz p img{width: 43px;height: 43px;}
.hz 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;
}
.hz_lico{left: -60px;}
.hz_rico{right: -60px;}

/*新闻动态*/
.news{padding: 70px 0;}

.news_t{height: 60px;border-bottom: #ebebeb 1px solid;line-height: 60px;overflow: hidden;}
.news_t ul li{width: 430px;float: left;}
.news_t ul li a{font-size: 18px;color: #333;}
.news_t ul li a:hover{color: #0e62c1;font-weight: bold;}
.news_t span{display: block;float: right;line-height: 0;padding: 8px 0 0;}
.news_t span img{width: 40px;height: 40px;}

/*常见问答*/
.wd{width: 430px;}
.wd_m{overflow: hidden;padding: 20px 0 0;overflow: hidden;}
.wd_m dl{ width:370px; height:100px; padding:15px 0 0;}
.wd_m dt{ height:30px; line-height:30px; overflow:hidden;}
.wd_m dt a{ font-size:14px; color:#333;font-weight: bold;padding: 0 0 0 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 310px; background:url(../images/wd_ico01.gif) no-repeat;}
.wd_m dl:hover dt a{color: #0e62c1; background:url(../images/wd_ico02.gif) no-repeat;}
.wd_m dd{font-size:12px; color:#888; line-height:24px; height:48px; overflow:hidden; padding:12px 0 0 10px;}
.wd_m dl:hover dd{color: #0e62c1;}

/**/
.news_r{width: 770px;}
.news01{padding: 20px 0 50px;border-bottom: #ebebeb 1px dashed;height: 169px;overflow: hidden;}
.news01 dl dt{width: 300px;height: 169px;float: left;overflow: hidden;}
.news01 dl dt img{width: 300px;height: 169px;}
.news01 dl dd{width: 330px;float: right;position: relative;padding-right: 110px;}
.news01 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news01 dl dd h5 a{font-size: 14px;color: #333;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 330px;}
.news01 dl dd h5 a:hover{color: #0e62c1;}
.news01 .news_desc,.news02 dd{font-size: 14px;color: #888;line-height: 24px;height: 72px;overflow: hidden;padding-top: 10px;}
.news01 dl dd span{display: block;padding: 20px 0 0;}
.news01 dl dd span a{display: block;width: 130px;text-align: center;height: 30px;line-height: 30px;background: #efefef;overflow: hidden;font-size: 14px;color: #333;border-radius: 20px;}
.news01 dl dd span a:hover{background: #0e62c1;color: #fff;}
.news_time{font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif;position: absolute;top: 30px;right: 0; background:url(../images/news_line.gif) no-repeat;width: 85px;height: 80px;line-height: 40px;text-align: center;}
.news_time i{display: block;font-size: 40px;}
.news02{width: 770px;padding: 30px 0 0;}
.news02 dl{ width:385px;float: left; }
.news02 dt{ height:30px; line-height:30px; overflow:hidden;}
.news02 dt a{ font-size:14px; color:#333; background:url(../images/news_ico01.gif) no-repeat 0 10px;display: block;padding: 0 0 0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:360px;}
.news02 dt a:hover{color: #0e62c1;}
.news02 dd{padding-left: 20px;height: 48px;width: 340px;}

/*走进贝特*/
.about{height: 375px;overflow: hidden;padding: 386px 0 0;}
.about .cp_t{ background:url(../images/ab_line.gif) no-repeat center 98px;}
.ab_desc{font-size: 14px;color: #666;line-height: 26px;height: 78px;overflow: hidden;width: 1100px;margin: 0 auto;padding: 45px 0 0;}
.about b{width: 380px;display: block;margin: 0 auto;padding: 25px 0 0;font-weight: normal;}
.about b a{display: block;float: left;width: 160px;height: 40px;line-height: 38px;background: #0e61bf;font-size: 14px;color: #fff;overflow: hidden;border-radius: 20px;margin-right: 30px;}
.about b a:hover{background: #02a839;}
.about b em{display: block;width: 18px;height: 16px;float: left;line-height: 0;padding: 12px 10px 0 40px;}
.about b em img{width: 18px;height: 16px;}

/*友情链接*/
.f_link{height: 115px;line-height: 30px;overflow: hidden;background: #171717;}
.f_link b{display: block;float: left;font-size: 16px;color: #c8c8c8;width: 261px;}
.f_link p{font-size: 14px;color: #c8c8c8;float: left;width: 1110px;}
.f_link p a{font-size: 14px;color: #c8c8c8; 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);}
}

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

.newslist li {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    line-height: 30px;
    padding: 0 5px;
}
.newslist li span {
    float: right;
    font-family: times new roman,Times,serif;
    font-size: 14px;
    color: #999;
}

.newslist li a {
    text-decoration: none;
    color: #666;
    word-wrap: break-word;
    outline: none;
    font-size: 18px;
}

.fdh-01-tit h3  a {
    height: 75px;
    font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}
.introduce p {
    text-decoration: none;
    color: #666;
    word-wrap: break-word;
    outline: none;
    font-size: 18px;
	line-height: 30px;
	padding: 10px 0;
}
.cplb-3n-ts-03-list ul  {
    list-style: none;
    padding: 15px 0;
}