﻿.container{width:1920px;height:821px; background: url(../images/sub5/splendid/bg.jpg) no-repeat;margin-left:-960px;}
/**
 * 能量之星
 * @type {[type]}
 */
.energy_star .title{margin:60px 0 0 50px;}
.energy_star .con{width:900px; height:550px; padding-top:25px;  position: relative;}

/*小图*/
.energy_star .con .sCon li{float: left; width:280px; height:220px; margin-right: 10px; cursor: pointer; margin-bottom: 30px;color: #fff;}
.energy_star .con .sCon li:hover{color:#000;}


.energy_star .con .bLeftBtn{ position: absolute;left:20px; top:200px; cursor: pointer;}

.energy_star .con .bRightBtn{ position: absolute;right:-20px;top:200px; cursor: pointer;}
.energy_star .con .bLeftBtn:hover,.energy_star .con .bRightBtn:hover{opacity: 0.7;}


.energy_star .con .sCon li .cpBtn{width:270px;height:46px; background: #e5152e; margin-top:10px; font-size: 18px; line-height: 46px;padding-left:10px;  position: relative;}
.energy_star .con .sCon li img{}
.energy_star .con .sCon li .cpBtn span{font-size: 12px;}
.energy_star .con .sCon li .cpImg{width: 280px; height:164px; overflow: hidden;}
.energy_star .con .sCon li .cpImg img:hover{ 
transform:scale(1.1); 
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.energy_star .con .sCon li .cpBtn p{right:0; position: absolute; top:0px; width:46px;height:46px; text-align: center; border-left:1px solid #f28a97;}


/*大图*/
.energy_star .bCon{width:900px; height:500px; font-size: 14px;line-height: 24px; top:20px; left:-35px; display: none; position: absolute;}
.energy_star .bCon li{width:700px; height:500px; margin: 0 auto; display: none; position: absolute; top:0px; margin:0 0 0 100px;}
.energy_star .bCon li .pCon{width:700px;height:400px;display: none; }

.energy_star .bCon .pIntro{width:350px; height:70px; position: absolute; top:70px ; right:0px;}
.energy_star .bCon .pIntro .piLeft{float: left; }
.energy_star .bCon .pIntro .piRight{float: right;}


/* .energy_star .bCon .bLeftBtn{position: absolute; left:20px; top:190px; cursor: pointer;}
.energy_star .bCon .bRightBtn{position: absolute; right:20px; top:190px;  cursor: pointer;} */
.energy_star .bCon .bLeftBtn:hover,.splendid .bCon .bRightBtn:hover,.splendid .bCon .backBtn:hover{opacity: 0.7;filter:alpha(opacity=70);}

.energy_star .bCon .backBtn{ position: absolute; right: 30px; top:-60px; cursor: pointer;}

.energy_star .bCon .pLeft{width:274px; height:210px; overflow: hidden; float: left; margin-top: 50px; border: 1px solid #ccc;}
.energy_star .bCon .pRight{float: left;width:400px; margin-left: 20px;margin-top: 50px; }

/* 新加样式 */
.energy_star .bCon .pIntro2{width:350px; height:70px; position: absolute; top:70px ; right:0px; left:296px; width:440px;}
.energy_star .bCon .pIntro2 .piLeft2{float: left;float:left; width:165px; padding-right:15px;}
.energy_star .bCon .pIntro2 .piRight2{float:left;width:260px;float: right;}
.energy_star .bCon .bottomcon{width:750px;}
.energy_star .bCon .pLeft2{width:274px; height:210px; overflow: hidden; float: left; margin-top: 50px; border: 1px solid #ccc;}
.energy_star .bCon .pRight2{float: left; width:452px; margin-left: 20px;margin-top: 50px; }


/**
 * 精彩瞬间
 * @type {[type]}
 */
.splendid .title{margin:60px 0 0 50px;}

.splendid .con{width:900px; height:550px; padding-top:25px; position: relative; }
/*小图*/
.splendid .con .sCon{}
.splendid .con .sCon li{float: left; width:284px; height:220px; margin-right: 10px; cursor: pointer; margin-bottom: 30px;color: #fff;}
.splendid .con .sCon li:hover{color:#000;}

.splendid .con .sCon li .cpBtn{width:274px;height:46px; background: #e5152e; margin-top:10px; font-size: 18px; line-height: 46px;padding-left:10px; position: relative;}
.splendid .con .sCon li img{}
.splendid .con .sCon li .cpImg{width: 284px; height:164px; overflow: hidden;}
.splendid .con .sCon li .cpImg img:hover{ 
transform:scale(1.1); 
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.splendid .con .sCon li .cpBtn p{right:0; position: absolute; top:0px; width:46px;height:46px; text-align: center; border-left:1px solid #f28a97;}

/*大图*/
.splendid .bCon{width:900px; height:500px; font-size: 14px;line-height: 24px; top:20px; display: none; position: absolute;}
.splendid .bCon li{width:700px; height:500px; margin: 0 auto; display: none; position: absolute; top:0px; margin:0 0 0 100px; }
.splendid .bCon li .pCon{width:700px;height:400px;display: none;}
.splendid .bCon .bLeftBtn{position: absolute; left:20px; top:190px; cursor: pointer;}
.splendid .bCon .bRightBtn{position: absolute; right:20px; top:190px;  cursor: pointer;}
.splendid .bCon .bLeftBtn:hover,.splendid .bCon .bRightBtn:hover,.splendid .bCon .backBtn:hover{opacity: 0.7;filter:alpha(opacity=70);}

.splendid .bCon .backBtn{ position: absolute; right: 30px; top:-60px; cursor: pointer;}

/**
 * 精彩瞬间
 * @type {[type]}
 */
.competition{width:1920px;height:821px; background: url(../images/sub5/bg_1.jpg) no-repeat;margin-left:-960px;}
.competition .title{margin:60px 0 0 50px;}
.competition .banner{width:871px; height:349px;margin-top: 10px; margin-left: 50px; position: relative; overflow: hidden;}
.competition .banner .barC{position:absolute; right:0px; z-index: 111;}

.competition .banner .bc{width:596px; height:349px; overflow: hidden;  background: url(../images/public/preloader.gif) center center no-repeat; background-color: #000; }
.competition .banner .bc li{float: left; position: absolute;}
.competition .banner .boxline{position: absolute; z-index: 1111;width:600px;}


.competition .bBtn{width:220px; height:40px; position: absolute;}
.competition .bBtn ul{padding-top: 15px;float: left;}
.competition .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer;}
.competition .bBtn ul li:hover,.competition .bBtn ul .lrBtnActive{color:#e5152e;}

.competition .lrBtn{width:25px; height:25px; background-color: #e5152e; margin-top: 15px; text-align: center; line-height: 24px; font-weight: bold; color: #fff; float: left;cursor: pointer; margin-right: 10px;margin-left: 10px;

 }

.competition .banner .bLeftBtn{ position: absolute;left:20px; top:160px; cursor: pointer;}

.competition .banner .bRightBtn{ position: absolute;right:20px;top:160px; cursor: pointer;}

.competition .banner .bLeftBtn:hover,
.competition .banner .bRightBtn:hover{opacity: 0.7;}


.competition .lrBtn:hover{background: #000;}

.competition .con{width:900px; height:550px; padding-top:25px; }
.competition .con .cList{width:900px; height:170px;}
.competition .con .cList li{float: left; margin:23px 5px 0 5px;}


.competition .sList{width:275px; height: 349px; position: absolute; background-color: #ccc; right:0; top:0; z-index: 11;
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.competition .sList li{width:275px; height:49px; background-color: #999; margin-bottom: 1px; overflow: hidden;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
cursor: pointer;
}

/* .competition .sList li:hover{height:100px;} */
.competition .sList .activeList{height:100px;}

/*copyright*/
.copyr{width:1920px;height:3099px; background:url(../images/sub5/copyright/bg_02.jpg) no-repeat; }
.copyr .astrict .crsment{ background:url(../images/sub5/copyright/copyrightbg.png) no-repeat; width:1065px; margin:0 auto; margin-bottom:50px; height:400px; z-index:1; }
.copyr .astrict .crsment h3{ padding:120px 0 0 90px; font-size:15px; color:#920012; padding-bottom:5px;}
.copyr .astrict .crsment p{ padding:0 90px; line-height:26px; }
.copyr .astrict .prisment{ margin-top:50px;background:url(../images/sub5/copyright/copyrightbg.png) no-repeat; width:1065px; margin:0 auto; height:2437px; z-index:1; }
.copyr .astrict .prisment h3{ padding:45px 0 0 90px; font-size:15px; color:#920012; padding-bottom:5px;}
.copyr .astrict .prisment p{ padding:0 90px; line-height:26px;color:#414141; margin-left:40px;}
.copyr .astrict .prisment p.smatitle{ font-size:14px;color:#4c4c4c;text-indent:0;margin-left:0px;}
.copyr .astrict .intro p{font-size:14px;}
.copyr .astrict .intro h3{font-size:18px; padding-top:30px;}