/**
 * 公共样式
 * @type {Number}
 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;font-weight:normal; }
img{ border:none;padding:0;margin:0;vertical-align:top;}
/*div{margin:0 auto;}*/

body {
    font-family:'微软雅黑',Arial, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 12px;
    background-color: #fff;
}
html,body{}
a{text-decoration:underline; color: #fff;
/* transition:all 0.5s;
-webkit-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s; */}
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;  color: #fff}
.clear{clear:both; height:0px; font-size:0px;overflow:hidden; display:block; font-size:0px;}

.hide{display:none; z-index:0;}
.show{display:block; z-index:5;}
.active{ display:block; z-index:10}


.astrict{width:1000px; height:100%; margin:0 auto; }

.bBtn a{color: #9d9d9d;}
.bBtn .lrBtnActive a{text-decoration:none;  color: #e5152e}

html{/*background: #6c3f21;*/ overflow-x: hidden;}


.transited{
  transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
}



/**
 * 头部样式
 * @type {[type]}
 */
.header{width:100%;height:64px;  font-family:'微软雅黑',Arial, sans-serif; background-color:#fff;}
.header .user_search{float: right; line-height: 28px; position:relative; padding-right:20px;}
.header .logo{padding-top:10px; float: left;}
.header .user_login{float: right;padding-top:18px; line-height: 28px; position: relative;}
.header .u_l{float:left; transition: all 0.5s;* +float:right; }
.header .searchF{width: 150px; height:25px;  background: #ccc; display: none; margin-left: 20px;}
.header .searchIco{width: 29px; height:25px; float: right;  background: url(../images/public/searchIco.png) center center no-repeat; cursor: pointer; margin-left: 20px;* +float:none;}
.header .searchF .searchIco{ background-color: #bababa; margin: 0;* +float:right;}
.header .searchF input{float: left; width: 117px; height:23px; border:none; background:none;* +float:right;}

.header .sign_in{float: right; margin-left: 15px;}


.navList{width:850px; position: relative; z-index: 100;}
.navList .astrict{padding-left: 150px;}
.navList{width:100%;height:36px; background-color:#000; color:#fff; position: relative; }
.navList .nv{padding:0px 22px;height:47px; float: left; line-height: 36px;background: url(../images/public/nav_over.png) center -50px no-repeat; cursor: pointer; }
.navList .nv:hover,.navList .navActive{background-position: center 0px;}

.navList .nvOther{color:#e5152e ; float: left;padding:0px 22px; line-height: 36px; cursor: pointer;}

.navList .subnavBg{width:100%; height:36px;/* background-color:#000;  */opacity: 0.5;filter:alpha(opacity=50); position: absolute; left:0px; top:36px; z-index: -1;}

.subNavList{ display:none; }
.subnav{ position: absolute; text-align: center; line-height: 18px;padding-top: 10px; }
.subnav li{float: left;  /* padding:0px 15px;  border-right:1px solid #fff;height:18px; */ cursor:pointer; width:136px; height:36px; /* background:url(../images/public/sub_nav_bg.png) no-repeat; */position: relative; margin-left: -25px; line-height: 34px; color:#ccc;
 background:url(../images/public/sub_nav_bg.png) no-repeat; 
 }
.subnav a:nth-child(even) li{background:url(../images/public/sub_nav_bg.png) no-repeat;}
.subnav a:nth-child(odd) li{background:url(../images/public/sub_nav_bg_2.png) no-repeat;}



.subNavList .subnav li:hover{ font-weight: bold; text-decoration: underline; background-position: 0px -36px; color: #fff;}
.subnav .borderNone{border:none;}
.subnav .sb{display:block;}


.container{ position: relative;margin:0 auto; left: 50%; margin-left: -800px;}


.footer{position: relative;width:1600px;height:182px; overflow:hidden; background: url(../images/public/rep_bg.png); margin:0px auto;/*  position: absolute; left: 50%;margin-left: -800px; */}
.footer .copyright{ padding-top:135px;float:left;}

.footer .rightF{width:538px; float:right; padding-top:100px; height:60px; line-height: 24px;}
.footer .rightF ul{padding-left:80px; margin-top:-4px;}
.footer .rightF li{float: left; margin-right:23px; margin-top:10px;}
.footer .rightF li .qrCode{position: absolute; margin-top: -100px; margin-left:-68px;}
.footer .rightF a.sell{color:#F00; margin-left:10px;}
.footer .rightF a.sell:hover{color:#f15d5d;}
.footer .rightF a{color: #000}
.footer .rightF a:hover{color: #999}

.footer .wxQrImg{position: absolute; width: 88px; height:88px; z-index: 11; margin-top: -115px; margin-left:165px; display:none;* +margin-top: -95px; * +margin-left:-190px;  }


* +html .rightF ul{ height:30px; margin-top:-30px;}
* +html .footer .rightF li{margin-top:-15px;}





/**
 * css3
 */
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}


@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}




/*plus*/
/*
.vip_news_page .pages {margin-top:5px;color: #000000;}
.vip_news_page .pages {text-align: center;}
.vip_news_page .pages a:link { text-decoration:none;color: #000000;}
.vip_news_page .pages a:visited {text-decoration:none;color: #000000;}
.vip_news_page .pages a:hover {text-decoration:none;  color: #000000;}
*/

.hd_game .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.hd_game .bBtn ul{padding-top: 15px;float: left;}
.hd_game .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer;}
.hd_game .bBtn ul li:hover,.hd_game .bBtn ul .lrBtnActive{color:#e5152e;}
.hd_game .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;}
.hd_game .lrBtn:hover{background: #000;}

.news .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.news .bBtn ul{ float: left;}
.news .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer; border-bottom: 0px solid #ff0000; margin: 0px 0px 0px 0px;}
.news .bBtn ul li:hover,.news .bBtn ul .lrBtnActive{color:#e5152e;}
.news .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;}
.news .lrBtn:hover{background: #000;}

.energy .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.energy .bBtn ul{ float: left;}
.energy .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer; border-bottom: 0px solid #ff0000; margin: 0px 0px 0px 0px;}
.energy .bBtn ul li:hover,.energy .bBtn ul .lrBtnActive{color:#e5152e;}
.energy .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;}
.energy .lrBtn:hover{background: #000;}

.splendid .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.splendid .bBtn ul{ padding-top: 15px;float: left;}
.splendid .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer; border-bottom: 0px solid #ff0000; margin: 0px 0px 0px 0px;}
.splendid .bBtn ul li:hover,.splendid .bBtn ul .lrBtnActive{color:#e5152e;}
.splendid .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;}
.splendid .lrBtn:hover{background: #000;}

.energy_star .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.energy_star .bBtn ul{ padding-top: 15px;float: left;}
.energy_star .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer; border-bottom: 0px solid #ff0000; margin: 0px 0px 0px 0px;}
.energy_star .bBtn ul li:hover,.energy_star .bBtn ul .lrBtnActive{color:#e5152e;}
.energy_star .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;}
.energy_star .lrBtn:hover{background: #000;}

.competition .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.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; border-bottom: 0px solid #ff0000; margin: 0px 0px 0px 0px;}
.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 .lrBtn:hover{background: #000;}

.search .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.search .bBtn ul{ float: left;}
.search .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer; border-bottom: 0px solid #ff0000; margin: 15px 0px 0px 0px;}
.search .bBtn ul li:hover,.search .bBtn ul .lrBtnActive{color:#e5152e;}
.search .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;}
.search .lrBtn:hover{background: #000;}