/* header */
.header{ width:100%; padding:20px 0px; position:relative;background:#1f79b3 url(../images/header.jpg) center top no-repeat; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;background-size: cover;}
.header .logo{display:block;height:auto; margin-left:3%;  text-align:center;}
.header .logo img{display:block;width:60%;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:40px;height:40px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#ff7800;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background: url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.dl-menuwrapper {width: 100%;max-width: 120px;float: right;position: absolute;top:10px;right:0;padding-top: 55px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:10px;right:10px;cursor: pointer;outline: none;background: url(../images/menu-button-bg.png) no-repeat center center;background-size: 90%; border:4px solid #fff; border-radius:5px;}
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {background:#187bcf url(../images/menu-button-bg.png) no-repeat center center;background-size: 90%; border:4px solid #fff; border-radius:5px;}
.dl-menuwrapper ul {background: #276eaa;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding:8px 0px;font-size: 14px;line-height: 20px;font-weight: 300;color: #fff;border-bottom: 1px solid #bfdbf2;outline: none;text-decoration:none;text-align:center;}
.no-touch .dl-menuwrapper li a:hover {background:#1f79b3}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
/*焦点图*/
.focus{ position:relative; width:100%;  margin:0 auto; height:auto; clear:both;  }  
.focus .shadow .title{width:60%; height:55px; padding-left:10px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:15px; font-weight:bolder; overflow:hidden; }
.focus .fPic{left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; 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:15px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; display:none; background:#000  }  
.focus .fcon img{width:100%;display:block; height:auto;}  
.focus .fbg{bottom:10px; right:2%; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    

.title-tab-nav{ width:100%; clear:both; border-bottom:2px solid #eee; height:50px;}
.title-tab-nav li { width:25%; float: left; text-align: center;position: relative; font: normal 14px/40px "微软雅黑"; display:block; height:40px; line-height:40px; color:#000; word-spacing:normal; }
.title-tab-nav li:hover{ background:#cc0000; color:#fff;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  -webkit-box-shadow:#cc0000 0 0 10px inset;-moz-box-shadow:#cc0000 0 0 10px inset;box-shadow:#cc0000 0 0 10px inset; cursor:pointer;}
.title-tab-nav li.hover{ background:#cc0000; color:#fff;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  -webkit-box-shadow:#cc0000 0 0 10px inset;-moz-box-shadow:#cc0000 0 0 10px inset;box-shadow:#cc0000 0 0 10px inset; cursor:pointer;}


/* 加载更多按钮 */
.cateBtn a{ display: block; height: 38px; text-align: center;line-height: 38px; font-size:16px; border-radius:5px; background:#eaeaea; color:#000;}
.cateBtn a:hover{ display: block; height: 38px; text-align: center; line-height: 38px; font-size:16px; border-radius:5px; background:#ae0303; color:#fff;}
.Nlist{ padding:0px;}
.Nlist li{padding-left:12px;background:url(../images/dian.gif) 0 18px no-repeat;font: normal 14px/36px "Microsoft YaHei"; color:#666;}
.Nlist li a{ color:#666;}
.Nlist li a:hover{ color:#be0000;}
.Nlist li span{ float:right; color:#888;}
h2.title{height:40px; width:100%; clear:both; border-bottom:2px solid #eee; font: normal 14px/40px "Microsoft YaHei"; color:#cd0102;}
h2.title a{ padding:0 20px; display:inline-table; background:#cc0000; color:#fff; border-radius:5px 5px 0 0}
h2.title a:hover{color:#fff; text-decoration:none;}
h2.title a i{ margin-right:5px;}
.zjzk-list{}
.zjzk-list li{ width:90%; margin-top:10px; margin-left:5%; float:left;text-align:center;}
.zjzk-list li h2{font: normal 14px/28px "Microsoft YaHei"; color:#000;}
.zjzk-list li h3{font: normal 14px/22px "Microsoft YaHei"; color:#666;}
.zjzk-list li h2 a{ color:#000;}
.zjzk-list li img{ display:block;width:70%; min-height:150px; margin:0 auto;}
.about-list li{ width:50%; float:left; margin-top:10px; font: normal 14px/30px "Microsoft YaHei"; text-align:center; }
.about-list li a{ color:#000;}
.about-list li i{ width:60px; height:60px; display:block; margin:0 auto; font-size:30px; line-height:60px; text-align:center;  background:#cc0000;  color:#fff; border-radius:50%; margin-top:13px;}
.foot-menu li{ width:50%; float:left; text-align:center; font-size:14px;}
.foot-menu li img{ display:block; width:50%; margin:0 auto;}
/* 底部 */
.footer { width:100%; background:#f7f7f7; clear:both; padding:30px 0; font-size:14px; line-height:200%; text-align:center;border-top:5px solid #cc0000; }
.footer, .footer a { color:#666; }
a.more-but{ display:block; width:95%;border-radius: 8px; margin:0 auto; height:35px; background:#ddd; text-align:center;font:normal 16px/35px "Microsoft Yahei"; color:#fff;}
a.more-but:hover{ background:#ff7f0d; text-decoration:none;}
/*新闻内容页*/
.pages{ width:100%;margin:0 auto;}
#new_cont { padding:5px 0px;font-size:16px; line-height:200%;  color:#333; }
#new_cont h1{font:500 24px/32px "Microsoft YaHei"; color:#333; text-align:center;}
#new_cont .date{ border-bottom:1px dashed #eee; line-height:160%; font-size:14px; color:#878787; margin:8px 0px;}
#new_cont .text{ text-indent:1.5em;}
#new_cont  img{ display:block; max-width:100%;max-height:260px; height: auto; margin:10px auto;}
.pager{padding-left: 0;margin: 20px 0;list-style: none;text-align: center;}
.pager li {display: inline; margin:0 5px;}
.pager li>a, .pager li>span {display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {color: #999;background-color: #fff;cursor: not-allowed;}
.m-title{height:45px; border-bottom:2px solid #ececec;}
.m-title h2{font:normal 22px/45px "Microsoft YaHei"; color:#fff; float:left; padding:0 20px; display:inline-table; background:#cc0000; color:#fff; border-radius:5px 5px 0 0}
.m-title h2 a{color:#fff;}
.m-title span{font:normal 14px/45px "Microsoft YaHei"; color:#000; float:right;}
.info{ margin:10px auto 15px;line-height:30px;  color:#555;}
.info a{color:#000;}
.info i{ color:#555; margin-right:10px; font-size:18px;}
.about-list2 li{ width:100%; clear:both; padding:4px 0px; margin-top:10px; font: normal 16px/50px "Microsoft YaHei"; background:#f7f7f7;  }
.about-list2 li a{ color:#000;}
.about-list2 li i{ width:70px; height:50px; display:block; float:left;font-size:30px; line-height:50px; text-align:center; color:#f00; border-radius:50%;}

@media(max-width:480px){ 
.i4-list li{ float: left; margin-left:2%; cursor: pointer; border:1px solid #cccccc; border-radius:5px; overflow:hidden; width:47%; height:38px; line-height:38px; font-size:14px; margin-bottom:14px; }
.kstd ul li{ float:left;width:33.33%; margin-top:8px; text-align:center;line-height:36px; font-size:16px;}
.pubc-box ul li{ float: left; margin-left:2%; cursor: pointer; border:1px solid #cccccc; border-radius:5px; overflow:hidden; width:47%; height:38px; line-height:38px; font-size:14px; margin-bottom:14px; }
}
@media(max-width:320px){ 
.i4-list li{ float: left; margin-left:2%; cursor: pointer; border:1px solid #cccccc; border-radius:5px; overflow:hidden; width:47%; height:38px; line-height:38px; font-size:14px; margin-bottom:14px; }
.kstd ul li{ float:left;width:33.33%; margin-top:8px; text-align:center;line-height:36px; font-size:16px;}
.pubc-box ul li{ float: left; margin-left:2%; cursor: pointer; border:1px solid #cccccc; border-radius:5px; overflow:hidden; width:47%; height:38px; line-height:38px; font-size:14px; margin-bottom:14px; }
}