body {
    min-width: 320px;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
/* 头部 */
.header-top{
    display: flex;
    /* flex-direction: column; */
    justify-content: end;
    align-items: center;
}
.top-link{
    margin-top: 20px;
}
.top-link a{
    font-size: 14px;
    color: #fff;
    margin-left: 50px;
    position: relative;
}
.top-link a:last-child::before{
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #fff;
    top: 2px;
    left: -25px;
}
.i-search{width: 230px;height: 34px;overflow: hidden;position: relative;margin:17px 0 0 18px;float: right;background: #ffffff;border-radius: 12px;}
.i-search .search-txt{border: #fff 1px solid;/* border-radius: 45px; */width: 194px;padding-left: 10px;height: 33px;line-height: 33px;color: #757575;background: none;outline: none}
.i-search .search-btn{width: 50px;height: 36px;line-height: 36px;font-size: 16px;border: none;background: url("../images/ico_search.png") center no-repeat #fff;cursor: pointer;position: absolute;right: 0;}
.i-search .search-btn:hover{cursor: pointer;background: url("../images/ico_search.png") center no-repeat #fff;}
.head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-top: 27px;
    background-image: url(../images/bg.png);
}

.head .logo {
    float: left;
}

.head .head_right {
    float: right;
    text-align: right;
    width: 985px;
}

.head .head_right .search {
    display: inline-block;
    position: relative;
    width: 292px;
    height: 35px;
    color: #fff;
    background-color: #9a1e14;
    box-sizing: border-box;
    border: 1px solid #af3d33;
}

.head .head_right .search .text {
    box-sizing: border-box;
    width: 255px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    padding: 0 10px 0 11px;
    background: transparent;
    margin-right: 35px;
    overflow: hidden;
}

.head .head_right .sousuo {
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 15px;
    cursor: pointer;
}

.nav {
    margin-top: 19px;
}

.head .nav>ul>li {
    position: relative;
    float: left;
    margin-left: 47px;
    padding-bottom: 35px;
    text-align: center;
}

.head .nav>ul>li>a {
    display: block;
    font-size: 20px;
    color: #f1e0df;
}

.nav>ul>li:hover {
    font-weight: bold;
}

.head .nav>ul>li ul::before {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
}

.head .nav>ul>li ul {
    position: absolute;
    top: 50px;
    width: 129px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow: 0 3px 3px #999;
    display: none;
    z-index: 999;
}

.head .nav ul>li:hover ul {
    display: block;
}

.head .nav>ul>li ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 15px;
    text-align: center;
    border-bottom: 1px solid #ebe5e5;
}

.head .nav>ul>li ul li a {
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.head .nav>ul>li ul li:hover {
    background-color: #c11c1c;
}

.head .nav>ul>li ul li:hover a {
    color: #fff;
}


/* 移动端 */

.wap {
    display: none;
}

.wap-menu {
    position: fixed;
    top: 15px;
    right: 10px;
    z-index: 99999;
    font-size: 0;
}

.wap-menu img {
    height: 25px;
}

.close-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}


/* 底部 */


/* footer */

.footer {
    width: 100%;
    background-color: #f3eadd;
}

.footer .top {
    top: 0;
    box-sizing: border-box;
    /* background-color: #985f5f; */
}

.footer .top h4 {
    display: inline;
    font-size: 18px;
    color: #111;
    line-height: 21px;
    padding-right: 23px;
}

.footer .top a {
    display: inline-block;
    font-size: 18px;
    color: #988138;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 22px;
}

.footer .top a:hover {
    color: #ab251a;
}

.footer .top span {
    font-size: 18px;
    color: #584242;
    padding-left: 32px;
    padding-right: 33px;
}

.footer .bottom {
    width: 100%;
    padding: 0.2rem 0;
    /* height: 346px; */
    background-image: url(../images/bg.png);
}

html{
    font-size: 100px;
}
.flex{display: flex;flex-wrap: wrap;}

.foot-b{justify-content: space-between;align-items: center;}
footer .fot-2 .p{margin-bottom: .25rem;}
.foot-b .fot-1{width: 472px;padding: 0 30px 0 30px;}
.foot-b .fot-3{width: 27%;text-align: left;}
.foot-b .fot-4{width: 20%;}
.foot-b a{color: #edb3b3;display:inline-block;}
.foot-b .fot-1 .img{margin-bottom: 0.2rem;text-align: center;}
.foot-b .fot-1 .img img{width: 100%; max-width: 495px;}
.foot-b .fot-1 p{text-align: center;}
.foot-b .p{margin-bottom: 0.15rem;}
.select{width: 75%;position: relative;/* margin: 0 auto 0rem; */padding-left: .25rem;cursor: pointer;margin-bottom: .25rem;}
.select:last-child{margin-bottom:0;}
.select h2{font-size: 0.16rem;height: 0.45rem;align-items: center;padding: 0 .15rem;justify-content: space-between;border: 1px solid rgba(255,255,255,.5);}
.select h2 p{color: #fff;white-space: nowrap;}
.select ul{background: #efcdcd;/* height: 2rem; */position: absolute;width: auto;left: .25rem;right: 0;padding: .15rem 0rem;/* border-top: 1px solid #eee; */z-index: 5;bottom: 100%;display: none;overflow-y: auto;}
.select li{font-size: 0.16rem;line-height: 0.32rem;color: #333;transition:0.5s;padding: 0 .15rem;}
.select h2 img{width: 0.14rem;}
.select li:hover{color:#fff;background: #952525;}
.select li:hover a{color:#fff}
.select a{color: #333;font-weight: normal;display: block;}
.select a:hover{color: #fff;}
.select h2 img.on{transform: rotate(-180deg);}
.foot-b p{font-size: 16px;color: #edb3b3;line-height: 28px;}
.foot-b .fot-3 p{/* text-align: center; */line-height: 39px;}
.ul-iconsb1{align-items:center;}
.ul-iconsb1 li{margin-left:0.1rem;}
.ul-iconsb1 .con{position:relative;cursor:pointer;}
.ul-iconsb1 .con:hover .qrbox{opacity:1;visibility:visible}
.ul-iconsb1 .icon{width:0.48rem;height:0.48rem;border-radius:50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;/* background: #dae1e9; */transition: 0.5s;border: 1px solid rgba(255,255,255,.5);}
.ul-iconsb1 .icon img{max-width:0.32rem;max-height: .27rem;}
.ul-iconsb1 .icon .ico2{display: none;}
.ul-iconsb1 .qrbox{bottom: 100%;/* transform:translateX(-50%); *//* padding-top:.2rem; */opacity:0;visibility:hidden;margin-bottom: 0.15rem;transition: 0.5s;position: absolute;width: auto;z-index: 10;right: 0;}
.ul-iconsb1 .qrbox .qr{border-radius:0.03rem;display: flex;padding: 0.1rem;background: #fff;text-align: center;border-radius: .1rem;}
.ul-iconsb1 .qrbox::before{content:"";/* width:0; */border-left:.08rem solid transparent;border-right:.08rem solid transparent;border-bottom:.1rem solid #fff;bottom: -0.1rem;right: .2rem;transform: rotate(180deg);position: absolute;}
.ul-iconsb1 .qrbox .qr img{margin: 0 5px;width:1rem;}
.ul-iconsb1 .qrbox .p{font-size: 0.14rem;overflow:hidden;text-align: center;margin-top: .1rem;color: #666;line-height: 1.5;}