@charset "utf-8";
/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-mox-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
display: block;
}
* html, * html body{
background-image:url('../other/about:blank');
background-attachment:fixed;
}
body{
line-height: 1;
background-color: #ffffff!important;
}
img{
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
}
ol, ul{
list-style: none;
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
img{
border: 0;
}
/*样式*/
body{
font: 14px/2 "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "WenQuanYi Micro Hei", "Tahoma", "Helvetica", "Arial", "\5b8b\4f53", "sans-serif";
/*-webkit-animation: start 1.5s;
-moz-animation: start 1.5s;
-ms-animation: start 1.5s;
-o-animation: start 1.5s;
animation: start 1.5s;*/
}
/*@-webkit-keyframes start{from{opacity: 0;}to{opacity: 1;}}
@-moz-keyframes start{from{opacity: 0;}to{opacity: 1;}}
@-ms-keyframes start{from{opacity: 0;}to{opacity: 1;}}
@-o-keyframes start{from{opacity: 0;}to{opacity: 1;}}
@keyframes start{from{opacity: 0;}to{opacity: 1;}}*/
/*头部样式*/
/*header*/
.header_cnt{width:1200px;height:100px;overflow: hidden;margin-left:auto;margin-right:auto;}
.header_cnt_l {
position: relative;
width: 370px;
height: 100px;
padding: 20px 0px;
overflow: hidden;
float: left;
}
.header_cnt_l a{display:block;width:100%;height:100%;}
.header_cnt_l a img {
display: block;
}
.header_cnt_l a.rss {
position: absolute;
right: 5px;
bottom: 30px;
width: 39px;
height: 12px;
}
/*老板搜索寻机干掉这个样式*/
.header_cnt_2{width:700px;height:83px;padding-top:17px;padding-left:246px;overflow: hidden;float: right;}
.header_cnt_2 a{width:100%;height:100%;display:block;background-color:#FCFCFC;color:#ddd;}
.header_cnt_2 a img{width:100%;height:100%;}
/*新版搜索开始*/
.header_cnt_2_t{width:454px;height:42px;position: relative;_overflow:hidden;*height:37px;}
.header_cnt_2_t .search_head{width:350px;height:40px;line-height:40px;padding-left:14px;border:1px solid #bebebe;color:#444;}
.header_cnt_2_t a {display: block;width:96px;height:42px;line-height:42px;background-color:#ee4c4c;font-size:18px;color: #FFF;text-align: center;position: absolute;right:0;top:0;_top:1px;}
*html .header_cnt_2_t a:hover{color:#fff;}
.header_cnt_2_b{width:100%;height:30px;line-height:30px;}
.header_cnt_2_b a{overflow:hidden;font-size:12px;display:block;width:25%;height:100%;text-align:center;line-height:30px;position:relative;background-color:#fff;color:#999;float:left;}
.header_cnt_2_b a:hover{color:#EE4B4B;}
.header_cnt_2_b a em {position: absolute;right:0;top:0;background:url(/images/hotwords.png) no-repeat center center;width:14px;height:16px;display:block;}
.btn {
width: 80px;
height: 42px;
text-align: center;
font-size: 18px;
background-color: #ee4b4b;
color: #fff;
border: 0 none;
margin-left: -1px;
}
/*新版搜索结束*/
.cf{
width: 100%;
height: 0;
font-size: 0;
clear: both;
overflow: hidden;
}
.m_center{
width: 1002px;
margin: 0 auto;
}
.block_s{
float: left;
width: 314px;
}
.block_m{
float: left;
width: 653px;
}
.block_s.margin,
.block_m.margin{
margin-right: 25px;
}
.tuwen{
padding-left: 130px;
height: 90px;
background-color: #F9F9F9;
position: relative;
}
.tuwen a.img_a{
display: block;
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 90px;
}
.tuwen a.img_a img{
display: block;
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 90px;
}
.two_img{
height: 108px;
}
.two_img .left{
position: relative;
float: left;
width: 202px;
height: 108px;
}
.two_img .right{
position: relative;
float: right;
width: 202px;
height: 108px;
}
.two_img .left a,
.two_img .right a{
display: block;
position: absolute;
left: 0;
top: 0;
width: 202px;
height: 108px;
}
.two_img .left a img,
.two_img .right a img{
display: block;
position: absolute;
left: 0;
top: 0;
width: 202px;
height: 108px;
}
.two_img .img_bar{
position: absolute;
left: 0;
top: 82px;
width: 202px;
height: 26px;
background-color: #000000;
background: rgba(0, 0, 0, 0.5);
filter: alpha(opacity=50);
z-index: 8888;
}
.two_img .img_txt{
position: absolute;
left: 0;
top: 82px;
width: 202px;
height: 26px;
line-height: 26px;
overflow: hidden;
text-align: center;
z-index: 9999;
}
.two_img .img_txt a{
height: 26px;
font-size: 14px;
color: #ffffff;
text-decoration: none;
z-index: 99999;
}
.two_img .img_txt a:hover{
text-decoration: underline;
}
.one_img{
width: 314px;
height: 237px;
}
.one_img .big{
position: relative;
width: 314px;
height: 237px;
}
.one_img .big a.big_a{
display: block;
position: absolute;
left: 0;
top: 0;
width: 314px;
height: 237px;
}
.one_img .big a img{
display: block;
position: absolute;
left: 0;
top: 0;
width: 314px;
height: 237px;
}
.one_img .img_bar{
position: absolute;
left: 0;
top: 211px;
width: 314px;
height: 26px;
background-color: #000000;
background: rgba(0, 0, 0, 0.5);
filter: alpha(opacity=50);
z-index: 8888;
}
.one_img .img_txt{
position: absolute;
left: 10px;
top: 211px;
width: 294px;
height: 26px;
line-height: 26px;
overflow: hidden;
text-align: center;
z-index: 9999;
}
.one_img .img_txt a{
height: 26px;
font-size: 14px;
color: #ffffff;
text-decoration: none;
z-index: 99999;
}
.one_img .img_txt a:hover{
text-decoration: underline;
}
.top{
position: relative;
padding: 20px 0;
}
.top a{
display: block;
width: 416px;
height: 60px;
background: url(../images/logo_2.png) no-repeat center center;
}
.top .top_guanggao{
position: absolute;
top: 20px;
right: 0;
width: 640px;
height: 60px;
overflow: hidden;
}
.nav{
background-color: #EE4B4B;
}
.nav ul{
height: 40px;
overflow: hidden;
}
.nav ul li{
float: left;
}
.nav ul li a{
display: block;
width: 77px;
height: 40px;
line-height: 40px;
background-color: #EE4B4B;
text-align: center;
font-size: 16px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
-ms-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s;
font-family: "\5b8b\4f53";
}
.nav ul li a.now, .nav ul li a.now:hover,.nav ul li a:hover{
color: #ffffff;
background-color: #D73C3C;
}
/*核心layout*/
.m_center .left{
width: 500px;
float: left;
}
.m_center .right{
width: 680px;
float: right;
}
.m_center .left li {
background: url(../images/icon-list-grey.gif) left center no-repeat;
padding-left: 14px;}
.m_center .left li span {
color: #999;
font-size: 12px;
float: right;
}
/*轮播图*/
.banner{
position: relative;
width: 680px;
height: 420px;
overflow: hidden;
}
.banner a.img_a{
display: none;
position: absolute;
left: 0;
top: 0;
width: 680px;
height: 420px;
}
.banner a.img_a img{
display: block;
position: absolute;
left: 0;
top: 0;
width: 680px;
height: 420px;
}
.banner_bar{
position: absolute;
left: 0;
top: 378px;
width: 680px;
height: 40px;
background-color: #000000;
background: rgba(0, 0, 0, 0.5);
filter: alpha(opacity=50);
z-index: 8888;
}
.banner_txt{
position: absolute;
left: 0;
top: 378px;
width: 400px;
height: 40px;
line-height: 40px;
text-align: left;
text-indent: 14px;
z-index: 9999;
}
.banner_txt a{
font-size: 14px;
text-decoration: none;
color: #ffffff;
}
.banner_txt a:hover{
color: #ffffff;
text-decoration: underline;
}
.banner_act{
position: absolute;
right: 0;
top: 389px;
width: 144px;
height: 20px;
z-index: 9999;
}
.banner_act div{
width: 20px;
height: 20px;
float: left;
cursor: pointer;
}
.banner_act div span{
display: block;
font-size: 0;
margin: 0 auto;
margin-top: 6px;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #ffffff;
}
.banner_act div span.now{
background-color: #F44D4D;
margin-top: 4px;
width: 12px;
height: 12px;
}
.banner .btn_l{
position: absolute;
left: -50px;
top: 180px;
width: 44px;
height: 44px;
background: url(../images/banner_left.png) no-repeat center center;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/resources/images/banner_left.png");
cursor: pointer;
z-index: 99999;
}
.banner .btn_r{
position: absolute;
right: -50px;
top: 180px;
width: 44px;
height: 44px;
background: url(../images/banner_right.png) no-repeat center center;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/resources/images/banner_right.png");
cursor: pointer;
z-index: 99999;
}
/*大家都在看*/
.all_see{
height: 20px;
line-height: 20px;
position: relative;
}
.all_see label{
font-size: 12px;
position: absolute;
top: 0;
right: 54px;
color: #666666;
}
.all_see span{
font-weight: bold;
font-size: 16px;
color: #222222;
}
.all_see .up{
width: 19px;
height: 19px;
font-size: 0;
position: absolute;
right: 25px;
top: 0;
background: url(../images/all_see_up_down_v2.png) no-repeat left top;
cursor: pointer;
}
.all_see .down{
width: 19px;
height: 19px;
font-size: 0;
position: absolute;
right: 0;
top: 0;
background: url(../images/all_see_up_down_v2.png) no-repeat right top;
cursor: pointer;
}
.all_see .up.no{
background: url(../images/all_see_up_down_v2.png) no-repeat left bottom;
}
.all_see .down.no{
background: url(../images/all_see_up_down_v2.png) no-repeat right bottom;
}
.nuanxinwen{
position: absolute;
left: 264px;
top: 0px;
height: 20px;
line-height: 20px;
color: #222222;
font-weight: bold;
font-size: 16px;
border-left: 2px solid #222222;
padding-left: 5px;
}
/*中间2:1图片块*/
.m_img21{
position: relative;
width: 240px;
height: 158px;
overflow: hidden;
}
.m_img21 .img_a,
.m_img21 .img_a img{
display: block;
position: absolute;
left: 0;
top: 0;
width: 240px;
height: 120px;
}
.m_img21:hover .img_a img,
.r_img4 .img_a img:hover,
.r_img43 .img_a img:hover,
.r_img_big img:hover,
.tupian_block img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.m_img21 span{
display: block;
position: absolute;
left: 0;
top: 120px;
width: 240px;
height: 38px;
line-height: 38px;
font-size: 12px;
color: #222222;
text-align: left;
overflow: hidden;
cursor: pointer;
font-family: "\5b8b\4f53";
}
.m_img21 .title_hover{
display: block;
position: absolute;
left: 0;
top: 160px;
width: 240px;
*width: 220px;
height: 50px;
line-height: 25px;
font-size: 14px;
color: #ffffff;
text-align: left;
text-decoration: none;
padding: 0 10px;
overflow: hidden;
background-color: #EE4B4B;
font-family: "\5b8b\4f53";
}
.m_img21 .title_hover:hover{
color: #ffffff;
text-decoration: underline;
}
/*大家都在看*/
.sotp_block{
width: 240px;
float: left;
}
.active_block{
position: relative;
width: 416px;
overflow: hidden;
float: right;
}
.active_block .absolute_move{
position: absolute;
left: 0;
top: 0;
width: 416px;
}
.r_img4{
height: 294px;
position: relative;
}
.r_img4 .r_img4_1{
position: absolute;
left: 0;
top: 0;
width: 148px;
height: 147px;
}
.r_img4 .r_img4_2{
position: absolute;
left: 170px;
top: 0;
width: 148px;
height: 147px;
}
.r_img4 .r_img4_3{
position: absolute;
left: 0;
top: 147px;
width: 148px;
height: 147px;
}
.r_img4 .r_img4_4{
position: absolute;
left: 170px;
top: 147px;
width: 148px;
height: 147px;
}
.r_img4 div a.img_a,
.r_img4 div a.img_a img{
overflow: hidden;
display: block;
position: absolute;
left: 0;
top: 0;
width: 148px;
height: 74px;
}
.r_img4 div a.title{
display: block;
position: absolute;
left: 0;
top: 80px;
width: 148px;
height: 44px;
line-height: 22px;
text-align: left;
text-decoration: none;
font-size: 12px;
overflow: hidden;
color: #222222;
font-family: "\5b8b\4f53";
}
.r_img4 div a.title:hover{
text-decoration: underline;
color: #EE4B4B;
}
/*sub_title*/
.sub_title{
width: 100%;
height: 50px;
position: relative;
}
.sub_title .sub_t1{
width: 93px;
height: 50px;
position: absolute;
left: 0;
top: 10px;
background: url(../images/sub_title_bg.png) no-repeat center 22px;
font-size: 20px;
font-weight: bold;
text-indent: 20px;
color: #EE4B4B;
z-index: 99999;
}
.sub_title .sub_t2{
position: absolute;
left: 90px;
top: 32px;
width: 1111px;
height: 2px;
font-size: 0;
overflow: hidden;
background-color: #444444;
}
.sub_title .sub_t3{
text-align: center;
width: 68px;
height: 22px;
line-height: 22px;
background-color: #444444;
overflow: hidden;
position: absolute;
right: 0;
top: 34px;
}
.sub_title .sub_t3 a{
display: block;
color: #ffffff;
font-size: 12px;
text-decoration: none;
}
.sub_title .sub_t3 .over_bg1{
position: absolute;
left: 0;
top: 0;
width: 13px;
height: 22px;
background: url(../images/more_btn_over_bg.png) no-repeat left center;
}
.sub_title .sub_t3 .over_bg2{
position: absolute;
right: 0;
top: 0;
width: 13px;
height: 22px;
background: url(../images/more_btn_over_bg.png) no-repeat right center;
}
.right .small{
width: 240px;
float: left;
padding-top: 18px;
}
.right .big{
width: 416px;
float: right;
padding-top: 18px;
}
.right .big li{background: url(../images/icon-list-grey.gif) left center no-repeat;
padding-left: 14px;}
.right .big li span{color: #999;
font-size: 12px;
float: right;}
.ss_title{
width: 100%;
height: 18px;
line-height: 18px;
border-left: 2px solid #222222;
color: #222222;
font-weight: bold;
font-size: 16px;
text-indent: 6px;
}
/*图片*/
.tupian_block{
position: relative;
width: 1200px;
height: 314px;
}
.tupian_block .tupian1{
position: absolute;
left: 0;
top: 0;
width: 508px;
height: 314px;
}
.tupian_block .tupian2{
position: absolute;
left: 520px;
top: 0;
width: 335px;
height: 148px;
}
.tupian_block .tupian3{
position: absolute;
left: 520px;
top: 164px;
width: 162px;
height: 150px;
}
.tupian_block .tupian4{
position: absolute;
left: 693px;
top: 164px;
width: 162px;
height: 150px;
}
.tupian_block .tupian5{
position: absolute;
left: 866px;
width: 162px;
height: 148px;
}
.tupian_block .tupian6{
position: absolute;
left: 1038px;
width: 162px;
height: 150px;
}
.tupian_block .tupian7{
position: absolute;
left: 866px;
top: 164px;
width: 335px;
height: 150px;
}
.tupian_block .tupian1 img{
position: absolute;
left: 0;
top: 0;
width: 508px;
height: 314px;
}
.tupian_block .tupian2 img{
position: absolute;
left: 0;
top: 0;
width: 335px;
height: 148px;
}
.tupian_block .tupian3 img{
position: absolute;
left: 0;
top: 0;
width: 162px;
height: 150px;
}
.tupian_block .tupian4 img{
position: absolute;
left: 0;
top: 0;
width: 162px;
height: 150px;
}
.tupian_block .tupian5 img{
position: absolute;
left: 0;
top: 0;
width: 162px;
height: 148px;
}
.tupian_block .tupian6 img{
position: absolute;
left: 0;
top: 0;
width: 162px;
height: 148px;
}
.tupian_block .tupian7 img{
position: absolute;
left: 0;
top: 0;
width: 335px;
height: 150px;
}
.tupian_block span.opa{
position: absolute;
left: 0;
bottom: -25px;
display: block;
width: 100%;
height: 25px;
opacity: 0.6;
filter: alpha(opacity="60");
background: #000000;
}
.tupian_block span.txt{
position: absolute;
left: 5%;
bottom: -25px;
width: 90%;
height: 25px;
line-height: 25px;
color: #ffffff;
overflow: hidden;
text-align: left;
text-decoration: none;
cursor: pointer;
}
.tupian_block a,
.tupian_block a:hover{
text-decoration: none;
overflow: hidden;
}
/*右侧2图*/
.r_img43{
position: relative;
height: 156px;
}
.r_img43 .r_img43_left{
position: absolute;
left: 0;
top: 0;
width: 202px;
height: 156px;
}
.r_img43 .r_img43_right{
position: absolute;
right: 0;
top: 0;
width: 202px;
height: 156px;
}
.r_img43 a.img_a,
.r_img43 a.img_a img{
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 202px;
height: 108px;
}
.r_img43 a.txt{
position: absolute;
left: 0;
top: 115px;
width: 202px;
height: 44px;
line-height: 22px;
color: #222222;
font-size: 12px;
font-family: "\5b8b\4f53";
text-decoration: none;
overflow: hidden;
}
.r_img43 a.txt:hover{
color: #EE4B4B;
text-decoration: underline;
}
/*右侧大图*/
.r_img_big{
position: relative;
width: 416px;
height: 237px;
overflow: hidden;
}
.r_img_big a.img_a,
.r_img_big a.img_a img{
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 416px;
height: 237px;
}
.r_img_big span.opa{
position: absolute;
left: 0;
top: 237px;
width: 416px;
height: 50px;
opacity: 0.6;
filter: alpha(opacity="60");
background: #000000;
}
.r_img_big a.txt{
position: absolute;
left: 10px;
top: 237px;
width: 296px;
height: 50px;
line-height: 25px;
color: #ffffff;
text-decoration: none;
}
.r_img_big a.txt:hover{
color: #EE4B4B;
text-decoration: underline;
}
/*左侧悬浮*/
.dingwei{
display: none;
position: fixed;
left: 50%;
top: 50%;
width: 32px;
margin-left: -661px;
margin-top: -174px;
}
* html .dingwei{
position:absolute;
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,100)||0)-(parseInt(this.currentStyle.marginBottom,100)||0)));
}
.dingwei ul li{
padding: 5px 0;
text-align: center;
font-family: "\5b8b\4f53";
font-size: 12px;
cursor: pointer;
color: #666666;
border-bottom: 1px dashed #666666;
}
.dingwei ul li:hover,
.dingwei ul li.now{
color: #EE4B4B;
}
.dingwei ul li.last{
border-bottom-width: 0;
}
/*copyright*/
.copyright{
background-color: #F7F7F7;
border-top: 1px solid #E3E5E8;
padding: 30px 0;
text-align: center;
font-size: 12px;
line-height: 20px;
}
.copyright p,
.copyright a{
font-family: "\5b8b\4f53";
color: #333333;
text-decoration: none;
}
.copyright a:hover{
color: #dd0000;
}
/*all*/
.h1{
height: 1px;
font-size: 0;
overflow: hidden;
}
.h2{
height: 2px;
font-size: 0;
overflow: hidden;
}
.h6{
height: 6px;
font-size: 0;
overflow: hidden;
}
.h10{
height: 10px;
font-size: 0;
overflow: hidden;
}
.h14{
height: 14px;
font-size: 0;
overflow: hidden;
}
.h15{
height: 15px;
font-size: 0;
overflow: hidden;
}
.h30{
height: 30px;
font-size: 0;
overflow: hidden;
}
a.h5{
display: block;
height: 38px;
font-size: 18px;
color: #222222;
font-weight: bold;
text-decoration: none;
overflow: hidden;
font-family: 微软雅黑;
white-space: nowrap;
}
a.h6{
display: block;
height: 28px;
font-weight: normal;
font-size: 14px;
color: #222222;
text-decoration: none;
overflow: hidden;
font-family: "\5b8b\4f53";
white-space: nowrap;
}
a.h7{
display: block;
height: 26px;
line-height: 26px;
font-weight: normal;
font-size: 12px;
color: #222222;
padding: 0 5px;
text-decoration: none;
font-family: "\5b8b\4f53";
overflow: hidden;
}
a.h8{
display: block;
height: 54px;
line-height: 18px;
font-weight: normal;
font-size: 12px;
color: #666666;
padding: 0 5px;
text-decoration: none;
overflow: hidden;
font-family: "\5b8b\4f53";
}
a:hover{
color: #EE4B4B;
text-decoration: underline;
}
.xuxian{
border-top: 1px dashed #c6c6c6;
}
.gray_bar{
height: 4px;
background-color: #D9E3E4;
font-size: 0;
}
.search_bar{
height: 49px;
background-color: #f9f9f9;
border-bottom: 1px solid #EBEBEB;
}
#toutiao{padding-top: 10px;}
.hot {
height:auto;
text-align:center;
background: #f3f3f3;
border:1px solid #ebebeb;
position:relative;
width: 1200px;
margin: 0 auto;
}
.hot .tt{
background:url(../images/toutiaoicon.png) no-repeat;
width:74px;
height:74px;
position:absolute;
left:0;
top:0;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/toutiaoicon.png");
z-index:22;
}
.hot h1 {
font-size:40px;
color:#0860A3;
font-family:"微软雅黑","黑体","宋体";
font-weight:bold;
}
.hot h1 a {
color:#0860a0;
text-decoration:none;
}
.hot h1 a:hover {
color:#096cb8;
}
.hot p {
line-height:30px;
height:30px;
text-align:center;
}
.hot p a {
margin:0 2px;
font-size:14px;
color:#0860a3;
}
.hot p a:hover {
margin:0 2px;
font-size:14px;
color:#096cb8;
}