@charset "utf-8";

#nav1 {
  box-sizing: border-box;
  width:1400px; height:70px; margin:auto; background:#757575; line-height:70px; border-radius:50px;
}
#nav1 ul {
  list-style: none; width:1350px; margin:auto; overflow:hidden; list-style:none; margin:0; padding:0;
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li a {
  display: block;
width:99%; height:70px;margin:auto; line-height:70px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;
}
#nav1 li .active {
  width:99%; height:70px; margin:auto; line-height:70px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);}
#nav1 li a:hover {
   width:99%; height:70px;  margin:auto; line-height:70px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);
}



.sticky {
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  z-index: 100;
  margin: auto;
}

.article {
  box-sizing: border-box;
  height: auto;
  width: 1400px;
  margin: auto; padding-top:80px
}


 @media screen and (max-width:1400px) {

#nav1 {
  box-sizing: border-box;
  width:100%; height:60px; margin:auto; background:#757575; line-height:60px
}
#nav1 ul {
  list-style: none; width:95%; margin:auto; overflow:hidden; list-style:none; margin:0; padding:0;
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li a {
  display: block;
width:99%; height:60px;margin:auto; line-height:60px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;
}
#nav1 li .active {
  width:99%; height:60px; margin:auto; line-height:60px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);}
#nav1 li a:hover {
   width:99%; height:60px;  margin:auto; line-height:60px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);
}




.sticky {
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  z-index: 100;
  margin: auto;
}

.article {
  box-sizing: border-box;
  height: auto;
  width: 96%;
  margin: auto; padding-top:80px
}

	 }
 @media screen and (max-width:1024px) {



	 }
 @media screen and (max-width:781px) {
#nav1 {
  box-sizing: border-box;
  width:100%; height:50px; margin:auto; background:#757575; line-height:50px
}
#nav1 ul {
  list-style: none; width:95%; margin:auto; overflow:hidden; list-style:none; margin:0; padding:0;
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li a {
  display: block;
width:99%; height:50px;margin:auto; line-height:50px; display:block; text-align:center; font-size:14px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;
}
#nav1 li .active {
  width:99%; height:50px; margin:auto; line-height:50px; display:block; text-align:center; font-size:14px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);}
#nav1 li a:hover {
   width:99%; height:50px;  margin:auto; line-height:50px; display:block; text-align:center; font-size:14px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);
}
	 }	  
 @media screen and (max-width:481px) {

#nav1 {
  box-sizing: border-box;
  width:100%; height:60px; margin:auto; background:#757575; line-height:60px
}
#nav1 ul {
  list-style: none; width:95%; margin:auto; overflow:hidden; list-style:none; margin:0; padding:0;
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li {
  position: relative; width:13%; float:left
}
#nav1 li a {
  display: block;
width:99%; height:60px;margin:auto; line-height:60px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;
}
#nav1 li .active {
  width:99%; height:60px; margin:auto; line-height:60px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);}
#nav1 li a:hover {
   width:99%; height:60px;  margin:auto; line-height:60px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; font-weight:bold;background-image: linear-gradient(to bottom,#2d77f2, #122bb9);
}

 }