a{transition:all 0.3s; -webkit-transition:all 0.3s;}
tspan{color:red;}
.bac {	background:#f3f1f2;padding-bottom:50px;}
/**栏目标题**/
.index-header{ background:none; margin:33px auto 27px;}
.index-header .logo{ background:url(../img/artindex-logo.png) no-repeat 0 center; width:343px;}

/**栏目首页**/

.obs-box .list{ width:375px; float:right;}
.obs-box .list li{ padding:11px 0; border-bottom:1px solid #e5e5e5;}
.obs-box .list li img{ transition:all 0.5s; -webkit-transition:all 0.5s;max-width: 116px;max-height: 66px;border: 4px solid #333;vertical-align: middle;}
.obs-box .list li p{ line-height:20px; padding-right:22px;}
.obs-box .list li .tit{ font-size:16px; color:#333; line-height:26px; margin-bottom:6px;}
.obs-box .list li a:hover img{ border-color:#622156;}
.obs-box .list li .thumbnail { width:131px; height:78px; overflow: hidden;float: left; text-align: center;line-height: 78px;}


.news-images .hd li.on {background: rgb(240, 240, 240); }
.obs-image{ position:relative; height:380px; overflow:hidden;}
.obs-image p{ position:absolute; left:0; bottom:0px; z-index: 999; width:100%; height:43px; text-align:center; line-height:42px; text-align:center; color:#fff; font-size:14px; background:url(../img/blog/bg01.png) repeat;transition:all 0.5s; -webkit-transition:all 0.5s;}
.obs-image li:hover p{ height:24px; line-height:24px; bottom:0px;}
.obs-image img {max-width:582px;max-height: 380px; vertical-align: middle;}
.obs-image li {width:582px; height: 380px; position: relative;text-align: center;line-height: 380px;}

.obs-row{ width:950px; margin:0 auto;}
.obs-row .head { color:#666; font-weight:normal; line-height:20px;margin-bottom:18px;}
.obs-row .head span{ display:block; font-size:16px; color:#c48a10;}
.obs-row .obs-dl{ width:444px; padding:10px 0; border-top:1px solid #d6d6d6;}
.obs-row .obs-dl dt{ float:left; width:120px; height:140px; padding-top:8px;}
.obs-row .obs-dl dd{ float:right; width:315px;}
.news-box .obsli li{ font-size:12px; height:35px; line-height:35px;}
.news-box .obsvid{ width:980px; padding-top:9px;}

.news-right .author-list li{width: 228px;height: 57px; padding: 10px 10px 10px 13px; border-bottom: 1px dashed #666; line-height: 16px;}
.news-right .author-list li img{margin-left: 25px;}
.news-right .author-list li p.name{font-size: 14px; color: #333;padding-bottom: 7px;}
.news-right .author-list li a:hover p{color: #c48a10;}

.column-list ul li{padding: 30px 0 30px 20px; width: 720px ;float: left; height: 128px; border-bottom: 1px dashed #d0d0d0}
.column-list ul li .img{width: 99px; margin-right: 30px; border-bottom: 1px solid #000; text-align: center; height: 127px; color: #000;}
.column-list ul li .img img{ margin-bottom: 4px;}
.column-list ul li .intro{width: 568px;}
.column-list ul li .intro p.tit{font-size: 14px; font-weight: bold; color: #333; height: 38px;}

.column-list ul li .intro p.txt{line-height: 16px; height: 32px; color: #707070;}
.column-list ul li .intro p.new{ margin-top: 18px; color: #333;}
.column-list ul li a:hover,.column-list ul li .intro p.tit a:hover,.column-list ul li .intro p.new a:hover{color: #c48a10;}

.colum-side{ background: url(../img/blog/bg02.jpg) repeat; padding:28px 18px 0; height: 495px;}
.colum-side .tit{height: 44px;overflow: hidden; line-height: 40px; color: #fff; text-align: center; border-top: 1px solid #000; font-size: 18px; color: #000;}
.colum-side  .imgbox{border-bottom: 1px solid #000; padding:0 27px 17px; }
.colum-side  .imgbox .name{font-size: 20px; color: #000; padding:18px 0 15px}
.colum-side  .imgbox .txt{ color: #333;font-size: 11px; line-height: 18px;}
.colum-side  .count{ line-height: 22px; font-size: 11px;}
.colum-side  .count .tit{height: 36px;line-height: 36px; font-size: 16px; text-align: left; border-bottom: 1px dashed #000; margin-bottom: 16px;}
.colum-side a:hover .txt{color: #c48a10;}

.colum-right{ width: 710px; padding: 20px 20px 35px;}
.article_list ul li{float: left;width: 710px;height: 170px; margin-bottom: 20px;}
.article_list ul li .tit{height: 38px; border-bottom: 1px dashed #d0d0d0; color: #333; font-size: 14px; margin-bottom: 15px;font-weight: bold;}
.article_list ul li .tit a{ color: #333;}
.article_list ul li .tit a:hover,.article_list ul li .more:hover{color: #c48a10;}
.article_list ul li .txt{line-height: 24px; margin-bottom: 20px;}
.article_list ul li .more{ color: #000;}

.w-video h2{border-bottom: 3px solid #333;}
.w-video .obsvid li{ margin: 0 19px;}

.inner-right .news-video .list li{  height:125px; }
.inner-left .info-con p>img {max-width: 600px;}

.index-serach{
	width:770px;
	margin: 20px auto;
	font-size: 16px;
}
.index-serach label{
  font-weight: 700;
}
.index-serach .fa-search{
  margin-right: 10px;
  font-size: 20px;
}
.index-input{
	border:2px solid #000;
  border-radius: 5px 5px;
  width: 470px;
	font-size: 14px;
	padding:3px 5px;
  margin: 0 20px;
}
.btn-index-search{
  display: inline-block;
  padding:5px 25px;
  background: #000;
  color:#fff;
  font-weight: 700;
  border-radius: 5px;
}
.aritst_info h1{
  width: 400px;
  margin:0 auto;
  border-radius: 15px;
  padding:10px 0;
  background:url(../img/blog/bg06.jpg) repeat;
  text-align: center;
}
.pindex,.pprice{
background: #fff;
box-shadow: 0 0 3px #000;
margin:10px;
  position: relative;
}
.pindex label,.pprice label{
  position: relative;
  top:10px;
  left:15px;
  color:#000;
  font-size: 14px;
}
.Letter-list{
    padding: 5px 65px;
font-size: 14px;
background: url(../img/blog//bg06.jpg) repeat;
  color: #000;
}
.border-b{
  padding-bottom: 5px;
  border-bottom:3px solid #000;
  margin-bottom: 15px;
}
.Letter-list{
	line-height: 26px;
}
.fwb{font-weight: 700}
.Letter-list dd a{
  float: left;
  display: inline-block;
  height: 24px;
  padding: 0 6px;

  text-align: center;
  line-height: 24px;
  color: #464646;
  font-size: 14px;
  margin-right: 4px;
}
.aritst-list{
	position: relative;
  margin-bottom: 10px;
}
.aritst-list dt{
	  float: left;
  width: 53px;
  position: absolute;
  left: 0px;
  top: 0;
  border: 2px solid #e5e5e5;
  border-right: 0 none;
  line-height: 48px;
  background-color: #fff;
  padding-right:15px;

  text-align: center;
  font-size: 26px;
}
.aritst-list dt span{
  display: inline-block;
  padding: 5px 10px;
  height: 24px;
  margin: 5px 0;
  line-height: 24px;
  background: #eee;
}
.aritst-list dd{
  padding: 15px 0px 6px 0px;
  margin-left: 68px;
  border: 2px solid #e5e5e5;
  background-color: #fff;
  clear: both;
}
.aritst-list dd a{
	min-width: 40px;
	padding: 0 10px;
	text-align: left;
	display: inline-block;
  line-height: 24px;
}

.sub-aritst{
  background-color: #f5f5f5;
  padding:10px 20px;
}
.aritst-list dd{min-height: 110px;}
.artindex{padding:10px;}

.fr{float:right}
.fl{float:left}
.sider{width:160px;}
.cl{clear:both;}

.blog-le{width: 221px;min-height: 900px; padding:0 14px; border-left: 1px dotted #dad8d9;padding-bottom: 90px;float:right}
.blog-le .btil{font-size: 18px;font-weight: bold; color: #000; height:62px; padding-top: 15px;}
.blog-le .peo dt{ text-align: center; line-height: 0;}
.blog-le .peo dd{font-size: 14px;font-weight: bold; color: #000; height: 60px;line-height: 60px;text-align: center;}
.blog-le .mem-num ul li{height: 13px;line-height: 13px; border-right: 1px solid #7f7f7f;width: 72px; text-align: center;}
.blog-le .mem-share{height: 28px;padding: 22px 0 22px 8px;}
.blog-le .mem-share .gz{ display: inline-block;width: 58px;height: 28px; background: #000; color: #fff; line-height: 28px;text-align: center;}
.blog-le .mem-share .gz:hover{background: #333;}
.blog-le .mem-share .jiathis_style{margin-top: 5px;}
.blog-le .mem-share .jiathis_style a{ margin: 0;}
.blog-le .mem-txt{padding: 15px 0; font-size: 11px;line-height: 22px; color: #666; border-top: 1px dotted #dbdbdb;}
.blog-le .mem-txt .label {text-align: right;width: 60px;display: inline-block;}
.blog-le .mem-txt .til{font-size: 18px;font-weight: bold; color: #000; height: 32px; padding: 5px 0;}
.blog-le .mem-wtxt{ padding-left: 10px; font-size: 14px; color: #000; padding: 10px 0;}
.blog-le .mem-list li{ height: 22px; line-height: 22px; color: #333; width: 100%;}
.index_content{width:748px;}