@charset "gb2312";
/* CSS Document */

/**公共部分**/
*{margin:0px; padding:0px;}
img{border:none; vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
h2{font-size:18px; color:#333333; font-weight:normal;}
body{font:14px "微软雅黑"; max-width:768px; min-width:320px; margin:auto;  background: url(http://m.haoling.cc/img/topbg.gif) repeat-x center top;}
address,cite,code,em,th{font-weight:normal; font-style:normal;}
.clear{clear:both;}
a{outline: none;}

.aBlack a,.aBlack{ color:#333333; text-decoration:none;}
.bBlack a,.bBlack{ color:#999999; text-decoration:none;}
.cBlack a,.cBlack{ color:#666666; text-decoration:none;}
.aRed a,.aRed{ color:#F259CB; text-decoration:none;}
.aBlue a,.aBlue{ color:#438BC7; text-decoration:none;}

/**顶部**/
.hlTop{ width:100%; height:50px;}
.hlLogo{ width:141px; height:38px; margin:auto; padding-top:6px;}
.hlLogo a{ display:block; width:141px; height:38px; background:url(http://www.haoling.cc/img/logo.gif) no-repeat; background-size:141px 38px;}
.hlMenu{ width:100%; border-bottom:1px solid #F3F3F3; padding-bottom:7px;}
.hlMenuList{ width:100%;}
.hlMenuList li{ float:left; width:25%; text-align:center; margin-top:13px;}
.hlMenuList li a{ display:inline-block; width:100%;}
.hlMenuList li a span{ display:inline-block; width:46px; height:46px; background:url(../images/bg1.png) no-repeat; background-size:250px 200px;}
.hlMenuList li a span.bg1{ background-position:0px 0px;}
.hlMenuList li a span.bg2{ background-position:-60px 0px;}
.hlMenuList li a span.bg3{ background-position:-120px 0px;}
.hlMenuList li a span.bg4{ background-position:-180px 0px;}
.hlMenuList li h3{ height:18px; line-height:18px; overflow:hidden; margin-top:6px;}
.hlQzBox{ width:100%; border-bottom:5px solid #F3F3F3; padding-bottom:12px; margin-top:10px;}
.hlQzMsg{ width:94%; margin:auto;}
.hlQzMsg span{ color:#FD6464;}
.hlQzSub{ width:94%; height:36px; border:1px solid #438BC8; border-radius:100px; margin:auto; margin-top:13px;}
.hlQzSub input.text1{ float:left; width:80%; height:36px; line-height:36px; overflow:hidden; border:none; background:none; font-family:"微软雅黑"; padding-left:10px; color:#999999; outline:none;}
.hlQzSub input.submit1{ float:right; width:19px; height:19px; border:none; background:none; background:url(../images/bg1.png) no-repeat 0px -60px; background-size:250px 200px; margin:8px 10px 0px 0px; cursor:pointer;}
.hlQyBox{ width:100%; border-bottom:1px solid #F3F3F3; padding-bottom:10px;}
.hlQyCont{ width:94%; margin:auto; margin-top:10px;}
.hlQyCont p{ line-height:25px; color:#575757;}
.hlYxrBox{ width:94%; margin:auto; line-height:25px; color:#FD6464; margin-top:5px;}
.hlMain{ width:100%; margin-bottom:15px;}
.htWyzjBox{ width:100%; margin-top:15px; border-bottom:5px solid #F3F3F3; padding-bottom:12px;}
.htWyzjList{ width:94%; margin:auto;}
.htWyzjList li{ float:left; width:33%; margin-top:10px;}
.htWyzjList li a{ display:block; height:18px; line-height:18px; overflow:hidden;}
.bqDjhzList{ width:100%; padding-top:10px;}
.bqDjhzList li{ width:100%; border-bottom:1px solid #F0F0F0; padding-bottom:15px; margin-top:15px;}
.bqDjhzCont{ width:96%; margin:auto;}
.bqDjhzCont h1{ height:21px; line-height:21px; overflow:hidden; font-size:17px; margin-top:12px;}
.bqDjhzImg{ width:100%; margin-top:12px;}
.bqDjhzImg a{ display:block; float:left; width:30.3%; height:80px; margin:0px 3% 0px 0px;}
.bqDjhzImg a img{ height:80px; width:100%;}
.bqBjCont{ font-size:12px; height:16px; line-height:16px; overflow:hidden; color:#999999; margin-top:10px;}
.bqYlBox{ width:96%; margin:auto;}
.bqYlBox span img{ float:left; width:110px; height:80px; margin:0px 12px 0px 0px;}
.bqYlBox dl dt a{ display:block; height:50px; line-height:25px; overflow:hidden; font-size:17px;}
.bqWfBox{ width:96%; margin:auto;}
.bqWfBox h1 a{ display:block; height:50px; line-height:25px; overflow:hidden; font-size:17px;}
.bqDjVideo{ width:100%; margin-top:12px; height:150px;}
.bqDjVideo a{ display:block; width:100%; height:150px; position:relative;}
.bqDjVideo a img{ width:100%; height:150px;}
.bqDjVideo a span{ display:block; width:54px; height:54px; background:url(../images/bg15.png) no-repeat; background-size:54px 54px; position:absolute; left:40%; top:50px;} 
.bqGgBox{ width:100%; height:35px; background:#F7F7F7;}
.bqGgBox a{ display:block; width:100%; height:35px; line-height:35px; text-align:center; text-decoration:none; color:#666666;}
@font-face {
  font-family: 'bqJiazai';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont1.woff') format('woff'),
  url('../fonts/iconfont1.ttf') format('truetype'),
  url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.bqJiazai{
  font-family:"bqJiazai" !important;
  font-size:16px;font-style:normal;
  -moz-osx-font-smoothing: grayscale;
}
.ylMoreOther{ text-align:center; margin-top:15px;}

/***************************详细页***************************/
.hlHmBox{ position: relative; width:94%; min-height: 300px; background:#FFFFBB; border:1px solid #EAEAEA; margin:auto; padding-bottom:15px; margin-top:15px;}
.hlHmTitle{ width:100%; text-align:center; border-bottom:1px solid #EAEAEA; padding-bottom:15px;}
.hlHmTitle h1{ font-size:16px; color:#8B8B8B; margin-top:10px;}
.hlHmTitle h1 span{ color:#FD6464;}
.hlHmTitle em{ color:#FD6464; font-size:30px; margin-top:10px;}
.hlHmTitle h2{ font-size:20px; color:#FD6464; margin-top:10px;}
.hlHmCont{ width:94%; margin:auto;}
.hlHmCont dl{ width:100%; margin-top:15px;}
.hlHmCont dl dt{ width:100%; line-height:20px; overflow:hidden;}
.hlHmCont dl dt b{ display:block; float:left; width:3px; height:20px; background:#438BC8;}
.hlHmCont dl dt h2{ float:left; margin:0px 0px 0px 10px; font-size:16px;}
.hlHmCont dl dd.cont1{ color:#4CD2BD; line-height:25px; margin-top:10px;} 
.hlHmCont dl dd.cont1 span{ color:#666666;}
.hlHmCont dl dd.cont2{ font-size:18px; color:#FD6464; margin-top:10px;}
.hlHmCont dl dd.cont3{ line-height:25px; color:#666666; margin-top:10px;}
.hlHmCont dl dd.cont4{ color:#666666; margin-top:10px;}
.hlFxBox{ width:85%; margin:auto; height:178px; background:#FFFFFF; border:1px solid #F2F2F2; margin-top:15px;}
.hlFxLeft{ float:left; width:110px; height:150px; border-right:1px solid #F2F2F2; margin-top:15px; text-align:center;}
.hlFxLeft span{ display:inline-block; width:80px; height:80px; background:url(../images/bg1.png) no-repeat 0px -100px; background-size:250px 200px; margin-top:20px;}
.hlFxLeft h3{ font-size:14px; color:#333333; margin-top:10px;}
.hlFxRight{ float:left; width:132px; height:125px; margin:25px 0px 0px 7px;}

.xzApp_box{ width: 100%; text-align:center; position: absolute; bottom: 0; left: 0; background: #FFFFFF; padding-bottom: 15px; }
.xzApp_box.box_hide{ display: none; }
.xzApp_box:before{ content: ''; display: block; width: 100%; height:40px; background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,1)); position: absolute; top: -40px; left: 0; }
.xzApp_box a{ display: inline-block; width: 170px; text-align:center; line-height: 30px; text-decoration:none; height: 30px; border:1px solid #ff2828; background: #FFFFFF; color: #ff2828; position: absolute; top: -55px; left: 50%; margin-left: -85px; }
.xzApp_box img{ width: 115px; height: 115px; }
.xzApp_box p{ color: #FD6464; font-size: 14px; margin-top: 10px; }

/*新增2020-09-17*/
/*首页*/
/*原先的htWyzjTitle样式可删*/
.htWyzjTitle{ width:94%; line-height: 24px; margin:auto;}
.htWyzjTitle b{ display:block; float:left; width:3px; height:20px; background:#438BC8; margin-top:3px; margin-right:10px;}
.htWyzjTitle h2{ float: left; }
.htWyzjTitle:after{ content: ''; display: block; clear: both; }
.htWyzj_More{ float: right; display: block; font-size: 14px; line-height: 24px; font-weight: bold; color: #438BC7; text-decoration: none; }
.index_recom_list{ padding: 0 3%; }
.index_recom_list li{ height: 20px; line-height: 20px; overflow: hidden; margin-top: 15px; }
.index_recom_list span{ display: block; float: right; color: #888888; font-size: 14px; margin-left: 10px; }
.index_recom_list h3{ font-size: 16px; font-weight: normal; }
/*文章列表*/
.hlwz_Box{ padding: 12px 0; }
.hltx_wz_site{ width: 94%; margin: 0 auto; font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; color: #666666; }
.hltx_wz_site span{ color: #333333; }
.hltx_lab_list{ width: 96%; margin: 0 auto; }
.hltx_lab_list li{ float: left; width: 33.33%; margin-top: 10px; }
.hltx_lab_list a{ display: block; width: 90%; height: 30px; line-height: 30px; padding: 0 1%; overflow: hidden; margin: 0 auto; border-radius: 4px; background: #EFEFEF; color: #666666; text-decoration: none; text-align: center; }
.hltx_wz_tit{ background: #EFEFEF; height: 35px; line-height: 35px; overflow: hidden; padding: 0 2%; margin: 20px 3% 0; }
.hltx_wz_tit h2{ float: left; font-weight: bold; font-size: 16px; }
.hltx_wz_tit h2 em{ display: block; float: left; width: 12px; height: 7px; margin: 15px 10px 0 0; background: url(../images/down.png) no-repeat 0 0 /100% 100%; }
.wzUp_list{ width: 94%; margin: 0 auto; }
.wzUp_list li{ height: 18px; line-height: 18px; overflow: hidden; padding-bottom: 12px; margin-top: 12px; border-bottom: 1px solid #EEEEEE; }
.wzUp_list span{ float: right; font-size: 12px; color: #999999; margin-left: 10px; }
.wzUp_list h3{ font-size: 14px; height: 18px; overflow: hidden; }
.wz_page{ text-align: center; margin-top: 20px; }
.wz_page a,.wz_page span{ display: inline-block; min-width:24px; padding: 0 3px; margin: 0 0.5%; height: 30px; line-height: 30px; overflow: hidden;border:1px solid #DDDDDD; color: #333333; text-decoration:none; border-radius: 4px; }
.wz_page .numa{ padding: 0 5px; }
.wz_page .currentPage{ background:#438BC8; color: #FFFFFF; border-color: #438BC8; }
/*文章详情*/
.wz_cont_tit{ width: 94%; margin:5px auto 0; }
.wz_cont_tit h1{ font-size: 20px; font-weight: bold; line-height: 35px; text-align:center; }
.wz_cont_info{ text-align:center; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color: #999999; border-top: 1px solid #EEEEEE; margin-top: 5px; padding-top: 5px; }
.wz_cont_info span{ color: #999999; margin: 0 3%; }
.wz_cont_cont{ line-height: 30px; font-size: 16px; color: #666666; }
.wz_cont_cont p{ margin-top: 12px; }
.wz_cont_cont img{ display: block; max-width: 100%; margin: 0 auto; }
.wz_cont_nav{ border-top: 3px solid #EEEEEE; margin-top: 15px; }
.wz_cont_nav p{ margin-top: 12px; height: 18px; font-size: 14px; line-height: 18px; overflow: hidden; }
.wzRecom_list li{ float: left; width: 45%; margin:12px 0 0 3%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }
.wzRecom_list li:before{ content: ''; display: block; float: left; width: 5px; height: 6px; background: url(../images/iright.png) no-repeat 0 0 /100% 100%; margin: 7px 7px 0 0; }

/* 404 */
.body_404{ background:#5fb9f6; width: 100%; height: 100vh; }
.main_404{ width: 100%; height: calc(100% - 83px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.main_404In{ display: block; width: 60%; }
.img_404,.img_404 img{ width: 100%; }
.link_index{ display: block; width: 26%; min-width: 103px; height: 35px; line-height: 35px;  text-align:center; background:#e5772c; color: #FFFFFF !important; font-size: 16px; font-weight: bold; text-decoration:none; border-radius: 23px; margin:40px auto 0; }