﻿.tbtj li,.wykx li,.wypl li{height:auto;background: url(20211202-fjwy_dddd.jpg) no-repeat 3px 20px;}
.lanren-2 h2 { color: #af282e; padding:18px 30px 15px 30px; font-size: 36px;letter-spacing: 2px;font-family:"宋体","微软雅黑","黑体";line-height:60px;}
.lanren-2 h2  a,.lanren-2 h2  a:visited{color:#ffff00;}
  .lanren-2{width: 1200px;min-height: 100px;height:auto;-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
              position: relative;
              z-index: 90;
			  margin-top:20px;background-color: #BA0100;
          }
          .lanren-2 .ribbon-lanren-green {
              width: 85px;
              height: 88px;
              overflow: hidden;
              position: absolute;
              top: -3px;
              left: -3px;
          }
          .lanren-2 .ribbon-green {
              font: 400 20px Microsoft YaHei;
              color: #fff;
              text-align: center;
              -webkit-transform: rotate(315deg);
              -moz-transform: rotate(315deg);
              -ms-transform: rotate(315deg);
              -o-transform: rotate(315deg);
              position: relative;
              padding: 0px 0;
              left: -30px;
              top: 15px;
              width: 120px;
              background-color: #af282e；
              background-image: -webkit-gradient(linear, left top, left bottom, from(#af282e), to(#af282e));
              background-image: -webkit-linear-gradient(top, #af282e, #af282e);
              background-image: -moz-linear-gradient(top, #af282e, #af282e);
              background-image: -ms-linear-gradient(top, #af282e, #af282e);
              background-image: -o-linear-gradient(top, #af282e, #af282e);
              -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);

          }
          .lanren-2 .ribbon-green:before, .ribbon-green:after {
              content: "";
              border-top: 3px solid #af282e；
              border-left: 3px solid transparent;
              border-right: 3px solid transparent;
              position: absolute;
              bottom: -3px;
          }
          .lanren-2 .ribbon-green:before {
              left: 0;
          }
          .lanren-2 .ribbon-green:after {
              right: 0;
          }

          .lanren-2 h2 {
              padding-top: 18px;line-height:40px;
              color: #af282e;
              font-weight: bold;
              text-align: center;
          }

          .lanren-2 .pp p {
              float: left;
          }
		  .lanren-2 .more{
		  position:absolute;
		  width:30px;
		  height:80px;
		  top:0;
		  right:0px;
		  background:#af282e;
		  color:#fff;
		  padding:10px 7px;
		  font-size:16px;    text-align: center;
		}
		.lanren-2 .more a,.lanren-2 .more a:visited{color:#fff;}

		.lanren-2 .more h6{
		font-size:14px;
		transform:rotate(90deg);
		-ms-transform:rotate(90deg);   /* IE 9 */
		-moz-transform:rotate(90deg);  /* Firefox */
		-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
		-o-transform:rotate(90deg);  /* Opera */
		margin:0px 0 0 0px;
		font-family:Serif;
			padding: 5px 7px;
		} 

/* 首页文艺两新css */
.wylx_slideBox{ width:100%; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.wylx_slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.wylx_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.wylx_slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.wylx_slideBox .hd ul li.on{ background:#f00; color:#fff; }
.wylx_slideBox .bd{ position:relative; height:100%; z-index:0;   }
.wylx_slideBox .bd li{ zoom:1; vertical-align:middle; }
.wylx_slideBox .bd img{ width:100%; height:100%; display:block;  }
.wylx_slideBox .prev,
.wylx_slideBox .next{ position:absolute; left:3%; top:40%; margin-top:-25px; display:block; width:25px; height:65px; background:url(20211202-fjwy_nx_1.png) no-repeat;  }
.wylx_slideBox .next{ left:auto; right:3%; background:url(20211202-fjwy_nx_2.png) no-repeat; }
.wylx_slideBox .prev:hover,
.wylx_slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.wylx_slideBox .prevStop{ display:none;  }
.wylx_slideBox .nextStop{ display:none;  }

/* 首页名作大观css */
.scrollBox{ width:1206px;  position:relative; overflow:hidden;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1140px;left:0px}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:288px;}
.pageBtn div{display: block;position: absolute;width:25px;height:40px;cursor:pointer;top:180px;}
.pageBtn .prev{left:0px;}
.pageBtn .next{right:0px;}




	.picBtnTop{ width:100%; height:430px;  position:relative; zoom:1;   }
	.picBtnTop .bd{ width:660px;  height:430px; position:relative;  }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:100%; height:430px; vertical-align:bottom; }
	.picBtnTop .bd li .bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
	.picBtnTop .bd li .title{ width:100%; height:40px; line-height:35px; left:0; bottom:0;   position:absolute; z-index:2;font-size:16px;  }
	.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
	
	
	*{ padding:0; list-style:none; }
	.picScroll-left{overflow:hidden; position:relative; height: 200px;padding-top: 20px;padding-bottom: 20px;  }
	.picScroll-left .hod .next{ display:block;  width:50px; height:50px; margin-top:70px; float:right;margin-right:-950px;
		 cursor:pointer; background:url(rightyuan.jpg) no-repeat;}
	.picScroll-left .hod .prev{ display:block;  width:50px; height:50px; margin-top:70px;
		 cursor:pointer; background:url(leftyuan.jpg) no-repeat;margin-right: 10px;}
	.picScroll-left .hod .prevStop{ background-position:-60px 0; }
	.picScroll-left .hod .nextStop{ background-position:-60px -50px; }
	.picScroll-left .bod{ padding:10px;   }
	.picScroll-left .bod ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bod ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bod ul li .pic{ text-align:center; }
	.picScroll-left .bod ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
	.picScroll-left .bod ul li .pic a:hover img{ border-color:#999;  }
	.picScroll-left .bod ul li .title{ line-height:24px;   }
	


 .art-left-mid img {
    width:140px!important;
  height:100px!important;
}

 .art-left-mid{
    margin-left: 0px;
}


.arts-wid {
    float: left;
    width: 180px!important;
    margin-left: 10px;

}
.college .art-mid {
    margin-right: 5px;
    margin-left: 5px;
}


.art-mid .art-one {
    width: 220px!important;
}




/*at 20180927 edit by zcj*/


.college+.sea .art-left .art-left-mid img {
  width:240px!important;
  height:120px!important;
}


.box-1 {
    margin-right:10px;
}
.box-2 {
    margin-left:10px;
}



.box-3  .art-left-mid img {
    width: 240px!important;
    height: 120px!important;
}

.box-3.art-mid .art-one {
    width: 375px!important;
}

.box-3 .arts-wid {
    float: left;
    width: 250px!important;
    margin-left: 10px;
}

.box-3 .move-lists img{
	width:6px;
	height:4px;
}
.box-3 .move-lists a{
	font-size:14px;
}

.box-3 .move-lists ul li span {
    margin-right: 20px;
}

.box-3 .move-lists ul {
    padding-left: 20px;
    margin-left: 0;
}



.box-4  .art-left-mid img {
    width: 240px!important;
    height: 120px!important;
}

.box-4.art-mid .art-one {
    width: 415px!important;
}

.box-4  .arts-wid {
    float: left;
    width: 250px!important;
    margin-left: 10px;
}

.box-4  .move-lists img{
	width:6px;
	height:4px;
}
.box-4 .move-lists a{
	font-size:14px;
}

.box-4 .move-lists ul li span {
    margin-right: 20px;
}

.box-4 .move-lists ul {
    padding-left: 20px;
    margin-left: 0;
}


.box .art-mid.box-3 {
    margin-right: 10px;
    margin-left: 0px;
}

.box .art-mid.box-4 {
    margin-right: 0px;
    margin-left: 10px;
}


.box-1 .art-left-mid>div:nth-child(odd){
   margin-right: 10px;
}

.box-1 .art-left-mid>div:nth-child(even){
   margin-left: 10px;
}

.box-2 .art-left-mid>div:nth-child(odd){
   margin-right: 10px;
}

.box-2 .art-left-mid>div:nth-child(even){
   margin-left: 10px;
}