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

/**/
.yin{padding: 60px 0 0;height: 240px;}
.yin dl{width: 400px;height: 240px;float: left;overflow: hidden;text-align: center;background:url(../image/yin_line.gif) no-repeat;}
.yin dl:first-child{background: none;}
.yin dl dt{width: 63px;height: 63px;margin:0 auto;}
.yin dl dd{width: 300px;padding: 12px 0 0;margin:0 auto;}
.yin dl dd h5{font-size: 22px;color: #333;font-weight: normal;height: 45px;line-height: 45px;overflow: hidden;}
.yin dl dd p{font-size: 14px;color: #666;line-height: 22px;padding: 5px 0 0;height: 44px;overflow: hidden;}
.yin a .icon{position:relative;display:block;width:63px;height:63px;}
.yin a .icon i{position:absolute;width:100%;height:100%;background:url(../image/idesign_icon.png);top:0;left:0;}
.yin a .icon .default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.yin a .icon .hover{opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-63px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.yin a.i1 .icon .default{background-position:0 0;}
.yin a.i2 .icon .default{background-position:0 -63px;}
.yin a.i3 .icon .default{background-position:0 -126px;}
.yin a.i1 .icon .hover{background-position:-63px 0;}
.yin a.i2 .icon .hover{background-position:-63px -63px;}
.yin a.i3 .icon .hover{background-position:-63px -126px;}
.yin a:hover .hover{opacity:1;visibility:visible;}
.yin a:hover .default{opacity:0;visibility:hidden;}
.yin a:hover .default{-webkit-transform:translate3d(0,63px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,63px,0) rotate3d(1,0,0,-90deg);}
.yin a:hover .hover{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/*产品中心*/
.cp_bg{ background:url(../image/cp_bg.jpg) no-repeat center 0;height: 787px;overflow: hidden;padding: 52px 0 0;}
.cp_t{height: 118px;line-height: 40px;text-align: center;overflow: hidden;background:url(../image/cp_tbg.gif) no-repeat center 8px;font-weight: normal;font-size: 40px;color: #333;}
.cp_t a{font-size: 40px;color: #333;}
.cp_t b{color: #1d9347;}
.cp_t span{display: block;font-size: 14px;color: #666;padding: 3px 0 0;}

.cp01{width: 373px; height: 296px; background: #fff; float: left;border-radius: 5px;margin-right: 40px;margin-bottom: 40px;box-shadow: 0 3px 10px 3px #d0d0d0;-webkit-transition:transform .3s;transition:transform .3s;} 
.cp01:before{content: "";width: 1px; height: 296px; background: #efefef; position: absolute; top: 0; left: 194px;} 
.cp_tit{display: block; font-size: 18px; color: #333; font-weight: bold;height: 72px;line-height: 80px;overflow: hidden; background:url(../image/cp_ico04.gif) no-repeat 0 68px;margin-left: 38px;width: 155px;float: left;}
.cp_tit:hover{color: #1d9347;}
.cp01 ul{display: block;float: left;width: 145px;padding: 26px 0 0 26px;}
.cp01 ul li{height: 30px;}
.cp01 ul li a{font-size: 14px;color: #666;display: block;height: 30px;line-height: 30px; background:url(../image/cp_ico01.gif) no-repeat 0 11px;padding: 0 0 0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 125px;}
.cp01 ul li a:hover{color: #1d9347;background:url(../image/cp_ico02.gif) no-repeat 0 11px;}
.cp01 p{width: 193px;height: 210px;position: absolute;top: 72px;left: 0;}
.cp01 p img{width: 127px;height: 210px;padding-left:31px;}

.cp01 span{display: block;width: 120px;border-top: #d4d4d4 1px dotted;height: 50px;line-height: 50px;overflow: hidden;background:url(../image/cp_ico03.gif) no-repeat 0 18px;position: absolute;top: 210px;right: 30px;}
.cp01 span a{font-size: 14px;color: #666;padding: 0 0 0 28px;}
.cp01 span a:hover{color: #1d9347;}
.chanp .nobor{margin-right: 0;}
.cp01:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/**/
.three_bg{ background:url(../image/three_bg.jpg) no-repeat center 0;height: 199px;overflow: hidden;}
.three_l{padding: 0 0 0 10px;width: 630px;}
.three_l ul li{font-size: 24px;color: #095b26;height: 130px;line-height: 122px;overflow: hidden;width: 210px;float: left;}
.three_l ul li em{display: block; float: left; width: 26px; height: 26px; line-height: 0; overflow: hidden;margin: 50px 10px 0 30px;} 
.three_l ul li em img{width: 26px; height: 52px;} 
.three_l ul li:hover,.three_l ul li.on{color: #fff;}
.three_l ul li:hover em img,.three_l ul li.on em img{margin-top: -26px;}
.three_r{padding: 35px 0 0 115px;width: 380px;}
.three_r p{font-size: 14px;color: #d8ebdf;line-height: 24px;height: 48px;overflow: hidden;}

/*应用案例*/
.case_bg{ background:url(../image/case_bg.jpg) no-repeat center 0;height: 655px;overflow: hidden;padding: 52px 0 0;}
.case .cp_t{background:url(../image/case_tbg.png) no-repeat center 8px;}
.case_t{height: 72px;border: #ebebeb 2px solid;width: 1196px;}
.case_t ul li{width: 148px; height: 72px; float: left;border-right: #ebebeb 1px solid;} 
.case_t ul li a,.case_t span a{display: block;font-size: 14px; color: #666;width: 148px; height: 60px; text-align: center; padding: 12px 0 0;} 
.case_t ul li em,.case_t span em{display: block;width: 32px;height: 24px;line-height: 0;margin:0 auto 5px;overflow: hidden;} 
.case_t ul li em img,.case_t span em img{width: 32px;height: 48px;}
.case_t ul li a:hover,.case_t ul li.on a{background: #1d9347;color: #fff;} 
.case_t ul li a:hover em img,.case_t ul li.on em img{margin-top: -24px;}
.case_t span{display: block;float: right;width: 153px;}
.case_m{padding: 45px 0 0;}
.case dl dt{width: 640px;height: 360px;float: right;overflow: hidden;position: relative;line-height: 0;}
.case dl dt img{width: 640px;height: 360px;}
.case dl dt em{width: 640px;height: 15px;display:block; float:left;position: absolute;z-index: 4;bottom: 0;left: 0;}
.case dl dt em:hover{background:#1d9347\9;}/* IE6、IE7、IE8支持 */
.case dl dt em:after{content:'';position:absolute;height:100%;width:0;background:#1d9347;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.case dl dt:hover em:after{width:100%;}
.case dl dd{width: 470px; float: left;margin: 15px 0 0;} 
.case dl dd h5{height: 72px;line-height: 36px;overflow: hidden;width: 330px;font-weight: normal;}
.case dl dd h5 a{font-size: 26px;color: #333;}
.case dl dd h5 a:hover{color: #1d9347;}
.case .case_desc{font-size: 14px; color: #666; line-height: 30px; height: 90px;padding: 30px 0 0; overflow: hidden;} 
.case dl dd span{display: block;padding: 70px 0 0;}
.case dl dd span a{display: block; font-size: 14px; color: #fff; width: 133px; text-align: center; height: 40px; line-height: 40px; background: #1d9347; overflow: hidden;}
.case dl dd span a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.case dl dd span a:hover, .case dl dd span a:focus, .case dl dd span a:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*合作客户1*/
.hz_bg{ background:url(../image/hz_bg.jpg) no-repeat center 0;height: 510px;overflow: hidden;padding: 40px 0 0;}
.hz h3{height: 96px;line-height: 70px;overflow: hidden;text-align: center;font-weight: normal;}
.hz h3 a{font-size: 38px;color: #333;}
.hz ul li{width: 202px;height: 102px;float: left;box-shadow: 0 3px 10px 3px #e8e8ea;line-height: 0;margin-bottom: 30px;margin-right: 47px;}
.hz ul li img{width: 200px;height: 100px;}
.hz ul li a{width: 200px;height: 100px;border: #f8f8f8 1px solid;display: block;-webkit-transition:all .3s;transition:all .3s;}
.hz ul li a:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);border: #27984f 1px solid;}
.hz ul li:nth-child(5n){margin-right: 0;}


/*优势*/
.ys_bg{ background:url(../image/ys_bg.jpg) no-repeat center 0;height: 782px;overflow: hidden;padding: 50px 0 0;}
.ys .cp_t{background:url(../image/ys_tbg.gif) no-repeat center 8px;height: 120px;}
.ys01{width: 290px;height: 608px;overflow: hidden;margin-right: 13px;}
.ys01m{width: 290px;}
.ys01m p{width: 290px;height: 385px;}
.ys01m p img{width: 290px;height: 385px;}
.ys01m em{width: 53px;height: 63px;display: block;margin:0 auto;padding: 50px 0 0;}
.ys01m em img{width: 53px;height: 63px;}
.ys01m span,.ys01 dl dt span{display: block;padding: 22px 0 0;font-size: 24px;color: #333;text-align: center;line-height: 30px;}
.ys01m span i,.ys01 dl dt span i{display: block;font-size: 12px;color: #999;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.ys01 dl{width: 290px;height: 0;position: absolute;bottom: 0;left: 0;background:#1d9347;
transition:height .8s;
-moz-transition:height .8s; /* Firefox 4 */
-webkit-transition:height .8s; /* Safari and Chrome */
-o-transition:height .8s; /* Opera */}
.ys01 dl dt{text-align: center;padding: 36px 0 0;}
.ys01 dl dt b{width: 53px;height: 32px;display: block;margin:0 auto;}
.ys01 dl dt b img{width: 53px;height: 32px;}
.ys01 dl dt span{color: #fff;padding: 15px 0 0;}
.ys01 dl dt span i{color: #a1bfac;}
.ys01 dl dd{width: 256px;text-align: center;margin:0 auto;padding: 10px 0 0;}
.ys01 dl dd p{font-size: 14px;color: #bbd8c3;line-height: 22px;padding: 10px 0 0;}
.ys01:hover dl{height: 415px;}
.ys .nobor{margin-right: 0;}

/*广告条*/
.ban01{ background:url(../image/ban01.jpg) no-repeat center 0;height: 171px;overflow: hidden;}
.ban01 p{line-height: 30px;width: 210px;float: right;padding: 45px 0 0;}
.ban01 p span{display: block;font-size: 20px;color: #a7a7a7; background:url(../image/ban_tel.png) no-repeat 0 5px;padding: 0 0 0 28px;}
.ban01 p i{display: block;font-size: 28px;color: #1d9347;}

/*新闻中心*/
.news_main{padding: 60px 0 55px;}
.news_main .cp_t,.about .cp_t{background:url(../image/case_tbg.png) no-repeat center 8px;height: 110px;}
.news{ width:550px;}
.news_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t p a{font-size: 18px;color: #333;font-weight: bold;}
.news_t p a:hover{color: #1d9347;}
.news_t p i{color: #cecece;font-size: 20px;display: block;font-weight: normal; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.news_t span img{width: 25px;height: 25px;}
.news dl{ width:550px; padding:40px 0 20px;border-bottom: #f3f3f3 1px solid; display: inline-block;margin-bottom: 15px;}
.news dt{ width:150px; height:113px;overflow: hidden;float: left;}
.news dt img,.about dl dt img{ width:150px; height:113px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news dl dt 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);}
.news dd{width:370px;float: left; padding:0 0 0 20px;}
.news dd span{display: block;font-size: 36px;color: #1d9347;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 36px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dd h3 a:hover,.news ul li a:hover{color: #1d9347;}
.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news ul li{ height:28px; line-height:28px; overflow:hidden; background:url(../image/news_ico01.gif) no-repeat 0 11px;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}

/*走进英吉*/
.ab_bg{ background:#f8f8f8; padding:60px 0; overflow:hidden;}
.about dl dt{ width:1200px; height:405px;line-height: 0;overflow: hidden;}
.about dl dt img{ width:1200px; height:309px;}
.about dl dd{ padding:25px 0 0;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 25px;height: 75px;overflow: hidden;text-align: center;}
.about dl dd span{display: block;width: 600px; padding:40px 0 0 325px;}
.about dl dd span a{display: block; float: left; font-size: 16px; color: #fff;width: 125px;height: 40px;text-align: center; line-height: 40px;background:#3a5845;margin-right: 20px;border-radius: 30px;}
.about dl dd span a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.about dl dd span a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1d9347;
  border-radius: 30px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.about dl dd span a:hover, .about dl dd span a:focus, .about dl dd span a:active {
  color: white;
}
.about dl dd span a:hover:before, .about dl dd span a:focus:before, .about dl dd span a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.video_c{width: 1200px; height:309px;z-index: 5000; position:relative;}
.video_btn{width: 1200px;height: 309px;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); } 
.video_m {background:#eee;width: 600px; height: 450px; z-index: 1; margin: 6% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 600px; height: 450px; overflow: hidden;}
.video_con img{width: 600px; height: 450px;}

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

/**/
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}