@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1;max-width: 1920px;margin:0 auto;}
.Banner_bg{width: 100%;height: 30px;background:url(../images/bannerBg01.png) repeat-x;z-index: 999;position: absolute;left:0;top:0;}
.Banner_line{position: absolute;width: 100%;height: 48px;background:url(../images/line.png) no-repeat top center;position: absolute;bottom:-18px;left:0;z-index: 998;}
/* 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 { 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: 30px; height: 50px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-25px;}
.flex-direction-nav .flex-prev { left: 60px; background:url(../images/lf.png) no-repeat center center; }
.flex-direction-nav .flex-next { right: 60px;  background:url(../images/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: 100%; position: absolute; bottom: -2px; left:0; text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; border:2px solid #0d58aa; cursor: pointer; text-indent: -9999px;border-radius:8px; }
.flex-control-paging li a:hover { background: #0d58aa;  }
.flex-control-paging li a.flex-active { background: #0d58aa;}

.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;}

.banner .flex-control-nav{width: 160px;height: 32px;background:url(../images/banner_bg01.png) no-repeat top center;position: absolute;bottom:-1px;left:50%;margin-left:-80px;z-index: 1045}
/*content*/
.content{width:100%;position: relative;padding-top:38px;z-index: 1000;}
.gz_bg{width: 100%;height: 50px;background:url(../images/gz_bg.png) no-repeat top center;position: absolute;left:0;top:-12px;}
.modeWrap01{width: 100%;margin:0 auto;;background:#103869;}
.section{width: 1225px;margin:0 auto;}
.listTitle01:hover{opacity: 0.8}
.listTitle01{width:100%;position: relative;height: 30px;}

.listTitle01 h3{background:url(../images/more.png) no-repeat 144px center #103869;width: 204px;margin:0 auto;height: 30px;position: relative;z-index: 10}
.listTitle01:before{content: '';width: 100%;position: absolute;left:0;height: 1px;background-color:#305b8f;top:50%;z-index: 2}
.listTitle01 img{width: 100px;height: 30px;padding-left:29px;}
.list01{width: 100%;overflow: hidden;padding-top:30px;}
.list01 li{width: 25%;float: left;}
.list01 li a{margin:0 1px;display: block;}
.item-img01{width: 100%;display: block;height: 0;padding-bottom: 56.394%;overflow: hidden;}
.item-img01 img{transition: all 0.5s ease;}
.item-txt01{width:auto;padding:20px 10px 16px; overflow: hidden;}
.item-txt01 h3{font-size:16px;color:#fff;line-height: 24px;height: 48px;overflow: hidden;}
.item-txt01 .more01{width: 30px;height: 30px;float: right;transition: all 0.3s ease}
.item-txt01 .more01:hover{transform: rotateZ(90deg);opacity: 0.8}
.list01 li a:hover .item-txt01{opacity: 0.8}
.list01 li a:hover .item-img01 img{opacity: 0.8;transform: scale(1.1);}
.liBg1 a{background-color:#172536;}
.liBg2 a{background-color:#010101;}
.liBg3 a{background-color:#092e5c;}
.liBg4 a{background-color:#192c43;}
.modeWrap02{background-color:#cce1fa;width:100%;overflow: hidden;}
.listTitle02{margin:47px 0 26px;}
.listTitle02 h3{background:url(../images/more2.png) no-repeat 144px center #cce1fa;}
.listTitle02:before{background-color:#afc1d7;}
.list02{width: 105%;}
.list02 li{width: 300px;float:left;margin-right: 8px;transition: all 0.3s ease}
.list02 li:hover{margin-top:-12px;box-shadow: 0 2px 5px rgba(0,0,0,0.3)}
.list02 li > div{background-color:#fff;height: 418px;}
.list02 li .item-info2{height: 370px;overflow: hidden;display: block;}
.item-img02{width: 100%;display: block;height: 0;padding-bottom:56.667%;overflow: hidden; }
.item-txt02{padding:0 19px;}
.item-txt02 h3{font-size:16px;line-height: 24px;color:#024495;padding:15px 0 10px;font-weight: normal;border-bottom: 1px solid #a9bad8}
.item-txt02 p{font-size:14px;line-height: 21px;color:#323232;padding:15px 0 0 0;}
.more02{height: 38px;text-align: center;display: block;padding-top:10px;transition: all 0.3s ease}
.more02 img{width: 30px;height: 30px;display: block;margin:0 auto;}
.more02:hover{transform: rotateZ(90deg);opacity: 0.8}
.modeWrap03{background-color:#eaeef5;width: 100%;overflow:hidden;}
.listTitle03{margin:47px 0 34px;}
.listTitle03 h3{background:url(../images/more2.png) no-repeat 144px center #eaeef5;}
.listTitle03:before{background-color:#afc1d7;}
.list03{}
.list03 li{width: 25%;float: left;}
.list03 li.d-bg02 a{background-color:#e2efff;}
.list03 li a{display: block;background-color:#fff;position: relative;overflow: hidden;height: 172px;border:2px solid #fff;}
.item-txt03{/*margin-right:305px;*/padding:15px 25px;position: relative;}
.item-txt03 h3{color: #00a4df;font-weight: normal;font-size:16px;line-height: 24px;height: 48px;overflow: hidden;}
.item-con03{font-size:12px;line-height: 20px;overflow: hidden;height: 80px;padding-top: 13px;}
.item-img03{width: 305px;position: absolute;right: 0;top:0;}
.item-img03 span{display: block;width:100%;height: 0;padding-bottom:56.394%;overflow: hidden; }
.more03{width:30px;height: 30px;position: absolute;bottom:7px;right: 20px;transition: all 0.3s ease}
.more03:hover{transform: rotateZ(90deg);opacity: 0.8}
.item-txt03 h3:hover{color:#333;}
.item-img03:before{content: '';width: 0;height: 0; border-top: 16px solid transparent;border-left: 28px solid #fff;border-bottom: 16px solid transparent;position: absolute;left:0;top:63px;}
/*.img-lf .item-img03{right:auto;left:0;}
.img-lf .item-txt03{margin:0 0 0 305px;}
.img-lf .item-img03:before{border-top: none;border-left: none;border-bottom: none;border-top: 16px solid transparent;border-right: 28px solid #fff;border-bottom: 16px solid transparent;left:auto;right: 0}
*/.item-img03 img{transition: all 0.3s ease;}
.item-img03:hover img{opacity: 0.8;transform: scale(1.2);}
/*北师故事*/
.modeWrap04{width: 100%;overflow: hidden;background:url(../images/mode04_bg.png) no-repeat top center;}
.listTitle04{margin:49px 0 43px;}
.listTitle04 h3{background:url(../images/more.png) no-repeat 144px center;position:relative;transition: all 0.3s ease}
.listTitle04:before{display: none;}
.listTitle04 h3:before{content: '';width: 510px;height: 1px; background-color:#305b8f;position:absolute; left:-510px;top:18px;}
.listTitle04 h3:after{content: '';width: 510px;height: 1px; background-color:#305b8f;position:absolute; right:-510px;top:18px;}
.list04{position: relative;width: 100%;overflow: hidden;padding-bottom: 18px;}
.item-info04{margin-bottom: 11px;}
.item-1{width: 322px;float: left;margin-right: 12px;}
.item-info04 > div{border:1px solid #fff;position: relative;overflow: hidden;}
.item-img04{width: 100%;height: 0;overflow: hidden;padding-bottom:55.901%;display: block; }
.item-txtBg04{position: absolute;height: 55px;background-color:rgba(0,0,0,0.52);filter:alpha(opacity=52); width: 100%;bottom: -55px;transition: all 0.5s ease;}
.item-txt04{height: 55px;line-height: 55px;position: absolute;left:0;bottom: -55px;padding:0 20px;transition: all 0.5s ease;font-size:16px;text-align: center;}
.item-txt04 a{color:#fff;}
.item-2{width: 656px;position: absolute;left:334px;top:0;}
.item-2 .item-img04{padding-bottom: 56.621%;}
.item-marginR{margin-right: 900px;}
.item-4{width: 223px;float: left;}
.item-4 .item-img04{padding-bottom: 80.718%;}
.item-3{width: 223px;position: absolute;right: 0;top:0;}
.item-3 .item-img04{padding-bottom: 166.817%;}
.item-info04:hover .item-txtBg04,.item-info04:hover .item-txt04{bottom: 0}
/*通知公告*/
.modeWrap05{width: 100%;background-color:#cce1fa;overflow: hidden;}
.modeWrap05 .lf{width: 61.225%;float:left;}
.listTitle05{margin:50px 0 40px;}
.listTitle05 h3{background:url(../images/more2.png) no-repeat 144px center #cce1fa;}
.listTitle05:before{background-color:#afc1d7;}
.modeWrap05 .rt{width:32.654%;float:right;}
.notice-list{padding-bottom: 43px;}
.notice-date{width: 71px;height: 71px;border-radius: 50%;float:left;background-color:#fff;}
.notice-date strong,.notice-date i{font-family: 'Century Gothic';font-weight: normal;font-style: italic;color:#0099da;display: block;text-align: center;}
.notice-date strong{font-size:30px;padding-top:6px;height: 30px;}
.notice-date i{font-size:18px;}
.notice-txt{margin-left:90px;padding-bottom: 13px;}
.notice-txt a{display: block;font-size:16px;line-height: 24px;max-height:72px;overflow: hidden; }
.notice-txt:before{content: '';position: absolute;bottom: 1px;width: 134px;height: 1px;background-color:#58b0e2;}
.notice-list .slides li{margin-right: 100px;}
.notice-list .flex-control-nav{display: block;}
.notice-list .flex-control-paging li a{width: 8px;height: 8px;background-color:#0050a5;border:2px solid #0050a5;}
.notice-list .flex-control-paging li a.flex-active{background:none;}
.notice-list .flex-control-nav{bottom:10px;}
.modeWrap05 .flex-direction-nav{display: none;}


/*专题网站*/
.topic-list{width: 105%;overflow: hidden;}
.topic-list li{width: 192px;margin:0 14px 12px 0;display: inline-block;*display: inline;*zoom:1;}
.topic-list li span{display: block;width:100%;height: 0;padding-bottom:31.25%;overflow: hidden; }
.topic-list li a{position: relative;display: block;}
.topic-list li a:before{content: '';width: 0;height: 0;border:1px solid #dadada;left:50%;top:50%;z-index: 10;display: block;position: absolute;background:url(../images/link.png) no-repeat center center;transition: all 0.3s ease}
.topic-list li:hover a:before{width: 90%;height: 80%;left:5%;top:10%;}
.topic-list li a:after{content: '';position: absolute;left:0;top:0;z-index: 8;display: block;width: 100%;height: 100%;transition: all 0.3s ease}
.topic-list li:hover a:after{background-color:#000;opacity: 0.5;filter:alpha(opacity=5);}
.listTitle06{margin:50px 0 25px;}
.modewrap06{background-color:#eaeef5;}
.modewrap06 .section{position: relative;}
.modewrap06 .lf{width: 177px;font-size:0;position: absolute;left:0;top:9px;overflow: hidden;}
.modewrap06 .lf span{width: 87px;height: 87px;overflow: hidden;float:left;}
.modewrap06 .lf span a{width: 100%;height: 100%;display: block;}
.sina{background:url(../images/sina.png) no-repeat center #00aecd;margin-bottom: 3px;}
.weixin{background:url(../images/weixin.png) no-repeat center #2a79a7;}
.ma01{margin-bottom: 3px;}
.sina_inner{float:left;padding:0 50px 15px 80px;background:url(../images/small_sina.png) no-repeat 34px 20px;min-height: 180px;float: left;}
.sina_inner >p{font-size:14px;max-height: 175px;overflow:hidden;line-height:25px; }
.modewrap06 .md{margin-left:202px;width:39.76%;overflow: hidden;float:left;border-left:1px solid #acacac; border-right: 1px solid #acacac;}
.sina_inner .p01{margin:14px 0 10px;line-height: 25px;font-size:12px;display: block;max-height: 178px;overflow: hidden;}
.sina_inner .p01 strong{font-size: 16px;}

.modewrap06 .rt{width: 42.123%;float: right;border-right: 1px solid #acacac;}
.modewrap06 .rt .sina_inner{background:url(../images/small_weixin.png) no-repeat 34px 20px;}
.review_newsBg{width: 65px;height: 25px;background-color:#fff;opacity: 0.4;filter:alpha(opacity=60);position: absolute;right:20px;bottom: 60px;z-index: 998}
.review_news{width:65px;height:25px;line-height:23px;font-size:15px;z-index: 999;position: absolute;right:20px;bottom: 60px;text-align: center;}
.modewrap06 .p02{height: 120px;line-height: 20px;margin-bottom: 20px;display: block;overflow: hidden;}
.phoneItem-inf004{display: none;}
.phoneItem-inf004 .item-img04 a{display: block;text-align: center;margin-top:25%;letter-spacing: 1px;font-size:16px;}
.sina_inner > section{margin:0;max-height: 175px;overflow: hidden;line-height: 25px;}
.sina_inner > section section{margin:0 !important;}
@media screen  and (max-width:1225px) {
	.section{width: auto;padding:0 15px;}
	.list02{width: 100%;}
	.list02 li{margin:0 0 10px;width: 25%;}
	.list02 li > div{margin:0 5px;}
	.list03 li{margin-bottom: 10px;width: 25%;}
	.img-lf .item-img03{position: static;width:100%;}
	.img-lf .item-txt03{margin:0;}
	.list03 li a{height: auto;margin:0 5px;padding-bottom: 10px;}
	.img-lf .item-img03:before{display: none;}
	.item-3,.item-4{display: none;}
	.list04{max-width: 1002px;margin:0 auto;}
	.item-marginR{margin-right: 667px;}
	.modeWrap05 .rt,.modeWrap05 .lf{width: 100%;}
	.topic-list{width: 100%;text-align: center;padding-bottom: 20px;}
	.topic-list li{margin:0 7px 12px;}
	.listTitle06{margin-top:25px;}
	.modewrap06 .lf{position: static;width: 348px;text-align: center;padding:10px 0;clear: both;margin:0 auto;}
	.modewrap06 .lf span{}
	.modewrap06 .md{width: 50%;margin:0;box-sizing: border-box;overflow: hidden;}
	.modewrap06 .rt{width: 50%;margin:0;box-sizing: border-box;overflow: hidden;}
	.modewrap06 .lf span{margin-bottom: 0}

	
}

@media screen  and (max-width:992px) {
	.item-2{position:static;width: 100%;}
	.item-marginR{margin-right: 12px;}
	.item-1{width: 50%;margin:0 0 12px;}
	.item-info04 > div{margin:0 6px;}
	.modeWrap04{background-size:cover;}
	.notice-list .slides li{margin-right: 50px;}
	.phoneItem-inf004{display: block;}
	.phoneItem-inf004 > div{background-color:#cce1fa;}
	/*.mode02 .slides li{margin-right: 30px;}*/

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

}

@media screen and (max-width: 768px) {
	.list01 li,.list02 li,.list03 li{width:50%;}
	.item-txt02 p{padding-top:12px;}
	.notice-list .slides li{margin-right: 20px;}
	.list02 li:hover{margin-top:0;box-shadow: none;}
	/*.flex-control-nav{bottom: 10px;}
	.mode01 .lf,.mode01 .rt{width: 100%;}
	.mode02 .flexslider{padding:0 0 30px;}
	.mode02 .slides li{margin-right: 20px;}
	.content{margin-top: 74px;}
	.readMore{text-align: center;padding-top: 0}
	.readMore a{float: none;}
	.item_txt01{padding-bottom: 40px}*/

}
@media screen  and (max-width:640px) {
	.modewrap06 .md,.modewrap06 .rt{width: 100%;border:none;}
	.sina_inner{padding:0 15px 0 39px;background-position:0 15px}
	.sina_inner > p{max-height: auto}
	.sina_inner > section{max-height: auto}
	.sina_inner{min-height: auto}
	.modewrap06 .md{padding-bottom: 20px;}
	.sina_inner br{display: none;}
	.modewrap06 .rt .sina_inner{background-position:0 15px}
	}

	
@media screen and (max-width:480px) {
		.topic-list li{width: 170px;}
		
}
@media screen and (max-width:400px) {
	
}

@media screen and (max-width:380px) {
	.list01 li,.list02 li,.list03 li,.item-1{width: 100%;margin-bottom: 10px;}
	.modewrap06 .lf span{width: 60px;height: 60px;}
	.modewrap06 .lf{width: 240px;}
	.list02 li > div,.list02 li .item-info2{height: auto;}
  
}
@media screen and (max-width:320px) {
	
	

	


}