@charset "utf-8";
/* CSS Document */
.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/about.jpg) center 0 no-repeat;
	height:8.09rem;
	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-nav-main */
.cont-nav{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#000000;
}
.cont-nav-main{
    max-width:10.22rem;
   padding:1.15rem 0rem 1.84rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.cont-nav-main .enterprise-details{
	width:100%;
	font-size: 0.14rem;
	line-height:0.24rem;
	color:#e9e9e9;
	text-align:left;
}
.cont-nav-main .enterprise-details:nth-of-type(1){
   margin-top:0.5rem;
}

.cont-nav-main .enterprise-details:nth-of-type(2){
   margin-bottom:0.27rem;
}
.data{
	width:100%;
	margin:0.85rem 0rem 0.72rem 0rem;
	height:auto;
	overflow:hidden;
}
.data li{
	width:33.3%;
	float:left;
}
.data li:nth-of-type(1){
	text-align:left;
}
.data li:nth-of-type(2){
	text-align:center;
}
.data li:nth-of-type(3){
	text-align:right;
}
.data li:nth-of-type(1) span{
	padding-left: 0.2rem;
}
.data li:nth-of-type(3) span{
	text-align:center;
	padding-left: 0.4rem;
}
.data li p{
	font-size: 0.7rem;
	color:#d70c19;
	font-family:"Impact";
}
.data li span{
	display:block;
	width:100%;
	font-size: 0.18rem;
	color:#ffffff;
}
/* cont-nav-main */
.patent-certificate{
    max-width:10.22rem;
   padding:0rem 0.3rem 0.51rem 0.3rem;
   margin:0 auto;
   overflow:hidden;
}
.patent{
    width:100%;
    overflow:hidden;
    clear:both;
}
.mat{
   margin-bottom:0.62rem;
   margin-top:0.74rem;
}
.patent dl{
	width:23.1%;
	float:left;
    overflow:hidden;
    margin-right:1.9%;
}
.patent dl dt{
	margin: 0 auto;
	width:2.21rem;
	height: 2.92rem;
	margin-bottom:0.23rem;
}
.patent dl dt img{
	width:100%;
	height: 100%;
}
.patent dl dd{
	display:inline-block;
	width:100%;
	font-size: 0.1468rem;
	color:#ffffff;
	line-height:0.14rem;
	text-align:center;
}
/* cont-honor */
.cont-honor{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#1c1c1c;
}
.cont-honor-main{
   max-width:10.22rem;
   padding:0.86rem 0rem 1.26rem 0rem;
   margin:0 auto;
   overflow:hidden;
}

.cont-honor-main ul{
	margin:0 auto;
	overflow:hidden;
	clear:both;
	padding:0rem 0.3rem;
	margin-top:0.34rem;
}
.cont-honor-main ul li{
	display:block;
	float:left;
	width: 1.9rem;
    height:auto;
    vertical-align:top;
    margin-right:1.76%;
}
.cont-honor-main ul .img-one{
   width: 3.39rem;
}
.cont-honor-main ul li:nth-of-type(3){
   margin-right:0rem;
}
.cont-honor-main ul img{
	display:block;
	height: 2.42rem;
	margin:0 auto;
}
.cont-honor-main ul li span{
	display:block;
	width:100%;
	line-height:0.14rem;
	text-align: center;
	font-size: 0.14rem;
	color:#ffffff;
	margin-top:0.17rem;
}
/* cont-factory */
.cont-factory{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#000000;
}
.cont-factory-main{
   max-width:10.22rem;
   padding:0.99rem 0rem 0rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.cont-factory-main p{
	width:100%;
	text-align: left;
	font-size: 0.14rem;
	color:#ffffff; 	
}
.cont-factory-main .mat1{
    margin-top:0.46rem;
    margin-bottom:0.32rem;
} 
.factory-img{
   width:100%;
   margin-bottom:0.12rem;
   overflow:hidden;
   clear:both;
}
.factory-img img{
	display:block;
	height:2.22rem;
	float:left;
	margin-right:0.97%;
}
.factory-img .factory-one img:nth-of-type(1){
	width:2.64rem;
}
/* .factory-img img:nth-of-type(2){
	width:1.75rem;
}
.factory-img img:nth-of-type(3){
	width:1.79rem;
}
.factory-img img:nth-of-type(4){
	width:1.80rem;
} */
.factory-img img:nth-of-type(3){
	margin-right:0rem;
}
.cont-factory-main h6{
	display:block;
	width:100%;
	font-size:0.18rem;
	text-align: left;
	color:#ffffff;
    margin:0.28rem 0rem 0.17rem 0rem;
}
/* cont-duty */
.cont-duty{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#000000;
}
.cont-duty-main{
   max-width:10.22rem;
   padding:1.32rem 0rem 0.9rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.society-duty{
   width:100%;
   height:auto;
   overflow:hidden;
   margin-top:0.5rem;
}
.society-duty dl{
	width:100%;
	text-align:center;
	margin-bottom:0.4rem;
}
.society-duty dl dt{
	font-size:0.18rem;
	line-height:0.18rem;
	color:#d80c18;
	margin-bottom:0.17rem;
}
.society-duty dl dd{
	font-size:0.14rem;
	line-height:0.14rem;
	color:#ffffff;
}
/* cont-contact-us */
.cont-contact-us{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#1c1c1c;
}
.cont-contact-us-main{
   max-width:10.22rem;
   padding:0.84rem 0rem 1.07rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.cont-contact-position{
	height:4.68rem;
	padding:0rem 0.3rem;
	overflow:hidden;
	margin:0.66rem 0rem 0.94rem 0rem;
}
.cont-contact-position img{
	width:100%;
	height:100%;
}
.cont-contact-mode{
	padding:0rem 0.3rem;
	overflow:hidden;
}
.cont-contact-mode dl{
	width:33.3%;
	float:left;
}
.cont-contact-mode dl dt{
	width:0.59rem;
	height:0.59rem;
}
.cont-contact-mode dl:nth-of-type(1) dt{
  margin-left:0.53rem;
}
.cont-contact-mode dl:nth-of-type(1) dd{
  text-align:left;
}
.cont-contact-mode dl:nth-of-type(2) dt{
  margin:0 auto;
}
.cont-contact-mode dl:nth-of-type(2) dd{
  text-align:center;
}
.cont-contact-mode dl:nth-of-type(3) dt{
  margin-left:1.65rem;
}
.cont-contact-mode dl:nth-of-type(3) dd{
  text-align:right;
}
.cont-contact-mode dl dt img{
	display:block;
	width:100%;
	height:100%;
}
.cont-contact-mode dl dd{
	width:100%;
	font-size:0.14rem;
	line-height:0.14rem;
	color:#ffffff;
	margin-top:0.29rem;
}
/* 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:8px;
}
.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%;
}
#top{
	position:fixed;
	top:60%;
	right:8%;
	width:0.54rem;
	height:0.54rem;
	cursor:pointer;
	display:none;
}
#top img{
	display:block;
	width:100%;
	height:100%;
}
.bottom-min-left{
    display:block;
}
.bottom-mobile-left{
    display:none;
}
/* 百度地图使用样式 */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
@media screen and (min-width:1000px) and (max-width:1200px){
   .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) {
   .navbar-header{
	  	margin-left: 2%;
	}
	.bottom-min{
      padding: 0.63rem 0.3rem 0.5rem 0.3rem;
      position:relative;
    }
    .bottom-min-left dl {
	    width:1rem;
	}
	.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{
		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 only 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.63rem;
      margin-top:0.88rem;
   }
   .cont-nav-main {
	   max-width:6.78rem;
	   padding: 0.65rem 0.3rem 0.84rem 0.3rem;
   }
   .cont-nav-main .enterprise-details {
      font-size: 0.18rem;
      line-height: 0.37rem;
   }
   .data li{
      width:100%;
      text-align:center !important;
   }
   .data li:nth-of-type(2) {
     margin:0.5rem 0rem;
   }
   .data li span {
    padding: 0rem !important;
   }
   .mat{
		margin-bottom: 0.32rem;
      margin-top: 0.74rem;
   }
   .yd-k{
   	display:block;
   	overflow:hidden;
   	padding: 0rem 0.8rem;
   	margin-bottom:0.3rem;
   }
   .patent dl {
      width:48%;
      margin-right:0rem;
   }
   .patent dl dd{
   	 font-size: 0.2rem;
     line-height: 0.28rem;
   }
   .patent dl:nth-of-type(even){
     margin-left:4%;
   }
   .zz-con{
   	display:block;
   	width:100%;
   	overflow:hidden;
   	display: flex;
      justify-content: space-between;
   }
   .img-one{
   	  width:100% !important;
      margin-bottom:0.25rem;

   }
   .cont-honor-main ul .img-one img{
   	height:4rem;
   }
   .cont-honor-main ul .img-two{
   	width:2rem !important;
   }
   .cont-honor-main ul li:nth-of-type(2) {
      width:2rem;
   }
   .cont-honor-main ul li{
   	width:2rem;
   }
   .cont-honor-main ul li span {
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.18rem;
  }
  .cont-factory-main{
  	  max-width:6.87rem;
  	  padding: 0.99rem 0.3rem 0rem 0.3rem; 
  }
  .cont-factory-main h6{
  	  font-size: 0.26rem;
  }
  .cont-factory-main p {
     font-size: 0.18rem;
    line-height: 0.37rem;
   }
   .factory-cn{
   	display:block;
   	overflow:hidden;
   	padding: 0rem 0.2rem;
   	margin-bottom:0.3rem;
      display: flex;
      justify-content: space-between;
   } 
   .factory-one img{
      width:49% !important;
   }
   .factory-cn img{
      margin-right:0rem;
   }
   .cont-duty-main{
   	max-width:6.87rem;
      padding: 1.32rem 0.3rem 0.9rem 0.3rem;
   }
   .society-duty dl dt {
    font-size: 0.24rem;
    line-height: 0.26rem;
	}
	.society-duty dl dd {
	    font-size: 0.18rem;
	    line-height: 0.3rem;
	    color: #ffffff;
	}
	.cont-contact-position img {
    width: 100%;
    height: 5.8rem;
   }
   .cont-contact-mode dl{
   	width:70%;
   	margin:0rem auto 0.3rem;
   	float:none;
   }
   .cont-contact-mode dl:last-child{
   	margin-bottom:0rem;
   }
   .cont-contact-mode dl dt{
   	margin:0 auto !important;

   }
   .cont-contact-mode dl dd {
	    font-size: 0.2rem;
	    line-height: 0.24rem;
	    text-align: center !important;
	}
	.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;
   }
  #top {
    top: 48%;
    right: 5%;
  }
}