@charset "utf-8";

/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; clear: both; position: relative; }
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul.slides li{ list-style:none; position: relative;}
.Banner .flexslider ul.slides li a,.wrapBanner{ display:block; height:0; padding-bottom:33.2%; overflow:hidden;}
.Banner .flexslider ul.slides li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width: 176px;height: 42px;line-height: 42px;background: rgba(0,0,0,0.4);border-radius: 30px;position: absolute;bottom: 29px;left: 50%;border: 2px solid rgba(255,255,255,0.2);text-align:center;z-index:9;margin: 0 0 0 -90px;}
.Banner .flex-control-nav li {margin: 12px 10px;display: inline-block;zoom: 1; *display: inline;}
.Banner .flex-control-paging li a{width: 34px; height: 20px; display: block; background:url(../../images/gb20200714/bannerli1.png) center center no-repeat; cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:url(../../images/gb20200714/bannerli2.png) center center no-repeat;}

.Banner .flex-direction-nav{ display:block; margin-top: -13px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{width:100px;height:100px;margin-top: -50px;text-align: center;top: 50%;display: inline-block;position: absolute;z-index: 99;text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.Banner .flex-direction-nav a.flex-prev{background:url(../../images/gb20200714/prev.png) no-repeat center;left: 100px;}
.Banner .flex-direction-nav a.flex-next{background:url(../../images/gb20200714/next.png) no-repeat center;right: 100px;}
.Banner .flex-direction-nav a:hover{opacity: 0.7;}




.articleListTitle ol { position:relative; }
.articleListTitle ol li { width:auto; float:left;}
.articleListTitle ol li:nth-child(1){padding-right: 35px;border-right: 1px solid #d9d9d9;margin-right: 35px;}
.articleListTitle ol .more { position:absolute;right:0px; }
.articleListTitle{height: 60px;line-height: 60px;margin-bottom: 27px;overflow: hidden;}
.articleListTitle .title{font-weight:normal;color: #999;line-height: 40px;}
.articleListTitle li.current .title {color: #333;}
.articleListTitle .title span{color: #ccc;line-height: 20px;vertical-align: bottom;text-transform: uppercase;display: block;text-align: center;}
.articleListTitle .more{float: right;position: relative;font-size: 14px;color: #7f0102;line-height: 30px;padding: 13px 0 0 12px;}
.articleListTitle .more::before{content: '';display: block;width: 2px;height: 12px;background: #e6e6e6;position: absolute;left: 0;top: 23px;}

/* 修改结束 */
.articleListTitle .more span{font-size: 16px;}
.articleListTitle2 .title{text-align: center;text-indent: 100px;}

.content{position: relative;overflow: hidden;}
.wrapMode01{background: url(../../images/gb20200714/wrap_mode01bg.png) no-repeat;}
.mode01{padding: 30px 42px 48px;}
.mode01 .lf{ width: 45%; float: left; overflow:hidden;}
.mode01 .rt{width: 52.5%;float: right;}

/*校友动态*/
.articleList01{}
.articleFirst{overflow: hidden;}
.articleFirst .img{padding-bottom: 75%;}
.articleFirst a{display: block;overflow: hidden;position: relative;}
.articleFirst a img{ transition: all 0.3s ease; }
.articleFirst a:hover img{ transform: scale(1.1); }
.articleFirst .artText{ display: block; background:url(../../images/gb20200714/mode01cover.png) repeat-x;height:120px;position: absolute;left: 0;bottom: 0;width: 100%;}
.articleFirst .artText h3{display: block;font-weight: bold;height: 24px;line-height: 24px;color: #fff;overflow: hidden;margin: 70px 20px 20px 20px;}
 
.articleList01 ul{margin-top: -15px;}
.articleList01 li{}
.articleList01 a{display: block;margin: 15px 0 0;line-height: 30px;overflow: hidden;padding: 19px 19px 15px;background:url(../../images/gb20200714/whitebg.png) #fff;box-shadow: 0 5px 20px 2px rgba(0 0 0 / 10%);transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.articleList01 .title{margin: 0 0 3px;height: 24px;line-height: 24px;white-space: nowrap;}
.articleList01 .info{margin: 0 0 0;color: #999;white-space: nowrap;text-overflow: ellipsis;}
.articleList01 .date{color: #333;font-weight: bold;}
.articleList01 .month{margin: -4px 0 0;color: #999;}
.articleList01 .left{width: 60px;float: left;}
.articleList01 .right{position: relative;margin: 0 0 0 64px;padding: 0 0 0 17px;}
.articleList01 .right::before{content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 40px;margin: -20px 0 0;background: #e6e6e6;}
.articleList01 a:hover{background:url(../../images/gb20200714/mode01bg.png) center center no-repeat;background-size: cover;}
.articleList01 a:hover .date,.articleList01 a:hover .title{color: #fff;}
.articleList01 a:hover .month{color: #e59393;}
.articleList01 a:hover .info{color: #fff;opacity: 0.4;}
.articleList01 a:hover .right::before{background: #a44748;}


.wrapMode02{background: url(../../images/gb20200714/mode02bg.png) no-repeat;}
.mode02{padding: 38px 0 40px;}
.articleList02 ul{margin: 0 -22px;padding: 6px 0 0;}
.articleList02 li{width: 33.3%;}
.articleList02 a{margin: 0 22px;box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1);transform: translateY(0px);transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.articleList02 .title{margin: 0 0 17px;height: 48px;line-height: 24px;}
.articleList02 .info{margin: 0 0 0;color: #999;line-height: 22px;height: 44px;}
.articleList02 .date{display: inline-block;*display: inline;*zoom:1;font-weight: bold;color: #7f0102;margin: 0 8px 0 0;}
.articleList02 .month{margin: -4px 0 0;color: #999;display: inline-block;*display: inline;*zoom:1;}
.articleList02 .topBox{background: #faf5f5;overflow: hidden;padding: 7px 18px;}
.articleList02 .bottomBox{background: #fff;padding: 20px 30px 46px;border-top: 1px solid #fae6e6;}

.wrapMode06{background:url(../../images/gb20200714/mode04bg.png) bottom center no-repeat;position: relative;}
.wrapMode06::before{content: '';display: block;width: 578px;height: 605px;position: absolute;left: 50%;top: 0;background: url(../../images/gb20200714/mode04bg_top.png) no-repeat;margin: 0 0 0 -960px;z-index: -1;}


.mbotton { max-width: 1200px; margin: 30px auto 0; }
.mbotton ul{ overflow: hidden; margin: 0 -10px; }
.mbotton ul li { width: 20%; float: left; }
.mbotton a {margin: 0 20px; display:block; text-align: center; font-size: 16px; height: 50px; line-height: 50px;  border: 1px solid #7f0102;  border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}
.mbotton ul li:hover a { background: #7f0102; color: #fff;  }


.mode03{padding: 30px 0 34px;}
.mode03 .more_tab{display: none;}
.mode03 .tabList{position: relative;}
.mode03 .tabListBox{position: absolute;left: 0;top: 0;width: 100%;}
.mode03 .tabListBox{opacity: 0;z-index: 1;}
.mode03 .more_tab.on,.mode03 .tabListBox.on{display: block;opacity: 1;z-index: 2;position: relative;}
.mode03 .tabListBox.on{-webkit-animation-name: fade ;animation-name: fade ;animation-duration: 0.2s;-webkit-animation-duration: 0.2s;}
@keyframes fade{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0.4;
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
	}
}

.mode03 .tabMenu{text-align: center; font-size: 0;}
.mode03 .til_tab{display: inline-block;*display: inline;*zoom:1;padding: 0 35px 0;position: relative;}
.mode03 .til_tab:first-child::after{display: block;content: '';width: 1px;height: 60px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;background: #d9d9d9;}
.mode03 .ch{color: #999;line-height: 40px;}
.mode03 .en{text-transform: uppercase;color: #c2c2c2;margin: 8px 0 4px;}
.mode03 .on .ch{color: #333;}

.mode03 .tabMore{float: right;margin: 0 0 0 -54px;}
.mode03 .tabMore .more_tab{float: right;position: relative;font-size: 14px;color: #7f0102;line-height: 30px;padding: 13px 0 0 12px;margin: 30px 0 0;}
.mode03 .tabMore .more_tab::before{content: '';display: block;width: 2px;height: 12px;background: #e6e6e6;position: absolute;left: 0;top: 23px;}
.mode03 .tabMore .more_tab span{font-size: 16px;}

.mode03 .slider-nav{margin: 22px 0;}
.mode03 .slider-nav a{line-height: 38px;border: 1px solid #d8dbe2;padding: 0 32px;color: #333;border-radius: 20px;margin:  10px;}
.mode03 .slider-nav a.slick-current{border: 1px solid #7f0102;color: #7f0102;}
.mode03 .slider-nav a:hover{color: #7f0102;}
.mode03 .slider-for .slick-slide{}
.mode03 .slick-arrow{width: 32px;height: 64px;border: 0;font-size: 0;transform: none;margin: -50px 0 0;}
.mode03 .slick-arrow::after{display : none;}
.mode03 .slick-prev{left: 0;background: url(../../images/gb20200714/mode03_left.png) center center no-repeat;background-size: 100% 100%;}
.mode03 .slick-next{right: 0;background: url(../../images/gb20200714/mode03_right.png) center center no-repeat;background-size: 100% 100%;}
@media screen  and (min-width: 1100px){
	.mode03 .slider-nav .slick-track{width: 100% !important;text-align: center;transform: none !important;}
	.mode03 .slider-nav a.slick-slide{float: none;display: inline-block;*display: inline;*zoom:1;}
}

.articleList03 ul{margin: 0 -15px;}
.articleList03 li{width: 33.3%;}
.articleList03 a{margin: 0 15px 30px;box-shadow: 0 5px 12px 0.96px rgba(0,0,0,0.08);position: relative;}
.articleList03 .title{line-height: 24px;position: absolute;bottom: 0;left: 0;right: 0;line-height: 50px;padding: 0 24px;white-space: nowrap;color: #fff;background: rgba(0,0,0,0.5);box-shadow: 0 5px 12px 0.96px rgba(0,0,0,0.04);}
.articleList03 .img{padding-bottom: 62.39%;}

.wrapMode04{padding: 35px 0 80px;}
.articleList04 ul{margin: 0 -13px;padding: 6px 0 0;}
.articleList04 li{width: 25%;*width: 24%;}
.articleList04 a{margin: 0 13px;box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1);padding: 25px 35px 64px;transform: translateY(0px);transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.articleList04 .part1 a{background:url(../../images/gb20200714/mode04bg1.png) center bottom no-repeat;}
.articleList04 .part2 a{background:url(../../images/gb20200714/mode04bg2.png) center bottom no-repeat;}
.articleList04 .part3 a{background:url(../../images/gb20200714/mode04bg3.png) center bottom no-repeat;}
.articleList04 .part4 a{background:url(../../images/gb20200714/mode04bg4.png) center bottom no-repeat;}
.articleList04 .icon{width: 150px;height: 150px;border-radius: 50%;margin: 0 auto 20px;}
.articleList04 .part1 .icon{background:url(../../images/gb20200714/mode041.png) center center no-repeat;}
.articleList04 .part2 .icon{background:url(../../images/gb20200714/mode042.png) center center no-repeat;}
.articleList04 .part3 .icon{background:url(../../images/gb20200714/mode043.png) center center no-repeat;}
.articleList04 .part4 .icon{background:url(../../images/gb20200714/mode044.png) center center no-repeat;}
.articleList04 .title{margin: 0 0 13px;height: 30px;line-height: 30px;text-align: center;font-weight: bold;color: #4c4c4c;}
.articleList04 .info{margin: 0 0 0;color: #999;line-height: 24px;text-align: center;height: 96px;}

.wrapMode05{padding: 53px 0 80px;background: url(../../images/gb20200714/mode05bg.png) no-repeat #f5f4f0;}
.articleList05 ul{/*margin: 0 -80px;*/padding: 6px 0 0;}
.articleList05 li{width: 25%;}
.articleList05 a{margin: 0 80px;transform: translateY(0px);transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.articleList05 .title{margin: 0 0 24px;height: 24px;line-height: 24px;text-align: center;font-weight: bold;}
.articleList05 .info{margin: 0 0 0;color: #999;line-height: 24px;text-align: center;padding: 5px 19px 5px;background: url(../../images/gb20200714/mode051.png) left top no-repeat,url(../../../../images/gb20200714/gb20200714/gb20200714/mode052.png) right bottom no-repeat;}
.articleList05 .topBox{width: 180px;margin: 20px auto 18px;height: 180px;overflow: hidden;border-radius: 50%;}

.articleList02 a:hover,.articleList04 a:hover,.articleList05 a:hover{transform: translateY(-10px);}

.Banner1 .flex-direction-nav { display: none; }
.Banner1 .flex-control-nav { text-align: center; display: none; }
.Banner1 .flex-control-nav li { width: auto;; display: inline-block; margin: 0 5px; border-radius: 50%; }
.Banner1 .flex-control-nav li a { transform: translateY(0px); text-indent: 9999px; width: 10px; height: 10px; display: block; color: #fff; background: #c30505; border-radius: 50%; margin:0px;}
.Banner1 .flex-control-nav li:hover a,.Banner1 .flex-control-nav li.flex-active a{ background: #7f0102 }

.mode01 .list1{margin: 5px 0 39px;}
.mode01 .list1 a{width: calc(20% - 36px);height: 50px;border-radius: 25px;border: 1px solid #b68c97;display: inline-block;padding: 11px 0;padding-left: 3%;box-sizing: border-box;margin: 0 16px;margin-bottom: 10px;}
.mode01 .list1 a div{width: 24px;height: 24px;vertical-align: middle;float: left;line-height: 24px;}
.mode01 .list1 a div img{vertical-align: middle;}
.mode01 .list1 a span{font-size: 18px;line-height: 26px;color: #333;margin-left: 22px;}
.mode03 .leader{margin-bottom: 80px;}
.mode03 .leader h2{font-size: 30px;color: #333;font-weight: normal;position: relative;margin-bottom: 15px;}
.mode03 .leader h2::after{width: calc(100% - 130px);height: 1px;content: "";position: absolute;right: 0;top: 20px;background: #e6e6e6;display: block;}
.mode03 .leader ul{display: flex;justify-content: space-between;}


@media screen  and (max-width:1386px) {
	.Banner .flex-direction-nav a{width: 80px;height: 80px;background-size: 100% 100% !important;}
	.Banner .flex-direction-nav a.flex-prev{left: 20px;}
	.Banner .flex-direction-nav a.flex-next{right: 20px;}
	
	.Banner .flex-control-nav{height: 30px;width: 140px;margin: 0 0 0 -70px;bottom: 16px;}
	.Banner .flex-control-nav li{margin: 6px 5px;}
	.Banner .flex-control-paging li a{width: 30px;height: 18px;background-size: 100% 100% !important;}
	
	.articleList01 ul{margin-top: -7px;}
	.articleList01 ul li a{margin: 7px 0;padding: 12px 19px 10px;}
	
	.mode02{padding: 32px 0 50px;}
	
	.wrapMode05{padding: 42px 0 60px;}
	
	
}

@media screen  and (max-width:992px) { 
	.articleListTitle{line-height: 30px;height: 30px;}
	.articleListTitle .title{line-height: 30px;}
	.articleListTitle .more{margin: -10px 0 0;}
	
	.mode01{ padding: 20px 14px; }
	.mode02{padding: 20px 0 30px;}
	.mode03{padding: 30px 0 0;}
	
	.mode01 .lf{width: 100%;float: none;margin: 0 0 20px;}
	.mode01 .rt{width: 100%;float: none;margin: 0;}
	.articleList02 li{width: 100%;margin: 0 0 20px;}
	.articleList02 .title{height: auto;}
	
	.mode03 .lf{display: none;}
	
	.articleList03 li{width: 50%;}
	
	.wrapMode04{padding: 30px 0;}
	.articleList04 li{width: 50%;margin: 0 0 30px;}
	.articleList04 a{background-size: 100% auto !important;padding: 25px 35px 20px;}
	.articleList04 .icon{width: 120px;height: 120px;/* background-size: 70% 70% !important; */}
	
	.wrapMode05{padding: 36px 0 30px;}
	.articleList05 li{width: 100%;margin: 0 0 30px;}
	.articleList05 .info{height: auto;}
	.mbotton ul li { width:33.3%; margin: 0 0 10px 0; }

	.mode01 .list1 a{width: calc(33.3% - 36px);}
	
}


@media screen and (max-width:767px) {
	.Banner .flex-direction-nav a{ display: none; }
	.content{ position: static;top: 0; }
	
	.articleList02 .bottomBox{padding: 20px 20px 30px;}
	
	.mode03 .ch{line-height: 24px;}
	.mode03 .tabMore .more_tab{margin: 14px 0 0;}
	
	.articleList03 li{width: 100%;}
}

@media screen and (max-width:640px) {
	
	.mode01 .list1 a{width: calc(50% - 36px);}
}

@media screen and (max-width:480px) {
	.mode03 .tabMenu{text-align: left;}
	.mode03 .til_tab{padding: 0 12px;}
	
	
	.articleList04 li{width: 100%;margin: 0 0 20px;}
	.mbotton ul li { width: 100%; float: none; }
	
}

@media screen and (max-width:414px) {
	.mode01 .list1 a{width: calc(100% - 36px);}
	.mode01 .list1 a{padding-left: 40px;}
}