@charset "utf-8";
/* CSS Document */

.county{ font-family:Arial, Helvetica, sans-serif; padding:5px 0;}
.county .width1000{ width:1000px; margin:0 auto; line-height:28px;}
.county .itit{ background:#717171; width:56px; padding-left:7px; height:22px; display:inline-block; vertical-align:middle; border-radius:4px; color:#FFF; line-height:22px; margin:3px;}
.county .item{ padding-right:16px; margin-right:4px; display:inline-block; height:28px; }
.county .hot{background:url(../images/hot.png) no-repeat right 7px; padding-right:20px;}
.county .hot a{ color:#ff3c1b;}

.banner {position:relative;height:700px}
.banner .wrap{ height:416px; position:absolute;width:100%}
.banner .pan{ width:100%; height:416px; position:absolute; top:0; overflow:hidden; text-align:center;}
.banner .pan a{display:inline-block;height:416px;width:100%;}
.banner .pan a.ban1{background:url(../images/datouwang1.jpg) no-repeat center}
.banner .pan a.ban2{background:url(../images/datouwang2.jpg) no-repeat center}
.banner .pan a.ban3{background:url(../images/datouwang3.jpg) no-repeat center}

ul.tab{ position:absolute; top:340px; left:50%; margin-left:-504px; z-index:1; cursor:pointer;}
ul.tab li{ padding-right:18px;float:left}
ul.tab img,ul.wdl img{ border:2px solid #fff; -webkit-box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3); box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3);border-radius: 30px;}
ul.tab li.current img{top:-10px;width:83px; height:41px;position:relative}
a.arr_l,a.arr_r{width:43px; height:82px; position:absolute; top:197px; z-index:1;display:none}

.news{width:290px;height:390px;background:url(../images/filter07.png) repeat;float:right;position:absolute;left:50%;margin-left:209px;top:15px;z-index:8;background-color: #063190;border-radius: 0 0 30px 30px;}
.MenuboxTwo{height:50px;background:url(../images/filter07.png) repeat}
.MenuboxTwo ul li{float:left;width:50%;height:46px;line-height:46px;font-size:14px;text-align:center}
.MenuboxTwo ul li a{color:#fff}
.MenuboxTwo ul li.cur{border-bottom:solid 4px #90c31f}
.MenuboxTwo ul li.cur a{color:#90c31f}
.ContentboxTwo ul{background:url(../images/line.png) repeat-x bottom;margin:0 2px;padding:0 15px}
.ContentboxTwo ul li,.ContentboxTwo ul li a{color:#fff}
.ContentboxTwo ul li{height:38px;line-height:38px}
.more{color:#fff;text-align:right;display:block;padding:0 15px;height:30px;line-height:30px}

.video{padding-top:28px}
.bigVideo{width:393px;height:310px;}
.bigVideo dt{position:relative;}
.bigVideo dt .mask{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/filter07.png) repeat}
.bigVideo dt .play{width:60px;height:60px;background:url(../images/play.png) no-repeat;position:absolute;top:85px;left:43%}
.bigVideo dd{position:relative;padding-right:75px;line-height:1.8;padding:3px 0}
.bigVideo dd p{color:#888}
.playTimes{position:absolute;right:0;width:75px;text-align:right;top:15px;color:#888}
.playTimes i{font-size:16px;color:#00b4ca}
.videoList{width:607px;}
.videoList dl{float:left;width:183px;height:174px;margin-left:19px;}
.videoList dl dt{position:relative;height:138px}
.videoList dl dt .mask{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/filter07.png) repeat}
.videoList dl dt .play{width:30px;height:30px;background:url(../images/play.png) no-repeat;position:absolute;bottom:10px;right:10px;background-size:100%}
.videoList dl dt .play{}
.videoList dl dd{height:32px;line-height:32px}

.bgf7{background:#f7f7f7;padding:28px 0}
.read,.nanjing,.mooc{width:100%;padding-bottom: 10px;}
.read h3{height:40px;line-height:40px;text-align:center;background:#063190;color:#fff;font-size:20px;width: 10%;float: left;}
.read ul li{text-align:center;height:45px;line-height:45px;font-size:14px;float: left;padding-left: 20px;}
.read ul li a{color:#444}
.read ul li a:hover{color:#063190}
.read  a.readMore{display:block;text-align:center;color:#063190;font-size:14px;float: right;height: 45px;line-height: 45px;}
.right895{width:100%; }
.book-list { position:relative;width:930px}
.book-list ul{}
.book-list li{ width:150px; height:300px; text-align:center; float:left; margin-right:35px;}
.book-list li .divImg{ width:150px; height:225px; margin:0 auto;}
.book-list li img{ width:150px; height:225px;}
.book-list li h3{ line-height:22px; margin-top:10px; font-size:14px;}
.book-list li h3 a{ color:#000;}
.book-list li h3 a:hover{ color:#c60000;}
.book-list li .text{ color:#888; line-height:20px; margin-top:4px;}
.book-list li .score{ height:20px; line-height:20px; color:#888;}
.book-list li .score .icons{ width:90px; height:14px; vertical-align:text-top; display:inline-block; background:url(../images/xgxg.png) no-repeat;}
.book-list li .score .ss0{ background-position:0 0;}

.book-list li .score .ss1{ background-position:0 -28px;}

.book-list li .score .ss5{ background-position:0 -56px;}

.book-list li .score .ss3{ background-position:0 -84px;}

.book-list li .score .ss4{ background-position:0 -112px;}

.book-list li .score .ss5{ background-position:0 -140px;}
.book-list li .score b{ color:#F00; font-size:14px; margin-left:5px;}

.pad{padding:28px 0}

.mooc h3{height:40px;line-height:40px;text-align:center;background:#1fa3c3;color:#fff;font-size:20px;width: 10%;float: left;}
.mooc ul li{text-align:center;height:45px;line-height:45px;font-size:14px;float: left;padding-left: 20px;}
.mooc ul li a{color:#444}
.mooc ul li a:hover{color:#00b0ec}
.mooc  a.readMore{display:block;text-align:center;color:#00b0ec;font-size:14px;float: right;height: 45px;line-height: 45px;}
.moocRight{position:relative;width:100%%;}
.moocRight dl{float:left;width:23%;height:210px;margin-right:2%}
.moocRight dl dt{height:125px;margin-bottom:5px}
.moocRight dl .playTimes{position:static}
.moocRight dl dd{color:#888;line-height:1.8}
.moocRight dl dd span{padding:0 5px}


.nanjing h3{height:40px;line-height:40px;text-align:center;background:#eff4f6;color:#086EA1;font-size:20px;padding-top:5px;width:10%;float: left;}
.nanjing ul li{text-align:center;height:45px;line-height:45px;font-size:18px;float: left;padding-left: 20px;margin-top:4px;}
.nanjing ul li a{color:#444}
.nanjing ul li a:hover{color:#de4339}
.nanjing  a.readMore{display:block;text-align:center;color:#086EA1;font-size:14px;float: right;height: 45px;line-height: 45px;}
.view{width:178px;height:236px;position:relative}
.view b{position:absolute;height:35px;line-height:35px;width:158px;padding:0 10px;left:0;bottom:0;background:url(../images/filter07.png) repeat;color:#fff;font-size:14px}
.viewRight{width:710px;}
.viewImg{padding-bottom:10px}
.viewImg a{float:left;margin-left:8px}
.viewList ul{float:left;width:30%;padding-left:8px}
.viewList ul li{height:30px;line-height:30px}
.viewList ul li a{color:#888}
.viewList ul li a:hover{color:#ff3c1b}

.volunteers h3{height:40px;line-height:40px;font-size:22px;}
.volunteers h3 i{float:left;width:4px;height:40px;background:#ff9600;margin-right:15px;}
.volunteers h3 span{font-size:14px;color:#444;padding-left:15px}
.volunteers dl{float:left;width:180px;height:210px;padding:20px 10px 0 10px}
.volunteers dl dt{width:130px;height:130px;border-radius:100%;overflow:hidden;margin:0 auto;margin-bottom:5px}
.volunteers dl dd{line-height:1.8}
.volunteers dl dd h3{font-size:14px;text-align:center;height:30px;line-hegiht:30px}
.volunteers dl dd h3 a{color:#000}
.volunteers dl dd p{color:#888}

/*2016-11-24*/

.videoHover{ width:100%;padding-bottom: 10px;}
.videoHover h3{height:40px;line-height:40px;text-align:center;background:#f06273;color:#fff;font-size:20px;width:10%;float: left;}
.videoHover ul li{text-align:center;height:45px;line-height:45px;font-size:14px;float: left;padding-left: 20px;}
.videoHover ul li a{color:#444}
.videoHover ul li a:hover{color:#f06273}
.videoHover  a.readMore{display:block;text-align:center;color:#f06273;font-size:14px;float: right;height: 45px;line-height: 45px;}



.xiangmu{ width:90px;}
.xiangmu h3{height:40px;line-height:40px;text-align:center;background:#00b0ec;color:#fff;font-size:20px}
.xiangmu ul li{text-align:center;height:45px;line-height:45px;font-size:14px}
.xiangmu ul li a{color:#444}
.xiangmu ul li a:hover{color:#00b0ec}
.xiangmu  a.readMore{display:block;text-align:center;color:#00b0ec;font-size:14px}

.xiangmuList{ width:894px;}
.xiangmuList ul{ margin:0 0 0 -30px;}
.xiangmuList li{ width:278px; height:110px; float:left; margin:0 0 30px 30px;}
.xiangmuList li img{ display:block; float:left; margin-right:10px;}
.xiangmuList li h3{ font-size:14px;}
.xiangmuList li .text{ color:#a2a2a2; margin:5px 0 0 0;}
.xiangmuList li .ico{ zoom:1; overflow:hidden; margin:5px 0 0 0;}
.xiangmuList li .ico span{ display:block; padding:0 5px 0 20px; color:#a2a2a2; border:solid #c8c8c8 1px; border-radius:2px; height:18px; line-height:18px; background:url(../images/ind_icons.png) no-repeat 3px 3px;}
.xiangmuList li .money{ color:#F00; font-size:16px;}


.charm{ width:1000px; margin:30px auto 0 auto;}
.charm h3{ width:90px; height:65px; float:left; line-height:65px; text-align:center; color:#FFF; font-size:20px; background:#ff7e15;}
.service{ float:left;}
.service li{ float:left; width:94px; text-align:center; margin:0 0 0 7px;}
.service li img{ display:block; width:94px; height:65px; margin-bottom:8px;}

.bgf8{background:#f7f7f7;padding:28px 0; margin:30px 0 0 0;}


/*2017-3-8*/
.forum{ background:#f6f6f6; margin-top:15px; padding:38px 0 18px 0;}
.forum .warp{ width:1000px; margin:0 auto;}
.forum .divImg{ width:188px; height:260px; float:left;}
.forum .divImg .tit{display: none;}
.forum ul{}
.forum li{ width:188px; height:124px; float:left; overflow:hidden; position:relative; margin:0 0 12px 15px;}
.forum li img{ width:188px; height:124px; position:absolute;}
.forum li a.reod{ background:url(../images/imgbj.png); padding:0 4px; width:180px; height:26px; line-height:26px; font-size:14px; position:absolute; left:0; bottom:0; color:#FFF;}
.forum li a.reod:hover{ color:#00b0e0;}

@media only screen and (min-width: 320px) and (max-width: 768px){
	.moocRight dl dd h3{position: relative;}
	.moocRight dl dd a{float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 50px;}
	.moocRight dl .playTimes{width: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; right: 0; top: 0;}
	.wrap1000{width: auto !important;}
	.county{display: none;}
	.county .width1000{width: auto; padding: 0 10px;}
	.county .itit{margin: 10px 0 5px;}
	ul.tab{left: 20px; margin: 0; top: auto; bottom: 5px;}
	ul.tab img, ul.wdl img{width: 35px !important; height:15px !important;}
	ul.tab li.current img{top: 5px;}
	.banner{height: auto; position: relative;margin-top:54px; margin-bottom:30px;}
	.banner .wrap,.banner .pan,.banner .pan a{height:100px; position: relative;}
	.banner .pan a{background-size: cover !important; }
	.news{width: auto; left: 0; right:0; top: 0; position: relative; margin: 10px; float: none !important;}
	.videoList dl dd { height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.video{padding-top: 10px;}
	.bigVideo{width: auto; height: auto; margin: 0 10px;float: none !important;margin-top:30px;}
	.videoList{width: auto; margin: 20px 10px 0;}
	.videoList dl{width: 46%; margin: 0 2%;}
	.forum{padding: 0; padding-top: 15px; margin: 0;}
	.forum .warp{width: auto;}
	.forum ul { margin: 0 1%;}
	.forum li{width: 46%; margin: 0 2% 10px;}
	.forum .divImg {width: auto; height: auto; float: none; padding: 0 3%;}
	.forum .divImg img{display: none;}
	.forum .divImg .tit{display: block; font-size: 18px; line-height: 28px;}
	.forum .divImg .tit span{font-size: 14px; margin-left: 5px;}
	.right895,.moocRight{width: auto;}
	.moocRight dl{width: 46%; margin: 0 2% 10px; height: auto;}
	.pad{padding: 10px 0;}
	.read,.videoHover,.mooc,.xiangmu,.nanjing{width: auto; float: none !important;}
	.read h3,.videoHover h3,.mooc h3,.xiangmu h3,.nanjing h3{width: 100% !important; }
	.nanjing h3{
	
	}
	.right895 .rankTitle{margin-left:0 !important;}
	.right895 .rankTitle span{
		margin-left:0 !important; margin-right:0 !important; width:32%; display:inline-block; text-align:center;
	}
	.right895 .rankTitle ul.rankCot{
	  margin:0 auto;
	}
    .nanjing .newsing,
	.nanjing .resourceing,
	.nanjing .scholarship{
		margin:0 10px;
	}
    .nanjing .newsing li,
	.nanjing .resourceing li,
	.nanjing .scholarship li{
		margin:10px 0 0 0 !important;
	}
	.bigVideo .community{
		height:auto !Important;
	}
	.bigVideo .community img{
		height:auto !Important;
	}
	.videoList .videodt{
		height:150px !Important;
	}
	.videoList .videodt img{
		height:150px !Important;
		object-fit: cover;
	}
	.videoList dl{
		height:200px !important;
	}
	.resourceingVoild .bigVideo{
	   width:43% !important;
	   float:left !important;
	}
	.resourceingVoild .bigVideo dt{
		height:190px !Important;
	}
	.resourceingVoild .bigVideo dt img{
		height:100% !Important;
		object-fit: cover;
	}
	.advertisementing{
		margin:20px auto !Important;
	}
	.viewList ul li{
		width:90%;
		overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
	.right895 .rankTitle ul.rankCot .tabul li{border:none !important; margin-bottom:5px;}
	.read ul,.videoHover ul,.mooc ul,.xiangmu ul,.nanjing ul{margin-top: 5px;}
	.read ul li,.videoHover ul li,.mooc ul li,.xiangmu ul li,.nanjing ul li{float: left; margin: 0 10px; height: 30px; line-height: 30px;}
	.videoHover a.readMore,.read a.readMore,.mooc a.readMore,.xiangmu a.readMore,.nanjing a.readMore{margin-bottom: 10px;}
	.xiangmuList{width: auto;}
	.xiangmuList ul{margin: 0 1%;}
	.xiangmuList ul li{margin: 0 2% 10px; width: 96%;}
	.viewRight{width: auto;}
	.view{display: none;}
	.viewImg{margin: 0 1%; padding: 0;}
	.viewImg a{width: 46%; margin: 0 2% 10px;}
	.charm{width: auto; padding: 0 2%;}
	.charm h3{height: 40px; line-height: 40px; width: auto; float: none;}
	.service{text-align: center; margin-top: 15px;}
	.service li{width: 28%; margin: 0 2% 10px; display: inline-block; float: none;}
	.bgf8{padding-top: 10px;}
	#bt .foot1000{width: auto; padding: 20px;}
	#bt .plats{width: auto; float: none; margin: 0;}
	#bt .plats a.icons{float: left;}
	#bt .Andios{float: left;}
	#bt .links{width: auto; padding: 15px 20px;}
	#bt .map{text-align: left; width: auto; padding-right: 20px; margin-right: 20px;}
	#bt .qfaq{padding: 0 20px;}
	.main-warp{padding-bottom: 0 !important;}
}