@charset "utf-8";

*{margin:0;padding:0;}
body{font:14px "Microsoft YaHei";color:#000000;line-height:28px;background:#030d26 url(http://vip.qingdaonews.com/finance/201802/jrsm/1920.jpg) no-repeat top center}
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;}
input,button{cursor:pointer;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*font*/
.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px; color:#886116;}
.f20{font-size:20px; color:#886116;}
/*float*/
.left{float:left;}
.right{float:right;}
.clear{ clear:both}
.dn{display: none;}
.center{ text-align:center}

/*bianju*/
.mt20{ margin-top:20px;}
.mt0{ margin-top:0px !important;}
.mb0{ margin-bottom:0px !important;}
.mr20{ margin-right:20px;}
.mr0{ margin-right:0px !important;}
.mb20{ margin-bottom:20px;}
.ml20{ margin-left:20px;}
.p20{ padding:20px;}
.pt20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}

.w100{ width:1100px; margin:0 auto;overflow: hidden;}
/*me*/
.oh{ overflow:hidden}
.sj{ text-indent:2em}
.man{ width:100%}
.nothh{width:280px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden}

.footer{ width:100%; background-color:#F1F1F1; padding:40px 0 30px 0;}
.footer div{ margin:0 auto; width:950px; text-align:center}
.header{ width:100%; height:740px; }
.h1{ font-size:9px; color:#FFF}
.main{width: 1100px;margin:0 auto; padding:0 15px 10px 15px; background:#fff; overflow:hidden}
.lc{width: 100%;margin: 30px auto 0 auto;background:url(liucheng2.jpg) top center;}
.zk{ width: 150px; padding:5px 0;text-align: center;background:#f7f7f7;color: #333; margin: 0 auto;cursor: pointer;position: relative;z-index: 5}
.sq{ width: 150px; padding:5px 0;text-align: center;background:#FF3333;color: #FFF; margin: 0 auto;display: none;cursor: pointer;position: relative;z-index: 2}
.lc dl{width: 550px; padding:20px 0 50px 0;float: left}
.lc dl dt{font-size: 24px; margin: 30px 0;color: #fff}
.lc dl dt span{display:none;padding: 0 2px;background: #4e7839;margin-right: 10px;color: #4e7839}
.lc dl dd{overflow: hidden;margin: 10px 0; padding-bottom: 10px;}
.lc dl dd span{display: block; width: 100px; text-align: center;float: left; background:#124299; color:#fff;}
.lcred dd span{background:#d52047 !important;}
.lc dl dd p{display: block; width: 410px;padding-right:20px; float:right;color: #fff}
.cwhite h3{color: #fff !important;border-bottom:3px solid #fff !important;}
/* 公用标题栏 */
.dh{ width:100%;line-height:34px;border-bottom: 3px solid #e5e5e5; padding:10px 0}
.dh h3{ font-size:24px; color:#333; font-weight:normal; display:block; }
.dh_2{width:100%;line-height:34px;padding-top: 30px;text-align: center;}
.dh_2 h3{ font-size:24px; color:#333; font-weight:normal; display:block; margin: 0 auto; width: 150px;text-align: center; padding-bottom: 10px;border-bottom: 3px solid #333; }
.dh a{float:right;color:#999;font-size:14px;padding-top:10px}
/* 专题样式 */
.topMain{width: 100%; margin: 0 auto;overflow: hidden;}
.topMain img{display: block;width:350px;height: 230px;float: left}
.topMain .text{float: right;width:720px}
.topMain .text h2{font-size: 24px;font-weight: bold;line-height: 32px}
.topMain .text span{display: block;font-size: 16px;margin: 5px 0 10px 0}
.topMain .text p{color: #333}
.topMain .text p a{color: #ff0000;padding-left: 10px;}
/* 导航 */
.nav{width:100%; margin:0 auto; background:#0e2a83}
.nav dl{ width:1200px; overflow:hidden; margin:0px auto; padding:3px 0}
.nav dl dd{ float:left; padding:10px 0; font-size:16px;width:150px; text-align:center; cursor:pointer}
.nav dl dd a{ color:#FFF}
.nav dl dd:hover{ background:#FFF;}
.nav dl dd:hover a{color:#006BB3;}
/* 背景设置 */
.bg1{background:#f1f1f1;width: 100%; padding-bottom: 30px;}

/* 公用标题栏 */
.dh{ width:100%;line-height:34px;border-bottom: 3px solid #e5e5e5;}
.dh h3{
	font-size: 24px;
	color: #593a00;
	font-weight: normal;
	display: block;
	margin-bottom: -3px;
	padding-bottom: 2px;
}
.dh_2{width:100%;line-height:34px;padding-top: 30px;text-align: center;}
.dh_2 h3{ font-size:24px; color:#9b7020; font-weight:normal; display:block; margin: 0 auto; width: 150px;text-align: center; padding-bottom: 10px;border-bottom: 3px solid #333; }
.dh a{float:right;color:#999;font-size:14px;padding-top:10px}

/*焦点图*/
.focus{position:relative;width:645px;height:340px; float:left;}  
.focus img{width:645px;height:340px;} 
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height:40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:20px;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }   
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .D1fBt{ position:absolute;right:20px;bottom:18px; overflow:hidden;height:5px; z-index:10;} 
.focus .D1fBt a{display:inline;width:25px;height:5px;margin:0 5px;color:#B0B0B0;float:left;background:#D9D9D9;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ac8333;}  
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(focus_btn.png) no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}

/*焦点图2*/
.focus2{position:relative;width:1100px;height:500px; margin:30px auto; padding-bottom: 30px;}  
.focus2 img{width:1100px;height:500px;} 
.focus2 .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height:40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus2 .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:20px;}  
.focus2 .fPic{ position:absolute; left:0px; top:0px; }   
.focus2 .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus2 .fcon img{ display:block; }  
.focus2 .D1fBt{ position:absolute;right:460px;bottom:10px; overflow:hidden;height:5px; z-index:10;} 
.focus2 .D1fBt a{display:inline;width:25px;height:5px;margin:0 5px;color:#B0B0B0;float:left;background:#D9D9D9;}    
.focus2 .D1fBt .current,.focus2 .D1fBt a:hover{background:#ac8333;}  
.focus2 .prev,.focus2 .next{position:absolute;width:40px;height:74px;background:url(focus_btn.png) no-repeat;}
.focus2 .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus2 .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus2 .prev:hover{background-position:0 0;}  
.focus2 .next:hover{background-position:-40px 0;}

/* 新闻头条 */
.title{ width:205px; float:left; padding:10px 0 0 15px;}
.title h2{font-size:20px; display:block}
.title a h2{color:#333;}
.title p{display:block; line-height:20px;color:#999; margin:5px 0 10px 0;}
.title p a{color:#ce9d40;}
.title a:hover,.title p a:hover{text-decoration:underline}

/* 新闻列表 */
.news{ width:97%; float:left}
.news dl{ width:100%;}
.news dl dd{ padding:20px 10px 20px 0;overflow:hidden;border-bottom: 1px solid #e5e5e5;}
.news dl dd img{ display:block; float:left; width:150px; height:90px;}
.news dl dd h4{font-size:23px; color:#333; line-height:32px; overflow:hidden; cursor:pointer; margin:25px 0 0 170px;}
.news dl dd h4:hover{color:#1e79c5}
.news dl dd p{ margin:10px 0 0 0; font-size:14px; color:#8b847c;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:48px; line-height:24px;margin-left:170px;}
.news dl dd p a{color:#8b847c;}
.news dl dd p a:hover{ color:#F33}
.news dl dd span{ color:#a4a4a2; padding-right:20px}

/* 右边栏 */
.sider{ width:425px; float:right}
.ma{width:100%;}
.ma span{position:relative;cursor: pointer;display: block;width: 100px; padding:80px 0 0 0; height:40px;background:#37bc88;color:#fff;float: left; margin:10px 8px 0 0;text-align: center;}
.ma span div{display: none; width:395px;position: absolute;bottom:-210px;right:0;padding:15px;background:#333;height:170px;overflow: hidden;}
.ma span div img{display: block;width:170px;height: 170px;float: left; margin-right: 20px;}
.ma span div p{color: #fff;width: 100%;text-align: left;}
.ma #ma1{background:url(ico.png) no-repeat #028fee -560px 15px;}
.ma #ma1:hover{background:url(ico.png) no-repeat #333 -560px 15px;}
.ma #ma2{background:url(ico.png) no-repeat #0382d8 -721px 15px;}
.ma #ma2:hover{background:url(ico.png) no-repeat #333 -721px 15px;}
.ma #ma3{background:url(ico.png) no-repeat #037cce -1398px 15px;}
.ma #ma3:hover{background:url(ico.png) no-repeat #333 -1398px 15px;}
.ma #ma4{background:url(ico.png) no-repeat #0275c4 -898px 15px;}
.ma #ma4:hover{background:url(ico.png) no-repeat #333 -898px 15px;}