@charset "utf-8"; /* CSS Document */ .Banner{ width:100%; overflow: hidden; position: relative; margin: 0 auto 0; background:#eaeaea;max-width: 1300px; } /* 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 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.clone{position:relative} .flexslider .slides .img{width: 100%;display: block;height: 0;padding-bottom: 31.25%;} .flexslider .slides img {width: 100%; display: block;} .flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;} .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 { 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: 30px; height: 50px; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-indent:-999em ;margin-top:-25px;} .flex-direction-nav .flex-prev { background: url(../images/lf.png) no-repeat center center;left:15px;} .flex-direction-nav .flex-next { background: url(../images/rt.png) no-repeat center center;right: 15px;} .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: 10px; left:0; text-align: center; z-index:99; } .flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 9px; height: 9px; display: block; border:1px solid #fff; cursor: pointer; text-indent: -9999px;border-radius:8px;background-color:#fff; } .flex-control-paging li a:hover { background: #005aa0; } .flex-control-paging li a.flex-active {background: #214e63;border: 1px solid #214e63;} .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;} .mode01{overflow:hidden;/* background:#f2f2f2; */padding:30px 0;width: 1300px;margin: 0 auto;} /*蹇€熼摼鎺?/ .fastLink{ max-width:1200px; margin:0 auto;} .fastLink ul li{ padding: 25px; display:block; float:left; width:20%; text-align:center;box-sizing:border-box;} /*.fastLink ul li.li01{background-color: #204f63;} .fastLink ul li.li02{background-color: #faa632;} .fastLink ul li.li03{background-color: #3d97e4;} .fastLink ul li.li04{background-color: #968c51;} .fastLink ul li.li05{ width:20%; background-color:#0ba299;} .fastLink ul li.li06{ background-color:#0062ac;}*/ .fastLink ul li a span{ color:#fff; display:block; height:21px; overflow:hidden; font-size:1.6em;} .fastLink ul li a img{ /*max-width:42px;*/margin-bottom: 10px;} .fastLink ul{margin-left: -25px;margin-right: -25px;} .content{overflow:hidden;} .mode02{max-width:1200px;overflow:hidden; margin:22px auto 0; } .news { width: 66%; float: left; } .news .title {height: 45px;line-height: 45px;border-bottom: 2px solid #3d97e4;} .news h2 { width: auto; float: left; font-size: 20px; color: #333; font-weight:normal; } .news .title a { float: right; color: #868686; font-size: 16px; } .news_con { overflow: hidden; margin:20px 0 0 0; } .newsLf { width:50%; float:left;} .newsLf .item-img04{display: block;width: 100%;height: 0;padding-bottom: 68.8%;overflow: hidden;} .newsLf .item-img04 img{width: 100%;} .newsLf p{ font-size:16px; color:#333;line-height: 28px;padding-top: 5px;} .newsLf p span{ color:#666;margin:0 6px;} .newsLf p strong{color: #3d97e4;margin:0 6px;} .newsLf p.p01{height: 56px;overflow: hidden;} .newsRt{ float:right; width:47%;} .newsRt ul {} .newsRt ul li { overflow: hidden; font-size: 15px;height: 35px; line-height:35px; padding:0 0 0 13px; position: relative; } .newsRt ul li:before{width:4px;height: 4px;background-color:#005faf;content: '';position: absolute;left:0;top:17px;} .newsRt ul li a { } .newsRt ul li span {float: right; color: #646464; font-size:14px; } .tongzhi { width:31.5%; float: right; } .tongzhi .title {height: 45px;line-height: 45px;border-bottom: 2px solid #3d97e4;} .tongzhi h2 { width: auto; float: left; font-size: 20px; color: #333; font-weight:normal; } .tongzhi .title a { float: right; color: #868686; font-size: 16px; } .tongzhi ul { margin: 20px 0 0 0; } .tongzhi ul li {margin: 0 0 13px 0; overflow: hidden; } .tongzhi ul li .date { width: 50px; height:47px; background:#e4e4e4; float: left; margin: 0 13px 0 0; } .tongzhi ul li .day {height: 22px;line-height: 22px;font-size: 14px;font-family: Times New Roman;color: #3d97e4;text-align:center;display: block;font-weight:bold;margin: 0 auto;} .tongzhi ul li .month {height: 22px;line-height: 22px;margin: 0 auto;font-size: 14px;font-family: Times New Roman;color: #3d97e4;text-align:center;display: block;} .tongzhi ul li a { font-size: 15px; line-height: 25px;display: block;margin-left: 65px;height: 50px;overflow: hidden;} .mode03{max-width:1200px;overflow:hidden; margin:0px auto 20px; overflow: hidden; } .imgList .title {height: 45px;line-height: 45px;border-bottom: 2px solid #3d97e4;} .imgList h2 { width: auto; float: left; font-size: 20px; color: #333; font-weight:normal; } .imgList .title a { float: right; color: #868686; font-size: 16px; } /* 搴曢儴鍥剧墖 */ .life { width: 100%; background: #fff; padding: 0px;overflow:hidden } .lifeIn { width: 1200px;margin: 0 auto;overflow:hidden;padding-bottom:20px; } .life h2 { height: 80px; line-height: 80px; } .life h2 a { font-size: 26px; color: #343434; } .lifecon {margin: 20px 0px 20px;} .life_img01{width:100%;height:0;padding-bottom:67%;display: block;overflow: hidden;position: relative;} .life_img02{width:100%;height:0;padding-bottom:65%;overflow: hidden;display: block;position: relative;} .life_img01 .imgTitle,.life_img02 .imgTitle{background: url(../images/b50.png);height: 30px;line-height: 30px;color: white;display: block;overflow: hidden;width: 90%;padding: 0 5%;white-space: nowrap;text-overflow: ellipsis;} .life_img01:hover .imgTitle,.life_img02:hover .imgTitle{position: absolute;bottom: 0;left: 0;} .life_img02 img,.life_img01 img,.life_img02 .imgTitle,.life_img01 .imgTitle{} .life_img02 img, .life_img01 img{width: 100%;} .life_left { width: 47.5%; float: left; margin-left: 1.25%;} .life_right {width: 50%;float: right;} .life_right ul li {width: 47.5%;float: left;margin: 0 2.5% 2% 0;} .life_img01 img:hover,.life_img02 img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);} /* 搴曢儴鍥剧墖缁撴潫 */ .newsLf .item-img04 img:hover,.flexslider .slides img:hover,.life_img02 img:hover, .life_img01 img:hover{transform: scale(1.05);transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;} video:focus{border:0;outline: none;} @media screen and (max-width:1386px){ .mode01{width: 100%;} .fastLink,.mode02,.mode03{width: 1000px;} } @media screen and (max-width:1020px){ .mode01{width: 100%;} .fastLink,.mode02,.mode03{width: 96%;} } @media screen and (max-width:768px){ .news,.newsLf,.newsRt{width: 100%;} .newsLf p.p01{height: auto;} .newsLf{margin-bottom: 20px;} .newsLf p{font-size: 14px;padding: 0;line-height: 24px;} .newsRt ul li{font-size: 14px;line-height: 30px;height: 30px;} .newsRt ul li:before{top: 14px;} .newsRt ul li span{padding-left: 10px;} .tongzhi{width: 100%;margin-top: 20px;} } @media screen and (max-width:414px){ .fastLink ul li a span{font-size: 12px;} }