@charset "utf-8";
/* CSS Document */
/*header*/
.navbar-default{
	background-color:#000000;
	border:none;
}
.navbar{
	min-height:0.88rem;
	margin-bottom:0rem;
	border-radius: 0px;
}
.wrap{
	max-width:1200px;
	margin:0 auto;
}
.navbar-header img{
	width:100%;
	height:100%;
}
.navbar-brand{
	height:0.88rem;
	padding:0rem;
}
.navbar-brand img{
	width:100%;
	height:100%;
}
/*header-right*/
.navbar-nav{
	height:0.88rem;
	float:right;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>.active>a{
	color:#8f050c !important;
	background-color:#000000 !important;
}
.navbar-default .navbar-nav>li>a:hover{
   color:#8f050c !important;
   background-color:#000000 !important;
}
.navbar-nav>li>a{
	line-height:0.88rem;
	padding:0rem;
	width:0.61rem;
	text-align:center;
	font-size:0.16rem;
    color:#ffffff;
}
/* content */
.content{
	width:100%;
	overflow:hidden;
}
.cont-newdetail-top{
	width:100%;
	height:4.74rem;
	margin:0 auto;
	background: url(../images/new.jpg) center top no-repeat;
	background-size:100% 100%;
}
/* cont-detail-list */
.cont-detail-list{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#1c1c1c;
}
.detail-list-head{
    width:100%;
	height:0.45rem;
    box-shadow:0px 16px 7px -9px #181818;
}
.detail-list-head ul{
	max-width:12rem;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}
.detail-list-head ul li{
	width:50%;
	float:left;
	font:normal  0.16rem/0.45rem "microsoft yahei";
    color:#eaeaea;
    cursor:pointer;
}
.active{
	color:#c50e19 !important;
}
.detail-list-head ul li span{
	display:inline-block;
}
.detail-list-head ul li:nth-of-type(1) span{
	float:right;
	text-align:right;
	margin-right:1.5rem;
}
.detail-list-head ul li:nth-of-type(2) span{
	text-align:left;
	margin-left:1.5rem;
}
.cont-detaillist-main{
   max-width:1200px;
   padding:0.35rem 0px 0.9rem 0rem;
   margin:0 auto;
   overflow:hidden;
   display:none;
}
.cont-detaillist-main dl{
	border:1px solid #282828;
	border-radius:0.1rem;
	padding:0.25rem 0.34rem;
	display:flex;
    margin-bottom:0.21rem;
   justify-content: space-between;
}
.cont-detaillist-main dl dt{
	width: 2.34rem;
	height: 1.56rem;
	margin-right:0.6rem;
}
.cont-detaillist-main dl dt img{
	width: 100%;
	height: 100%;
}
.cont-detaillist-main dl dd{
	height:1.56rem;
	flex:1;
}
.cont-detaillist-main dl dd h3{
	font:normal  0.2rem/0.2rem "microsoft yahei";
    color:#ffffff;
    text-align:left;
    margin:0.07rem 0rem 0.25rem 0rem;
}
.cont-detaillist-main dl dd h3 a{
	display:inline-block;
	color:#ffffff;
}
.cont-detaillist-main dl dd span{
	display:block;
	font:normal  0.14rem/0.14rem "microsoft yahei";
    color:#787878;
    text-align:left;
    margin-bottom:0.27rem;
}
.cont-detaillist-main dl dd p{
	font:normal  0.12rem/0.2rem "microsoft yahei";
    color:#9fa0a0;
    text-align:left;
    max-height:0.6rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.paging-cont{
  width:100%;
  height:0.28rem;
  margin-top:0.47rem;
  clear:both;
}
.paging-cont a{
	display:block;
	float:right;
	width:0.7rem;
	font:normal  0.14rem/0.28rem "microsoft yahei";
	color:#e7e7e7;
}
.paging-cont a:first-child{
	margin-right:0.44rem;
}
.up-page{
	color:#7c7c7c !important;
}
.paging-cont ul{
	float:right;
	overflow:hidden;
	margin:0rem 0.22rem;
}
.paging-cont ul li{
	float:left;
    width:0.26rem;
    height: 0.26rem;
    border:1px solid #878787;
    text-align:center;
    font:normal  0.14rem/0.26rem "microsoft yahei";
    color:#7c7c7c;
    margin-right:0.12rem;
    border-radius:0.05rem;
    cursor:pointer;
}
.paging-cont ul li:first-child{
	color:#d70c19;
}
.paging-cont ul li:last-child{
	margin-right:0rem;
}
/* bottom */
.bottom{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#000000;
}
.bottom-min{
   max-width:1200px;
   padding:0.83rem 0px 0.57rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.bottom-min-left{
	width:50%;
	float:left;
	overflow:hidden;
}
.bottom-min-left dl{
	width:1.1rem;
	float: left;
	height:auto;
	text-align:left;
}
.bottom-min-left dl dt{
	font-size:0.18rem;
	color:#d80c18;
	line-height:0.22rem;
	margin-bottom: 0.16rem;
}
.bottom-min-left dl dd {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.09rem;
}
.bottom-min-left dl dd:last-child{
    margin-bottom: 0rem;
}
.bottom-min-left dl dd a{
	display:inline-block;
	color:#e9e9e9;
}
.bottom-min-rigth{
	width:50%;
	float:right;
	overflow:hidden;
	position:relative;
	padding-bottom: 5px;
}
.bottom-min-rigth h5{
	font-size:0.26rem;
	color:#d80c18;
	line-height:0.26rem;
	margin-bottom:0.15rem;
}
.bottom-min-rigth p{
	font-size:0.18rem;
	color:#ffffff;
	line-height:0.18rem;
	margin-bottom:0.47rem;
	text-align:left;
}
.bottom-min-rigth span{
	display:block;
	font-size:0.14rem;
	color:#ffffff;
	line-height:0.222rem;
	text-align:left;
}
.bottom-min-rigth .mt{
	margin-bottom:0.13rem; 	
}
.aboutus{
    width:100%;
}
.aboutus span{
	display:inline-block;
	font-size:0.14rem;
	color:#ffffff;
	vertical-align:middle;
	text-align:left;
	margin-right:0.16rem;
}
.aboutus a{
	display:inline-block;
	width:0.31rem;
	height:0.31rem;
	line-height:0.31rem;
	margin-right:0.12rem;
	vertical-align:middle;
}
.aboutus a img{
	width:100%;
	height:100%;
}
.bottom-r-t{
	display:inline-block;
	overflow:hidden;
	width:80%;
}
.ewm{
	display:inline-block;
	width:0.91rem;
    height: 0.89rem;
    vertical-align:top;
}
.ewm img{
	width:100%;
	height:100%;
}
.bottom-min-left{
    display:block;
}
.bottom-mobile-left{
    display:none;
}
@media screen and (min-width:1000px) and (max-width:1200px){
   .cont-detaillist-main {
	    max-width: 12rem;
	    padding: 0.35rem 0.3rem 0.9rem 0.3rem;
	}
	.cont-newdetail-top {
	    height: 4rem;
	}
	.navbar-header{
	  	margin-left: 2%;
	}
	.bottom-min{
      padding: 0.63rem 0.3rem 0.5rem 0.3rem;
    }
}
@media screen and (min-width: 768px) and (max-width:1000px) {
	 .cont-detaillist-main {
	    max-width: 10rem;
	    padding: 0.35rem 0.3rem 0.9rem 0.3rem;
	}
	.cont-newdetail-top {
	    height: 3.4rem;
	}
	.navbar-header{
	  	margin-left: 2%;
	}
	.bottom-min{
      padding: 0.63rem 0.3rem 0.5rem 0.3rem;
    }
	.bottom-min-left dl dt {
	    font-size: 0.2rem;
	    line-height: 0.24rem;
	}
	.bottom-min-left dl dd {
	    font-size: 0.16rem;
	    line-height: 0.2rem;
	}
	.bottom-min-rigth h5 {
	    font-size: 0.3rem;
	    line-height: 0.3rem;
	}
	.bottom-min-rigth p {
	    font-size: 0.22rem;
	    line-height: 0.24rem;
	}
	.bottom-min-rigth span {
	    font-size: 0.18rem;
	    line-height: 0.24rem;
	}
	.ewm {
	    bottom:0rem;
	}
  
}
@media screen and (max-width: 768px){
	/*header*/
   .navbar {
	    width: 100%;
	    position: fixed;
	}
	.wrap{
	  	max-width:7.68rem;
	}
	.navbar-header{
		padding-left: 0.2rem;
	  	padding-right: 0.15rem;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	  	position:fixed;
	  	background: rgba(0,0,0,.6) !important;
	    width: 100%;
	}
	.navbar-brand{
		height:0.88rem;
		padding:0rem;
		width:25%;
	}
	.navbar-nav{
	   float:left;
	   height:auto;
	   width:100%;
	}
	.navbar-default .navbar-toggle {
	  border-color:#000000;
	  margin-right: 0rem;
	  margin-top:0.2rem !important;
	  margin-bottom:0rem;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	   background-color:#000000;
	   cursor:pointer;
	}
	.navbar-default .navbar-toggle .icon-bar{
	  background-color:#fff;
	}
   .nav>li{
     width:100%;
    }
    .navbar-nav>li>a{
	    display:block;
	    text-align:left;
	    line-height: 0.68rem;
	    font-size:0.25rem;
	    width:100%;
	    padding-left:0.3rem;
    }
    .navbar-default .navbar-nav>li>a:hover {
    	background-color:transparent !important;
	    color: #8f050c !important;
	    
	}
	.navbar-default .navbar-nav>.active>a {
		color: #8f050c !important;
		background-color:transparent !important;
	}
   .cont-detaillist-main {
	    max-width:7.68rem;
	    padding: 0.35rem 0.3rem 0.9rem 0.3rem;
	}
    .cont-newdetail-top {
	    height: 3rem;
	    margin-top:0.88rem;
	}
	.cont-detaillist-main dl {
	    padding: 0.15rem 0.24rem;
	}
	.cont-detaillist-main dl dt {
	    width: 2.34rem;
	    height: 1.56rem;
	    margin-right: 0.3rem;
	}
	.cont-detaillist-main dl dd h3 {
		margin: 0rem 0rem 0.15rem 0rem;
	    font: normal 0.14rem/0.28rem "microsoft yahei";
	}
	.cont-detaillist-main dl dd h3 a{
		overflow: hidden;
		text-overflow:ellipsis;
        max-height:0.28rem;
        overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
	}
	.cont-detaillist-main dl dd span {
	    font: normal 0.12rem/0.16rem "microsoft yahei";
	    margin-bottom: 0.1rem;
	}
	.cont-detaillist-main dl dd p {
	    font: normal 0.12rem/0.29rem "microsoft yahei";
	    max-height:0.9rem;
	}
	.paging-cont a {
		width: 0.8rem;
	}
	.bottom-min-left{
      display:none;
    }
    .bottom-mobile-left{
      display:block;
    }
	 /* 移动手风琴 */
   .panel-group {
        margin-bottom:0.5rem;
    }
    .panel-group .panel {
        margin-bottom: 0;
        border-radius:0px;
        background-color: transparent;
        border-bottom: 1px solid #fff;
    }
    .panel-default>.panel-heading {
        color: #fff;
        border:none;
        background-color:transparent;
        border-color:transparent;
    }
    .panel-default>.panel-heading a{
        display:inline-block;
        width:100%;
    }
    .panel-default {
        border-color:transparent;
    }
    .panel-default>.panel-heading a span{
        display:inline-block;
        width:50%;
        vertical-align:middle;
        font-size:0.24rem;
    }
    .panel-default>.panel-heading a span:nth-of-type(1){
        text-align:left;
    }
    .panel-default>.panel-heading a span:nth-of-type(2){
        text-align:right;
    }
    .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid #fff;
    }
    .panel-body{
        padding:0.15rem 15px 0.15rem 20px;
    }
    .panel-body a{
        display:block;
        width:100%;
        font-size:0.2rem;
        line-height:0.5rem;
        text-align:left;
        color:#ffff;
    }
    .panel-body a:hover{
        text-decoration:underline;
    }
 	/* 尾部 */
  .bottom-min{
      max-width:7.68rem;
      padding: 0.63rem 1rem 0.5rem 1rem;
  }
  .bottom-min-left{
  	width:100%;
  	float:none !important;
  	margin-bottom:0.5rem;
  	padding-top:0.2rem;
  }
  .bottom-min-left dl {
    width:20%;
    float: left;
  }
	.bottom-min-left dl dt {
        font-size: 0.26rem;
        line-height:0.3rem;
    }
    .bottom-min-left dl dd {
        font-size: 0.18rem;
        line-height: 0.38rem;
    }
  .bottom-min-rigth {
    width:100%;
    float:none !important;
    padding-bottom: 0.4rem;
  }
  .bottom-min-rigth h5 {
    font-size: 0.4rem;
    color: #d80c18;
    line-height: 0.42rem;
   } 
  .bottom-min-rigth p {
    font-size: 0.27rem;
    line-height: 0.3rem;
    margin-bottom: 0.25rem;
   }
   .bottom-min-rigth span {
    display: block;
    font-size: 0.2rem;
    line-height: 0.33rem;
   }
   .aboutus span{
   	  display:inline-block;
   	  width:28%;
   	  margin-right:0rem;
   }
}