@charset "utf-8";

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


.four{padding: 30px 0 50px;}
.four_l{width: 460px;padding: 0 90px 0 128px;}
.four_r{width: 420px;padding: 10px 0 0;}
.four_r p{font-size: 24px;color: #333;line-height: 40px;height: 110px;padding-left: 18px;}
.four_r p i{display: block;font-size: 16px;}
.four_r ul li{font-size: 14px;color: #333;float: left;width: 100px;text-align: center;}
.four_r ul li em{width: 38px;height: 38px;display: block;margin:0 auto 8px;background: #333;border-radius:50%;}
.four_r ul li em img{width: 38px;height: 38px;}
.four_r ul li:hover em{background: #e40012;}

/*应用案例*/
.case_bg{ background:url("../images/case_bg.jpg") repeat-x;height: 580px;padding: 96px 0 0;}
.case_t{font-size: 32px;color: #333;text-align: center;line-height: 40px;height: 80px;overflow: hidden;}
.case_t a{font-size: 32px;color: #333;}
.case_t i{color: #e40012;}
.case_t span{display: block;font-size: 20px;font-weight: normal;}
.case_t em{font-size: 60px;font-family: Georgia;font-weight: normal;}
.case_m{padding: 110px 0 0;width: 1200px;overflow: hidden;}
.case_m dl{padding: 20px; background: #fff; height: 310px; overflow: hidden;width:auto!important;float: left;margin-right: 25px;} 
.case_m dl dt{width: 345px;height: 310px;float: left;overflow: hidden;line-height: 0;}
.case_m dl dt img,.cp_r dl dt img,.ys dl dt img,.news_l dl dt em img{width: 345px;height: 258px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m dl dt img:hover,.cp_r dl dt img:hover,.ys dl dt img:hover,.news_l dl dt em img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m dl dd{width: 175px;float: left;padding: 25px 0 0 20px;}
.case_m dl dt h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_m dl dt h5 a{font-size: 18px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dt h5 a:hover,.case_m dl dd span a:hover{color: #e40012;}
.case_m .case_desc{font-size: 14px; color: #666; line-height: 28px; height: 112px; overflow: hidden;padding: 10px 0 0;} 
.case_m dl dd span{display: block;padding: 30px 0 0;}
.case_m dl dd span a{font-size: 14px; color: #666;text-transform: uppercase;}
.case em{width: 42px;height: 42px;position: absolute;top: 320px;display: block;}
.case em a,.cp02 p a{ width:42px; height:42px; display:block;}
.case_l a{ background:url("../images/case_lico01.png") no-repeat;}
.case_l a:hover,.cp_lico a:hover{ background:url("../images/case_lico02.png") no-repeat;}
.case_r a{ background:url("../images/case_rico01.png") no-repeat;}
.case_r a:hover,.cp_rico a:hover{ background:url("../images/case_rico02.png") no-repeat;}
.case_l,.cp_lico{left: -70px;}
.case_r,.cp_rico{right: -70px;}
.case .u-more,.ban01 em a,.ban02 em a{display: block; font-size: 14px; color: #fff; width: 120px; text-align: center; height: 38px; line-height: 38px; background: #333; margin:50px auto 0;border-radius:20px;}
.case .u-more:hover,.ban01 em a:hover,.ban02 em a:hover,.news_l dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*五大优点*/
.five_bg{ background:url("../images/five_bg.jpg") no-repeat center 0;height: 808px;padding: 92px 0 0;}
.five p{text-align: center;width: 200px;position: absolute;}
.five p b{display: block;font-size: 20px;color: #333; background:url("../images/five_k01.png") no-repeat;width: 142px;height: 142px;line-height: 30px;margin:0 auto;}
.five p i{display: block;padding: 40px 0 0;}
.five p span{display: block;font-size: 14px;color: #333;line-height: 22px;padding: 15px 0 0;}
.five p:hover b{color: #fff; background:url("../images/five_k02.png") no-repeat;}
.five .five_p01{top: 350px;left: 25px;}
.five .five_p02{top: 168px;left: 236px;}
.five .five_p03{top: 125px;left: 490px;}
.five .five_p04{top: 168px;right: 236px;}
.five .five_p05{top: 350px;right: 25px;}

/*定制中心*/
.cp_bg{ background:#272727;height: 315px;padding: 15px 0 0;}
.chanp .case_t,.chanp .case_t a{color: #fff;}
.cp_l{width: 247px;padding: 114px 0 0 41px;}
.cp_l ul li{width: 206px;padding: 0 0 29px;}
.cp_l ul li a{display: block; font-size: 16px; color: #333; width: 206px; height: 62px; text-align: center; line-height: 62px; overflow: hidden; background:url("../images/cp_k01.gif") no-repeat;} 
.cp_l ul li a:hover,.cp_l ul li.on a{ background:url("../images/cp_k02.gif") no-repeat;color: #fff;}
.cp_r{width: 910px;padding: 51px 0 0;}
.cp_r dl dt{width: 600px;height: 460px;float: left;overflow: hidden;line-height: 0;}
.cp_r dl dt img{width: 600px;height: 460px;}
.cp_r dl dd{width: 185px;float: left;padding: 85px 0 0 45px;}
.cp_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.cp_r dl dd h5 a{font-size: 16px;color: #e40012;}
.cp_r .cp_desc{padding: 10px 0 0;}
.cp_r dl dd p{font-size: 14px;color: #333;line-height: 24px;padding: 20px 0 0;}
.cp_r dl dd p b{display: block;}

/*产品中心*/
.cp02{ padding: 0 0 60px;}
.cp02 p{width: 42px;height: 42px;position: absolute;top: 105px;}
.cp_lico a{ background:url("../images/cp_lico01.png") no-repeat;}
.cp_rico a{ background:url("../images/cp_rico01.png") no-repeat;}
.cp_m{margin-left: -12px;}
.cp_m ul li{width: 288px;float: left; padding:25px 10px 0;overflow: hidden;}
.cp_m ul li .pic{display:block;width:288px;height: 216px;-webkit-transition:all .3s;transition:all .3s; border:#dcdcdc 1px solid;box-sizing:border-box;}
.cp_m ul li .pic img{width:100%;height:100%;}
.cp_m ul li a:hover .pic{box-shadow:0 5px 10px 0 #aaa;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);border: none;}
.cp_m ul li em{display: block;font-size: 14px;color: #fff;height: 30px;width: 288px;text-align: center;line-height: 30px;padding: 10px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*广告条*/
.ban01{ background:url("../images/ban01.jpg") no-repeat center 0;height: 280px;padding: 66px 0 0;overflow: hidden;}
.ban01 p{font-size: 18px;color: #333;text-align: center;line-height: 30px;height: 125px;}
.ban01 p i{display: block;font-size: 24px;color: #e40012;}
.ban01 p b{display: block;}
.ban01 span{display: block; font-size: 14px; color: #333; text-align: center; background:url("../images/ban_tel.png") no-repeat center 0;padding: 20px 0 0;height: 92px;} 
.ban01 span i,.ban02 span i{display: block; font-size: 30px;font-family: Georgia;}
.ban01 em,.ban02 em{display: block;width: 120px;margin:0 auto;}
.ban01 em a{margin: 0;}

/*3大优势*/
.ys{padding: 60px 0 50px;}
.ys dl{width: 394px;float: left;padding-top: 50px;padding-right: 9px;}
.ys dl dt{width: 394px;height: 296px;overflow: hidden;line-height: 0;}
.ys dl dt img{width: 394px;height: 296px;}
.ys dl dd{width: 394px;height: 190px;padding: 30px 0 0;text-align: center;border: #f5f5f5 1px solid;box-sizing:border-box;}
.ys dl dd h5{font-size: 18px; color: #333; height: 50px; line-height: 50px; overflow: hidden; background:url("../images/ys_ico01.gif") no-repeat center 49px;} 
.ys dl dd p{font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden; width: 318px; margin:0 auto;padding: 12px 0 0;}
.ys dl:hover dd{box-shadow: 0 3px 8px 3px #efefef;}
.ys .nobor{padding-right: 0;}


.ban02{ background:url("../images/ban02.jpg") no-repeat center 0;height: 281px;overflow: hidden;}
.ban02 p{font-size: 24px;color: #fff;line-height: 40px;padding: 125px 0 0 370px;float: left;width: 600px;}
.ban02 p b{color: #e40012;}
.ban02 p i{display: block;font-size: 16px;padding-left: 240px;}
.ban02 span{display: block;width: 220px;float: right; font-size: 14px; color: #fff; text-align: center; background:url("../images/ban_tel02.png") no-repeat center 0;padding: 20px 0 0;margin-top: 88px;line-height: 26px;} 
.ban02 em{padding: 30px 0 0;}
.ban02 em a{ color: #333; background: #fff; margin:0;}

/*新闻百科*/
.news{ padding:92px 0;}
.news_bt{height: 60px;line-height: 60px; background:url("../images/news_line.gif") no-repeat 0 58px;overflow: hidden;}
.news_bt a{font-size: 22px;color: #333;}
.news_bt a:hover{color: #e40012;}
.news_l{width: 600px; padding:20px 0 0;}
.news_l dl{width: 600px;padding: 35px 0 0;}
.news_l dl dt{ display:inline-block;width: 600px;}
.news_l dl dt span{display: block;float: left;width: 185px;height: 171px;background: #e40012;font-size: 24px;color: #fff;font-family:Verdana, Geneva, sans-serif; padding:0 0 0 55px;line-height: 50px;}
.news_l dl dt span i{display: block;font-size: 50px; padding:30px 0 0;}
.news_l dl dt em{display: block;float: left;width: 360px;height: 171px;overflow: hidden;}
.news_l dl dt img{width: 360px;height: 171px;}
.news_l dl dd{width: 600px; padding:15px 0 0;}
.news dl dd h5{height: 30px;line-height: 30px;font-size: 16px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd h5 a{font-size: 16px;color: #333;}
.news dl dd h5 a:hover,.news_r ul li a:hover,.wd_l a:hover,.wd_r dl dt a:hover{color: #e40012;}
.news .news_desc{font-size: 14px;color: #666;height: 72px;line-height: 24px;overflow: hidden; padding:10px 0 0;}
.news_l dl dd span{display: block;}
.news_l dl dd span a{display: block;width: 70px;}
.news_l dl dd span img{width: 70px;height: 23px;}
.news_r{width: 550px; padding:20px 0 0;}
.news_r dl{width: 550px;height: 171px;background: #e7e7e7; display:inline-block;margin: 35px 0 0;}
.news_r dl dt{width: 140px;height: 140px;float: left;font-size: 28px;color: #9d9d9d; padding:31px 0 0 25px;overflow: hidden;}
.news_r dl dt em{display: block;width: 20px; padding:50px 0 0;}
.news_r dl dt em img{width: 20px;height: 20px;}
.news_r dl dd{width: 350px;float: left; padding:25px 0 0;}
.news_r ul{ padding:10px 0 0;}
.news_r ul li{height: 50px;line-height: 50px;font-size: 14px;color: #666; border-bottom:#f4f4f4 1px solid;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r ul li a{font-size: 14px;color: #666; padding:0 0 0 10px;}

/*常见问答*/
.wd{padding: 30px 0 0;}
.wd_l{width: 150px; padding:10px 0 0;}
.wd_l a{font-size: 20px;color: #383838;font-weight: bold;}
.wd_l span{display: block;font-size: 14px;color: #b4b4b4;text-transform: uppercase; padding:6px 0 0;}
.wd_l em{display: block; padding:25px 0 0;}
.wd_l em img{width: 28px;height: 28px; padding:0 10px 0 0;}
.wd_r{width: 1050px;}
.wd_r dl{width: 450px;float: left;height: 145px; border-bottom:#d0d0d0 1px dashed; margin:0 40px 0 20px;}
.wd_r dl dt{ background:url("../images/wd_tbg.gif") no-repeat;height: 45px;line-height: 40px;overflow: hidden;}
.wd_r dl dt a{font-size: 14px;color: #333;font-weight: bold; padding:0 0 0 35px;}
.wd_r dl dd{height: 50px;line-height: 25px;font-size: 14px;color: #333;overflow: hidden; padding:20px 0 0 35px;width: 400px;}

/*关于东捷电气*/
.ab_bg{ background:url("../images/ab_bg.jpg") no-repeat center 0;height: 655px; padding:45px 0 0;overflow: hidden;}
.ab_t{height: 210px;text-align: center;}
.ab_t a{font-size: 32px;color: #333;}
.ab_t i{font-size: 20px;font-weight: normal;padding: 0 15px;}
.ab_t em{display: block;padding: 0 0 10px;}
.ab_t em img{width: 56px;height: 48px;}
.about dl dt{ width:554px; height:345px; float:left;overflow: hidden;line-height: 0;padding-left: 19px;}
.about dl dt img{ width:554px; height:345px;}
.about dl dd{width:515px; float:right; padding:30px 0 0;}
.about dl dd h4{ background:url("../images/ab_line.gif") no-repeat 0 54px;height: 55px; line-height:55px; overflow:hidden;}
.about dl dd h4 a{ font-size:22px; color:#333;}
.about .ab_desc{ line-height:30px; font-size:14px; color:#333; padding:20px 0 0;height: 120px;overflow:hidden;}
.about dl dd em{display: block;padding: 25px 0 0;}
.about dl dd em a{font-size: 14px;color: #333;text-transform: uppercase;}
.about dl dd span{display: block;padding: 40px 0 0;}
.about dl dd span a{display: block;width: 125px;height: 45px;font-size: 14px;color: #fff;text-align: center;line-height: 45px;background: #333;float: left;margin-right: 12px;border-radius:30px;}
.about dl dd span a:hover{background: #e40012;}



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