/**/
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{ width:1200px; margin:0 auto;}

/**/
.about{padding: 60px 0;overflow: hidden;}
.about dl{height: 438px;position: relative;}
.about dl dt{width: 807px;height: 438px;line-height: 0;position: absolute;top: 0;left: 50%;margin-left: 152px;overflow: hidden;}
.about dl dt img{width: 807px;height: 438px;}
.about dl dt img,.case dl dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dl dt img:hover,.case dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about dl dd{width: 650px;float: left;padding: 30px 0 0;position: relative;}
.about dl dd em{background:url(../images/d1_abline02.gif) no-repeat;display: block;width: 184px;height: 6px;position: absolute;top: 380px;right: -184px;}
.about dl dd h5{font-size: 40px;color: #333;font-weight: normal;background:url(../images/d1_abline01.gif) no-repeat 0 bottom;height: 80px;line-height: 70px;overflow: hidden;}
.about dl dd p{font-size: 14px;color: #333;line-height: 30px;height: 150px;overflow: hidden;padding: 25px 0 0;}
.about ul li{font-size: 20px;color: #0055b2;font-weight: bold;line-height: 30px;width: 200px;float: left;text-align: center;margin-top: 25px;position: relative;}
.about ul li:before{content: "";width: 42px;height: 13px;background:url(../images/d1_abline03.gif) no-repeat;position: absolute;top: 20px;left: -25px;}
.about ul li i{display: block;font-size: 14px;color: #333;font-weight: normal;}
.about ul li:first-child{margin-left: -55px;}
.about ul li:first-child:before{background: none;}

/*七大黑洞*/
.seven{background:#f5f5f5;overflow: hidden;padding: 60px 0;}
.seven_t{font-size: 40px;color: #333;text-align: center;line-height: 45px;font-weight: normal;height: 90px;overflow: hidden;}
.seven_t a{color: #333;}
.seven_t span{display: block;font-size: 22px;color: #666;}
.seven_t a:hover,.seven_t:hover{color: #0055b2;}
.seven_pic{width: 643px;height: 632px;display: block;line-height: 0;padding: 35px 0 0;margin-left: -30px;}
.seven_pic img{width: 643px;height: 632px;}
.seven p{position: absolute;right: 0;}
.seven p b{display: block;float: left;width: 58px;height: 58px;background: #eee;border-radius: 50%;font-size: 32px;color: #0055b2;text-align: center;line-height: 58px;}
.seven p span{display: block;float: left;font-size: 16px;color: #666;line-height: 58px;height: 58px;overflow: hidden;}
.seven p i{font-weight: bold;font-size: 24px;color: #333;display: block;float: left;line-height: 58px;margin: 0 20px 0 30px;}
.seven p em{display: block;float: left;}
.seven p:hover b{background: #0055b2;color: #fff;}
.seven p.seven_p01{top: 140px;width: 730px;}
.seven p.seven_p01 span{width: 620px;}
.seven p.seven_p02{top: 225px;width: 666px;}
.seven p.seven_p02 span{width: 500px;}
/*.seven p.seven_p02 em{width: 365px;line-height: 28px;height: 56px;}*/
.seven p.seven_p03{top: 308px;width: 625px;}
.seven p.seven_p03 span{width: 450px;}
.seven p.seven_p04{top: 392px;width: 615px;}
.seven p.seven_p04 span{width: 540px;}
.seven p.seven_p05{top: 475px;width: 625px;}
.seven p.seven_p05 span{width: 565px;}
.seven p.seven_p05 em{width: 345px;line-height: 59px;height: 56px;}
.seven p.seven_p06{top: 560px;width: 685px;right: -20px;}
.seven p.seven_p06 span{width: 620px;}
.seven p.seven_p07{top: 640px;width: 718px;}
.seven p.seven_p07 span{width: 635px;}

/**/
.ban01{background:url(../images/d1_ban01.jpg) no-repeat center 0;height: 275px;overflow: hidden;padding: 25px 0 0;}
.ban01_t{font-size: 30px;color: #fff;text-align: center;line-height: 70px;height: 140px;overflow: hidden;}
.ban01_t span{display: block;font-size: 38px;letter-spacing: 5px;}
.ban01_bot{padding: 20px 0 0 160px;}
.ban01_bot ul{width: 600px;float: left;}
.ban01_bot ul li{font-size: 26px;color: #fff;font-weight: bold;width: 160px;float: left;background:url(../images/d1_banico.png) no-repeat 0 14px;padding-left: 40px;height: 60px;line-height: 60px;overflow: hidden;}
.ban01_bot p{float: left;width: 400px;}
.ban01_bot em{display: block;float: left;width: 125px;padding: 10px 30px 0 0;}
.ban01_bot em a{display: block;font-size: 18px;color: #0055b2;width: 125px;text-align: center;height: 35px;line-height: 35px;background: #fff;overflow: hidden;border-radius: 5px;}
.ban01_bot em a:hover,.case .case_btn a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ban01_bot b{display: block;float: left;font-size: 30px;color: #fff;background:url(../images/d1_bantel.png) no-repeat 0 10px;line-height: 60px;padding-left: 50px;}

/*低成本使用*/
.fuw{padding: 100px 0;position: relative;}
.fuw:before{content: "";width: 4px;height: 520px;position: absolute;top: 230px;right: 0;background:url(../images/d1_fourline.gif) no-repeat;}
.fuw dl{width: 300px;float: left;height: 520px;position: relative;background:url(../images/d1_fourline.gif) no-repeat;overflow: hidden;margin-top: 60px;}
.fuw dl dt{width: 300px;text-align: center;padding: 100px 0 0;}
.fuw dl dt i{display: block;font-size: 26px;color: #333;height: 40px;line-height: 40px;overflow: hidden;}
.fuw dl dt em,.fuw dl dd em{width: 74px;height: 74px;display: block;line-height: 0;overflow: hidden;margin: 65px auto 20px;}
.fuw dl dt em img,.fuw dl dd em img{width: 74px;height: 74px;}
.fuw dl dt p{font-size: 26px;color: #0055b2;line-height: 36px;}
.fuw dl dt span{display: block;font-size: 12px;color: #d2dbec;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}
.fuw dl dd{width: 300px;height: 0;position: absolute;top: 0;left: 0;text-align: center;overflow: hidden;}
.fuw dl dd img{width: 300px;height: 520px;}
.fuw dl dd .fuw_desc{position: absolute;top: 0;left: 0;width: 300px;height: 520px;z-index: 10;}
.fuw dl dd em{margin: 110px auto 20px;}
.fuw dl dd span{display: block;font-size: 26px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;}
.fuw dl dd p{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 30px;width: 240px;margin: 0 auto;max-height: 150px;padding: 30px 0 0;}
.fuw dl dd {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  transition: all 0.4s;
}
.fuw dl dd:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,85,178,0.6);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.fuw dl:hover dd:before,.fuw dl.cur dd:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.fuw dl:hover dd,.fuw dl.cur dd{height: 520px;}

/*优势*/
.ys_bg .seven_t{margin-bottom: 30px;}
.ys01{height: 800px;position: relative;background:url(../images/d1_ysbg.jpg) no-repeat center 0;overflow: hidden;}
.ys01:before{content: "";width: 100%;height: 2px;position: absolute;bottom: 100px;left: 0;background:url(../images/d1_ysline02.png) repeat-x;z-index: 10;}
.ys_m{height: 680px;}
.ys_m dl{padding: 150px 0 0 710px;width: 490px;}
.ys_m dl dt{font-size: 24px;color: #fff;height: 120px;background:url(../images/d1_ysline01.png) no-repeat 0 bottom;line-height: 44px;}
.ys_m dl dt b{display: block;font-size: 36px;}
.ys_m dl dd{padding: 25px 0 0;}
.ys_m dl dd p{font-size: 16px;color: rgba(255,255,255,0.8);line-height: 36px;background:url(../images/d1_ysico08.png) no-repeat 0 15px;padding-left: 25px;}
.ys02_m{padding: 120px 0 0;}
.ys02_m ul li{width: 254px;height: 411px;float: left;border: rgba(255,255,255,0.8) 1px solid;border-radius: 10px;padding: 75px 0 0;text-align: center;margin-left: 57px;}
.ys02_m ul li em{width: 56px;height: 60px;display: block;margin: 0 auto;}
.ys02_m ul li em img{width: 56px;height: 60px;}
.ys02_m ul li i{display: block;font-size: 22px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;padding: 35px 0 0;}
.ys02_m ul li span{display: block;font-size: 14px;color:rgba(255,255,255,0.6) ;width: 200px;margin: 0 auto;padding: 15px 0 0;line-height: 30px;height: 120px;overflow: hidden;}
.ys02_m ul li b{display: block;width: 44px;height: 13px;margin: 0 auto;padding: 30px 0 0;-webkit-transition:transform .3s;transition:transform .3s;}
.ys02_m ul li b img{width: 44px;height: 13px;}
.ys02_m ul li:hover b{-webkit-transform:translate(10px,0);transform:translate(10px,0);}
.ys02_m ul li:first-child{margin-left: 0;}
.ys_bot{height: 120px;position: relative;z-index: 10;}
.ys_bot ul li{font-size: 24px;color: #fff;font-weight: bold;width: 300px;text-align: center;float: left;background:url(../images/d1_ysico05.png) no-repeat center 0;padding: 50px 0 0;height: 70px;cursor: pointer;}
.ys_bot ul li:hover,.ys_bot ul li.on{background:url(../images/d1_ysico06.png) no-repeat center 0;}

.ys_lico,.ys_rico{width: 55px;height: 55px;position: absolute;top: 50%;z-index: 10;margin-top:-40px;}
.ys_lico a,.ys_rico a{width: 55px;height: 55px;display: block;}
.ys_lico a{background:url(../images/d1_yslico01.png) no-repeat;}
.ys_lico a:hover{background:url(../images/d1_yslico02.png) no-repeat;}
.ys_rico a{background:url(../images/d1_ysrico01.png) no-repeat;}
.ys_rico a:hover{background:url(../images/d1_ysrico02.png) no-repeat;}
.ys_lico{left: -100px;}
.ys_rico{right: -100px;}
.ys_menu{position: absolute;top: 0;left: 50%;margin-left: -50px;}
.ys_menu .ys_nt{font-size: 18px;color: #fff;font-weight: bold;width: 100px;height: 100px;background: rgba(0,85,178,1);border-radius: 0 0 50% 50%;margin-top: -50px;text-align: center;line-height: 140px;}
.ys_nei{display: none;position: absolute;width: 1920px;left: 50%;top: 0;background:rgba(0,85,178,0.8) url(../images/d1_ysbg02.jpg) no-repeat center 0; z-index: 2;height: 800px;margin-left: -960px;}


/*可视化节能*/
.ke{padding: 100px 0 70px;}
.ke_t{font-size: 26px;color: #333;font-weight: normal;line-height: 28px;height: 72px;margin-left: 10px;}
.ke_t span{display: block;font-size: 14px;color: #666;}

.ke01{width: 310px;background:url(../images/d1_kek01.jpg) no-repeat 0 72px;height: 532px;margin-top: 50px;}
.ke01 ul li{font-size: 16px;color: #fff;width: 242px;text-align: center;}
.ke01 ul li.ke_li01{height: 38px;line-height: 38px;}
.ke01 ul li.ke_li02{height: 29px;line-height: 29px;}
.ke01 ul li.ke_li03{height: 32px;line-height: 32px;}
.ke01 ul li.ke_li04{height: 39px;line-height: 39px;font-size: 18px;font-weight: bold;}
.ke01 p{font-size: 30px;color: #fff;text-align: center;padding: 50px 0 0;width: 242px;line-height: 44px;}
.ke01 p i{display: block;font-size: 48px;}
.ke01 p b{display: block;font-size: 18px;}
.ke02{width: 280px;background:url(../images/d1_kek02.jpg) no-repeat 0 72px;height: 532px;margin-top: 50px;}
.ke02 p{font-size: 24px;color: #29a052;font-weight: bold;width: 240px;text-align: center;padding: 60px 0 0;}
.ke02 p i{display: block;font-size: 60px;color: #fff;font-weight: normal;line-height: 56px;}
.ke02 p em{font-size: 30px;color: #ff0024;}
.ke02 p span{display: block;font-size: 24px;color: #fff;padding: 140px 0 0;line-height: 40px;}
.ke02 p b{display: block;}
.ke03{background:url(../images/d1_kepic.jpg) no-repeat;width: 602px;height: 460px;margin-top: 122px;}
.ke03 b{display: block;font-size: 24px;color: #fff;line-height: 36px;text-align: center;padding: 130px 0 0;height: 90px;}
.ke03 b i{display: block;}
.ke03 ul{display: block;padding: 0 0 0 165px;}
.ke03 ul li{font-size: 14px;float: left;color: rgba(255,255,255,0.8);line-height: 32px;width: 145px;background:url(../images/d1_keico01.png) no-repeat 0 15px;padding-left: 15px;}

/*成功案例*/
.case{padding: 44px 0 100px;}
.case .seven_t{margin-bottom: 30px;}
.case_l{width: 40.9%;margin-top: 2px;}
.case_l dl{width: 100%;position: relative;overflow: hidden;}
.case_l dl dt{width: 100%;line-height: 0;overflow: hidden;}
.case dl dt img{display: block;width: 100%;}
.case_l dl dd{width: 50%;position: absolute;bottom: 0;right: 0;background: rgba(13,83,159,0.8);padding: 2rem 5%;}
.case_l dl dd h5{height: 3.0rem;background:url(../images/d1_caseico01.gif) no-repeat 0 bottom;line-height: 2rem;}
.case dl dd h5 a{display: block;font-size: 1.1rem;color: #fff;font-weight: normal;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height:2rem;line-height:2rem;}
.case dl dd h5 b{padding-top:38px;display: block;font-size: 0.9rem;color: rgba(255,255,255,0.8);}
.case_desc{font-size: 0.8rem;color: rgba(255,255,255,0.8);line-height: 1.5rem;padding: 70px 0 0;height: 3rem;overflow: hidden;}
.case .case_btn{display: block;width: 110px;padding: 1.2rem 0 0;}
.case .case_btn a{display: block;font-size: 0.7rem;color: #fff;width: 5.4rem;text-align: center;height: 1.7rem;line-height: 1.7rem;border: #fff 1px solid;border-radius: 2rem;}
.case_r{width: 59%;}
.case_r dl{width: 100%;background: #eee;overflow: hidden;margin-top: 1px;}
.case_r dl dt{width: 65%;line-height: 0;overflow: hidden;float: left;position: relative;}
.case_r dl dt:before{content: "";width: 0;height: 0;position: absolute;top: 50%;right: 0;margin-top: -10px;z-index: 10;
border-right:20px solid #eee; 
border-top:20px solid transparent;
border-bottom:20px solid transparent;
}
.case_r dl dd{width: 29%;padding: 2rem 3% 0;float: left;overflow: hidden;}
.case_r dl dd h5{height: 3.0rem;background:url(../images/d1_caseico02.gif) no-repeat 0 bottom;line-height: 2rem;}
.case_r dl dd h5 a,.case .case_r dl dd b{color: #333;}

.case_r .case_desc{color: #666;}
.case .case_r .case_btn a{color: #fff;background: #0055b2;border: #0055b2 1px solid;}
.case_r dl.case_dl01 dt{float: right;}
.case_r dl.case_dl01 dt:before{right: auto;left: 0;
border-left:20px solid #eee; 
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-right:none; 
}

/*服务流程*/
.liuc ul{background:url(../images/d1_liucline.png) no-repeat 160px 16px;display: block;width: 1200px;height: 200px;margin-top: 10px;}
.liuc ul li{width: 171px;float: left;text-align: center;font-size: 16px;color: #333;}
.liuc ul li em{display: block;width: 50px;height: 50px;line-height: 0;overflow: hidden;margin: 0 auto;}
.liuc ul li em img{width: 50px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.liuc ul li span{display: block;line-height: 28px;padding: 25px 0 0;}
.liuc ul li i{display: block;font-size: 14px;color: #666;text-transform: uppercase;}
.liuc ul li:hover,.liuc ul li:hover i{color: #0055b2;}
.liuc ul li:hover em img{margin-top: -50px;}
.liuc p{background:url(../images/d1_liuck.gif) no-repeat;width: 700px;height: 45px;line-height: 45px;overflow: hidden;font-size: 18px;color: #fff;padding-left: 500px;}
.liuc p b{font-size: 24px;}

/*新闻资讯*/
.news{padding: 100px 0 80px;}
.news_t{height: 86px;line-height: 86px;overflow: hidden;}
.news_t a{font-size: 20px;color: #0055b2;}
.news_t em{width: 40px;height: 35px;display: block;line-height: 0;overflow: hidden;float: left;margin-right: 10px;margin-top: 25px;}
.news_t em img{width: 40px;height: 70px;margin-top: -35px;}
.news_t span{float: right;}
.news01{width: 460px;float: left;}
.news01 dl{width: 460px;height: 350px;background: #0055b2;}
.news01 dl dt{width: 460px;height: 230px;line-height: 0;overflow: hidden;}
.news01 dl dt img{width: 460px;height: 230px;}
.news01 dl dd{padding: 20px 0 0 20px;}
.news01 dl dd b{display: block;float: left;width: 80px;float: left;font-size: 26px;color: #fff;line-height: 26px;height: 68px;background:url(../images/news_line.gif) no-repeat right 0;padding: 12px 0 0;}
.news01 dl dd b i{display: block;font-size: 18px;}
.news01 .news_desc{width: 325px;float: left;font-size: 16px;color: #fff;line-height: 30px;height: 60px;overflow: hidden;padding: 10px 0 0 20px;}
.news02{width: 740px;float: left;}
.news02 dl{width: 300px;float: left;margin-left: 70px;border-top: #0055b2 2px solid;border-bottom: #0055b2 2px solid;height: 316px;padding: 30px 0 0;}
.news02 dl dt{width: 300px;height: 150px;line-height: 0;overflow: hidden;}
.news02 dl dt img{width: 300px;height: 150px;}
.news02 dl dd{padding: 20px 0 0;}
.news02 .news_desc{font-size: 16px;color: #333;line-height: 30px;height: 60px;overflow: hidden;}
.news02 dl dd span{display: block;padding: 25px 0 0;}
.news02 dl dd span a{font-size: 16px;color: #0055b2;}

/*常见问答*/
.wd{padding: 0 0 100px;}
.wd_t{background:url(../images/wd_tbg.gif) no-repeat;width: 105px;height: 133px;float: left;}
.wd_t a{font-size: 20px;color: #fff;font-weight: bold;}
.wd_t span{display: block;width: 30px;text-align: center;line-height: 24px;padding: 18px 0 0 32px;}
.wd_m{width: 1050px;height: 106px;border-top: #cfdff0 1px solid;border-bottom: #cfdff0 1px solid;border-right: #cfdff0 1px solid;padding: 25px 20px 0 24px;float: left;}
.wd ul{width: 350px;float: left;}
.wd ul li{height: 40px;line-height: 40px;overflow: hidden;width: 350px;}
.wd ul li a{font-size: 14px;color: #555;display: block;width: 340px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd ul li a:hover{color: #0055b2;}
.wd ul li b{color: #000;font-size: 14px;padding-right: 5px;}


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