@charset "utf-8";

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

body{min-width: 1200px; width: 100%;background:#f6f6f6;}
/**/
.yin{padding: 50px 0 60px;}
.yin_t{font-size: 38px;color: #333;height: 60px;line-height: 60px;overflow: hidden;}
.yin_t b{font-weight: bold;padding: 0 10px 0 305px;}
.yin_t span,.yin_t b{display: block;float: left;}
.yin_t:hover,.yin ul li:hover b{color: #e6a13a;}
.yin ul{display: block;padding: 0px 0 0;}
.yin ul li{width: 300px;float: left;text-align: center; background:url(../images/yin_line01.gif) no-repeat;}
.yin ul li em{display: block;width: 57px;margin:0 auto;}
.yin ul li em img,.fuw dl dt img,.ys_r dl dt img{width: 57px;height: 57px;display: block; transition: all 0.3s ease-in-out 0s;}
.yin ul li:hover img,.fuw dl:hover dt img,.ys_r dl:hover dt img{ transform: rotateY(180deg);}
.yin ul li b{display: block;font-size: 24px;color: #333;height: 80px;line-height: 80px;overflow: hidden; background:url(../images/yin_line02.gif) no-repeat center 78px;}
.yin ul li span{display: block;font-size: 14px;color: #666;width: 205px;margin:0 auto;padding: 14px 0 0;height: 44px;line-height: 22px;overflow: hidden;}
.yin ul li:first-child{}

/*解决方案*/
.plan{background: #f6f6f6;padding: 54px 0 40px;}
.plan_t{font-size: 38px;color: #333;font-weight: normal;height: 120px;text-align: center; background:url(../images/plan_line.png) no-repeat center 62px;line-height: 44px;}
.plan_t a{font-size: 38px;color: #333;}
.plan_t span{display: block;font-size: 16px;color: #999;}
.plan ul li{width: 470px;height: 480px;background: #fff;float: left;box-shadow: 0 3px 10px 3px #e0e0e0;margin-right: 21px;margin-bottom: 21px;}
.plan ul li b{display: block;font-size: 18px;color: #666;font-weight: normal;height: 66px;line-height: 76px;overflow: hidden; background:url(../images/plan_ico01.gif) no-repeat 30px 29px;padding-left: 60px;}
.plan ul li em{width: 470px;height: 340px;display: block;line-height: 0;overflow: hidden;}
.plan ul li em img,.partner_c ul li img,.cp_m ul li img,.wd_pic img{width: 470px;height: 340px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.plan ul li em img:hover,.partner_c ul li img:hover,.cp_m ul li img:hover,.wd_pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.plan ul li span{ display: inline-block;width: 470px;border-top: #f6f6f6 1px solid;padding: 15px 0 0;margin-top: 15px;}
.plan ul li span a{display: block; margin:0 auto;font-size: 14px; color: #e6a13a; width: 100px; text-align: center; height: 30px; line-height: 30px; overflow: hidden;border: #e2e2e2 1px solid;border-radius: 30px;-webkit-transition:all .3s;transition:all .3s;} 
.plan ul li span a:hover{background: #e6a13a;color: #fff;border: #e6a13a 1px solid;box-shadow:0 8px 10px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.plan ul li a:hover b{font-weight: bold;}
.plan .nobor{margin-right: 0;}

/*合作客户*/
.partner_bg{ background:#353431; padding:58px 0 0;border-bottom: #e6a13a 10px solid;height: 176px;overflow: hidden;}
.partner p{width: 15px;height: 29px;position: absolute;cursor: pointer;top: 44px;}
.partner p img{width: 15px;height: 29px;}
.partner 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;
}
.partner_l{ left:-40px;}
.partner_r { right:-40px;}
.partner_c{width: 1200px;overflow: hidden;}
.partner_c ul li { width:209px; float:left; padding:0 36px 0 0;line-height: 0;}
.partner_c ul li em{ width:207px; height:116px; border:#e6a13a 1px solid;display: block;overflow: hidden;}
.partner_c ul li img{ width:207px; height:116px;}
.partner_c ul li span{ width:209px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:10px 0 0; font-size:16px; color:#cecece;}

/*欧能核心服务*/
.fuw_bg{ background:url(../images/fuw_k03.gif) no-repeat center bottom;padding: 55px 0 0;}
.fuw .plan_t,.chanp .plan_t{height: 110px; background:url(../images/fuw_line.png) no-repeat center 62px;}
.fuw dl{width: 221px;float: left;text-align: center;}
.fuw dl dt{width: 133px;height: 150px;margin:0 auto;}
.fuw dl dt img{width: 133px;height: 133px;}
.fuw dl dd{padding: 45px 0 0;height: 130px;width: 221px; background:url(../images/fuw_k01.gif) no-repeat 0 1px;}
.fuw dl dd h5{font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.fuw dl dd p{font-size: 14px;color: #757373;height: 66px;line-height: 22px;overflow: hidden;padding: 10px 0 0;}
.fuw dl:hover dd h5{color: #e6a13a;}
.fuw .fuw_dl02{margin: 0 23px;}
.fuw .fuw_dl02 dt{padding: 18px 0 0;height: 133px;}
.fuw .fuw_dl02 dd{padding: 15px 0 0;height: 160px; background:url(../images/fuw_k02.gif) no-repeat 0 bottom;}
.fuw_tel{font-size: 18px;color: #e6a13a;height: 45px;line-height: 45px;overflow: hidden;padding: 40px 0 0;}
.fuw_tel em,.six_tel em{display: block;width: 20px;height: 20px;float: left;line-height: 0;margin: 15px 10px 0 456px;
  animation: msClock 1s linear infinite;
  animation: msClock 1s linear infinite;}
.fuw_tel b,.six_tel b{font-size: 24px;}

@keyframes msClock {
  0%,90%,100% {
    transform: rotate(0) scale(1);
  }
  20%,40% {
    transform: rotate(-15deg) scale(1);
  }
  30%,50% {
  transform: rotate(15deg) scale(1);
  }
}

/*优势*/
.ys_bg{ background:url(../images/ys_bg.gif) repeat-x;height: 765px;padding: 52px 0 0;overflow: hidden;}
.ys .plan_t{height: 132px; background:url(../images/ys_line.png) no-repeat center 62px;}
.ys_l{width: 960px;height: 633px;position: absolute;top: 132px;right: 50%;}
.ys_l img{width: 960px;height: 633px;}
.ys_r{width: 640px;position: relative;z-index: 30;padding: 60px 0 0;}
.ys_r dl{width: 640px;height: 90px;overflow: hidden;padding: 15px 0 0;}
.ys_r dl dt{width: 100px;float: left;}
.ys_r dl dt img{width: 76px;height: 76px;}
.ys_r dl dd{width: 540px;float: left;border-bottom: #494846 1px solid;height: 86px;}
.ys_r dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-size: 22px;color: #fff;font-weight: normal;}
.ys_r dl dd p{font-size: 14px;color: #b2b2b2;line-height: 30px;height: 30px;overflow: hidden;}

/*产品中心*/
.chanp{padding: 20px 0 40px;}
.chanp .plan_t{height: 133px;}
.cp_t{padding: 0 0 45px;}
.cp_t ul li{float: left;text-align: center;overflow: hidden;color: #333;margin: 5px;padding: 5px 29px;width: unset;}
.cp_t ul li em{display: block; width: 50px; height: 50px; line-height: 0; margin:0 auto; overflow: hidden;} 
.cp_t ul li em img{width: 50px;height: 100px;}
.cp_t ul li b{display: block;font-size: 18px;height: 36px;line-height: 36px;overflow: hidden;padding: 10px 0 0;}
.cp_t ul li i{display: block;font-size: 12px;color: #999;text-transform: uppercase;}
.cp_t ul li:hover,.cp_t ul li.on{ background:#e6a13a none;color: #fff;}
.cp_t ul li:hover em img,.cp_t ul li.on em img{margin-top: -50px;}
.cp_t ul li:hover i,.cp_t ul li.on i{color: #fff;}

.cp_m dl{width: 745px; height: 390px;padding: 0 0 0 50px; background: #f7f7f7; position: absolute; top: 0; left: 0;} 
.cp_m dl dt{width: 390px;height: 390px;float: left;overflow: hidden;}
.cp_m dl dt img{width: 390px;height: 390px;}
.cp_m dl dd{width: 210px;float: left;padding: 100px 0 0 70px;}
.cp_m dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.cp_m dl dd h5 a{font-size: 22px;color: #000;}
.cp_m .cp_desc{font-size: 12px;color: #666;line-height: 24px;height: 72px;overflow: hidden;padding: 8px 0 0;}
.cp_m dl dd span{width: 160px;padding: 20px 0 0;display: block;}
.cp_m dl dd span a{display: block; font-size: 14px; color: #fff; width: 160px; text-align: center; height: 36px; line-height: 36px; background: #e6a13a; overflow: hidden;border-radius: 30px;}
.cp_m dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.cp_m ul li{width: 390px;height: 390px;position: relative;line-height: 0;float: left;overflow: hidden;margin-right: 15px;overflow: hidden;margin-bottom: 15px;}
.cp_m ul li img{width: 390px;height: 390px;}
.cp_m ul li span{ width:390px; display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;font-size: 14px;color: #333;position: absolute;left: 0;bottom: 20px; background:url(../images/cp_ico01.png) no-repeat 340px 0;-webkit-transition:transform .3s;transition:transform .3s;}

.cp_m ul li h3{ width:390px; display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;font-size: 14px;color: #333;position: absolute;left: 0;bottom: 20px; background:url(../images/cp_ico01.png) no-repeat 340px 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp_m ul li a:hover h3{-webkit-transform:translate(10px,0);transform:translate(10px,0);}


.cp_m ul li a:hover span{-webkit-transform:translate(10px,0);transform:translate(10px,0);}
.cp_m ul li:nth-child(3n){margin-right: 0;}
.cp_m .nobor{margin-right: 0;}

/*匠心制造*/
.six{padding: 60px 0 0px;}
.six .plan_t{height: 100px; background:url(../images/six_line.png) no-repeat center 62px;}
.six_m{margin-bottom: 45px;}
.six_qie{width: 1200px;height: 322px;background: #353431;position: relative;}
.six_qie:before{content: "";width: 0;height: 0;border-bottom:15px solid #353431; border-left:15px solid transparent;border-right:15px solid transparent;position: absolute;bottom: -15px;}
.six_m p{font-size: 14px;color: #c1c1c1;line-height: 28px;width: 600px;text-indent:2em;text-align: left;padding: 25px 0 0;text-transform: uppercase;float:left;}
.six_m img{float:left;width:600px;}
.six01:before{left: 88px;top:-15px;}
.six02:before{left: 288px;top:-15px;}
.six03:before{left: 488px;top:-15px;}
.six04:before{left: 688px;top:-15px;}
.six05:before{left: 888px;top:-15px;}
.six06:before{left: 1088px;top:-15px;}
.six_bot{padding: 0 0 60px;}
.six_bot ul li{border-left: #d2d2d2 1px solid;width: 200px;height: 120px;float: left;box-sizing:border-box;padding: 10px 0 0;text-align: center;color: #333;overflow: hidden;}
.six_bot ul li em{display: block; line-height: 0; width: 50px; height: 50px; overflow: hidden; margin:0 auto;} 
.six_bot ul li em img{width: 50px;height: 100px;}
.six_bot ul li span{display: block;font-size: 16px;line-height: 24px;padding: 10px 0 0;}
.six_bot ul li i{display: block;font-size: 12px;color: #aaa;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.six_bot ul li.six_li02{background: #f7f7f7;}
.six_bot ul li:hover,.six_bot ul li.on{background: #e6a13a;color: #fff;}
.six_bot ul li:hover em img,.six_bot ul li.on em img{margin-top: -50px;}
.six_bot ul li:hover i,.six_bot ul li.on i{color: #fff;}
.six_tel{font-size: 18px;color: #d3d3d3;height: 45px;line-height: 45px;overflow: hidden; background:url(../images/six_k.gif) no-repeat;}
.six_tel b{color: #fff;}

/*常见问答*/
.news_bg{background: #f9f9f9;padding: 50px 0 60px;}
.news{ width:510px;padding: 0px 0 0;}
.news_t{ height:40px;}
.news_t ul{float: left;}
.news_t ul li{float: left; background:url(../images/news_bor.gif) no-repeat right 4px;}
.news_t ul li a{font-size: 16px;color: #000;display: block;height: 40px;float: left; padding:0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;}
.news_t span{ float:left; padding-left:25px;}
.news_t span a{font-size: 16px;color: #000;text-transform: uppercase;}
.news_t ul li:first-child a{ padding-left:0;}
.news_m dl{ width:510px;height: 80px; border-bottom:#dcdcdc 1px dashed; padding:15px 0;}
.news_m dt{width: 80px;float: right;font-size: 13px;color: #666160;text-align: center; background:url(../images/news_time.gif) no-repeat center 9px;line-height: 34px;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:395px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news_m dd h5 a{font-size: 16px;color: #010101;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: #542e1e;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}

/*公司动态*/
.wd{ width:635px;height: 378px; background:url(../images/news_line02.gif) no-repeat right 65px;padding: 1px 0 0;}
.wd_t{width: 500px;height: 150px;overflow: hidden; background:url(../images/news_tbg.gif) no-repeat;}
.wd_t a{ font-size:24px; color:#333;display: block;padding: 70px 0 0 360px;}
.wd_t a:hover,.wd_m dd h5 a:hover{color: #542e1e;}
.wd_m{ padding:10px 0 0;overflow: hidden;}
.wd_m dl{ width:600px;height: 188px;}
.wd_m dt{width: 298px;height: 168px;float: left;overflow: hidden; background:url(../images/news_k.gif) no-repeat; padding:17px 0 0 20px;}
.wd_m dt img{width: 298px;height: 168px;}
.wd_m dd{ float:left; overflow:hidden; width:250px; padding:20px 0 0 30px;}
.wd_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.wd_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m .news_desc{font-size: 14px;color: #666;line-height: 22px;height: 66px;overflow: hidden; padding:10px 0 0;}
.wd_m dd span{display: block;width: 92px; padding:13px 0 0;}
.wd_m dd span a{display: block;font-size: 14px;color: #333;width: 90px;height: 23px;text-align: center;line-height: 23px; border:#666 1px solid;overflow: hidden;}
.wd_m dd span a:hover{background: #542e1e;color: #fff; border:#542e1e 1px solid;}


/*走进欧能*/
.about{padding: 100px 0 45px;}
.ab_t{width: 240px;height: 145px;position: absolute;top: 100px;left: 0; background: rgba(230,161,58,0.9);text-align: center;line-height: 44px;padding: 30px 0 0;z-index: 50;}
.ab_t a{font-size: 40px;color: #fff;font-weight: bold;display: block;}
.ab_t i{display: block; font-size: 30px; color: #e9ceaf; text-transform: uppercase; font-weight: normal;}
.about dl{width: 1200px;height: 414px;position: relative;}
.about dl dt{width: 600px;height: 414px;line-height: 0;float:left;}
.about dl dt img{width: 600px;height: 414px;}
.about dl dd{font-size: 14px;color: #fff;line-height: 26px;background: rgba(0,0,0,0.3);height: 414px;float:left;width: 600px;}
.ab_l{width: 385px;padding: 50px 0 0;}
.ab_l a{display: block; float: left; font-size: 24px; color: #333; width: 164px; text-align: center; height: 50px; line-height: 50px;border: #dfdfdf 1px solid;border-radius: 30px;-webkit-transition:all .3s;transition:all .3s;margin-right: 20px;}
.ab_l a:hover{box-shadow:0 10px 10px 0 #ddd;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.ibrand-num{overflow:hidden;margin:30px 0 0;}
.ibrand-num li{float:left;width:203px;height:75px;text-align:center;color:#333;font-size:18px; background:url(../images/ab_line.gif) no-repeat;}
.ibrand-num li span{font-size:42px;line-height: 48px; font-family:Helvetica, sans-serif;}
.ibrand-num li b{display:block;font-size: 14px;color: #888;font-weight: normal;}

/*荣誉资质*/
.photo{padding: 0 0 80px;}
.photo_l{width: 80px;height: 166px;background: #e6a13a;overflow: hidden;}
.photo_l a{font-size: 24px;color: #fff;display: block;width: 30px;text-align: center;margin:0 auto; padding:22px 0 0;line-height: 24px;}
.photo_r{width: 1100px; padding-left:20px;overflow: hidden;}
.photo_r ul li{width: 126px;float: left;line-height: 0;padding: 0 40px 0 0;}
.photo_r ul li img{width: 124px;height: 166px;}
.photo_r ul li a{width: 124px;height: 166px;display: block;border: #e5e5e5 1px solid;}
.photo_r ul li a:hover{border: #e6a13a 1px solid;}

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