@charset "utf-8";

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

/*产品中心*/
.chanp{padding: 60px 0 65px;}
.cp_t{font-size: 40px;color: #333;text-align: center;line-height: 40px;height: 110px;background:url(../images/cp_line01.gif) no-repeat center 8px;font-weight: normal;}
.cp_t a{color: #333;}
.cp_t span{display: block;font-size: 16px;color: #999;font-weight: normal;padding: 5px 0 0;}
.cp01{width: 1200px;height: 490px;background:url(../images/cp_line03.gif) no-repeat center 315px;}
.cp01 ul li{float: left;width: 325px;height: 490px;margin-left: 112px;}
.cp01 ul li p{width: 325px;height: 275px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp01 ul li p img{width: 325px;height: 275px;}
.cp01 ul li:hover p{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.cp_ul01 li a{display: block;font-size: 24px;color: #333;width: 325px;height: 94px;line-height: 28px;overflow: hidden;background:url(../images/cp_line02.gif) no-repeat center 84px;padding: 22px 0 0;text-align: center;}
.cp_ul01 li a:hover{color: #dab96b;}
.cp_ul01 li em{display: block;font-size: 14px;color: #999; font-family:Arial, Helvetica, sans-serif;}
.cp_ul02{height: 68px;}
.cp_ul01 .cp_ul02 li{height: 50px;width: 108px;margin: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #666;height: 50px;line-height: 50px;width: 108px;white-space:nowrap; text-overflow:ellipsis;background:url(../images/cp_ico01.png) no-repeat center 0;padding: 0;}
.cp_ul01 .cp_ul02 li a:hover{color: #dab96b;font-weight: bold;background:url(../images/cp_ico02.png) no-repeat center 0;}
.cp_ul01 li .u-more{font-size: 14px;color: #666;height: 30px;line-height: 30px;background:#eaeaea none;padding: 0;width: 100px;margin:0 auto;border-radius: 30px;}
.cp_ul01 li .u-more:hover{color: #fff;background:#dab96b none;}
.cp01 ul li:first-child{margin-left: 0;}

/**/
.yin{background: #f4f4f4;padding: 55px 0 65px;}
.yin .cp_t{background:url(../images/yin_line.png) no-repeat center 8px;height: 120px;}
.yin dl{width: 400px;float: left;height: 460px;background: #fff;}
.yin dl dt{width: 400px;height: 230px;line-height: 0;overflow: hidden;}
.yin dl dt img,.case dl dt img,.case01 ul li img,.news dt img{width: 400px;height: 230px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yin dl dt img:hover,.case dl dt img:hover,.case01 ul li img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.yin dl dd{width: 310px;height: 200px;padding: 30px 0 0 60px;}
.yin dl dd h5{font-size: 24px;color: #111;font-weight: normal;width: 310px;height: 70px;line-height: 100px;overflow: hidden;}
.yin dl dd h5.yin_bt01{background:url(../images/yin_k01.gif) no-repeat;}
.yin dl dd h5.yin_bt02{background:url(../images/yin_k02.gif) no-repeat;}
.yin dl dd h5.yin_bt03{background:url(../images/yin_k03.gif) no-repeat;}
.yin dl dd p{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;width: 270px;padding: 10px 0 0;}

/*应用案例*/
.case{padding: 55px 0 25px;}
.case .cp_t,.about .cp_t{background:url(../images/case_line01.png) no-repeat center 8px;height: 130px;}
.case_t{width: 1200px;height: 96px;background:url(../images/case_bor.gif) no-repeat;}
.case_t ul li,.case_t span{width: 133px; height: 96px; float: left;background:url(../images/case_bor.gif) no-repeat right 0;} 
.case_t ul li a,.case_t span a{display: block;font-size: 14px; color: #333;width: 133px; height: 96px; text-align: center;} 
.case_t ul li em,.case_t span em{display: block;width: 30px;height: 26px;line-height: 0;margin:0 auto 5px;overflow: hidden;} 
.case_t ul li em img,.case_t span em img{width: 30px;height: 26px;}
.case_t ul li a:hover,.case_t span a:hover,.case_t ul li.on a{color: #dab96b;} 
.case_t span{display: block;}
.case dl dt{width: 792px;height: 446px;float: left;overflow: hidden;line-height: 0;}
.case dl dt img{width: 792px;height: 446px;}
.case dl dd{width: 300px; height: 400px; float: right;padding: 44px 40px 0;border: #ddd 1px solid;} 
.case dl dd h5{height: 70px;line-height: 30px;overflow: hidden;}
.case dl dd h5 a{font-size: 22px;color: #333;}
.case dl dd h5 a:hover,.hz h3 a:hover{color: #dab96b;}
.case .case_desc{font-size: 16px; color: #1c1317; line-height: 30px; height: 150px;padding: 20px 0 0; overflow: hidden;} 
.case dl dd span{display: block;padding: 40px 0 0;}
.case dl dd span a{display: block; font-size: 14px; color: #fff; width: 150px; text-align: center; height: 35px; line-height: 35px; background: #dab96b; overflow: hidden;border-radius:20px;}
.case dl dd span a:hover,.liuc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/**/
.case01{padding: 0 0 65px;overflow: hidden;}
.case01 ul li{width: 282px;height: 159px;position: relative;float: left;margin-right: 23px;overflow: hidden;line-height: 0;}
.case01 ul li img{width: 282px;height: 159px;}
.case01 ul li span{ width:262px;padding:0 10px; display:block; text-align:center; height:36px; line-height:36px;font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*合作客户*/
.hz{background: #f4f4f4;padding:0 0 50px;}
.hz h3{height: 100px;line-height: 120px;overflow: hidden;background:url(../images/hz_ico01.gif) no-repeat 0 55px;font-weight: normal;}
.hz h3 a{font-size: 24px;color: #666;padding: 0 0 0 25px;text-transform: uppercase;}
.hz ul li{width:200px;height: 100px;float: left;margin-bottom: 20px;margin-right: 50px;box-shadow: 0 3px 10px 3px #e2e2e3;}
.hz ul li img{width:200px;height: 100px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li:nth-child(5n){margin-right: 0;}

/*优势*/
.ys{padding: 55px 0 0;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 8px;height: 90px;}
.ys_t{position: absolute;top: 530px;left: 155px;z-index: 10;}
.ys_t ul li{font-size: 18px;color: #fff;font-weight: bold;width: 194px; text-align: center; height: 62px; line-height: 62px; overflow: hidden; float: left;margin-right: 40px;} 
.ys_t ul li i{ font-family:Arial, Helvetica, sans-serif;font-size: 20px;padding: 0 10px 0 0;}
.ys_t ul li.ys_li01{background:url(../images/ys_k01.jpg) no-repeat;}
.ys_t ul li.ys_li02{background:url(../images/ys_k02.jpg) no-repeat;}
.ys_t ul li.ys_li03{background:url(../images/ys_k02.jpg) no-repeat;}
.ys_t ul li.ys_li04{background:url(../images/ys_k04.jpg) no-repeat;}
.ys_t ul li{ position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.ys_t ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #dab96b;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ys_t ul li:hover:before, .ys_t ul li:focus:before, .ys_t ul li:active:before {
  right: 0;
}
.ys_t ul li.on{ background:#000 url(../images/ys_line02.gif) no-repeat center 58px;color: #dab96b;}
.ys dl dt{width: 1200px;height: 438px;line-height: 0;}
.ys dl dt img{width: 1200px;height: 438px;}
.ys dl dd{text-align: center;padding: 40px 0 0;width: 1200px;height: 190px;overflow: hidden;}
.ys dl dd h5{font-size: 24px;color: #333;height: 40px;line-height: 40px;overflow: hidden;margin-bottom: 5px;}
.ys dl dd p{font-size: 14px;color: #333;line-height: 30px;}
.ys .ys_dd01{ background:url(../images/ys_no1.gif) no-repeat center 20px;}
.ys .ys_dd02{ background:url(../images/ys_no2.gif) no-repeat center 20px;}
.ys .ys_dd03{ background:url(../images/ys_no3.gif) no-repeat center 20px;}
.ys .ys_dd04{ background:url(../images/ys_no4.gif) no-repeat center 20px;}

/*流程*/
.liuc{ background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 287px;overflow: hidden;padding: 50px 0 0;}
.liuc h3{font-size: 30px;color: #fff;font-weight: normal; background:url(../images/liuc_line.png) no-repeat center 25px;height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
.liuc h3 b{color: #dab96b;}
.liuc ul{margin-top: 40px;display: block;}
.liuc ul li{font-size: 16px;color: #fff;width: 109px;float: left;text-align: center;}
.liuc ul li em{display: block; width: 40px; height: 40px; line-height: 0; margin:0 auto 10px; overflow: hidden;} 
.liuc ul li em img{width: 40px;height: 80px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.liuc ul li:hover em img{margin-top: -40px;}
.liuc span{display: block; width: 172px;margin:0 auto;padding: 40px 0 0;}
.liuc span a{display: block; width: 172px; text-align: center; height: 36px; line-height: 36px; background: #dab96b; font-size: 16px; color: #fff; overflow: hidden;border-radius: 30px;}

/*新闻中心*/
.news_main{padding: 55px 0;}
.news_main .cp_t{background:url(../images/news_line.gif) 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: #dab96b;}
.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{ width:150px; height:113px;}
.news dd{width:370px;float: left; padding:0 0 0 20px;}
.news dd span{display: block;font-size: 36px;color: #dab96b;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: #dab96b;}
.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;}
.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; background:url(../images/news_ico01.gif) no-repeat 0 11px;}
.news ul li a:hover{ background:url(../images/news_ico02.gif) no-repeat 0 11px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}

/*走进东宇*/
.ab_bg{ background:#f4f4f4; padding:50px 0 70px;overflow: hidden;}
.about dl dt{ width:600px; height:450px; float:left;overflow: hidden;line-height: 0;position: relative;padding: 0 0 0 93px;}
.about dl dt img{ width:600px; height:450px;}
.about dl dt em{width: 135px;height: 450px;display: block;position: absolute;top: 0;left: 0;}
.about dl dt em img{width: 135px;height: 450px;}
.about dl dd{width:440px; float:right; padding:20px 0 0;}
.about dl dd h4{height: 50px; line-height:50px; overflow:hidden; font-size:40px; color:#1f1715; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight:normal;}
.about dl dd h4 b{padding:0 10px 0 0;}
.about .ab_desc{ line-height:28px; font-size:14px; color:#342c2a; padding:30px 0 0;height: 168px;overflow:hidden;}
.about dl dd em{display: block;line-height: 28px;margin-top: -28px;margin-left: 140px;}
.about dl dd em a{font-size: 14px;color: #dab96b;}
.ab_bot{height: 110px;padding: 40px 0 0;width: 440px; display: inline-block;}
.ab_bot li{float: left;padding: 15px 20px 0 0;width: 163px;height: 38px;}
.ab_bot li a{font-size: 18px;color: #333; background:url(../images/ab_k01.png) no-repeat;display: block;width: 115px;height: 38px;line-height: 38px;overflow: hidden;padding: 0 0 0 48px;}
.ab_bot li a:hover{color: #fff;font-weight: bold;background:url(../images/ab_k02.png) no-repeat;}

/*友情链接*/
.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);}
}