.classify{overflow: hidden; border-bottom:1px solid #ededed}
.classify a{display:block; float:left; line-height:12px; font-size:14px; color:#666666; padding:12px 30px; background:#f1f1f1; border-radius:3px; margin-bottom:20px; margin-right:14px;}
.classify a:hover{color:#FFF; background:#358ff0;}
.classify a:nth-child(9n){margin-right:0px;}
.classify a.on, .classify a.current{color:#fff; background:#358ff0;}

.con_list{overflow: hidden;}
.con_list li{float:left; width:234px; padding:20px; border:1px solid #ebebeb; margin-top:18px; margin-right:18px;}
.con_list li:nth-child(4n){margin-right:0;}
.con_list li:hover{background:#fff; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);}
.con_list li .con_tit{font-size:16px; color:#111; height: 16px; line-height:15px; overflow: hidden;}
.con_list li .con_text{margin-top:20px; overflow: hidden;}
.con_list li .con_text img{float:left; display:block; width:84px; height:84px; border-radius:16px;}
.con_list li .con_text .con_infor{float:left; width:130px; height:50px; margin-left:20px;}
.con_list li .con_text .con_infor p{color:#555555; line-height:12px;}
.con_list li .con_text .con_infor p span{color:#888;}
.con_list li .con_text .con_infor p + p{margin-top: 12px;}
.con_list li .con_text .con_infor .con_down{display:block; width:90px; height:32px; line-height:32px; text-align:center; border:1px solid #358ff0; border-radius:2px; color:#358ff0; margin-top:10px;}
.con_list li .con_text .con_infor .con_down:hover{color:#FFF; background:#358ff0;}
.con_lis .page-c{margin-top:40px;}

.ContBox { background: #fff; width:1160px; padding: 20px; margin-top: 15px; overflow: hidden; }
.ContBox .ContTitle { height: 25px; line-height: 25px; font-size: 24px; overflow: hidden; margin-bottom:20px; }
.ContBox .ContTitle strong { color: #333; font-weight: bold; }
.ContBox .ContTitle .more { display: block; float: right; width: 26px; height: 6px; margin-top: 10px; background: url(icon_sprites.png) no-repeat -171px -140px; }

.CollectionSwiper { position: relative; overflow: hidden; }
.CollectionSwiper .Ritem_tj { margin-bottom: 0; }
.CollectionSwiper .swiper-slide { width: 340px; }
.CollectionSwiper .swiper-slide li, .CollectionSwiper .swiper-slide li img { width: 340px; height: 170px; }
.Ritem_tj {
    width: 360px;
    margin-bottom: 30px;
    overflow: hidden;
}

.Ritem_tj { width: 360px; margin-bottom: 30px; overflow: hidden; }
.Ritem_tj li { overflow: hidden; margin-top: 20px; position: relative; }
.Ritem_tj li, .Ritem_tj li img { width: 360px; height: 180px; }
.Ritem_tj li:hover .info { height: 300px; }
.Ritem_tj li:hover .info p { margin: 155px auto 0; text-align: left; }
.Ritem_tj li:hover .info span { bottom: 26px; left: 170px; }
.Ritem_tj li .info { position: absolute; bottom: 0; z-index: 2; width: 100%; height: 140px; left: 0; transition: all .2s linear; -webkit-transition: all .2s linear; background: -webkit-linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#E5000000',GradientType=0 ); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); }
.Ritem_tj li .info p { color: #fff; font-weight: bold; font-size: 18px; text-align: center; height: 20px; line-height: 20px; overflow: hidden; width: 300px; margin: 80px auto 0; }
.Ritem_tj li .info p:hover { color: #358ff0; }
.Ritem_tj li .info .desc { font-size: 14px; color: #fff; width: 270px; line-height: 20px; height: 40px; overflow: hidden; position: absolute; left: 30px; top: 180px; }
.Ritem_tj li .info .btn { width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; border-radius: 4px; background: #358ff0; position: absolute; position: absolute; left: 30px; top: 240px; transition: all .1s linear; -webkit-transition: all .1s linear; }
.Ritem_tj li .info .btn:hover { opacity: 0.8; filter: alpha(opacity=80); }
.Ritem_tj li .info span { display: block; line-height: 30px; font-size: 14px; color: #ccc; overflow: hidden; width: 130px; text-align: center; position: absolute; bottom: 8px; left: 115px; transition: all .15s linear; -webkit-transition: all .15s linear; }

.ArtList { overflow: hidden; width: 102%; }
.ArtList li { float: left; width: 275px; height: 196px; background: #fff; margin: 0px 20px 20px 0; overflow: hidden; -webkit-transition: -webkit-box-shadow 0.2s linear; transition: -webkit-box-shadow 0.2s linear; transition: box-shadow 0.2s linear; transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear; }
.ArtList li img { display: block; width: 100%; height: 150px; }
.ArtList li p { display: block; width: 100%; text-align: center; height: 46px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #555; }
.ArtList li:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.ArtList li:hover p { color: #358ff0; }