@charset "utf-8";
/* reset.css */
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
html{font-family:sans-serif;}
body {font-family:"PingFang SC",Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",simsun,sans-serif;color: #222;width: 100%;line-height:24px;font-size:14px;position: relative;/*-webkit-user-select: none;*//*-webkit-text-size-adjust: none;*/}
ol,ul,li,dt,dd,dl{list-style:none;}
img{border:0;}
select,input{vertical-align:middle;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a:hover{color:#ff6633 !important}
input,button{cursor:pointer;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
section{ width:1000px; margin:0px auto;}
h2,h3,h4,h5{ font-weight:normal}


/* 公共样式 */
.fr{float: right}
.fl{float: left !important}
.f12{font-size: 12px !important}
.f14{font-size: 14px !important}
.cDGray{color: #888}
.cGray{color: #333}
.cOrg{color:#ff6633 !important}
.clear{clear: both;}
.bn{border:none !important;}
.dn{display: none !important}
.fb{font-weight: bold !important;}
.noBack{background: none !important}

/* 公用边距 */
.mr60{margin-right:60px !important}
.p0{padding: 0 !important}
.pt10{padding-top: 10px !important}
.pt30{padding-top: 30px !important}
.pb50{padding-bottom: 50px !important}
.mt50{margin-top: 50px !important}
.mt40{margin-top: 40px !important}
.mt30{margin-top: 30px !important}
.mb30{margin-bottom: 30px !important}
.mt25{margin-top: 25px !important}
.mt20{margin-top: 20px !important}
.mt15{margin-top: 15px !important}
.mt10{margin-top: 10px !important}
.mr0{margin-right:0px !important}

/* 焦点图 */
.focus{position:relative;width:606px;height:375px; overflow:hidden;border:2px solid #0b49ac;float: left;}
.focus .focusList{height:375px; overflow:hidden; position:absolute;top:0;left:0;width:10000px}
.focus .fcon{float:left; width:606px;overflow: hidden; position:relative}
.focus .fcon img{ display:block;width:606px;height:375px;transition: all 0.7s;}
.focus .fcon img:hover{transform: scale(1.05);}
.focus .fcon h3{ width:586px;font-size: 16px;color: #fff !important;padding:0 10px;position:absolute; bottom:0; left:0;background: url(bgblack.png) no-repeat bottom center;background-size: 100% 100%;line-height:36px;height:36px;}
.focus .focusNum{ position:absolute;right:0px;bottom:0px;width:80px;height:36px;line-height: 36px; z-index:10;overflow: hidden;}
.focus .focusNum a{display:block;width:8px;height:8px;border-radius: 4px;margin:15px 3px 0 3px;color:#B0B0B0;background:#D9D9D9;float: left;}
.focus .focusNum .on,.focus .focusNum a:hover{background:#fb5f20;}
.focus .prev,.focus .next{display:none}

/*pc导航底部版权*/
.q-hd{height:60px;line-height:60px;background:#f7f7f7}
.q-nav{width:1200px;margin:0 auto}
.q-logo{float:left;padding:17px 35px 0 0; width:115px; height: 28px;}
.q-nav a{margin-right:15px}
.q-nav a:hover{color:#334bc4}
a.q-ico-1{ display:inline;float:right;padding-left:25px;background:url(http://vip.qingdaonews.com/news/nav/images/ico.png)-5px -218px no-repeat}
.q-ft{height:50px;padding:30px 0;background:#f7f7f7;border-top:1px solid #e7e7e7}
.q-link{float:left;width:800px}
.q-box{width:1200px;margin:0 auto;font-size:12px}
.q-box a{color:#222}
.q-link span{display:block;float:left;width:180px;line-height:26px}
.q-link span.w240{width:240px}
.q-ewm{float:right;width:180px;height:36px}
.q-ewm strong{float:right;display:block;width:36px;height:36px;margin:5px 0 0 15px;position:relative;z-index:9999;background:url(http://vip.qingdaonews.com/news/nav/images/ico.png) no-repeat}
.q-ewm strong.q-ico-2{background-position:0-80px}
.q-ewm strong.q-ico-3{background-position:0-160px}
.q-ewm strong img{position:absolute;top:-140px;left:-38px;right:0;z-index:2;display:none}
.q-ewm strong:hover img{display:block}
/*.q-linka{ height:40px; line-height:40px; background:#039; color:#fff;}
.q-linka strong{ float: right;font-weight: normal;}
.q-linka a{color:#fff;margin-right: 40px;}
.q-linka a:hover{ color: #fff; text-decoration:underline}
*/
/*头部*/
.m-nav,.g-hd,.m-ad-1,.g-box-7{width:1200px; margin:0 auto}
.g-box-1{height:44px; line-height:44px; background:#039}
.g-hd{height:75px}
.l-logo{display: inline-block;float: left;width: 161px;height: 30px;margin-top: 22.5px;}
.l-logo img{width: 100%;height: 100%;}

.m-nav{height:44px; text-align:left; font-size:14px; color:#fff}
.m-nav a{margin-right:15px;color:#fff}
a.m-app{float:right;width:162px;margin-right:0;text-align:right; background:url(ico.png) left 12px no-repeat}
.m-crm{display:inline;float:left;}
.m-crm{margin-left:45px;line-height:75px}
.m-sch{width:300px;padding-top:22px}
.m-gotop{width:38px;height:38px;border:1px solid #f1f1f1; background:#f7f7f7 url(ico.png) 10px -85px no-repeat; position:fixed; bottom:20px; right:20px; cursor:pointer;display: none;z-index: 10}
.m-gotop:hover{background-color: #f1f1f1;}
.u-ipt-1{width:240px; padding-left:10px;height:30px;border:1px solid #dadada; border-right:none; font-size:12px; color:#333}
.u-btn-1{width:46px; height:32px; border:none; background:#f08700 url(ico.png) 14px -43px no-repeat; cursor:pointer}
.u-ico-1{display:block; float:left; width:6px; height:20px; margin-right:10px; background:#fb5f20; border-radius:20px}
input.u-btn-1{font-size: 0;}

/*pc导航底部版权*/
.q-hd{height:60px;line-height:60px;background:#f7f7f7}
.q-nav{width:1200px;margin:0 auto}
.q-logo{float:left;padding:17px 35px 0 0; width:115px; height: 28px;}
.q-nav a{margin-right:15px}
.q-nav a:hover{color:#334bc4}
a.q-ico-1{ display:inline;float:right;padding-left:25px;background:url(ico.png)-5px -218px no-repeat}
.q-ft{height:50px;padding:30px 0;background:#f7f7f7;border-top:1px solid #e7e7e7;position: relative;z-index: 2;}
.q-link{float:left;width:800px}
.q-box{width:1200px;margin:0 auto;font-size:12px}
.q-box a{color:#222}
.q-link span{display:block;float:left;width:180px;line-height:26px}
.q-link span.w240{width:240px}
.q-ewm{float:right;width:180px;height:36px}
.q-ewm strong{float:right;display:block;width:36px;height:36px;margin:5px 0 0 15px;position:relative;z-index:9999;background:url(http://vip.qingdaonews.com/news/nav/images/ico.png) no-repeat}
.q-ewm strong.q-ico-2{background-position:0-80px}
.q-ewm strong.q-ico-3{background-position:0-160px}
.q-ewm strong img{position:absolute;top:-140px;left:-38px;right:0;z-index:2;display:none}
.q-ewm strong:hover img{display:block}
.q-linka{ height:60px; background:#039; color:#fff; padding-top:20px; padding-bottom:20px;}
/*.q-linka strong{ float: right;font-weight: normal;}
.q-linka a{color:#fff;margin-right: 40px;}
.q-linka a:hover{ color: #fff; text-decoration:underline}
*/
#commonFooter{width:100%;padding:35px 0;text-align: center; background:#fff;}
.flogo{clear: both;padding-top: 20px;}
.flogo a{padding: 0 15px;color: #525252}

.banner{width: 100%;height: 726px;background: url(banner.jpg) top center no-repeat;position: relative;}
.nav{width:100%;background: #0b49ac;height: 64px;position: absolute;bottom:0;left:0;right:0;margin:0 auto;border-radius: 0px;box-shadow: 0 5px 0 rgba(33,123,191,0.3)}
.nav ul{ padding: 15px 0;text-align: center;}
.nav li{padding: 0 20px;margin:0 auto;text-align: center;font-size: 18px;border-right: 1px solid #fff;line-height:34px;display: inline-block;}
.nav li:last-child{border: none}
.nav li a{color: #fff;}

.title{width: 1000px;margin:0 auto;padding-top: 34px;display: block;}
.title h1{font-size: 40px;line-height: 40px;text-align: center;color:#0b49ac;font-weight: bold !important}
.title p{color:#0b49ac;font-size: 18px;line-height: 64px;text-align: center;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}

.main{width: 1000px;margin:0 auto;}
.top{width: 1000px;margin:30px auto 0 auto; overflow: hidden;}
.titList{width: 360px;float: right;}
.titList h2{color: #222;font-size: 22px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;margin-bottom: 25px}
.titList p{margin-bottom: 45px;font-size:14px;line-height: 24px;color: #666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:48px;}
.titList p a{color: #FF7200}

.column{margin:0;width: 1000px;overflow: hidden;}
.column .tit{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #0b49ac;position: relative;float: left;}
.column .tit:before{content: "";position: absolute;height: 24px;width: 8px;border-radius: 4px;top:13px;left:0;background:#0b49ac;}
.column .tit h3{font-size: 24px;color:#0b49ac;padding-left: 24px;}
.column .tit a{display:block;font-size: 14px;color: #666;position: absolute;right:0;top:0;line-height:50px;height:50px;}
.column .columnSmall{width: 470px;margin:0 0 30px 0;float: left;}
.column .columnSmall ul{margin-top: 30px}
.column .columnSmall ul li{font-size: 18px;line-height: 40px;padding-left:15px;position: relative;}
.column .columnSmall ul li:before{content: "";width: 4px;height: 4px;border-radius: 2px;background: #222;position: absolute;top:18px;left:0;}
.column .columnSmall ul li a{color: #222}

.column .columnBig{width: 100%;margin-bottom: 30px;}
.column .columnBig .imgBox{width: 100%;overflow: hidden;;padding-top: 25px}
.column .columnBig .imgBox .imgBig{width: 485px;height: 290px;overflow: hidden;display: block; position: relative;float: left;}
.column .columnBig .imgBox .imgBig h4{z-index: 99;width: 465px;padding: 0 10px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;color: #fff;background: url(bgblack.png) no-repeat bottom center;background-size: 100% 100%;height: 48px;line-height: 56px;position: absolute;bottom:0;left:0;right:0;}
.column .columnBig .imgBox .imgBig img{display: block;width: 485px;height: 290px;transition: all 0.7s;}
.column .columnBig .imgBox .imgBig img:hover{transform: scale(1.05); }
.column .columnBig .imgSmall{float: right;overflow: hidden;width: 515px}
.column .columnBig .imgSmall a{display: block;height: 140px;margin:0 0 10px 9px;width: 248px;overflow:hidden;position: relative;float: left;}
.column .columnBig .imgSmall a img{display: block;width:248px;height: 140px;transition: all 0.7s;}
.column .columnBig .imgSmall a img:hover{transform: scale(1.05); }
.column .columnBig .imgSmall a h4{z-index: 99;width: 228px;padding: 0 10px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;color: #fff;background: url(bgblack.png) no-repeat bottom center;background-size: 100% 100%;height: 48px;line-height: 56px;position: absolute;bottom:0;left:0;right:0;}

.imgText{width: 100%;padding-top: 30px;overflow: hidden;}
.imgText .img{display: block;width: 140px;height: 90px;overflow: hidden;float: left;}
.imgText .img img{display: block;height:90px;width: 140px;transition: all 0.7s;}
.imgText .img img:hover{transform: scale(1.05); }
.imgText .text{width: 310px;float: right;}
.imgText .text h4{padding-top: 5px;color: #222;margin-bottom: 20px;font-size: 18px;line-height: 18px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.imgText .text p{font-size: 14px;line-height: 24px;color: #666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:48px;}

.columnTab{width: 100%;margin-bottom: 30px;}
.tab{padding-top: 30px;width: 100%;overflow: hidden; overflow:hidden;}
.tab .tabList{width: 140px;float: left;}
.tab .tabList li{cursor: pointer;width: 100%;text-align: center;font-size: 18px;color: #0b49ac;border:3px solid #0b49ac;height: 48px;line-height: 48px;margin-bottom: 30px}
.tab .tabList li.on{color: #fff;background:#0b49ac}
.tabBox{width: 820px;float: right;overflow: hidden;}
.tabBox .img{height:290px;width:400px;overflow: hidden;float: left;}
.tabBox .img img{display: block;height:290px;width:400px;transition: all 0.7s;}
.tabBox .img img:hover{transform: scale(1.05); }
.tabBox .text{width: 390px;height: 310px;overflow: hidden;float: right;}
.tabBox .text h4{color: #222;margin-bottom: 20px;font-size: 22px;line-height: 22px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.tabBox .text p{font-size: 14px;line-height: 24px;color: #666;margin-bottom: 20px}

.ma{width: 1000px;margin:0 auto;text-align: center;}
.ma img{display: block;margin:0 auto;}
.ma p{font-size: 14px;line-height: 24px;color: #222}

.logoList{width: 1000px;margin:50px auto;}
.logoList ul{ overflow: hidden; }
.logoList ul li{width: 200px;height: 100px;border:1px solid #BFBFBF;margin:0 60px 30px 0;position: relative;float: left;}
.logoList ul li img{display: block;width:auto;margin:auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.logoList ul li.big{width: 460px}

/*列表页样式*/
.clearfix:after{content:".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;clear:both;}
.clearfix{*display: table;*zoom:1;}

.l-tit{    position: relative;width:992px;height: 30px;padding-left:20px;line-height: 30px;color: #383838;font-size: 24px;margin-top: 22.5px;margin-bottom: 22.5px;font-weight: normal;}
.l-tit:before{content: "";position: absolute;height: 30px;width: 8px;border-radius: 4px;top:0px;left:0;background:#0b49ac;}

.newsList{width:100%;}
.news_row{position: relative;border-bottom: 1px solid #eee;padding: 15px 0; width:100%;}
.news_row .nr_pic{float: left;_display: inline;display: block;width: 140px;height: 90px;overflow: hidden;margin-right: 20px;}
.news_row .nr_pic img{width: 100%;height: 100%;transition: all 0.7s;}
.news_row .nr_pic img:hover{transform: scale(1.05);}
.news_row .nr_detail{width: 840px;float: left;_display: inline;}
.news_row.nopic .nr_detail{width: 1000px;}
.news_row .nr_detail h3{height: 60px;line-height: 30px;font-size: 20px;color:#404040;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_row .nr_detail h3 a{color:#222;}
.news_row.nopic .nr_detail h3{min-height: 30px;height: auto;}
.news_row .nr_tag{color: #b6b5b5;font-size: 14px;margin-top: 15px;height: 13px;line-height: 13px;}
.news_row .nr_tag span{margin-right: 10px;}

/*分页*/
.page { text-align: center; font-size: 13px; font-size: 0; margin:20px auto;}

.page a { display: inline-block; font-size: 14px; background: #fff; border: 1px solid #cccccc; height: 32px; line-height: 32px; padding: 0 13px; color: #4c4c4c; margin: 0 5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.page a.active { background: #01b4ee; color: #fff; border-color: #01b4ee; }

.page a:hover { background: #01b4ee; color: #fff; border-color: #01b4ee; }


.position {
    float: none;
    text-align: left;
    border-bottom: 1px solid #dbdbdb;
    line-height: 32px;
    padding-bottom: 8px;
    padding-top: 18px;
    margin-bottom: 0px;
    background: url(home_icon.png) no-repeat left 23px; padding-left:25px;
}
.position a{color: #222;
}
/*内容页面CSS*/
.article {width: 100%; }
.article img{ max-width: 100%; height: auto!important;}
.article .header { padding-bottom: 2px; }
.article .header .title { font-size: 36px; font-weight: bold; color: #222; line-height: 44px; margin-bottom: 9px; text-align: center;}

.article .header .meta { font-size: 0;text-align: center; }

.article .header .meta span { font-size: 14px; color: #808080; margin: 0 15px; }
.article .header .meta span b{font-weight: bold;color: #EE9B11;}

.article .post_cont { font-size: 18px; color: #222; line-height: 2;     border-top: #888 dotted 1px;  padding-top: 20px; min-height:300px;}
.article .turnpage{padding-top: 30px; width:60%; float:left;}
.article .turnpage li { line-height: 32px; overflow: hidden; height: 32px; }

.article .turnpage li a { font-size: 16px; color: #333333; font-weight: bold; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.article .turnpage li a:hover span { color: #01b4ee; }

.article .turnpage li span { color: #4c4c4c; font-weight: normal; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.bdsharebuttonbox{text-align:right;}
.bdsharebuttonbox STRONG{float:left; line-height:42px; height:42px; font-size:16px; }