body{ background:#011014;}
.bj{ background: url(../images/bj_01.jpg) repeat-x top center; width:100%;}
.banner{  width:1100px; height:584px; margin:0 auto;}



.wide1000{ width:1100px; margin:0 auto; margin-top:53px;  }
.wide1000 .title{ text-align:center; height:6px; background:#2d65b2;position:relative;}
.wide1000 .title span{ font-size:42px; background:#011115; color:#3fcbff; display:block; margin:0 auto; text-align:center; line-height:31px; margin-bottom:14px;position:absolute; left:42%; padding:10px; bottom:-30px;}
.wide1000 .title span.tie{ font-size:42px; background:#011115; color:#3fcbff; display:block; margin:0 auto; text-align:center; line-height:31px; margin-bottom:14px;position:absolute; left:38%; padding:10px; bottom:-30px;}

.wide1000 .title p{ color:#3fcbff; font-size:28px; padding-top:30px;}
.wide1000 .introduce{ font-size:18px; color:#2238ab; text-indent:2em; line-height:30px; margin-top:10px;}

.jb{ width:1100px; margin-top:50px;}
.jb ul{ overflow:hidden;}
.jb ul li{ width:24%; background:#cdd3da; float:left; margin-left:0.5%; margin-right:0.5%; padding-bottom:10px; height:430px; overflow:hidden;}
.jb ul li img{ width:100%;}
.jb ul li p{ padding:10px; padding-bottom:0px; font-size:14px;}
.jb ul li p span{ font-size:17px;}
.jb a{ color:#333;}


.lectureOne{ margin-top:90px;} 
.lectureOne ul{ width:1128px; overflow:hidden; margin-top:43px;}
.lectureOne ul li{ width:265px; float:left; margin-right:13px; position:relative; margin-bottom:30px; background:#fff; height:300px; overflow:hidden;font-size:14px;color:#666;}
.lectureOne ul li a{  display:block;}
.lectureOne ul li a p{ font-size:14px; color:#666; margin-bottom:5px; padding:0px 3px;}
.lectureOne ul li a p img{ width:100%;}
.lectureOne ul li a span{ display:block;margin-bottom:5px;}
.lectureOne ul li a span img{ width:100%;}
.lectureOne ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); top:163px; width:100%; padding-bottom:2px; }
.lectureOne ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureOne ul li p.speech{  display:block;}

.lectureTWO{ margin-top:90px;} 
.lectureTWO ul{ width:1223px; overflow:hidden; margin-top:43px;}
.lectureTWO ul li{ width:291px; float:left; margin-right:113px; position:relative; margin-bottom:30px; background:#fff; height:300px; overflow:hidden;}
.lectureTWO ul li a{  display:block;}
.lectureTWO ul li a p{ font-size:14px; color:#666; margin-bottom:5px;padding:0px 3px; }
.lectureTWO ul li a p img{ width:100%;}
.lectureTWO ul li a span{ display:block; margin-bottom:5px;}
.lectureTWO ul li a span img{ width:100%;}
.lectureTWO ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); top:163px; width:100%; padding-bottom:2px; }
.lectureTWO ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureTWO ul li p.speech{  display:block;}

.lectureThree{ margin-top:0px;} 
.lectureThree ul{ width:1128px; overflow:hidden; margin-top:0px;}
.lectureThree ul li{ width:265px; float:left; margin-right:13px; position:relative; margin-bottom:15px; background:#fff; height:280px;}
.lectureThree ul li a{  display:block;}
.lectureThree ul li a p{ font-size:14px; color:#666; margin-bottom:5px;padding:0px 3px; }
.lectureThree ul li a p img{ width:100%;}
.lectureThree ul li a span{ display:block; margin-bottom:5px;}
.lectureThree ul li a span img{ width:100%;}
.lectureThree ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); top:163px; width:100%; padding-bottom:2px; }
.lectureThree ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureThree ul li p.speech{  display:block;}


.lectureZLT{ margin-top:90px;} 
.lectureZLT ul{ width:1128px; overflow:hidden; margin-top:43px;}
.lectureZLT ul li{ width:212px; float:left; margin-right:10px; position:relative; margin-bottom:30px; background:#fff; height:264px; overflow:hidden;}
.lectureZLT ul li a{  display:block;}
.lectureZLT ul li a p{ font-size:14px; color:#666; margin-bottom:5px; padding:0px 3px; }
.lectureZLT ul li a p img{ width:100%;}
.lectureZLT ul li a span{ display:block; margin-bottom:5px;}
.lectureZLT ul li a span img{ width:100%;}
.lectureZLT ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); top:125px; width:100%; padding-bottom:2px; }
.lectureZLT ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureZLT ul li p.speech{  display:block;}




.pic{ width:1100px; margin:0 auto; margin-top:50px;}
.pic ul{ width:1110px; overflow:hidden;}
.pic ul li{ float:left; margin-right:10px; margin-bottom:10px; width:212PX;}
footer{ display:none;}


@media screen and ( max-width:600px){
.bj{ background:#001029; width:100%;}
.banner{ width:100%; height:auto; margin:0 auto;}
.banner img{ width:100%;}


.jb{ width:100%; margin-top:30px;}
.jb ul{ overflow:hidden;}
.jb ul li{ width:49%; background:#cdd3da; float:left; margin-left:0.5%; margin-right:0.5%; padding-bottom:10px; height:400px; margin-bottom:10px;}
.jb ul li img{ width:100%;}
.jb ul li p{ padding:10px; padding-bottom:0px; font-size:14px;}
.jb ul li p b{ font-size:18px;}
.jb a{ color:#333;}

.lectureZLT{ margin-top:60px;} 
.lectureZLT ul{ width:100%; overflow:hidden; margin-top:43px;}
.lectureZLT ul li{ width:49%; float:left;margin-left:0.5%; margin-right:0.5%;  position:relative; margin-bottom:10px; background:#fff; height:257px; overflow:hidden;}
.lectureZLT ul li a{  display:block;}
.lectureZLT ul li a p{ font-size:14px; color:#666; margin-bottom:5px; }
.lectureZLT ul li a p img{ width:100%;}
.lectureZLT ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); top:125px; width:100%; padding-bottom:2px; }
.lectureZLT ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureZLT ul li p.speech{  overflow:hidden; display:block;}
.lectureZLT ul li.yjr{ width:100%; height: auto;}


.wide1000{ width:100%; margin:0 auto; margin-top:20px;}
.wide1000 .title{ text-align:center;}
.wide1000 .title span{ height:31px; font-size:1.2em; background:#011116; color:#3fcbff; display:block; margin:0 auto; text-align:center; line-height:31px; margin-bottom:5px; font-weight:bold; left:38%;}
.wide1000 .title span.tie{ height:31px; font-size:1.2em; background:#011116; color:#3fcbff; display:block; margin:0 auto; text-align:center; line-height:31px; margin-bottom:5px;font-weight:bold; left:28%;}
.wide1000 .title p{ color:#3fcbff; font-size:17px; padding-top:30px;}



.wide1000 .introduce{ font-size:12px; color:#2238ab; text-indent:2em; line-height:18px; margin-top:5px;}
.lectureOne{ margin-top:60px;}
.lectureOne ul{ width:100%; overflow:hidden; margin-top:20px;}
.lectureOne ul li{ width:48%; float:left;  margin:1%; position:relative; margin-bottom:10px; height:220px; overflow:hidden;}
.lectureOne ul li a:hover{ border: none;}
.lectureOne ul li a{  display:block;border:none;}
.lectureOne ul li a p{ font-size:12px; color:#666; margin-bottom:5px; }
.lectureOne ul li a p img{ width:100%;}
.lectureOne ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); bottom:58px; width:100%; padding-bottom:2px; }
.lectureOne ul li div p{color:#fff; line-height:15px;  font-size:0.6em; padding:0px 5px; margin-bottom:0px; }
.lectureOne ul li p.speech{  overflow:hidden; display:block;}
.lectureOne ul li.yjr{ width:100%; height: auto;}


.lectureTWO{ margin-top:60px;} 
.lectureTWO ul{ width:100%; overflow:hidden; margin-top:43px;}
.lectureTWO ul li{ width:32%; float:left;margin-left:0.5%; margin-right:0.5%; position:relative; margin-bottom:15px; background:#fff; height:237px; overflow:hidden;}
.lectureTWO ul li a{  display:block;}
.lectureTWO ul li a p{ font-size:14px; color:#666; margin-bottom:5px; }
.lectureTWO ul li a p img{ width:100%;}
.lectureTWO ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureTWO ul li p.speech{ overflow:hidden; display:block;}

.lectureThree{ margin-top:0px;} 
.lectureThree ul{ width:100%; overflow:hidden; margin-top:0px;}
.lectureThree ul li{width:49%; float:left;margin-left:0.5%; margin-right:0.5%; position:relative; margin-bottom:15px; background:#fff; height:250px; overflow:hidden;}
.lectureThree ul li a{  display:block;}
.lectureThree ul li a p{ font-size:14px; color:#666; margin-bottom:5px; }
.lectureThree ul li a p img{ width:100%;}
.lectureThree ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); top:163px; width:100%; padding-bottom:2px; }
.lectureThree ul li div p{color:#fff; line-height:15px;  font-size:12px; padding:2px 5px; margin-bottom:0px; }
.lectureThree ul li p.speech{  overflow:hidden; display:block;}


.pic{ width:100%; margin:0 auto;margin-top:45px;}
.pic ul{ width:100%; overflow:hidden;}
.pic ul li{ float:left; margin-bottom:1.3%; width:32%; margin-right:1.3%;}
.pic ul li img{ width:100%;}

footer{ width:100%; height:48px; display:block;}
footer div{ position:fixed; bottom:0px; background:#013b4d; width:100%; height:48px; line-height:48px;}
footer div li{ float:left; width:16.6%; font-size:12px; color:#fff; text-align:center;}
footer div li a{ color:#fff; border-right:1px solid #055a74; display:block;}
footer div li a:hover{ color:#fff;}

	}
	
	@media screen and ( max-width:320px){
		.lectureOne ul li div { position:absolute; background-color:rgba( 0, 0, 0, 0.3); bottom:58px; width:100%; padding-bottom:2px; }
		.wide1000 .title span{ height:31px; font-size:1.2em; background:#011116; color:#3fcbff; display:block; margin:0 auto; text-align:center; line-height:31px; margin-bottom:5px; font-weight:bold; left:35%;}
		.wide1000 .title span.tie{ height:31px; font-size:1.2em; background:#011116; color:#3fcbff; display:block; margin:0 auto; text-align:center; line-height:31px; margin-bottom:5px;font-weight:bold; left:25%;}
		
		}