@charset "utf-8";


.mh-c {
    margin-top: 0;
}

.jssy {
    padding: 1rem 0;
}

.td-hd {
    position: relative;
}

.td-top {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    padding: .3rem .6rem;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.td-ban img {
    display: block;
    width: 100%;
    min-height: 2rem;
    object-fit: cover;
    min-height: auto \0;
}

.td-r {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.td-hd .nav>ul>li>a {
    color: #ffffff;
}

.td-lk {
    margin-left: .2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.td-lk a {
    font-size: .16rem;
    color: #ffffff;
    border: 1px solid #FFFFFF;
    border-radius: .04rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    line-height: .34rem;
    padding: 0 .1rem;
    margin-left: .15rem;
}

.td-lk a img {
    margin-right: .11rem;
    width: .16rem;
}

.td-lk a:hover {
    background: url(../images/td-lk.png) no-repeat;
    background-size: 100% 100%;
    border-color: transparent;
}


.tm-jsbox {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 13.2rem;
    padding: 0 .2rem;
    width: 100%;
}

.tm-js {
    width: 100%;
    position: relative;
    height: .7rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.tm-js form{
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: .18rem;
}
.tm-js input[type="text"] {
    width: 100%;
    height: 100%;
    background: transparent;
    padding-left: .4rem;
    padding-right: .7rem;
    color: #ffffff;
    font-size: .18rem;
}


.tm-js input[type="text"]::placeholder {
    font-size: .16rem;
    line-height: .36rem;
    color: rgba(255, 255, 255, 0.8);

}

.ser-img {
    position: absolute;
    top: 50%;
    right: .3rem;
    transform: translateY(-50%);
    width: .4rem;
    height: .4rem;
    cursor: pointer;
    background: url(../images/td-ser.png) no-repeat;
    background-size: 100% 100%;
}

.td-data {
    margin-top: .5rem;
}
.td-data>ul{
    overflow:hidden;
}
.td-data>ul li{
    float:left;
}

.td-data ul li a {
    display: block;
    text-align: center;
    padding: 0;
    position: relative;
}

.td-data ul li a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: .01rem;
    height: .75rem;
    opacity: 0.5;
    background: #FFFFFF;
}

.td-data ul li:first-child a::before {
    content: none;
}

.td-data ul li a b {
    font-size: .46rem;
    color: #ffffff;
    margin-right: .05rem;
}

.td-data ul li a span {
    font-size: .16rem;
    color: #ffffff;
}

.td-data ul li a p {
    font-size: .14rem;
    line-height: .24rem;
    color: #FFFFFF;
}

/* sybz */

.sybz {
    padding: 1.6rem 0 1rem;
    min-height: 5rem;
}

.sy-ej {
    display: none;
}

.sybz ul li {
    background: #FFFFFF;
    border: 1px solid rgba(0, 80, 143, 0.2);
    margin-bottom: .12rem;
    padding: 0 .28rem;
    position: relative;
}

.sybz ul li a {
    display: block;
    line-height: .24rem;
    font-size: .14rem;
    font-weight: normal;
    color: #333333;
    padding: .15rem .3rem;
    background: url(../images/Q.png) no-repeat left center;
    background-size: .15rem;

}

.sy-ej {
    border-top: 1px dashed rgba(0, 80, 143, 0.5);
    padding: .15rem 0;
}

.sy-ej p {
    font-size: .14rem;
    line-height: .24rem;
    color: #333333;
    padding: 0 .3rem;
    background: url(../images/A.png) no-repeat left center;
    background-size: .15rem;
    text-align: justify;
}


.sybz ul li span {
    width: .16rem;
    height: .16rem;
    background: url(../images/jia.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: .2rem;
    right: .28rem;
    cursor: pointer;
}
.sybz ul li span.cur {
    background: url(../images/jian.png) no-repeat center center;
    background-size: 100%;
}



































































@media screen and (max-width: 1200px) {
    .pc {
        display: none;
    }

    .td-data {
        margin-top: .3rem;
    }

    .td-data ul li a {
        padding: 0 .1rem;
    }
}



@media screen and (max-width: 768px) {
    .td-data ul li a b {
        font-size: .3rem;
    }

}

@media screen and (max-width: 640px) {
    .tm-jsbox {
        position: static;
        transform: none;
        background-color: #004A99;
        padding: .2rem;
    }

    .ser-img {
        right: .1rem;
    }

    .tm-js input[type="text"] {
        padding-left: .1rem;
    }
}