/* CSS Document */
/*----------------公用样式--------------*/
body { font-family: "SimSun" ;margin:0;  padding:0;  font-size:14px; color:#333; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0; }
li,dl{list-style-type:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}
.clear{height:0px;line-height:0px;font-size:0px;overflow:hidden;clear:both;}
a { text-decoration:none}
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover {color: #e75001; text-decoration:underline; text-decoration:none}
.l_float{ float:left;}
.r_float{ float:right; }
.f_float{ float:right;font-weight: normal; color:#666;}
.bule{ color:#0b3db2;}
.bule a{ color:#0b3db2;}
.bule a:visited{ color:#0b3db2;}
.bule a:hover{ color:#005dbc;}
.color{ color:#929292;}
.color a{ color:#929292;}
.color a:visited{ color:#929292;}
.color a:hover{ color:#333;}
.yellow{ color:#e7b978;}
.yellow a{ color:#e7b978;}
.yellow a:visited{ color:#e7b978;}
.yellow a:hover{ color:#9e6800;}
.zi{ color:#cb48d8;}
.zi a{ color:#cb48d8;}
.zi a:visited{ color:#cb48d8;}
.zi a:hover{ color:#000;}
.red{ color:#db0303;}
.red a{ color:#db0303;}
.red a:visied{ color:#db0303;}
.red a:hover{ color:#db0303;}
.white{ color:#fff;}
.white a{ color:#fff;}
.white a:visited{ color:#fff;}
.white a:hover{ color:#ffe77b;}
/*----------------最外层--------------*/
.box{ width:980px; margin:0 auto; background:#FFF;}
/*----------------头部样式--------------*/
.head{ background: url(../images/bg_03.png) no-repeat left  top;}
.top_nav{ height:32px; line-height:32px; padding:0 10px 0 0; overflow:hidden; border-bottom:#eee solid 1px;}
.top_nav a{background:url(../images/li_28.png) no-repeat right center; float:left; padding:0 8px; color:#333; font-size:12px; }
.logo{ height:70px; width:302px; float:left; padding-top:20px}
.search{ width:247px; height:28px; padding:2px; background:url(../images/search_bg.png) no-repeat; float:right; margin:27px 15px  0 0 ;}
.sk{ width:143px; float:left; height:28px; line-height:28px; background:none; border:#fff solid 0px; font-size:14px; color:#666; padding-left:25px;}
.tips{ width:110px; height:45px; float:right; background:url(../images/tips.png) no-repeat left center; color:#868686; font-size:12px; padding:15px 35px 0; line-height:18px; margin:13px 15px 0 20px;}
.top_nav a.none{ background: none;}


/*当前位置3*/
.post_3{ background: url(../images/post_bg_03.jpg) repeat-x; border-bottom:#ddd solid 1px; height:35px; text-align:right; line-height:35px; padding-right:10px;}
.post_3 span{ float:left; background:url(../images/post_03.jpg) no-repeat left center; line-height:35px; padding-left:18px; margin-left:10px;}


/*徐汇视频*/
.xhsp{ border:#e1e1e1 solid 1px; padding-bottom:10px;}
.xhsp dl{ width:230px; background:#f3f3f3; border:#dedede solid 1px; float:left; margin-top:10px; margin-left:10px; height:230px}
.xhsp dd{ width:220px; height:130px; padding:5px; }
.xhsp dd img{ width:220px; height:130px; display:block;}
.xhsp dt{ line-height:24px; padding:0 8px;}
.xhsp dt.l1{ height:65px; font-weight:bold;}
/*响应*/
@media screen and (min-width:981px)
{
	.xhsp{ border:#e1e1e1 solid 1px; padding-bottom:10px;}
.xhsp dl{ width:230px; background:#f3f3f3; border:#dedede solid 1px; float:left; margin-top:10px; margin-left:10px; height:230px}
.xhsp dd{ width:220px; height:130px; padding:5px;}
.xhsp dd img{ width:220px; height:130px; display:block;}
.xhsp dt{ line-height:24px; padding:0 8px;}
.xhsp dt.l1{ height:65px; font-weight:bold;}
.box{ width:980px;}
	}
@media screen and (max-width:980px) and (min-width:767px)
{
		.xhsp{ border:#e1e1e1 solid 1px; padding-bottom:10px;}
.xhsp dl{ width:23%; background:#f3f3f3; border:#dedede solid 1px; float:left; margin-top:10px; margin-left:10px; height:230px}
.xhsp dd{ width:95%; height:130px; padding:5px;}
.xhsp dd img{ width:100%; height:130px; display:block;}
.xhsp dt{ line-height:24px; padding:0 8px;}
.xhsp dt.l1{ height:65px; font-weight:bold;}
	}
@media screen and (max-width:766px) and (min-width:600px)
{
			.xhsp{ border:#e1e1e1 solid 1px; padding-bottom:10px;}
.xhsp dl{ width:31%; background:#f3f3f3; border:#dedede solid 1px; float:left; margin-top:10px; margin-left:10px; height:230px}
.xhsp dd{ width:95%; height:130px; padding:5px;}
.xhsp dd img{ width:100%; height:130px; display:block;}
.xhsp dt{ line-height:24px; padding:0 8px;}
.xhsp dt.l1{ height:65px; font-weight:bold;}
#tddisnone{ display:none;}
	}	
@media screen and (max-width:599px) and (min-width:400px)
{
				.xhsp{ border:#e1e1e1 solid 1px; padding-bottom:10px;}
.xhsp dl{ width:46%; background:#f3f3f3; border:#dedede solid 1px; float:left; margin-top:10px; margin-left:10px; height:230px}
.xhsp dd{ width:95%; height:130px; padding:5px;}
.xhsp dd img{ width:100%; height:130px; display:block;}
.xhsp dt{ line-height:24px; padding:0 8px;}
.xhsp dt.l1{ height:65px; font-weight:bold;}
#tddisnone{ display:none;}
	}	
@media screen and (max-width:399px)
{
	.xhsp{ border:#e1e1e1 solid 1px; padding-bottom:10px;}
.xhsp dl{ width:96%; background:#f3f3f3; border:#dedede solid 1px; float:left; margin-top:10px; margin-left:10px; height:230px}
.xhsp dd{ width:95%; height:130px; padding:5px;}
.xhsp dd img{ width:100%; height:130px; display:block;}
.xhsp dt{ line-height:24px; padding:0 8px;}
.xhsp dt.l1{ height:65px; font-weight:bold;}
#tddisnone{ display:none;}
	}