@charset "utf-8"; /* css document */ .banner{ width:100%; overflow: hidden; position: relative;} /* browser resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider .til_slides { width: 100%;height: 40px;position: absolute; bottom: 0;background: repeat;font-weight: bold;line-height: 40px;font-size: 16px;color: #fff;padding-left: 10px;} /* flexslider necessary styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* hide the slides before the js is loaded. avoids image jumping */ .flexslider .slides > li a{display: block;} .flexslider .slides > li.clone{position:relative} .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* no javascript fallback */ /* if you are not using another script, such as modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* flexslider default theme *********************************/ .flexslider { background: #fff; position: relative;zoom:1;overflow: hidden; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* direction nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 48px; margin: -14px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-indent:-999em } .flex-direction-nav .flex-prev { left: -50px; background:url(/uploads/image/images/lf.png) no-repeat center center; } .flex-direction-nav .flex-next { right: -50px; background:url(/uploads/image/images/rt.png) no-repeat center center;} .flexslider:hover .flex-prev { opacity: 0.7; left: 0px;} .flexslider:hover .flex-next { opacity: 0.7; right: 0px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* pause/play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* control nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 5px; *bottom:13px; right:8px; text-align: center; z-index:889; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { width: 10px; height: 10px; display: block; background: #ababab; cursor: pointer; text-indent: -9999px;border-radius:10px; } .flex-control-paging li a:hover {background: #fff;} .flex-control-paging li a.flex-active { background: #fff;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .content{width:100%;overflow:hidden;} .wrap_mode01{width: 100%;background: #fff;overflow: hidden;} .mode01{max-width:1200px;margin:15px auto;overflow:hidden;} .articlelist01{overflow: hidden;} .title01{overflow: hidden;float: left;width: 12%;line-height: 30px;} .title01 h2{font-size: 14px;font-style: italic;background: url(/uploads/image/images/title01.png) no-repeat center left;padding-left: 35px;} .scroll_info{float: right;width: 88%;overflow: hidden;line-height: 30px;} .scroll_info dl{overflow: hidden;} .scroll_info dl dd{float: left;margin-right: 30px;} .scroll_info dl dd a{display: block;} .scroll_info dl dd a i{color: #fff;font-style: normal;padding:3px 10px;border-radius: 5px;margin-right: 15px;font-size: 14px;} .scroll_info dl dd a .timef01{background: #0084cf;} .scroll_info dl dd a .timef02{background: #cf2a2a;} .scroll_info dl dd a .titlef{font-size: 14px;color:#646464;} .scroll_info dl dd a:hover .titlef{color:#1674a8;} .mode02{max-width: 1200px;margin:30px auto;background: #fff;} .articleheadline{overflow: hidden;padding:20px;} .headlineimg{position: relative;overflow: hidden;} .headlineimg>.imgs{position: relative; width:68.8%; float:left;height: 0;padding-bottom:47%;background: #ccc;display: block;overflow:hidden;} .headlineimg>a>img{display: block;border:none;width: 100%;} /* 手风琴 */ #col{width:360px; float:right;/*clear:both;position: absolute;top:0;right: 40px;*/} .sliderbox{width:360px;height:544px;margin:0 auto;overflow:hidden;float:right} .sliderbox a{color:#fff;} .sliderbox a:hover{color:#fff;text-decoration:none;} .sliderbox dt{height:120px;cursor:pointer;background: url(/uploads/image/images/header_li.png) repeat;margin-bottom: 1px;} .sliderbox .open{font-size:14px;background: #0d84c6; color:#fff;cursor:default;margin-bottom: 0px;height: 83px;} .sliderbox .title{font-size:17px;color:#fff;line-height:26px;font-weight: bold;display: block;padding:10px 15px 5px 15px;} .sliderbox .title a{height: 49px;display: block;overflow: hidden;} .sliderbox .date{font-size:14px;color:#fff;display:block;float: right; padding:0px 30px 0 0;background: url(/uploads/image/images/headline_close.png) no-repeat center right;height: 26px;margin-right:20px;} .sliderbox dt:hover span{color:#fff;} .sliderbox .open:hover span{color:#fff;} .sliderbox .open .date{display: none; } .sliderbox dd{font-size:12px;color:#fff;height:99px;padding:0;margin:0;background: #0d84c6; position:relative;overflow:hidden;} .sliderbox .text{font-size:11px;color:#99cee0;} .sliderbox .text a{display: block;padding:0 20px;font-size: 14px;line-height: 24px;height:51px;overflow: hidden;margin-bottom: 11px;} .sliderbox .text .date01{font-size:14px;color:#fff;display:block;float: right; padding:0px 30px 0 0;background: no-repeat center right;height: 26px;margin-right:20px;} .sliderbox .text .date01 a{padding:0px 0 0 0;} .mode03{max-width: 1200px;margin:20px auto;overflow: hidden;} .title03{overflow: hidden;width: 300px;margin:0 auto;background: url(/uploads/image/images/title_bg.png) no-repeat center bottom;text-align: center;padding-bottom: 15px;} .title03 h2{font-size: 18px;background: url(/uploads/image/images/title03.png) no-repeat center left;padding-left: 35px;width: 253px;margin:0 auto;} .title03 h3{color:#989898;font-size: 16px;font-weight: normal;margin-top:5px;} .labellist{margin:0 auto;overflow: hidden;text-align: center;margin-top:20px;} .labellist li{display: inline-block;*float: left;margin-bottom: 6px;} .labellist li a{padding:7px 20px;border-radius: 5px; font-size: 16px;background: #fff;margin:0 10px;display: block;} .talentslist{overflow: hidden;margin-top:20px;} .talentslist li{float: left;width: 25%;} .talentslist li a{display: block;margin:0 5px;} .talentsimg{height: 0;overflow: hidden;padding-bottom: 69%;background: #ddd;} .talentslist li a .talentsimg img{display: block; transition: all 1s ease 0s;width:100%;} .talentslist li a:hover .talentsimg img{ /*filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .talents01{margin-top:10px;position: relative;background: #fff;} .talents01 i{position: absolute;top:0;left: 50%;margin-left:-23px; background: url(/uploads/image/images/talent_bg.png) no-repeat center top;display: block;width: 57px;height: 28px;} .talents01{padding:33px 20px 20px 20px;overflow: hidden;} .talents01 h2{font-size: 14px;font-weight: normal;line-height: 24px;height: 48px;overflow: hidden;} .talents01 .rightdate{float: right;font-size: 14px;color:#969696;margin-top: 4px;} .talentslist li a:hover h2{font-weight: bold;color:#49a4d8;} .mode04{max-width: 1200px;margin:30px auto;overflow: hidden;} .title04{overflow: hidden;width: 414px;margin:0 auto;background: url(/uploads/image/images/title_bg.png) no-repeat center bottom;text-align: center;padding-bottom: 15px;} .title04 h2{font-size: 18px;background: url(/uploads/image/images/title03.png) no-repeat center left;padding-left: 35px;width: 261px;margin:0 auto;} .title04 h3{color:#989898;font-size: 16px;font-weight: normal;margin-top:5px;} .academiclist{margin-top:20px;overflow: hidden;} .academiclist li{float: left;width: 33.33%;overflow: hidden;} .academiclist li a{display: block;margin:0 4%; } .academiclist li a img{display: block;} .acaimg{position: relative;overflow: hidden;height: 0;padding-bottom: 57%;background: #ddd;} .acainfo{position: absolute;bottom: 0;left: 0;width: 100%;background: url(/uploads/image/images/ace_bg.png) repeat;color:#fff;} .acainfo div{padding:20px;overflow: hidden;} .acainfo h2{color:#fff;font-weight: normal;font-size: 14px;overflow: hidden;height: 40px;} .acainfo .more{color:#6ecaff;float: right;font-size: 14px;} .academiclist li a .acaimg img{display: block; transition: all 1s ease 0s;width:100%;} .academiclist li a:hover .acaimg img{ /*filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .academiclist li a:hover .acainfo h2{color:#6ecaff;} .mode05{max-width: 1200px;margin:30px auto;overflow: hidden;} .mode05 .lf{float: left;width: 49.16%;overflow: hidden;background: #fff;} .mode05 .rt{float: right;width: 49.16%;overflow: hidden;background: #fff;} .articlelist05{padding:20px;} .title05{overflow: hidden;line-height: 30px;border-bottom:1px solid #e1e1e1;padding-bottom: 10px;} .title05 h2{font-size: 18px;background: url(/uploads/image/images/title05.png) no-repeat center left;padding-left: 35px;} .title05 .more{float: right;} .title05 .more a{color:#0084cf;font-size: 14px;} .internationallist{overflow: hidden;margin-top:20px;} .internationallist li{width: 50%;float: left;overflow: hidden;} .internationallist li a{display: block;margin:0 2%;} .interimg{height: 0;overflow: hidden;padding-bottom: 61%;background: #ddd;} .internationallist li a .interimg img{display: block; transition: all 1s ease 0s;width:100%;} .internationallist li a:hover .interimg img{ /*filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .interinfo{margin-top:10px;} .interinfo h2{font-size: 14px;color:#646464;line-height: 24px;font-weight: normal;overflow: hidden;height: 48px;} .interinfo .leftdate{color: #969696;font-size: 14px; display: block;padding-left:20px;background: url(/uploads/image/images/time.png) no-repeat center left;margin-top: 10px;} .internationallist li a:hover .interinfo h2{color:#49a4d8;} .title06{overflow: hidden;line-height: 30px;border-bottom:1px solid #e1e1e1;padding-bottom: 10px;} .title06 h2{font-size: 18px;background: url(/uploads/image/images/title06.png) no-repeat center left;padding-left: 35px;} .title06 .more{float: right;} .title06 .more a{color:#0084cf;font-size: 14px;} .mode06{max-width: 1200px;margin:30px auto;overflow: hidden;} .title07{overflow: hidden;width: 386px;margin:0 auto;background: url(/uploads/image/images/title_bg.png) no-repeat center bottom;text-align: center;padding-bottom: 15px;} .title07 h2{font-size: 18px;background: url(/uploads/image/images/title07.png) no-repeat center left;padding-left: 35px;width: 73px;margin:0 auto;} .title07 h3{color:#989898;font-size: 16px;font-weight: normal;margin-top:5px;} .studentlist{margin-top: 30px;overflow: hidden;} .studentlist li{width: 33.33%;float: left;overflow: hidden;} .studentlist li a{display: block;margin:0 3%;} .stuimg{height: 0;padding-bottom: 68%;overflow: hidden;background: #ddd;position: relative;z-index:9;} .stuinfo{background: #fff;} .stuinfo div{padding:20px;} .studentlist li a .stuimg img,.studentlist li a .stuimg01 img{display: block; transition: all 1s ease 0s;width:100%;} .studentlist li a:hover .stuimg img,.studentlist li a:hover .stuimg01 img{ /*filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .stuimg i{position: absolute;bottom: 0;left: 20px; background: url(/uploads/image/images/stu_01.png) no-repeat center bottom;width: 80px;height: 40px;z-index:99;} .stuinfo h2{font-size: 16px;color:#646464;margin-bottom: 20px;height: 22px;overflow: hidden;} .stuinfo p{font-size: 14px;color:#656565;line-height: 21px;height: 105px;overflow: hidden;} .stuinfo .rightdate{display: block;margin-top: 20px;text-align: right;font-size: 14px;color:#656565;} .stuimg01{height: 0;padding-bottom: 68%;overflow: hidden;background: #ddd;position: relative;z-index:9;} .stuimg01 i{position: absolute;top: 0;left: 20px; background: url(/uploads/image/images/stu_02.png) no-repeat center bottom;width: 80px;height: 40px;z-index:99;} .studentlist li a:hover .stuinfo h2{color:#49a4d8;} .mode07{max-width: 1200px;margin:20px auto;overflow: hidden;} .title08{overflow: hidden;width: 214px;margin:0 auto;background: url(/uploads/image/images/title_bg.png) no-repeat center bottom;text-align: center;padding-bottom: 15px;} .title08 h2{font-size: 18px;background: url(/uploads/image/images/title08.png) no-repeat center left;padding-left: 1px;width: 142px;margin:0 auto;} .title08 h3{color:#989898;font-size: 16px;font-weight: normal;margin-top:5px;} .enrolllist{overflow: hidden;margin-top:30px;} .enrolllist li{float: left;width: 25%;} .enrolllist li a{display: block;margin:0 5px;} .enrollimg{height: 0;overflow: hidden;padding-bottom: 59%;background: #ddd;} .enrolllist li a .enrollimg img{display: block; transition: all 1s ease 0s;width:100%;} .enrolllist li a:hover .enrollimg img{ /*filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .enroll01{background: #fff;} .enroll01{padding:20px 20px 20px 20px;overflow: hidden;} .enroll01 h2{font-size: 16px;font-weight: normal;line-height: 24px;height: 48px;overflow: hidden;} .enroll01 .rightdate{float: right;font-size: 14px;color:#969696;margin-top: 4px;} .enrolllist li a:hover h2{color:#49a4d8;} .articlelist01 a:hover h3{color:#cf2a2a;} .more a:hover{color:#cf2a2a;} .wrap_mode08{width: 100%;overflow: hidden;background: url(/uploads/image/images/party_bg.png) no-repeat center bottom;} .mode08{max-width: 1200px;overflow: hidden;margin:0 auto 20px;background: #fff;} .articlelist09{padding:20px;overflow: hidden;} .title09{overflow: hidden;line-height: 30px;border-bottom:1px solid #e1e1e1;padding-bottom: 10px;} .title09 h2{font-size: 18px;background: url(/uploads/image/images/title09.png) no-repeat center left;padding-left: 35px;} .title09 .more{float: right;} .title09 .more a{color:#0084cf;font-size: 14px;} .internationallist09{overflow: hidden;margin-top:20px;} .internationallist09 li{width: 33.33%;float: left;overflow: hidden;} .internationallist09 li a{display: block;margin:0 2%;} .internationallist09 li a .interimg img{display: block; transition: all 1s ease 0s;width:100%;} .internationallist09 li a:hover .interimg img{ /*filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .internationallist09 li a:hover .interinfo h2{color:#49a4d8;} .partylabel{float: right;} .partylabel li{float: left;padding-left:10px;margin-left:10px;background: url(/uploads/image/images/party_li.png) no-repeat center left;} .partylabel li:first-child{background: none;} .partylabel li a{font-size: 14px;color:#cf2a2a;} .partylabel li a:hover{color:#49a4d8;} /*0129*/ .mode05_info{margin-top:20px;overflow: hidden;} @media screen and (max-width:1200px) { .mode01,.mode02,.mode03,.mode04,.mode05,.mode06,.mode07,.mode08{width: 90%;overflow: hidden;} .title01{width: 17%;} .scroll_info{width: 83%;} .headlineimg{position: static;} .headlineimg > .imgs{ width:100%;} #col{position: static;width: 100%;margin-top:20px;} .sliderbox{width: 100%;height: auto;} .sliderbox dd{display: none;} .sliderbox dt{float: left;width: 48%;margin:0 1% 10px 1%;height: 109px;} /*0129_start*/ .sliderbox .open{height: 109px;background: url(/uploads/image/images/header_li.png) repeat;margin-bottom: 10px;} /*0129_end*/ .sliderbox .open .date{display: block; } .sliderbox .title{font-weight: normal;font-size: 16px;line-height: 24px;} .sliderbox .title a{height: 52px;} } @media screen and (max-width:1000px) { .talents01 i{position: absolute;top:0;left: 50%;margin-left:-17px; background: url(/uploads/image/images/talent_bg_s.png) no-repeat center top;display: block;width: 35px;height: 17px;} .acaimg{position: static;padding-bottom: 0;height: auto;} .acainfo{position: static;} .acainfo div{padding:10px 15px;} } @media screen and (max-width:800px) { .title01{width: 22%;} .scroll_info{width: 78%;} .talentslist li{width: 50%;margin-bottom: 20px;} .academiclist li{width: 50%;margin-bottom: 15px;} .academiclist li:last-child{display: none;} .mode05 .lf{width: 95%;float: none;margin:0 auto 20px;} .mode05 .rt{width: 95%;float: none;margin:0 auto;} .studentlist li{width: 50%;margin-bottom: 15px;} .studentlist li:last-child{display: none;} .enrolllist li{width: 50%;margin-bottom: 20px;} .internationallist09 li{width: 50%;margin-bottom: 15px;} .internationallist09 li:last-child{display: none;} } @media screen and (max-width:640px) { .title01{width: 24%;} .scroll_info{width: 76%;} .title01 h2{font-size: 18px;} .sliderbox dt{width: 100%;margin:0 0 10px 0;} .sliderbox .open{margin-bottom: 10px;} .internationallist li{float: none;width: 100%;} .internationallist li:last-child{display: none;} .stuimg,.stuimg01{display: none;} .interinfo h2{height: auto;} .talents01 h2{height: auto;} .partylabel{display: none;} .flex-direction-nav a{top:89%;} } @media screen and (max-width:480px) { .title01{width: 100%;float: none;} .scroll_info{width: 100%;float: none;margin-top:8px;} .title01 h2{font-size: 16px;} .talentslist li{width: 100%;float: none;} .talentslist li:nth-child(2n 1){display: none;} .academiclist li{width: 100%;float: none;} .academiclist li a{margin:0 3%;} .studentlist li{width: 100%;float: none;} .stuinfo p{height: auto;} .stuinfo h2{height: auto;} .enrolllist li{width: 100%;float: none;} .enrolllist li:nth-child(2n 1){display: none;} .enroll01 h2{height: auto;} .internationallist09 li{width: 100%;float: none;} } @media screen /*and (min-width:320px)*/ and (max-width:360px) { }