/*
Template Name: EC模板堂正版授权模板
Template URI: http://www.gmond.com/
Description: 买模板请认准模板堂(ecmoban.com) <br/> 24小时客服联系 QQ:264944615
Version: 2.73
Author: 进模板堂挑选更多ECSHOP模板
Author URI: http://www.gmond.com/
Logo filename: logo.gif
*/
@charset "utf-8";
.content{
  background-color: #F6F6F6;
}
/*******************轮播广告***********************************************************************/
.first-screen {
  position: relative;
  width: 100%;
  min-height: 320px;
  overflow:hidden;
}
.first-screen .container{
  width: 100%;
}
.first-screen .container .slideBox{
  width: 100%;
}
.slideBox .hd img {
  width: auto;
  height: auto;
}
.slideBox .hd {
  position: absolute;
  z-index: 2;
  bottom:10px;
  height: 40px;
  width:100%;
  text-align:center;
}
.slideBox .hd ul {
  width:100%;
}
.IndexAd .hd ul li {
  width: 14px;
  height: 14px;
  margin-right: 9px;
  cursor: pointer;
  display: inline-block;
  *zoom:1;
  *display:inline;
  background: url('../images/superslide_btn.png') no-repeat left top;

}
.IndexAd .hd ul li.on{
  background: url('../images/superslide_btn.png') no-repeat right top;
}
.IndexAd .bd {
  position: relative;
  height: 100%;
  min-height: 320px;
  z-index:1;
}

.IndexAd .bd li {
  width: 100%;
  min-height: 320px;
  zoom: 1;
  vertical-align: middle;
  text-align: center;
}
.IndexAd .bd li a {
  /*position: absolute;*/
  /*left: 0;*/
  min-height: 320px;
}
.banner-btn:hover .btn-bg {
  opacity: .2;
  filter: alpha(opacity=20);
}
.root61 .IndexAd  .prev{
  margin-left: -527px;
  background:url(../images/prev_54.png) no-repeat left top;
}
.root61 .IndexAd  .next{
  margin-left: 482px;
  background:url(../images/next_54.png) no-repeat left top;
}
.IndexAd  .prev,
.IndexAd  .next{display: none;
  position: absolute;
  z-index: 100;
  top: 183px;
  left: 50%;
  width: 45px;
  height: 70px;
  cursor: pointer;
  overflow: hidden;
}
/*顶级分类页轮播广告*/
.banner {
  height: 420px;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 0;
}
.banner .hd {
  position: absolute;
  z-index: 100;
  top: 380px;
  left: 50%;
  height: 20px;
  margin-left: -60px;
  overflow: hidden;
}
.banner .hd ul {
  height: 20px;
}
.banner .hd ul li {
  display: inline;
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url(../images/bgc.png) 0 -32px;
  color: #fff;
  font: 12px/20px 'microsoft yahei';
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.banner .hd ul li.on {
  background-position: -20px -32px;
}
.banner .bd {
  position: relative;
  height: 100%;
}
#bg998 .banner .bd .li1 {
  background: #003ea3
}
#bg998 .banner .bd .li2 {
  background: #00adef
}
#bg998 .banner .bd .li3 {
  background: #e30b0b
}
#bg998 .banner .bd .li4 {
  background: #003ea3
}
#bg998 .banner .bd .li5 {
  background: #ffb2a8
}
.banner .bd li {
  width: 100%;
  height: 420px;
  zoom: 1;
  vertical-align: middle;
  text-align: center;
}
.banner .bd li a {
  position: absolute;
  left: 50%;
  margin-left: -640px;
}
.banner .banner-arr {
  display: none;
  position: absolute;
  z-index: 110;
  top: 170px;
  width: 50px;
  height: 60px;
  cursor: pointer;
}
.banner .prev {
  left: 50px;
}
.banner .banner-arr .shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 60px;
  background: #000;
  opacity: .2;
  filter: alpha(opacity=20);
  border-radius: 3px;
  transition: opacity 0.2s linear 0s;
}
.banner .banner-arr:hover .shadow {
  opacity: .5;
  filter: alpha(opacity=50);
}
.banner .banner-arr .arr {
  position: absolute;
  z-index: 2;
  top: 18px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.banner .prev .arr {
  left: 19px;
  background: url(../images/bgc.png) -40px -32px;
}
.banner .next {
  right: 50px;
}
.banner .next .arr {
  right: 19px;
  background: url(../images/bgc.png) -64px -32px;
}
.root61 .banner-service {
  margin-left: 362px;
}
.banner-service {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 50%;
  width: 200px;
  height: 420px;
  margin-left: 262px;
}
.banner-service .guide {
  position: relative;
}
.banner-service .guide, .banner-service .guide img, .banner-service .services, .banner-service .services img {
  display: block;
  width: 200px;
  height: 208px;
}
.banner-service .guide, .banner-service .guide img, .banner-service .services, .banner-service .services img {
  display: block;
  width: 200px;
  height: 208px;
}
.banner-service .services {
  position: relative;
  margin-top: 4px;
  overflow: hidden;
}


/******************************************************************************************************/
html{

}
body{
}
#informationContent{
background-color: #F1F0F1;
}
.information_tmh{
  height: 40px;
}
.bj{
  width: 100%;
  margin: 0px auto;
}

/*************左边****************************************************************************/
.left_side {
  width: 157px;
  float: left;
  margin-right: 15px;
  background: #FFF;
  border-bottom: 1px solid #DEDDDE;
}
.top_line {
  background: #515151;
  border-bottom: 1px solid #F1F0F1;
  display: block;
  height: 2px;
}
.left_menu {
  text-align: left;
  font-family: "微软雅黑";
  background: #FFF;
  padding: 18px 10px 18px 30px;
}
.left_menu dt, .left_menu dd strong, .left_menu dd:first-child {
  color: #333;
  font-weight: bold;
  line-height: 32px;
  font-size: 15px;
  font-family: "微软雅黑";
}
.left_menu dt a, .left_menu dd:first-child a {
  color: #333;
  font-family: "微软雅黑";
}
.left_menu dd {
  line-height: 29px;
  color: #666;
  font-family: "微软雅黑";
}
.left_menu dd a {
  color: #666;
  font-family: "微软雅黑";
}
.left_menu a:hover, .left_menu a:hover strong, .left_menu a.on, .left_menu dd:first-child a:hover, .left_menu dd:first-child a.on {
  color: #FF8B81;
}




/***********第一块广告区**********************************************************************************/
.article_cat_content{
  width: 100%;
  margin: 0px auto;
  /*background-color: #00CCCC;*/
}
.article_cat_left{
  float: left;

  width: 157px;
  background-color: #fff;
}
.article_cat_right{
  float: left;
  margin-left: 0px;
  background-color: #fff;
  padding: 20px;
  /*border-top:2px solid;*/
}

/*********文章分类************************************************************************************************/

/*********单个文章块***************************************************************************************/
.article_item{

  /*padding-bottom:15px;*/
  /*border-bottom:1px solid #F6BEAD;*/
  border:1px solid #D8D8D8;
  width: 90%;
  margin: 0px auto;
  padding: 15px;
  margin-bottom: 45px;
}
.article_item .article_item_img{
   float: left;
   width: 100%;
   height: auto;
 }
.article_item .article_item_img img{
  width: 100%;
  border: 1px;
}
.article_item_img_left{
  margin-right: 0px;
}
.article_item_img_right{
  margin-left: 0px;
}
.article_item_more{
  margin-top: 20px;
  background-color: #DEDEDE;
  width: 80px;
  text-align: center;
  height: 25px;
  line-height: 25px;
}
.article_item .article_item_info{
  float: left;
  width: 100%;
}
.article_item .article_item_info .article_item_name{
  line-height: 30px;
  font-weight: bold;
  color: #f6827a;
}
.article_item .article_item_info .article_item_media{
  width: 125px;
  height: 10px;
  line-height: 25px;
  font-weight: bold;
  color: #f6827a;
}
.article_item .article_item_info .article_item_writing{
   width: 148px;
   height: 25px;
   line-height: 25px;
   color: #BBBBBB;
  /*font-weight: bold;*/
 }
.article_item .article_item_info .article_item_content{
  width: 100%;
  height: 120px;
  overflow: hidden;
  margin-top: 20px;
  word-wrap: break-word;
  line-height: 25px;
  font-size: 14px;
}
.article_item .article_item_info .article_item_content img{
  width: 100%;
  height: auto;
}
.article_item_line{
  float: left;
  /*border-left: 1px solid #E5E5E5;*/
  height: 200px;
  width: 40px;
  margin-right: 20px;
  margin-left: 20px;
  display: none;
}