.wrap img{width: 100%;}

/*loading*/
/* .loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/show.jpg) no-repeat 50% 50%;background-size:100% auto;z-index:51;  display:none;max-width:640px; min-width:320px; z-index:99999;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; } */

.ui-nowrap {max-width:100%; overflow:hidden ;white-space:nowrap; text-overflow:ellipsis; }
.ui-nowrap-multi { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.img1 {width: 100%;padding-top: 100%;}
.img2 {width: 100%;padding-top: 50%;}



@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

/*---------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/*引子*/
.g-yin{width: 100%;height: 28rem;border-bottom: #f0f0f0 1px solid;position: relative;margin-bottom: 3rem;}
.g-yin:before{content: "";width: 1px; height: 100%; background: #f0f0f0; position: absolute; top: 0; left: 50%;} 
.g-yin:after{content: "";width: 100%; height: 1px; background: #f0f0f0; position: absolute; top: 50%; left: 0;} 
.g-yin ul li{width: 50%;float: left;text-align: center;height: 12rem;padding: 2rem 0 0;}
.g-yin ul li em{width: 2.85rem;height: 2.85rem;display: block;margin:0 auto;}
.g-yin ul li em img{width: 2.85rem;height: 2.85rem;}
.g-yin ul li b{display: block;font-size: 1.2rem;color: #444;height: 3rem;line-height: 2.6rem;overflow: hidden;position: relative;font-weight: normal;}
.g-yin ul li b:before{content: "";width: 1.4rem; height: 2px; background: #e6a13a; position: absolute;bottom: 0;left: 45%;} 
.g-yin ul li span{display: block;font-size: 1rem;color: #999;padding: 0.5rem 0 0;line-height: 1.6rem;width: 13.5rem;margin:0 auto;height: 3.2rem;overflow: hidden;}

/*解决方案*/
.g-plan{border-top: #f7f7f7 1.2rem solid;border-bottom: #f7f7f7 1.2rem solid;padding: 2rem 0 1.5rem;}
.m-bt{font-size: 1.9rem; color: #363636; display: block; width: 100%; text-align: center; height: 4.6rem; line-height: 4.2rem; position: relative;border-bottom: #efefef 1px solid;margin-bottom: 2.5rem;} 
.m-bt:before{content: "";width: 2rem;height: 0.35rem;background: #e6a13a;position: absolute;bottom: -0.15rem;left: 45%;}
.m-bt i{color: #e6a13a;}
.m-plan{width: 92.5%;margin:0 auto 1.5rem;height: 12.3rem;overflow: hidden;border-radius: 0.5rem;box-shadow: 0 3px 0.5rem 3px #e8e8e8;position: relative;}
.u-btn{position: absolute;top: 8rem;left: 1.2rem;}
.u-btn a{display: block; float: left; font-size: 0.8rem; color: #fff; background: #e6a13a; width: 6rem; text-align: center; height: 1.8rem; line-height: 1.8rem; overflow: hidden;border-radius: 2rem;margin-right: 1rem;}
.m-plan p{width: 46%;float: left;padding: 2rem 0 0 4%;}
.m-plan p span{display: block;font-size: 1.2rem;color: #333;line-height: 2rem;}
.m-plan p em{ display: inline-block;width: 1rem;padding: 0 0.5rem 0 0;}
.m-plan p em img{width: 1rem;height: 1rem; vertical-align:middle;}
.m-plan p i{display: block;font-size: 0.6rem;color: #bdbec2;padding:0.3rem 0 0 1.6rem;text-transform: uppercase;}
.plan_pic{width: 48%;float: left;padding: 0.5rem 0 0;}

/*核心服务*/
.g-fuw{width: 100%;height: 39.5rem; padding: 2.2rem 0 0;position: relative; overflow: hidden;background:url(../images/fuw_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw ul li{width: 30%;float: left;padding-left: 1.6rem;padding-top: 0.2rem;height: 9.6rem;}
.g-fuw ul li img{width: 9.6rem;height: 9.6rem;}
.g-fuw ul li:nth-child(2n){float: right;padding-right: 1.6rem;}
.g-fuw ul li:nth-child(3),.g-fuw ul li:nth-child(4){padding-top: 9.6rem;}
.g-fuw ul li:nth-child(5){position: absolute;top: 19.2rem;left: 11.2rem;padding: 0;}
.g-fuw p{font-size: 1.1rem;color: #333;font-weight: bold;position: absolute;}
.g-fuw p a{ color:#333;}
.g-fuw p span{display: block;width: 1.5rem;text-align: center;line-height: 1.3rem;}
.fuw_p01{top: 10.3rem;left: 12.7rem;}
.fuw_p02{top: 29rem;left: 12.7rem;}
.fuw_p03{top: 36.2rem;left: 12.7rem;}
.fuw_p04{top: 20.5rem;left: 2.5rem;}
.fuw_p05{top: 20.5rem;right: 2.5rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;border-top: #f7f7f7 1.2rem solid;border-bottom: #f7f7f7 1.2rem solid;padding: 2.2rem 0 1.5rem;}
.g-ys .m-bt{margin-bottom: 0;}
.g-ys .sclwrap_box{ height:11.3rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:92.5%; margin:0 auto;padding: 2.2rem 0 0;}
.g-ys dl dt{ width:100%;}
.g-ys dl dd{ display: inline-block; width:100%;padding: 1.2rem 0 0;}
.g-ys dl dd em{display: block;float: left;width: 5rem;}
.g-ys dl dd em img{width: 3.8rem;height: 3.8rem;}
.g-ys .ys_desc{width: 24.4rem;float: left;}
.g-ys dl dd h5{font-size: 1.4rem;color: #e6a13a;height: 2.5rem;line-height: 2.5rem;overflow: hidden;padding-bottom: 0.3rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;}
.g-ys .m-cnt{ width:100%; display:inline-block; }
.g-ys .m-cnt li{ width:0.8rem; height:0.8rem; background:#b5b5b5; float:left;margin-right: 0.5rem;
border-radius:2rem; 
-webkit-border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#e6a13a;}
.g-ys .m-cnt li:first-child{margin-left: 13rem;}

/*产品中心*/
.g-cp{padding: 2rem 0 1.9rem;}
.g-cp .m-bt{margin-bottom: 0;}
.g-cp dl{width: 92.5%;margin:1.3rem auto 0; height: 14.7rem; background: #f7f7f7; } 
.g-cp dl dt{width: 49.5%;float: left;overflow: hidden;}
.g-cp dl dd{width: 42.2%;float: left;padding: 3rem 0 0 2rem;}
.g-cp dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-cp dl dd h5 a{font-size: 1.2rem;color: #000;font-weight: bold;}
.g-cp .cp_desc{font-size: 0.9rem;color: #666;line-height: 1.5rem;height: 6rem;overflow: hidden;padding: 0.5rem 0 0;}
.g-cp ul li{width: 44.69%;line-height: 0;float: left;overflow: hidden;margin-left: 1.1rem;overflow: hidden;margin-top: 1.2rem;}
.g-cp ul li span{ width:100%; display:block; text-align:center; height:2.5rem; line-height:2.5rem; overflow:hidden;font-size: 1.2rem;color: #333;}

/*小广告*/
.g-ban01{display: block;width: 100%;height: 5.85rem; padding: 6.5rem 0 0; overflow: hidden;background:url(../images/ban01.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban01 span{display: block; font-size: 1.4rem; color: #fff; width: 63.75%; text-align: center; height: 2.9rem; line-height: 2.8rem; background: #e6a13a; margin:0 auto;border-radius: 2rem;}

/*关于欧能*/
.g-about{ width:100%; padding: 2rem 0;}
.g-about dl{ width:100%;}
.g-about dl dt{ width:100%;height: 18rem; background:url(../images/ab_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl dt a{display: block;width: 72.81%;margin:0 auto;padding: 0.8rem 0 0;}
.g-about dl dd{ width:92.5%;margin:0 auto; padding: 1.5rem 0 0;}
.g-about .ab_desc{ font-size:1.1rem; color:#666;line-height: 1.8rem;height: 7.2rem;overflow: hidden;}
.g-about dl dd em{ display:inline-block; width:100%; padding:2rem 0 0;}
.g-about dl dd em a{ display:block; width:32.6%; font-size:1.2rem; color:#fff; height:3.6rem; line-height:3.6rem; text-align:center; background:#e6a13a; float:left;border-radius: 4rem;}
.g-about dl dd em a:nth-child(2){ margin: 0 1%;}
.g-about ul{ display: inline-block;width: 100%;padding: 2.2rem 0 0;}
.g-about ul li{font-size: 0.9rem;color: #333;width: 21%;float: left;position: relative;padding: 0 0 0 4%;}
.g-about ul li:before{content: "";width: 1px; height: 100%; background: #e8e8e8; position: absolute; top: 0; right: 0;} 
.g-about ul li:last-child:before{background: none;}
.g-about ul li i{font-size: 1.8rem; font-family: Helvetica, sans-serif;font-weight: bold;}
.g-about ul li span{display: block;font-size: 1rem;color: #888;}

/**/

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}