/* 头部 */
.head {
    position: relative;
    width: 100%;
    min-width: 7.8125rem;
    height: 2.3438rem;
    background: url(../images/head_bg.png) center top /10rem auto no-repeat;
    padding: .4167rem 0 0;
    z-index: 99;
}

.theme_head .head_help {
    top: .1rem;
}

.head_help {
    position: absolute;
    right: 0;
    top: -0.3385rem;
    font-size: .1042rem;
    line-height: .2083rem;
    color: #bf000a;
    background: url(../images/head_help.png) left center / auto 100% no-repeat;
    padding-left: .2344rem;
    cursor: pointer;
}

.head_help:hover {
    text-decoration: underline;
}

.head_logo {
    display: block;
    width: 4.4271rem;
    height: .651rem;
    background: url(../images/head_name.png) center center / 100% auto no-repeat;
    margin: 0 auto;
}

.head_middleBox {
    display: flex;
    justify-content: space-between;
    width: 4.9479rem;
    margin: .4167rem auto 0;
}

.head_search {
    position: relative;
    width: 3.75rem;
    height: .2604rem;
    border: 1px solid #d54e3c;
    border-radius: .1302rem;
}

#head_search_input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: .0938rem;
    border-radius: .1302rem;
    padding-left: .1042rem;
    background: rgba(255, 255, 255, .3);
}

#head_search_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: .5208rem;
    height: 100%;
    border-top-right-radius: .1302rem;
    border-bottom-right-radius: .1302rem;
    background: #bf000a url(../images/head_search.png) center center / .1563rem auto no-repeat;
    cursor: pointer;
}

.head_older {
    display: block;
    width: .7813rem;
    height: .2604rem;
    background: url(../images/head_older.png) .1042rem center / auto 50% no-repeat, linear-gradient(to bottom, #bf000a, #ec7e16);
    padding: 0 0 0 .2604rem;
    border-radius: .1302rem;
    font-size: .1042rem;
    line-height: .2604rem;
    color: #fff !important;
}

.head_wx {
    position: relative;
    display: block;
    width: .2604rem;
    height: .2604rem;
    border-radius: 100%;
    background: url(../images/head_wxBg.png) center center / 100% 100% no-repeat;
}

.head_wx i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 60%;
    height: 60%;
    background: url(../images/head_wxLogo.png) center center / 100% auto no-repeat;
}

.head_wx_code {
    display: none;
    position: absolute;
    left: .3125rem;
    top: 50%;
    transform: translateY(-50%);
    width: .5208rem;
    height: .5208rem;
    background-color: #fff;
}

.head_wx_code img {
    width: 100%;
    height: 100%;
}

/* 导航 */
.head_nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .3125rem;
    background-color: #bf000a;
    box-shadow: 0 5px 10px 0 #9e9e9e;
}

.head_nav>ul {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7.5rem;
    height: .4167rem;
    background: #bf000a;
}

.head_nav ul>i {
    position: absolute;
    top: 0;
    content: '';
    width: .2604rem;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.head_nav_L {
    left: -.2604rem;
    background-image: url(../images/head_channel_L.png);
    background-position: right center;
    box-shadow: -0.0052rem 0 .026rem .026rem .0521rem #6e0006;
}

.head_nav_R {
    right: -0.2604rem;
    background-image: url(../images/head_channel_R.png);
    background-position: left center;
    box-shadow: -0.0052rem 0 .026rem .026rem .0521rem #6e0006;
}

.head_nav>ul {
    display: flex;
    justify-content: space-between;
    padding: 0 .3125rem;
}

.head_nav>ul>li {
    /* position: relative; */
    background: url(../images/head_channel_bg.png) -0.2083rem .3125rem / .2083rem auto no-repeat;
    transition: background .3s;
    /* z-index: 999; */
}

.head_nav>ul>li>a {
    font-size: .1146rem;
    color: #fff;
    line-height: .4167rem;
}

.head_nav>ul>li:hover a,
.head_nav>ul>li.hover a {
    font-weight: 800;

}

.head_nav>ul>li.hover a {
    font-size: .1146rem;
}

.head_nav>ul>li:hover,
.head_nav>ul>li.hover {
    background-position: center .3125rem;

}

.head_nav>ul>li:hover .head_nav_child {
    height: .9rem;
    visibility: visible;
    opacity: 1;
}

.head_nav_child {
    display: flex;
    justify-content: space-between;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: .4167rem;
    width: 100vw;
    height: 0rem;
    background-color: #fff;
    z-index: 99989;
    box-shadow: 0rem 0rem .0625rem 0rem #bfbfbf;
    /* border-top: .0156rem solid #EE9640; */
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

.head_nav_child>div:nth-child(1) {
    width: 30%;
    padding: .2083rem 0 0 .1042rem;
    background-color: #f6f4f1;
}

.head_nav_child>div:nth-child(2) {
    width: 70%;
    background-color: #fff;
}

.head_nav_child>div>div {
    float: right;
    width: 1.75rem;
    height: 100%;
}

.head_nav_child>div>div i {
    font-size: .125rem;
    color: #b11314;
    font-weight: 800;
}

.head_nav_child ul {
    float: left;
    width: 5.75rem;
    padding: .1042rem .2083rem;
}

.head_nav_child a {
    padding: 0 .1042rem;
    color: #78665c;
    font-size: .0938rem;
    line-height: .2083rem;
    font-weight: 400 !important;
    text-align: center;
    z-index: 99989;
    white-space: nowrap;
    /* transition:  .3s; */
}

.head_nav_child a:hover {
    color: #bf000a;
}

/* 底部 */
.foot {
    width: 100%;
    height: 2.0833rem;
}

.foot_top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 1.5625rem;
    padding-top: .2083rem;
    background-color: #bf000a;
}

.foot_top .w {
    display: flex;
    justify-content: space-between;
}

.foot_top_L {
    width: 2.8125rem;
    height: 100%;
}

.foot_top_L>div:nth-child(1) {
    width: 100%;
    height: .3646rem;
    background: url(../images/foot_name.png) center center /100% auto no-repeat;
}

.foot_top_L>div:nth-child(2) {
    width: 100%;
    height: .9896rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot_top_L>div:nth-child(2) img {
    display: block;
    width: .5729rem;
    height: .5729rem;
    margin-right: .0521rem;
}

.foot_top_L>div:nth-child(2) p {
    display: flex;
    background: url(../images/wxgzh.png) .0833rem 0 /100% auto no-repeat;
    font-size: .0938rem;
    text-align: center;
    color: #fff;
    flex-direction: column;
    justify-content: center;

}

.foot_top_L>div:nth-child(2) p span:nth-child(1) {
    display: block;
    width: .7031rem;
    height: .2083rem;

}

.foot_top_R {
    width: 4.3229rem;
    height: 100%;
}

.nav6 {
    width: 100%;
    height: .3125rem;
    border-bottom: .0052rem solid #d54e3c;
}

.nav6 .nav_link {
    width: auto;
    height: 100%;
}

.nav6 a {
    display: inline-block;
    margin-right: .2604rem;
    font-size: .1042rem;
    color: #fff !important;
    line-height: .3125rem;
}

.nav6 a.hover {
    border-bottom: .0104rem solid #f4ba82;
}

#foot_top_R ul {
    padding: .1042rem 0;

}

#foot_top_R li {
    float: left;
    margin: 0 .1563rem 0 0
}

#foot_top_R li a {
    display: block;
    font-size: .0938rem;
    line-height: .2083rem;
    color: #fff !important;
}



.foot_bottom {
    width: 100%;
    height: .5208rem;
    background-color: #ac0009;
}

.foot_bottom .w {
    display: flex;
    justify-content: space-evenly;
}

.foot_bottom .w p {
    font-size: .0938rem;
    line-height: .5208rem;
    color: #fff !important;
    cursor: pointer;
}

.foot_bottom .w p a {
    color: #fff !important;
}