* {
  margin: 0;
  padding: 0;
  list-style:none;
}
.navbar-nav li a{
	color:#fff;
}
html {
  font-size: 100px;
}
body{
	color:#fff;
}
/*.active-public {
  background: #e32c40;
  color:#fff;
}
#wrap {
  width: 100%;
  min-width:11.52rem;
}
.main{
	min-width:11.52rem;
	margin-top:0.64rem;
}
.container-fluid {
  margin: 0;
  padding: 0;
}
.row {
  margin: 0;
}
#wrap header {
  width: 100%;
   min-width:11.52rem;
  height: 0.64rem;
  background: #333;
  margin: 0 auto;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
}
.navbar {
  height: 0.64rem;
  margin: 0 auto;
  border: none;
}
.navbar-header {
  height: 0.64rem;
  box-sizing: border-box;
}
.navbar-collapse {
  float: right;
  height: 0.64rem;
  box-sizing: border-box;
}
.navbar-nav {
  width: 8rem;
  height: 0.64rem;
  line-height: 0.64rem;
}
.navbar-nav li {
  position: relative;
  width: 1.6rem;
}
.navbar-default {
  background: transparent;
      width: 80%;
}
.navbar-default .navbar-nav > li > a {
  padding: 0;
  line-height: 0.64rem;
  color: #fff;
  font-size: 0.18rem;
  text-align: center;
}
.navbar-brand img {
  width: 0.36rem;
  height: 0.36rem;
  margin-right: 0.2rem;
  display: inline-block;
}
.navbar-brand span {
  width: 1.01rem;
  color: #fff;
  font-size: 0.24rem;
  display: inline-block;
  vertical-align: middle;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background: #e32c40;
}
.product-service-classify {
  display: none;
  width: 1.6rem;
  background: #c33444;
  position: absolute;
  top: 0.64rem;
  left: 0;
  z-index: 300;
}
.product-service-classify li {
  width: 100%;
  height: 0.64rem;
  text-align: center;
  line-height: 0.64rem;
}
.product-service-classify li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0.18rem;
}
.main {
  position: relative;
}*/



<.active-public {
  background: #e32c40;
}
.yangshi{
	background: #c33444;
}
/*min-width:11.52rem;
  max-width:19.2rem;*/
#wrap {
  width:19.2rem;
  overflow:hidden;
  overflow-x:hidden;
}
.main{
	width:19.2rem;
	position:relative;
}
.container-fluid {
  margin: 0;
  padding: 0;
}
.row {
  margin: 0;
}


/*头部样式*/
header{
      width:100%;
      height:0.64rem;
      line-height:0.64rem;
      background:rgba(51,51,51,1);
	  opacity:0.3;
      position:absolute;
      top:0;
      left:0;
      z-index:999999999;
      min-width:11.52rem;
	  max-width:19.2rem;
  }
  .head{
      position:relative;
      width:80%;
      margin:0 auto;
      height:100%;
  }
  
  .logo{
        width:40%;
        /* float:left; */
        position:absolute;
        left:0;
        top:0;
        height:100%;
  }
  /*.logo img{
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.2rem;
}*/
.logo span{
    width: 1.01rem;
    color: #fff;
    font-size: 0.24rem;
    display: inline-block;
    vertical-align: middle;
}
  .nav-list{
        width:60%;
        height:100%;
        /* float:right; */
        position:absolute;
        right:0;
        top:0;
        height: 0.64rem;
  }
  .nav-list ul{
      float:right;
      width:100%;
      height:100%;
      display:flex;
  }
  .nav-list li{
      flex:1;
      float:left;
      color:#fff;
      text-align: center;
  }
  .product-service{
      position:relative;
  }
  .product-service-classify{
      position:absolute;
      top:0.64rem;
      left:0;
      width:100%;
      height:2.56rem;
	  background:rgba(0,0,0,1);
		opacity:0.3;
      z-index: 300;
	  display:none;
  }
  .product-service-classify div{
        width: 100%;
        height: 0.64rem;
        text-align: center;
        line-height: 0.64rem;
  }
  .product-service-classify div a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 0.18rem;
  }  
  .nav-list li a,
  .nav-list li a:hover,
  .nav-list li a:focus
  {
    width:100%;
    height:100%;
    display:block;
    color: #fff;
    font-size: 0.18rem;
    text-decoration: none;
}





















/* 侧边栏样式 */
#wrap .main .asider {
  z-index: 999;
  padding: 0.34rem 0.16rem;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  right: 0;
  margin-right: 0.2rem;
  width: 0.72rem;
  height: 3.06rem;
  background: rgba(204, 204, 204, 0.5);
  border-radius: 0.1rem;
}
#wrap .main .asider a {
  position: relative;
  /*后加的代码*/
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.26rem;
  display: block;
}
#wrap .main .asider a img {
  width: 0.4rem;
  height: 0.4rem;
  /*margin-bottom: 1.3rem;*/
}
#wrap .main .asider a .company-phone {
  display: none;
  position: absolute;
  right: 0.7rem;
  top: -0.08rem;
  text-align: center;
  width: 2.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.15rem #ccc;
  
  
  
  
  -moz-box-shadow:0 0 0.15rem #ccc;
  

	-webkit-box-shadow:0 0 0.15rem #ccc;
  

	box-shadow:0 0 0.15rem #ccc;
  
	border-radius: 0.1rem;

	-moz-border-radius:0.1rem;

	-webkit-border-radius:0.1rem;

	behavior: url(PIE-1.0.0/PIE.htc);

  
  
  
  
  
  
  
  
}
#wrap .main .asider a .company-phone span {
  color: #e32c40;
  font-size: 0.18rem;
  width: 11.69rem;
  height: 0.15rem;
}
#wrap .main .asider a .email-pic {
  display: none;
  position: absolute;
  right: 0.7rem;
  top: -0.06rem;
  text-align: center;
  width: 2.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.15rem #ccc;
  color: #e32c40;
  font-size: 0.18rem;
}
#wrap .main .asider a .company-weixin {
  display: none;
  width: 1.6rem;
  height: 1.6rem;
  /* box-shadow: 0 0 0.75rem #ccc; */
  background-image: url(../img/xiao.png);
  background-size: cover;
  position: absolute;
  right: 0.7rem;
  top: -0.48rem;
}
#wrap .main .asider a .company-QQ {
  display: none;
  width: 2.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.15rem #ccc;
  position: absolute;
  right: 0.7rem;
  top: -0.06rem;
  color: #e32c40;
  font-size: 0.18rem;
  text-align: center;
}
/* 底部样式 */
#wrap footer {
	position: relative;
  width: 100%;
   min-width:11.52rem;
   max-width:19.2rem;
  /*width:96rem;*/
  /*height: 22rem;*/
  background: #eee;
  border-top: 2px solid #666666;
}

footer .row div img {
  margin-bottom: 0.24rem;
}
footer .row div p {
  margin-bottom: 0.24rem;
  box-sizing: border-box;
  font-size: 0.18rem;
  color: #666;
}
footer .row div .firstP {
  margin-bottom: 0.24rem;
  box-sizing: border-box;
  font-size: 0.18rem;
  color: #666;
  /*margin-right:14%;*/
}
.weixin {
  /*text-align: right;*/
  text-align:center;
  box-sizing: border-box;
  margin-top: 0.62rem;
}
.weixin img{
	border-radius:0.1rem;
}
.app {
  text-align: center;
  margin-top: 0.62rem;
}
.app .app-pic {
  width: 2.2rem;
  height: auto;
}
.connection {
  margin-top: 0.9rem;
  padding-left: 1rem;
  box-sizing: border-box;
}
.connection p {
  font-size: 0.22rem;
  color: #666;
  margin-bottom: 0.26rem;
}
footer .row .connection img{
	margin-bottom:0;
	margin-right:28px;
}
footer .row .connection img{
	margin-bottom:0;
	margin-right:0.28rem;
}
.last {
  /*display: flex;*/
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
  background: #333;
}
.last div {
 /* flex: 1;*/
  color: #fff;
  display: inline-block;
  font-size: 0.18rem;
  text-align: center;
}
@media screen and (max-width: 1300px) {
	.navbar-default {
		width: 100%;
	}
	.navbar-nav {
		/*width: 7rem;*/
		width:100%;
	  }
	  .navbar-nav li {
		/*width: 1.2rem;*/
		width:100%;
	  }
	  .product-service-classify {
		display: none;
		/*width: 1.2rem;*/
		width:100%;
	  }
}
@media screen and (max-width: 1024px) {
	
	.navbar-default {
		width: 100%; 
	}
	header{
		min-width:11.52rem;
	}
	footer{
		min-width:11.52rem;
	}
	
	.connection {
		margin-top:0.9rem;
		/*margin-left:30%;*/
	}
	
  .navbar-nav {
   /* width: 7rem;*/
   width:100%;
  }
  .navbar-nav li {
    /*width: 1.2rem;*/
	width:100%;
  }
  .product-service-classify {
		display: none;
		/*width: 1.2rem;*/
		width:100%;
	  }
}



/*@media screen and (max-width: 1199px) {
  .navbar {
    width: 100%;
  }
  .navbar-collapse {
    float: left;
  }
  .navbar-collapse {
    width: 6rem;
  }
  .weixin {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav {
    width: 5rem;
  }
  .navbar {
    width: 100%;
  }
  .navbar-collapse {
    width: 4rem;
  }
  .navbar-nav li {
    width: 1rem;
  }
  .product-service-classify {
    width: 1.2rem;
  }
}
@media screen and (max-width: 800px) {
  .navbar-nav {
    width: 5rem;
  }
  .navbar-nav li {
    width: 1rem;
  }
}
@media screen and (max-width: 772px) {
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background: #333;
    width: 100%;
  }
  .weixin {
    box-sizing: border-box;
  }
  footer {
    height: auto;
  }
  .navbar-collapse {
    width: 4rem;
  }
  .navbar-nav li {
    width: 1.2rem;
	z-index:5;
  }
  .product-service-classify {
    width: 1.2rem;
  }
  .navbar-default .navbar-toggle {
    margin-top: 0.15rem;
  }
  .navbar {
    width: 100%;
  }
  .navbar-collapse {
    width: 1rem;
    height: auto;
  }
  .navbar-nav {
    width: 1rem;
    height: auto;
  }
  .navbar-nav li,
  .navbar-nav li > a {
    width: 1rem;
    height: 0.64rem;
  }
  .product-service-classify {
    width: 1rem;
  }
}*/



@media screen and (max-width: 1152px) {
	.main{
		margin-top:0;
	}
	header{
        position:relative;
    }
}









.reset-box-sizing {
  &,
  *,
  *:before,
  *:after {
    .box-sizing(content-box);
  }
}
.element {
  .reset-box-sizing();
}