@charset "utf-8";
/*common*/

/*common end*/
.sshd_yg{background: #f7f7f7;}
.sshd_yg .hd dl{float: right; background:url(/images/sshd_rl.png) no-repeat left center; padding:0 42px 0 37px; position: relative; line-height: 41px; color: #ef1313;}
.sshd_yg .hd dl dt{}
.sshd_yg .hd dl dt i{ position:absolute; right:20px; top:19px; width:0; height:0; border-width:4px; border-style:solid dashed dashed; border-color:transparent transparent transparent #ef1313; font-size:0; line-height:0; -webkit-backface-visibility: hidden;}
.sshd_yg .hd dl  a{ color: #ef1313;}
.sshd_yg .hd dl  a:hover{text-decoration: underline;}
/*.sshd_yg .hd dl:hover dt i{
-webkit-transition: -webkit-transform .2s ease-in; 
-moz-transition: -moz-transform .2s ease-in; 
-o-transition: -o-transform .2s ease-in; 
transition: transform .2s ease-in; 
-moz-transform: rotate(180deg); 
-moz-transform-origin: 50% 30%; 
-webkit-transform: rotate(180deg); 
-webkit-transform-origin: 50% 30%; 
-o-transform: rotate(180deg); 
-o-transform-origin: 50% 30%; 
transform: rotate(180deg); 
transform-origin: 50% 30% 
}
.sshd_yg .hd dl dd{display: none; position: absolute; z-index: 20; top: 100%; background: #e4e3e3; left: 28px; right:0; padding:10px 0 10px 15px; max-height: 175px; overflow-y:scroll; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.sshd_yg .hd dl dd a{display: block; padding:5px 0; font-size: 15px; color: #666;}
.sshd_yg .hd dl dd a:hover{color: #333;}
.sshd_yg .hd dl:hover dd{display: block;}
*/

.sshd_yg .bd{height: 194px; position: relative;}
.yg_bd{margin:25px 51px; overflow: hidden;}
.yg_bd li{float: left; width: 203px; height: 149px;}
.yg_bd li .box{position: relative; height: 149px; margin:0 15px;}
.yg_bd li h5{line-height:28px; font-weight: normal; font-size: 15px; position: absolute; bottom:89px; width: 100%; max-height: 60px; overflow: hidden; text-align: center;}
.yg_bd li h5 a:hover{color: #ff0043;}
.yg_bd li span{position: absolute; bottom: 48px; width: 100%; text-align: center; color: #ff0043;}
.yg_bd li i{position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #ff0000; left: 50%; margin-left: -3px; top: 71px;}
.yg_bd li i:after{content:''; position: absolute; width: 1px; height: 15px; background: #ff0000; left:3px; bottom: 100%;}
.yg_bd li.liOdd h5{bottom: auto; top:89px;}
.yg_bd li.liOdd span{top: 48px; bottom:auto;}
.yg_bd li.liOdd i:after{bottom: auto; top: 100%;}

.sshd_yg .line{position: absolute; height: 1px; background: #f1a4b9; top: 99px; left: 50px; right: 50px;}
.sshd_yg .month{position: absolute; width: 45px; height: 45px; background: #ff0043; border-radius: 50%; text-align: center; color: #fff; line-height: 45px; top: 77px; left: 44px;}
.sshd_yg .btn a{position: absolute; width: 31px; height: 37px; background:url(/images/ssyg_arrow.png) no-repeat #d5d5d5;  top: 81px; cursor: pointer;}
.sshd_yg .btn a.prev{left: 0; border-radius: 0 4px 4px 0;}
.sshd_yg .btn a.next{right: 0; background-position: -31px 0; border-radius: 4px 0 0 4px;}
.sshd_yg .btn a:hover{background-color: #bfbfbf;}

.ssyg_list{margin:0 -10px; overflow: hidden;}
.ssyg_list .item{float: left; width: 33.333%;}
.ssyg_list .item .box{ padding:12px; border:#ebebeb 1px solid; margin:0 10px 20px; height: 400px;}
.ssyg_list .item .pic{position: relative; margin-bottom: 10px;}
.ssyg_list .item .pic img{display: block; width: 100%; height: 220px;}
.ssyg_list .item .pic h4, .ssyg_list .item .pic b{ width: 125px; padding:0 20px; height: 80px; position: absolute; left: 50%; margin:-40px 0 0 -82px; top: 50%;}
.ssyg_list .item .pic h4{ font-size: 20px; font-weight: normal; color: #fff; text-align: center; z-index: 2; line-height: 80px;}
.ssyg_list .item .pic b{background: #136ab3; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; z-index: 1; border-radius: 4px;}
//.ssyg_list .item_1 .pic h4{line-height: 32px; padding-top:8px;}


/*体育文化*/
.tywh_tyz{width: 548px; height: 236px;}
.tywh_tyz .bd{position: relative; min-height: 192px;}
.tywh_tyz .pic{position: absolute; left: 20px; top: 20px;}
.tywh_tyz .pic img{display: block; width: 142px; height: 152px; border:#c7c7c7 1px solid;}
.tywh_tyz .bd .common_newslist{margin-left: 184px; padding:12px 0;}
.tywh_tyz .bd ul li{float: left; width:50%; padding:0;}
.tywh_tyz .bd ul li a{max-width: 90%; margin-left: 16px;}

.tywh_tit{border-bottom: none;}
.tywh_tytk_list{overflow: hidden; margin-bottom: 8px;}
.tywh_tytk_list ul{margin:0 -6px; overflow: hidden;}
.tywh_tytk_list ul li{float: left; width: 25%;}
.tywh_tytk_list ul li a{display: block; margin:0 6px 12px; position: relative; height: 185px;}
.tywh_tytk_list ul li a img{display: block; width: 100%; height: 100%;}
.tywh_tytk_list ul li a b{position:absolute; bottom:0; left:0; width:100%; height:30px; background:#000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.tywh_tytk_list ul li a span{position: absolute; bottom:0; left: 15px; right: 15px;  color: #fff; line-height: 30px; text-align: center; font-size: 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.tywh_tytk_list ul li a:hover b, .tywh_tysp_list ul li a:hover b{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;}
.tywh_tytk_list ul li a:hover img, .tywh_tysp_list ul li a:hover img{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity:0.9;}

.tywh_tysp_list{overflow: hidden; margin-bottom: 8px;}
.tywh_tysp_list ul{margin:0 -6px; overflow: hidden;}
.tywh_tysp_list ul li{float: left; width: 20%;}
.tywh_tysp_list ul li a{display: block; margin:0 6px 12px; position: relative; height: 140px;}
.tywh_tysp_list ul li a img{display: block; width: 100%; height: 100%;}
.tywh_tysp_list ul li a b{position:absolute; bottom:0; left:0; width:100%; height:30px; background:#000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.tywh_tysp_list ul li a span{position: absolute; bottom:0; left: 15px; right: 15px;  color: #fff; line-height: 30px; text-align: center; font-size: 15px; height: 30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }



@media (max-width: 1120px) {
	.ssyg_list .item .box{height:426px;}
	.ssyg_list .item .pic h4, .ssyg_list .item .pic b{width: 165px;}
	.tywh_tyz{width: 49%;}

}

@media (max-width: 1023px) {
	.tywh_tyz{float: none; width: 100%; height: auto;}
	.tywh_tyz.fl{margin-bottom: 20px;}

}

@media (max-width: 1023px) and (min-width: 991px){
	

}

@media (max-width: 992px) {
	.ssyg_list .item{width: 50%;}
	.tywh_tytk_list ul li, .tywh_tysp_list ul li{width: 33.333%;}
	
}

@media (max-width: 991px) {
	
	
	
}
@media (max-width: 991px) and (min-width: 640px) {
	
}

@media (max-width: 768px) {
	.ssyg_list{margin:0;}
	.ssyg_list .item{width: 100%; }
	.ssyg_list .item .pic img{height: auto;}
	.ssyg_list .item .box{margin:0 0 20px; height: auto;}
	.tywh_tytk_list ul li, .tywh_tysp_list ul li{width:50%;}
	
}

@media (max-width: 767px) {
	.tywh_tyz .bd{min-height:auto;}
	.tywh_tyz .pic{display: none;}
	.tywh_tyz .bd .common_newslist{margin-left:20px;}

	
	
}

@media (max-width: 640px) {
	

}

@media (max-width: 480px) {
	.tywh_tyz .bd ul li{float: none; width: 100%;}

	
}
@media (max-width: 479px) {
	.tywh_tytk_list ul li, .tywh_tysp_list ul li{width:100%;}
	.tywh_tytk_list ul li a, .tywh_tysp_list ul li a{height: auto;}

	
}

@media (max-width: 320px) {
	.common_slide_box .hd ul li.on a{padding:0 10px;}
	
}