/* news */
.body {width: 980px; margin: 0 auto; padding: 20px 0;}
.article {
 -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), inset 0 1px 0px rgba(255, 255, 255, 0.1);
  border: 1px solid #e0e0e0;
  margin-bottom: 20px;
}
/* redraw gallery */
.information{ float: left;}
.aside{ position:relative; float: right; width: 280px; border: #E0E0E0 1px solid; background: #F6F6F6;}


.information{ width: 678px; border: #E0E0E0 1px solid; border-bottom-width:2px; margin-bottom: 20px; padding-top: 1px;}
/* redraw gallery */
#gallery{ float: left; font-size: 16px; width: 386px; background: none; margin: 9px 0 9px 10px; border: #E0E0E0 1px solid; padding: 1px;}
#gallery .wrap{ width: 386px;}
#gallery .slide img{ width: 100%;}
#gallery .gallery-tabs{ top: 15px; left: 50%; right:auto; bottom:auto; margin-left:-33px;}
#gallery .gallery-next, #gallery .gallery-prev{ background: rgba(0, 0, 0, 0.6); border: none;}
#gallery .gallery-hed{ left: 60px;line-height: 50px;}
#gallery .mask{ height: 50px;}

.infor{ float: right; width: 265px; border-left: #E0E0E0 1px solid; margin-right: 1px; padding-left: 1px; font-size: 14px;}
.infor li{ border-bottom: #E8E8E8 1px solid; border-top: #FFFFFF 1px solid; padding: 12px 10px; background: url(/skin/ecms022/images/gtS.png) 98% center no-repeat;}
.infor li:first-child{ border-top: none; background: none;}
.infor li:last-child{ border-bottom: none;}
.infor a{ display: block;}
.infor img{ padding: 1px; border: #E0E0E0 1px solid;}
.infor span{ display: block; overflow: hidden; font-size: 18px; color: #4D4D4D; font-weight: bold; height: 42px; line-height: 42px;}
.infor p{ overflow: hidden; height: 50px; line-height: 25px;}

.blockList{ width: 680px;}
.blockList ul li{ position: relative; float: left; width: 333px; height: 353px; border: #E0E0E0 1px solid; margin-bottom: 10px;}
.blockList ul li:nth-child(even){ float: right;}
.blockLink{ display: block;}
.blockLink img{ padding: 1px; background: #fff; border-bottom: #E0E0E0 1px solid; margin-bottom: 20px;}
.blockLink span{ display: block; overflow: hidden; height: 25px; font-size: 18px; font-weight: bold; color: #4D4D4D; padding: 0 10px;}
.blockLink p{ line-height: 20px; padding: 10px; font-size: 14px;}
.blockicon{ position: absolute; bottom: 15px; right: 15px;}
.blockicon a{ padding: 25px 5px 0; background-size: 25px; color: #B7B7B7; background: none\9;}
.blockicon a:hover{ background-size: 25px; background: none\9; color: #55BDE8\9;}
.blockShare{ background: url(/skin/ecms022/images/shareIco.png) center top no-repeat;}
.blockShare:hover{ background: url(/skin/ecms022/images/shareIcoAct.png) center top no-repeat;}
.blockread{ background: url(/skin/ecms022/images/enterIco.png) center top no-repeat;}
.blockread:hover{ background: url(/skin/ecms022/images/enterIcoAct.png) center top no-repeat;}
.blockword{ display: block; overflow: hidden; position: absolute; width: 170px; height: 20px; line-height: 20px; bottom: 15px; left: 15px; color: #929292;}
.blockword a{ display: inline-block; color: #929292; margin:0 5px;}

.tabtitle{ clear: both; overflow: hidden; border-top: #fff 1px solid; padding: 10px 10px 0;}
.tabinner{ overflow: hidden; border-bottom: #55BDE8 2px solid;}
.tabtop{ float: left; font-size: 18px; color: #1EA9E2; margin-top: 5px; cursor: pointer;}
.tabtop i{ display: inline-block; width: 10px; height: 15px; background: url(/skin/ecms022/images/triangle.png) left center no-repeat; margin-left: 7px;}
.tabchange{ float: right;}
.tabchange span{ display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #B1B1B1; cursor: pointer;}
.tabchange span.tabcur{ background: #55BDE8; color: #fff;}

.tabtype{ display: none; position: absolute; z-index: 2; top: 58px; width:92%; margin: 0 10px; border-left:#E0E0E0 1px solid; background: #F6F6F6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.tabtype li{ float: left; width: 50%; *width:49%; height: 39px; line-height: 39px; text-align: center; color: #B1B1B1; font-size: 14px; border-right:#E0E0E0 1px solid; border-bottom:#E0E0E0 1px solid; border-top: #fff 1px solid; cursor: pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.tabtype li:nth-child(1){ border-top: none;}
.tabtype li:nth-child(2){ border-top: none;}
.tabtype li:hover,.tabtype li.tabtypecur{ color: #1EA9E2;}

.tablist{}
.tablist li{ border-bottom: #E4E4E4 1px solid; border-top: #fff 1px solid;}
.tablist li:first-child{ border-top: none;}
.tablist li a{ display: block; padding: 15px 0 15px 10px; color: #6D6D6D;}
.tablist img{ float: left; width: 78px; height:78px; border:#fff 1px solid; margin-right: 10px;}
.tablist p{ float: left; overflow: hidden; width: 160px; height: 50px; line-height: 25px; font-size: 14px; margin-bottom: 5px;}
.tablist span{ color:#929292; *float: left;}
.tablist i{ float: right; font-style: normal; color: #929292;  margin-right: 5px;}
.addmore{ display: block; border-top: #fff 1px solid; line-height: 35px; text-align: center; font-size: 14px; color: #6D6D6D; cursor: pointer;}
/*for PC scroll*/
#scrollWrapper{ position: relative; overflow: auto; width: 100%; height: 500px;}
.listloading{ position: absolute; z-index: 2; display: none; width: 32px; height: 32px; top: 10px; left: 50%; margin-left:-16px; background: url("/skin/ecms022/images/loading.gif") no-repeat; background-size: 32px;}
.body{ position: relative;}
.asidefix{ position: fixed; top:0; left:50%; margin-left: 208px;}
@media screen and (max-width:980px){
  .body { width: auto; padding: 20px 300px 0 10px;}
  .information { width: 100%;}
  .aside { margin-right: -290px; margin-left: 0; float: right; *padding-left: 10px !important;}
  .asidefix{ position: fixed; top:0; right:10px; left: auto; margin-right: 0;}
  #scrollWrapper{ height: 500px;}

  .blockList{ width: 100%;}
  #gallery{ width: 55%; margin-left: 1%;}
  #gallery .wrap{ width: 100%;}
  .infor{ width: 40%;}
  .blockList ul li{ width: 49%;}
  .blockLink img{ padding: 0;}
  .blockword{ width:auto;}
  .blockicon a:first-child{ display: none;}
  .blockword a:nth-child(3),.blockword a:nth-child(4),.blockword a:nth-child(5){ display: none;}

}

@media screen and (max-width:800px){
  .body { width: auto; padding: 20px 10px 0 10px;}
  .section { float: none;}
  .aside { width: 100%; margin: 0 auto 10px; float: left;}
  .asidefix{ position: relative; top:auto; right:auto; left: auto; margin-right: 0;}
  #scrollWrapper{ height: auto;}
  .blockword{ width:50%;}
  .blockicon a:first-child{ display: inline-block;}
  .blockword a:nth-child(3),.blockword a:nth-child(4),.blockword a:nth-child(5){ display: inline-block;}

  .tablist li{ float: left; width: 48%;}
  .tablist li:nth-child(odd){ border-right: #E8E8E8 1px solid;}
  .tablist li:nth-child(even){ border-left: #fff 1px solid; padding-left: 3%;}
  .tablist li img{ margin-bottom: 15px;}
  .addmore{ clear: both; overflow: hidden;}
}

@media screen and (max-width:640px){
  #scrollWrapper{ overflow: hidden;}
  #gallery{ float: none; width: auto; margin-right: 9px;}
  .infor{ float: none; width: 99%;}
  .infor img{ display: none;}
  .tablist li{ float: none; clear: both; overflow: hidden; width: 100%;}
  .tablist li:nth-child(2n){ padding-left: 0; border-left: none;}
  .tablist li img{ margin-bottom: 15px;}
  .tablist li p{ float: none; margin-left: 26%; width: auto;}
  .blockList ul li{ clear: both; overflow: hidden; float: none; width: auto; height: auto; padding-bottom: 70px;}
  .blockList ul li:nth-child(2n){ float: none;}
  .blockLink img{ width: 100%;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:320px){
  #gallery .gallery-next, #gallery .gallery-prev{ top: 80px;}
}