@charset "utf-8";
body {
	min-width: 1200px;
	background-color: #ffffff;
}

.selfscale {
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.selfscale img {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.selfscale img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

button,
input,
select {
	border: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* ?β */
.header{
	position: relative;z-index: 999;
	background-color: #ffffff;
}
.navbar{
	width: 100%;
	background-color: #ffffff;
	height: 36px;
	box-shadow: 4px 6px 20px rgba(184,184,184,.2);
}
.navbar .main{
	height: 36px;
}
.navbar-nav{
	height: 36px;
	float: left;
}
.navbar-nav>li {
	float: left;
	margin-right: 10px;
}
.navbar-nav>li> a{
	position: relative;
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 26px;
	text-align: center;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 5px;
}
.navbar-nav>li> a .iconfont{
	color: #999;
}
.navbar-nav >li.active >a{
	color: #f02c2c;
}
.navbar-nav >li.active >a::before{
	width: 100%;
	height: 2px;
	background-color: #f02c2c;
	content: '  ';
	position: absolute;
	left: 0;
	top: 0;
}
.menu-right{
	float: right;
	height: 36px;
}
.menu-right li{
	float: left;
	margin-left: 20px;
	line-height: 26px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
.menu-right li a{
	display: inline-block;
	line-height: 26px;
}
.menu-right li a .iconfont{
	font-size: 14px;
}
.menu-right li *{
	display: inline-block;
	vertical-align: middle;
}
.menu-right li .line{
	font-weight: lighter;
	font-family: '宋体';
	color: #666666;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.footer{
	text-align: center;
	padding: 40px 0;
	background-color: #ffffff;
	color: #666666;
}
.foot-nav li a{
	color: #666666;
}
.foot-nav li{
	display: inline-block;
}
.foot-nav li.line{
	font-weight: lighter;
	font-family: '????';
	color: #666666;
	padding: 0 10px;
}
.foot-item{
	margin-top: 15px;
}
.foot-item a{
	color: #666666;
}
.sku-navbar{
	background-color: #fd7400;
	height: 50px;
}
.sku-navbar .main{
	height: 50px;
}
.sk-nav{
	position: relative;
	float: left;
	height: 50px; width:92px;
}
.sk-nav::after{
	
}
.sk-nav:last-child::after{
	display: none;
}
.sk-nav a{
	display: block;
	color: #ffffff;
	line-height: 50px;font-size: 17px;
    font-weight: 600;text-align: center;width: 92px;
	
}
.sk-nav a.home{ color:#ff3300; background:#fff;line-height: 40px;
    margin-top: 5px;}
.sk-nav a:hover{ color:#ff3300; background:#fff;line-height: 40px;
    margin-top: 5px;}
.sk-nav dt{
	float: left;
}
.sk-nav dd{
	float: left;
	margin-left: 6px;
}
.sk-nav dt a{
	font-size: 18px;
}
.sk-nav dd a{
	font-size: 14px;
}
.sk-nav-list{
	
}
.k-link{
	/*height: 50px;*/
	margin: 0 -10px;
}
.k-link li{
	float: left;
	padding: 0 10px;
}
.k-link li a{
	display: block;
	padding: 8px 0;
	line-height:20px;
}
.head-main{
	position: relative;
	z-index: 99;
}
.head-main .main{
	height: 100px;
}
.head-main .logo{
	float: left;
    padding: 10px 0;
    width: 260px;
    height: 80px;
}
.icon-links{
	overflow: hidden;
	float: right;
	padding: 18px 0;
}
.icon-links li{
	float: left;
	margin-left: 35px;
}
.icon-links li a{
	text-align: center;
	display: block;
	line-height: 1;
}
.icon-links li a p{
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
}
.site-search{
	width: 478px;
	border: 2px solid #4088e3;
	float: left;
	height: 42px;
	margin-left: 150px;
	margin-top: 30px;
}
.select-box{
	position: relative;
	float: left;
	width: 110px;
	height: 42px;
}
.select-box select{
	padding: 0 0 0 15px;
	width: 100px;
	box-sizing: border-box;
	height: 42px;
	color: #666666;
	line-height: 42px;
}
.search-container{
	position: relative;
	float: right;
	width: 360px;
	border-left:1px solid #c1c1c1 ;
	height: 30px;
	margin-top: 6px;
}
.search-container input{
	width: 100%;
	height: 30px;
	text-indent: 14px;
	line-height: 30px;
}
.search-container .btn{
	height: 42px;
	line-height: 42px;
	background-color: #0099ff;
	color: #ffffff;
	width: 56px;
	position: absolute;
	right: 0;
	top: -6px;
	cursor: pointer;
}
/* list */
.inwrap{
	padding: 10px 0;
	background-color: #f8f8f8;
}
.ad60{
	overflow: hidden;
	font-size: 0;
	margin-bottom: 20px;
}
.list-col{
	position: relative;
	width: 850px;
	float: left;
}
.sidebar{
	width: 330px;
	float: right;
}
.ad330{
	margin-bottom: 20px;
}
.side-box{
	background-color: #fff;
	padding: 20px 10px;
	margin-bottom: 20px;
	box-shadow: 0 6px 10px rgba(0,0,0,0.06);
}
.side-hd{
	margin-bottom: 10px;
}
.side-hd *{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
}
.side-hd .iconfont{
	font-size: 22px;
	color: #0072ff;
	margin-right: 5px;
}
.wx-cell{
	background: url(/public/hqbdw/css/wxbg.png) center top no-repeat;
	text-align: center;
	padding-top:35px;
	padding-bottom: 20px;
}
.wx-cell h3{
	font-size: 16px;
	padding-top: 40px;
	margin-bottom: 10px;
}
.wx-cell p{
	color: #999999;
}
.wx-cell img{
	width: 164px;
	height: 164px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 6px 10px rgba(0,0,0,0.2);
	padding: 5px;
}
.side-pic-list{
	margin: 0 -10px;
}
.side-pic-list li{
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.side-pic-list .pic-box{
	display: block;
	width: 155px;
}
.pic-box img{
	width: 155px;
	height: 100px;
}
.pic-box p{
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 18px;
	margin-top: 8px;
}
.side-tabs .hd{
	height: 24px;
	overflow: hidden;
	margin-bottom: 12px;
}
.side-tabs .hd li{
	float: left;
	margin-right: 20px;
	line-height: 24px;
	color: #666666;
	font-size: 16px;
	cursor: pointer;
}
.side-tabs .hd li .iconfont{
	color: #bbbec5;
	padding-right: 5px;
}
.side-tabs .hd li.on{
	color: #333;
	font-size: 18px;
}
.side-tabs .hd li.on .iconfont{
	color: #0072ff;
	font-size: 22px;
}

.hot-ttags{
	overflow: hidden;
	margin: 0 -7px;
}
.hot-ttags li{
	float: left;
	padding:5px 7px;
}
.hot-ttags li a{
	display: block;
	padding: 0 12px;
	height: 26px;
	border: 1px solid #a9aeb7;
	color: #868d9b;
	font-size: 12px;
	line-height: 24px;
	border-radius:20px;
}
.side-list{
	padding-top: 10px;
}
.side-list li{
	margin-bottom: 10px;background: url(/public/hqbdw/css/dot1.jpg) no-repeat 0 center;
}
.side-list li:last-child{
	margin-bottom: 0;
	position:relative;
}
.side-list li a{
	height: 22px;
    line-height: 22px;
    margin-left: 18px;
    width: 280px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
.side-list li .tag{
	width: 66px;
	height: 20px;
	line-height: 20px;
	color: #2287ea;
	border: 1px solid #2287ea;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	padding:0;
}

.side-list li .tag a{
	color: #2287ea;
	font-size: 12px;
	text-align: center;
	padding:0;
	margin: auto;
	line-height: 20px;
	width:66px;
}

.side-list li .hot-tag{
	width: 66px;
	height: 20px;
	line-height: 20px;
	background-color: #fd7400;
	color: #fff;
	border: 1px solid #fd7400;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	padding:0;
}
.side-list li .hot-tag a{
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding:0;
	margin: auto;
	line-height: 20px;
	width:66px;
}

.list-navbar{
	width: 120px;
	position: absolute;
	left: 0;
	background-color: #fff;
	top: 0;
}
.list-nav li a{
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	color: #666666;
	text-align: center;
}
.list-nav li a::after{
	display: block;
	content:' ';
	position: absolute;
	bottom: 0;
	right: 15px;
	left: 15px;
	height: 1px;
	background-color: #f0f0f0;
}
.list-nav li:last-child a::after{
	display: none;
}
.list-nav li.active a{
	background-color: #ecf3fd;
	color: #4088e3;
}
.list-nav li.active a::before{
	content: ' ';
	width: 3px;
	height: 100%;
	background-color: #4088e3;
	position: absolute;
	left: 0;
	top: 0;
}
.list-main{
	background-color: #ffffff;
	box-shadow: 0 6px 10px rgba(0,0,0,0.06);
}
.list-has-bar .list-main{
	margin-left: 140px;
}
.list-inner{
	padding: 10px 20px;
}
.list-hd{
	position: relative;
	height: 40px;
	border-bottom: 1px solid #e1e1e1;
}
.list-hd .list-tt{
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #4088e3;
}
.sin-lists li{
	overflow: hidden;
	padding: 20px 0;
	line-height: 1.2;
	border-bottom: 1px solid #ebebeb;
}
.sin-lists .title{
	margin-bottom: 18px;
}
.sin-lists .title a{
	font-size: 16px;
	font-weight: bold;
}
.col{
	overflow: hidden;
}
.sin-lists .spic{
	display: block;
	width: 118px;
	height: 72px;
	margin-right: 12px;
	float: left;
}
.spic img{
	width: 118px;
	height: 72px;
}
.sin-lists .desc{
	line-height: 18px;
	height: 54px;
	color: #666666;
}
.sin-lists .desc a{
	color: #4088e3;
}
.sin-lists .attr *{
	display: inline-block;
	vertical-align: middle;
}
.attr .item{
	color: #999999;
	margin-right: 20px;
}
.attr .item .iconfont{
	font-size: 14px;
}
.hot-ttags li a:hover{
	background-color: #4088e3;
	color: #ffffff;
}
.list-page{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.list-page a{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	padding: 0 13px;
	background-color: #f8f8f8;
	color: #808080;
	height: 32px;
	line-height: 32px;
}
.list-page a.cur{
	background-color: #4088e3;
	color: #ffffff;
}
.tag-tt{
	position: relative;
	padding-left: 12px;
	font-size: 14px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(/public/hqbdw/css/dot1.png) left center no-repeat;
}
.tag-blue{
	background: url(/public/hqbdw/css/dot2.png) left center no-repeat;
}
/* ???? */
.art-header{
	padding: 10px 0;
}
.art-title{
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 10px;
}
.art-sub-title{
	color: #999999;
}
.try-cell{
	background-color: #f7f8f9;
	padding: 6px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.try-pic{
	float: left;
	margin-right: 15px;
	width: 66px;
	height: 66px;
}
.try-pic a{position: relative;
	display: block;
	line-height: 1;
}
.try-pic img{
	width: 66px;
	height: 66px;
	border-radius: 5px;
}
.try-pic a::after{
	content: ' ';
	display: block;
	width: 66px;
	height: 66px;
	background: url(/public/hqbdw/css/play.png) center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.try-list{
	width: 328px;
	float: left;
	padding: 5px 0;
}
.try-list li{
	height: 30px;
	float: left;
	line-height: 30px;
	color: #666666;
}
.try-list .name{
	width: 76px;
	float: left;
}
.try-list .tit{
	width: 176px;
	float: left;
}
.try-list .try-link{
	float: right;
	display: block;
	color: #4088e3;
}
.try-list .try-link .iconfont{
	font-size: 14px;
}
.try-cell .line{
	float: left;
	width: 1px;
	height: 50px;
	background-color: #e1e1e1;
	margin: 10px 25px;
}
.article-main{
	position: relative;
	padding-left: 86px;
	overflow: hidden;
	margin-bottom: 40px;
}
.art-bar{
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	background-color: #ffffff;
	height: 400px;
}
.article-body{
	border-left: 1px solid #e1e1e1;
	padding-left: 20px;
	color: #666666;
	line-height: 2;
	font-size: 16px;
}
.article-body p{
	margin-bottom: 20px;
	font-size: 16px;
}
.article-body p:last-child{
	margin-bottom: 0;
}
.article-body a{
	color: #4088e3;
	font-size: 16px;
}
.art-attr{
	width: 60px;
	text-align: center;
}
.art-attr li{
	position: relative;
	padding: 10px 0;
	color: #999999;
	line-height: 1;
}
.art-attr li a{
	display: block;
	color: #999999;
}
.art-attr li .iconfont{
	font-size: 20px;
}
.art-attr li .txt{
	padding-top: 6px;
}
.art-attr li .nn{
	font-size: 12px;
	background-color: #fff;
	color: #999999;
	position: absolute;
	left: 50%;
	top: 5px;
	padding: 2px;
	margin-left:5px;
}
.art-share{
	width: 60px;
	text-align: center;
}
.art-share li{
	text-align: center;
	line-height: 1;
	padding: 15px 0;
}
.art-share li a{
	display: block;
}
.art-share li a .iconfont{
	color: #bdbdbd;
	font-size: 20px;
}
.art-bar .line{
	width: 60px;
	height: 1px;
	background-color: #e1e1e1;
	margin:10px 0;
}
.comment-hd *{
	display: inline-block;
	vertical-align: middle;
}
.comment-hd{
	margin-bottom: 15px;
}
.comment-hd .tt{
	font-size: 22px;
	margin-right: 10px;
}
.comment-hd .desc{
	font-size: 13px;
	color: #999999;
}
.comment-body{
	border: 1px solid #e1e1e1;
}
.comment-foot{
	 height: 42px;
	 background-color: #f0f0f0;
}
.comment-body .textarea{
	height: 80px;
	padding: 10px;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	resize: none;
}
.comment-foot .btn-submit{
	cursor: pointer;
	height: 42px;
	width: 72px;
	background-color: #4088e3;
	color: #fff;
	line-height: 42px;
	float: right;
}
.comment-face{
	float: left;
	width: 42px;
	padding: 0 10px;
}
.comment-face .face-box{
	width: 42px;
	height: 42px;
	background: url(/public/hqbdw/css/face.png) center no-repeat;
	cursor: pointer;
}
.rel-list li{
	width: 540px;
	margin-bottom: 20px;
	height: 22px;
	text-align:left;
	overflow:hidden;
}
.rel-list li a{
	height: 22px;
	line-height: 22px;
	padding-left: 20px;font-size: 15px;
}
.rel-list li i{ float:right; font-style: normal;}
.rel-list li{
	text-align: left;
}
.rel-list li .tag{
	width: 40px;
	height: 18px;
	line-height: 18px;
	color: #2287ea;
	border: 1px solid #2287ea;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	display:inline-block;
}
.rel-list li .tag a{
	padding:0;
	color: #2287ea;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	
}
.rel-hd{
	border-bottom: 1px solid #e1e1e1;
	height: 40px;
	margin-bottom: 20px;
}
.rel-tt{
	float: left;
	font-size: 22px;
	line-height: 1;
}
.rel-link {
	height: 40px;
	float: left;
	margin-left: 20px;
}
.rel-link li{
	float: left;
	margin-right: 20px;
}
.rel-link li a{
	color: #999999;
	display: inline-block;
	line-height:22px;
}
.rel-cells .list-hd{
	margin-bottom: 20px;
}
.rel-zlist li{
	height: 20px;
	line-height: 20px;
	width: 340px;
	margin-bottom: 18px;
}
.rel-zlist li a{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	padding-left: 14px;
}
.rel-zlist li a::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background-color: #ffa800;
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    content: ' ';
}
.rel-main{
	position: relative;
}
.rel-main .rel-bar{
	position: absolute;
	left: -20px;
	top: 0;
	width: 106px;
}
.rel-col{
	margin-left: 86px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-left: 1px solid #e1e1e1;
}
.rel-nav li a{
	color: #666666;
	font-size: 15px;
}
.rel-nav li a *{
	display: inline-block;
	vertical-align: middle;
}
.rel-nav li a{
	display: block;
	text-align: center;
	color: #666666;
	font-size: 15px;
	line-height: 20px;
	padding: 12px 0;
}
.rel-nav li a .iconfont{
	color: #787878;
	margin-right: 5px;
}
.rel-nav li.active a{
	background-color: #4088e3;
	color: #fff;
}
.rel-nav li.active a *{
	color: #fff;
}
.art-panel{
	min-height: 2078px;
}
/* x???? */
.v-panel{
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
}
.v-panel-bd{
	padding: 15px;
}
.xz-grid{
	width: 516px;
	float: left;
}
.xz-pic{
	width: 260px;
	float: right;
}
.xz-pic img{
	width: 260px;
	height: 214px;
}
.xz-hd{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom:30px;
}
.xz-title{
	float: left;
	font-size: 22px;
}
.xz-span{
	float: left;
	font-size: 16px;
	color: #999999;
	margin-left: 5px;
}
.xz-attr ul{
	float: left;
}
.xz-attr li{
	font-size: 13px;
	margin-bottom: 20px;
}
.xz-attr li *{
	display: inline-block;
	vertical-align: middle;
}
.xz-attr li .hd{
	color: #999999;
}
.xz-attr li .blue{
	color: #4088e3;
}
.v-panel-hd{
	background-color: #f2f2f2;
	height: 40px;
}
.v-panel-hd .hd{
	float: left;
}
.v-tabs{
	height: 40px;
}
.v-tabs li{
	position: relative;
	height: 40px;
	line-height: 40px;
	width: 112px;
	float: left;
	text-align: center;
	cursor: pointer;
	color: #666666;
}
.v-tabs li.on{
	background-color: #ffffff;
	color:#4088e3 ;
}
.v-tabs li.on::after{
	background-color: #4088e3;
	width: 100%;
	position: absolute;
	content: '  ';
	height: 3px;
	top: -1px;
	left: 0;
}
.v-panel .btn-download{
	display: block;
	height: 40px;
	line-height: 40px;
	width: 125px;
	background-color: #4088e3;
	color: #ffffff;
	text-align: center;
}
.jt-slide .hd{
	font-size: 22px;
	margin-bottom: 20px;
}
.jt-slide{
	position: relative;
}
.jt-slide .bd{
	overflow: hidden;
}

.jt-slide .v-prev,
.jt-slide .v-next{
	width: 30px;
	height: 52px;
	top: 50%;
	margin-top: -26px;
	cursor: pointer;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
}

.jt-slide .v-prev{
	left: 0;
	background-image: url(/public/hqbdw/css/prev.png);
}
.jt-slide .v-next{
	right: 0;
	background-image: url(/public/hqbdw/css/next.png);
}
.v-panel-bd .content{
	line-height: 2;
	font-size: 16px;
	margin-bottom: 20px;
	color: #666666;
}
.v-link{
	float: right;
	height: 40px;
	margin-right: 20px;
}
.v-link li {
	float: left;
	line-height: 40px;
	margin-left: 20px;
}
.v-link li a{
	color: #666666;
}
.text-red{
	color: #e52828;
}
.panel-btns{
	margin-bottom: 15px;
}
.panel-btns .link-download{
	display: inline-block;
	width: 136px;
	height: 34px;
	background-color: #fd7400;line-height: 34px;
	border-radius: 24px;
	text-align: center;
	margin-right:10px;
	color: #fff;
}
.panel-btns span{
	display: inline-block;
	color: #ff7e00;
}
.v-text{
	color: #666666;
}

/* ????? */
.lm-panel{
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 6px 10px rgba(0,0,0,0.06);
}
.fl-links .hd{
	float: left;
	font-size: 18px;
	line-height: 1;
	padding-left: 10px;
	border-left: 2px solid #0072ff;
}
.fl-links .bd{
	overflow: hidden;
}
.fl-list li{
	float: left;
	line-height: 22px;
	margin-left: 28px;
}
.fl-list .more{
	color: #999999;
}
.lm-panel-hd{
	height: 30px;
	padding-top: 10px;
}
.lm-tit{
	float: left;
	position: relative;
	padding-left: 20px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}
.lm-tit::before{
	width: 5px;
    height: 20px;
    content: ' ';
    background-color: #ff3300;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}
.lm-link{
	overflow: hidden;
	float: right;
	margin-right: 20px;
}
.lm-link li{
	float: left;
	line-height: 30px;
}
.lm-link .line{
	color: #666666;
	font-size: 12px;
	padding: 0 20px;
}
.lm-link li a{
	color: #666666;
	font-size: 13px;
}
.lm-body{
	padding:25px 20px 20px 20px;
}
.lm-col{
	float: left;
	width: 830px;
}
.lm-sidebar{
	width: 310px;
	float: right;
}

.lm-list .rel-list li {
	width: 415px;
}

.rel-list li .time{
	display: inline-block;
	float: right;
	line-height: 22px;
	color: #999;
	font-size: 12px;
}
.lm-list .rel-list li a{
	max-width: 260px;
}
.lm-subtit{
	position: relative;
	margin-bottom: 10px;
}
.lm-subtit span{
	position: relative;
	z-index: 9;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	line-height: 1;
}
.lm-subtit::after{
	position: absolute;
	width: 36px;
	height: 5px;
	content: ' ';
	left: 0;
	bottom: 0;
	background-color: #ff3300;
}
.lm-list .rel-list li{
	margin-bottom: 21px;background: url(/public/hqbdw/css/newsdot.png) no-repeat left;
}
.lm-list .rel-list li:last-child{
	margin-bottom: 0;
}
.lm-list .rel-list li:nth-last-child(2){
	margin-bottom: 0;
}
.recom-cells{
	overflow: hidden;
	margin: 0 -7px;
}
.recom-cells li{
	float: left;
	padding: 0 7px;
}
.rec-photo{
	position: relative;
	display: block;
	width: 196px;
	height: 136px;
	border-radius: 7px;
	overflow: hidden;
}
.rec-photo img{
	width: 196px;
	height: 136px;
	border-radius: 7px;
}
.rec-photo::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	content: ' ';
	background: url(/public/hqbdw/css/bg.png) no-repeat;
}
.rec-photo .rec-attr{
	z-index: 10;
	position: absolute;
	padding:12px 16px;
	left: 0;
	bottom: 0;
	color: #ffffff;
	line-height: 1;
}
.rec-attr .item{
	display: inline-block;
	margin-right: 20px;
}
.rec-attr .item *{
	display: inline-block;
	vertical-align: middle;
}
.rec-attr .item .iconfont{
	font-size: 14px;
	padding-right: 4px;
}
.rec-title{
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.lm-cell{
	margin-bottom: 20px;
}
.lm-cell:last-child{
	margin-bottom: 0;
}
#multiplecolumn .hd{
	text-align: center;
}
.tab-span{
	font-size: 0;
	text-align: center;
	background-color: #ebf4ff;
	display: inline-block;
	border-radius: 20px;
	height: 5px;
	border-radius: 6px;
	line-height: 1;
	overflow: hidden;
}
.tab-span li{
	background-color: #ebf4ff;
	display: inline-block;
	height: 5px;
	width: 10px;
	line-height: 1;
	font-size: 0;
	border-radius: 6px;
}
.tab-span li.on{
	background-color: #2287ea;
}
.lm-side-box{
	margin-bottom: 20px;
}
.spic-list li{
	height: 90px;
	margin-bottom: 15px;
}
.spic-list .pic-sm{
	float: left;
	width: 100px;
	height: 90px;
	margin-right: 10px;
}
.spic-list .pic-sm img{
	width: 100px;
	height: 90px;
	border-radius: 6px;
}
.spic-list .title{
	margin-bottom: 10px;
}
.spic-list .desc{
	color: #999999;
	font-size: 13px;
}
.spic-list li:last-child{
	margin-bottom: 0;
}


.rec-lg-box .rec-photo{
	position: relative;
	display: block;
	width: 262px;
	height: 168px;
	border-radius: 7px;
	overflow: hidden;
}
.rec-photo img{
	width: 262px;
	height: 168px;
	border-radius: 7px;
}
.rec-photo::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	content: ' ';
	background: url(/public/hqbdw/css/bg-lg.png) no-repeat;
}
.rec-photo .rec-attr{
	z-index: 10;
	position: absolute;
	padding:12px 16px;
	left: 0;
	bottom: 0;
	color: #ffffff;
	line-height: 1;
}
.recom-lg-cells{
}
.recom-lg-cells li{
	margin-bottom: 20px;
}
.lm-grid{
	margin-bottom: 20px;
}
.lm-grid .lm-panel{
	width: 590px;
	height: 560px;
	margin-bottom: 0;
}
.lm-grid .lm-body{
	padding: 20px;
}
.lm-slide{
	position: relative;
}
.lm-slide li a{
	display: block;
}
.lm-slide li a img{
	width: 590px;
	height: 280px;
}

.lm-slide .prev,
.lm-slide .next{
	width: 30px;
	height: 52px;
	top: 50%;
	margin-top: -26px;
	cursor: pointer;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
}

.lm-slide .prev{
	left: 0;
	background-image: url(/public/hqbdw/css/prev.png);
}
.lm-slide .next{
	right: 0;
	background-image: url(/public/hqbdw/css/next.png);
}
.lm-header{
	position: relative;
	line-height: 20px;
	height: 20px;
	margin-bottom: 20px;
}
.lm-header .lm-tt{
	font-size: 18px;
	float: left;font-weight: 600;
}
.lm-header .lm-desc{
	color: #999999;
	float: right;
}
.lm-header::after{
	width: 5px;
	height: 18px;
	content: ' ';
	background-color: #ff3300;
	display: block;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -9px;
}
.act-list li{
}
.act-pic{
	float: left;
	margin-right: 10px;
	width: 60px;
}
.act-pic img{
	width: 60px;
	height: 60px;
}
.act-tt {
	margin-bottom: 5px;font-size: 15px;
    font-weight: 600;
}
.act-box{
	position: relative;
	background-color: #f3f3f3;
	width: 265px;
	height: 60px;
}
.act-box .desc{
	color: #999999;
	font-size: 12px;
}
.act-box .col{
	padding: 8px 0;
}
.act-box .act-link{
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 12px;
	border-radius: 20px;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 10px;
	color: #2287ea;
	border: 1px solid #2287ea;
	font-size: 13px;
	background-color: #ffffff;
}
.hot-title{
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px;width: 550px;
}
.hot-title i{ float: right;
    font-style: normal;
    color: #fd7400;
    font-size: 15px;
    font-weight: 600;}
.hot-title a{
	font-size: 18px;
	font-weight: bold;
	color: #fd7400;
	overflow: hidden;
}
.foucs-cell{
	margin-bottom: 20px; width:550px;
}
.foucs-cell .rel-list li{
	margin-bottom: 16px;    background: url(/public/hqbdw/css/dot1.jpg) no-repeat 0 center;
}
.foucs-cell .rel-list li:last-child{
	margin-bottom: 0px;
}
.foucs-cell:last-child{
	margin-bottom: 0;
}

.lay-bar{
	width: 137px;
	float: left;
}
.lay-main{
	float: right;
	width: 676px;
}
.lk-box{
	display: block;
	width: 137px;
	height: 87px;
	padding: 20px 0;
	border-radius: 8px;
	text-align: center;
}
.lay-link li:nth-child(1) .lk-box{
	background-color: #e5f1ff;
}
.lay-link li:nth-child(2) .lk-box{
	background-color: #e6f8fa;
}
.lay-link li:nth-child(3) .lk-box{
	background-color: #fff5ed;
}
.lk-box h5{
	font-size: 15px;
	padding: 6px 0;
}
.lk-box p{
	font-size: 13px;
	color: #666666;
}
.lay-link li{
	margin-bottom: 14px;
}
.lay-link li:last-child{
	margin-bottom: 0;
}
.lay-md{
	float: left;
	width: 352px;
	height: 268px;
}
.lay-md{
	float: left;
	width: 352px;
	height: 268px;
}
.lay-md-box{
	display: block;
	width: 352px;
	height: 268px;
}
.lay-md-box .lay-text{
	color: #000000;
	padding:30px;
}
.lay-md-box .lay-text p{
	color: #666;
	line-height: 1.8;
}
.lay-group{
	float: right;
	width: 310px;
	height: 268px;
	overflow: hidden;
}
.lay-lg{
	float: left;
	width: 676px;
	height: 127px;
	margin-top: 13px;
}
.lay-lg-box{
	display: block;
	width: 676px;
	height: 127px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.lay-lg-box .lay-text{
	color: #ffffff;
	padding: 20px 30px;
	line-height: 1.2;
}
.lay-lg-box .lay-text *{
	color: #ffffff;
}
.lay-text h3{
	font-size: 20px;
	margin-bottom: 15px;
}
.lay-text h3 a{
	font-size: 20px;
}
.lay-text p a{
	font-size: 14px;
}
.lay-text .btn{
	display: block;
	width: 136px;
	height: 34px;
	line-height: 34px;
	background-color: #fd7400;
	text-align: center;
	border-radius: 34px;
	color: #ffffff;
	margin-top: 50px;
}
.lay-sm-box{
	position: relative;
	background-color: #f7f8fa;
	width: 310px;
	height: 127px;
	display: block;
	border-radius: 8px;
	margin-bottom: 15px;
}
.lay-sm-box .lay-text{
	padding: 30px;
	color: #000000;
}
.lay-sm-box .lay-text p{
	color: #666666;
}
.lay-sm-box .cc-icon{
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -45px;
}

.index-left-bar{
	float: left;
	width: 240px;
	height: 520px;
}
.index-foucs{
	float: left;
	width: 590px;
	height: 520px;
	margin-left: 20px;
}
.index-right-bar{
	float: right;
	width: 330px;
	height: 520px;
}
.foucsslide{
	position: relative;
	height: 150px;
	overflow: hidden;
}
.foucsslide .bd li img{
	width: 590px;
	height: 150px;
}
.foucsslide .hd{
	width: 100%;
	position: absolute;
	padding: 10px;
	bottom: 0;
	text-align: center;
}
.foucsslide .hd ul{
	display: inline-block;
	height: 20px;
	border-radius: 20px;
	background-color: rgba(0,0,0,.3);
	padding: 0 10px;
}
.foucsslide .hd ul li{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 0;
	line-height: 1111px;
	overflow: hidden;
	margin: 0 3px;
}
.foucsslide .hd ul li.on{
	width: 20px;
}
.index-foucs .rel-zlist li{
	width: 265px;
}
.index-foucs .hot-title{
	margin-bottom: 16px;
}
.index-foucs .foucs-cell{
	height: 100px;
	margin-bottom: 16px;
}
.index-foucs .lm-body{
	padding: 20px;
}


.tecslide{
	position: relative;
	height: 150px;
	overflow: hidden;
	margin-bottom: 25px;
}
.tecslide .bd li img{
	width: 290px;
	height: 150px;
}
.tecslide .hd{
	width: 100%;
	position: absolute;
	padding: 10px;
	bottom: 0;
	text-align: center;
}
.tecslide .hd ul li{
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 0;
	line-height: 1111px;
	opacity: .4;
	overflow: hidden;
	margin: 0 3px;
}
.tecslide .hd ul li.on{
	opacity: 1;
}
.les-list li{
	position: relative;
	height: 54px;
	margin-bottom: 20px;
}
.les-list .les-avatar{
	width: 54px;
	height: 54px;
	float: left;
	margin-right: 10px;
}
.les-list .les-avatar img{
	width: 54px;
	height: 54px;
	border-radius: 45px;
}
.les-list .desc{
	color: #999999;
	font-size: 12px;
}
.les-list .tt{
	margin-bottom: 5px;
}
.les-list .col{
	padding: 5px 0;
}
.les-list .les-rt{
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	padding: 6px 0;
}
.les-list .col div{
	max-width: 174px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.les-rt .les-back{
	font-size: 12px;
	display: block;
	border: 1px solid #2287ea;
	border-radius: 10px;
	color: #2287ea;
	padding: 2px 4px;
	line-height: 1.2;
}
.les-rt .les-over{
	color: #ff7200;
	font-size: 12px;
	margin-top: 4px;
}
.kc-list {
	overflow: hidden;
}
.kc-list li{
	float: left;
	line-height: 1.2;
	width: 33.33%;
	text-align: center;
	padding: 20px 0;
}
.kc-list .kc-box{
	display: block;
}
.kc-box .iconfont{
	font-size: 24px;
	color: #bbbec5;
}
.kc-box p{
	font-size:14px;
	color: #333333;
	margin-top: 10px;
}
.uc-cell{
	height: 48px;
	margin-bottom: 20px;
}
.uc-cell img{
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 35px;
	margin-right: 10px;
}
.uc-cell .col{
	line-height: 1.8;
}
.uc-btns{
	height: 32px;
	margin-bottom: 30px;
}
.uc-btns .btn-login,
.uc-btns .btn-regist{
	width: 94px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
}
.uc-btns .btn-login{
	float: left;
	background-color: #fd7400;
	border: 1px solid #fd7400;
	color: #fff;
}
.uc-btns .btn-regist{
	float: right;
	border: 1px solid #2287ea;
	color: #2287ea;
}
.index-left-bar .lm-body{
	padding: 30px 15px 15px 15px;
}
.kc-hd{
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background-color: #fd7400;
	border: 1px solid #fd7400;
	margin-bottom: 20px;
}

.rec-lg-box .rec-title{
	text-align: center;
}


#kecolumn .hd{
	text-align: center;
}

.kc-box:hover *{
	color: #fd7400!important;
}


.arts-page{
	text-align: center;
	margin-top: 0px;
	padding-bottom: 0;
}

.select-box .option{
	height: 42px;
	line-height: 42px;
	cursor: pointer;
	text-align: center;
	background: url(/public/hqbdw/css/down.png) right center no-repeat;
}
.select-box cite{
	display: block;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
	text-align: center;
	background: url(/public/hqbdw/css/down.png) right center no-repeat;
}
.select-box ul{
	position: absolute;
	width: 100%;
	text-align: center;
	background-color: #fff;
    border: 2px solid #4088e3;
	display: none;
}
.select-box ul li{
	line-height: 36px;
	text-align: center;
	border-bottom: 1px solid #f9f9f9;
}
.select-box ul li a{
	display: block;
	line-height: 36px;
}

.fr{
	overflow: hidden;
	line-height: 42px;
	height: 42px;
}
.fr *{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.fr span{
	color: #393939;
}
.fr input[type="text"]{
	width: 90px;
	height: 20px;
	border: 2px solid #cecece;
}
.fr input[type="submit"]{
	width: 87px;
	height: 42px;
	font-size: 16px;
	color: #fff;
}

.rel-list2 li{
	width: 100%;
	margin-bottom: 20px;
	height: 22px;
	text-align:left;
	overflow:hidden;
}
.rel-list2 li a{
	height: 22px;
	line-height: 22px;
	padding-left: 12px;
	max-width: 260px;
}
.rel-list2 li .tag{
	width: 40px;
	height: 18px;
	line-height: 18px;
	color: #2287ea;
	border: 1px solid #2287ea;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	display:inline-block;
}
.rel-list2 li .tag a{
	padding:0;
	color: #2287ea;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	
}
.rel-list2 li .time{
	display: inline-block;
	float: right;
	line-height: 22px;
	color: #999;
	font-size: 12px;
	margin-right:12px;
}