@charset "utf-8";

#nav1 {
  box-sizing: border-box;
  width:1400px; height:87px; margin:auto;line-height:87px; background:url(../../images/pro_title_bg.png) 
}
#nav1 ul {
  list-style: none; width:1400px; 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:72px;margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; background:url(../../images/pro_title_a.png) center top no-repeat; padding-bottom:15px}

#nav1 li .active {
  width:99%; height:72px; margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}
#nav1 li a:hover {
   width:99%; height:72px;  margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}




.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:40px
}


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

#nav1 {
  box-sizing: border-box;
  width:100%; height:87px; margin:auto;line-height:87px; background:url(../../images/pro_title_bg.png) 
}
#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 a {
  display: block;
width:99%; height:72px;margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; background:url(../../images/pro_title_a.png) center top no-repeat; padding-bottom:15px}

#nav1 li .active {
  width:99%; height:72px; margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}
#nav1 li a:hover {
   width:99%; height:72px;  margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}




.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:87px; margin:auto;line-height:87px; background:url(../../images/pro_title_bg.png) 
}
#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:72px;margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; background:url(../../images/pro_title_a.png) center top no-repeat; padding-bottom:15px}

#nav1 li .active {
  width:99%; height:72px; margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}
#nav1 li a:hover {
   width:99%; height:72px;  margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}
}
	 }	  
 @media screen and (max-width:481px) {

#nav1 {
  box-sizing: border-box;
  width:100%; height:87px; margin:auto;line-height:87px; background:url(../../images/pro_title_bg.png) 
}
#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:72px;margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%; background:url(../../images/pro_title_a.png) center top no-repeat; padding-bottom:15px}

#nav1 li .active {
  width:99%; height:72px; margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}
#nav1 li a:hover {
   width:99%; height:72px;  margin:auto; line-height:72px; display:block; text-align:center; font-size:18px; color:#ffffff; margin-left:0.5%; margin-right:0.5%;background:url(../../images/pro_title_b.png) center top no-repeat; padding-bottom:15px}

 }