@charset "utf-8"; .bannerbox { background: #0d0e3c; height: 328px; min-width:1230px; } .bannerrightbox { z-index:999; background: #000; width: 360px; height: 260px; position: absolute; right: 0; top:-320px; *top:-280px; border:1px #000 solid; -moz-opacity: 0.0; /* ff 3.5以下 */ opacity: 0.0; /* ff 3.5及以上 */ filter: alpha(opacity=50); /* ie6及以上 */ } .textbox{position:absolute;top:-320px;*top:-280px; right:0;z-index:999; opacity:0;} ul.righttext{padding:20px; position:relative} ul.righttext li{ color:#fff; font-size:26px; line-height:60px; opacity:1; } ul.righttext li span{padding:0 5px; color:#ff9900; font-size:20px; } ul.righttext li em{ font-size:20px; font-style:normal;} .whatbox { padding-top: 30px; overflow: hidden; clear: both; padding-bottom: 30px; height: 110px; } .what { width: 400px; float: left; color: #666; } .what > h1 { font-weight: normal; font-size: 26px; display: block; color: #285091; padding-bottom: 15px; -webkit-transition: text-shadow 0.4s ease-out; -moz-transition: text-shadow 0.4s ease-out; -o-transition: text-shadow 0.4s 0.4s ease-out; -ms-transition: text-shadow 0.4s ease-out; } .what > h1:hover { transition: all 0.5s linear; text-shadow: 3px 3px 2px #e0e0e0; cursor: default } .whatrightbox { position: absolute; right: 0; top: 50px; } .whatrightbox ul li { float: left; padding-left: 20px; text-align: right; border-right: 1px #f2f2f2 solid; padding-right: 20px; color: #666; } .whatrightbox ul li h1 { font-family: tahoma, "helvetica neue", helvetica, arial, sans-serif; font-weight: normal; font-size: 36px; color: #285091; line-height:36px; padding-bottom: 25px; -webkit-transition: text-shadow 0.4s ease-out; -moz-transition: text-shadow 0.4s ease-out; -o-transition: text-shadow 0.4s 0.4s ease-out; -ms-transition: text-shadow 0.4s ease-out; } .whatrightbox ul li h1 > span > span { font-family: simhei; } .whatrightbox ul li h1 > span { color: #ed5f5b } .whatrightbox ul li h1:hover { transition: all 0.5s linear; text-shadow: 3px 3px 2px #e0e0e0; cursor: default } .newsbox1 { padding-bottom: 30px; } .newstitle1 { background: #4c80d4; height: 69px; } .newstitle1name { background: no-repeat; position: absolute; bottom: 0; height: 77px; width: 500px; font-size: 22px; color: #fff; line-height: 77px; padding-left: 70px; } .newstitle1name > span { font-size: 14px; padding-left: 90px; } .newstitle1name > span > span { color: #ffaa00; font-size: 26px; padding: 0 5px; } .newstitle1 > a:link { position: absolute; right: 20px; top: 25px; color: #fff; border: 1px #588cdf solid; padding: 0 10px; } .newstitle1 > a:visited { border: 1px #588cdf solid; color:#fff; } .newstitle1 > a:hover { border: 1px #6b9cea solid; padding: 0 10px; } .newstextbox { border-right: 1px #f2f2f2 solid; overflow: hidden } ul.newslist { } ul.newslist > li { border-bottom: 1px #f2f2f2 solid; position: relative; line-height: 20px; padding: 10px 10px 10px 10px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s 0.4s ease-out; -ms-transition: all 0.4s ease-out; width:592px; float:left; border-left: 1px #f2f2f2 solid; } ul.newslist > li h1 { cursor:pointer; font-size: 16px; /* background: no-repeat 0 6px;*/ padding-left: 20px; color: #000; font-weight: normal; width: 500px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } ul.newslist > li:hover { background: #f9f9f9; transition: all 0.1s linear } ul.newslist2 { } ul.newslist2 > li { border-left: 1px #f2f2f2 solid; border-bottom: 1px #f2f2f2 solid; position: relative; line-height: 20px; padding: 10px 10px 10px 10px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s 0.4s ease-out; -ms-transition: all 0.4s ease-out; width:592px; float:left; } ul.newslist2 > li h1 { cursor:pointer; font-size: 16px; /*background: no-repeat 0 16px;*/ padding-left: 20px; color: #000; font-weight: normal; width:480px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } ul.newslist2 > li:hover { background: #f9f9f9; transition: all 0.1s linear } ul.newsinfo { overflow: hidden; cursor:pointer; } ul.newsinfo li { float: left; padding-right: 10px; padding-left: 20px; color: #999; border-bottom: 0px; padding-top: 8px; font-size:12px; } ul.newsinfo li span { color: #333; } .newsdate { position: absolute; right: 20px; top: 25px; background: none; font-size: 12px; text-align: right; line-height: 15px; border: 1px #f0f0f0 solid; padding: 5px; color: #999; cursor:pointer; } .newsdate div { font-weight: bold; font-size: 14px; color: #999 } .newsdatenew { position: absolute; right: 20px; top: 25px; background: none; font-size: 12px; text-align: right; line-height: 15px; border: 1px #edb9b8 solid; padding: 5px; color: #ed5f5b; cursor:pointer; } .newsdatenew div { font-weight: bold; font-size: 14px; color: #ed5f5b } .newsdate2 { cursor:pointer; position: absolute; right: 10px; top: 28px; background: none; font-size: 14px; text-align: right; line-height: 15px; color: #999; } .dailiboxnew { padding-bottom: 16px; overflow: hidden } .newsdate2new { cursor:pointer; position: absolute; right: 10px; top: 28px; background: none; font-size: 14px; text-align: right; line-height: 15px; color: #ed5f5b; } .dailibox { padding-bottom: 16px; overflow: hidden } .daili { background: #ed5f5b no-repeat 70px 40px; width: 200px; height: 200px; float: left; margin-right: 0px; color: #fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s 0.4s ease-out; -ms-transition: all 0.4s ease-out; } .daili:hover { background: #d94844 no-repeat 70px 40px; transition: all 0.2s linear } .daili a { padding-top: 130px; text-align: center; font-weight: bold; font-size: 16px; display: block; } .daili a:link { color: #fff; font-size: 16px; } .daili a:visited{ color:#fff;} ul.dailibox { } ul.dailibox li { float: left; width: 240px; height: 200px; position: relative; padding-left: 16px; } ul.dailibox li div { position: absolute; left: 16px; top: 160px; height: 40px; width: 240px; line-height:40px; text-align:center; color:#fff; background:#000; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; background:rgba(0,0,0,0.6); filter:alpha(opacity=60);/*只对ie7,ie8有效*/ } ul.dailibox li a img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } ul.dailibox li a img:hover { opacity: 1.0; -webkit-transition: opacity 1.0s, -webkit-transform 0.35s; transition: opacity 1.0s, transform 0.35s; } .liuchengbox { } ul.liucheng { overflow: hidden; height: 300px; } ul.liucheng li { width: 240px; height: 200px; float: left; cursor: default } .zhuce { background: no-repeat center top; height: 165px; width: 165px; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; -ms-transition: -ms-transform 0.4s ease-out; } .baoming { background: no-repeat center top; height: 165px; width: 165px; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; -ms-transition: -ms-transform 0.4s ease-out; } .jiaofei { background: no-repeat center top; height: 165px; width: 165px; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; -ms-transition: -ms-transform 0.4s ease-out; } .toubiao { background: no-repeat center top; height: 165px; width: 165px; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; -ms-transition: -ms-transform 0.4s ease-out; } .kaibiao { background: no-repeat center top; height: 165px; width: 165px; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; -ms-transition: -ms-transform 0.4s ease-out; } .zhuce:hover, .baoming:hover, .jiaofei:hover, .toubiao:hover, .kaibiao:hover { transition: all 0.2s linear; transform: rotate(10deg) } ul.liucheng li h1 { font-size: 20px; color: #666; width: 140px; text-align: center; padding-top: 20px; margin: 0 auto; line-height:30px; } ul.liucheng li h1 span { font-family: impactlinda, impact, haettenschweiler, "franklin gothic bold", "arial black", sans-serif; font-size: 25px; padding-right: 5px; } ul.liucheng li h2 { font-size: 14px; color: #666; width: 140px; text-align: center; margin: 0 auto; line-height: 16px; padding-top: 10px; font-weight: normal } .notice{background:#faf3d1} .notice ul{padding:8px; overflow:hidden;width:1230px; margin:0 auto;} .notice ul span{ background: no-repeat right center; display:block; width:48px; float:left;margin-right:20px; color:#ed5f5b; font-weight:bold; font-size:14px;padding-left:5px; } .notice ul li{ width:550px; float:left;} .notice ul li a{ } .notice ul li a:hover{ color:#ed5f5b;}