.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../image/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; }

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

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

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

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

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

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

/*引子*/
.g-pinz{ width:100%;padding: 1.5rem 0 1rem; overflow:hidden;}
.g-pinz dl{width: 100%;height: 8.3rem;overflow: hidden;}
.g-pinz dl dt{width: 5.7rem;float: left;text-align: center;padding-top: 1.5rem;}
.g-pinz dl dt img{width: 3.2rem;height: 3.2rem;}
.g-pinz dl dd{width: 26.2rem;float: left;border-bottom: #f3f3f3 1px solid;padding: 1.2rem 0 0;height: 7rem;}
.g-pinz dl dd b{display: block;font-size: 1.2rem;color: #333;font-weight: normal;line-height: 2rem;}
.g-pinz dl dd p{font-size: 1rem;color: #999;line-height: 1.5rem;}
.g-pinz dl:last-child dd{border-bottom: none;}

/*产品中心*/
.g-cp{border-top: #f7f7f7 1.2rem solid;padding: 2rem 0 3rem;}
.m-bt{font-size: 1.8rem; color: #363636; display: block; width: 100%; text-align: center; height: 4.6rem; line-height: 4.2rem; position: relative;border-bottom: #efefef 1px solid;} 
.m-bt:before{content: "";width: 2rem;height: 0.35rem;background: #1d9347;position: absolute;bottom: -0.15rem;left: 45%;}
.m-bt i{color: #1d9347;}

.cp01{width: 92.5%;margin:2rem auto 0; height: 23.4rem;border-radius: 0.3rem;box-shadow: 0 3px 0.5rem 3px #f8f8f8;border: #eee 1px solid;position: relative;} 
.cp01:before{content: "";width: 2px; height: 100%; background: #efefef; position: absolute; top: 0; left: 52%;} 
.cp_tit{display: block; font-size: 1.4rem; color: #333; font-weight: bold;height: 5.6rem;line-height: 6.2rem;overflow: hidden;margin-left: 3rem;width: 12.5rem;float: left;position: relative;}
.cp_tit:before{content: "";width: 1.7rem; height: 0.3rem; background: #1d9347; position: absolute; bottom: 0; left: 0;} 
.cp01 ul{display: block;float: left;width: 12rem;padding: 2.5rem 0 0 2rem;}
.cp01 ul li{height: 2.5rem;}
.cp01 ul li a{font-size: 1.2rem;color: #1d9347;display: block;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp01 ul li em{width: 0.8rem;display: block;float: left;line-height: 0;padding: 0.8rem 0.7rem 0 0;}
.cp01 ul li em img{width: 0.8rem;height: 0.9rem;}
.cp01 p{width: 15.3rem;height: 16.5rem;position: absolute;top: 5.6rem;left: 0;}
.cp01 p img{width: 15.3rem;height: 16.5rem;}

.cp01 span{display: block;width: 10rem;border-top: #d4d4d4 1px dotted;height: 3.5rem;line-height: 3.5rem;overflow: hidden;position: absolute;top: 16.5rem;right: 2rem;}
.cp01 span a{font-size: 1.2rem;color: #666;display: block;}
.cp01 span em{width: 1.3rem;display: block;float: left;line-height: 0;padding: 1.1rem 0.7rem 0 0;}
.cp01 span em img{width: 1.3rem;height: 1.3rem;}

/*充分润滑*/
.g-three{ width:100%; overflow:hidden; padding:0 0 2rem;background: #1d9347;}
.g-three .sclwrap_box{ height:11.8rem;overflow: hidden;}
.g-three .m-box .con{ display:inline; float:left;}
.g-three span{display: block;width: 100%;height: 4.5rem;line-height: 4.5rem;overflow: hidden;font-size: 1.3rem;color: #fff;font-weight: bold;}
.g-three span em{width: 1.3rem;height: 1.3rem;overflow: hidden;display: block;float: left;line-height: 0;margin: 1.7rem 0.7rem 0 12.3rem;}
.g-three span em img{width: 1.3rem;height: 2.6rem;margin-top: -1.3rem;}
.g-three p{font-size: 1.1rem;color: #d8ebdf;line-height: 1.8rem;width: 76.56%;text-align: center;margin:0 auto;}
.g-three .m-cnt{ width:100%;}
.g-three .m-cnt li{ width:1.5rem; height:0.2rem; background:#166933;margin-right: 0.5rem;float: left;}
.g-three .m-cnt li.z-on{ background:#fff;}
.g-three .m-cnt li:first-child{margin-left: 13rem;}

/*应用案例*/
.g-case{ width:100%; overflow:hidden; padding:2rem 0 2.5rem;position: relative;}
.g-case .m-cnt{border-bottom: #ebebeb 1px solid; width:100%;margin-top: 2rem; display: inline-block;}
.g-case .m-cnt li,.g-case .u-more{width: 29%;float: left; border-bottom: #ebebeb 1px solid;height: 3.2rem;line-height: 3.2rem;position: relative;font-size: 1.2rem;color: #666;padding-left: 4%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case .m-cnt li:before,.g-case .u-more:before{content: "";width: 0.25rem; height: 0.25rem; background: #fff; position: absolute; top: 1.5rem; left: 0.4rem;border: #cecece 1px solid;transform:rotate(45deg);}
.g-case .m-cnt li:nth-child(3n){width: 30%;}
.g-case .m-cnt li.z-on{ color:#1d9347;}
.g-case .m-cnt li.z-on:before{border: #1d9347 1px solid;}
.g-case .m-cnt li:last-child{border-bottom: none;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 92.5%;margin:2rem auto 0;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 100%;padding: 1.2rem 0 0;}
.g-case dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1.4rem;color: #333;}
.g-case .case_desc{font-size: 1.1rem;color: #666;line-height: 1.6rem;padding: 0.5rem 0 0;height: 6.4rem;overflow: hidden;}
.g-case .u-more{display: block;position: absolute;top: 30%;left: 33%;z-index: 10;border-bottom: none;}

/*合作客户*/
.g-hz{background: #f7f7f7;padding: 2rem 0 1.5rem;}
.g-hz ul li{width: 26.56%;float: left;box-shadow: 0 3px 0.5rem 3px #d0d0d0;line-height: 0;margin: 0 0 1rem 1.7rem;}

/*优势*/
.g-ys{width:100%; overflow:hidden;padding: 2rem 0 3rem;border-bottom: #f7f7f7 1.2rem solid;}
.g-ys .sclwrap_box{ height:39.5rem;overflow: hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ padding: 2.2rem 0 0; width:92.5%;margin:0 auto;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:100%;padding: 1.5rem 0 0;}
.g-ys dl dd b{display: block; font-size:1.4rem; color:#333;height: 3.3rem;line-height: 1.6rem;overflow: hidden;}
.g-ys dl dd b i{display: block;font-size: 0.7rem;color: #999;text-transform: uppercase;font-weight: normal;}
.g-ys dl dd p{ font-size:1.1rem; color:#999;line-height: 1.8rem;padding: 0.3rem 0 0;}
.g-ys .m-cnt{ width:100%; display:inline-block;}
.g-ys .m-cnt li{ width:1.5rem; height:0.2rem; background:#999;margin-right: 1.1rem;float: left;}
.g-ys .m-cnt li.z-on{ background:#1d9347; }
.g-ys .m-cnt li:first-child{margin-left: 11.3rem;}

/*走进英吉*/
.g-about{ width:100%; padding: 2rem 0;}
.g-about dl{ width:100%; padding:2.2rem 0 0;}
.g-about dl dt{ width:100%;height: 18rem; background:url(../image/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 div{width: 72.81%;margin:0 auto;padding: 0.8rem 0 0;height:14.8rem;}
.g-about dl dd{ width:92.5%;margin:0 auto; padding: 1.5rem 0 0;}
.g-about .ab_desc{ font-size:1rem; color:#666;line-height: 1.6rem;height: 6.4rem;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:9.5rem; font-size:1.2rem; color:#fff; height:3.6rem; line-height:3.6rem; text-align:center; background:#1d9347; float:left;border-radius: 4rem;}
.g-about dl dd em a:nth-child(2){ margin: 0 0.3rem;}


/**/

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;}}