@charset "utf-8";
/* 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: 1100px;
  height: 100%;
  margin: auto;
}
.triangle-down {
	width:9px;
	height:5px;
	background:url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/arrow_up_down.png) no-repeat;
}

/*主导航菜单区域*/
#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: 66px;
  border-top: #01a5c2 4px solid;
  box-shadow: 0 0px 6px rgba(0,0,0,.2);
  background: #fff;
  position:relative;
  top: 0;
  z-index: 99;
  _border:1px solid #ddd;
  *border:1px solid #ddd;
}
.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: 140px;
  height: 50px;
  overflow: hidden;
  text-decoration: none;
  line-height:150px;
    background: url(../images/logo_1x.png) no-repeat;
                background-image: -webkit-image-set(url(../images/logo_1x.png) 1x,url() 2x);
                background-image: -moz-image-set(url(../images/logo_1x.png) 1x,url() 2x);
                background-image: -ms-image-set(url(../images/logo_1x.png) 1x,url() 2x);
                background-image: -o-image-set(url(../images/logo_1x.png) 1x,url() 2x)
 
}
.logo a:before {
  content: " ";
  display: table
}
.logo a:after {
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both
}
.sel_site {
  float: left;
  width: 80px;
  text-indent: 20px;
  margin-top: 18px;
  margin-left: 36px;
  height: 27px;
  line-height: 27px;
  color: #888;
  border: #e5e5e5 1px solid;
  border-radius: 14px;
  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(/static/images/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(/static/images/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(/static/images/icon_oe.png) -1px -171px no-repeat;
}
.search:hover{ background-position:-41px -171px}
.login_area {
  width: 28px;
  height: 28px;
  margin-top: 18px;
  background: url(/static/images/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(http://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:638px;
  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(http://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(http://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: 64px;
    top: 66px;
    background: url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png) no-repeat;
    background-image: -webkit-image-set(url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png) 1x, url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png) 2x);
    background-image: -moz-image-set(url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png) 1x, url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png) 2x);
    background-image: -ms-image-set(url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png) 1x, url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png) 2x);
    background-image: -o-image-set(url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm.png) 1x, url(http://oeimg2.cache.oeeee.com/Public2016/Images/common/oe_ewm_2x.png) 2x);
    _background-image: url(http://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(http://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(http://oeimg2.cache.oeeee.com/Public_v2/Images/channel/home/yjfk.png) no-repeat;
}
.suggest a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}