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



/*北化故事*/
.modeWrap02{width:100%;overflow:hidden;background:url(mode04_bg.jpg)/*tpa=http://www.buct.edu.cn/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:235px;height:87px;position:absolute;top:80px;left:264px;background:url(story_bg.png)/*tpa=http://www.buct.edu.cn/images/2016images/story_bg.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(s.png)/*tpa=http://www.buct.edu.cn/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(s_hover.png)/*tpa=http://www.buct.edu.cn/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(more03.png)/*tpa=http://www.buct.edu.cn/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(s01.png)/*tpa=http://www.buct.edu.cn/images/2016images/s01.png*/ no-repeat center center;}
.line02{width:137px;height:84px;left:-104px;top:228px;background:url(s02.png)/*tpa=http://www.buct.edu.cn/images/2016images/s02.png*/ no-repeat center center;}
.line03{width:137px;height:84px;left:-104px;top:458px;background:url(s03.png)/*tpa=http://www.buct.edu.cn/images/2016images/s03.png*/ no-repeat center center;}
.line04{width:5px;height:156px;left:160px;bottom:148px;background:url(s01.png)/*tpa=http://www.buct.edu.cn/images/2016images/s01.png*/ no-repeat center center;}
.line05{width:137px;height:84px;left:-132px;top:153px;background:url(s03.png)/*tpa=http://www.buct.edu.cn/images/2016images/s03.png*/ no-repeat center center;}
.line06{width:137px;height:84px;left:0px;top:153px;background:url(s02.png)/*tpa=http://www.buct.edu.cn/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(s03.png)/*tpa=http://www.buct.edu.cn/images/2016images/s03.png*/ no-repeat center center;}
.line08{width:137px;height:84px;right:140px;top:234px;background:url(s02.png)/*tpa=http://www.buct.edu.cn/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(s01.png)/*tpa=http://www.buct.edu.cn/images/2016images/s01.png*/ no-repeat center center;}
.line11{width:137px;height:84px;right:270px;bottom:66px;background:url(s03.png)/*tpa=http://www.buct.edu.cn/images/2016images/s03.png*/ no-repeat center center;}
.line12{width:137px;height:84px;right:270px;top:458px;background:url(s02.png)/*tpa=http://www.buct.edu.cn/images/2016images/s02.png*/ no-repeat center center;}
.line13{width:137px;height:84px;right:-126px;top:460px;background:url(s03.png)/*tpa=http://www.buct.edu.cn/images/2016images/s03.png*/ no-repeat center center;}
.line14{width:137px;height:84px;right:-123px;bottom:68px;background:url(s02.png)/*tpa=http://www.buct.edu.cn/images/2016images/s02.png*/ no-repeat center center;}


@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,.topic_logo,.school_icon{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:20px;left:50%;margin-left:-117px;}
 
 }

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

 }
@media screen  and (max-width:1000px) {
  
}
@media screen  and (max-width:880px) {
	.serviceList li{width:120px;}
	.mode02{height:auto;width:540px;padding:130px 0 50px;margin:0 auto;}
	

	}
@media screen and (max-width: 860px) {
  
}
@media screen  and (max-width:640px) {
	
	.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) {
 
}
@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) {
  
  .mode02{padding-top:95px;}
  .mediaList li .info{margin-left:122px;}
   .item-info-overlay{display:none;}
  
}