﻿.clear{display:block; clear:both;height:0;overflow:hidden;} 
.w100{width:100%;position:relative;margin:0 auto;overflow:hidden;} 
.artlist{background:#fafafa; padding: 20px 0;}
.container{width:1200px;margin:0 auto;overflow:hidden;position:relative;}  
.pos {padding:15px 0 ;}
.pos a {color:#333; font-size: 15px;}
.pos a:hover {color:#358ff0;}
.main_l {float:left;width:800px; padding-left: 15px; background-color: #fff; padding-right:15px;} 
.artItemList{width:96%;padding:0 4% 10px 0 ; overflow: hidden; border-bottom: 0;position: relative;} 
.artItemList .artItem{width: 100%;  padding: 25px 0; border-bottom: 1px solid #E6E6E6; overflow: hidden; clear: both;  position:relative;}
.artItemList .artItem:nth-last-child(1){ border-bottom: 0; }
.artItemList .artItem .itemTit{float:right; width:68%; padding-right: 2%;overflow: hidden;}
.artItemList .artItem .itemTit h4{display:block;font-size:18px; height: 32px;  overflow: hidden;}
.artItemList .artItem .itemTit h4 a{color:#545454;}
.artItemList .artItem .itemTit h4 a:hover{color:#358ff0;}
.artItemList .artItem .itemTit .pcInfo{color:#999;}
.artItemList .artItem .itemTit .pcInfo .item_intro {line-height:150%;padding:5px 0 10px;}
.artItemList .artItem .itemTit .pcInfo .item_date {float:left;text-indent:2em;margin-right:30px;background:url(bgSmallitem.png) no-repeat left 0;}
.artItemList .artItem .itemTit .pcInfo .item_tag {float:left;text-indent:2em;background:url(bgSmallitem.png) no-repeat left -20px;}
.artItemList .artItem .itemTit .pcInfo .item_tag a {margin-right:10px;color:#999;}
.artItemList .artItem .itemPic { width:100%; background-color: #fff; line-height: 100%; overflow: hidden;}
.artItemList .artItem .itemPic {float:left;width:30%;}
.artItemList .artItem .itemPic img{width:195px;height:135px;}
.artItemList .artItem .itemPic .titPic{ display: block;}
.side_r {float:right;width:320px;padding:0 10px 20px 10px; background-color: #fff;}
.side_r .listArt{margin-top:0;padding:0;overflow: hidden}
.side_r .listArt dl{ width:100%; padding:10px 0; margin: 0 auto; border:none; }
.side_r .listArt dl dd{padding:15px;padding-bottom:0px; padding-top:0px;}
.side_r .listArt dl dd li{height: 38px; line-height: 38px; }
.listArt{ padding: 30px 0; background-color:#fafafa;}
.listArt dl{float:left; width: 30.5%; padding:15px 1%; background-color: #fff; margin-bottom: 15px; }
.listArt dl.mc5{margin:0 1%;}
/*.listArt dl:nth-last-child(3),
.listArt dl:nth-last-child(2),
.listArt dl:nth-last-child(1){margin-bottom:20px;}*/
.listArt dl dt{width:92%; padding:0 4%; height:42px;line-height:42px; color: #fff; margin:10px 0 ;  background-color:#358ff0; text-align: left;overflow: hidden; }
.listArt dl dt h3{font-size: 20px; color:#fff; font-weight: normal; text-transform:capitalize; }
.listArt dl dt i{ border-left:5px solid #358ff0; height: 20px;display: block; position: absolute;top: 8px; }
.listArt dl dt span{  float: right; }
.listArt dl dt span a{font-size: 14px; color:#fff;}
.listArt dl dd li{width:100%;height:40px;line-height:40px;overflow:hidden;clear:both;display:block;}
.listArt dl dd li a{font-size:15px; color: #545454;overflow: hidden;width: 100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;}
.listArt dl dd li a:before{content:''; display: inline-block; width:4px;height: 4px; border-radius: 50%; background-color: #999; margin-right: 8px; margin-bottom: 3px;}
.listArt dl dd li span{color: #999;float: right;font-size: 13px;}
.listArt dl dd li:nth-last-child(1){border-bottom:0;}
.listArt dl dd li:hover a,
.listArt dl dd li:hover span{color: #358ff0;}
.listArt dl dd li:hover a:before{background-color:#358ff0;}

.s_page{margin: 25px 0;text-align: center;}
.s_page a{margin: 0 2px;padding: 7px 10px;border: 1px solid #ccc;border-radius: 3px;/*box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px;*/background: #fff;color: #444;}
.s_page a:hover, .s_page a.current{background: #358ff0;border-color: #358ff0;color: #fff;}


.artpage {width:100%; background:#fff;min-height:600px;/*margin-bottom:20px;*/}
.artinfo {width:100%; padding-bottom: 10px; }
.artinfo dt {padding:10px 0;overflow:hidden;}
.artinfo dt h1 {font-size:26px;font-weight:normal; color: #545454}
.artinfo dd {font-size:15px;color: #888; overflow: hidden; }
.artintro{padding:10px; background-color: #FAE6E8; font-size: 15px; color: #CA0E1D; border:1px solid #CA0E1D; margin:20px auto; }
.artintro h2{padding:30px; background-color: #FAE6E8; font-size: 15px; color: #CA0E1D; border:1px solid #CA0E1D; margin:20px auto; }
.artcontent {width:100%;padding:20px 0 20px 0;line-height:150%;font-size:15px;color:#545454; position:relative; overflow:hidden}
.artcontent img{max-width:680px!important;height:auto; text-indent:0em!important;margin:5px auto;}
.artcontent p {display:block;clear:both;margin-bottom:10px;}
.artcontent a {color:#31BCE7;}
.artcontent .tags {color:#999;margin-top:20px;height:26px;line-height:26px;overflow:hidden;}
.artcontent .tags a {margin:0 5px;}
.aboutpage{width:80%; margin: 0 auto; padding:30px 10% 0;}
.aboutpage .artcontent{padding:0; line-height: 180%;}
.aboutpage .artcontent h1 {font-size:26px;font-weight:normal; color: #545454}
.art_next {width:100%; padding:15px 0;height:45px;line-height:45px;overflow:hidden;clear:both; border-top:1px solid #ddd;}
.art_next span {width:47.5%;height:45px;line-height:45px;color:#999;}
.art_next span.next {float:left;text-align:left;}
.art_next span.pre {float:right;text-align:right;}
.art_next  a{color:#333;}
.art_down {width:100%;padding:40px 0; overflow:hidden;clear:both; border-top:1px solid #ddd; text-align:center;}
.art_down a{width:183px;height:60px;line-height:60px; border-radius:4px; color:#fff;font-size:22px;display:inline-block;  text-indent: 2em; margin:0 0 20px 20px; background:#ccc url(icondown_bg.png) no-repeat 15px 12px; overflow:hidden;}
.art_down a.d1{background-color:#89C60F;}
.art_down a.d2{background-color:#14BB8F;background-position:15px -60px;}
.art_down a.d3{background-color:#06BECA;}
.art_down a:hover{background-color: #0079E2;}
.art_like {width:100%;margin:20px 0;overflow:hidden;position:relative;}
.art_like .like_l{width:47.5%;float:left;}
.art_like .like_r{width:47.5%;float:right;}
.art_like h3{width:100%;font-size:20px;margin-bottom:6px;color:#395169;overflow:hidden;position:relative;}
.art_like ul {width:98%;overflow:hidden;}
.art_like ul li {display:block;height:33px;line-height:33px;overflow:hidden;}
.art_like ul li span{float:right;font-size:12px;color:#999}
.art_like ul li a {color:#555;font-size:14px;}
.art_like ul li a:hover {color:#31BCE7;text-decoration:none;}

.AD_342 { width: 342px; overflow: hidden; }
.mb20 {margin-bottom: 20px;}

.artcontent h3 {
    border-bottom: 1px dashed #d1d1d1;
    padding: 2px 0 5px 25px;
    font-weight: 900 !important;
	text-indent:-2em;
    color: #358ff0;
    background: url(x_t_01.png) no-repeat 0 -631px;
    font-size: 16px;
}


.down a {
    display: block;
    background-color: #358ff0;
    width: 99px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	float:right;
}
.down a:hover {background-color: #1162b8;}

/*相关推荐*/
.xgcomm{width:100%; overflow:hidden;}
.xgcomm h2{ font-size:16px; font-weight:bold; margin:15px 0px 0px 8px; padding:6px 0px; color:#000000}
.xgcomm ul li{ width:100%; display:block;position: relative;/*margin: 5px auto;*/}
.xgcomm ul .item-inner {position: relative;display: block;padding: 10px;border-top: 1px solid #e8e8e8;}
.xgcomm ul .item-inner:hover{background:#f0f0f0;}
.xgcomm ul .item-inner .rbox{position: relative;overflow: hidden;height: 102px; padding-left:12px;}
.xgcomm ul .item-inner .rbox .rbox-inner {display: inline-block;width: 100%;vertical-align: middle;}
.xgcomm ul .item-inner .rbox .rbox-inner p {display: block;font-size: 16px;color: #000042;line-height: 1.3;margin-bottom: 4px;font-weight: 700;margin-top:10px;}
.xgcomm ul .item-inner .rbox .rbox-inner .item-info { display: block;font-size: 12px;color: #999;height: 18px;line-height: 18px;margin-top: 15px;}
.xgcomm ul .item-inner .rbox .rbox-inner .item-info a{ border:1px solid #2a90d7; padding:3px 5px; color:#2a90d7; margin-right:3px;}
.xgcomm ul .item-inner .rbox .rbox-inner .item-info .js{ line-height: 20px; max-height: 40px;float:left; width:480px; margin-top:-2px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xgcomm ul .img-wrap {position: relative;cursor: pointer;display: block;width: 120px;height: 90px;border: 1px solid #e8e8e8;background: #e8e8e8;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;overflow: hidden; float:left;}
.xgcomm ul .img-wrap>img {width: 100%;height: 100%;}
.xgcomm ul .img-wrap>img:hover{transform: scale(1.1);transition: transform 1s;}
.xgcomm ul .item .lbtn {float: left;display: inline-block;color: #777;font-size: 12px;}


/*栏目导航*/
.listArt .bd{ width:342px; margin-right:-9px; padding-bottom:2px; }
.listArt .bd a{ float:left; width:107px; height:32px; line-height:32px; background:#f2f2f2; text-align:center; color:#565656; font-size:14px; margin:0 10px 10px 0; cursor:pointer; }
.listArt .bd a:nth-child(3n){ float:left; width:107px; height:32px; line-height:32px; background:#f2f2f2; text-align:center; color:#565656; font-size:14px; margin:0 0 10px 0; cursor:pointer; }
.listArt .bd a:hover{ background:#358ff0; color:#fff; }
.listArt .bd .current{ background:#358ff0;color:#fff; }