@charset "utf-8";
.body_bg{width: 100%;position: relative;height: 100%;}
.body_line{position: absolute;top: 0;width: 1px;background-color:#e6e6e6;height: 100%;z-index: -1 }
.body_line_item1{left: 7.2%;}
.body_line_item2{left: 28.6%;}
.body_line_item3{left: 50%;}
.body_line_item4{left: 71.4%;}
.body_line_item5{left:92.8%}
.body_bg:after{background-color: #f5f5f5;width: 64.2%;z-index: -5;display: block;content: '';right: 7.2%;height: 100%;position: absolute;top: 0}
.content{width: 100%;overflow: hidden;min-height: 800px;}
.mode01{padding-left: 7.2%;}
.tab01{background:url(../../images/gb20190426/m_bg01.jpg) no-repeat top center;background-size: cover;padding:60px 7.75% 60px 75px;overflow: hidden;}
.listTitle01{width: 100%;overflow: hidden;letter-spacing: 1px;padding:15px 0;}
.listTitle01 h2{font-size: 30px;margin-bottom: 10px;}
.listTitle01 p{color:#999;font-size:16px; }
.tabMenu01{width: 140px;float: left;padding:75px 0; }
.tabMenu01 li{height: 50px;line-height: 50px;margin-bottom: 27px;border-bottom: 2px solid #fff;font-size: 20px;position: relative;}
.tabMenu01 li a{color:#fff;}
.tabMenu01 li:hover a,.tabMenu li.active a{color:#f12711;}
.tabMenu01 li:hover:before,.tabMenu01 li.active:before {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: -2px;width: 100%;
  background-color: #f12711;
  background: -webkit-linear-gradient(right, #f12711 , #f5af19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient right,  #f12711 , #f5af19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f12711 , #f5af19); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f12711 , #f5af19); /* 标准的语法 */
}
.tabList01{margin-left:335px; padding:40px 0 0;overflow: hidden;
  background-color: #f12711;
  background: -webkit-linear-gradient(right, #f12711 , #f5af19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient right,  #f12711 , #f5af19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f12711 , #f5af19); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f12711 , #f5af19); /* 标准的语法 */
}
.tabList01 dd{display: none; -webkit-animation-duration: 0.5s;
          -o-animation-duration: 0.5s;
          -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;}
.list01{width: 100%;overflow: hidden;min-height: 558px;}
.list01 li{width: 33.33%;margin-bottom: 50px;float: left;}
.list01 li > div{margin:0 45px;}
.list01 li h3{height: 58px;line-height: 58px;font-size: 18px;position: relative;margin-bottom: 25px;overflow: hidden;}
.list01 li h3 a{color:#fff;}
.list01 li h3:before{content: '';width: 50px;height: 2px;background-color: #000;position: absolute;left: 0;bottom: -2px;}
.list01 li p{color:#fff;height: 88px;overflow: hidden;line-height: 22px;margin-bottom:10px; }
.readMore04{border:1px solid #333;height: 38px;line-height: 37px;text-align: center;margin-top:20px;}
.readMore04 a{color:#333;transition: all 0.3s ease;display: block;}
.readMore04:hover a{background-color: #333;color:#fff;}
.readMore05{height: 60px;line-height: 60px;text-align: right;}
.readMore05 a{display:inline-block;width: 33.3%;text-align: center;text-indent: -1em;color:#fff;background-color: #333;margin-left: 45px;max-width: 365px;}
.readMore05 a:hover{background-color:#f12711;color:#fff;}
.readMore05 a i{display: inline-block;vertical-align: middle;margin-left: 8%;width: 28px;height: 12px;}
.readMore05 a i img{float: left;}
/*校友风采*/
.mode02{width: 100%;overflow: hidden;margin-top: 90px}
.listTitle02{padding-left: 7.2%;width: 30%;}
.list02{padding:60px 0 0 7.2%;background:#c51515;margin:0 7.2% 0 -25px;}
.list02 li{width: 33.3%;float: left;}
.list02 li:nth-child(2),.list02 li:nth-child(4){margin-top:-150px;}
.list02 li > div{margin:0 0 0  50px;}
.item-img01 .imgResize{padding-bottom:75%;}
.item-txt01{padding:0 20px 25px;}
.item-number01{font-size: 72px;font-weight: bold;font-family: 'Times New Roman';color:#fff;margin-top: -50px;display: block;position: relative;}
.item-number01:before{content: '';width:30px;height: 4px;background-color: #000;position: absolute;left: 2px;bottom: 0px;}
.item-txt01 h3{color:#fff;font-size: 16px;height: 75px;overflow: hidden;line-height: 30px;font-weight: normal;padding-top: 15px;transition: all 0.3s ease;}
.item-txt01 h3 a{color:#fff;}
.item-txt01 h3:hover{opacity: 0.8;}
.readMore06{width: 25%;float: right;padding-left: 50px;}
.readMore06 a{display: block;height: 60px;line-height: 60px;text-align: center;background:#f37215;
  background: -webkit-linear-gradient(left, #f12711 , #f5ad19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,  #f12711 , #f5ad19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f12711 , #f5ad19); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f12711 , #f5ad19); /* 标准的语法 */color:#fff;font-size: 16px;transition: all 0.5s ease;}
.readMore06 a i{display: inline-block;vertical-align: middle;margin-left: 8%;}
.readMore06 a:hover{background: -webkit-linear-gradient(left, #f5ad19 , #f12711); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,  #f5ad19 , #f12711); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f5ad19 , #f12711); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f5ad19 , #f12711); /* 标准的语法 */}
/*历史回忆*/
.mode03{margin-top:105px;padding: 0 0 0 7.2%;}
.list03{position: relative;overflow: hidden;}
.list_bg01{width: 23%;height: 100%;display: block;position: absolute;left: 23%;top: 0;background:#f37215;z-index: 0;
  background: -webkit-linear-gradient(left, #f12711 , #f5ad19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,  #f12711 , #f5ad19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f12711 , #f5ad19); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f12711 , #f5ad19); /* 标准的语法 */}
  .list_bg02{width: 54%;height: 100%;display: block;position: absolute;left: 46%;top: 0;background:#f37215;z-index: 0;
  background: -webkit-linear-gradient(left, #f12711 , #f5ad19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,  #f12711 , #f5ad19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f12711 , #f5ad19); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f12711 , #f5ad19); /* 标准的语法 */}
.list03 ul{position: relative;z-index: 1}
.list03 li.li-item1{width: 46%;float: left;}
.list03 li.li-item1 .item-txt02{width:50%;float: left;height: 100%;}
.item-number02{margin-top: 0;display:block;}
.item-txt02 h3{height: 105px;margin-bottom:10px;}
.item-img02{width: 50%;float: left;}
.item-txt02{padding:50px 30px;}
.list03 li.li-item1 .item-img02 .imgResize{padding-bottom:156.1%;position: relative; }
.list03 li.li-item2{width: 54%;float: left;overflow: hidden;}
.list03 li.li-item2 .item-img02{width: 100%;display: block;float: none;}
.list03 li.li-item2 .item-img02 .imgResize{padding-bottom: 42.75%;position: relative;}
.list03 li.li-item2 .item-txt02{padding:10px 30px;}
.list03 li.li-item2 .item-txt02 h3{margin-left: 70px;padding-top: 22px;}
.list03 li.li-item2 .item-number02{float: left;}
.list03 li.li-item3{margin-left: 23%;position: relative;overflow: hidden;clear: both;z-index: 4}
.list03 li.li-item3 .item-img02{margin-left: 29.88%;width: 60.8%}
.list03 li.li-item3 .item-img02 .imgResize{padding-bottom: 51.22%;position: relative;}
.list03 li.li-item3 .item-txt02{position: absolute;left: 0;top: 0;width: 29.8%;text-align: right;}
.list03 li.li-item3 .item-number01:before{left: auto;right: 50px;}
.list03 .readMore05{position: relative;z-index: 2;margin-right: 7.2%;margin-top: 60px;}
.icon-play{width: 50px;height: 50px;background:url(../../images/gb20190426/play.png) no-repeat center;background-size: 50px;display: block;position: absolute;left: 50%;top: 50%;margin:-25px 0 0 -25px;}

/*祝福母校*/ 
.mode04{margin-top:35px;padding: 0 7.2% 0 0;}
.videoCon{background:url(../../images/gb20190426/m_bg02.jpg) no-repeat top center;background-size: cover;width: 100%;overflow: hidden;padding-left: 7.2%;position: relative;}
.video{width:50%;background-color: #000;position: relative;float: left; }
.video .imgResize{padding-bottom: 56.1%;opacity: 0.8;filter: alpha(opacity=80)}
.video .video_play{width: 82px;height: 82px;position: absolute;left: 50%;top: 50%;margin:-41px 0 0 -41px;display: block;}
.readMore07{position: absolute;right: 0;bottom: 0;}
/*助力母校*/
.mode05{margin-top: 100px;padding:0 7.16% 0 0;}
.listTitle03{padding:75px 2.7% 40px 7.2%;width: 30.8%;float: left;background-color: #c51515}
.listTitle03 h2{margin-bottom: 20px;font-size: 30px;color:#fff;letter-spacing: 1px;}
.listTitle03 h2 a{color:#fff;}
.listTitle03 p{height: 270px;overflow: hidden;line-height: 30px;color:#efcdcd;}
.list04 {margin-left: 30.8%;background-color: #fff;position: relative;z-index: 10;min-height: 415px;overflow: hidden;}
.list04 ul{width: 100%;overflow: hidden;padding:7px 0px 0;}
.list04 li{width: 33.3%;float: left;margin-top: 22px;}
.list04 li a{display: block;margin:0 0 0 28px;border:1px solid #dbc3b4;height: 36px;line-height: 35px;padding:0 10px;overflow: hidden;transition: all 0.3s ease;}
.list04 li span{float: right;}
.list04 li strong{font-weight: normal;}
.readMore08{margin-top: 30px;padding-left: 0}
.list04 li a:hover{background-color: #c51515}
.list04 li a:hover strong,.list04 li a:hover span{color: #fff}
@media screen  and (max-width:1600px) {

}
@media screen  and (max-width:1440px) {
	.slide_txt h3{font-size: 30px;line-height: 35px;margin-bottom: 10px;}
  .slide_txt p{font-size: 16px;line-height: 30px;}
  .pic-index{font-size: 40px;}
  .pic-all{font-size: 30px;}
  .listTitle01 h2{font-size: 24px;}
  .tabList01{margin-left: 200px;}
  .list02 li > div{margin-left: 35px;}
  .item-number01{font-size: 60px;margin-top: -36px;}
  .list03 li.li-item2 .item-txt02 h3{padding-top: 0}

}

@media screen  and (max-width:1366px) {
	.readMore08{width: 50%;}

}
@media screen  and (max-width:1200px) {
  .list01 li,.readMore05 a{width: 50%;}
  .list02 li:nth-child(2), .list02 li:nth-child(4){margin-top: 0}
  .mode02,.mode03{margin-top: 30px;}
  .listTitle02{width: 100%;}
  .mode03{padding:0 0 0 20px;}
  .list04 li{width: 50%;}
}
@media screen  and (max-width:1024px) {
	
}
@media screen  and (max-width:992px) {
	.Banner{padding-right: 0}
  .slides li.flex-active-slide .slide_txt{padding-left: 20px;}
  .banner-number{left: 20px;bottom: 20px;}
  .Banner .flex-direction-nav{bottom: 20px;left: 200px;}
  .tabMenu01{float: none;width: 100%;overflow: hidden;padding:5px 0 25px;}
  .tabMenu01 li{width: 30%;margin:0 1.5%;float: left;}
  .tabList01{margin:0;padding-top: 20px;}
  .list01{padding:0 20px;}
  .tab01{padding:20px;}
  .mode01{padding-left: 20px;}
  .list01 li > div{margin:0 20px;}
  .list02{margin: 0 20px 0 0;padding:20px 20px 0 0;}
  .list02 li > div{margin-left: 20px;}
  .listTitle02,.videoCon{padding-left: 20px;}
  .list03 li.li-item3 .item-img02{width: auto;padding-right: 20px;}
  .list03 .readMore05{margin-right: 20px;}
  .mode04{padding-right: 20px;}
  .video .video_play{width: 50px;height: 50px;margin:-25px 0 0 -25px;}
  .readMore07{width: 30%;padding-left: 0}
  .video{width: 60%;}
  .listTitle03{padding-left: 20px;}
  .mode05{padding-right: 20px;margin-top: 40px;}
  .body_line,.body_bg:after{display: none ;}
  .list04 li{margin:0 0 20px;}
  .list04 ul{padding:0;}
}

@media screen and (max-width: 768px) {
	.slides li.flex-active-slide .slide_txt,.banner-number{display: none;}
  .Banner .flex-direction-nav{left: 20px;}
  .readMore03{width: 60%;margin-left: 20%;}
  .body_line,.body_bg:after{display: none;}
  .list01 li > div{margin:0 15px;}
  .list01 li h3{font-size: 16px;line-height:28px;height: 56px;margin-bottom: 10px;}
  .list01 li{margin-bottom: 20px;}
  .listTitle01 h2,.tabMenu01 li,.listTitle03 h2{font-size: 18px;}
  .listTitle01 p{font-size: 14px;}
  .readMore06 a,.readMore05{height: 45px;line-height: 45px;}
  .list02 li,.readMore06{width: 50%;}
  .readMore06{padding-left: 20px;}
  .item-number01{font-size: 40px;margin-top: -24px;}
  .item-txt01 h3{font-size: 14px;}
  .mode02{margin-top: 20px;}
  .readMore07{width: 30%;}
  .listTitle03{width: 100%;float: none;padding: 20px;}
  .listTitle03 p{height: auto;}
  .listTitle03 h2{margin-bottom: 10px;}
  .list04{margin:20px 0 0 0;}
  .list04 li a{margin:0 14px;}
  .readMore08{padding-left: 0;}
}
@media screen  and (max-width:640px) {
	.list01 li{width: 100%;}
  .list01 li h3{height: auto;font-weight: normal;}
  .list01 li p{height: auto;}
  .readMore05 a{width: 100%;margin-left: 0}
  .list03 li.li-item1,.list03 li.li-item2,.list03 li.li-item3{width: 100%;margin:0 0 20px;}
  .list_bg01{left: 0;width: 100%;}
  .list_bg02{display: none;}
  .list03 li.li-item3 .item-img02,.list03 li.li-item2 .item-img02{margin-left: 0;padding:0 20px;float: none;}
  .list03 .readMore05{margin-top: 30px;}
  .list03 li.li-item2 .item-txt02 h3{height: auto;margin-top: 5px;padding-top: 5px;}
  .list03 li.li-item3 .item-txt02{position: static;width: 100%;text-align: left;float: none;}
	.list03 li.li-item2 .item-txt02 h3{margin:5px 0 0 0;}
  .list03 li.li-item2 .item-number02{float: none;}
  .item-txt02,.list03 li.li-item2 .item-txt02{padding:30px 20px 20px;}
  .list03 li.li-item3 .item-txt02,.list03 li.li-item2 .item-txt02{float: none;}
  .list03 li.li-item3 .item-img02{padding:0 20px;display: block;}
  .item-txt02 h3{height: auto;}
  .readMore07{position: static;width: 100%;padding-left: 0}
  .video{width: 100%;}
  

	}
@media screen and (max-width:480px) {
	.list02 li{width: 100%;}
  .item-txt01 h3{height: auto;line-height: 28px;}
  .readMore06{width: 80%;}
  .list03 li.li-item1 .item-txt02{width: 100%;}
  .list03 li.li-item1 .item-img02{width: 100%;padding:20px 20px 0;}
  .list03 li.li-item3 .item-number01::before{display: none;}
  
  
  .list03 li.li-item3 .item-img02,.list03 li.li-item2 .item-img02{float: none;}
  .readMore07,.list04 li{width: 100%;}
  .list04 li{margin-bottom: 10px;}
  .readMore08{padding:0 14px;width: 100%;margin-top:15px;}


		
}
@media screen and (max-width:400px) {

}

@media screen and (max-width:380px) {
	.banner-mask{width: 80%;}
  
}
@media screen and (max-width:320px) {
	
	

	


}
