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

.Banner{
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}

.content{width:100%;overflow:hidden;margin:0px auto;}

.articleList010 {
	padding: 0 calc(5%);
}

/* mode08 */

.link-container {
	width: 1260px;
	margin: 40px auto 40px;
	padding: 0 70px;
	overflow: hidden;
}
.link-part {
	float: left;
	width: calc(50% - 20px);
	height: 360px;
	margin-right: 40px;
	position: relative;
	cursor: pointer;
}
.part1 {
	background: url(../images/link_cube1.png);
	background-size: 100% 100%;
}
.part2 {
	background: url(../images/link_cube2.png);
	background-size: 100% 100%;
}
.part3 {
	background: url(../images/link_cube3.png);
	background-size: 100% 100%;
}
.part4 {
	background: url(../images/link_cube4.png);
	background-size: 100% 100%;
}
.link-part:nth-child(2n) {
	margin-right: 0;
}
.link-part:nth-child(3) {
	margin-top: 40px;
}
.link-part:nth-child(4) {
	margin-top: 40px;
}
.link-part-msg {
	margin: 35px;
	height: calc(100% - 130px);
	/* border: 1px solid #ffffff; */
	/* background: rgb(121 118 119 / 50%); */
	padding: 30px 40px;
	position: relative
}

.link-part-msg::before,
.link-part-msg::after {
		position: absolute;
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
}
.link-part:hover .link-part-msg::before,
.link-part:hover .link-part-msg::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
}
.link-part-msg::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.link-part-msg::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.link-part-msg h3 {
	line-height: 50px;
	color: #ffffff;
	font-size: 36px;
}
.link-part-msg p {
	line-height: 30px;
	color: #ffffff;
	font-size: 18px;
	padding-top: 20px;
}
.link-part-msg .more {
	position: absolute;
	font-size: 14px;
	display: block;
	bottom: 38px;
	color: #ffffff;
}
.link-part-msg img {
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: 40px;
	left: 100px;
}
.link-part-msg .more:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.link-part-msg span {
	color: #ffffff;
	padding-top: 10px;
	text-align: left;
}
.giveMore.red a {
	color: #333!important;
}
.giveMore.white {
	padding: 20px 0 10px 0;
}
.giveMore.white a {
	padding: 15px 60px 15px 60px;
	/* border: solid 1px #ffffff; */
}
.giveMore {
	padding: 20px 0 10px 0;
	text-align: center;
}
.giveMore a {
	padding: 15px 60px 15px 60px;
	position: relative;
}
.giveMore.red a {
	border: solid 1px #ddd;
}
.giveMore a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.giveMore.white a::before {
	content: '';
	position: absolute;
	right: 45px;
	bottom: 18px;
	width: 12px;
	height: 12px;
	background: url(../images/arrow_right_white.png);
	background-size: 100% 100%;
}
.giveMore.red a::before {
	content: '';
	position: absolute;
	right: 45px;
	bottom: 18px;
	width: 12px;
	height: 12px;
	background: url(../images/arrow_right_red.png);
	background-size: 100% 100%;
}
.giveMore a::before {
	content: '';
	position: absolute;
	right: 15px;
	bottom: 13.5px;
	width: 12px;
	height: 12px;
	background: url(../images/arrow_right_white.png);
	background-size: 100% 100%;
}

.mode01{
	width: 1400px;
	margin: 0 auto;
	padding-top: 50px;
	overflow: hidden;
	box-shadow: 1px 5px 4px 2px rgba(0, 21, 41, 0.12);
}
.mode01 .lf{float: left;width: 68.57%;overflow: hidden;}
.mode01 .rt{float: right;width: 28.57%;overflow: hidden;}
.articleListTitle {
	text-align: center;
	position: relative;
	height: 50px;
}
.articleListTitle a {
	float: right;
	padding-top: 15px;
}
.white .articleListTitle h2 {
	color: #ffffff;
}
.articleListTitle h2 {
	display: block;
	width: 300px;
	border-bottom: 1px solid #bdb8b8;
	font-size:30px;
	font-weight: bold; 
	letter-spacing: 1.4px;
	padding-bottom: 12px;
	position: absolute;
	left: calc(50% - 150px);
	top: 0;
}
.articleListTitle::before {
	position: absolute;
	content: '';
	left: calc(50% - 40px);
	width: 80px;
	bottom: 0px;
	background-color: #9e0d30;
	height: 4px;
	z-index: 1;
}
.white .articleListTitle::before {
	background-color: #FFFFFF;
}

.NewsActiveBox{ overflow: hidden;margin-top: 25px;}
.NewsBox{margin-bottom: 30px;}
.NewsActive_title{overflow: hidden;margin-bottom: 20px;}
.NewsActive_title h3{float: left;margin-right: 20px;font-weight: normal;font-size: 18px;}
.NewsActive_title a.more{color:#0956ad;font-size: 14px;}
.NewsActive_title a.more:hover{color:#1a70d1;}

.NewsList{
	overflow: hidden;
	width: 100%;
	position: relative
}
.NewsList li {
	float: left;
	width: 24%;
	margin-right: calc(4% / 3);
}
.NewsList li:nth-child(4) {
	margin-right: 0;
}
.NewsList li a {
	display: block;
}
.NewsList02 {
	padding: 20px 0 20px 20px;
}
.NewsList02 li {
	line-height: 40px;
	text-align: left;
	padding: 5px;
	border-bottom: 1px dashed #d9d9d9;
}
.NewsList02 li a {
	color: #262626;
	display: inline-block;
	width: calc(100% - 100px);
	text-indent: 30px;
}
.NewsList02 li a:hover {
	color: #9e0d30;
}
.NewsList02 li span {
	width: 100px;
	text-align: right;
	color: #AEAEAE;
	font-size: 15px;
}
.NewsList02 li {
	position: relative;
}
.NewsList02 li a::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 6px;
	left: 0;
	bottom: 24px;
	background: #9e0d30;
	background-size: 100% 100%;
}

/*.NewsList li.Nomargin{margin-right: 0;}*/
.NewsCon {
	padding: 5px;
	position: relative;
}
.NewsCon .News_img{ 
	height: 0;
	padding-bottom: 56%;
	background: #f2f2f2;
	overflow: hidden;
}

.NewsCon .News_img img{ 
	width: 100%;
	display: block;
}
.NewsCon .News_info{ 
	padding: 40px 15px 15px;
	/* border-left: 1px solid rgba(0, 0, 0, .125);
	border-right: 1px solid rgba(0, 0, 0, .125);
	border-bottom: 1px solid rgba(0, 0, 0, .125); */
	box-shadow: 0px 1px 2px 0px rgba(0,21,41,0.12);
}
.NewsCon .News_info p {
	font-size: 18px;
	margin-bottom: 24px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.NewsCon .News_info a {
	color:#999999;
	font-size: 14px;
	position: relative;
}
.NewsCon .News_info .detail {
	width: 42px;
}
.NewsCon .News_info .detail:hover {
	color: #9e0d30;
}
.NewsCon .News_info .detail::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 30px;
	bottom: 3px;
	background: url(../images/arrow_right_red.png);
	background-size: 100% 100%;
}

.NewsList li a:hover .NewsCon .News_info p {
	color:#9e0d30;
	font-weight: bold;
}

.NewsCon .NewsDate {
	background-color: #9e0d30;
	display: block;
	width: 60px;
	height: 50px;
	padding: 5px 0;
	position: absolute;
	left: 40px;
	top: calc(100% - 200px);
	z-index: 2000;
}
.NewsCon .NewsDate .d {
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
}
.NewsCon .NewsDate .ym {
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
}

.personBox{overflow: hidden;background: #f2f2f2;}
.personBox .left{float: left;width: 57.75%;overflow: hidden;}
.personBox .left .person_img{height: 0;padding-bottom: 56%;overflow: hidden;background: #f2f2f2;}
.personBox .left .person_img img{display: block;width: 100%;}

.personBox .right{float: right;width: 32.75%; margin-right: 14px;margin-top: 20px;}
.personBox .right .person_info p{font-size: 15px;color:#666;height:70px ;overflow: hidden; line-height: 24px;}
.personBox a{display: block;overflow: hidden;}
.NewsBox1{margin-bottom: 23px;}

.wrap_mode02 {
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	width: 100%;
	background-image: url(../images/scroll_bg.png);
}

.mode02 {
	width: 1400px;
	margin:0px auto;
	padding:30px 0 30px 0;
}

.articleListTitle02 { 
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
}
.articleListTitle02 h2 {
	font-size: 30px;
	color:#fff;
	letter-spacing: 1.4px;}
.articleListTitle02 h2 i{font-style: normal;color:#fff;font-weight: normal;}
.articleListTitle02 h2 a{font-style: normal;color:#86befc;font-weight: normal;font-size: 16px;margin-left: 30px;}
.articleListTitle02 h2 a:hover{color:#fff;}

.wrap_mode03 .articleListTitle02 h2 { 
	color:#333;
	text-align: left;
	text-indent: 30px;
	position: relative;
}
.wrap_mode03 .articleListTitle02 h2::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 100%;
	background-color: #9e0d30;
	left: 0;
}
.Academic_wrap {
	margin: 20px 50px;
	padding: 0 50px;
	width: calc(100% - 200px);
	display: block;
	position: relative;
	overflow: hidden;
}
.AcademicList {
	overflow: hidden;
	margin: 0 auto;
}
.AcademicList li {
	float: left;
	width: 33.3%;
}
.AcademicCon {
	position: relative;
	overflow: hidden;
}
.AcademicCon a {
	display: block;
	/* height: 225px!important;
	width: 400px!important; */
	overflow: hidden;
	margin: 0 auto;
}
.AcademicCon a img {
	/* width: 400px!important;
	height: 225px!important; */
	object-fit: over;
}
.AcademicCon p {
	position: absolute;
	bottom: 0;
	height: 20px;
	line-height: 20px;
	color:#ffffff;
	width: 100%;
	font-size: 14px!important;
	padding: 10px 0;
	text-indent: 10px;
	background-color: rgb(102 102 102 / 80%);
}
.AcademicLR {
	position: relative;
	width: 100%;
}
.AcademicL::before {
	content: '';
	position: absolute;
	left: -40px;
	bottom: 100px;
	width: 30px;
	height: 30px;
	background: url(../images/circle_arrow_left.png);
	background-size: 100% 100%;
	z-index: 1000000;
	cursor: pointer;
}
.AcademicR::before {
	content: '';
	position: absolute;
	right: -40px;
	bottom: 100px;
	width: 30px;
	height: 30px;
	background: url(../images/circle_arrow_right.png);
	background-size: 100% 100%;
	z-index: 1000000;
	cursor: pointer;
}

.wrap_mode03{
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
}

.mode03 {
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.articleListTitle03 h2 i {
	color:#333;
}

.SeminarList{overflow: hidden;width: 103%;}
.SeminarList li{
	overflow: hidden;
	width: calc(100% / 6);
	float: left;
	padding-top: 20px;
}
.SeminarList li a{display: block;margin-right: 30px;}

.SeminarCon .Seminar_img { 
	display: block;
}
.SeminarCon .Seminar_img img{ 
	display: block;
	width: 80px;
	margin: 0 auto;
}
.SeminarCon .Seminar_info p {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 20px; 
	height: 24px;
	overflow: hidden;
	line-height: 30px;
	color: #9e0d30;
	text-align: center;
	font-weight: bold;
}
.mode04{
	width: 100%;
	background: url(../images/2.png) no-repeat;
	background-size: 100% 100%;
	padding: 40px 0 10px 0;
}
.mode04 .ActiveBox {
	width: 1420px;
	margin: 0 auto;
	overflow: hidden;
}
.mode04 .Active_wrap {
	display: block;
	padding: 20px 0 50px;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.mode04 .Active_wrap .swiper-slide .ActiveCon {
	padding: 35px 10px;
	border: 1px solid #ffffff;
	margin-top: 10px;
}
.mode04 .swiper {
	width: 1260px;
	margin: 40px auto 10px;
	padding: 0 70px;
	overflow: hidden;
	position: relative;
}
.mode04 .Active_wrap .swiper-wrapper .swiper-slide .ActiveCon span, a {
	color: #ffffff;
}
.swiper-notice-container .swiper-pagination-bullet {
	background-color: rgba(255, 255, 255, .3);
	width: 25PX;
	height: 4px;
	opacity: 1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.swiper-notice-container .swiper-pagination-bullet-active {
	background-color: rgba(255, 255, 255, 1);
}
.ActiveCon {
	overflow: hidden;
	height: 50px;
	position: relative;
}
.ActiveCon .dateLeft {
	float: left;
	width: 50px;
	display: block;
	text-align: center;
	margin-right: 15px;
}
.ActiveCon .dateLeft .d {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	display: block;
	background-color: #cb9a9a;
}
.ActiveCon .dateLeft .ym {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	display: block;
}
.ActiveCon .titleRight {
	float: left;
	width: calc(100% - 65px);
	display: block;
	line-height: 25px;
	height: 50px;
	font-size: 16px;
}
.ActiveCon .titleRight:hover {
	color: #ffffff;
	text-decoration: underline;
}

.ColumnList{overflow: hidden;width: 108%;}
.ColumnList li{float: left;width: 25%;width: 24%;}

.ColumnList li a{display: block;margin-right: 40px;}
.ColumnBox{position: relative;padding-bottom: 21px;}
.Column_img {height: 0;padding-bottom: 74%;overflow: hidden;background: #aaa;}
.ColumnList li a .Column_img img{display: block;width: 100%;}

.Column_Info{position: absolute;bottom: 0;left:0;width: 100%;}
.Column_Info p{width: 80%;height: 70px;line-height: 70px;color:#fff;font-size: 30px;text-align: center;background: url(../images/column1.png) no-repeat center top;}
.Column_Info p.icon1{background-image: url(../images/column1.png) ;}
.Column_Info p.icon2{background-image: url(../images/column2.png) ;}
.Column_Info p.icon3{background-image: url(../images/column3.png) ;}
.Column_Info p.icon4{background-image: url(../images/column4.png) ;}

.mode05_wrap{background-repeat: no-repeat; background-color: #fff;background-position: left ;background-size: 69.63% 100%; }
.mode05{width: 1400px;margin:0 auto ;overflow: hidden;padding:0px 0 30px 0;}

.articleListTitle04{text-align: right;color:#333;margin-bottom: 35px;}
.articleListTitle04 h2 i{color:#333;}


.AbroadHomeBox{overflow: hidden;}
.AbroadHomeBox .left{float: left;width: 68.57%;overflow: hidden;}
.AbroadHomeBox .right{float: right;width:27.57%;overflow: hidden;}

.AbroadHome_left {}
.AbroadHome_left_list_ul{overflow: hidden;margin-bottom: 20px;}
.AbroadHome_left_list{overflow: hidden;float: left;width: 33.33%;*width: 32.33%;}
.AbroadHome_left_list li{}
.AbroadHome_left_list li .AbroadHome_left_con{padding:0px 30px 32px 30px;border-right: 1px solid #d7d7d7;}
.last_ul li .AbroadHome_left_con{border-right: none;}
.AbroadHome_left_list li .AbroadHome_left_box{padding-bottom: 26px;border-bottom: 1px solid #d2d2d2;}

.AbroadHome_left_list li.last .AbroadHome_left_con{padding-bottom: 10px;}
.AbroadHome_left_list li.last .AbroadHome_left_box{padding-bottom: 0;border-bottom: none;}
.AbroadHome_left_list li .AbroadHome_left_box a{color:#fff;font-size: 16px;line-height: 23px;height: 46px;display: block;overflow: hidden;margin-bottom: 20px;}
.AbroadHome_left_list li .AbroadHome_left_box span{color:#fff;font-size: 13px;display: block;font-style: italic;font-family: 'Arial';font-weight: bold;}

.a_more{text-align: right;}
.a_more a{color:#fff;font-size: 16px;margin-right: 20px;}

.AbroadHome_left_list li .AbroadHome_left_box a:hover{color:#86befc;}


.mode06_wrap{width: 100%;background-color: #cde0fa;overflow: hidden;}

.mode06{width: 1400px;margin:30px auto 50px;overflow: hidden;}
.articleListTitle06 {text-align: left;}
.articleListTitle06 h2 i{color:#333;}
.articleListTitle06 .more{float: right;color:#999;font-size: 16px;margin-top: 10px;}


.SpecialList{overflow: hidden;width: 102%;*width: 100%;}
.SpecialList li{float: left;width: 20%;overflow: hidden;}
.SpecialList li a{display: block;margin-right: 30px;overflow: hidden;height: 0;padding-bottom: 50%;border-radius: 5px;}
.SpecialList li a img{border-radius: 5px;}

.mode07{width: 1400px;margin:30px auto 50px;overflow: hidden;}

.CogitoList{overflow: hidden;width: 103%;}
.CogitoList li{overflow: hidden; float: left;width: 33.33%;*width: 32.33%;}
.CogitoList li a{display: block;overflow: hidden;margin-right: 42px;}

.CogitoBox{overflow: hidden;}
.CogitoBox .Cogito_img{padding-bottom: 56%;height: 0;overflow: hidden;background:#aaa;}
.CogitoBox .Cogito_Info{margin-top: 15px;}
.CogitoBox .Cogito_Info h3{font-size: 18px;font-weight: normal;letter-spacing: 1px;height: 22px;line-height: 22px;margin-bottom: 10px;overflow: hidden;}
.CogitoBox .Cogito_Info p{color:#999;font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;}

.CogitoList li a:hover .CogitoBox .Cogito_Info h3{color:#0956ad;font-weight: bold;} 


@media screen  and (max-width:1400px) {
	
	.content{width:100%;}
	.mode01,.mode02,.mode03,.mode04,.mode05,.mode06,.mode07{ width:90%;margin:0 auto;}
	.mode05{margin-bottom: 0;}
	.mode02{  margin-bottom: 0; padding-bottom: 50px;}
	.SeminarCon .Seminar_info h3{height: 60px;}
	.Column_Info p{font-size: 24px;}
	.AbroadHome_left_list li .AbroadHome_left_con{padding-left: 0;margin-right: 20px;}
	.articleListTitle04{margin-bottom: 20px;}
}