@charset "utf-8";



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



/*产品中心*/

.cp_bg{  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;padding: 54px 0 0;}

.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;;margin-top: 54px;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: 254px;float: left;background: #fff;border-bottom: #ebebeb 2px solid;border-left: #ebebeb 2px solid;position: relative;}

.cp_m ul li img{width: 290px;height: 218px;}

.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;position: absolute;}

.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;background:url(../images/pinz_bg1.jpg) no-repeat center 240px;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{ float: left;padding: 0 15px 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; 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{ background:url(../images/ab_bg.jpg) no-repeat center 0;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;

}