@charset "utf-8";
/* CSS Document */
.Banner{position: relative;z-index: 1}
.Banner .gp-img-responsive{ padding-bottom: 25%; }




/*学院新闻*/
.wrap_mode01{padding: 90px 0 20px 0;overflow: hidden;}
.mode01 { }
.articleTitle01{ position: relative; overflow: hidden;width: 95px;}
.articleTitle01 .title{ display:block;width: 60px; overflow: hidden; position: relative;z-index: 9;height: 228px;}
.articleTitle01 .title_ch{ display: inline-block; width: 26px; line-height: 24px;}
.articleTitle01 .title_en{ display: inline-block; transform: rotate(90deg);position: absolute;top: -6px;right: 0;width: 26px;color: #ccc8bc;}
.articleTitle01 .more{ color: #ccc8bc; display: inline-block;border-top: #e6e6e6 2px solid;padding-top: 12px;margin-top: 80px;transition: all 0.2s ease;}
.articleTitle01 .more:hover,.articleTitle02 .more:hover{ color: #CC493C; border-top: #CC493C 2px solid;}
.articleList01{ margin-left: 100px; overflow: hidden;}
.list1 { padding-right: 50px; border-bottom: #e6e6e6 1px solid; overflow: hidden; }
.list1 li { overflow: hidden; }
.list1 li a{display: block;padding: 15px 50px 10px 25px;border-left: #e6e6e6 1px solid;margin-left: 20px;position: relative;}
.list1 li a:before{ content: ""; display: block; width: 10px; height: 10px;background: #e6e6e6; border-radius: 50%; 
position: absolute; left: -5px; top: 0;}
.list1 .gp-img-responsive{ float: right; width: 300px; height: 200px; padding: 0;}
.list1 .listText{/* margin-right: 317px; */transition: all 0.2s ease-in-out;}
.list1 .listTitle{ line-height: 24px; height: 48px; }
.list1 .listCon {line-height: 20px;height: 40px;color: #999999;margin: 0px 0 20px 0;}
.list1 .listDate { background: url(../images/datebg.png) no-repeat left center; color: #999999; padding-left: 20px; }
.list2{ border-bottom: none; padding: 0 0 0 100px;margin-right: -50px;}
.list2 li a{padding: 20px 50px 0 25px; position: relative;}
.list2 li a:before{ content: ""; display: block; width: 10px; height: 10px;background: #e6e6e6; border-radius: 50%; 
position: absolute; left: -5px; bottom: 0;top: auto;}
.list1 li a:hover .listText{padding-left: 10px;}
.list2 .listText{ margin-top: 20px; }


/*视频资料*/
.wrap_mode02{ background: url(../images/modebg.png) no-repeat left bottom; overflow: hidden; background-size: 37%;}
.mode02{ max-width: 1288px; float: right; margin-bottom: 114px;}
.articleTitle02{ position: relative; overflow: hidden;width: 220px;}
.articleTitle02 .title{ display:block;overflow: hidden; position: relative;z-index: 9;}
.articleTitle02 .title_ch{ display: block; }
.articleTitle02 .title_en{ display: block; color: #ccc8bc;}
.articleTitle02 .more{ color: #ccc8bc; display: inline-block;border-top: #e6e6e6 2px solid;padding-top: 12px;margin-top: 80px;}

.articleList03{ margin-left: 265px; overflow: hidden; }
.list3 li{}
.list3 .listImgFl{width: 66.5%;float: left;position: relative;}
.list3 .listImgFl .play{ display: block; width: 64px; height: 64px;background: url(../images/play.png) no-repeat center rgba(0,0,0,0.3);
	border-radius: 50%; border:rgba(255,255,255,0.3) 3px solid; position: absolute;left: 50%;top: 50%;margin-left: -32px;margin-top: -32px;z-index: 9;}
.list3 .listImgFr{width: 31.3%;float: right;}
.list3 .listImgFr .gp-img-responsive{ padding-bottom: 119%; }

 

/*优秀毕业生*/
.articleTitle03{ position: relative; overflow: hidden;width: 51.5%;float: right;}
.articleTitle03 .title{float: left;}
.articleTitle03 .title_ch{ display: block; }
.articleTitle03 .title_en{ display: block; color: #ccc8bc;}
.articleTitle03 .more{ color: #ccc8bc; display: inline-block;border-left: #e6e6e6 2px solid;padding-left: 12px;/*! margin-top: 80px; */float: right;}

.slider-for .gp-img-responsive{ width: 43%; float: left; padding-bottom: 28.6%;}
.slider-for .slickText{display: block; width: 51.5%; float: right; }
.slider-for .slickName{display: block; color: #c0ac67; margin: 58px 0 24px 0; position: relative;}
.slider-for .slickName:before{ content: ""; display: block; width: 110px; height: 2px; background: #ccc8bc; position: absolute; top: 15px; left: -130px;}
.slider-for .slickCon{ display: block; line-height: 26px;height: 78px; overflow: hidden;}
.slider-nav{ width: 55%;padding: 0; float: right;margin-top: -143px;}
.slider-nav .slick-slide{ display: block; margin: 0 7px; }
.slider-nav .gp-img-responsive{ width: 140px; height: 140px; padding: 0;border-radius: 50%;cursor: pointer;position: relative;margin: 0 auto;}
.slider-nav .gp-img-responsive:before{ }
.slider-nav .slick-current .gp-img-responsive:before{ content: ""; display: block;width: 130px; height: 130px; border:rgba(225,101,90,0.5) 5px solid; position: absolute;left: 0px;top: 0;z-index: 9;border-radius: 50%;}


/*项目快讯*/
.wrap_mode04{padding: 50px 0 0 0;overflow: hidden;}
.mode04{border-top:#e6e6e6 1px solid;overflow: hidden;}
.mode04 > .gp-fl{width: 100%;}
.mode04 > .gp-fr{ width: 50%; }
.articleTitle04,.articleTitle05{ float: none; width: 100%; margin-bottom: 30px;margin-top: 20px;}
.articleList05{overflow: hidden;/* border-right: #e6e6e6 1px solid; */padding-right: 50px;}
.articleList06{ overflow: hidden; padding-left: 50px;}
.list4{}
.list4 li,.list5 li { margin-bottom: 30px; overflow: hidden; }
.list4 li a,.list5 li a{ display: block;border:#e6e6e6 1px solid;  overflow: hidden;}
.list4 .gp-img-responsive{ width: 240px; height: 135px; padding: 0; float: left; }
.list4 .listText { margin-left: 242px; padding: 15px 20px; transition: all 0.2s ease-in-out;}
.list4 .listCon,.list5 .listCon{ display: block; color: #999; line-height: 20px; height: 40px; margin: 11px 0; overflow: hidden; }
.list4 .listDate,.list5 .listDate{ background: url(../images/datebg.png) no-repeat left center; padding-left: 20px; color: #999; }
.list4 li a:hover .listText { padding-left: 30px; }
.articleList05 .more,.articleList06 .more{ color: #ccc8bc; display: inline-block;border-top: #e6e6e6 2px solid;padding-top: 12px;transition: all 0.2s ease;}
.articleList05 .more:hover,.articleList06 .more:hover{ color: #CC493C; border-top: #CC493C 2px solid;}
.articleList06 .more{ float:right; }


.articleTitle05 .title{ float: right; text-align: right; }
.list5 .gp-img-responsive{ width: 240px; height: 135px; padding: 0; float: right; }
.list5 .listText { margin-right: 242px; padding: 15px 20px; transition: all 0.2s ease-in-out;}
.list5 li a:hover .listText{ padding-right: 30px; }




/*校园风景*/
.articleTitle06.articleTitle08 .title{ float: none; text-align: center; }
/* wrap */
.wrap{/*! margin:50px auto; */height:437px;position:relative;overflow:hidden;}
.pic{width:46.4%;height:437px;cursor:pointer;}
.pic1{background:url('../images/t1.jpg');position:absolute;top:0;left:0;z-index:1;}
.pic2{background:url('../images/t2.jpg');position:absolute;top:0;left:679px;z-index:3;}
.pic3{background:url('../images/t3.jpg');position:absolute;top:0;left:770px;z-index:5;}
.pic4{background:url('../images/t4.jpg');position:absolute;top:0;left:861px;z-index:7;}
.pic5{background:url('../images/t5.jpg');position:absolute;top:0;left:952px;z-index:9;}

















/*海外合作高校*/
.wrap_mode06{ margin-top: 90px; overflow: hidden; }
.articleTitle06{ position: relative; overflow: hidden;margin-bottom: 10px;}
.articleTitle06 .title{float: right;text-align: right;}
.articleTitle06 .title_ch{ display: block; }
.articleTitle06 .title_en{ display: block; color: #ccc8bc;}
.articleTitle06 .more{ color: #ccc8bc; display: inline-block;border-right: #e6e6e6 2px solid;padding-right: 12px; float: left;margin-top: 20px;}

.list6{ margin: 0 -7px; overflow: hidden; }
.list6 li a{ display: block; margin:10px 7px; border: #f0ece0 1px solid; overflow: hidden; padding: 18px 15px;}
.list6 .listText{ float: left; }
.list6 .listIcon{ display: inline-block; float: left; }
.list6 .listSchool{ display:inline-block;padding-left: 7px; }
.list6 .listRank{ float: right; color: #c0ac67; }





















@media screen  and (max-width:1550px) { 
	.slider-nav .gp-img-responsive{ width: 120px; height: 120px }
	.slider-nav .slick-current .gp-img-responsive:before{ width: 110px; height: 110px; }
}



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

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


@media screen and (max-width: 1300px) {
	.mode02{ margin-left: 30px; }
	.list1 li a{padding: 0 25px 20px 25px;}
	.list1 .gp-img-responsive{ width: 230px; height: 154px; }
	.list1 .listText{ margin-right: 240px; }
	.list1 .listCon{ margin: 20px 0; }
	.slider-for .slickName{ margin: 10px 0; }
}

@media screen  and (max-width:1020px) { 
	.wrap_mode01,.wrap_mode04{ padding: 50px 0; }
	.articleTitle01,.articleTitle02,.articleTitle03{ width: auto; float: none;margin-bottom: 20px;}
	.articleTitle01 .title,.articleTitle02 .title{ width: auto; height: auto; float: left;}
	.articleTitle01 .title_ch{ width: auto; display: block;}
	.articleTitle01 .title_en{ width: auto; transform: rotate(0deg);position: static;}
	.articleTitle01 .more,.articleTitle02 .more{ margin-top: 0; float: right; }
	.articleList01{ margin: 0; }
	.list1{ padding: 0; margin: 0;}
	.list1 li a{ margin-right: 0; }
	.articleTitle02{ width: auto; float: none; }
	.wrap_mode02{ background: none; }
	.mode02{ margin-left: 15px; margin-right: 15px; max-width: none;float: none;margin-bottom: 50px;}
	.articleList03{ margin-left: 0; }
    .list3 .listImgFl{ float: none; width: 100%; }
    .list3 .listImgFr{ display:none; }
    .slider-nav{ width: 100%; margin-top: 20px; }
    .mode04 > .gp-fl,.mode04 > .gp-fr{ width: 100%; float: none; }
    .articleList05{ padding-right: 0; border: none;}
    .articleTitle05 .title{ text-align: left; float: none;    }
    .articleList06{ padding-left: 0; }
    .wrap_mode06{ margin-top: 50px;  }
     
}


@media screen and (max-width:992px) {
	.list1 .gp-img-responsive{ float: none; width: 100%;height: 0;padding-bottom: 66.6%;}
	.list1 .listText{ margin: 15px 0 0 0; }
	.list1 .listCon{ margin: 5px 0; }
	.list1 li a{ margin: 0; padding: 15px;}
	.list1 li a::before,.list2 li a::before{ display: none; }
}

@media screen and (max-width:766px) {
	.list1 .listTitle,.list1 .listCon{ height: auto; }
	.list1{ border: none; margin: -15px 0;} 
	.list1 li a{ border: none; padding: 15px 0; }
}

@media screen and (max-width:640px) {
	.gp-f30{ font-size: 20px; font-size: 2.0rem; }
	.articleTitle06 .more{ display: none; }
	.wrap_mode01, .wrap_mode04{ padding: 30px 0; }
	.mode02{ margin-bottom: 30px;}
	.slider-for .gp-img-responsive{ width: 100%; float: none; padding-bottom: 66.6%; }
	.slider-for .slickText{ width: 100%; float: none; }
	.slider-nav{ margin-bottom: 0 !important; }
	.list4 .gp-img-responsive,.list5 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 56.3%; }
	.list4 .listText,.list5 .listText{ margin: 0; }
	.slick-dots{ display: none !important; }

}