@charset "utf-8";
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
html { height:100%; }

*html { _background-image:url(about:blank); _background-attachment:fixed; }
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
fieldset, img { border:0;vertical-align: top;}
.none { display:none; }
ul, ol {border: 0;line-height: 14px; *line-height: 14px;list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size: 14px;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul{margin: 0;padding: 0;border: 0;}
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
q:before, q:after { content:''; }
em{font-style:normal}


.txtout li {white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;float:left;}

/* 链接颜色 */
a:link { color: #1b1b1b; text-decoration: none } 
a:visited { color: #1b1b1b; text-decoration: none } 
a:hover { color: #ff0000; text-decoration: none }
a:active { color: #ff0000; text-decoration: none } 

.red1 { COLOR: #b2171d}
.red1 a:link { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:visited { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:hover { COLOR: #b2171d; TEXT-DECORATION: none }
.red1 a:active { COLOR: #b2171d; TEXT-DECORATION: none }

.white1 { color: #ffffff;}
.white1 a:link {color: #ffffff;}
.white1 a:visited { color: #ffffff;}
.white1 a:hover { color: #ffffff;text-decoration: none}
.white1 a:active { color: #ffffff;text-decoration: none}
.blue1 { color: #8e8e8e;}
.blue1 a:link {color: #8e8e8e;}
.blue1 a:visited { color: #8e8e8e;}
.blue1 a:hover { color: #ff0000;text-decoration: none}
.blue1 a:active { color: #ff0000;text-decoration: none}
.blue1 { color: #909090;}
.grey1 a:link {color: #909090;}
.grey1 a:visited { color: #909090;}
.grey1 a:hover { color: #6f6f6f;text-decoration: none}
.grey1 a:active { color: #6f6f6f;text-decoration: none}





.rlink {float: right;padding-top: 16px;padding-right: 10px;}
.txt14 {
	font-size: 14px;
}
.left { float:left;}

.right { float:right}
.bold {
	font-weight: bold;
}
.dw {font: 0px/0px sans-serif;clear: both;display: block;}
.gline {
	border: 1px solid #dbdae2;

}
/* 布局 */
.web_20w {float: left;width: 20px;height:20px;overflow: hidden;}
.web_90h {height: 90px;width: 10px;overflow: hidden;clear:both;}

 
body {
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 12px;
	background-color: #f2f6f7;
}
.md10 { margin-bottom:10px;}
.mr12 { margin-right:12px;}
.w950 {
	width: 950px;
}
.toplink_black,.cqpd_foot_black{ max-width:1920px; min-width:1140px;margin:0 auto;}
.top  { width:100%; height:885px; background:url(top.jpg) no-repeat top center;margin: 0 auto}
.top .topmian { width:1200px; height:885px; margin:0 auto;position: relative;  }
.top .topmian .dbt { width:350px; height:438px;position: absolute; left:150px; top:135px; animation:move2 1.2s 0.8s;-webkit-animation:move2 1.2s 0.8s;animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;overflow:hidden;z-index:1;}
.top .topmian .dbt img { width:350px; height:438px;}
.top .topmian .bt{ width:530px; height:200px; z-index:99; position:absolute; top:135px; left:540px;}
@keyframes move2{
  from{opacity:0;transform:scale(0.2);}
  to{opacity:1;transform:scale(1);}
}
@-webkit-keyframes move2{
  from{opacity:0;-webkit-transform:scale(0.2);}
  to{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes move2{
  from{opacity:0;-moz-transform:scale(0.2);}
  to{opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes move2{
  from{opacity:0;-o-transform:scale(0.2);}
  to{opacity:1;-o-transform:scale(1);}
}


/* 活动介绍 */
.hdbg { width:100%; height:388px;  background:url(bg01.png) no-repeat top center;margin: 0 auto;}
.hdk  { width:491px; height:277px; padding:35px 5px 76px 704px; margin: 0 auto}
.videoPlay .img-wrap { position: relative; float:left;}
.videoPlay .img-wrap .video-close { width: 18px; height: 18px; position: absolute; right: -1px; bottom: -18px; z-index: 20; background: url(http://www.cq.xinhuanet.com/2018/sce/zht/image/icon_video.png) no-repeat; cursor: pointer;  }
.videoPlay .img-wrap .iframe { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 15; }
.videoPlay .img-wrap .vBtn { position: absolute;  top: 0; left: 0; background: url(video1.png) center center no-repeat; cursor: pointer; z-index: 10; }
.sp2 { width:491px; height:277px; margin:0 auto;}
.sp2 .videoPlay .img-wrap,.sp2 .videoPlay .img-wrap .vBtn,.sp2 .videoPlay .img-wrap .img img{ width:491px; height:277px;}

/* h5、活动节点*/
.jdbg { width:100%; height:530px;  background:url(bg02.jpg) no-repeat top center;margin: 0 auto 100px auto; }
.jdmain { width:1200px; height:530px;margin: 0 auto}
.hdh5 { width:241px; height:513px; padding:1px 0 0 1px; float:left}
.sjz { width:610px; height:315px; padding:130px 200px 0 0; float:right}

/* 融媒视听*/
.lmbt01  { width:1200px; height:120px;  background:url(bt01.png) no-repeat top center;margin: 0 auto 60px auto; }
.hotnews { width:1090px; height:110px; padding:0px 25px 0px 25px; margin:0 auto; position:relative;}
.hotnews h2{ width:1100px; height:50px; line-height:50px; text-align:center; font-size:30px;font-weight: bold;color:#ea272f; padding-bottom:10px;}
.hotnews h2 a{ color:#004d96;}
.hotnews p{ width:1100px; height:48px;line-height:24px; text-align: center; font-size:14px; color:#888;}
.hotnews p a{ color:#0b50ce;}


.followbox { width:1200px; height: 153px; position: relative; zoom: 1; overflow: hidden;margin:0 auto 100px auto;overflow: hidden;}
.followbox .bd { width:1200px;height: 153px; }
.followbox .bd ul{ width:1260px;height:153px;}
.followbox .bd li{ width:550px;height:50px; padding-left:20px;font-size: 18px;line-height: 50px; float:left; color:#305798; margin-right:60px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;border-bottom: 1px dashed #65d6f6;}

/* LIVE专场*/
.lmbt02  { width:1200px; height:120px;  background:url(bt02.png) no-repeat top center;margin: 0 auto 60px auto; }
.zbbg { width:100%;height:579px;background:url(bg04.jpg) no-repeat top center; margin:0 auto}
.zhib { width:1200px; height:579px; margin:0 auto}
.zhib li { width:553px; height:579px;}

/* 嘉宾视频海报*/
.sphbg { width:100%;height:830px; padding-top:70px;  background:url(bg03.jpg) no-repeat top center;margin: 0 auto 60px auto; }

.sp1 { width:1140px; height:570px; margin:0 auto;position:relative;  }

.sp1 .bd {}
.sp1 .bd ul {}
.sp1 .bd li { width:320px; height:570px; float:left; margin:0 30px;}
.sp1 .videoPlay .img-wrap,.sp1 .videoPlay .img-wrap .vBtn,.sp1 .videoPlay .img-wrap .img img{ width:320px; height:570px;}
.sp1 .prev,.sp1 .next{width:34px;height:34px;position:absolute;top:308px;z-index:40; cursor:pointer; }
.sp1 .prev { background: url(djch_left.png) no-repeat left top; position: absolute; left: -30px; top: 308px; width: 25px; height:49px; z-index: 2 }
.sp1 .next { background: url(djch_right.png) no-repeat left bottom; position: absolute; right: -30px; top: 308px; width: 25px; height: 49px; z-index: 2 }
.sp1 .bd li:nth-child(2){ margin-top:40px;}
.sp1 .bd li:nth-child(4){ margin-top:40px;}
.sp1 .bd li:nth-child(6){ margin-top:40px;}
.sp1 .bd li:nth-child(8){ margin-top:40px;}
.sp1 .bd li:nth-child(10){ margin-top:40px;}
.sp1 .bd li:nth-child(12){ margin-top:40px;}
.sp1 .bd li:nth-child(14){ margin-top:40px;}
.sp1 .bd li:nth-child(16){ margin-top:40px;}





/* 短视频*/
.lmbt03  { width:1200px; height:120px;  background:url(bt03.png) no-repeat top center;margin: 0 auto 60px auto; }
.mjfc { width:1200px; height:220px;position:relative; margin:0 auto 70px auto}
.mjfc .bd {width:1200px; overflow:hidden;}
.mjfc .bd ul {overflow:hidden; zoom:1;}
.mjfc .bd ul li { width:360px; height:240px; margin:0 10px;float:left;position:relative;}
.mjfc .bd ul li img { width:360px; height:240px;position: absolute; left:0px; top:0px;}
/*.mjfc .bd ul li em { width:150px; height:150px;background:url(k.png) no-repeat top center; z-index:2;position: absolute; left:0px; top:0px;}
.mjfc .bd ul li h1 { width:150px; height:30px; font-size:24px; list-style:30px; text-align:center; position: absolute; left:0px; top:170px;}
.mjfc .bd ul li h1 a { color:#7e7e7e}*/
.mjfc .prev,.mjfc .next{width:25px;height:50px;position:absolute;top:60px;z-index:40; cursor:pointer; }
.mjfc .prev { background-image:url(wsan.png); background-position:0 0; left:-40px; }
.mjfc .next { background-image:url(wsan.png); background-position:25px 0px; left:1210px; }


.HotimgBox { position: relative; width: 1200px; height: 600px; overflow: hidden; text-align: left; background: white; margin:0 auto 130px auto; }
.HotimgBox .pic img { width: 1200px; height: 600px; display: block; }
.HotimgBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 70px; width:100%;  background:url(bg.png) no-repeat top center; overflow: hidden; }
.HotimgBox .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; }
.HotimgBox .txt li{ width:100%; height:60px; line-height:60px; position:absolute; bottom:-50px;font-size: 20px; text-align:center;color:#fff;}
.HotimgBox .txt li a{ color:#fff;}
.HotimgBox .num { position: absolute; z-index: 3; bottom: 20px; right: 10px; }
.HotimgBox .num li{ float: left; position: relative; width: 10px; height: 10px; line-height: 4px; overflow: hidden;margin-right: 6px; cursor: pointer;background:#fff;text-indent: -500px;border-radius:50%;opacity:0.4;}
.HotimgBox .num li.on { opacity:1;background:#62cff9;}


/* 高校展示*/
.lmbt04  { width:100%; height:120px;  background:url(bt04.png) no-repeat top center;margin: 0 auto 60px auto; }
.list{ width:1200px; margin:40px auto; padding-bottom:60px;}
.list li{ width:1200px; height:300px; margin-bottom:40px;}
.list li .photo{ width:510px; height:300px; position:relative;}
.list li .photo img{ width:490px; height:290px;}
.list li .photo em{ width:490px; height:290px; border:1px solid #e5e5e5; position:absolute; bottom:0;right:0; z-index:-1;}
.list li.left .photo{ float:left;}
.list li.right .photo{ float:right;}
.list li .txt{ width:630px; height:300px;}
.list li.left .txt{ float: right;}
.list li.right .txt{ float: left;}
.list li .txt h1{ width:float; line-height:30px; font-size:20px;font-weight: bold; padding:15px 0; margin-top:10px;}
.list li .txt h2{ width:84px; height:28px; line-height:28px; font-size:16px; color:#057091; text-align:center; border:1px solid #057091;border-radius:4px; margin-top:27px;  }
.list li .txt h2 a{ color:#057091;}
.list li .txt p{ width:float; font-size:14px; color:#666; line-height:24px; max-height:96px; overflow:hidden; text-align:justify; border-top:1px dashed #f17609; padding-top:15px;}



.part01 { width: 1200px; margin: 10px auto 0; position: relative; padding-bottom: 55px; }
.part01 .swiper-container { padding: 0px 0; width: 1200px; margin: 0 auto;/* height: 500px; */ }
.part01 .swiper-slide { width: 960px; height: auto; overflow: hidden; }
.part01 .swiper-slide .tit { position: absolute; left: 0; bottom: 0; z-index: 4; padding: 20px 5px 20px 5px; width: 100%; text-align: center; font-size: 20px; line-height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; background:url(bgpic.png) repeat-x top center; font-weight: bolder;}
.part01 .swiper-slide .tit a { color: #fff; }
.part01 .swiper-slide .tit h3 { font-size: 22px; font-weight: bolder; margin-bottom: 5px; }
.part01 .swiper-slide .tit p { font-size: 16px; line-height: 24px; font-weight: normal; }
.part01 .swiper-slide-active:after { display: none; }
.part01 .swiper-slide img { width: 100%; height: auto; display: block; }
.part01 .swiper-button-prev { width: 28px; height: 48px; background: url("an_v1.png") 0 0 no-repeat; right: auto; left: -50px; }
.part01 .swiper-button-prev:hover { opacity: 0.6; }
.part01 .swiper-button-next { width: 28px; height: 48px; background: url("an_v1.png") 100% 100% no-repeat; left: auto; right: -50px; }
.part01 .swiper-button-next:hover { opacity: 0.6; }



@media screen and (max-width: 768px) {


/* 焦点图 */
.part01 { width: 100%; height: auto; overflow: hidden; }
.part01 .swiper-container { width: 100%; }
.part01 .swiper-slide { width: 100%; height: auto; }
.part01 .swiper-slide .tit { padding: 10px 5px 10px 5px; }
.part01 .swiper-slide .tit h3 { font-size: 18px; }