@charset "utf-8";
*{margin:0;padding:0;}
body{
font-family:"Microsoft YaHei","仿宋","宋体";
color:#191919;
font-size:16px;
line-height:2em;
}
a{text-decoration:none;color:#191919;
}
a:hover{
color:#148cc1;
text-decoration:underline;
}
li{
list-style:none;
}
iframe{
border:none;
width:100%;
}
.header_inner,.banner_inner,.content_inner{
width:1200px;
margin:0 auto;
}
form,input,img{
border:none;
}
.clear{
clear:both;
}
.clearfloat:after
{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
}
/*导航*/
#header{height:41px;background-color:#148cc1;}
.header_inner{
width:1200px;
margin:0 auto;
height:41px;
position:relative;
}
/*菜单*/
/*pc端*/
.nav_pc li{
float:left;
line-height:41px;
}
.nav_pc li a{
display:block;
color:white;
font-size:15px;
padding:0 9px;
}
.nav_pc li a:hover{
background-color:#085c81;
}
.nav_pc li:first-child{
margin-left:170px;
}
.logo{
position:absolute;
z-index:0;
top:0;
left:0;
width:150px;
}
.logo img{
width:100%;
height:auto;
}
/*移动端*/
.mobile{
display:none;
}
.head_mobile{
position:relative;
padding-left:20%;
}
.head_mobile ul li{
width:20%;
text-align: center;
float:left;
line-height:41px;
}
.head_mobile ul li a{
color:white;
}
.down_btn{
display: block;
position:absolute;
top:8px;
right:20px;
}
.down_btn img{
width:26px;
}
.nav_mobile{
width:100%;
background:rgba(20,140,193,0.95);
position:absolute;
z-index:100;
padding-top:12px;
padding-bottom:12px;
}
.drop_down{
display:none;
z-index:100;
}
.drop_down .title{
background:#148cc1;
height:40px;
position:relative;
}
.drop_down .title img{
position:absolute;
right:20px;
top:12px;
width:26px;
}
.drop_down h3{
color:white;
line-height:40px;
padding-left:5%;
font-size:16px;
}
.nav_mobile li{
float:left;
line-height:30px;
/* padding:2px 30px;
margin:8px 20px;*/
text-align: center;
width:20%;
margin-bottom:20px;
}
.nav_mobile li a{
color:white;
padding:5px;
background-color:#0a77a7;
}
/*banner*/
#banner{
border-bottom:1px solid #dcdcdc;
padding-bottom:14px;
}
.search_box{
width:15.25%;/*183px÷1200px*/
height:32px;
margin-top:40px;
margin-left:34px;
float:left;
}
.search_box .txt{
display:inline-block;
width:79.23%;/*145px÷183px*/
height:32px;
-webkit-box-shadow: 0px 0px 8px #999 inset;
-o-box-shadow: 0px 0px 8px #999 inset;
-ms-box-shadow:0px 0px 8px #999 inset;
-moz-box-shadow: 0px 0px 8px #999 inset;
box-shadow:0px 0px 8px #999 inset;
float:left;
}
.search_box .btn{
display:inline-block;
width:20.76%;/*38px÷183px*/
height:32px;
background:url(img/btn_04.png) no-repeat;
float:left;
cursor:pointer;
}
.banner_pic{
float:left;
width:680px;
height:60px;
padding-left:7.5%;/*90px÷1200px*/
padding-top:22px;
overflow:hidden;
}
.banner_r{
margin-right:4.41%;/*53px÷1200px*/
margin-top:22px;
float:right;
}
.homepage{
background:url(img/icon_06.png) no-repeat left center;
padding-left:22px;
}
.login{
background:url(img/icon_13.png) no-repeat left center;
padding-left:22px;
margin-top:18px;
}
/*正文*/
/*左侧*/
.content_left{
width:68%;/*816px÷1200px*/
float:left;
}
/*当前位置*/
.content_left .position{
padding:24px 0 19px 12px;
color:#148cc1;
}
.line{
background:#148cc1;
height:4px;
}
/*分享*/
.bdsharebuttonbox{
float:right;
padding-top:14px;
}
.content_left .share{
padding:27px 18px 30px 23px;
}
.content_left .left{
float:left;
}
.content_left .right{
float:right;
}
.content_left .right p{
line-height:33px;
float:left;
}
.content_left .right img{
margin-left:25px;
float:left;
}
.content_left .right .f{
margin-left:7px;
}
/*新闻正文*/
.text h2{
font-size:22px;
text-align:center;
padding-top:30px;
padding-bottom:34px;
}
.text .info{
color:#929292;
padding-left:30px;
padding-bottom:20px;
}
.text .abstract{
background:#f4f3f3;
padding:2px 12px;
line-height:32px;
}
.text .abstract span{
color:#ff3c00;
font-size:16px;
}
.text .article{
font-size:18px;
}
.text .article p{
line-height:39px;
padding:10px 0;
}
.text .article img{
max-width:100%;
}
.text .article a{color:#148cc1;text-decoration:underline;}
.text .article a:hover{color:red;}
.append{
padding-left:12px;
padding-bottom:11px;
padding-top:30px;
}
.append p{
float:left;
}
.append .editor{
float:right;
padding-right:35px;
}
.append span{
color:#919191;
}
/*相关新闻*/
.related_news{
padding-bottom:24px;
padding-top:18px;
}
h3{
font-size:20px;
color:#148cc1;
line-height:56px;
padding-left:7px;
}
.related_news li{
float:left;
background:url(img/list_bg_03.png) no-repeat left center;
padding-left:12px;
font-size:16px;
width:45%;
line-height:36px;
height:36px;
overflow:hidden;
}
.related_news li:nth-of-type(2n){
float:right;
}
.related_news h2{
padding-bottom:18px;
font-size:20px;
color:#148cc1;
padding-left:7px;
}
/*评论*/
.comment{
padding-top:34px;
padding-left:30px;
}
.comment .title{
font-size:18px;
color:#333333;
padding-bottom:18px;
}
.comment .title span{
color:#ee542a;
}
.head_pic{
float:left;
padding-right:20px;
}
.head_pic img{
width:42px;
height:42px;
}
.comment form{
float:left;
}
.comment_content{
height:38px;
width:486px;
border:2px solid #ccd4d9;
border-right:none;
}
.pub{
height:42px;
width:88px;
background:#5788aa;
border:2px solid #49799c;
border-left:none;
}
.login_icon{
padding-top:15px;
padding-left:62px;
}
.login_icon img{
padding-right:12px;
}
/*广告*/
.ad{
width:96%;/*805px÷835px*/
margin:37px auto 30px auto;
display:none;
}
.ad img{
width:100%;
}
/*今日推荐*/
.recommend{
padding-bottom:46px;
}
.recommend .rec_one{
padding-left:12px;
padding-right:43px;
padding-top:22px;
}
.rec_one .publish_date{
font-size:14px;
color:#666;
}
.recommend .rec_one:nth-of-type(1){
padding-top:0;
}
.rec_one h4{
font-size:22px;
line-height:64px;
}
.rec_one .pic img{
float:left;
width:25%;/*150px÷835px*/
margin-right:20px;
margin-top:10px;
}
.rec_one p{
float:right;
width:77%;/*643px÷835px*/
}
.more{
height:30px;
width:420px;
margin:0 auto;
border:1px solid #bfbfbf;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
line-height:30px;
text-align: center;
margin-top:50px;
margin-bottom:45px;
font-size:16px;
background:url(img/icon_28.png) no-repeat 255px center;
}
/*右侧*/
.content_right{
width:27.33%;/*328px÷1200px*/
margin-right:12px;
float:right;
font-size:14px;
}
.content_right .line{
height:1px;
background:#dcdcdc;
}
/*推广*/
.content_right .promotion{
padding-top:22px;
padding-bottom:40px;
display:none;
}
.content_right .promotion img{
width:100%;
}
/*精彩资讯*/
.content_right h3{
font-size:18px;
background:url(img/right_title_bg_18.png) left center no-repeat;
padding-left:14px;
}
.infomation li{
line-height:36px;
height:36px;
overflow:hidden;
}
.infomation ul span{
padding-right:15px;
}
.infomation ul span a{
color:#148cc1;
font-weight:bold;
}
/*轮播广告*/
#slideBox{
display:none;
}
#slideBox img{
width:100%;
}
#slideBox .bd{
width:100%;
height:239px;
float:left;
overflow:hidden;
}
#slideBox .bd img{
width:100%;
}
#slideBox .hd{
width:100%;
height:30px;
padding-top:5px;
overflow:hidden;
}
#slideBox .hd li{
width:38px;
height:28px;
margin-right:6px;
float:left;
}
#slideBox .hd img{
width:38px;
}
.slideBox .hd ul li{
border:1px solid #d9d8d7;
}
.slideBox .hd ul li.on{
border:1px solid #ff7e1e;
}
/*新闻图集*/
.news_pic ul li{
width:44%;
float:left;
margin:10px 0 10px 3% ;
}
.news_pic ul li:nth-child(2n) {
float:right;
margin-right:14px;
}
.news_pic ul li img{
width:100%;
height:106px;
display:block;
}
.news_pic ul li p{
text-align: center;
font-size:12px;
width:100%;
left:0;
bottom:0;
height:24px;
line-height:24px;
overflow:hidden;
}
/*广告*/
.right_ad{
margin-top:5px;
margin-bottom:5px;
}
.right_ad img{
width:100%;
}
/*精彩视频*/
.video li{
float:left;
margin-bottom:15px;
width:45%;
font-size:12px;
text-align: center;
}
.video li img{
width:100%;
display:block;
}
.video li:nth-child(odd){
margin-left:6px;
}
.video li:nth-child(even) {
float:right;
margin-right:12px;
}
.video li:nth-child(3),.video li:nth-child(4),.video li:nth-child(5),.video li:nth-child(6){
float:none;
width:100%;
text-align: left;
margin-left:0;
}
.video li p{
line-height:30px;
height:30px;
overflow:hidden;
}
/*淘宝广告*/
.tb{
display:none;
}
.tb img{
width:100%;
}
/*底部*/
#footer{
border-top:#296aba 6px solid;
border-bottom:white 1px solid;
background-color:#148cc1;
line-height: 30px;
padding-top: 20px;
padding-bottom: 24px;
text-align: center;
color: #fff;
}
#footer a{
color:#fff;
}
.mobile_footer{
display:none;
}
/*相关新闻*/
/*个性化推荐漂浮*/
#overlay {width: 100%;height:200px; position: fixed;_position: absolute;font-weight:bold;overflow:hidden;bottom: 0;left:0;background:url(img/cbv.png) repeat;display:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="img/cbv.png");_background:none; z-index:999;}
#overlay .cnxh { position:relative; margin:0 auto; width:1000px; height:40px; line-height:40px; color:#fff; font-size:18px; font-family:"微软雅黑"; }
#overlay .cnxh a { color:#FFF; font-size:12px; font-weight:100;}
#overlay .cnxh .r { position:absolute; width:50px; height:auto; top:0px; right:0px; }
#overlay .wr { margin:0 auto; width:1000px; height:auto;}
#overlay .wr .pic { float:left; display:block; margin:0 auto; width:470px; height:170px;}
#overlay .wr .pic li { display:block; float:left; width:120px; height:148px; font-size:12px; font-weight:100; line-height:20px; margin-right:30px; overflow:hidden;}
#overlay .wr .pic li a { color:#FFF;}
#overlay .wr .pic li img { width:120px; height:88px; border:#FFF solid 1px;}
#overlay .wr .txt {display:block; float:left; width:500px; height:170px;}
#overlay .wr .txt li { display:block; width:100%; height:30px; line-height:30px; overflow:hidden}
#overlay .wr .txt li a { color:#FFF; font-weight:100; font-size:14px;}
a.bfd_logo2{
margin-top: 15px;
float:left;
margin-left:-840px;
display:block;
width:101px;
height:14px;
background:url(img/bfd_logo.gif) no-repeat;
overflow:hidden;
}
a.bfd_logo2:hover{background:url(img/bfd_logo.gif) no-repeat 0 -14px;}
.zgjs_a{float:left}
/*响应式*/
@media screen and (max-width: 1200px){
.banner_r .homepage{display:none;}
.mobile{display:block;}
.nav_pc{display:none;}
/*.header_inner,.banner_inner,.content_inner{width:100%;margin:0 auto;}*/
.header_inner,.content_inner{width:100%;margin:0 auto;}
.logo{width:20%;}
.logo img{width:100%;height:auto;}
.mobile_footer{display:block;}
.pc_footer{display:none;}
#overlay{display:none;}
/*.banner_pic{display:none;}*/
/*.bdsharebuttonbox{display:none;}*/
#banner,.bshare-custom,#locat,.line,.news_pic{display:none;}
}
@media screen and (max-width: 852px) {
.news_pic ul li{
width:100%;
}
.news_pic ul li:nth-child(2n) {
float:left;
}
.video li{
width:100%;
}
.video li:nth-child(even) {
float:left;
}
.banner_pic img{
margin-top:10px;
}
}
@media screen and (max-width: 768px) {
.search_box{
width:45%;
margin-left:3%;
margin-top:20px;
}
.banner_pic{
float:none;
width:94%;
padding:20px 3%;
}
.banner_pic img{
width:94%;
height:auto;
}
.banner_r{
width:45%;
}
.banner_r .login{
float:right;
margin-top:0;
margin-right:6%;
}
.banner_r .homepage{
float:right;
}
.rec_one .pic img{
width:100%;
float:none;
}
.rec_one p{
width:100%;
float:none;
}
}
@media screen and (max-width: 600px){
.content_left{
float:none;
width:94%;
margin:0 auto;
}
.content_right{
float:none;
width:94%;
margin:0 auto;
}
.related_news li{
float:none;
width:94%;
}
.related_news li:nth-child(2n){
float:none;
}
.comment_content{
width:360px;
}
.news_pic ul li p{
height:48px;
line-height:48px;
font-size:24px;
}
.video li p{
font-size:24px;
height:48px;
line-height:48px;
}
}
@media screen and (max-width: 435px){
.content_left .share{
padding:10px;
}
.content_left .right img{
margin-left:4px;
}
}
@media screen and (max-width: 414px){
.text h2{
padding:10px 0;
}
.comment_content{
width:260px;
}
.login_icon{
padding-left:0;
}
.login_icon img{
width:30%;
padding-right:3%;
}
.recommend .rec_one{
padding-right:0;
}
.more{
width:100%;
}
.rec_one h4{
line-height:36px;
}
}
@media screen and (max-width: 375px){
.content_left .share{
padding:10px 0;
}
.content_left .left{
float:none;
width:100%;
margin:0 auto;
}
.content_left .right{
float:none;
width:100%;
margin:0 auto;
}
.content_left .right img{
margin-left:2%;
}
.text .info{
padding-left:0;
padding-bottom:14px;
}
.append p{
float:none;
}
.append .editor{
float:none;
}
.comment_content{
width:220px;
}
}
@media screen and (max-width: 320px){
.comment form{
float:none;
}
.banner_r{
float:none;
width:100%;
}
.search_box{
width:100%;
margin-top:0;
margin-bottom:10px;
}
.banner_r .homepage{
float:left;
margin-left:10px;
}
.banner_r .login{
float:left;
margin-left:10px;
}
#banner{
margin-bottom:0;
}
.banner_pic{
padding:10px 3%;
}
.pub{
width:60px;
}
.comment{
padding-left:0;
}
.comment_content{
width:174px;
}
.head_pic{
padding-right:10px;
}
.related_news li{
font-size:14px;
}
}
/* 分页 */
.pageLink {width:600px; font-size: 12px; margin:0 auto; clear:both; font-family: Tahoma; text-align:center }
.pageLinkOn { font-size:12px; color:#fff; font-weight:bold; text-align:center; background: #3F70AA; margin:2px 2px; display:inline-block; padding:0px 5px; font-family: Tahoma; line-height:20px; margin-bottom:3px; }
.pageLink a { font-size:12px; text-align:center; background:#fff; border:1px solid #3F70AA; margin:2px 2px; display:inline-block; padding:0px 5px; line-height:18px }
.pageLink a:hover { font-size:12px; font-weight:bold;color:#fff; text-align:center; background: #3F70AA; border:1px solid #3F70AA; margin:2px 2px; display:inline-block; padding:0px 5px; text-decoration:none; }