@charset "utf-8";



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




/*首页 产品*/
.i-prod { width: 100%; padding: 20px 0; }
.i-prod h2 { width: 100%; height: 26px; line-height: 26px; margin: 10px auto 11px; text-align: center; font-size: 32px; color: #333; font-weight: bold; text-transform: uppercase;}
.i-prod h2 span { vertical-align: middle; font-size: 0; padding: 13px 43px; margin: 0 15px; background: url(../images/h2bg.jpg) repeat-x center; }
.i-prod h6 { font-size: 12px; color: #999; line-height: 22px; text-align: center; margin-bottom: 18px;}
.i-prod-ctrl { text-align: center; margin-bottom: 30px; height: 34px; line-height: 34px;}
.i-prod-ctrl a { padding: 15px 15px; margin:0 2px; font-size: 13px; color: #333; text-transform: uppercase;border:1px solid #f1f1f1;}
.i-prod-ctrl a.active,.i-prod-ctrl a:hover { background-color: #333; color: #fff;}

.i-prod-content { width: 1200px; overflow: hidden; display: none; margin:0 auto}

.i_about{ width:1100px; margin:20px auto; height:450px;}
.i_about p{ text-indent:2em; line-height:24px;font-size:14px; color:#666}
.i_about img{ float:left; padding-right:20px;}
.i_about span{ background:#fcae14; padding:18px 22px; margin-right:10px; font-size:12px; color:#fff;}
.i_about i{ background:#fcae14; font-size:18px; color:#fff; font-weight:bold}




/*推荐产品*/
.pro{ height:530px;}
.pro h3{font-size:32px; text-align:center; margin-top:30px; line-height:40px;}
.pro h2{font-size:14px; font-weight:normal; text-align:center; line-height:35px; }
.pro p{ text-align:center; margin-bottom:20px; line-height:26px;font-size:16px; color:#ccc;font-family:"Microsoft Yahei";text-transform:uppercase;font-weight: normal}
.pro ul{ }
.pro ul li{ float:left;text-align:center; margin:5px; height:320px;width:278px; border:1px solid #f1f1f1;}
.pro ul li img{ height:270px; }
.pro ul li a{ text-decoration:none;}
.pro ul li:hover{ border:1px solid #666;}
.s0{display:block;}
.s1{display:none;}
.s2{display:none;}
.s3{display:none;}

/*产品中心*/

.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: 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: #0688ce;}

.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: #0688ce;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:#0688ce 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;

-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: 150px; 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: 150px; 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: #0688ce;} 

.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: #0688ce;}

.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: #0688ce; 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;}



.yban1{ width:100%; height:285px; padding:49px 0 0; background:url(../images/yban1.jpg) center no-repeat;margin:0 auto;}

.yban1 .main{ width:1200px; height:285px; position:relative; margin:0 auto;}

.yban1 .main .tt{ position:absolute; left:298px; top:160px;}

.yban1 .main .tt a,.yban2 .tt a{ height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; padding:0 17px;border:1px solid #0688ce; background:#0688ce; border-radius:3px; margin-right:20px; display:block; float:left;}

.yban1 .main .lx{ position:absolute; right:0px; top:0px; width:230px; height:151px;padding:35px 0 0;background:#0688ce;border:1px solid #0688ce;text-align:center;}

.yban1 .main .lx p{ line-height:30px; font-size:28px; color:#ffffff;}

.yban1 .main .lx p span{font-size:16px; display:block;}

.yban1 .main .lx a{ width:126px; height:34px; line-height:34px; font-size:16px; color:#000000; background:#fff; display:block; margin:18px auto 0;}

.yban1 .main .lx a:hover{color:#fff; background:#f52b21;}

.yban1 .main .tt a:hover{color:#fff; background:#6ebb45;}



.m9_m{ width:100%;height:auto;overflow:hidden;padding:38px 0 45px;border-top:1px solid #dadada;background:url(../images/al_bj.jpg) center repeat;margin:0 auto;}
.m9_m .main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.m9_m .main .xnav{ height:58px; padding:0 0 11px; background:url(../images/lc_xnav1.png) left bottom no-repeat;margin:0 0 30px;}
.m9_m .main .xnav p{ height:22px; padding:18px 0 18px 18px; background: url(../images/lc_tb0.png) left center no-repeat;}

.m9_l{ width:1200px;height:auto;overflow:hidden; background: url(../images/lc_x1.png) right bottom no-repeat;}
.m9_l dl{height:auto;overflow:hidden;}
.m9_l dl dt{ width:190px;height:auto;overflow:hidden; text-align:center;float:left;}
.m9_l dl dt .tb{width:114px;height:31px; padding:50px 0;text-align:center;background:url(../images/lc_xbj.png) left center no-repeat;margin:0 auto;}
.m9_l dl dt .tb i{width:31px;height:31px;display:block;margin:0 auto;}
.m9_l dl dt .tb i.xb1{ background-position:0 -85px;}
.m9_l dl dt .tb i.xb2{ background-position:-31px -85px;}
.m9_l dl dt .tb i.xb3{ background-position:-62px -85px;}
.m9_l dl dt .tb i.xb4{ background-position:-93px -85px;}
.m9_l dl dt .tb i.xb5{ background-position:-124px -85px;}
.m9_l dl dt .tb i.xb10{ background-position:-155px -85px;}
.m9_l dl dt .tb i.xb9{ background-position:-186px -85px;}
.m9_l dl dt .tb i.xb8{ background-position:-217px -85px;}
.m9_l dl dt .tb i.xb7{ background-position:-248px -85px;}
.m9_l dl dt .tb i.xb6{ background-position:-279px -85px;}
.icon_xb {
    background-image: url(../images/icon_xb.png);
}
.m9_l dl dt p{ font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin:7px auto 5px;}
.m9_l dl dt h6{ font-size:18px; color:#333333;}
.m9_l dl dd{ width:32px; height:32px; padding:50px 0 0; margin:0 10px; float:left;}
.m9_l dl dd img{ width:32px; height:32px;margin:0 auto;}
.m9_l .jt{    width: 1080px;height:32px; background:url(../images/lc_xb2.png) right center no-repeat; margin:5px 0 10px;}
.m9_l dl dt:hover .tb{background:url(../images/lc_xbj.png) right center no-repeat;}
.m9_l dl dt:hover{transform: rotateY(360deg);transition:all 2.0s; }


/*合作客户*/


.m8_m{ width:100%; height:auto;overflow:hidden;margin:0 auto;margin: 50px 0;}
.m8_m .slideGroup{ width:1246px; height:auto; overflow:hidden; margin:0 auto;}
.m8_m .slideGroup .parHd{ width:1200px;height:40px; line-height:40px;position:relative;background:url(../images/xc_x1.jpg) center repeat-x;margin:0 auto 30px;}
.m8_m .slideGroup .parHd ul{ width:514px;height:40px;overflow:hidden;text-align:center;vertical-align:middle; background:#fff;margin:0 auto;}
.m8_m .slideGroup .parHd ul li{ width:100px; height:40px;line-height:40px;margin:0 10px; display:inline-block;}
.m8_m .slideGroup .parHd ul li a{ display:block; width:100px; height:38px; border:1px solid #737373; background:#fff; font-size:16px; color:#333333;}
.m8_m .slideGroup .parHd ul li.on a{ color:#fff; background:#0588ce; border:1px solid #737373;}
.m8_m .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0 0 0 42px; position:relative;   }
.m8_m .slideGroup .sPrev,.m8_m .slideGroup .sNext{ position:absolute; left:0px; top:63px; display:block;width:35px;height:75px; line-height:75px; text-align:center; font-size:30px; color:#fff; font-family:"宋体";background:#999999; border:1px solid #868686;}
.m8_m .slideGroup .sNext{ left:auto; right:0px;}
.m8_m .slideGroup .sPrev:hover,.m8_m .slideGroup .sNext:hover{ background:#0588ce; border:1px solid #cc2119;}
.m8_m .slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.m8_m .slideGroup .parBd ul li{ margin:0 10px; float:left; width:270px; height: auto;overflow:hidden; text-align:center  }
.m8_m .slideGroup .parBd ul li .tu{width:270px; height:185px; overflow:hidden;margin:0 auto 10px;}
.m8_m .slideGroup .parBd ul li img{width:270px; min-height:185px; overflow:hidden;}
.m8_m .slideGroup .parBd ul li p{ line-height:30px; height:30px; overflow:hidden; font-size:16px; color:#333333; padding:0 15px;}
.m8_m .slideGroup .parBd ul li a:hover p{color:#ff5a00;}
.m8_m .slideGroup .parBd ul li .tu1{ height:185px; overflow:hidden;margin:0 auto 10px;}
.m8_m .slideGroup .parBd ul li .tu1 img{width:138px; height:185px; overflow:hidden;}



/*优势*/

.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: #0688ce;

  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: #0688ce;}

.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: #0688ce;}

.liuc ul{margin-top: 40px;display: block;}

.liuc ul li{font-size: 16px;color: #fff;width: 120px;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: #0688ce; font-size: 16px; color: #fff; overflow: hidden;border-radius: 30px;}



/*新闻中心*/

.news_main{padding: 55px 0;}



.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: #0688ce;}

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

.news dd{width:370px;float: left; padding:0 0 0 20px;}

.news dd span{display: block;font-size: 36px;color: #0688ce;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: #0688ce;}

.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: 96px;height: 450px;display: block;position: absolute;top: 0;left: 0;    }

.about dl dt em img{width: 96px;height: 450px;Z-INDEX: -55;}

.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;    font-size: 33px;}

.about .ab_desc{ line-height:28px; font-size:14px; color:#342c2a; padding:30px 0 0;height: 200px;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: #0688ce;}

.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: #fff; 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);}

}