@charset "utf-8"; /* css document */ .banner{position: relative;} /*banner结束*/ .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 necessary styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {overflow: hidden; display: none; -webkit-backface-visibility: hidden;vertical:display: table-cell; vertical-align:middle;display:table} /* hide the slides before the js is loaded. avoids image jumping */ .flexslider .slides img {width: 100%; margin: 0 auto;max-width: none;vertical-align:middle;display: block;*position: relative;left:-50%;top:-50%;*left:0;*top:0;max-width:100%;} .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; } .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: 53px; height: 53px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-indent:-999em ;opacity: 0.6} .flex-direction-nav .flex-prev { left:10px; background:url(/uploads/image/limages/lf.png) no-repeat center center;} .flex-direction-nav .flex-next { right: 10px; background:url(/uploads/image/limages/rt.png) no-repeat center center;} /*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;} .flexslider:hover .flex-next { opacity: 0.7; right: 10px;}*/ .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; } .flexslider .slides > li h4{height: 50px;line-height: 50px;font-size: 20px;font-size: 2rem;position: absolute;bottom: 0;left:0;background: repeat;text-align: center;font-weight: normal;z-index: 9998;width: 100%;color:#fff;} /* 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: 10px; text-align: center;display: none;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #0956ad; } .flex-control-paging li a.flex-active { background: #0956ad;} .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;} .flex-control-nav{z-index:444;} /*.banner .flexslider .slides li a{display: block;position: relative;}*/ .banner .img{padding-bottom: calc(500% / 19.2);} .banner .flexslider .slides li .slide_tills{width: 100%;margin:0 auto;z-index: 999;position: absolute;bottom:0;left:0;width:100%;height: 157px; background: url(/uploads/image/limages/banner_bg.png) repeat-x ;z-index:99;} .banner .flexslider .slides li .slide_tills .tills1{position: relative;width: 1200px;margin:152px auto 0;z-index: 999} .banner .flexslider .slides li .slide_tills span{position: absolute;bottom: 10px;left:0;color:#fff;font-size: 22px;font-weight: bold;} .content{width:100%;overflow:hidden;margin:0px auto;padding-bottom: 20px;} .mode01{max-width: 1200px;margin:30px auto;overflow: hidden;} .mode01 .lf{float: left;width: 43.33%;overflow: hidden;} .mode01 .rt{float: right;width: 53.33%;overflow: hidden;} .articlebox{} .articletitle {overflow: hidden;text-align: center; margin-bottom: 40px;} .articletitle a.more{color:#1d976c;font-size: 16px;display: block;} .articletitle a.more:hover{color:#1d976c;} .articletitle h2{position: relative; font-size: 24px;color:#1d976c;margin-bottom: 15px;padding-bottom: 15px;} .articletitle h2:after{position: absolute;bottom:0;left:50%;width: 15px;height: 2px;content: '';clear: both;background: #1d976c;margin-left: -7px;} .mode01 .lf .flexslider .slides li a{display: block;height: 0;padding-bottom: 69%;overflow: hidden;background: #eee;position: relative;} .mode01 .lf .time{position: absolute;left: 0;line-height: 37px;height: 37px;color: #fff;padding: 0 12px;background: #1b986d;border-radius: 0 20px 20px 0;top: 24px;} .mode01 .lf .flexslider .slides li .slide_tills{width: 100%;margin:0 auto;z-index: 999;position: absolute;bottom:0;left:0;width:100%;height: 157px; background: url(/uploads/image/limages/banner_bg.png) repeat-x ;z-index:99;} .mode01 .lf .flexslider .slides li .slide_tills .tills1{position: relative;width: 100%;margin:152px auto 0;z-index: 999} .mode01 .lf .flexslider .slides li .slide_tills span{position: absolute;bottom: 6px;left:0;color:#fff;font-size: 16px;font-weight: normal;padding-left: 18px;} .mode01 .lf .flex-direction-nav{display: none;} .mode01 .lf .flex-control-nav{display: block;width: auto;right: 16px;bottom: 6px;} .mode01 .lf .flex-control-paging li{margin: 0 3px;} .mode01 .lf .flex-control-paging li a{background: #bababa;width: 9px;height: 9px;} .mode01 .lf .flex-control-paging li a:hover { background: #1d976c; } .mode01 .lf .flex-control-paging li a.flex-active { background: #1d976c;} .newslist{overflow: hidden;} .newslist li{background: #f9f9f9;padding:11px 10px 11px 0;margin-bottom: 2px;overflow: hidden;} .newslist li .dateleft{float: left;width: 94px;height: 40px;line-height: 40px;background: #1d976c;color:#fff;text-align: center;} .newslist li .dateleft strong{color:#fff;font-size: 16px;} .newslist li .dateleft i{color:#fff;font-size: 12px;margin-left: 6px; font-style: normal;} .newslist li a{margin-left: 130px;display: block;height: 48px;font-size: 16px;line-height: 24px;overflow: hidden;} .mode04{max-width: 1200px;margin: 0 auto 40px;overflow: hidden;} .capumslist .flexslider .slides li a{display: block;height: 0;padding-bottom: 75%;overflow: hidden;background: #eee;} .mode02{max-width: 1200px;margin:0 auto;overflow: hidden;} .mode03{max-width: 1200px;margin: 30px auto 39px;overflow: hidden;} .wrap_mode02{padding: 7px 0 4px;} .mode02{position: relative;} .mode02 .lf{width: calc(50% - 17px);float: left;} .mode02 .rt{width: calc(50% - 17px);float: right;} .index_021{background: #f8f9fa;} .index_021 ul{margin: -13px 24px 0 26px;padding: 17px 0 20px;} .index_021 li{width: 100%;} .index_021 a{margin: 0 0 0;line-height: 56px;border-bottom: 1px dashed #d8d8d8;} .index_021 .title{white-space: nowrap;position: relative;padding: 0 0 0 0;} .index_021 .time{color: #999;margin: 0 0 0 16px;float: right;} .index_022 ul{margin: -13px 0 -33px 0;} .index_022 li{width: 100%;background: #f8f9fa;margin: 0 0 33px;} .index_022 a{max-width: 270px;padding: 28px 20px;height: 48px;overflow: hidden;line-height: 48px;margin: 0 auto;} .index_022 .img_centered{width: 48px;height: 48px;float: left;background: #d8d8d8;border-radius: 50%;} .index_022 .title{margin: 0 0 0 25px;line-height: 24px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;max-width: calc(100% - 75px);max-height: 48px;} .index_03{padding: 45px 12px 36px;background: #f8f9fa;} .index_03 ul{margin: 0 0;} .index_03 li{width: 20%;} .index_03 a{margin: 0 28px 0;text-align: center;position: relative;padding: 20px 0 0;} .index_03 a::before{content: '';display: block;position: absolute;left: 50%;transform: translatex(-50%);top: 0;width: 70px;height: 18px;background: url(/uploads/image/limages/mode03_ico.png) center no-repeat #f8f9fa;z-index: 2;} .index_03 a::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 8px;bottom: 10px;border: 1px solid #1b986d;} .index_03 .title{margin: 0 0 -2px;height: 60px;line-height: 60px;font-weight: bold;color: #1b986d;background: #f8f9fa;font-family: arial;} .index_03 .info{margin: 0 28px 0;line-height: 24px;background: #f8f9fa;position: relative;z-index: 2;} @media screen and (max-width:1200px) { .content{width:100%;} .mode01,.mode02,.banner .flexslider .slides li .slide_tills .tills1,.mode03,.mode04{width:92%;} .mode01 .lf{float: none;width: 100%;} .mode01 .rt{float: none;width: 100%;margin-top: 20px;} .newslist li a{height: auto;} .mode01 .lf .flexslider .slides li a{padding-bottom: 54%;} } @media screen and (max-width:1000px){ .noticelist li .notice01{padding:22px;} .noticelist li .notice01 a p{height: 97px;} .articletitle{margin-bottom: 20px;} .index_03{text-align: center;padding: 45px 12px 6px;} .index_03 li{width: 33.3%;margin-bottom: 30px;} } @media screen and (max-width:900px){ } @media screen and (max-width: 800px) { .banner .flexslider .slides li .slide_tills span{font-size: 16px;padding-left: 10px;} .noticelist li{width: 50%;margin-bottom: 30px;} .noticelist li .notice01 a p{height: 48px;} .minuteslist li{width: 100%;float: none;margin-bottom: 15px;} .minuteslist{width: 100%;} .minuteslist li .minutes01{margin-right: 0;} .mode02 .lf{width: auto;float: none;margin: 0 0 30px;} .mode02 .rt{width: auto;float: none;} } @media screen and (max-width:640px) { .noticelist li .notice01 a p{height:73px;} .noticelist li .notice01{margin-right: 14px;} .index_03 li{width: 100%;} } @media screen and (max-width:480px){ .scholars01 .dateleft{width: 52px;} .scholars01 .scholars_info{margin-left: 65px;} .newslist li a{font-size: 14px;margin-left: 116px;line-height: 20px;} .noticelist li .notice01 a p{height: 95px;} .minuteslist li .minutes01 a{float: none;display: block; margin-top: 10px;height: auto;width: 100%;} .minuteslist li .minutes01 i{float: none;display: block;} } @media screen /*and (min-width:320px)*/ and (max-width:360px) { .noticelist li .notice01 a p{height:auto;} .noticelist li{width: 100%;float: none;} .noticelist {width: 100%;} .noticelist li .notice01{margin-right: 0;} .noticelist li{margin-bottom: 20px;} }