@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.png) 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: 350px;background:url(../images/cp_line03.gif) no-repeat center 315px;}
.cp01 ul li{float: left;width: 325px;height: 350px;margin-left: 112px;}
.cp01 ul li p{width: 325px;height: 186px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp01 ul li p img{width: 325px;height: 186px;}
.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: #063990;}
.cp_ul01 li em{display: block;font-size: 14px;color: #999; font-family:Arial, Helvetica, sans-serif;}
.cp_ul02{height: 50px;}
.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: #063990;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:#063990 none;}
.cp01 ul li:first-child{margin-left: 0;}

.pro_bg{padding:50px 0;background:#f4f4f4;}
.syt_h2{margin-bottom: 28px; text-align:center;}
.syt_h2 h3{ font-size:32px; color:#133b83; line-height:50px; font-weight:bold;}
.syt_h2 i{ font-size:16px; color:#666; font-style:normal;}
.pro_t{width: 1200px;margin: 0  auto 20px; height: 60px; line-height: 50px; text-align: center;}
.pro_t a{ display: inline-block; background:#063990; border-right:1px #ddd solid; padding:0 30px; line-height:50px; color: #fff; font-size:16px;}
.pro_t a:hover{color:#fff;background: #dd0000; font-weight:bold}
.pro_t a:last-child{ border-right:none;}


.pro_con{margin: 0 auto; width:1338px; overflow: hidden;}
.pro_qh{width: 1200px; margin: 0 auto;}


.pro_list{width:1200px; overflow:hidden;}
.pro_list ul li{position: relative; float:left; line-height: 0px; width: 382px; margin-right:18px; overflow:hidden;}
.pro_list ul li:nth-child(3n){ margin-right:0}
.pro_list ul li h3{ width:380px; height:280px; border:1px #ddd solid;}
.pro_list ul li p{margin-top: 1px;display: block;text-align: center; height: 50px;line-height: 50px;}
.pro_list ul li p a{ font-size:14px; display:block; color: #666;}


.productlist{ width:1200px; margin:0 auto;}
.productlist *{-webkit-transition: all ease-in-out 0.55s;
	-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;
	transition: all ease-in-out 0.55s;}
	
.productlist div{ float:left; width:380px; height:335px; margin:0 10px; margin-bottom:20px; background:#f8f8f8; text-align:center;}
.productlist div:nth-child(3n+1){ clear:left;}
.productlist div h3{ width:380px; height:285px; background:#fff; overflow:hidden;}
.productlist div h3 a{ display:block; width:380px; height:285px;}
.productlist div p{ height:50px; line-height:50px; padding:0 25px; background:#2b2c31}
.productlist div p a{ color:#fff; font-size:18px; text-align:center;display:block;}
.productlist div:hover{ background:#063990; box-shadow:0 0 10px #888; margin-top:-5px;}
.productlist div:hover h3 a img{ opacity:0.8;}
.productlist div:hover p{ background:#063990;}
.productlist div:hover p a{ color:#fff; font-size:18px;}


.edgebj{height:810px; background:url(../images/d-edgebj.jpg) no-repeat top center;overflow: hidden;}
.edge{padding-top:65px; height:720px; }
.edge h3{text-align: center; margin-bottom: 31px;}
.edge h3 em{font-size: 36px; font-weight: bold; color:#FFF; line-height: 36px; margin-bottom: 24px;}
.edge h3 i{display: block; font-size: 14px; line-height: 20px; color:#FFF;margin-top: 24px; font-weight:normal; }
.edge ul{height:620px;}
.edge ul li{width:400px; height:320px;float:left;}
.edge ul li dl dt{width: 100%; height:200px; position: relative;}
.edge ul li dl dt img{width: 100%; height:200px; }
.edge ul li dl dt i{display: block; width:100%; height:200px; background:url(../images/d-yy.png) no-repeat center; position: absolute; left:0; top:0;}
.edge ul li:nth-child(4),.edge ul li:nth-child(5){ width:600px;}
.edge ul li dl dd{padding:20px; border:1px #ddd solid; border-top:none; box-sizing:border-box;}
.edge ul li dl dd span{display: block; height:60px; width:60px; float:left; margin-right:10px;}
.edge ul li dl dd h3{ text-align:left; font-size:18px; color:#333;margin-bottom: 0;line-height: 30px;}
.edge ul li dl dd p{font-size: 14px; color:#666666; background:url(../images/d-hg.jpg) no-repeat top center;}
.edge ul li dl dd .ed1{background:url(../images/d-edt1.png) no-repeat top center;}
.edge ul li dl dd .ed2{background:url(../images/d-edt2.png) no-repeat top center;}
.edge ul li dl dd .ed3{background:url(../images/d-edt3.png) no-repeat top center;}
.edge ul li dl dd .ed4{background:url(../images/d-edt4.png) no-repeat top center;}
.edge ul li dl dd .ed5{background:url(../images/d-edt5.png) no-repeat top center;}
.edge ul li:hover dt i{display: none;}
.edge ul li:hover dd{background:#333;}
.edge ul li:hover dd h3{ color:#fff;}
.edge ul li:hover dl dd .ed1{background:url(../images/d-edt1_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed2{background:url(../images/d-edt2_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed3{background:url(../images/d-edt3_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed4{background:url(../images/d-edt4_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed5{background:url(../images/d-edt5_h.png) no-repeat top left;}
.edge ul li:hover dl dd p{color:#fff;background:url(../images/d-hg_h.png) no-repeat top center;}
.edge ul li:hover dl dd span{ color:#fff;}

.list2{background: url(../images/ys_tt.jpg) no-repeat center top;height: 2957px;}
.list2 .tit {text-align: center;height:135px;padding-top:76px;margin-bottom:36px;background: url(../images/fan_ico4.png) no-repeat center bottom;}
.list2 .tit h4 {height: 65px;line-height: 65px;font-size:48px;font-weight: bold;color: #333;}
.list2 .tit h4 span{ color:#063990}
.list2 .tit p{background:url(../images/ys_x.png) no-repeat center;font-size:18px;color:#888;height:28px;line-height:28px;}
.ys_bj1{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 542px;}
.ys_bj2{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 541px;}
.ys1{padding:48px 0 0 45px;width:1155px;margin:0 auto;position: relative;height: 494px;}
.list2 .ys1 dl {padding-top:156px;}
.ys2{width:1152px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys2 dl{padding-top:103px;}
.ys3{width:1120px;padding:45px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys3 dl{padding-top:153px;}
.ys4{width:1152px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys4 dl{padding-top:103px;}
.ys5{width:1120px;padding:36px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys5 dl{padding-top:153px;}
.list2 dl{width:433px;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt p {float:right;width:359px;}
.list2 dt p span {display:block;height: 34px;line-height: 34px;font-size:24px;color: #333333;font-weight: bold;}
.list2 dt p em {font-size:10px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list2 dd p {padding-left:30px;font-size:16px; color: #333333;line-height: 26px;padding:0 0 0 25px;background: url(../images/ys_ico1.png) no-repeat left 7px;margin-top:20px;}
.list2 dd span{ font-size:12px; text-transform:uppercase; color:#888; line-height:16px;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute;}
.ys_a1{left:-18px;bottom:0;}
.ys_a2{right:-18px;bottom: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: 690px;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: #333;width: 310px;height: 70px;line-height: 100px;overflow: hidden;}
.yin dl dd h5 b{color: #063990;}
.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 h5.yin_bt04{background:url(../images/yin_k04.gif) no-repeat;}
.yin dl dd h5.yin_bt05{background:url(../images/yin_k05.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: #063990;} 
.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: #063990;}
.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: #063990; 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:70px;z-index: 10;}
.ys_t ul li{font-size: 18px;color: #fff;font-weight: bold;width: 194px;background:#333; text-align: center; height: 62px; line-height: 62px; overflow: hidden; float: left;margin-right: 20px;} 
.ys_t ul li i{ font-family:Arial, Helvetica, sans-serif;font-size: 20px;padding: 0 10px 0 0;}
.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: #063990;
  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:#333;color: #fff;}
.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: 80px;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;}
.ys .ys_dd05{ background:url(../images/ys_no5.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: #063990;}
.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: #063990; font-size: 16px; color: #fff; overflow: hidden;border-radius: 30px;}

/*新闻中心*/
.news_main{padding:0;}
.news_main .cp_t{background:url(../images/case_line01.png) no-repeat center 8px;height: 110px;}
.news{ width:550px;}
.news_c{ height:180px; padding-top:20px;}
.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: #063990;}
.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 .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news ul li{ height:35px; line-height:35px; 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 center;}
.news ul li a:hover{ background:url(../images/news_ico02.gif) no-repeat 0 center;}
.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;width:100%;}
.about dl dt{ width:600px; height:400px; float:left;overflow: hidden;line-height: 0;position: relative;}
.about dl dt img{ width:600px; height:400px;}
.about dl dd{width:550px; 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;overflow:hidden;}
.about dl dd em{display: block;line-height: 28px; float:right;}
.about dl dd em a{font-size: 14px;color: #333;}
.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: 80px;line-height: 26px;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);}
}