@charset "utf-8"; /* CSS Document */ .Banner{overflow: hidden;max-width: 1920px;margin: 0 auto;} .content{width:100%;overflow:hidden;margin:0px auto;} .mode01{max-width: 1400px;margin:50px auto 0;overflow: hidden;padding-top: 20px;} .mode01 .lf{float: left;width: 68.57%;overflow: hidden;} .mode01 .rt{float: right;width: 28.57%;overflow: hidden;} .articleList{} .articleListTitle{position: relative;background: #E2E2E2;text-align: center;height: 1px;} .articleListTitle em{display: inline;font-size: 25px;opacity: .5;padding-left: 10px;} .articleListTitle a{float: right;border: 1px solid #ccc;color: #666;padding: 7px 20px;position: relative;top: -17px;background: #ffffff;font-size:18px;transition: all 1s linear;} /*.articleListTitle a:hover{ cursor: pointer;transition: 0.2s;transition-duration:1s;transform:scale(1.2);transition-timing-function:ease-in-out;}*/ .articleListTitle span{font-size:30px;font-weight: bold; letter-spacing: 1.4px;position: relative;float: left;top: -20px;background: #ffffff;padding-right: 10px;} .NewsActiveBox{overflow: hidden;margin-top: 45px;} .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%;} .NewsList li{float: left;width: 33.33%;*width: 32.33%;} .NewsList li a{display: block;margin-right: 30px;} /*.NewsList li.Nomargin{margin-right: 0;}*/ .NewsCon{overflow: hidden;border-bottom: 1px dashed #ccc;padding-bottom: 20px;} .NewsCon .News_img{height: 0;padding-bottom: 56%;overflow: hidden;background: #f2f2f2;} .NewsCon .News_img img{width: 100%;display: block;} .NewsCon .News_info{margin-top: 20px;} .NewsCon .News_info p{font-size: 16px;margin-bottom: 24px;line-height: 24px;height: 48px;overflow: hidden;} .NewsCon .News_info i{color:#999999;font-size: 16px;font-family: 'Cambria';} .NewsList li a:hover .NewsCon .News_info p{color:#0956ad;font-weight: bold;} .Active_wrap{background:#f2f2f2;} .ActiveList{overflow: hidden;padding:38px 16px;} .ActiveList li{float: left;width: 33.33%;*width: 32.33%;} .ActiveList li .ActiveCon{margin:0 20px;} .ActiveCon .dateLeft{float: left;width: 64px;text-align: center; height: 64px;background: #0956ad;border-radius: 50%;} .ActiveCon .dateLeft strong{display: block;color:#fff;font-size: 24px;font-family: 'Arial';margin-top:10px;} .ActiveCon .dateLeft i{display: block;color:#fff;font-size: 16px;font-style: normal; font-family: 'Arial';} .ActiveCon a{display: block;margin-left: 80px;font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;letter-spacing: 1.4px;} .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-image: url(../images/academic_bg.png) ;background-repeat: no-repeat; background-size: 100% 100%;width: 100%;background-color: #3e57bf;} .mode02{max-width: 1400px;margin:0px auto;overflow: hidden;padding:30px 0 80px 0;} .articleListTitle02{overflow: hidden;margin-bottom: 20px;text-align: center;} .articleListTitle02 h2{font-size: 30px;color:#fff;letter-spacing: 1.4px;float: left;} .articleListTitle02 em{display: inline;font-size: 25px;opacity: .8;padding-left: 10px;color: #ffffff;} .articleListTitle02 h2 i{font-style: normal;color:#fff;font-weight: normal;} .articleListTitle02 a{float: right;color: #ffffff;padding: 7px 20px;position: relative;font-size:18px;border: 1px solid #ffffff;} /*.articleListTitle02 a:hover{border: 1px solid #e314c9;}*/ .articleListTitle03 h2{color:#0956ad;} .articleListTitle03 em{color:#7e7878;} .articleListTitle03 a{color: #0956ad;border: 1px solid #0956ad;} .Academic_wrap{overflow: hidden;}c .AcademicList{overflow: hidden;background: url(../images/aca_li_bg.png) repeat-y right;} .AcademicList li{float: left;width: 20%;background: url(../images/aca_li_bg.png) repeat-y left;} .AcademicCon{padding:35px;background: url(../images/aca_ul.png) repeat;} .AcademicCon .date{margin-bottom: 30px;background: url(../images/date_bg.png) no-repeat center bottom;} .AcademicCon .date strong{font-size: 24px;font-family: 'Arial';color:#fff;display: block;} .AcademicCon .date span{font-size: 14px;font-family: 'Arial';color:#fff;display: block;} .AcademicCon a{font-size: 15px;color:#fff;line-height: 25px;display: block;height: 70px;overflow: hidden;letter-spacing: 0.5px;} .AcademicCon a:hover{color:#cfd9fd;} .wrap_mode03{width: 100%;background-color: #cde0fa;overflow: hidden;} .mode03{max-width: 1400px;margin:30px auto 50px;overflow: hidden;} .articleListTitle03 h2 i{color:#333;} .SeminarList{overflow: hidden;width: 103%;} .SeminarList li{overflow: hidden;width: 20%;float: left;padding-top: 20px;} .SeminarList li a{display: block;margin-right: 30px;} .SeminarCon{background: #1a70d1;overflow: hidden;} .SeminarCon .Seminar_img {padding-bottom: 75%;overflow: hidden;height: 0;background: #1a70d1;} .SeminarCon .Seminar_img img{display: block;width: 100%;} .SeminarCon .Seminar_info{padding:20px 20px 60px 20px;overflow: hidden;} .SeminarCon .Seminar_info h3{font-weight: normal;font-size: 18px;padding-bottom: 8px;margin-bottom: 20px; background: url(../images/se_li_bg.png) no-repeat left bottom;color:#fff;letter-spacing: 1px;height: 24px;overflow: hidden;line-height: 30px;} .SeminarCon .Seminar_info p{color:#dfe7f6;font-size: 14px;line-height: 22px;height: 66px;overflow: hidden;} .SeminarList li a:hover .SeminarCon .Seminar_info h3{color:#dfe7f6;} .SeminarList li a:hover .SeminarCon .Seminar_info p{color:#fff;} .mode04{max-width: 1400px;margin:0 auto 50px;overflow: hidden;} .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{max-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{max-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{max-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;} .content a img{display: block;width: 100%; transform:scale(1); -ms-transform:scale(1); /* IE 9 */ -moz-transform:scale(1); /* Firefox */ -webkit-transform:scale(1);/* Safari 和 Chrome */ -o-transform:scale(1); /* Opera */ transition: all .4s; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; } .content a:hover img{transform:scale(1.05); -ms-transform:scale(1.05); /* IE 9 */ -moz-transform:scale(1.105); /* Firefox */ -webkit-transform:scale(1.05);/* Safari 和 Chrome */ -o-transform:scale(1.05); /* Opera */} @media screen and (max-width:1400px) { .content{width:100%;} .mode01,.mode02,.mode03,.mode04,.mode05,.mode06,.mode07{width:90%;margin:30px auto;} .mode05{margin-bottom: 0;} .mode02{margin-bottom: 0;padding-bottom: 50px;} .ActiveList{padding:22px 16px;} .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;} } @media screen and (max-width:1200px){ .mode01 .lf{float: none;width: 100%;} .mode01 .rt{float: none;width: 100%;margin-top: 30px;} .NewsBox1{float: left;width: 33.33%;} .AcademicCon { padding: 30px 18px;} .AcademicCon a{height: 123px;} .SeminarList li{width: 33.33%;margin-bottom: 30px;} .SeminarCon .Seminar_info {padding: 12px 12px 27px 12px;} .Column_Info{position: static;} .Column_Info p{width: 100%;height: 50px;line-height: 50px;font-size: 20px;} } @media screen and (max-width: 1000px) { .personBox .right .person_info p{height: 48px;} .NewsCon .News_info p{margin-bottom: 11px;} .NewsBox1{float: none;width: 100%;} .personBox .left{float: left;width: 231px;overflow: hidden;} .personBox .right{float: none;width: auto;margin-left: 250px; } .AbroadHomeBox .right{display: none;float: none;width: 100%;} .mode05_wrap{background-size: auto 100%;background-position: center ;} .AbroadHomeBox .left{float: none;width: 100%;} .AbroadHome_left_list.last_ul li .AbroadHome_left_con{margin-right: 0;padding-right: 0;} .articleListTitle04 h2 i{color:#fff;padding-top: 20px;display: block;text-align: center;} .SpecialList li a{margin-right: 14px;} .SpecialList{width: 101%;} } @media screen and (max-width: 800px){ .ActiveList li{float: none;width: 100%;margin-bottom: 20px; overflow: hidden;} .ActiveList li:last-child{margin-bottom: 0;} .ActiveCon a{height: auto;padding-top: 15px;} .ActiveList li .ActiveCon{margin:0;} .personBox .right .person_info p{height: 70px;} .AcademicList li{width: 25%;} .AcademicList li:last-child{display: none;} .articleListTitle h2,.articleListTitle02 h2 {font-size: 20px;} .ColumnList li{width: 50%;} .Column_Info p{background-size: 100% 100%;} .ColumnList li a{margin-right: 21px;} .Column_Info p {height: 40px;line-height: 40px;font-size: 18px;} .AbroadHome_left_list{float: none;width: 100%;} .AbroadHome_left_list li{float: left;width: 50%;} .AbroadHome_left_list li.last .AbroadHome_left_box { padding-bottom: 26px; border-bottom: 1px solid #d2d2d2;} .AbroadHome_left_list li .AbroadHome_left_con{border-right: none;} .AbroadHome_left_list.last_ul li .AbroadHome_left_con { padding: 0px 30px 32px 0px;margin-right: 20px;} .AbroadHome_left_list li .AbroadHome_left_con{margin-right: 0;} .CogitoList li a{margin-right: 20px;} .AbroadHome_left_list_ul{margin-bottom: 0;} } @media screen and (max-width:640px) { .NewsList{width: 100%;} .NewsList li{float: none;width: 100%;margin-bottom: 20px;} .NewsList li:last-child{margin-bottom: 0;} .NewsList li a{margin-right: 0;} .NewsCon .News_info p{height: auto;} .AcademicList li{width: 50%;} .AcademicCon a { height: 72px;} .SeminarList li{width: 50%;} .SeminarList{width: 104%;} .SpecialList li{width: 33.33%;margin-bottom: 14px;} .CogitoList li{float: none;width: 100%;margin-bottom: 20px;} .CogitoList {width: 100%;} .CogitoList li a{margin-right: 0;} .CogitoBox .Cogito_Info h3{height: auto;} .CogitoBox .Cogito_Info p{height: auto;} } @media screen and (max-width:480px){ .personBox .left{width: 200px;} .personBox .right{ margin-left: 221px; } .AcademicList li{width: 100%;float: none;background: url(../images/aca_li_bg.png) repeat-x top;} .AcademicList{background: none;} .AcademicCon a{height: auto;} .AcademicCon { padding: 22px 18px;} .AcademicCon .date{margin-bottom: 18px;} .SeminarList li{width: 100%;float: none;} .SeminarList li:last-child{margin-bottom: 0;} .SeminarList li a{margin-right: 0;} .SeminarList{width: 100%;} .SeminarCon .Seminar_info h3{height: auto;} .SeminarCon .Seminar_info p{height: auto;} .SeminarCon .Seminar_info h3{margin-bottom: 13px;} .SeminarCon .Seminar_info { padding: 12px 12px 20px 12px;} .SeminarCon .Seminar_img{padding-bottom: 0;height: auto;} .AbroadHome_left_list li{float: none;width: 100%;} .AbroadHome_left_list li .AbroadHome_left_con{padding-right: 0;} .AbroadHome_left_list li .AbroadHome_left_box a{height: auto;} .AbroadHome_left_list li .AbroadHome_left_con{padding-bottom: 20px;} .AbroadHome_left_list.last_ul li .AbroadHome_left_con{padding-right: 0;margin-right: 0;} .AbroadHome_left_list li.last .AbroadHome_left_con{padding-bottom: 20px;} } @media screen and (max-width:400px){ } @media screen /*and (min-width:320px)*/ and (max-width:360px) { .personBox .right{margin-left: 188px;margin-top: 11px} .personBox .left {width: 170px;} }