@import url("neigae_dq_base.css");

a {color: #333;}
a:hover {color: #b7220e;}
.container{width: 100%; margin: 0 auto; max-width: 1170px;}

body{
	background: #f1ece9;
	font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
	font-size: 16px; font-size: 1.6rem;
	color: #444;
}

.header{background: url("neigae_dq_bg_header_party.jpg") no-repeat center top #d20c0b; padding-bottom: 1px;}
.navtop{margin-top: 10px; margin-bottom: 5px; padding: 0; line-height: 2; font-size: 14px; font-size: 1.4rem; float: right; color: #fff;}
.navtop li{display: inline-block; padding-left: 15px; vertical-align: middle;}
.navtop li a{color: #fff;}
.navtop li a:hover{color: #d7ddff;}

.search-model{position:absolute; background-color:rgba(129, 29, 1,0.9); width:100%; display:none; top:-8px; left:0; z-index: 100}
.search-model form{overflow:hidden}
.search-box{height:68px; border-bottom:1px solid #fff; margin:80px 160px 90px;}
.search-ipt{height:30px; border:0; background:none; font-size:22px; color:#fff; width:60%; float:left; margin-top:18px; caret-color:#fff; -webkit-appearance:none;outline:none; padding:0;}
.search-sub{ background:url(neigae_dq_bg_ico_search_m_white_party.png); width:30px; height:30px; float:right; display:block; border:0; margin-top:20px}
.search-close{float:right;margin:20px; cursor:pointer;}
.search-ipt::-webkit-input-placeholder{color: #fb8d9a;} 
.search-ipt:-moz-placeholder{color: #fb8d9a;} 
.search-ipt::-moz-placeholder{color: #fb8d9a;} 
.search-ipt:-ms-input-placeholder{color: #fb8d9a;}

.search{float:right; width: calc(100%); border-radius: 18px; height: 35px; line-height: 35px;
	background: #fff; background-color: rgba(255, 255, 255, 0.4);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#66ffffff, endColorstr=#66ffffff);
}
.search input{color: #fff; border: 0 none; height: 35px; line-height: 33px; float: left; padding: 0 0 0 18px; font-size: 14px; font-size: 1.4rem; width: calc(100% - 46px);}
.search .btn-search{float: right; background: url(neigae_dq_bg_ico_search_white_party.png) no-repeat 50% 50%; width: 40px;}

a.icon{display: none;}
/*.logo{float:left; margin: 20px 0 25px 15px;}*/
.logo{margin:0;text-align: center;padding: 35px 0 15px 0;}

footer{border-top: 6px solid #9b464a; padding: 20px 0; background: #f1ece9; margin-top: 3px;}
footer p{line-height: 1.6; font-size: 14px; font-size: 1.4rem; text-align: center;}


.index-main, .main{margin-top: 18px;}
.index-main h3 span{float: right; color: #d1131b; font-size: 14px; font-size: 1.4rem; font-weight: normal;}
.index-main h3 span a{color: #d1131b;}
.index-main h3 span a:hover{color: #f8a61e;}

.box-shadow{padding: 0 15px 30px 15px; display: inline-block;
	box-shadow: 2px 4px 8px 0px rgba(222,184,184,0.7);
	-webkit-box-shadow: 2px 4px 8px 0px rgba(222,184,184,0.7);
	-moz-box-shadow: 2px 4px 8px 0px rgba(222,184,184,0.7);
}

/* 轮播 */
.flexslider{float: left; width: calc(100% * 0.61 - 15px); margin-right: 15px;}
.flexslider {padding: 0; position: relative;}
.flexslider .slides img{display: inline-block;}
.flex-caption{position: absolute; left: 0; bottom: 15px; width: 83%;}
.flex-caption .banner_text{border-left:10px solid #f8a61e; background:rgba(243,162,126,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#E5a72e32',endColorstr = '#E5a72e32')\9; color: #fff; overflow: hidden; padding:12px 10px;}
.flex-caption .banner_text a{color:#fff; font-size: 18px; font-size:1.8rem; line-height: 1.4;}
.flex-caption .banner_text a:hover{text-decoration: underline;}
.flex-control-nav {width: 16%; position: absolute; bottom: 30px; right: 0; text-align: center; z-index: 3;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active {cursor: default; background: #fff; width: 24px;}

.news-top{float: left; width: calc(100% * 0.39); background: #f8f5f4; padding: 15px;}
.news-top h3{background: url("neigae_dq_ico_col_index_party.png") no-repeat 0 0; font-size: 24px; font-size: 2.4rem; line-height: 27px; color: #000; padding-left: 22px; font-weight: bold;}
.news-top ul{margin: 5px 0;}
.news-top li{background: url("neigae_dq_ico_ring_red_party.png") no-repeat 0 15px; line-height: 1.8; padding: 5px 0 5px 16px; max-height: 60px;}
.news-top .gold{color: #996600;}

.left{float: left; width: calc(100% * 1);}
.right{float: left; width: calc(100% * 1);}

.left-left{float: left; width: calc(100% * 0.323);}
.left-center{float: left;width: calc(100% * 0.323);margin-right: 18px;margin-left: 18px;}
.left-right{float: left; width: calc(100% * 0.323);}
.left-left, .left-right,.left-center{background: #fff; padding: 6px 0; min-height: 395px;}
.left h3{background: url("neigae_dq_ico_col_index_party.png") no-repeat 4px 0; border-bottom: 1px solid #fb9178; color: #d2110b; line-height: 29px; padding: 0 0 4px 22px; font-size: 20px; font-size: 2.0rem; margin: 0 0 15px 0; font-weight: bold;}
.left h3 span{padding: 6px 4px 0 0;}
.left ul{margin: 0 10px;}
.left li{background: url("neigae_dq_ico_list_index_party.png") no-repeat 0 7px; line-height: 1.5; padding: 0 0 12px 16px;}
.left li time{display: block; color: #ba3333; font-size: 14px; font-size: 1.4rem;}

.right h3{background: #dc4931; line-height: 42px; border-bottom: 3px solid #ffe400; color: #fff; font-size: 22px; font-size: 2.2rem; padding-left: 18px;}
.zzjg ul{background: url("neigae_dq_bg_zzjg_party.jpg") no-repeat center bottom #ecb487; padding: 15px 10px;}
.zzjg li{text-align: center;padding: 0; line-height: 2.2; font-weight: bold; font-size: 20px; font-size: 2.0rem; margin: 11px 0;
	background: #f7efe9; background-color: rgba(247, 239, 233, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#C8f7efe9, endColorstr=#C8f7efe9);}
.zzjg li a{color: #ce171c;}
.zzjg li a>img{width: 100%;}
.zzjg li a:hover{text-decoration: underline;}
.right h3 span a{color: #fff; padding-right: 10px;}
.right h3 span a:hover{color: #ffe400;}
.zt{background: #fff; padding-bottom: 15px;}
.zt img{margin-top: 9px; display: block;}
.link{background: #fff;width: calc(100% * 0.25);float: left;}
.link h3{background: none; color: #a60000; font-size: 20px; font-size: 2.0rem;}
.link ul{padding: 5px 0;}
.link li{padding: 3px 15px; font-size: 14px; font-size: 1.4rem; line-height: 1.3;}

.fczs{background: url("neigae_dq_bg_fczs_party.jpg") no-repeat center bottom #faf8f7; padding: 30px 0;}
.fczs h3 {color: #d12e3a;  font-size: 20px; font-size: 2.0rem; display: flex; justify-content: center; align-items: center;}
.fczs h3:after, .fczs h3:before {background: #e17d84; content: ""; height: 2px; width: 10%;}
.fczs h3 span{padding: 0 14px;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
    width: calc(100% * 0.75);float: left;
    margin-top: 20px;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
	padding: 0 8px;
	max-width: 290px; _width:expression(this.width > 290 ? "290px" : this.width);
	max-height: 172px; _width:expression(this.width > 172 ? "172px" : this.width);
}
.nbs-flexisel-item p{
	line-height: 1.4;
 	text-align: left; 
 	margin: 0 15px;
 	display: none;
 }

/* 新家样式 */
.list_wrap{
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
	/*background: url(bg_fczs_party.jpg) top center no-repeat;*/
}
.list_wrap .breadcrumb{
	border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.dj_list hr{margin:15px 0;border-color: #fbebdc;}
.dj_list .dj_item{}
.dj_list .dj_item li{
	background: url(neigae_dq_bg_ico_ring_red_party.png) no-repeat 0 15px;
    line-height: 1.5;
    padding: 6px 0 6px 16px;
}
.dj_list .dj_item li>a{}
.dj_list .dj_item li>span.time{
	float: right;
}
.dj_list .dj_title{
	text-align: center;
    font-size: 22px;
    color: #d20c0b;
}
.dj_list .dj_info{
	text-align: center;
	margin:18px 0;
	font-size: 14px;
}
.dj_list .dj_info span{
	font-size: 14px;
}
.dj_list .dj_info i{
	font-style: inherit;
	font-size: 14px;
}
.dj_list .cont{
	line-height: 28px;
}
#pages{text-align: center;}
#pages span{
	height: 36px;
    text-align: center;
    margin: 0px 5px 6px 0;
    padding: 0 15px;
    cursor: pointer;
    line-height: 36px;
    color: #FFFFFF;
    font-size: 14px;
    display: inline-block;
    border: 0px solid #f44336 !important;
    background-color: #f44336;
    border-radius: 3px;
}
#pages a{
    border: #dedede 0px solid;
    height: 36px;
    background: #f5f5f5;
    color: #333;
    padding: 0 15px;
    margin: 0px 5px 6px 0;
    display:inline-block;
    line-height: 36px;
    border-radius: 3px;
}
#pages a:hover {
    border: #f44336 0px solid;
    background: #f44336;
    color: #fff;
}
#pages button{
	width: 100%;
    cursor: pointer;
    background: #f44336;
    outline: none;
    color: #fff!important;
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
    border: 0;
}
#pages .mobile-page{
	display: none;
}
.download_item li{
	margin-top: 10px;
}
.download_item li>a{
	color: #d80c0b;
}
.dj_list{overflow: hidden;}
.dj_list .left_meun{
	width: 20%;
	float: left;
}
.dj_list .left_meun aside{
	/*background: #8e8e8e;*/
}
.dj_list .sidebar{
	padding-right: 15px;
}
.dj_list .sidebar .title{
	background: #db3d3d;
    color: #fff;
    font-size: 23px;
    padding: 15px 20px;
}
.dj_list .sidebar .contentLeft{}
.dj_list .sidebar .clickable{
	font-size: 18px;
	background: #fbd7cb;
	color: #333;
	padding: 15px 20px;
	transition: all ease 0.25s;
	border-top: 1px solid #fff;
	border-left: 3px solid transparent;
}
.dj_list .sidebar .clickable.active>a{
	color: #7d1313;
}
.dj_list .sidebar .clickable.active{
	border-left: 3px solid #d20c0b;
	background: #f5f5f5;
}
.dj_list .sidebar .clickable>a{
	color: #db3d3d;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.dj_list .sidebar .clickable:hover{
	border-left: 3px solid #d20c0b;
	background: #f5f5f5;
}
.dj_list .sidebar .clickable:hover >a{
	color: #7d1313;
}
.dj_list .right_cont{
	width: 80%;
	float: left;
}
.posit{
	position: relative;
}
.posit span{
    display: block;
    text-align: center;
    padding-bottom: 30px;
}
.posit span>a{
	font-size: 18px;
    color: #d20c0b;
    font-weight: 700;
}

/* toolbar */
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:52px; height:52px; background:url(neigae_dq_bg_toolbar_party.png) no-repeat; position:fixed; right:0; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-184px -125px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-240px -125px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-184px -179px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:203px; height:210px; background:url(neigae_dq_bg_toolbar_party.png) 20px 1px no-repeat; position:fixed; right:54px; bottom:77px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}

/*横屏*/
@media screen and (orientation:landscape){
	
}
/*竖屏*/
@media screen and (orientation:portrait){}

/*手机总体*/
@media screen and (max-width: 1023px) {	
	.search{display: none;}
	.search img{width: auto; height: auto; }
	
	.flexslider{float: none;  width: calc(100%); margin: 0;}
	.flexslider .slides img{width: 100%;}
	.news-top{float: none; width: calc(100%);}
	.left{float: none; width: calc(100%); margin-right: 0;}
	.right{float: none; width: calc(100%);}
	.left-left{float: none; width: calc(100%); margin-right: 0;}
	.left-right{float: none; width: calc(100% ); margin-left: 0;}
	.left-center{float: none; width: calc(100% ); margin-left: 0;margin-right: 0;}
	.link,.nbs-flexisel-container{float: none; width: calc(100% );}
	
	.zzjg ul{background-size: cover;}
	.news-top li, .left li{max-height: inherit;}
	#pages .mobile-page{display: block;}
	#pages .hidden-xs{display: none;}
	.dj_list .left_meun,.dj_list .right_cont{
		width: 100%;
	}
	.dj_list .sidebar{
		padding-right: 0;
	}
	.dj_list .left_meun{
		margin-bottom: 20px;
		display: none;
	}
}
/*pc总体*/
@media screen and (min-width: 1024px) {
	.logo{margin: 0 auto;text-align: center;}
	.flexslider .slides img{width: 100%; height: 394px;}
	.news-top{height: 394px;}
	.left ul{min-height: 300px;}
	.logo img{
		max-width: 1000px;
	}
}
/*5*/
@media screen and (min-width: 300px) and (max-width: 373px) {

}
/*6*/
@media screen and (min-width: 374px) and (max-width: 412px) {

}
/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 767px) {
	.search-box{margin:50px 20px 50px;}
	
	.flex-caption{position: inherit; width: 100%; left: 0; bottom: 0;}
	.flex-control-nav{width: 100%; bottom: 0;}
	
	.box-shadow{padding: 0;}
	.posit span{padding-bottom: 15px;}
	.logo{padding: 15px 0;}
}

/*ipad*/
@media screen and (min-width:768px) and (max-width: 1023px) {
	.logo{width: 100%; background-size: contain;}
	.flexslider{float: none; width: 100%;}
}
@media screen and (min-width: 1007px) and (max-width: 1160px) {
	.new_wid{
		float: left;
		width: calc(100% * 0.317) !important;
	}
}
/*1280 1366*/
@media screen and (min-width: 1024px) and (max-width: 1367px) {
}
/*1920*/
@media screen and (min-width: 1368px) and (max-width: 1440px) {
}
/**/
@media screen and (min-width: 1441px) {
}
