/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{ font:14px/150% Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif; background:#fff url(bg_01.jpg) no-repeat center 35px;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}


/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }
.clear{ overflow:hidden; zoom:1;}
/*------------------------头部 start--------------------------*/
.header{ width:1200px; margin:0 auto;}

/*------------------------内容 start--------------------------*/
.content{width:1200px; margin:0 auto; padding-top:30px;}

/*通用栏目-----*/
.hd{ height:40px; line-height:40px;border-bottom:3px solid #3AC7B6; margin-bottom:15px;}
.colTit{ float:left; font-size:22px; display: inline-block; font-weight:normal;}
.hdMore{ float:right;font-weight:normal; color:#666; font-size:14px;}

/*导语*/
.moda{ background:url(intro-bg.png) no-repeat; padding:60px 100px 38px; margin-bottom:100px;}
.moda .intro{ width:640px; font-size:16px; text-indent:32px; text-align:justify; line-height:150%;}
.moda .intro p{ margin-bottom:10px;}
.moda .newsList{ width:300px; margin-top:160px;}

.newsList{ }
.newsList li{padding-left:15px; background:url(dot.gif) no-repeat 0 13px; height:30px; line-height:30px; overflow: hidden;vertical-align:middle;font-size:16px;}
.newsList li a{ float:left; color:#333; font-size:16px;}
.newsList li span{ float:right; color:#999;}



/*十四大市级活动*/
.modb{ background:url(mod-bg2.png) no-repeat; padding:0 100px 50px; margin-bottom:130px;}
.modb .btn{ width:240px; height:62px; line-height:50px;display:block; float:right; color:#fff; font-size:24px; text-align:center; margin-bottom:40px;}

/*46个全民健身服务点*/
.modc{ background:url(mod-bg3.png) no-repeat 20px 0; padding:0 100px 240px; margin-bottom:100px;}
.modc .txt-news{ font-size:16px; line-height:150%; width:400px; margin:100px 0 0 290px; text-align:justify; }

/*体育场馆开放时间*/
.modd{ background:url(mod-bg4.png) no-repeat 20px 0; padding:0 100px 240px; margin-bottom:90px;}
.modd .txt-news{ font-size:16px; line-height:150%; width:400px; margin:270px 0 0 30px; text-align:justify; }


/*义工风采*/
.mode{ margin-bottom:200px;}

/*滚动大图----带小缩略图-----*/
#marvellous{margin:26px auto 0;}
.mod18Box {border:1px solid #CCC; margin:0 auto; width:1000px; padding:10px;}
.mod18{ width:1000px;height:750px; margin:0 auto; position: relative;  }
.mod18 .btn{position:absolute;width:15px;height:96px; top:648px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(xc_prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:280px;width:46px;height:48px;}
.mod18 #prevTop{background:url(xc_prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(xc_nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0; background:url(xc_nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf{ width:1150px;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:1000px;height:640px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:938px;position:absolute;left:0;bottom:0;padding:10px 30px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:640px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:640px;position:absolute;}
.mod18 .picBox li{width:1000px;height:640px;}
.mod18 .picBox li img{ width:1000px; height:640px;}
.mod18 .listBox{ width:970px; height:100px; margin: 0 auto; position: relative; padding:6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{position:absolute;}
.mod18 .listBox li{ width:150px; height:100px; cursor:pointer; position:relative; margin:0 6px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block; width:144px; height:100px;}
.mod18 .listBox li img{width:150px;height:100px;}
.mod18 .listBox .on img{width:148px;height:98px;border:1px solid #ff6600;}
.mod18 .listBox .on i{display:block;}




/*------------------------底部 start--------------------------*/
.footer{ width:100%; text-align: center; font-size:14px; padding:100px 0; color:#fff; }