@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-head{
	background: url(../images/product.jpg) center 0 no-repeat;
	height:8.13rem;
	background-size:100% 100%;
}
/* cont-nav */
.title{
	width:3.45rem;
	height: 1.22rem;
	margin:0 auto;
	background: url(../images/arrow.jpg) center bottom no-repeat;
}
.title1{
    background: url(../images/arrow1.jpg) center bottom no-repeat;
}
.title h2{
	display:block;
	width:100%;
	font-size: 0.36rem;
	color:#ffffff;
	text-align:center;
}
.title span{
	display:block;
	width:100%;
	font-size: 0.24rem;
	color:#8d8d8d;
	text-align:center;
	margin-top:0.04rem;
}
/* cont-min */
.cont-min{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#1c1c1c;
}
.cont-producy-list{
   max-width:12rem;
   padding:0.71rem 0px 0.88rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.producy-list{
   width:100%;
   overflow:hidden;
   margin-bottom:0.2rem;
}
.list-cont{
   width: 7.12rem;
   height:4.13rem;
} 
.list-cont ul{
   width:100%;
   height:auto;
   overflow:hidden;
   clear:both;
   background-color:#000000;
}
.list-cont ul li{
	width:25%;
    float:left;
    height:0.47rem;
    font-size:0.18rem;
	line-height:0.47rem;
	text-align:center;
}
.list-cont ul li:hover{
	color:#d70c19 !important;
	cursor:pointer;
}
.active{
	color:#d70c19!important ;
}
.list-cont ul li:nth-of-type(odd){
	color:#787878;
	background-color:#0d0d0d;
}
.list-cont ul li:nth-of-type(even){
	color:#606060;
	background-color:#141414;
}
.list-cont .list-cont-main{
	width:100%;
	height:3.68rem;
	background-color:#000000;
	overflow:hidden;
	display:none;
}
.list-cont .list-cont-main img{
	display:block;
	margin:0 auto;
	width:3.31rem;
	height:2.34rem;
	margin-top:0.68rem;
}
.list-one{
	width: 4.66rem;
	height:4.13rem;
	background-color:#000000;
}
.list-one ul{
  width:100%;
  padding-left:0.57rem;
  margin:0.37rem 0px 0.51rem 0rem;
}
.list-one ul li{
  display:inline-block;
  width:30%;
	font-size:0.18rem;
	line-height:0.18rem;
	text-align:center;
	color:#9fa0a0;
  vertical-align:middle;
  cursor:pointer;
}
.list-one img{
	display:block;
	width:1.97rem;
	height: 2.25rem;
	margin:0 auto;
}
.teli{
	width:3.22rem !important; 
	height:1.77rem !important;
	margin:0.9rem auto 0rem !important;
}
/* 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: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: 768px){
	.cont-producy-list{
   	  display:block;
    }
    .mobile-cont-producy-list{
   	  display:none;
    }
}
@media screen and (min-width:1000px) and (max-width:1200px){
    .cont-producy-list{
    	max-width:12rem;
		padding:0.71rem 0.3rem 0.88rem 0.3rem;
		margin:0 auto;
    }
    .list-cont {
	    width: 6.8rem;
	    height: 4.13rem;
	}
	.list-one {
	    width: 4.2rem;
	}
	.bottom-min{
       padding: 0.83rem 0.3rem 0.57rem 0.3rem;
	}
	.navbar-header{
	  	margin-left: 2%;
	}
}
@media screen and (min-width: 768px) and (max-width:1000px) {
	.cont-producy-list{
		padding:0.71rem 0.3rem 0.88rem 0.3rem;
    }
    .list-cont {
	    width: 6.8rem;
	    height: 4.13rem;
	}
	.list-one {
	    width: 4.2rem;
	}
	.bottom-min{
       padding: 0.83rem 0.3rem 0.57rem 0.3rem;
	}
	.navbar-header{
	  	margin-left: 2%;
	}
	.bottom-min{
      padding: 0.63rem 0.3rem 0.5rem 0.3rem;
      position:relative;
    }
	.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{
		position:inherit;
	}
	.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;
	}
}
@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-head {
      height: 3.6rem;
      margin-top:0.88rem;
   }
   .cont-producy-list{
     display:none;
   }
   .mobile-cont-producy-list{
      display:block;
      max-width:7.68rem;
      padding: 0.71rem 0.3rem 0.88rem 0.3rem;
   }
   .producy-list {
      display: flex;
      justify-content: space-between;
   }
   .list-one{
      width: 3.4rem;
      height: 4.13rem;
   }
   .teli {
    width: 2.6rem !important;
   }
   .bottom-mobile-left{
      width:100%;
   }
   .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.24rem;
    line-height:0.24rem;
}
  .bottom-min-left dl dd {
    font-size: 0.19rem;
    line-height: 0.2rem;
   }
  .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;
   }
  #top {
    top: 48%;
    right: 5%;
  } 
}