/* 头部*/
.header { height: 90px; padding: 0 25px; position: fixed; z-index: 2; min-width: 1000px; top: 0; left: 0; right: 0; /*overflow: hidden;*/ background: #FEFEFE; }
.logo { text-decoration: none; display: block; padding-top: 25px; float: left; }
.logo p { padding-top: 7px; letter-spacing: 0.05em; font-size: 14px; }

.userLogin { float: right; padding-top: 26px; background: #FEFEFE; position: relative; z-index: 1; padding-left: 15px; }
.searchResult { font-size: 14px; color: #999; position: absolute; top: 40px; left: 630px; z-index: 0; }
.searchResult b { font-size: 14px; color: #ff4f02;}
.searchNullResult { letter-spacing: 0.05em; position: relative; }
.searchNullResult p { font-size: 18px; color: #000; margin-bottom: 15px; }
.searchNullResult span { color: #c00; font-size: 18px; }
.searchNullResult b { font-weight: normal; display:block; color: #666; font-size: 13px; line-height: 28px; margin-bottom: 15px; }
.searchNullResult li { color: #333; list-style-position: inside; list-style-type: disc; margin-bottom: 10px; font-size: 13px; padding-left: 10px; }
.searchNullResult li a { color: #f26513; font-size: 13px; }

.avt { height: 42px; width: 42px; border: 1px solid #d0d0d0; border-radius: 25px;  overflow: hidden; float: left; }
.avtImg { height: 36px; width: 36px; margin: 3px; overflow: hidden; border-radius: 25px; }
.avtImg img { width: 36px; height: 36px; }
.loginInfo { float: left;line-height: 44px; position: relative; }
.loginInfo .line { font-size: 16px; margin-left: 10px; float: left }
.loginInfo a { font-size: 16px; cursor: pointer; letter-spacing: 0.02em; margin-left: 15px; float: left }
.loginInfo a.link { margin-left: 10px; }
.loginInfo a:hover,
.loginInfo a:hover i { color: #f26513; }
.userLayer { display: none; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); position: absolute; top: 45px; left: 15px; line-height: normal; background: #fff; padding: 5px 0; border:1px solid #e3e3e3; }
.userLayer a { display:block; margin: 0!important; font-size: 14px!important; color: #0079F5; }
.userLayer a>i{ color: #0079F5;}
.userLayer dd { line-height: 30px; padding: 0 12px; }
.userLayer dt { background: url("../images/arrow.gif") no-repeat -20px 0; width: 13px; height: 7px; position: absolute; top: -7px; left: 10px;}
.l_u{ display: inline-block;  font-style: normal; color: #00A1F5; white-space:nowrap; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; max-width: 140px;}
.loginInfo a.login_username { display: inline-block; margin-left: 0;}

.login_username>i{ line-height: 44px;}
.login_username b { position: relative; top: -1px; vertical-align: middle; display: inline-block; height: 16px; line-height: 16px; color: #fff; background: #e91010; padding: 0 5px; border-radius: 5px; margin-left: 5px; font-size: 12px; font-weight: normal; }
.login_username b.shz{ background: #B3B3B3;}
.loginInfo:hover .userLayer { display: block; }

/*导航*/
.nav { height: 34px; background: #1e1e1e; position: fixed; z-index: 1; min-width: 1000px; top: 90px; left: 0; right: 0; }
.nav ul.navitem { margin: 0 25px; float: left;}
.nav ul.navitem li { float: left; margin-right: 30px; }
.nav ul.navitem li a { cursor: pointer; display: block; font-size: 15px; line-height: 34px; height: 34px; text-align: center; color: #bbb; letter-spacing: 0.5px; }
.nav ul.navitem li a span,
.nav ul.navitem li a samp { color: #bbb; font-size: 15px; }
.nav ul.navitem li a span { display: none; font-size: 14px; letter-spacing: 0.1em;  font-family: arial; }
.nav ul.navitem li a.active,
.nav ul.navitem li a:hover,
.nav ul.navitem li a.active span,
.nav ul.navitem li a:hover span,
.nav ul.navitem li a.active samp,
.nav ul.navitem li a:hover samp { color: #fff; }
.nav ul.navitem li.bdata,
.nav ul.navitem li.news,
.nav ul.navitem li.eland,
.nav ul.navitem li.xcase { margin-right: 0; width: 120px; position: relative; left: -15px; }
.nav ul.navitem li.bdata:hover { background: #ec6d4b; }
.nav ul.navitem li.eland:hover { background: #2a8854; }
.nav ul.navitem li.xcase:hover { background: #13A6D5;  }
.nav ul.navitem li.bdata:hover span { color: #fff; display: none; }
.nav ul.navitem li.eland:hover span { color: #fff; display: none;}
.nav ul.navitem li.xcase:hover span { color: #fff; display: none; }
.nav ul.navitem li.bdata:hover samp { color: #fff; display: block; }
.nav ul.navitem li.eland:hover samp { color: #fff; display: block;}
.nav ul.navitem li.xcase:hover samp { color: #fff; display: block; }
.nav ul.navitem li.news:hover samp { color: #fff; display: block; }
.nav ul.navitem li.news:hover { background: #D60F14;  }


/* 二级导航区域*/
.cnavArea { height: 28px; margin: 0 25px; position: fixed; z-index: 1; min-width: 1000px; top: 135px; left: 0; right: 0; }
/*二级导航*/
.cnav { float: left; padding-top:3px;}
.cnav li { float: left; margin-right: 8px; }
.cnav li a { height: 22px; padding: 0 10px; font-size: 14px; display: block; line-height: 22px; cursor: pointer; }
.cnav li a:hover { background: #f2f2f2; }
.cnav li.active a { background: #939393; color: #fff; }

/* 博美早报 */
.bomei { float: right; line-height: 25px; height: 25px; }
.bomei.ext { float: none; }
.bomei a { font-size: 14px; margin-left: 10px; }
.bomei a:hover { color: #f26513; }
.bomei span { margin-left: 20px; }
/* 搜索*/
.search { float: left; margin-top: 32px; margin-left: 20px; }
.search label { font-size: 20px; margin-left: 10px; position: relative; top: 2px; }
.search input { margin-left: 10px;  height: 26px; line-height: 26px; border: 1px solid #d8d8d8; width: 160px; padding: 0 10px; }
.search button { cursor: pointer; height: 28px; width: 34px; border: 0; font-size: 14px; position: relative; left: -4px; background: #aaa; }
.search button:hover { background: #bbb; }
.search button i { color: #fff; }

/* 底部*/
.footer { margin:0 25px;  position: fixed; min-width: 1000px; height:82px; z-index: 2; bottom: 10px; left: 0; right: 0; }
.footer i { font-size: 14px!important;}
.footer a { cursor: pointer; }
.keyb { float: left; position: absolute; z-index: 5; left: 0; top: 0; }
.gotop { position: absolute; z-index: 5; right: 0; top: 20px; opacity: 0; filter: alpha(opacity=0);
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
}
.topicgotop { cursor: pointer; background: url("../images/gotop2.png") no-repeat; height: 40px; width: 40px; position: fixed; z-index: 4; left:50%;margin-left: 400px; bottom: 20px;
    opacity: 0; filter: alpha(opacity=0);
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
}

.footer p { text-align: center;font-size: 13px; letter-spacing: 0.04em; height:33px; line-height:33px; position: relative; top: 15px;}
.footer p a.imglink { position: relative; top: 8px; }
.footer p a { margin: 0 5px;  }
.footer p img { vertical-align:baseline;}

/* 色块*/
.container { position: fixed; overflow-x: hidden; min-width: 1000px; min-height:370px; top: 175px; left: 0; bottom:92px; right: 0; z-index: 1;  /*background: #ccc;*/ }
/*.container.ext { top:150px;}*/
.container.ext a { float: left; margin-bottom: 10px!important; margin-right: 10px!important; }
.containerWrap { width: 999999%; overflow-y: hidden; position: relative; left: 0; height: 100%; margin-left: 25px; }
.container.ext .containerWrap { width: auto; }
.arae { float: left; position: relative; }
.arae img { opacity: 0; filter:alpha(opacity=0);
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
}
.arae>div.row { float: left; }
.arae>div.row>a { display: block; height: 120px; width: 220px; margin-right: 5px;margin-bottom: 5px; overflow: hidden; position: relative; cursor: pointer; }
.arae>div.row>a.partner { border: 1px solid #d5d5d5; background-color: #fff!important; }
.arae>div.row>a.partner img { opacity: 1; filter: alpha(opacity=100); }
.arae>a.col4x:hover,
.arae_big>a.col9x:hover,
.arae>div.row>a:hover { opacity: .8; }
.arae>a.col4x b,
.arae_big>a.col9x b,
.arae>div.row>a b { color: #fff; font-size: 15px; position: absolute; left: 20px; bottom: 20px; right: 20px; top: 20px; font-weight: normal; letter-spacing: 0.02em; line-height: 25px; overflow: hidden; }
.arae>div.row>a img { width: 220px;}
.arae>a.col4x { display: block; height: 245px; width: 445px; position: absolute; cursor: pointer; }
.arae>a.col4x>strong,
.arae_big>a.col9x>strong,
.arae>div.row>a>strong { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; height: 40px; }
.arae>a.col4x>strong span,
.arae_big>a.col9x>strong span,
.arae>div.row>a>strong span { font-weight: normal; overflow: hidden; color: #fff; font-size: 18px; position: absolute; left: 15px; right: 15px; top: 10px; height: 22px; line-height: 22px; z-index: 1; }
.arae>a.col4x>strong samp,
.arae_big>a.col9x>strong samp,
.arae>div.row>a>strong samp { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; z-index: 0; opacity: .5; filter:alpha(opacity=50); }
.arae>div.row>a,
.arae>a.col9x,
.arae>a.col4x { background: #ff9000; overflow: hidden; }
.arae>div.row>a:hover strong samp,
.arae_big>a.col9x:hover strong samp,
.arae>a.col4x:hover strong samp { opacity: .8; filter:alpha(opacity=80); }
.arae>a.col4x img { width: 445px;}
.arae>div.row>a.bottom { position: relative; top: 250px; }
.arae>div.row>a.col1x { height:370px; width: 670px; }
.arae>div.row>a.col1x img { width: 670px; }
.arae>div.row>a.col2x { height: 245px; }
.arae>div.row>a.col3x { height: 370px;  }
.arae_1>div.row>a { height:370px; width: 670px; }
.arae>a.col4x>em,
.arae_big>a.col9x>em,
.arae>div.row>a>em { display: block; position: absolute; z-index: 2; right: 0; top: 0; height: 41px; width: 40px;}
.arae>a.col4x>em.tag1,
.arae_big>a.col9x>em.tag1,
.arae>div.row>a>em.tag1 { background: url("../images/new.gif") no-repeat; }
.arae>a.col4x>em.tag2,
.arae_big>a.col9x>em.tag2,
.arae>div.row>a>em.tag2 { background: url("../images/hot.gif") no-repeat;  }
.arae_6>a.col4x { top: 125px; left: 225px;}
.arae_7>a.col4x,
.arae_8>a.col4x { top: 0; left: 0;}
.arae_9>a.col4x { top: 125px; left: 225px;}
.arae>div.row>a.col1x b { font-size: 40px; line-height: 59px; left: 50px; right: 50px; top: 127px; height: 120px; overflow: hidden;}
.arae>a.col4x b { font-size: 30px; line-height: 50px; left: 30px; right: 30px; top: 73px; height: 100px; overflow: hidden;}
.arae>div.row>a.col2x b { font-size: 24px; line-height: 38px; height: 155px; top: 47px; }
.arae>div.row>a.col3x b { top: 86px; font-size: 26px; line-height: 40px; height: 200px;}
.arae>div.row>a b { top: 21px; font-size: 17px; height: 80px; line-height: 28px;}
.arae>div.row>a.col1x>strong { height: 60px; }
.arae>div.row>a.col1x>strong span { font-size: 22px; height: 22px; line-height: 22px; top: 20px; left: 20px; right: 20px; }
.arae>div.row>a>strong { height: 30px; }
.arae>div.row>a>strong span { font-size: 13px; top: 5px; }
.arae_big>div.row>a.col1x { height:495px; width: 896px; }
.arae_big>div.row>a.col1x img { width: 900px; }
.arae_big>a.col9x { width: 670px; height: 370px; position: absolute; left: 0; top: 0; display: block; cursor: pointer; }
.arae_big>a.col9x img { width: 670px; }
.arae_big>a.col9x b { font-size: 40px; line-height: 59px; left: 50px; right: 50px; top: 127px; height: 120px; overflow: hidden;}
.arae_big>div.row>a.bottom { top: 375px; }
.arae_big>div.row>a.bottom2 { top: 125px; }
.arae_big.arae_6>a.col9x { top: 125px; left: 0; }
.arae_big.arae_9>a.col4x { left: 0; top: 0; }
.arae>div.row>a b.grey { color: #525252; }
.arae>div.row>a b.grey h5 { color: #525252; font-size: 14px; margin-bottom: 4px; }
.tagType { text-align: center; }
.tagType:hover {opacity: 1!important;filter:alpha(opacity=100)!important; }
.tagType h2 { color: #fff; font-size: 30px; font-weight: normal; margin-top: 25px; margin-bottom: 5px;  }
.tagType p { color: #fff; font-size: 18px;  }
.tagType5 { background: #008100!important; }
.tagType6 { background: #FF4C2A!important; }

/* 关于我们*/
.pageContent { overflow: hidden; height: 100%; padding-left: 25px;
    -webkit-column-width: 350px;
    -moz-column-width: 350px;
    -ms-column-width: 350px;
    -o-column-width: 350px;
    column-width: 350px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;
}
.pageTitle { height: 20px; overflow: hidden; margin-bottom: 16px; }
.pageTitle samp { display: block; float:left; height: 18px; width: 7px; background: #4f4f4f; }
.pageTitle b { color: #222; float: left; display: block; height: 18px; line-height:18px; font-size: 18px; margin-left: 8px; letter-spacing: 0.05px; }
.pageTitle em { float: left; display: block; height: 18px; line-height:25px; font-size: 14px; margin-left: 5px; color: #b1b1b1; letter-spacing: 0.02em; }
.zzimg { margin-bottom: 20px; background: #1B133C url("../images/zz.png") no-repeat center center; height: 232px; }
.pcontent p { font-size: 14px; color: #333; line-height: 25px; margin-bottom: 16px; }
.pcontent b { font-size: 16px; color: #222; padding-bottom: 5px; display: block; }
.contentline { margin-bottom: 10px; height: 1px; border-bottom: 1px dotted #e0e0e0; }

#ad-js-topicDetailsbody{ margin:10px 30px; overflow: hidden; line-height: 30px; font-size: 14px; text-align: left; }
#ad-js-topicDetailsbody p { line-height: 30px; font-size: 14px; }
#ad-js-topicDetailsbody img { max-width: 100%; margin: 20px 0; }
.details { display: none; position: fixed; left: 0; bottom: 0; top: 0; right: 0; z-index: 1000;  }
.details_bg { background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; opacity: .2; filter:alpha(opacity=20);  }
.details p { background: #fff; position: absolute; z-index: 2; right:-700px; bottom: 0; width: 700px; height: 100%;box-shadow: 1px 1px 10px rgba(0,0,0,.6);
}
.details iframe { position: absolute; left: 0; top: 0; z-index: 11; width: 100%; height: 100%; /*opacity: 0; filter: alpha(opacity=0);*/
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
}
.commentwrap { display: none; }

.plus-shortcut{ display: none; width: 860px; height: 420px; position: absolute; top: 50%; left: 50%; margin-left: -430px; margin-top: -200px; z-index: 1000; font-family: "微软雅黑"; }
.plus-shortcut .plus-header{ margin: 20px; height: 40px; border-bottom: 1px solid #666; }
.plus-shortcut .plus-header h2{ color: #fff; font-weight: normal; font-size: 20px; }
.plus-shortcut .lbar{ width: 360px; margin-left: 30px; border-right: 1px solid #666; }
.plus-shortcut .lbar table{ width: 100%; font-size: 14px; }
.plus-shortcut .lbar th{ text-align: left; color: #fff; font-size: 16px; padding: 10px 0; }
.plus-shortcut .lbar td{ color: #ccc; padding: 5px 0; }
.plus-shortcut .mbar{ position: absolute; right: 240px; top: 90px; width: 240px; height: 220px; font-size: 14px; background: url(../images/mouse.png) 0 -77px no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mouse.png'); _background-image: none; }
.plus-shortcut .mbar span{ position: absolute; right: 20px; bottom: 180px; color: #ccc; display: block; width: 100px; }
.plus-shortcut .rbar{ width: 210px; height: 300px; position: absolute; top: 80px; right: 20px; background: transparent url(../images/keyboard.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/keyboard.png'); _background-image:none; }
.plus-shortcut .bg{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color:#000; opacity: 0.9; filter: alpha(opacity=90); }
.plus-shortcut .plus-btn{ border: 1px solid #999; position: absolute; right: 20px; top: 20px; display: block; padding: 5px; color: #eee; text-decoration:none; }
.plus-shortcut .plus-btn:hover{ border-color: #fff; }

.keyb { background: url("../images/shortcut.png ") no-repeat; width: 100px; display: block; height: 82px; }
.keyb:hover { background-image: url("../images/shortcut-active.png "); }