html {
  font-size: 100px;
}
strong {
  font-weight: bold !important;
}
.w1200 {
  width: 12rem;
  margin: 0 auto;
}
#head {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 1rem;
}
#head .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
#head .head .head-left {
  display: flex;
  justify-content: center;
  align-items: center;
}
#head .head .head-left img {
  display: block;
}
#head .head .head-right {
  display: flex;
  align-items: center;
}
#head .head .head-right .head-nav-list {
  margin-left: 0.25rem;
  padding: 0 0.15rem;
}
#head .head .head-right .head-nav-list a {
  display: block;
  font-size: 0.18rem;
  font-weight: 400;
  color: #fff;
  line-height: 1rem;
}
#head .head .head-right .head-nav-list:hover {
  border-bottom: 3px solid #d20000;
}
#head .head .head-right .head-nav-list:hover a {
  color: #d20000;
}
#head .head .head-right .head-nav-list1 {
  margin-left: 0.25rem;
  padding: 0 0.15rem;
}
#head .head .head-right .head-nav-list1 p {
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #fff;
}
#head .head .head-right .head-nav-list1 ul {
  position: absolute;
  top: 1.03rem;
  left: 0;
  display: none;
  align-items: center;
  width: 100%;
  height: 0.67rem;
  border-bottom: 1px solid #E5E5E5;
}
#head .head .head-right .head-nav-list1 ul li a {
  display: block;
  font-size: 0.16rem;
  font-weight: 400;
  color: #929292;
}
#head .head .head-right .head-nav-list1 ul li:hover p {
  color: #d20000;
}
#head .head .head-right .head-nav-list1:hover {
  cursor: pointer;
  border-bottom: 3px solid #d20000;
}
#head .head .head-right .head-nav-list1:hover p {
  color: #d20000;
  font-weight: bold;
}
#head .head .head-right .head-nav-list1:hover ul {
  display: flex;
  padding-left: 59%;
  background-color: #fff;
}
#head .head .head-right .head-nav-list1:hover ul li {
  margin-right: 0.2rem;
}
#head .head:hover {
  background-color: #fff;
  border-bottom: 1px solid #E5E5E5;
}
#head .head:hover .head-right .head-nav-list {
  margin-left: 0.25rem;
  padding: 0 0.15rem;
  border-bottom: 3px solid #fff;
}
#head .head:hover .head-right .head-nav-list a {
  display: block;
  font-size: 0.18rem;
  font-weight: 400;
  color: #333333;
  line-height: 1rem;
}
#head .head:hover .head-right .head-nav-list:hover {
  border-bottom: 3px solid #d20000;
}
#head .head:hover .head-right .head-nav-list:hover a {
  color: #d20000;
  font-weight: bold;
}
#head .head:hover .head-right .head-nav-list1 {
  margin-left: 0.25rem;
  padding: 0 0.15rem;
  border-bottom: 3px solid #fff;
}
#head .head:hover .head-right .head-nav-list1 p {
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #333333;
}
#head .head:hover .head-right .head-nav-list1:hover {
  cursor: pointer;
  border-bottom: 3px solid #d20000;
}
#head .head:hover .head-right .head-nav-list1:hover p {
  color: #d20000;
  font-weight: bold;
}
#head .head:hover .head-right .head-nav-list1:hover ul {
  display: flex;
  padding-left: 59%;
  background-color: #fff;
}
#head .head:hover .head-right .head-nav-list1:hover ul li {
  margin-right: 0.2rem;
}
#head .head:hover .head-right .head-nav-list1:hover ul li:hover a {
  color: #d20000;
}
#head .head-active {
  background-color: #fff;
  border-bottom: 1px solid #E5E5E5;
}
#head .head-active .head-right .head-nav-list {
  margin-left: 0.25rem;
  padding: 0 0.15rem;
  border-bottom: 3px solid #fff;
}
#head .head-active .head-right .head-nav-list a {
  display: block;
  font-size: 0.18rem;
  font-weight: 400;
  color: #333333;
  line-height: 1rem;
}
#head .head-active .head-right .head-nav-list:hover {
  border-bottom: 3px solid #d20000;
}
#head .head-active .head-right .head-nav-list:hover a {
  color: #d20000;
}
#head .head-active .head-right .head-nav-list1 {
  margin-left: 0.25rem;
  padding: 0 0.15rem;
  border-bottom: 3px solid #fff;
}
#head .head-active .head-right .head-nav-list1 p {
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #333333;
}
#head .head-active .head-right .head-nav-list1:hover {
  cursor: pointer;
  border-bottom: 3px solid #d20000;
}
#head .head-active .head-right .head-nav-list1:hover p {
  color: #d20000;
}
#head .head-active .head-right .head-nav-list1:hover ul {
  display: flex;
  padding-left: 59%;
  background-color: #fff;
}
#head .head-active .head-right .head-nav-list1:hover ul li {
  margin-right: 0.2rem;
}
#head .head-active .head-right .head-nav-list1:hover ul li:hover a {
  color: #d20000;
}
img {
  display: block;
  width: 100%;
}
#footer {
  width: 100%;
  padding-top: 0.5rem;
  background-color: #DDDDDD;
}
#footer .foot {
  display: flex;
  justify-content: space-between;
}
#footer .foot .foot-right {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 70%;
}
#footer .foot .foot-right .foot-right-list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#footer .foot .foot-right .foot-right-list p {
  margin-bottom: 0.25rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: #333;
}
#footer .foot .foot-right .foot-right-list a {
  font-size: 0.14rem;
  font-family: SourceHanSansCN-Light;
  font-weight: 300;
  color: #999;
  line-height: 2;
  cursor: pointer;
  transition: color 0.15s;
}
#footer .foot .foot-right .foot-right-list a:hover {
  color: #d20000;
}
#footer .foot .foot-right .foot-right-list .tmall {
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer .foot .foot-right .foot-right-list .tmall em {
  display: block;
  width: 0.15rem;
  height: 0.14rem;
  margin-right: 0.1rem;
  background-image: url("/assets/static/pc/images/home/t.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#footer .foot .foot-right .foot-right-list .jd {
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer .foot .foot-right .foot-right-list .jd em {
  display: block;
  width: 0.15rem;
  height: 0.14rem;
  margin-right: 0.1rem;
  background-image: url("/assets/static/pc/images/home/jd.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#footer .foot .foot-right .foot-right-list .icon {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#footer .foot .foot-right .foot-right-list .icon div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.1rem;
  border: 1px solid #ccc;
  border-radius: 50%;
}
#footer .foot .foot-right .foot-right-list .icon div .wechat {
  display: block;
  width: 0.2rem;
  height: 0.16rem;
  cursor: pointer;
}
#footer .foot .foot-right .foot-right-list .icon div .wechat:hover .qr-code {
  display: flex;
}
#footer .foot .foot-right .foot-right-list .icon div .wb {
  display: block;
  width: 0.19rem;
  height: 0.15rem;
  cursor: pointer;
}
#footer .foot .foot-right .foot-right-list .qr-box1 {
  position: absolute;
  top: 0.5rem;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#footer .foot .foot-right .foot-right-list .qr-box1 img {
  width: 0.9rem;
}
#footer .foot .foot-right .foot-right-list .qr-code {
  position: absolute;
  top: 0.9rem;
  right: 0.3rem;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#footer .foot .foot-right .foot-right-list .qr-code img {
  width: 0.9rem;
}
#footer .copyright {
  width: 100%;
  height: 0.57rem;
  margin-top: 0.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#footer .copyright p {
  font-size: 0.12rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.1);
  line-height: 0.57rem;
  text-align: center;
}
.page-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
}
.page-box > a {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.48rem;
  color: #999;
  border: 0.01rem solid #e5e5e5;
  transition: color 0.2s, background-color 0.2s;
}
.page-box > a + a {
  margin-left: 0.19rem;
}
.page-box > a:hover {
  color: #fff;
  background-color: #d20000;
}
.page-box > a.active {
  color: #fff;
  background-color: #d20000;
}
.page-box .prev-btn,
.page-box .next-btn {
  background-repeat: no-repeat;
  background-size: 0.12rem 0.2rem;
  background-position: center center;
}
.page-box .prev-btn {
  background-image: url(/assets/static/pc/images/service/prev_icon.png);
}
.page-box .next-btn {
  background-image: url(/assets/static/pc/images/service/next_icon.png);
}
.page-box span {
  padding-right: 0.2rem;
  font-size: 0.24rem;
  color: #999;
}
.page-box .go-page {
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
}
.page-box .go-page input {
  margin: 0 0.15rem;
  width: 0.7rem;
  height: 0.5rem;
  font-size: 0.24rem;
  color: #999;
  text-align: center;
  border: 1px solid #E5E5E5;
}