a:active { outline: none; star: expression(this.onFocus=this.blur()); } * { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; } img { border: none; } table { table-layout: fixed; border-collapse: collapse; } a { text-decoration: none; } .fb { font-weight: bold; } body { font-size: 12px; font-family: 'Microsoft YaHei'; } body, html { width: 100%; height: 100%; position: relative; } .bannerBox { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; } .bannerBox img { display: none; position: absolute; left: 0; top: 0; } .main { width: 1100px; height: 100%; margin: 0 0 0 -550px; position: absolute; left: 50%; top: 0; } .head { height: 72px; position: relative; color: #fff; } .head .logo { float: left; margin: 22px 0 0 0; } .head .tool { position: absolute; right: 10px; top: 22px; } .head .tool a { margin: 0 5px; color: #fff; } .head .tool a:hover { text-decoration: underline; } .head .nav { position: absolute; right: 0; top: 55px; } .head .nav li { width: 82px; text-align: center; height: 30px; position: relative; float: left; margin: 0 0 0 22px; z-index: 9; } .head .nav .a1 { font-weight: bold; font-size: 15px; color: #fff; padding: 0 15px 0 0; background: url(../images/i1.png) no-repeat right; } .head .nav li:hover .a1 { color: #f28a15; } .head .nav .subNav { display: none; width: 100%; position: absolute; left: 0; top: 30px; } .head .nav .subNav p { background: #fdfdfd; line-height: 23px; height: 23px; overflow: hidden; border-bottom: 1px solid #f2f2f2; } .head .nav .subNav a { display: block; color: #8c8c8c; font-size: 13px; transition: 200ms; } .head .nav .subNav a:hover { background: #085bab; color: #fff; } .foot { width: 100%; color: #fff; position: absolute; left: 0; bottom: 22px; } .foot .fl { float: left; margin-left: -8px; } .foot .fl a { color: #fff; margin: 0 8px; } .foot .fl a:hover { color: #f28a15; } .foot .fr { float: right; } .foot .fr .a1 { color: #fff; margin: 0 10px 0 0; } .foot .fr .a1:hover { color: #f28a15; text-decoration: underline; } .foot .fr .l { float: right; } .foot .share { float: right; margin: 0 0 0 10px; } .foot .share a { width: 14px; height: 14px; margin: 0 0 0 5px; display: block; float: left; background: url(../images/share.png) no-repeat 0 0; } .foot .share .weixin { background-position: 0 0; position: relative; } .foot .share .erweima { display: none; position: absolute; left: 50%; bottom: 20px; margin: 0 0 0 -50px; } .foot .share .weibo { background-position: -18px 0; } .foot .share .qq { background-position: -35px 0; } .foot .share .weixin:hover { background: url(../images/share2.png) no-repeat 0 0; } .foot .share .weibo:hover { background: url(../images/share2.png) no-repeat -18px 0; } .foot .share .qq:hover { background: url(../images/share2.png) no-repeat -35px 0; } .btns { width: 100%; margin: -80px 0 0 0; text-align: center; position: absolute; left: 0; top: 50%; } .btns span { width: 8px; height: 8px; margin: 0 4px; display: inline-block; background: #fff; cursor: pointer; } .btns span:hover, .btns .cur { background: #0758ab; } .bannerText .text { width: 100%; text-align: center; text-align: center; margin: 0 0 78px 0; position: absolute; left: 0; bottom: 50%; padding: 0 0 35px 0; } .bannerText img { display: none; } .content { width: 100%; height: 172px; position: absolute; bottom: 58px; } .wrapbox { width: 990px; margin: 48px auto 0px; background: #fff; overflow: hidden; height: 132px; } .fwrapbox { width: 990px; margin: 0 auto; overflow: hidden; } .left { width: 336px; height: 100%; float: left; } .left .l { width: 150px; height: 100%; line-height: 24px; float: left; } .left .l a { width: 107px; height: 100%; display: block; padding: 0 0 0 25px; color: #424242; } .left .l a:hover { text-decoration: underline; } .left .l .p1 { font-size: 14px; margin: 25px 0 0 0; } .left .r { width: 161px; padding: 0 0 0 25px; overflow: hidden; height: 100%; float: right; background: #075aab; } .left .newsBox { padding: 25px 25px 0 0; height: 134px; } .left .newsBox ul { height: 100%; position: relative; } .left .newsBox li { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .left .newsBox .time { font-weight: bold; color: #fff; } .left .newsBox .text { padding: 15px 0 0 0; line-height: 20px; } .left .newsBox .text a { color: #cddeee; } .left .newsBox .text a:hover { text-decoration: underline; } .left .newsBtns { } .left .newsBtns span { width: 13px; height: 2px; margin: 0 5px 10px 0; overflow: hidden; display: inline-block; background: #7da8d3; cursor: pointer; } .left .newsBtns .cur, .left .newsBtns span:hover { background: #e0871f; } .center { width: 348px; height: 100%; float: left; color: #fff; height: 175px; } .center .img { width: 160px; overflow: hidden; float: left; background: #000; } .center .img img { width: 100%; height: 100%; transition: 300ms; } .center .r { width: 152px; padding: 0 18px; overflow: hidden; height: 100%; float: right; background: #075aab; } .center .title { color: #fff; font-weight: bold; margin: 25px 0 0 0; } .center .text { height: 80px; color: #cddeee; padding: 15px 0 0 0; line-height: 20px; } .center .more { line-height: 20px; color: #83add5; padding: 0 18px 0 0; background: url(../images/i2.png) no-repeat 90% center; transition: 300ms; } .center:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; } .center:hover .more { color: #fff; background: url(../images/i2.png) no-repeat 100% center; } .center:hover .title { text-decoration: underline; } .right { width: 292px; height: 175px; background: url(../images/i3.jpg) no-repeat 227px 90px; float: left; } .right a { width: 100%; height: 100%; display: inline-block; } .right .img { width: 160px; background: #000; overflow: hidden; float: left; } .right .img img { width: 100%; height: 100%; transition: 300ms; } .right .text { width: 84px; overflow: hidden; margin: 25px 0 0 0; float: right; line-height: 24px; color: #424242; } .right .p1 { font-size: 14px; } .right .p2 { letter-spacing: -1px; } .right:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.5; } .right:hover .text { text-decoration: underline; } .box_os { position: fixed; right: -148px; top: 30%; width: 148px; background: #fff; z-index: 100001; } .box_os .os_x { background: url(../images/qq1.gif) no-repeat scroll left bottom #fff; width: 18px; height: 20px; position: absolute; right: 0px; top: -20px; } .box_os .os-t { background-color: #003F98; color: #fff; text-align: center; height: 36px; font: 16px/36px "microsoft yahei"; } .box_os .osqq { padding: 18px 0px; text-align: center; } .osqq .fc { padding-bottom: 10px; } .box_os .ostel { padding: 20px 0px 10px; } .onlineService { background: url(../images/qq1.gif) no-repeat; width: 40px; height: 201px; position: fixed; top: 46%; right: 0px; z-index: 10000; } .mobile-no-scale{ display: none !important;}