/* 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;
}