/* sitemap */
.sitemap-wrap{
    padding-top: calc(10px + 5.7vw);
    padding-bottom: calc(10px + 5.7vw);
}
.sitemap-wrap .item:nth-of-type(1){
    margin-top: 0;
}
.sitemap-wrap .item{
    margin-top: calc(10px + 3.125vw);

}
.sitemap-wrap .item h2 {
    font-size: calc(14px + 0.9375vw);
    color: #42474e;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1rem;

}
.sitemap-wrap .item .sitemap-link{
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;

}
.sitemap-wrap .item .sitemap-link a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: auto;
    min-width: calc((100% - 6rem) / 4);

    margin: calc(10px + 0.72vw) calc(10px + .72vw) 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    color: #42474e;
    transition: all .3s ease;

    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: calc(14px + 0.2vw);
    padding: calc(10px + 0.36vw) 1.2rem;

}

.sitemap-wrap .item .sitemap-link a:hover{
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);

}

.sitemap-wrap .item .sitemap-link a::after{
    content: "\e622";
    font-family: "iconfont";
    margin-left: 1rem;
}

@media (max-width: 1100px) {

    .sitemap-wrap .item .sitemap-link a {
        min-width:auto;
    }
}

   .sub-banner .form{
        position: relative;
        width: 80%;
        max-width: 45rem;
        margin: 1rem auto 0;
        background-color: #fff;
        height: 3rem;
        border-radius: .625rem;
        overflow: hidden;}
      .sub-banner .form input{
           
            display: block;
                width: 100%;
                height: 100%;
                padding: 0 1.875rem;
                font-size: max(14px, 1.125rem);
                color: #333;
        }
      .sub-banner .form button{
            position: absolute;
            border: none;
            right: 0;
            top: 0;
            width: 3rem;
            height: 3rem;
                background-position: center;
    background-repeat: no-repeat;
            background-image: url('../images/icon-2-2.svg');
            background-size: auto 1.5rem;
            background-color: transparent;
            cursor: pointer;
        }
.sitemap-wrap {
  padding: 7.5rem 0;
  background-image: linear-gradient(180deg, #fff, #f8f8f8); }
  .sitemap-wrap .tips {
    text-align: center;
    font-size: 2rem;
    color: #333333; }
    .sitemap-wrap .tips span {
      color: #d8281d; }
  .sitemap-wrap .items {
    margin: 1.5rem 0 2.5rem; }
  .sitemap-wrap .item {
    position: relative; }
    .sitemap-wrap .item:before, .sitemap-wrap .item:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 8px; }
    .sitemap-wrap .item:before {
      background-color: #f2f2f2; }
    .sitemap-wrap .item:after {
      background-color: #d8281d;
      transform: scaleX(0);
      transform-origin: left top; }
    .sitemap-wrap .item a {
      position: relative;
      display: block;
      padding: 2.5rem 0; }
    .sitemap-wrap .item i {
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      top: 2.5rem;
      right: 0;
      background-image: url("../images/other/icon-3.png");
      transition: all .3s ease; }
    .sitemap-wrap .item span, .sitemap-wrap .item p {
      display: block;
      font-size: max(14px, 1rem);
      color: #808080; }
    .sitemap-wrap .item .tit {
      margin: 1.5rem 0;
      font-size: max(16px, 1.25rem);
      color: #353844;
      transition: color .3s ease; }
    @media (any-hover: hover) {
      .sitemap-wrap .item:hover:after {
        transform: scaleX(1);
        transition: transform .5s linear; }
      .sitemap-wrap .item:hover i {
        background-image: url("../images/other/icon-4.png"); }
      .sitemap-wrap .item:hover .tit {
        color: #d8281d; } }