@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%;min-width:1200px;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:link,a:visited,a:hover,a:active{color:#222;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}
.clearfix:after{content:".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;clear:both;}
.clearfix{*display: table;*zoom:1;}

/* 公用边距 */
.ml30{margin-left:30px !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}
.ml15{margin-left: 15px !important}
.mt10{margin-top: 10px !important}
.mt_40{margin-top: -40px !important}
.mb15{margin-bottom: 15px !important}
.mb25{margin-bottom: 25px !important}
.mb20{margin-bottom: 20px !important}

/* 页面框架 */
.listMain{width: 1200px;margin: 0 auto;_position: relative;}
.listLeft{width: 150px; float: left;height: 100%;}
.listMiddle{width: 640px; float: left; margin:0 55px;_margin:0 27.5px}
.listRight{width: 300px; float: left;_position:absolute;_top:2px;_right:0;_margin:0 !important;}

/*头部*/
.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%;}
.l-tit{display: inline-block;float: left;margin-left: 45px;height: 30px;line-height: 30px;color: #383838;font-size: 24px;margin-top: 22.5px;font-weight: normal;}
.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(icon.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(icon.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(icon.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(icon.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:40px; line-height:40px; background:#039; color:#fff;position: relative;z-index: 2;}
.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}

/*左侧目录*/
.listBar{background-color: #f5f5f5;width: 130px;padding-bottom: 20px;border-top: 2px solid #fb5f20;padding-left: 20px;margin-top: 15px;}
.listItem{display: block;height: 32px;line-height: 32px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #383838;font-size: 14px;}
.listItem.tit{height: 36px;line-height: 36px;font-size: 16px;color: #fb5f20;margin-top: 10px;}
.listItem a{color: inherit;}
.listItem.tit a{color: #fb5f20;}

/*中间信息*/
.news_row{position: relative;border-bottom: 1px solid #eee;padding: 15px 0;}
.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: ;float: left;_display: inline;}
.news_row.nopic .nr_detail{width: 640px;}
.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.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;}
#autopage{padding-top:80px;margin-left:37px;padding-bottom: 1.6rem;}
#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 li.on a{background:#fb5f20; color:#fff}

/*右侧*/
.g-box-5{height:20px; line-height:20px; text-align:right}
.g-box-6{padding:20px;background:#fbfbfb;border:1px solid #f1f1f1;}
.g-box-6 p{font-size:16px;color:#404040;line-height:26px;}
.g-box-6 span{font-size:12px;color:#9b9b9b;}
.m-tt-1{padding:5px 0 20px 0; line-height:56px; color:#222; font-size:40px; font-weight:normal;}
.m-tt-2{display:inline; font-size:16px; font-weight:normal; color:#404040}
.m-tt-3{margin-bottom:5px;font-weight:normal;font-size:16px;color:#9b9b9b;}
.g-box-7,.m-sch,.m-pic-1,.m-lst-2,.m-pic-2{overflow:hidden}
.m-pic-1 li{ float:left; width:145px; margin-right:10px;}
.m-pic-1 a strong{font-size:14px; color:#383838; font-weight:normal; line-height:18px;height:36px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.m-pic-1 a:hover strong{color: #f63;}
.m-pic-1 .m-pic-d{display: inline-block;width: 145px;height: 110px;overflow: hidden;}
.m-pic-1 img{width:145px; height:110px;transition: all 0.7s;overflow: hidden;}
.m-pic-1 img:hover{transform: scale(1.05);}
.m-pic-2 li{float:left; width:270px; height:170px; margin:0 10px 10px 0; position:relative;overflow: hidden;}
.m-pic-2 .m-pic-d{display: inline-block;width: 145px;height: 110px;overflow: hidden;}
.m-pic-2 img{width:270px; height:170px;display: inline-block;transition: all 0.7s; overflow: hidden;}
.m-pic-2 img:hover{transform: scale(1.05);}
.m-pic-2 strong,.m-pic-2 span{position:absolute; width:270px; height:45px; position:absolute; left:0; bottom:0}
.m-pic-2 strong{width:260px;height:40px; padding-left:10px; line-height:40px;color:#fff; font-weight:normal;z-index:1}
.m-pic-2 span{opacity:0.8;background-image:linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);z-index:0}
.m-lst-1  li{line-height: 32px;width:100%;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden}
.bigImg{display: block;width: 100%;position: relative;overflow: hidden;font-size: 0;line-height: 0;}
.bigImg img{width: 100%;height:170px;overflow: hidden;transition: all 0.7s;}
.bigImg img:hover{transform: scale(1.05);}
.bigImg i{z-index: 99;display: block;width: 36px;height: 36px;position: absolute; top:102px;left:162px}
.bigImg h3{z-index: 99;font-size: 14px;background: url(bgblack.png) no-repeat top center;color: #fff;line-height:40px;height: 40px;background-size: 100% 100%;width:260px;padding: 0 20px;text-align: left;position: absolute;bottom: 0;left:0;right:0;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;_background:none;_background:#000 !important;_height:40px;_line-height: 40px;}