.yScrollList{width:90%;max-width:1170px;margin:25px auto 0;}
.yScrollListTitle{
	overflow: hidden;
    width: 90%;
    margin-bottom: 20px;
    float: left;
}
.yScrollListTitle h1{
	width: 16%;
    min-width: 145px;
    position: relative;
    z-index: 3;
    left: 0;
	float:left;
    margin-bottom: 10px;
}
.yScrollListTitle h1 a{
	height: 30px;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    padding: 0 20px;
    display: inline-block;
    border-radius: 15px;
    border: 2px solid #2f638a;
}
.yScrollListTitle h1 a:hover{
    border-radius: 15px;
    border: 2px solid #ffc000;
    color: #ffc000;
}
.yScrollListTitle h1.yth1click a{
    border-radius: 15px;
    border: 2px solid #ffc000;
    color: #ffc000;
}

.yScrollListIn{width:100%;position:relative;}
.yScrollListInList{display:none;width:100%;position:relative;height:380px;overflow:hidden;top:-100px;}
.yScrollListInList .yScrollListbtnl{
	width: 29px;
    height: 29px;
    display: inline-block;
    background: url(../images/btn3.png) no-repeat 0 0;
	position:absolute;
	right:35px;
	top:0px;
}
.yScrollListInList .yScrollListbtnl:hover{
	background-position: 0 -29px;
}
.yScrollListInList .yScrollListbtnr{
	width: 29px;
    height: 29px;
    display: inline-block;
    background: url(../images/btn3.png) no-repeat -29px 0;
	position:absolute;
	right:0px;
	top:0px;
}
.yScrollListInList .yScrollListbtnr:hover{
	background-position: -29px -29px;
}

.yScrollListInList ul{width:2238px;height:324px;position:absolute;top:0;left:0;overflow:hidden;margin-top:90px;}
/*
.yScrollListInList ul li{width:160px;height:224px;float:left;margin-right:84px;}
.yScrollListInList ul li img{width:140px;height:140px;display:block;margin-left:10px;margin-top:12px;}
.yScrollListInList ul li p{text-align:center;font-size:12px;color:#666666;line-height:18px;padding:7px 10px 0;width:140px;height:36px;overflow:hidden;}
.yScrollListInList ul li p:hover{color:#e9630a;text-decoration:underline;}
.yScrollListInList ul li span{color:#e9630a;font-size:12px;text-align:center;display:block;line-height:24px;}
*/
.yScrollListInList li{
	width:280px;
	padding-right:20px;
    line-height: 24px;
	float:left;
}
.yScrollListInList li a{
	display: block;
	overflow: hidden;
	/*border-bottom: 4px solid #3a3a3a;*/
	transition: border-color 400ms;
}
.yScrollListInList li p{height: 30px;line-height: 30px;text-align: center;color: #ED0A0A}

.yScrollListInList li .imgBox { height: 220px; overflow: hidden; position: relative; }
.yScrollListInList li .img { width: 100%; height: 100%; }
.yScrollListInList li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #6f3c3c ; position: absolute; left: 0; top: 0; transition: 400ms; }
.yScrollListInList li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.yScrollListInList li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.yScrollListInList li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #fff; font-size: 18px; transition: 400ms; }
.yScrollListInList li .time { color: #fff; font-size: 14px; transition: 400ms; text-align:left;}
.yScrollListInList li:hover a { border-color: #824545; }
.yScrollListInList li:hover a .bg { opacity: 0.8; filter: alpha(opacity=80); }
.yScrollListInList li:hover .t { color: #824545; }
.yScrollListInList li:hover .time { color: #824545; }
.yScrollListInList li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.yScrollListInList li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.section5 .more { width: 100%; overflow: hidden; text-align: center;}
.section5 .more a { width: 160px; height: 44px; line-height: 44px; font-size: 22px; color: #fff; background: #74b823; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.section5 .more a:hover { background: #b2b2b2; color:#fff;}