.zb1 {width: 70%; margin: 0 auto;}
.zb2 {width: 100%;}
.zb2 .zb100 img {max-width: 100%;height: auto;display: block;}
.zb5 img {max-width: 100%;height: auto;display: block;}
.zb5 ol {color: red;text-align: left;}
.zb5 ol li:hover {color:black; }
.zb100  {width: 100%;position: relative; transition-duration: 0.4s;overflow: hidden;}
.zb100:after {content: "";background: #f1f1f1;display: block;position: absolute;padding-top: 300%;padding-left: 350%;
  margin-left: -20px !important;margin-top: -120%;opacity: 0;transition: all 0.8s}
.zb100:hover:after {padding: 0; margin: 0;opacity: 1;transition: 0s;}




.xz1 {width: 70%; margin: 0 auto;line-height:30px;}
.xz2 {font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%;text-align: center;}
.xz2 td , .xz2 th {border: 1px groove  #FFF;text-align: center;}
.xz2 th {background-color: #4CAF50;color: white;width: 25%;}
.xz2 tr:hover {background-color: #ddd;}
.xz2 th:hover {background-color: rgb(255, 99, 71);}
.xz3 {height:140px; }
.xz6 {width: 32%;background-color: #4CAF50; border: 2px groove  #FFF ;color: white;padding: 15px 12px;text-align: center;margin: 0 auto;
  display: inline-block;cursor: pointer;float: left;}
.xz6:not(:last-child) {border-right: none; /* 阻止双边框 */}
.xz6:hover {background-color: rgb(255, 99, 71);}
.xz7 ol,.xz8 ol {color:Crimson ;text-align: justify; padding: 5px 10px;}






.yxlb1 {width: 70%; margin: 0 auto;line-height:30px;}
.yxlb2 {font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%;text-align: center;}

.yxlb2 td , .yxlb2 th {border: 1px groove  #FFF;text-align: center;}

.yxlb2 th {background-color: rgb(255, 99, 71);color: white;width: 25%;}
.yxlb2 tr:hover {background-color: #ddd;}
.yxlb2 th:hover {background-color: #4CAF50;}

.yxlb3 {height:140px; }
.yxlb4 {color:red;}
.yxlb4 input {width: 200px;}

.yxlb6 {width: 60%;background-color: #4CAF50; border: 2px groove   #FFF;color: white;padding: 25px 12px;text-align: center;margin: 0 auto;
    display: inline-block;cursor: pointer;}
.yxlb6:hover {background-color: rgb(255, 99, 71);}
.yxlb7 ol {text-align: justify; padding: 10px;}
.yxlb8 ol {color:red ; }




.gx1 {width: 70%; margin: 0 auto; background-color:  White;}
.gx2 {font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%;text-align: center;}
.gx2 td , .gx2 th {padding: 13px;text-align: center;}
.gx2 th { background:url(bar.png); background-size: 100% 100%; font-weight:600;color:#FFFF00;}
.gx2 tr:nth-child(even){background-color: Yellow ; color:Red ; }
.gx2 tr:hover {background-color: #ddd;}






.position {position:fixed;top:25%;right:1px;border: 1px groove #FFF;background:#f1f1f1 url(body.jpg);}

.position p { text-align: center;font-weight:600;background-color: rgb(255, 99, 71);position: relative;width: 100%;overflow: hidden;
padding: 15px 10px;color: #FFFFFF;transition-duration: 0.4s;transition:border 0.5s;}
.position p:after {content: "";background: #f1f1f1;display: block;position: absolute;padding-top: 300%;padding-left: 350%;
  margin-left: -20px !important;margin-top: -120%;opacity: 0;transition: all 0.8s}
.position p:hover:after {padding: 0; margin: 0;opacity: 1;transition: 0s;}
 
#position1{display: inline-block;}
#position1 img {max-width: 100%;height: auto;outline: 2px groove #FFF;display: block;margin:15% auto;transition:transform 1s;}
#position1 img:hover{transform: rotate(720deg);outline: 2px groove rgb(255, 99, 71);}













@media screen and (max-width: 1280px) {
.zb1 {width: 100%; }
.xz1 {width: 100%; }
.yxlb1 {width: 100%; }
.yxlb6 {width: 80%;}
.gx1 {width: 100%; }
} 





@media screen and (max-width: 992px) {
	body{font-size:0.8em;}
  .yxlb4 input {width: 150px;}
.yxlb6 {width: 100%;}


.position {display: none;}

}




@media screen and (max-width: 600px) {
	body{font-size:0.6em;}
  .yxlb4 input {width: 75px;}

}