@charset "gb2312";
/* CSS Document */
.banner{ width:100%; overflow: hidden; position: relative;}
.til_slides { width:394px; height:167px; background:url(../../images/2016images/slider_03.png) no-repeat; position:absolute; right:50%; bottom:0px; margin:0 -600px 0 0px; z-index:9999; }
.til_slides .title { width:260px; height:132px; margin:25px 60px 8px 64px; }
.til_slides h3 { font-size:24px; font-family:Arial; color:#f18e21; border-bottom:1px solid #a0a0a0; padding:0 0 10px 0; }
.til_slides .more { padding:0 36px 0 0; background:url(../../images/2016images/more_bg01.png) no-repeat right center; height:17px; display:block; float:right; margin:10px 0 0 0; font-size:14px; color:#f18e21; }

#main{width:100%;overflow:hidden;}


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff; position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background:url(../../images/2016images/lf.png) no-repeat center center; }
.flex-direction-nav .flex-next { right: -50px;  background:url(../../images/2016images/rt.png) no-repeat center center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: 10px; right:30px; text-align: center; z-index:9999; display:none; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; border:2px solid #fff; cursor: pointer; text-indent: -9999px;border-radius:8px; }
.flex-control-paging li a:hover { background: #ffffff;  }
.flex-control-paging li a.flex-active { background: #ffffff;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.content{width:100%;overflow:hidden; background:url(../../images/2016images/con_bg_02.jpg) no-repeat top center;}
.mode01{max-width:1220px;margin:0 auto 30px;overflow:hidden;}
/*新闻*/
.news{width:64.755%;overflow:hidden;float:left;}
.title01 h2{font-size:2.4em;height:102px;line-height:102px;padding-left:40px;background:url(../../images/2016images/news_bg.png) no-repeat left center;}
.title01 h2 a { color:#1b438f; }
.newsInfo{width:100%;overflow:hidden;}
.picCon{width:30.38%;overflow:hidden;float:left;margin-right:4.43%;min-height:297px;}
.picCon img{width:100%;}
.picCon span{display:block;overflow:hidden;}
.picCon h3{font-size:1.6em;line-height:24px;height:48px;overflow:hidden;margin:1em 0;}
.picCon p{font-size:1.2em;color:#787878;line-height:18px;height:72px;overflow:hidden;}
.picCon p a{color:#787878;}
.noMargin{margin:0;}
.news_pic{width:100%;overflow:hidden;}
.news_list{width:100%;overflow:hidden;font-size:1.4em;margin-top:3em;}
.news_list li{height:2.6em;line-height:2.6em;overflow:hidden;background:url(../../images/2016images/time_bg.png) no-repeat left 9px;}
.news_list li a{margin-left:0.25em;}
.news_list li span{float:left;padding:0 2.6em;color:#959595;}
.readMore{height:60px;line-height:60px;background:url(../../images/2016images/more02.png) no-repeat right center;text-align:right;}
.readMore a{color:#1b438f;font-weight:bold;padding-right:25px;font-size:1.4em;}
.readMore a:hover{color:#f18e21;}
.newsMore{margin-top:23px;}

/*北化故事*/
.modeWrap02{width:100%;overflow:hidden;background:url(../../images/2016images/mode04_bg.jpg) no-repeat center center;background-color:#08274b;}
.mode02{width:1220px;height:840px;margin:0 auto;position:relative;}
.mode02 .story{width:270px;height:310px;cursor:pointer;}
.story_title{width:233px;height:31px;position:absolute;top:78px;left:264px;background:url(../../images/2016images/story_03.png) no-repeat center center;}
.story_title a{display:block;width:100%;height:100%}
.story-01{position:absolute;top:230px;left:28px;}
.item-container{width:268px;height:313px;position:relative;cursor:pointer;}
.item-container img{z-index:9;}
.item-mask{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../../images/2016images/s.png) no-repeat center center;z-index:99;}
.item-info-overlay{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;background:url(../../images/2016images/s_hover.png) no-repeat center center;z-index:120;}
.item-info-overlay>div{padding:41% 10% 9% 10%;}
.item-info-overlay .title{font-size:2em;font-weight:normal;display:block;text-align:center;border-bottom:1px solid #fff;height:65px;overflow:hidden;line-height:30px;}
.item-info-overlay .title a{color:#fff;}
.item-info-overlay .view{display:block;margin-top:21px;height:37px;width:100%;background:url(../../images/2016images/more03.png) no-repeat center center;}
.story:hover .item-info-overlay{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-opacity:1;transition:1s;-webkit-transition:ease 1s;-o-transition:all ease 1s;-moz-transition:ease 1s}
.line{z-index:990;display:block;position:absolute;}
.line01{width:5px;height:156px;left:163px;margin-left:-2.5px;top:78px;background:url(../../images/2016images/s01.png) no-repeat center center;}
.line02{width:137px;height:84px;left:-104px;top:228px;background:url(../../images/2016images/s02.png) no-repeat center center;}
.line03{width:137px;height:84px;left:-104px;top:458px;background:url(../../images/2016images/s03.png) no-repeat center center;}
.line04{width:5px;height:156px;left:160px;bottom:148px;background:url(../../images/2016images/s01.png) no-repeat center center;}
.line05{width:137px;height:84px;left:-132px;top:153px;background:url(../../images/2016images/s03.png) no-repeat center center;}
.line06{width:137px;height:84px;left:0px;top:153px;background:url(../../images/2016images/s02.png) no-repeat center center;}
.story-02{position:absolute;top:230px;left:288px;}
.story-03{position:absolute;top:230px;left:549px;}
.story-04{position:absolute;top:7px;left:679px;z-index:188}
.line07{width:137px;height:84px;right:143px;top:8px;background:url(../../images/2016images/s03.png) no-repeat center center;}
.line08{width:137px;height:84px;right:140px;top:234px;background:url(../../images/2016images/s02.png) no-repeat center center;}
.line09{/*width:137px;height:84px;right:0px;bottom:-232px;background:url(../../images/2016images/s02.png) no-repeat center center;*/}
.story-05{position:absolute;top:455px;left:418px;z-index:188}
.story-06{position:absolute;top:461px;left:944px;z-index:188}
.line10{width:5px;height:156px;left:550px;bottom:-75px;background:url(../../images/2016images/s01.png) no-repeat center center;}
.line11{width:137px;height:84px;right:270px;bottom:66px;background:url(../../images/2016images/s03.png) no-repeat center center;}
.line12{width:137px;height:84px;right:270px;top:458px;background:url(../../images/2016images/s02.png) no-repeat center center;}
.line13{width:137px;height:84px;right:-126px;top:460px;background:url(../../images/2016images/s03.png) no-repeat center center;}
.line14{width:137px;height:84px;right:-123px;bottom:68px;background:url(../../images/2016images/s02.png) no-repeat center center;}
/*北化专题*/
.mode03{max-width:1220px;margin:0 auto;overflow:hidden;}
.topic .title01 h2{background:url(../../images/2016images/topic_bg.png) no-repeat left center;}
.item-container01{width:100%;height:100%;float:left;position:relative;background-position:center center;background-repeat:no-repeat;}
.item-container01 img{z-index:9;}
.item-info-overlay01{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;background:url(../../images/2016images/s_bg.png) repeat;z-index:120;}
.item-info-overlay01>div{width:auto;border:1px solid #bfbfbf;height:94px;margin:13px 6.09% 0;border-radius:5px;}
.item-info-overlay01 .title{font-size:1.8em;font-weight:normal;display:block;text-align:center;min-height:45px;line-height:20px;padding:20px 6px 0;}
.item-info-overlay01 .title a{color:#fff;}
.item-info-overlay01 .view{display:block;height:20px;width:100%;background:url(../../images/2016images/view02.png) no-repeat center center;}
.topicList{width:100%;overflow:hidden;}
.topicList li{width:18.85%;max-width:230px;height:120px;display:block;position:relative;cursor:pointer;float:left;margin-right:1.39%;}
.topicList li:hover .item-info-overlay01{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-opacity:1;-webkit-transition:ease 1s;-o-transition:all ease 1s;-moz-transition:all ease 1s;-ms-transition:all ease 1s}
.topicList li.noMargin{margin-right:0;}
.topicMore{margin-top:12px;}
.mode04{max-width:1220px;overflow:hidden;margin:0 auto;z-index:99999;}
/*媒体北化*/
.mode04 .lf{width:36.23%;float:left;overflow:hidden;margin-right:5.32%}
.media{width:100%;overflow:hidden;}
.media .title01 h2{background:url(../../images/2016images/media_bg.png) no-repeat left center;}
.mediaList li{width:100%;overflow:hidden;margin-bottom:19px;border-bottom:1px solid #e4e1e1;}
.mediaList li span{display:block;width:104px;height:75px;float:left;background:url(../../images/2016images/source_bg.png) no-repeat center center;position:relative}
.mediaList li .source{*position:absolute;*top:50%;display:block;display:table;float:left;width:104px;height:75px;*width:auto;*height:auto;*left:50%;text-align:center;background:url(../../images/2016images/source_bg.png) no-repeat center center;}
.mediaList li .source a{color:#1b438f;font-size:14px;}
.video_center{width:104px;height:75px;display:table-cell;vertical-align:middle;font-size:16px;padding:0 17px;*position:relative;*top:-50%;*left:-50%;*display:block;*width:auto;*height:auto;*padding:0 10px;*text-align:center;*margin:0 auto;overflow:hidden;}
.mediaList li .info{margin-left:138px;}
.mediaList li .info h3{font-size:1.4em;line-height:24px;max-height:48px;overflow:hidden;}
.mediaList li .info p{line-height:18px;font-size:1.2em;margin:10px 0 20px 0;max-height:36px;overflow:hidden;}
.mediaMore{margin:0;height:20px;line-height:20px;}
/*新媒体*/
.mode04 .md{width:31.72%;float:left;overflow:hidden;}
.medium{width:100%;overflow:hidden;}
.medium .title01 h2{background:url(../../images/2016images/new_media.png) no-repeat left center;}
.mediumList li{width:auto;padding-left:40px;overflow:hidden;border-bottom:1px solid #e4e1e1}
.mediumList li h3 a{font-size:1.4em;color:#1b438f}
.mediumList li a:hover{color:#f18e21}
.mediumList li p a{color:#275ea6;font-size:1.2em;line-height:24px;}
.mediumList li p{margin-bottom:18px;}
.mediumList li span{display:block;color:#969696;margin:6px 0;font-size:1.2em;}
.mediumList li span strong{margin-right:15px;color:#969696;}
.mediumList li.weixin{background:url(../../images/2016images/weixin.jpg) no-repeat left top}
.mediumList li.sina{background:url(../../images/2016images/sina.jpg) no-repeat left top;margin-top:20px;}
.code{width:100%;overflow:hidden;margin-top:16px;}
.code span{float:left;width:123px;height:148px;margin-right:4.13%;}
.code span.m03{margin-right:0;width:90px;}
.code span.m03 strong{font-size:1.4em;display:block;height:46px;padding-left:55px;line-height:46px;margin-bottom:5px;}
.code span.m03 strong.weixin{background:url(../../images/2016images/sina-icon01.jpg) no-repeat left center;}
.code span.m03 strong.weibo{background:url(../../images/2016images/weibo-icon01.jpg) no-repeat left center;}
.code span.m03 strong.qq{background:url(../../images/2016images/qq-icon01.jpg) no-repeat left center;margin-bottom:0;}
/*北化服务*/
.mode04 .rt{width:20.66%;float:right;overflow:hidden;}
.service .title01 h2{background:url(../../images/2016images/campus_bg.png) no-repeat left center;}
.serviceList{with:100%;overflow:hidden}
.serviceList li{height:30px;line-height:30px;margin-bottom:27px;width:50%;float:left;font-size:1.4em;}
.serviceList li span{display:block;height:30px;line-height:30px;margin-left:40px;}
.serviceList li img{float:left;width:30px;height:30px;}
.serviceList li a:hover span{color:#f18e21}




/*链接*/
.wrap_link { height:80px; line-height:80px; background:#eeeeee; }
.link { max-width:1220px; margin:0 auto; }
.link ul { overflow:hidden; border-right:1px solid #cfd5e0; }
.link ul li { width:24.9%; float:left; border-left:1px solid #cfd5e0; text-align:center; }
.link ul li.li01 a { background:url(../../images/2016images/link01_03.png) no-repeat 105px center; }
.link ul li.li02 a { background:url(../../images/2016images/link02_03.png) no-repeat 105px center; }
.link ul li.li03 a { background:url(../../images/2016images/link03_03.png) no-repeat 105px center; }
.link ul li.li04 a { background:url(../../images/2016images/link04_03.png) no-repeat 105px center; }
.link ul li a { padding:0 0 0 45px; height:80px; line-height:80px; display:block; font-family:Arial; color:#444444; font-size:1.2em; }
.link ul li a:hover { font-weight:bold; color:#f18e21; }

.online{width:160px;position:fixed;right:30px;bottom:185px;z-index:9999;border:3px solid #fff;}

@media screen  and (max-width:1220px) {
 .mode01,.mode03,.mode04{width:98%;margin:0 auto;}
 .item-info-overlay01 .title{font-size:1.5em;}
 .modeWrap02{background:none;background-color:#1f589d;}
 .mode02 .story{position:static;float:left;width:270px;height:310px;position:relative;top:0;left:0;right:0;bottom:0}
 .mode02 .line{display:none;}
 .mode02{height:auto;width:810px;padding:130px 0 50px;margin:0 auto;overflow:hidden}
 .item-info-overlay{width:270px;height:310px;}
 .story_title{top:60px;left:50%;margin-left:-117px;}
 .link { height:auto; }
 .wrap_link { height:auto; }
 .link ul { overflow:hidden; }
 .link ul li { width:49%; }
 }

@media screen  and (max-width:1200px) {
.mode04 .lf{width:47.5%;margin-right:5%;}
.mode04 .md{width:47.5%;}
.mode04 .rt{width:auto;padding:0 10px;}
.serviceList li{width:14.285%;}
 .flex-control-nav { display:block; }
.online{display:none;}
 }

 
@media screen  and (max-width:1000px) {
  .news{width:100%;float:none;}
  .news_list{margin-top:0.75em;}
  .newsMore{margin-top:0;}
  .notice{width:100%;float:none;}
  .notice_list li{width:48%;float:left;margin-right:1%;}
  .notice_list a{margin-right:10px;}
  .title01 h2{height:80px;line-height:80px;}
  .notice_list li:nth-child(3){margin-bottom:0;}
}
@media screen  and (max-width:880px) {
	.serviceList li{width:120px;}
	.mode02{height:auto;width:540px;padding:130px 0 50px;margin:0 auto;}
	.mode04 .lf{width:96%;margin:0 auto;}
	.mode04 .md{width:96%;margin:0 auto;}

	}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
@media screen  and (max-width:640px) {
	.mode01{padding:0 10px;width:auto;}
    .notice_list li{width:100%;float:none;}
	.notice_list li:nth-child(3){margin-bottom:33px;}
	.news_pic .picCon:first-child{width:100%;margin-bottom:20px;}
	.news_pic .picCon:first-child span,.news_pic .picCon:first-child p{width:80%;margin:0 auto;}
	.picCon:first-child h3{width:80%;margin:1em auto;}
	.news_pic .picCon:nth-child(2){width:47.78%;}
	.news_pic .picCon:nth-child(3){width:47.78%;}
	.notice_list{margin-bottom:0;}
	.mode03{padding:0 10px;width:auto;}
	.topicList li{width:46%;margin:0 2%;height:50px;background-color:#f08e21;margin-bottom:17px;max-width:285px;border-radius:5px;}
	.item-info-overlay01{opacity:1;background:none;}
	.item-container01,.item-info-overlay01 .view{display:none;}
	.item-info-overlay01 > div{margin:0;border:none;height:50px;}
	.item-info-overlay01 .title{line-height:50px;min-height:auto;padding:0;}
	.topicList li:nth-child(2){background-color:#8ec81c;}
	.topicList li:nth-child(3){background-color:#f56467;}
	.topicList li:nth-child(4){background-color:#43c2b1;}
	.topicList li:nth-child(5){background-color:#438ac2;}
	.topicMore{margin-top:0;}
	.mode02 {width:367px;}
	.mode02 .story{width:183px;height:207px;}
	.item-info-overlay{width:183px;height:207px;background-size:contain;}
	.item-info-overlay .view{background-size:25px;margin-top:0;}
	.item-info-overlay .title{display:none;}
	.picCon p,.picCon h3{height:auto;}
	}


@media screen and (max-width:600px) {
 .link ul li { width:100%; float:none; }
}
@media screen and (max-width:400px) {
	.code{width:320px;float:none;margin:20px auto 0;}
	.code span{width:100px;}
	.code span.m03 strong{height:35px;line-height:35px;}
	.code span.m03 strong.weixin,.code span.m03 strong.weibo,.code span.m03 strong.qq{background-size:35px;}
	.mode02 {width:300px;}
	.mode02 .story{width:145px;height:164px;}
	.item-info-overlay{width:145px;height:164px;background-size:contain;}
}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {
  .news_pic .picCon:first-child span, .news_pic .picCon:first-child p{width:100%;margin-bottom:10px;}
  .picCon:first-child h3{width:100%;margin:1em auto;}
  .news_pic .picCon:nth-child(2),.news_pic .picCon:nth-child(3){width:100%;margin-bottom:10px;}
  .news_list li a{display:block;padding-left:2em;line-height:20px;}
  .news_list li span{float:none;padding:0 2em;}
  .news_list li{height:auto;}
  .topicList li{width:100%;max-width:360px;margin:0 0 10px 0;}
  .serviceList li{width:50%;margin-bottom:10px;}
  .fooer_wrap{margin-top:30px;}
  .title01 h2{height:56px;line-height:56px;font-size:2em}
  .story_title{width:150px;height:55px;margin-left:-75px;background-size:contain;}
  .mode02{padding-top:95px;}
  .mediaList li .info{margin-left:122px;}
   .item-info-overlay{display:none;}
  
}