﻿/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{ font:14px/150% Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif; background:#fff url(index_topbg.jpg)  no-repeat scroll center 0px;}
/*html,body{ width:100%; height:100%;}*/
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;}
.warp{margin:0 auto ;background:url(index_topbg.jpg)  no-repeat scroll center 0px  ;}

/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.videonews,.clear{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.header{ width:1080px; height:699px;margin:0 auto;}

/*------------------------内容 start--------------------------*/
.content{padding-top:30px;}
.w1000{ width:1080px; margin:0 auto;}
.clear{ overflow:hidden; zoom:1;}

/*通用栏目-----*/
.hd{}
.colTit{ float:left; font-size:22px; display: inline-block; font-weight:normal;}
.hdMore{ float:right;font-weight:normal; color:#666; font-size:14px;}

/*通用标题+摘要-----*/
.topTxtNews{padding-bottom:12px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.topTxtNews h3{ text-align:center;margin-bottom:10px;}
.topTxtNews h3 a{font-weight: bold;font-size:20px; height:35px;line-height:35px;  overflow:hidden; display:block;}
.text{ font-size:16px; line-height:150%; text-indent:32px; color:#666;}
.more{ color:#F00;}

/*通用新闻列表---可加日期-----*/
.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;}

/*通用图片+标题+摘要-----*/
.imgTxtNews{ width:485px; float:left; display:inline; padding:0 15px 25px 0;}
.imgTxtNews .img{ float:left;}
.imgTxtNews .img img{ width:200px; height:150px;}
.imgTxtNews .txtNews{ float:right; width:265px; }
.imgTxtNews .tit{ display:block; font-size:16px;}
.imgTxtNews .txt{ color:#999; font-size:12px;}


/*通用图片列表-----*/
.imgList {}
.imgList li{ float:left;width:235px; display:inline; vertical-align:middle; margin:7px;}
.imgList li a{ display:block;}
.imgList li a img{ width:235px; height:160px;}
.imgList li a.tit{ text-align:center; height:30px; line-height:30px;}

/*通用图片列表 标题带背景-----*/
.imgList2 {}
.imgList2 li{position:relative; float:left;width:235px; display:inline; vertical-align:middle; margin:7px;}
.imgList2 li a{ display:block;}
.imgList2 li a img{ width:235px; height:160px;}
.imgList2 li a.tit{position:absolute; left:0; bottom:0;  display:block; padding:0 5px; width:215px; height:30px; line-height:30px; overflow:hidden; color:#fff; z-index:10000; text-align:center; }
.txtbg{ position:absolute; right:0; bottom:0;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; height:30px; display:block; line-height:30px; width:100%; overflow:hidden; z-index:199;}

.moda{ padding:50px 0;}

/*滚动图片-----*/
.scrollImg{ position:relative;width:600px;height:360px; overflow:hidden;}
.scrollImg img{width:600px;height:360px;}
#bd1lfimg{position:relative;width:600px;height:360px;overflow:hidden;}
#bd1lfimg div{width:100000px; margin-left:-4px;}
#bd1lfimg dl{position:relative; width:600px;height:360px; overflow:hidden; float:left;}
#bd1lfimg dt{ position:absolute; left:0; top:0;}
#bd1lfimg dd { width:600px;height:25px; line-height:25px;  padding:8px 0 4px 15px; overflow:hidden;background:#000000; filter:alpha(Opacity=70); Opacity:0.7; position:absolute; left:0; bottom:0;}
#bd1lfimg dd a{font-size:14px; font-weight:bold; color:#ffffff; position:relative; z-index:100;}
#bd1lfimg dd a:hover{color:#cccccc;}
.sub_nav{width:100px; height:25px; right:0; bottom:3px;  position:absolute; color:#999999; z-index:200;}
.sub_no{height:25px;}
.sub_no li{display:block; width:20px; height:20px;line-height:20px; float:left; overflow:hidden;  vertical-align:middle; text-align:center; filter:alpha(Opacity=90); Opacity:0.9; font-family:Arial; font-size:11px;  cursor:pointer; margin:0 2px;background:#ffffff; color:#000000;}
.sub_no li.show{color:#fff; background: #F30;}

.modb-wrap{ background:; }
.modb{padding:50px 0; background:; width:1080px; margin:0 auto;}
.modb .hd{ margin-bottom:20px;}

/*圆梦助学公益行项目*/
.tab-tit{ margin-bottom:50px;overflow:hidden; zoom:1;}
.tab-tit span{  margin-left:20px;width:330px;  overflow:hidden; display:block; float:left;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer;}
.tab-tit span p{ color:#333; font-size:16px; font-weight:normal;}
.tab-tit span a{ color:#333; font-size:30px; font-weight:normal;}
.tab-tit span a:hover{ text-decoration:none;}
.tab-tit span:nth-child(1) p,.tab-tit span:nth-child(2) p{ border-right:1px solid #fff;}

.circle-mod{position:relative; width:300px; margin:0 auto 30px;text-align:center}
.circle{/*border:1px solid #98c4e8; */border-radius:50%; width:300px;/*box-shadow:3px 3px 0 #cee8fb; */margin-top:4px;}
.circle-line{ position:absolute; top:-4px; left:-4px; z-index:10; margin-top:4px; width:300px; height:293px;  display:block;}

.tab-tit p{font-size:18px; background:#fff; height:40px; line-height:40px; text-align:center;}
.tab-tit .on a p{ background:#fff;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.tab-tit .on .circle{ box-shadow:3px 3px 0 #ff592c;}
.tab-tit .on .circle-line{border-radius:50%; }


.tab{ display:none;}
.tab-on{ display:block; }
.tab .clear{ }
.topTxtNews2{ width:980px; margin:0 auto;}
.topTxtNews2  h2{ margin-bottom:20px;}
.topTxtNews2 h3{ text-align:center;margin-bottom:10px; font-size:26px; font-weight: normal; line-height:46px;}
.topTxtNews2 h3 a{font-weight:normal;font-size:26px; height:35px;line-height:35px; overflow:hidden; display:block; color:#333;}
.topTxtNews2 .text{ font-size:18px; line-height:45px; text-indent:36px; color:#666; overflow-y:auto; height:650px;}
.topTxtNews2 .more{ color:#F00;}


.r-img{ display: block; width:534px; height:295px; background:url(r-bg_08.jpg) no-repeat; text-align:right;}
.l-img{ display: block; width:525px; height:304px; background:url(l-bg_08.jpg) no-repeat;}
.r-img img,.l-img img{ width:525px; height:295px;}

.modc{ width:1080px; margin:0 auto;}
.modc .hd{ margin-bottom:20px;}
.videonews{ width:800px; height:500px; margin:0 auto; margin-bottom:50px;}

/*滚动大图----带小缩略图-----*/
#marvellous{margin:26px auto 0;}
.mod18Box {border:1px solid #CCC; margin:0 auto; width:1100px; padding:10px;}
.mod18{ width:1100px;height:870px; margin:0 auto; position: relative;  }
.mod18 .btn{position:absolute;width:15px;height:96px; top:762px;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:1100px;height:825px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:1038px;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:755px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:755px;position:absolute;}
.mod18 .picBox li{width:1100px;height:755px;}
.mod18 .picBox li img{ width:1100px; height:755px;}
.mod18 .listBox{ width:1070px; 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%;margin: 0 auto;text-align: center;font-size: 14px;background: #69bcd0;}
.pa{ width:1080px; background:#69bcd0; color:#000;font-size:14px;text-align: center; color:#FFF; margin:0 auto; padding:50px 0;}
