@charset "utf-8";

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


/**/
.yin{padding: 80px 0;}
.yin_t{font-size: 40px;color: #1a1a1a;text-align: center;position: relative;line-height: 40px;height: 100px;margin-bottom: 30px;}
.yin_t:before{content: "";width: 32px;height: 4px;background: #094db0;position: absolute;top: 20%;left: 30%;}
.yin_t:after{content: "";width: 32px;height: 4px;background: #094db0;position: absolute;top: 20%;right: 30%;}
.yin_t a{color: #1a1a1a;}
.yin_t span{display: block;font-size: 18px;color: #333;font-weight: normal;padding: 10px 0 0;}
.yin p{font-size: 16px;color: #666;text-align: center;line-height: 36px;}
.yin p b{color: #1a1a1a;}
.yin em{display: block;text-align: center;padding: 36px 0 0;}
.yin em a{font-size: 18px;color: #094db0;}

/*设备中心*/
.cp_bg{padding: 50px 0;}
.chanp .yin_t,.six .yin_t{margin-bottom: 30px;}
.chanp .yin_t:before,.six .yin_t:before{left: 33%;}
.chanp .yin_t:after,.six .yin_t:after{right: 33%;}
.cp_bt{font-weight: normal;position: absolute;top: 230px;left: 70px;height: 50px;line-height: 50px;overflow: hidden;}
.cp_bt a{font-size: 34px;color: #1a1a1a;}
.cp_t{position: absolute;top: 300px;left: 70px;z-index: 20;}
.cp_t ul li{float: left;padding: 0 15px 0 0;}
.cp_t ul li b{padding: 0 5px 0 0;}
.cp_t ul li a{font-size: 24px;color: #333;}
.cp_t ul li a:hover,.cp_t ul li.on a{color: #094db0;}
.cp_m{width: 1200px;height: 510px;background: #fff;box-shadow: 0 3px 5px 3px #eee;margin-bottom: 30px;}
.cp_m dl dt{width: 680px;height: 510px;float: right;line-height: 0;overflow: hidden;}
.cp_m dl dt img{width: 680px;height: 510px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_m dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_m dl dd{width: 430px;float: left;padding: 200px 0 0 70px;}
.cp_m dl dd p{font-size: 16px;color: #666;}
.cp_m dl dd span{display: block;padding: 10px 0 0;}
.cp_m dl dd span a,.cp_tit span a{font-size: 18px;color: #094db0;}
.chanp01{width: 290px;height: 270px;background: #fff;overflow: hidden; margin:0 5px 20px 5px;box-shadow: 0 3px 5px 3px #eee; float:left;}
.cp_tit{width: 290px;height: 210px;}
.cp_tit h3{height: 60px;line-height: 50px;text-align: center;overflow: hidden;font-weight: normal;}
.cp_tit h3 a{font-size: 16px;color: #1a1a1a;}
.cp_tit h3 a:hover,.cp_tit ul li a:hover{color: #094db0;}
.cp_tit ul{display: block;padding: 5px 0 0 130px;}
.cp_tit ul li{height: 36px;line-height: 36px;float: left;width: 180px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_tit ul li a{font-size: 16px;color: #333;}
.cp_tit span{display: block;text-align: center;padding: 15px 0 0;}
.cp_pic{width: 290px;height: 210px;line-height: 0;margin: 0 auto; text-align: center;}
.cp_pic img{width: auto !important; height: 210px; max-width: 280px;}

/*品质竞争力*/
.six{padding: 80px 0 70px;margin-bottom: 80px;}
.six dl{position: relative;height: 500px;}
.six dl dt{width: 900px;height: 500px;position: absolute;top: 0;right: 50%;}
.six dl dt img{width: 900px;height: 500px;}
.six dl dd{width: 640px;position: absolute;top: 80px;left: 50%;}
.six dl dd h5{font-size: 36px;color: #1a1a1a;height: 60px;line-height: 60px;padding-bottom: 25px;}
.six dl dd p{font-size: 24px;color: #4c4c4c;line-height: 40px;}
.six dl dd span{display: block;font-size: 32px;color: #1a1a1a;text-transform: uppercase;height: 50px;line-height: 50px;overflow: hidden;font-weight: bold;}
.hd{position: absolute;bottom: 0;left: 50%;width: 410px;margin-left: -205px;}
.hd ul li{width: 18px;height: 18px;background: #000;float: left;border-radius: 50%;margin-right: 50px; cursor: pointer;}
.hd ul li.on{background: #094db0;}

/*应用案例*/
.case{padding: 70px 0 40px;}
.case .yin_t{margin-bottom: 40px;}
.case .yin_t:before{left: 35%;}
.case .yin_t:after{right: 35%;}
.case_l,.case_c{width: 385px;}
.case ul li{width: 385px;height: 288px;position: relative;line-height: 0;overflow: hidden;margin-bottom: 20px;}
.case ul li img,.hz_m ul li img,.ys dl dt img,.news_l dl dt .news_pic img,.about dl dt img{width: 385px;height: 288px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case ul li img:hover,.hz_m ul li img:hover,.ys dl dt img:hover,.news_l dl dt .news_pic img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case ul li span{display: block;font-size: 24px;color: #fff;position: absolute;top: 20px;left: 25px;height: 40px;line-height: 40px;overflow: hidden;z-index: 10;}
.case ul li em{width: 385px;height: 288px;display: block;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9;}
.case ul li b{display: none;font-size: 18px;color: #1a1a1a;position: absolute;top: 66px;left: 25px;font-weight: normal;z-index: 11;}
.case ul li i{height: 30px;line-height: 30px;overflow: hidden;display: block;}
.case_c{padding: 0 0 0 22px;}
.case .case_c ul li{height: 595px;}
.case .case_c ul li img{width: 385px;height: 595px;}
.case .case_c ul li em{height: 595px;}
.case ul li:hover em{display: none;}
.case ul li:hover span{color: #1a1a1a;}
.case ul li:hover b{display: block;}

/*合作客户*/
.hz_bg{padding: 0 0 80px;}
.hz_m{width: 1200px;overflow: hidden; height:240px;}
.hz_m ul li{width: 280px;height: 240px;line-height: 0;overflow: hidden; margin:0 10px; float:left;}
.hz_m ul li img{width: 280px;height: 240px;}
.hz p{width: 23px;height: 39px;position: absolute;top: 100px;cursor: pointer;}
.hz p img{width: 23px;height: 39px;}
.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 .hz_l{left: -60px;}
.hz .hz_r{right: -60px;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0;height: 358px;overflow: hidden;padding: 25px 0 0;line-height: 46px;}
.ban01 p{font-size: 34px;color: #fff;}
.ban01 p b{padding: 0 0 0 8px;}
.ban01 span{display: block;font-size: 24px;color: #fff;}
.ban01 em{display: block;font-size: 18px;color: #fac12c;}
.ban01 em a{color: #fac12c;padding: 0 20px 0 0;}

/**/
.ys{padding: 80px 0;}
.ys .yin_t{margin-bottom: 30px;}
.ys .yin_t:before{left: 30%;}
.ys .yin_t:after{right: 30%;}
.ys dl{width: 400px;float: left;}
.ys dl dt{width: 400px;height: 300px;line-height: 0;overflow: hidden;}
.ys dl dt img{width: 400px;height: 300px;}
.ys dl dd{width: 348px;height: 248px;border: #d2d2d2 1px solid;position: relative;padding: 50px 25px 0;}
.ys dl dd h5{font-size: 24px;color: #1a1a1a;height: 60px;line-height: 54px;overflow: hidden; background:url(../images/ys_line.gif) no-repeat 0 59px;margin-bottom: 10px;}
.ys dl dd h5 i{display: block; background:url(../images/ys_ico01.gif) no-repeat 140px 16px;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 24px;}
.ys dl dd b{display: block;font-size: 30px;color: #fff;width: 50px;text-align: center;height: 75px;line-height: 75px;background: #094db0;position: absolute;top: -37px;left: 30px;font-family: "Impact";font-weight: normal;z-index: 10;}
.ys .ys_dl02 dd{padding-top: 30px;height: 268px;}
.ys .ys_dl02 dd h5{ background-position: 0 0;margin-top: 20px;}
.ys .ys_dl02 dd b{top: 265px;}

/*新闻中心*/
.news_bg{background: #f5f5f5;padding: 70px 0 50px;}
.news .yin_t{margin-bottom: 20px;}
.news .yin_t:before{left: 38%;}
.news .yin_t:after{right: 38%;}
.news_t{height: 40px;width: 540px; margin:0 auto;}
.news_t ul li{float: left;width: 140px; padding:0 20px;}
.news_t ul li a{font-size: 14px;color: #333;display: block;height: 36px;line-height: 36px;width: 136px;text-align: center; border:#e2e2e2 2px solid;}
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;font-weight: bold;background: #094db0; border:#094db0 2px solid;}
.news_l {width: 465px; padding:45px 0 0;}
.news_l dl dt{ display:inline-block;width: 565px;overflow: hidden;}
.news_l dl dt p{width: 140px;height: 180px;float: left;background: #222;font-size: 20px;color: #fff;text-align: center; padding:30px 0 0;}
.news_l dl dt p i{display: block;font-size: 12px;color: #7d7d7d;text-transform: uppercase;line-height: 26px;}
.news_l dl dt p b{display: block; padding:40px 0 0;font-size: 26px; font-style:italic;color: #fac12c;}
.news_l dl dt p span{color: #fac12c;display: block; padding:5px 0 0;font-size: 14px; font-style:italic;}
.news_l dl dt .news_pic{width: 250px;height: 210px;display: block;float: left;overflow: hidden;}
.news_l dl dt .news_pic img{width: 250px;height: 210px;}
.news_l dl dd{width: 390px;  padding:20px 0 0;}
.news_l dl dd h5,.news_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_l dl dd h5 a,.news_r dl dd h5 a{font-size: 14px;color: #333;}
.news_l dl dd h5 a:hover,.news_r dl dd h5 a:hover{color: #094db0;}
.news_l .news_desc{font-size: 14px;color: #888;line-height: 22px;height: 44px;overflow: hidden;}
.news_r{width: 730px; padding:20px 0 0;}
.news_r dl{width: 720px; display:inline-block; border-bottom:#dadada 1px solid; padding:25px 0;}
.news_r dl dt{font-size: 15px;color: #888; font-style:italic;width: 85px;float: left; padding:15px 0 0;}
.news_r dl dt b{font-size: 40px;}
.news_r dl dd{width: 620px;float: left; padding:0 0 0 15px;}
.news_r .news_desc{font-size: 14px;color: #777;line-height: 30px;height: 30px;overflow: hidden;}
.news_r .nobor{border-bottom: none;}

/*关于我们*/
.about{padding: 70px 0;}
.about .yin_t{margin-bottom: 20px;}
.about .yin_t:before{left: 35%;}
.about .yin_t:after{right: 35%;}
.about dl dt{width: 1200px;height: 467px;line-height: 0;overflow: hidden;}
.about dl dt img{width: 1200px;height: 467px;}
.about dl dd{width: 920px;height: 190px;background: #fff;margin: -110px auto 0;box-shadow: 0 3px 5px 3px #eee;padding: 24px 50px 0;position: relative;z-index: 10;}
.about dl dd h5{height: 60px;line-height: 50px; background:url(../images/ys_line.gif) no-repeat 0 59px;overflow: hidden;}
.about dl dd h5 a{font-size: 24px;color: #1a1a1a;font-weight: normal;}
.about dl dd h5 a:hover{color: #094db0;}
.ab_desc{font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden;padding: 15px 0 0;}
.about dl dd em{display: block;line-height: 24px;margin-top: -24px;margin-left: 156px;}
.about dl dd em a{font-size: 14px;color: #094db0;font-weight: bold;}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}


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