@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","Microsoft YaHei",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: #f33 !important}
input,button{cursor:pointer;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,video{display:block}
section{ width:1000px; margin:0px auto;}
h2,h3,h4,h5{ font-weight:normal}
video{min-height: 450px;background: #000;width: 100%;margin: 0 auto}

/* 公共样式 */
.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}
.main{width: 1100px;margin: 40px auto 0 auto}
.m-gotop{ position: fixed;cursor:pointer;right:0;bottom:50px;background: url(top.png) no-repeat;background-size: 100% 100%; width:42px;height: 42px;}
.m-gotop:hover{background: url(top_h.png)}
.w750{width: 750px !important;margin: 0px 50px 0 0 !important;float: left}

/* 广告 */
.ad{width: 1200px;height:50px;margin:10px auto 0 auto}
.ad img{display: block;width: 100%;height: 50px;}
.adBig{width: 1200px;height:90px;margin:30px auto 0 auto}
.adBig img{display: block;width: 100%;height: 90px;}

/* 公用边距 */
.ml30{margin-left:30px !important}
.p0{padding: 0 !important}
.pt10{padding-top: 10px !important}
.pt30{padding-top: 30px !important}
.pb50{padding-bottom: 50px !important}
.mt70{margin-top: 70px !important}
.mt50{margin-top: 50px !important}
.mt40{margin-top: 40px !important}
.mt30{margin-top: 30px !important}
.mt25{margin-top: 25px !important}
.mt20{margin-top: 20px !important}
.mt15{margin-top: 15px !important}
.mt10{margin-top: 10px !important}
.mt0{margin-top: 0px !important}
.mt_40{margin-top: -40px !important}

/* 01 */
.focus{position:relative;width:1100px;height:242px; margin:60px auto 0 auto; overflow:hidden}
.focus .focusList{height:242px;overflow:hidden; position:absolute;top:0;left:0;width:10000px}
.focus .fcon{float:left; width:1100px;overflow: hidden; position:relative;display:block;height:242px}

.focus .fcon p{ display:block;width:100%; text-align:center;margin-bottom:20px;line-height:28px; color:#666; font-size:16px;}
.focus .fcon h3{font-size:28px;padding:10px 0;color: #383838; line-height:36px;text-align:center}
.focus .focusNum{ position:absolute;right:0px;bottom:15px;left:0;*left:150px;margin: 0 auto;text-align: center;width:200px; display:flex;overflow:hidden;height:10px; z-index:10; justify-content: center}
.focus .focusNum a{display:block;width:10px;height:10px;border-radius: 8px;margin:0 5px;color:#B0B0B0;background:rgba(0,0,0,0.2);}
.focus .focusNum .on,.focus .focusNum a:hover{background:#fff;}
.focus .prev,.focus .next{position:absolute;width:44px;height:44px;background:url(fcon.png) no-repeat;z-index: 11;}
.focus .prev{top:110px;left:20px;background-position:0 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
.focus .next{top:110px;right:20px;background-position:-56px 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
.focus .prev:hover{background:url(fcon_hover.png) no-repeat;}
.focus .next:hover{background:url(fcon_hover.png) no-repeat;background-position:-56px 0;}

/* 公共样式 */
.tit{width: 100%;overflow: hidden;}
.tit h2{font-size:22px; display: inline-block; line-height: 36px;float: left}
.tit h3{font-size:22px;line-height: 36px;}
.tit span{display:block;color: #fff;padding: 0 15px;border-radius: 5px;line-height: 30px;position: relative;height: 30px;float: left;margin:3px 0 0 20px;background: #f33}
.tit span i{display: block;position: absolute;width:0; height:0;top:10px;border-width:5px;border-style:solid;left:-10px;border-color:transparent #f33 transparent transparent;}
.tit a{float: right;font-size: 14px;color: #999; line-height: 36px;margin-left:10px}
.top{width: 100%; height: 60px;position: fixed;top:0;left:0;right:0;z-index: 9999;background: #fff; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.top dl{ width: 1100px;margin: 0 auto; height: 60px;}
.top dl dt{ float: left; margin-right: 40px; padding-top: 15px; overflow: hidden;}
.top dl dt img{display: block; width: 161px;float: left;}
.top dl dt i{display: block;float: left;margin-left: 25px;line-height: 30px; color: #999; width:320px}
.top dl dd{ float: right; position: relative;margin-right: 30px; line-height: 60px; font-size: 14px;color: #383838;cursor: pointer; padding-left: 20px}
.top dl dd:hover{color: #f33}
.top dl dd.phone{ background: url(icon_05.png) no-repeat center left;background-size:12px 16px}
.top dl dd.wecat{ background: url(icon_06.png) no-repeat center left;background-size:16px 16px; padding-left:25px}
.top dl dd.phone:hover{background: url(icon_05_h.png) no-repeat center left;background-size:12px 16px}
.top dl dd.wecat:hover{background: url(icon_06_h.png) no-repeat center left;background-size:16px 16px;}
.top dl dd .ewmBox{display: none;position: absolute;top:61px;left:0;width: 150px;}
.top dl dd .ewmBox img{display: block;width: 100%;}
.top dl dd .ewmBox .close{display: block; position: absolute;right:-22px;top:0;background: url(close.png) no-repeat center center #fff;background-size:90% 90%;width:20px;height: 20px;}

/* 冠名新闻 */
.imgTextList{width: 100%;overflow: hidden;margin-top: 20px;}
.imgTextList li{ width: 550px;float: left; overflow: hidden; height: 150px;}
.imgTextList li .img{width: 275px; float: left; height: 150px; overflow: hidden;}
.imgTextList li img{display: block;width: 275px;height: 150px;transition: all 0.6s;}
.imgTextList li img:hover{transform: scale(1.1);}
.imgTextList li div{width: 275px;float: left;background: #2a2a2a; height: 150px; position: relative;}
.imgTextList li div span{position: absolute;display: block;width:0; height:0;top:50px;border-width:10px;border-style:solid;}
.imgTextList li div span.lArrow{left:-20px;border-color:transparent #2a2a2a transparent transparent;}
.imgTextList li div span.rArrow{right:-20px;border-color:transparent transparent transparent #2a2a2a;}
.imgTextList li div h3{color: #fff; padding: 20px 25px 0 25px;font-size: 16px; line-height: 30px;height: 60px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.imgTextList li div h3:hover{color: #fdd000 !important;}
.imgTextList li div a.btn{display: block; margin-top: 15px;color: #fff;border: 1px solid #fff; border-radius: 20px;width: 100px;text-align: center;line-height: 36px;margin-left: 25px}
.imgTextList li div a.btn:hover{ color: #fdd000 !important;border-color: #fdd000}

/* 文章列表 */
.newsList{ width: 765px;float: left; }
.newsList dl{ margin-top:20px}
.newsList dt{font-size: 22px; margin-bottom: 20px;line-height: 36px;}
.newsList dt a{float: right;font-size: 14px;color: #999;line-height: 36px;}
.newsList dd{width: 100%;background: #f5f5f5;position: relative;margin-bottom: 20px}
.newsList dd i{position: absolute;font-style: normal;background: rgba(0,0,0,0.8);top: 15px;;left:15px;display: block;padding: 0 10px 0 20px;color: #fff; line-height: 28px;border-radius: 20px}
.newsList dd i.bgRed{background:url(dian.png) no-repeat 10px center #e94c3b}
.newsList dd i.bgBlue{background:url(dian.png) no-repeat 10px center #3697db}
.newsList dd i.bgGreen{background:url(dian.png) no-repeat 10px center #2dca6f}
.newsList dd i.bgYellow{background:url(dian.png) no-repeat 10px center #f49c14}
.imgBox{display:flex;width:100%;max-height:400px; overflow:hidden;align-items: center}
.newsList dd img{display: block;width: 100%; height:auto;}
.newsList dd h3{line-height:32px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden; padding:30px 30px 15px 30px;font-weight: bold; font-size:22px;color: #2a2a2a}
.newsList dd p{color: #999; padding:0 30px 0 30px;font-size: 14px; line-height: 28px;height:56px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList dd .add{padding: 15px 30px}
.newsList dd .add span{color: #999;margin-right: 15px;}

/* 边栏 */
.sideRight{ width: 300px;float: right }

.video{display: block;width: 100%; height: 160px;margin-top: 20px;position: relative;overflow: hidden;}
.video h4{display: block;background: url(video.png) no-repeat center 50px rgba(0,0,0,0.5);position: absolute;top:0;left:0;right:0;width:280px; padding: 100px 10px 0 10px;height: 60px; text-align: center;font-size: 16px;color: #fff;}
.video img{display: block;width: 100%;height: 160px;}
.video h4:hover{color: #fdd000 !important}

.sideNews_sma{width: 268px;padding:0 15px;border: 1px solid #e5e5e5; margin-top: 10px;}
.sideNews_sma li{overflow: hidden;width: 100%;border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.sideNews_sma li:last-child{border: none}
.sideNews_sma li .pic{display: block;float: left;width: 120px; height: 64px;margin-right: 18px;overflow: hidden;}
.sideNews_sma li img{display: block;width:100%; height: 64px;transition: all 0.6s;}
.sideNews_sma li img:hover{transform: scale(1.1);}
.sideNews_sma h4{color:#2a2a2a;line-height:20px;height:60px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size: 14px}

.sideNews_big{ width: 100%;background: #f5f5f5;margin-top: 20px; padding-bottom: 20px}
.sideNews_big .pic{display: block;width: 100%; height: 160px; overflow: hidden;}
.sideNews_big .pic img{display: block;width: 100%; height:160px;transition: all 0.6s;}
.sideNews_big .pic img:hover{transform: scale(1.1);}
.sideNews_big  h4{line-height:20px;color:#2a2a2a;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden; padding:20px 15px 10px 15px; font-size:16px;font-weight: normal;}
.sideNews_big  p{color: #a2a2a2; padding:0 15px 0 15px;font-size: 14px; line-height: 24px;height:72px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.hotTag{margin-top: 15px; overflow: hidden;width: 300px}
.hotTag a{display: block; line-height: 28px;font-size: 12px ;float: left;padding: 0 10px; margin:0 10px 10px 0;border:1px solid #f2f2f2;color: #2a2a2a}
.hotTag a:hover{border-color: #f33}

/* 列表页 */
.listBanner{width: 100%;margin: 60px auto 0 auto; height: 190px;background: url(list_bg.jpg) no-repeat top center;}
.listBanner .lbTextList{width: 1100px;margin: 0 auto;padding-top: 70px;}
.listBanner .lbTextList h1{font-weight: bold ;font-size:32px; line-height: 50px;color: #fff;}
.listBanner .lbTextList a{display: block;float: right; height: 32px;margin-top: 9px; line-height: 32px;;color: #fff;padding: 0 10px;border:1px solid #fff;border-radius: 20px}
.listBanner .lbTextList a:hover{color: #fdd000 !important;border-color: #fdd000}

#autopage{padding-top:40px;margin-left:37px;}
#autopage ul{text-align: center;}
#autopage li{display: inline-block;margin-right: 10px;}
#autopage a,#autopage span{padding:8px 13px; font-size:12px; border:1px solid #e7e7e7; color:#404040}
.m-num a:hover,#autopage a:hover{background:#fb5f20; color:#fff !important; text-decoration:none}
#autopage span{background:#fb5f20; color:#fff}

/* 详情页 */
.mainText{width: 1100px;margin: 70px auto}
.relation{width: 1125px;margin: 20px 0 0 0;overflow: hidden;}
.relation li{float: left;width: 200px;background: #f5f5f5;padding-bottom: 15px;margin-right: 25px}
.relation li .img{display: block;width: 100%; height: 105px;overflow: hidden;}
.relation li .img img{display: block;width: 100%; height:105px;transition: all 0.6s;}
.relation li .img img:hover{transform: scale(1.1);}
.relation li h4{font-size: 16px; line-height: 24px;height:48px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; padding:15px 15px 0 15px;color: #2a2a2a}
.relation li .btn{display: block;margin: 10px auto 0 auto;width: 100px;font-size: 12px;text-align: center;color: #383838;line-height: 28px;border:1px solid #e5e5e5;border-radius: 20px}

.g-box-2{padding-bottom:15px;border-bottom:1px solid #e9e9e9;width:100%;margin:50px auto; overflow: hidden;}
.m-msg-1,.m-msg-1 a{height:27px; line-height:27px; color:#666}
.m-msg-1 span{margin-right:10px;border: 1px solid #e5e5e5; font-size: 12px; padding: 2px 5px}
.m-msg-1 a:hover,.m-msg-1 a:active{color:#f33}
.bdsharebuttonbox{ float:right; min-width:170px; text-align:left}
.bdsharebuttonbox strong{float:left; font-weight:normal}
.bdsharebuttonbox a{display: inline-block;width: 27px !important;height: 27px !important;line-height: 27px !important;margin: 0 0 0 10px !important;border-radius: 100%;}
.bdsharebuttonbox a.bds_weixin{background: url(ico-1.png);background-size: 100% 100%;}
.bdsharebuttonbox a.bds_tsina{background: url(ico-2.png);background-size: 100% 100%;}
.bdsharebuttonbox a.bds_qzone{background: url(ico-3.png);background-size: 100% 100%;}

.deBanner_big{width: 100%;margin: 60px auto 0 auto;}
.bgBlack{width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.lbText{width: 1100px;margin: 0 auto; padding-top: 170px;}
.lbText h1{text-align: center;font-size: 64px; line-height: 100px;font-weight:900;color: #fff;}
.lbText p{margin-top: 100px;text-align: center;}
.lbText p span{margin: 0 10px;color: #fff;font-size: 16px}

.deBanner_sma{width: 100%;margin: 60px auto 0 auto; height:200px;background:no-repeat top center;}
.deBanner_sma .lbText{padding-top:60px}
.deBanner_sma h1{font-size:36px;text-align: left;line-height: 36px;}
.deBanner_sma p{margin-top:50px;text-align: left;}
.deBanner_sma p span{margin: 0 20px 0 0;color: #fff;font-size: 16px}

.mainText{width: 1100px;margin: 70px auto 0 auto;}
.mainText p{font-size: 16px;line-height: 28px;margin-bottom: 40px; color: #2a2a2a}
.mainText p a{color: #f33}
.mainText p img{max-width: 100%;display: block;margin: 0 auto}
.mainText p iframe{max-width: 100%;display: block;margin: 0 auto}
.mainText p video{max-width: 100%;display: block;margin: 0 auto}
.mainText .mz{width: 100px;display: block;margin: 50px auto;text-align: center;line-height: 28px;font-size: 16px;color: #f33;border: 1px solid #f33;border-radius: 5px}

/*pc导航底部版权*/
.q-hd{height:60px;line-height:60px;background:#fff}
.q-nav{width:980px;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;margin-top:100px;background:#fff;border-top:1px solid#e7e7e7}
.q-link{float:left;width:800px}
.q-box{width:980px;margin:0 auto;font-size:12px}
.q-link span{display:block;float:left;width:180px;line-height:26px;color:#555;}
.q-link span.w240{width:240px}
.q-link span a{color: #2a2a2a}
.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:1;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:#334bc4; 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}

div.lazy-load {
  background-color: #e6e6e6;
  overflow: hidden;
  display: inline-block;
}
img.lazy-load{
  background-color: #e6e6e6;
  transition:opacity 0.3s ease-in;
  border: 0;
  outline: 0;
}