/* reset reset*/ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; } header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; } html, body, fieldset, img, iframe, abbr { border: 0; } i, cite, em, var, address, dfn { font-style: normal; } [hidefocus], summary { outline: 0; } ul, li, ol { list-style: none; } h1, h2, h3, h4, h5, h6, small { font-size: 100%; } pre, code, kbd, samp { font-family: inherit; } q:before, q:after { content: none; } textarea { overflow: auto; resize: none; } label, summary { cursor: default; } a, button { cursor: pointer; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } del, ins, u, s, a, a:hover { text-decoration: none; } body, textarea, input, button, select, keygen, legend { font: normal 12px/1.5 "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; color: #2B2B2B; outline: 0; } img { vertical-align: top; } a { color: #333; } a:hover { color: #cc0000; text-decoration:underline; } body { background: #FFF; } .clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; } .clearfix { zoom: 1; } .clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; } .blank5 { clear: both; height: 5px; visibility: hidden; } .blank10 { clear: both; height: 10px; visibility: hidden; } .blank15 { clear: both; height: 15px; visibility: hidden; } .blank20 { clear: both; height: 20px; visibility: hidden; } .blank25 { clear: both; height: 25px; visibility: hidden; } .blank30 { clear: both; height: 30px; visibility: hidden; } .blank35 { clear: both; height: 35px; visibility: hidden; } .blank40 { clear: both; height: 40px; visibility: hidden; } .mt_5 { margin-top: 5px; } .mt_10 { margin-top: 10px; } .mt_20 { margin-top: 20px; } .mt_30 { margin-top: 30px; } .mt_40 { margin-top: 40px; } .mb_10 { margin-bottom: 10px; } .mb_20 { margin-bottom: 20px; } .mb_25 { margin-bottom: 25px; } .mb_30 { margin-bottom: 30px; } .ft_12 { font-size: 12px; } .fl { float: left; } .fr { float: right; } .hide, .hidden { display: none; } .wid1200 { width: 1200px; margin: auto; } /*.top_ad img { margin: 15px 0; } .top_ad_nobottom img { margin: 15px 0 0; }*/ .ad_300 { width: 300px; } .ad_300 div{ height:auto!important; } .ad_300 img{ margin-bottom: 25px!important; } /*.ad_300 img { margin-top: 38px; }*/ .inner.wrp { width: 1200px; height: 100%; margin: auto; } .inner1100.wrp { width: 1200px; height: 100%; margin: auto; } .triangle-down { width:9px; height:5px; background:url("/oeimg2.cache.oeeee.com/Public2016/Images/common/arrow_up_down.png") no-repeat; } .N-nav-channel { width: 1200px; padding:10px 0 10px 0; } /*主导航菜单区域*/ #J_nav_wrp.fixed .nav{ position: fixed; top: 0; box-shadow: 0 1px 6px rgba(0,0,0,.2);} #J_nav_wrp.fixed .nav-sub{ position: fixed!important; top: 70px;} #J_nav_wrp .nav { width: 100%; min-width:1200px; height: 86px; background: #f9f9f9; position:relative; padding-top: 10px; z-index: 99; } .nav-sub { height: 50px; line-height: 50px; background: #f2f4f7; width: 100%; overflow:hidden; top: 70px; *top: 66px; _top: 66px; z-index: 90; border-bottom: #ddd 1px solid; } .nav-sub a { font-size: 14px; color: #666; margin-right: 8px; display: inline-block; height: 26px; line-height: 26px; padding: 0 12px; *margin-top: 12px; _margin-top: 12px; } .nav-sub a.active,.nav-sub a:hover { background: #01a5c2; border-radius: 26px; color: #fff; text-decoration:none; } .nav-sub .category{ position: absolute;} #J_nav_wrp .logo { float: left; font-size: 24px; margin-top: 6px; } #J_nav_wrp .logo a { display: block; width: 150px; height: 60px; overflow: hidden; text-decoration: none; line-height:150px; background: url("/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/logo.png"""""") no-repeat; background-image: -webkit-image-set(url("/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/logo.png"""""") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/home/logo_2x.png") 2x); background-image: -moz-image-set(url("/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/logo.png"""""") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/home/logo_2x.png") 2x); background-image: -ms-image-set(url("/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/logo.png"""""") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/home/logo_2x.png") 2x); background-image: -o-image-set(url("/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/logo.png"""""") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/home/logo_2x.png") 2x); _background-image: url("/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/"/skin/aoyi/img/logo.png"""""") } .logo a:before { content: " "; display: table } .logo a:after { height: 0; line-height: 0; visibility: hidden; clear: both } .sel_site { float: left; font-size:24px;font-weight:bold; width: 120px; text-indent: 20px; margin-top: 18px; margin-left:0px; height: 27px; line-height: 27px; color: #333; border: #e5e5e5 0px solid; border-radius: 1x; position: relative; cursor: pointer; } .sel_site .u_selsite{ position: absolute;width: 80px; left: -1px;top:-1px;border:#e5e5e5 1px solid; border-radius:14px; z-index: 98; background: #fff} .head_nav { float: left; display: inline; padding: 0 10px 0 25px; line-height: 66px; font-size: 16px; color: #666; } .head_nav li { float: left; height: 66px; } .head_nav li a { display: inline-block; padding: 3px 20px 0; height:60px; line-height:60px; color: #666; vertical-align: top; position: relative; } .head_nav li a:hover{ text-decoration:none; color:#01a5c2; border-bottom:3px solid #01a5c2; } .head_nav li.active { background:#01a5c2; } .head_nav li:hover { } .head_nav_r{ *width:314px; _width:314px; } .head_nav_r a { display: inline-block; vertical-align: top; float: left; } .epaper_link { padding-left: 30px; margin-top: 22px; margin-right: 58px; font-size: 14px; color: #666; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/home/icon_oe.png") 0 -29px no-repeat; } .epaper_link:hover{ color:#01a5c2;} .mobile_version { width: 20px; height: 28px; margin-top: 18px; margin-right: 40px; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/home/icon_oe.png") -1px -109px no-repeat; } .mobile_version:hover{ background-position:-41px -109px} .search { width: 28px; height: 30px; margin-top: 18px; margin-right: 40px; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/home/icon_oe.png") -1px -171px no-repeat; } .search:hover{ background-position:-41px -171px} .login_area { width: 28px; height: 28px; margin-top: 18px; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/home/icon_oe.png") -1px -227px; } .login_area:hover{ background-position:-41px -227px} .user{ width: 28px;height: 28px; float: right; margin-top: 18px; position: relative;} .user .popup { display: none; background: #fff; padding: 0 10px; position: absolute; z-index: 2; top: 43px; right: 0; border: 1px solid #c2c2c2; } .user .popup-list { width: 115px; border-bottom: 1px dashed #ddd; padding: 10px 0; text-align: left; overflow:hidden; } .user .popup-list .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #216baa; } .user .popup-list a { display: block; padding: 0 10px; } .user .img { width: 28px; height: 28px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .user .popup-list.last { border-bottom: none; } .user .arrow{ position: absolute; top: -10px; right: 5px; border-width: 10px; border-bottom:10px solid #919191; } .user .arrow2{ position: absolute; top: -9px; right: 5px; border-width: 10px; border-bottom:10px solid #fff; } .triangle { position: absolute; right: 15px; top: 11px; z-index:99; } .triangle2 { position: absolute; right: 15px; top: 7px; border-top: 7px solid #fff; } /*footer*/ #bottom { background: #f2f2f2; margin-top: 30px; padding-bottom: 50px; } #footer { width: 1200px; margin: 0 auto; text-align: center; line-height: 23px; } #footer .img img { border: 1px solid #ccc; margin: 0 6px; } #footer .copyright { color: #666; margin-top:10px; } #footer .copyright a { color: #666; } #footer .ft-info { padding-top: 15px; padding-bottom: 20px; } #footer .ft-info dt { margin-bottom: 16px; font-size: 16px; overflow: hidden; color: #999; } #footer .ft-info dd { color: #666; } #footer .ft-info-col { float: left; display: inline; padding: 7px 0; text-align: left; } #footer .ft-info-oe { width: 312px; border-right: #ddd 1px solid; } #footer .ft-info-oe a { display: inline-block; margin-bottom: 6px; margin-right: 25px; font-size: 13px; } #footer .ft-info-ndp { width: 394px; border-right: #ddd 1px solid; padding-left: 86px; } #footer .ft-info-ndp a { display: inline-block; margin-bottom: 6px; font-size: 13px; } #footer .ft-info-ndp .a1 { width: 94px; } #footer .ft-info-ndp .a2 { width: 104px; } #footer .ft-info-ndp .a3 { width: 154px; } #footer .ft-info-link { width: 304px; padding-left: 90px; } #footer .ft-info-link a { display: inline-block; margin-bottom: 6px; margin-right: 25px; font-size: 13px; } .head_nav li .info-list:hover{background:#017fae} .head_nav li .info { width: 160px; padding: 10px 16px; display: none; background: #0696bf; position: absolute; z-index: 2; zoom: 1; } .head_nav li .info-list { line-height: 30px; width: 50%; float: left; } .head_nav li .info-list a { display: block; font-size: 14px; color: #fff; text-align: center; padding: 0; } .head_nav li.nav-more{background:url("/oeimg2.cache.oeeee.com/Public2016/Images/common/arrow_up_down.png") 57px 30px no-repeat;} .head_nav li.nav-more:hover{ background-position:57px -20px;} .head_nav li.nav-more a:hover{ border:none;} /*新二级导航*/ .menu-sub{z-index:999; position:relative; width:100%;} .menu-sub .category{ width:100px; text-align:center; padding: 15px 20px; position: absolute; left:538px; top: 0; background: #fff; border: 1px solid rgba(26, 53, 71, 0.12); border-radius: 4px; box-shadow: 0 1px 2px rgba(26, 53, 71, 0.1); zoom: 1; } .menu-sub .category a{ display:block; height:36px; line-height:36px;font-size:16px; text-align:center;} .menu-sub .category a:hover{ background:#f5f5f5; text-decoration:none; color:#01a5c2;} .menu-sub .category::before{ content: ""; position: absolute; top: -7px; right: calc(50% - 7px); right: -moz-calc(50% - 7px); width: 13px; height: 7px; z-index: 4; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/common/dropdown-menu-arrow.svg"); } .fixed .menu-sub { position: fixed!important; top: 70px; } /*.triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #919191; }*/ .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #919191; } .triangle-left { width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid #919191; border-bottom: 5px solid transparent; } .triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #919191; border-bottom: 5px solid transparent; } #backtop{ width:40px; height:40px; display:none; position:fixed; bottom:100px; left:50%; margin-left:620px; cursor:pointer; z-index:1000;} #backtop a{width:40px; height:40px; display:block; background:url("/oeimg2.cache.oeeee.com/Public2016/Images/common/btn_gotop.png") no-repeat; } #backtop a:hover{ background-position:0 -40px;} .show-footer { width: 100%; background: #fafafa; margin-top: 20px; border-top: 1px solid #ddd; } .channel-footer { padding: 20px 0 20px 0; color: #999; width: 1200px; margin: auto; } .channel-footer .footer-list { float: left; } .channel-footer .line { float: left; margin: 0 5px; } .hover_download{ width: 195px; height: 115px; text-align: center; padding: 15px 20px; position:absolute;left: -109px; top: 66px; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png") no-repeat; background-image: -webkit-image-set(url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png") 2x); background-image: -moz-image-set(url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png") 2x); background-image: -ms-image-set(url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png") 2x); background-image: -o-image-set(url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png") 1x, url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png") 2x); _background-image: url("/oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png"); border: 1px solid rgba(26, 53, 71, 0.12); border-radius: 4px; box-shadow: 0 1px 2px rgba(26, 53, 71, 0.1); zoom: 1; background-position: center center; background-color: #fff; } .hover_download::before{ content: ""; position: absolute; top: -7px; right: calc(50% - 7px); right: -moz-calc(50% - 7px); width: 13px; height: 7px; z-index: 4; background: url("/oeimg2.cache.oeeee.com/Public2016/Images/common/dropdown-menu-arrow.svg"); } .hover_download .inner{ width: 100px; text-align: center; padding: 15px 20px; position: absolute; left: 638px; top: 0; background: #fff; zoom: 1; } .suggest { position: fixed; right: -5px; bottom: 160px; width: 35px; height: 100px; background: url("/oeimg2.cache.oeeee.com/Public_v2/Images/channel/home/yjfk.png") no-repeat; } .suggest a { display: block; width: 100%; height: 100%; text-indent: -9999em; }