@charset "utf-8";
/* CSS Document */
.clear { clear:both;}
.w1200 { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px;}
.w1160 { width: 1160px; margin: 0 auto; display: table; color: #333;}
.Shoudian { width: 100%; display: table;}
.SdBanner { width: 100%;  height: 510px;}
.SdBanner a { display: block; cursor: default; background: url(images/sd-ztimg/SdBanner.jpg) no-repeat center center; background-size: auto 100%; height: 510px;}
.fl { float: left;}
.fr { float: right;}
.SdOdds { width: 100%; color: #333; background: url(images/sd-ztimg/odd-bg1.jpg) no-repeat center center; background-size: auto 100%; height: 640px; box-sizing: border-box; padding: 54px 0 34px 0;}
.sdtitle { width: 100%; height: 83px; text-align: center; color: #333; font-size: 25px; }
.sdtitle .titlebg { width: 95px; margin: 0 auto; background: url(images/sd-ztimg/bg1.png) no-repeat center center; height: 83px;}
.sdtitle h3 { width: 100%; font-weight: bold; height: 28px; line-height: 28px; margin-top: -65px;}
.SdOdds .SdUl { width: 100%; display: table; margin-top: 42px; font-size: 18px;}
.SdOdds .SdUl li { width: 536px; height: 148px; box-sizing: border-box; padding-top: 20px; background-color: #fff; box-shadow: 1px 2px 2px rgba(122,122,122,0.75); -moz-box-shadow: 1px 2px 2px rgba(122,122,122,0.75); -msbox-shadow: 1px 2px 2px rgba(122,122,122,0.75); -o-box-shadow: 1px 2px 2px rgba(122,122,122,0.75); -webkit-box-shadow: 1px 2px 2px rgba(122,122,122,0.75); margin-bottom: 42px;}
.SdUl li div { width: 343px; margin: 0 auto; display: table;}
.SdUl li .left { width: 108px;}
.SdUl li .right { width: 310px; white-space: nowrap; text-align: center; margin-top: 35px; margin-left: -80px; line-height: 28px;}
.SdUl li .right2 { margin-top: 42px; text-align: left;}

.Sdzixun { display: block; width:216px; height: 40px; line-height: 38px; margin: 0 auto; text-align: center; border: 1px solid #707070; color: #333; font-size: 18px;}
.Sdzixun { border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px;}
.Sdzixun:hover { background-color: #c30e24; border: 1px solid #c30e24; color: #fff;}
.SdOdds .Sdzixun { margin-top: 3px;}

.SdService{ width: 100%; background: url(images/sd-ztimg/bg3.jpg) no-repeat center center; background-size: cover 100%; height: 984px;}
.SdService { box-sizing: border-box; padding: 80px 0 10px 0;}
.SdService .sdtitle, .SdAbout .sdtitle { color: #fff;}
.SdService ul { width: 1115px; margin: 0 auto; display: table; margin-top: 30px; font-size: 18px; color: #333;}
.SdService ul li { width: 1015px; position: relative; margin-bottom: 84px;}
.SdService li .left { color: #2879c0; width: 156px; height: 198px; background: url(images/sd-ztimg/bg4.png) no-repeat center center; line-height: 168px; text-align: center;}
.SdService li.li1 .left { position: absolute; left: -10px; top: -30px;}
.SdService li .white{ width: 930px; text-align: center; height: 113px; line-height: 113px; background-color: #fff; border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webit-border-radius: 50px;}
.SdService li.li2 .left { position: absolute; right: 60px; top: -30px;}
.SdProcess { width: 100%; background-color: #fff; display: table; height: 538px; background: url(images/sd-ztimg/bg5.jpg) no-repeat center center; background-size: auto 100%;}
.SdProcess { box-sizing: border-box; padding: 80px 0 20px 0;}
.SdProcess .Sdbot { width: 100%; display: table; border-top: 1px solid #a0a0a0; margin-top: 125px;}
.Sdbot ul { width: 102%; display: table; margin-top: -18px;}
.Sdbot ul li { width: 234px; text-align: center; font-size: 18px; font-weight: bold;}
.Sdbot li .number { width: 38px; margin: 0 auto; height: 38px; text-align: center; font-weight: normal; line-height: 38px; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 22px;}

.SdTerm { width: 100%; background-color: #f1f2f3; display: table; padding: 70px 0 55px 0;}
.SdTerm ul { width: 100%; display: table; margin-top: 30px; line-height: 24px; text-align: center; margin-bottom: 70px;}
.SdTerm li { width: 170px; font-size: 14px; text-align: center; }
.SdTerm li.li1{margin-right: 42px;}
.SdTerm li.li2{width: 424px;}
.SdTerm li.li3{margin-right: 156px;}
.SdTerm li.li-last { margin-right: 0;}
.SdTerm li .li-top {width: 100px; height: 96px; text-align: center; margin: 0 auto;}
.SdTerm li img { text-align: center; margin: 0 auto;  margin-bottom: 32px;}

.SdAbout { width: 100%; background: url(images/sd-ztimg/bg6.jpg) no-repeat center center; background-size: cover 100%; height: 661px; box-sizing: border-box; padding-top: 82px; margin-bottom: 90px;}
.SdAbout ul{ width: 100%; display: table; margin-top: 85px;}
.SdAbout ul li { width: 150px; white-space: nowrap; font-size: 24px; color: #00ffe9; text-align: center; line-height: 30px; margin-right:150px;}
.SdAbout li img { display: block; margin: 0 auto; text-align: center; margin-bottom: 15px;}
.SdAbout li.li-last { width: 218px; text-align: center; margin-right: 0;}


/*售电公示*/
.SdOpen{padding: 43px 0 38px;background-color: #f4f6f8;}
.SdOpen .con{margin-top: 30px;}
.SdOpen .item {margin: 8px 12px 0 0;height: 323px;background: url(images/sd-ztimg/open02.png) no-repeat right bottom;}
.SdOpen .item li{position: relative;padding-left: 78px;width: 487px;line-height: 24px;font-size: 14px;color: #333;margin-bottom: 24px;}
.SdOpen .item li span{position: absolute;top:50%;margin-top: -22px;left: 22px;width: 44px;height: 44px;line-height: 44px;text-align:center;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;font-size: 26px;color: #fff;}
.SdOpen .item .li1 span{background-color: #c30e24;}
.SdOpen .item .li2 span{background-color: #386aad;}
.SdOpen .item .li3 span{background-color: #04831f;}
/*售电备案*/
.SdRecord{background-color: #f1f2f3;padding:65px 0 73px;}
.SdRecord ul{margin:50px 0 0 23px;}
.SdRecord ul li{background-color: #fff;margin-right: 23px;width: 356px;height: 393px;float: left;color: #333;
   box-shadow: 0px 3px 5px 0px rgba(158,153,155,0.75);-webkit-box-shadow: 0px 3px 5px 0px rgba(158,153,155,0.75);-moz-box-shadow: 0px 3px 5px 0px rgba(158,153,155,0.75);}
.SdRecord ul li h4{line-height: 66px;margin-top: 9px;text-align: center;font-size: 28px;font-weight: 800;}
.SdRecord ul li p{font-size: 14px;line-height: 24px;padding: 0 8px;}
.SdRecord ul .li1 p{margin-top: 42px;}
.SdRecord ul .li2 p{margin-top: 22px;}
.SdRecord ul .li3 p{margin-top: 40px;}
/*成功案例*/
.SdSuccess{padding: 52px 0 64px;border-bottom: 2px solid #efefef;}
.SdSuccess ul{margin: 44px 0 0 25px;}
.SdSuccess ul li{background: url(images/sd-ztimg/success_frame.jpg) no-repeat;float: left;margin-right: 95px;width: 276px;height: 385px;margin-right: 2px;text-align: center;}
.SdSuccess ul li a{display: block;}
.SdSuccess ul li img{width: 238px;height: auto;margin:19px auto 0;}

/* Pulse Shrink */
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.Sdbot li .number, .SdTerm li img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.Sdbot ul li:hover .number, .SdTerm li:hover  img {
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}