html
{
	font-family: sans-serif!important;
}
body
{
    font-family: Arial,"Helvetica Neue",Helvetica,"微软雅黑",sans-serif!important;
}
.soc>li>a
{
  padding:0 5px!important
}
/*.nav>li>a
{
  color: #fff;
}*/
.nav>li>a:hover,.nav>li>a:focus
{
  background-color: #ffc107!important;
}
.navbar
{
  margin-bottom: 0px!important
}
@media screen and (max-width: 1920px)
{
.names
  {
    margin-left: -20px!important;
    margin-top: 80px
  }
  .logo
  {
    width: 220px!important
  }
  .name
  {
    margin-left: -50px;
  }
  .sea
  {
    margin-top: 20%
  }
}
@media screen and (max-width: 1850px)
{
  .names
  {
    margin-left: 50px!important;
    margin-top: 80px!important
  }
  .logo
  {
    width: 220px!important
  }
  .name
  {
    margin-left: 5px!important
  }
  .sea
  {
    margin-top: 20%!important
  }
}
@media screen and (max-width: 1580px)
{
  .choimg
  {
    margin-top: 25%!important;
  }
 .names
  {
    margin-left: 80px!important;
    width: 500px;
    margin-top: 20%
  }
  .sea
  {
    margin-top: 25%!important
  }
  .name
  {
    margin-top: 10%!important
  }
}
@media screen and (max-width: 1360px)
{
	.addnew
	{
		width: 200px!important;
		margin-left: 20px
	}
	.phonenew
	{
		margin-left: 20px
	}
  .choimg
  {
    margin-top: 20%!important;
  }
	.chose
	{
		width:85%!important;
    margin: 0 80px!important
	}
	.foot
	{
		width: 85%!important;
		margin: 0 130px!important
	}
  .names
  {
    margin-left: 10px!important;
    width: 500px
  }
  .name
  {
    margin-left: -100px!important;
  }
  .logo
  {
    width: 850px!important;
    margin-left: -100px!important
  }
	/*.about
	{
		width: 85%!important;
		margin: 0 100px!important
	}*/
	
	.stellarnav
	{
		margin-left: -30px!important
	}
  .tw
  {
    font-size: 20px!important
  }
  .stellarnav > ul > li > a 
  { padding: 20px 18px!important }
}
@media screen and (max-width: 1199px)
{
  .logo
  {
    margin-left: 20px!important
  }
  .name
  {
    margin-left: 25px!important
  }
  .names
  {
    margin-left: 60px!important
  }
}
@media screen and (max-width: 1127px)
{
  
  /*.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px!important;
}*/
.name
{
  font-size: 110px!important;
  margin-left: 10px
}
.logo
{
  width: 1200px!important;
  margin-left: 10px!important
}
.names
{
  margin-left: 55px!important 
}
}
@media screen and (max-width: 1049px)
{
.stellarnav > ul > li > a 
  { 
    padding: 20px 18px!important 
  }
  .stellarnav
  { 
    margin-left: -100px!important }
}
@media screen and (max-width: 990px)
{
  .choimg
  {
    margin-top: 30%!important;
  }
   .tw
  {
    font-size: 16px!important
  }
  /*.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px!important;
}*/
.name
{
  font-size: 100px!important;
  margin-left: -10px!important
}
.names
{
 margin-left: 20px!important;
  margin-top: 50px!important
}
.stellarnav
  { 
    margin-left: -10px!important }
    .stellarnav > ul > li > a 
  { 
    padding: 20px 15px!important 
  }
}
@media screen and (max-width: 949px)
{
.stellarnav
  { 
    margin-left: -8px!important }
    .stellarnav > ul > li > a 
  { 
    padding: 20px 10px!important 
  }
}
@media screen and (max-width: 890px)
{
  
  /*.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 5px!important;
}*/
.name
{
  font-size: 80px!important;
  margin-top: 20px!important
}
.names
{
  margin-left: 10px!important;
  margin-top: 40px!important
}
}
@media screen and (max-width: 855px)
{
  .name
    {
      font-size: 70px!important;
      margin-top: 20px!important
    }
  .names
    {
      width: 300px!important;
      margin-left: -5px!important;
      margin-top: 30%!important
    }
    .sea
    {
      margin-top: 40px!important
    }
    .stellarnav
  { 
    margin-left: -8px!important }
    .stellarnav > ul > li > a 
  { 
    padding: 20px 5px!important 
  }
}
@media screen and (max-width: 767px)
{
  .use
  {
    margin-top: 10%!important;
    font-size: 25px!important
  }
  .choimg
  {
    margin-bottom: 10%!important;
  }
  .mac
  {
    margin:0 auto!important;
  }
  .logo
  {
    width: 500px!important;
  }
  .name
  {
    font-size: 150px!important
  }
  .names
  {
    margin-top: 70px!important;
    margin-left: -30px!important;
    width: 250px!important
  }
  .new
  {
    padding-top: 10%!important;
    padding-bottom: 10%!important
  }
  form
  {
    margin:5% 8%!important;
  }
  .pro
  {
    padding:2% 10%!important
  }
  .col-lg-12
  {
    margin-top: 8%!important
  }
  .imgpad
  {
    margin-top: 5%!important
  }
    .chose
  {
    width:85%!important;
    margin: 0 30px!important
  }
  p
  {
    padding: 5%!important
  }
  .off
  {
    padding:0 2%
  }
  .top
  {
    font-size: 30px;
    margin-top: 1%!important
  }
}
@media screen and (max-width: 690px)
{
  .name
  {
    font-size: 100px!important
  }

  .names
  {
    margin-top: 20px!important
  }
}
@media screen and (max-width: 480px)
{

  .name
  {
    font-size: 70px!important
  }
  .names
  {
    margin-top: 5px!important;
    margin-left: -30px!important;
    width: 200px!important;
    font-size: 25px!important
  } 
.top
{
  font-size: 20px!important
}
.soc
{
  width: 120px
}
}
@media screen and (max-width: 360px)
{
  .names
  {
    margin-top: 30px!important;
   
  } 
}