.h1 {
  text-align:center;
}

.h1 > h1 {
  font-size:32px;
  line-height:32px;
  text-align:center;
  padding:20px;
  border-bottom:1px solid #CCC;
  width:auto;
  display:inline-block;
  color:#555;
  margin:30px auto 40px;
}

.news {
  height:300px;
}

.news img {
  width:480px; height:300px; }

.news > * {
  float:left;
  width:480px;
  height:300px;
  display:inline-block;
}

.news > *:first-child {
  margin-right:40px;
}

.rightnews h2 {
  font-size:22px;
  color:#135087;
  margin-bottom:15px;
}

.rightnews h3 {
  font-size:22px;
  color:#135087;
  margin-bottom:10px;
}

.rightnews > p {
  font-size:14px;
  line-height:22px;
  color:#333;
}

.rightnews b {
  width:5px;
  height:5px;
  margin:8px 8px 8px 0;
  float:left;
  display:block;
  background:url(../images/01.png) no-repeat;
}

.rightnews ul {
  margin-top:20px;
}
.rightnews li {
  display:block;
  height:30px;
}
.rightnews li a {
  float:left;
  font-size:14px;
  line-height:22px;
  color:#333;
}

.rightnews li p {
  float:right;
  font-size:14px;
  line-height:22px;
  color:#333;
}

/*
.news2 {
  float:left;
  width:480px;
  height:300px;
  display:inline-block;
}*/
.yewu a {
  text-align:center;
  display:block;
  overflow:hidden;
}

.yewu img {
  padding:20px;
  width:314px;
  height:196px;
 }
.children > div {
  display:inline-block;
  width:324px;
  height:300px;
  margin-left:14px;
  margin-bottom:14px;
  position:relative;
  float:left;
}

.children > div:first-child, .children > div:nth-child(4) {
  margin-left:0;
}

.children > div > a {
  height:240px;
  display:block;
  padding:30px;
  color:#EEE;
  font-size:28px;
  line-height:36px;
  
  
  transition: background 1s;
  -moz-transition: background 1s;	/* Firefox 4 */
  -webkit-transition: background 1s;	/* Safari 和 Chrome */
  -o-transition: background 1s;	/* Opera */  
}


.children > div > a:hover {
  background-color:rgba(0,0,0,0.5);
}

.children > div > a > p {
  width:264px;
  font-size:14px;
  line-height:20px;
  bottom:30px;
  color:#EEE;
  opacity:0;
  position:absolute;
  transition: opacity 1s;
  -moz-transition: opacity 1s;	/* Firefox 4 */
  -webkit-transition: opacity 1s;	/* Safari 和 Chrome */
  -o-transition: opacity 1s;	/* Opera */  
}

.children > div > a:hover > p {
  opacity:1;
}

.children > div > a > h2 {
  margin-top:10px;
  border-top:1px solid #FFF;
  opacity:1;
  display:inline-block;
}

.sfq{
  width: 1000px;
  height: 340px;
  overflow: hidden;
  margin-bottom:10px;
}
.sfq a{
  width: 20%;
  position:relative;
  float: left;
  transition: all 0.5s;
  display:block;
}
.sfq img{
  width: 600px;
  height: 340px;
  cursor: pointer;
}
.sfq h2{
  padding:12px;
  width: 26px; 
  font-size: 26px; 
  line-height:40px;
  color:#FFF;
  word-wrap: break-word; 
  letter-spacing: 20px; 
  position:absolute;
  left:75px;
  top:40px;
  background-color:rgba(0,0,0,0.25);
  transition: all 0.5s;
}
.sfq:hover h2{ left:25px; top:20px; }
.sfq:hover a{ width: 10%; }
.sfq a:hover{ width: 60%; }

/*.sptyn {
  background:url(../images/solarenergy.jpg) no-repeat;
  background-position:0 0;
}
.gjxny {
  background:url(../images/solarenergy.jpg) no-repeat;
  background-position:-338px 0;
}
.bsset {
  background:url(../images/solarenergy.jpg) no-repeat;
  background-position:-676px 0;
}

.spyg {
  background:url(../images/spyg.jpg) no-repeat;
 }
.hcyg {
  background:url(../images/hcyg.jpg) no-repeat;
 }
.kldq {
  background:url(../images/kldq.jpg) no-repeat;
 }*/