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

.location{ background:#f3f3f3;}
.location .warp{ width:1000px; height:40px; margin:0 auto; line-height:40px; font-family:"宋体";}
.location .warp a.icons{ background:url(../images/pf_icons.png) no-repeat; width:16px; height:13px; float:left; margin:13px 8px 0 20px;}
.location .warp span{ color:#00b0ec;}

.main{ width:1000px; margin:20px auto 0 auto;}
.cardpage{ height:250px; border:solid #efefef 1px;}
.cardpage img{ float:left; width:360px; height:250px;}
.cartext{ float:left; width:369px; margin:0 0 0 20px;}
.cartext dt{ font-size:24px; line-height:50px; font-weight:bold;}
.cartext dd .icons{ background:url(../images/pf_icons.png) no-repeat; width:16px; height:16px; margin:10px 8px 0 0; float:left;}
.cartext dd .mie01{ background-position:-20px 0;}
.cartext dd .mie02{ background-position:-40px 0;}
.cartext dd .mie03{ background-position:-60px 0;}
.cartext dd .mie04{ background-position:-80px 0;}
.cartext dd .mie05{ background-position:-100px 0;}
.cartext dd .mie06{ background-position:-120px 0;}
.cartext dd .baoming{ width:160px; height:40px; line-height:40px; font-size:16px; color:#FFF; margin-top:18px; display:block; background:#00b0ec; border-radius:6px; text-align:center;}
.cartext dd .baoming2{ width:160px; height:40px; line-height:40px; font-size:16px; color: #2e2e2e; margin-top:18px; display:block; background: #e8e8e8; border-radius:6px; text-align:center;}
.cartext dd .baoming3{ width:160px; height:40px; line-height:40px; font-size:16px; color:#FFF; margin-top:18px; display:block; background: #ec5711; border-radius:6px; text-align:center;}
.cartext .time{ height:34px; line-height:34px; font-size:14px;}
.cartext .time span{ color:#888;}
.cartext .number{ height:38px; line-height:38px;}
.cartext .number span{ display:block; height:38px; float:left; color:#888; margin-right:20px;}
.cartext .number em{ font-style:normal; color:#00b0ec; margin-right:5px;}
.cartext .number .icons{ margin-right:5px;}
.xiantiao{ width:1px; height:210px; background:#eeeeee; margin:20px 0 0 0; float:left;}
.cartime{ width:210px; float:left; margin:14px 0 0 20px;}
.cartime dl{ text-align:center; line-height:35px;}
.cartime dt{ background:#2FB4F7; font-size:16px; color:#FFF;}
.cartime dd{ font-size:20px; text-align:center; border:solid #efefef 1px; border-top:0;}
.cartime .to{ line-height:40px; text-align:center; color:#888; font-size:14px;}
.cartime .share{ margin-top:15px; height:24px; line-height:24px;}
.cartime .share span{ float:left; font-size:14px; color:#444;}
.cartime .share a.icons{ background:url(../images/test.png) no-repeat; width:24px; height:24px; float:left; margin-right:5px;}
.cartime .share a.are01{ background-position:0 0;}
.cartime .share a.are02{ background-position:-30px 0;}
.cartime .share a.are03{ background-position:-60px 0;}
.cartime .share a.are04{ background-position:-90px 0;}
.cartime .share a.are05{ background-position:-120px 0;}

.content{ margin:20px 0 0 0;}
.warpbd{ border:solid #eee 1px;}
.actLeft{ width:748px; float:left; border:solid #eee 1px;}
.actRight{ width:238px; float:right; border:solid #eee 1px;}
.plat-tit{ height:44px; border-bottom:solid #2FB4F7 1px;}
.plat-tit h3{ font-size:16px; color:#2FB4F7; border-bottom:solid #2FB4F7 4px; line-height:36px; padding:4px 25px 0 25px;}
a.more{ color:#888; margin:13px 20px 0 0;}
a.more:hover{ color:#00b0ec;}
.actLeft .act-text{ line-height:30px; font-size:14px; color:#444; padding:12px 20px;}
.actRight ul{ padding:10px 2px 0 2px;}
.actRight li{ width:70px; height:80px; float:left; margin:0 4px; line-height:20px; text-align:center;}
.actRight li img{ width:50px; height:50px; display:block; margin:0 auto;}

.works2{ padding:20px 15px 0 15px;}
.works2 li{ width:232px; height:220px; line-height:22px; font-size:14px; text-align:center; float:left; margin:0 5px; display:inline;}
.works2 li img{ width:232px; height:154px; display:block;}
.works2 li h4{ margin-top:5px;}
.works2 li h4 a{ color:#000;}
.works2 li h4 a:hover,.works2 li p a{ color:#00b0ec;}
.works2 li p{ color:#888;}

a.newbnt{ display:block; width:90px; height:30px; background:#2FB4F7; border-radius:4px; text-align:center; line-height:30px; color:#FFF; margin:7px 20px 0 0;}
.topic{ padding:5px 20px 0 20px;}
.topic li{ height:44px; line-height:44px; border-bottom:dashed #e6e6e6 1px;}
.topic li .rightF{ color:#888;}
.topic li .name{ display:block; width:170px;}
.topic li .name b{ background:url(../images/pf_icons.png) no-repeat 0 -20px; width:8px; height:10px; float:left; margin:17px 6px 0 0;}
.topic li a{ font-size:14px;}
.topic li a b{ background:url(../images/pf_icons.png) no-repeat -20px -20px; width:6px; height:6px; float:left; margin:19px 10px 0 0;}

.related-video{ width:588px; height:274px;}
.related-video ul{ padding:13px 0 0 4px;}
.related-video li{ width:260px; float:left; margin:0 15px;}
.related-video li .divImg{ width:260px; height:160px; position:relative;}
.related-video li img{ width:260px; height:160px;}
.related-video li .addico{ background:url(../images/imgbj.png); width:260px; height:160px; display:block; position:absolute; left:0; top:0; display:none;}
.related-video li.cur .addico{ display:block;}
.related-video li .addico span{ background:url(../images/pf_icons.png) no-repeat 0 -40px; width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px;}
.related-video li h4{ font-size:14px; line-height:22px; margin-top:5px;}
.related-video li h4 a{ color:#000;}
.related-video li h4 a:hover{ color:#00b0ec;}
.related-video li p{ color:#888;}
.related-video li p b{ color:#00b0ec; font-weight:normal;}
.related-books{ width:398px; height:274px;}
.related-books ul{ padding:20px 4px 0 4px;}
.related-books li{ width:102px; height:154px; float:left; text-align:center; margin:0 14px;}
.related-books li img{ display:block;}
.related-books li h4{ font-size:14px; line-height:22px; margin-top:5px;}
.related-books li h4 a{ color:#000;}
.related-books li h4 a:hover{ color:#00b0ec;}
.related-books li p{ color:#888;}

.related-course{ height:210px; padding:20px 0 0 3px;}
.related-course li{ width:208px; float:left; margin:0 20px;}
.related-course li .divImg{ width:208px; height:125px; margin-bottom:6px;}
.related-course li .divImg img{ width:208px; height:125px;}
.related-course li h3{ line-height:22px; padding:0 5px;}
.related-course li h3 a{ color:#000;}
.related-course li h3 a:hover{ color:#c60000;}
.related-course li p{ line-height:20px; color:#888; padding:0 5px;}
.related-course li .rightF{ line-height:22px; margin-right:5px; color:#888;}
.related-course li .rightF span{ color:#07b2ec;}

.activities{ margin:0 20px;}
.activities li{ padding:20px 0; border-bottom:solid #eee 1px; zoom:1; overflow:hidden;}
.activities li img{ width:190px; height:130px; float:left;}
.activities dl{ float:left; width:560px; margin-left:25px;}
.activities dt{ font-size:18px; line-height:32px; font-weight:bold;}
.activities dd .icons{ background:url(../images/pf_icons.png) no-repeat; width:16px; height:16px; margin:9px 8px 0 0; float:left;}
.activities dd .mie01{ background-position:-20px 0;}
.activities dd .mie02{ background-position:-40px 0;}
.activities dd .mie03{ background-position:-60px 0;}
.activities .time{ height:32px; line-height:32px; font-size:13px;}
.activities .time span{ color:#888;}
.activities .number{ width:160px; line-height:38px; float:right;}
.activities .number span{ display:block; height:32px; color:#888; padding:0 0 0 45px;}
.activities .number em{ font-style:normal; color:#00b0ec; margin-right:5px;}
.activities .number .icons{ background:url(../images/pf_icons.png) no-repeat; width:16px; height:16px; margin:8px 5px 0 0; float:left;}
.activities .number .mie04{ background-position:-80px 0;}
.activities .number .mie05{ background-position:-100px 0;}
.activities .number .mie06{ background-position:-120px 0;}
.activities .chakan{ width:160px; height:34px; line-height:34px; font-size:16px; color:#FFF; display:block; background:#00b0ec; border-radius:6px; text-align:center;}


@media only screen and (min-width: 320px) and (max-width: 768px){
	.main{width: auto; margin: 0;}
	.ongoing{height: 60px;}
	.ongoing a{width: 25% !important; margin: 12px 0 0 !important; text-align: center;}
	.ongoing a .icons{display: none;}
	.ongoingLeft{width: 100%;}
	.ongoingLeft ul{padding: 0;}
	.ongoingLeft li{height: auto; position: relative; padding: 228px 10px 0;}
	.ongoingLeft li .bugTxt{width: auto; float: none;}
	.ongoingLeft li .bugImg{width: auto; float: none; position: absolute; top: 0; left: 0;}
	.ongoingLeft li .bugImg img{width: 100% !important;}
	.ongoingRight{display: none;}
	.cartime{display: none;}
	.cardpage{height: auto; border: 0; border-bottom: solid #efefef 1px;}
	.cardimg{text-align: center;}
	.cardpage img{width: auto; float: none;}
	.cartext{float: none; width: auto; margin: 0; padding: 20px;}
	.cartext dd .baoming{margin: 0;}
	.xiantiao.icons{display: none;}
	.actLeft,.actRight{width: auto; float: none; height: auto !important;}
	.topic li .name{width: 100px;}
	.topic li a { display: block; white-space: nowrap; max-width: 50%; overflow: hidden; text-overflow: ellipsis;}
	.related-course li{width: 46%; margin: 0 2%;}
	.related-course li .divImg{width: auto;}
	.related-course li .divImg img{width: 100%;}
	.related-course{height: auto;}
	.activities{margin: 0 10px;}
	.activities li img{width: 100%;  height: auto; margin-bottom: 10px;}
	.activities dl{width: 100%; margin: 0;}
	.activities dt{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 28px; margin-bottom: 10px;}
	.activities .time{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px; height: 24px;}
	.activities .number{width: 100%; float: none;}
	.activities .number span{float: left; padding-left: 10px;}
	.activities .chakan{float: left; margin: 10px 0 0; clear: both;}
	.activities dd .icons{margin-top: 4px;}
	.activities .number .icons{margin-top: 10px;}
}