/* 页面初始化 */
*{
    box-sizing: border-box;
    font-family:Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
  }
  *, *:before, *:after { max-height: 100000px }
  body,dl,dd,h1,h2,h3,h4,h5,h6,p,form {
    margin: 0;
  }
  ul,ol,li {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  h1, h2, h3, h4, h5, h6, b, i {
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
  }
  img {
    font-size: 0;
    border: 0;
  }
  a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    cursor:pointer;
  }
  input, select, textarea, button, option {
    outline: none;
    background: none;
  }
  select {
    appearance:none; 
    -webkit-appearance:none;
  }
  ::-webkit-scrollbar{ 
    display: none;
    background: transparent;
  }
  input{
      /* border:1px solid black; */
      border-style: none;
      background: white;
  }


.wrapper{
    position: relative;
    overflow: hidden;
    width:100%;
    background: #F5F5F5;
}
/* 顶部logo-bar */
.wrapper .navigator{
    /* background-image:url('../image/navBgBar.png'); */
    background-color: #A52C27;
    background-size: auto 100%;
    position: relative;
}
/* .wrapper .navigator::after{
    display: block;
    content:'';
    position: absolute;
    right: 0;
    top: 0;
    height: 112px;
    width: 371px;
    background-image:url('../image/nav-right.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index:50;
}
.wrapper .navigator::before{
    display: block;
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    height: 112px;
    width: 371px;
    background-image:url('../image/nav-left.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index:50;
} */

.top-bar-wrap{
    width:100%;
    height:112px;
    display:flex;
    justify-content: center;
}
.top-bar-wrap .container{
    width:100%;
    max-width:1380px;
    display: flex;
    align-items: center;
    position:relative;
    justify-content: space-between;
}
/* .top-bar-wrap .container:after{
    content:'';
    display: block;
    position:absolute;
    top:0;
    right:210px;
    background-image:url('../image/house.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    width:250px;
    height:112px;
} */

.top-bar-wrap .container .logo{
    float:left;
    position: relative;
    z-index:800;
}
.top-bar-wrap .container .logo img{
    height:65px;
}
.top-bar-wrap .container .changes{
    position: absolute;
    top:12px;
    right:50px;
    /* position: relative; */
    z-index: 900;
}
.top-bar-wrap .container .changes a{
    color: white;
    margin-right: 15px;
}
.top-bar-wrap .container .search{
    position: relative;
    z-index: 900;
    /* transition:all 500ms linear; */
    float: right;
    border-radius:5px;
    margin-top: 25px;
    padding: 4px 5px 4px 5px;
    background : #A52C27;
    display:flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
}
.top-bar-wrap .container .search input{
    box-sizing: border-box;
    width:200px;
    border-radius:5px;
    padding:5px 10px 5px 10px;
    height:26px;
    /* flex: 1; */
}
.top-bar-wrap .container .search .search-icon{
    box-sizing: border-box;
    /* position: absolute; */
    /* right: 6px; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    margin-left: 5px;
    width:20px;
    height: 20px;
    background-size: 20px;
    background-color: #A52C27;
    background-image:url('../image/search-white.png');
    background-repeat: no-repeat;
}
/* .top-bar-wrap .container .search::after{
    content:'';
    display:block;
    background-image: url('../image/search-red.png');
    background-repeat: no-repeat;
    width:18px;
    height:18px;
    background-size: 18px;
    position: absolute;
    right:6px;
    top:5px;
    z-index:999;
} */
.top-bar-wrap .conotainer::after{
    content:'';
    display: block;
    clear: both;
}

/* 移动端top-bar */
.top-bar-wrap .container .mini-search{
    float: right;
    display: none;
}
.top-bar-wrap .container .mini-search img{
    height:20px;
    margin-right:4px;
}
.top-bar-wrap .container .mini-search .menu-icon{
    width:30px;
    height:auto;
    
}
.top-bar-wrap .container .mini-search a{
    color: #F5DFDF;
    font-size: 20px;
    margin-right: 4px;
    position : relative;
    top: -1px;
}
@media screen and (max-width:1200px){
    .top-bar-wrap .container{
        padding:0 20px;
    }
}
@media screen and (max-width:600px){
    .wrapper .navigator::after,
    .wrapper .navigator::before{
        display: none;
    }
    .top-bar-wrap .container:after{
        display: none;
    }

    .top-bar-wrap{
        height:90px;
    }
    .top-bar-wrap .container{
        padding: 0 10px;
    }
    .top-bar-wrap .container .changes{
        display:none;
    }
    .top-bar-wrap .container .search{
        box-sizing: border-box;
        width:90%;
        position: absolute;
        float: right;
        bottom:10px;
        left:0px;
        right: 0;
        margin: 0 auto;
        display:none;
    }
    .top-bar-wrap .container .search input{
        width: 100%;
    }
    .top-bar-wrap .container .search::after{
        display: none;
    }
    .top-bar-wrap .container .mini-search{
        display: block;
        /* margin-top: -35px; */
    }
    .top-bar-wrap .container .logo{
        /* margin-top: -35px; */
    }
    .top-bar-wrap .container .logo img{
        height:53px;
    }
    
}



/* 导航栏部分 */
.nav-wrap{
    width:100%;
    height:38px;
    display:flex;
    justify-content: center;
    position: relative;
    /* z-index:100; */
}
.nav-wrap .nav-list{
    max-width:1380px;
    width:100%;
    display:flex;
    justify-content: space-between;

}
.nav-wrap .nav-list .nav-itme{
    box-sizing: border-box;
    flex:1;
    text-align: center;
    line-height:38px;
    font-size:16px;
    /* font-weight:600; */
}
.nav-wrap .nav-list .nav-itme .pull{
    min-width:100%;
    /* background: rgba(255,255,255,0.8); */
    color:#A52C27;
    /* padding:0 5px; */
    display: block;
    font-size:14px;
    font-weight:500;
    position: relative;
    z-index:-1;
    opacity: 0;
}
.nav-wrap .nav-list .nav-itme .pull li>a{
    color:white;
}
.nav-wrap .nav-list .nav-itme .pull li:hover a{
    color:#A52C27;
}

.nav-wrap .nav-list .nav-itme .pull li{
    margin-top: 1px;
    cursor: pointer;
    background: #A52C27;
    white-space: nowrap;
    color: white;
    height:32px;
    line-height: 32px;
    opacity:0.2;
    transform: rotateY(-90deg) rotateZ(-30deg);
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(1){
    transition:transform 400ms ease-in-out 0s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(2){
    transition:transform 400ms ease-in-out 0.05s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(3){
    transition:transform 400ms ease-in-out 0.1s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(4){
    transition:transform 400ms ease-in-out 0.15s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(5){
    transition:transform 400ms ease-in-out 0.2s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(6){
    transition:transform 400ms ease-in-out 0.25s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(7){
    transition:transform 400ms ease-in-out 0.3s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(8){
    transition:transform 400ms ease-in-out 0.35s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(9){
    transition:transform 400ms ease-in-out 0.4s;
}
.nav-wrap .nav-list .nav-itme .pull li:nth-child(10){
    transition:transform 400ms ease-in-out 0.45s;
}

.nav-wrap .nav-list .nav-itme .pull li:first-child{
    margin-top: 0px;
}
.nav-wrap .nav-list .nav-itme .pull li:hover{
    background: white;
}
.nav-wrap .nav-list .nav-itme:hover{
    color:white;
    background:#A52C27;
}
.nav-wrap .nav-list .nav-itme:hover >.pull{
    display: block;
    z-index:900;
    opacity:1;
}
.nav-wrap .nav-list .nav-itme:hover >.pull li{
    opacity:0.9;
    transform: rotateY(0deg) rotateZ(0deg);
}
.nav-wrap .nav-list .nav-itme span>a{
    color:white;
}
.nav-wrap .nav-list .nav-itme:hover{
    background:#833332;
}

/* 处理移动端导航栏 */
.mini-nav{
    display:none;
}
@media screen and (max-width:600px){
    .nav-wrap{
        display: none;
    }
    .mini-nav{
        display: none;
        position: absolute;
        right: 0;
        top: 90px;
        background:rgba(0,0,0,0.6);
        z-index:999;
        font-size:14px;
        color:white;
    }
    .mini-nav ul li a{
        color:white;
    }

.mini-nav ul li{
padding:6px 20px;
min-width: 110px;
}
.mini-nav-box>li a{
display: block;
}
.mini-nav-box>li ul{
display: none;
}
.mini-nav-box .active>ul{
display: block;
}
}














/* 底部地址栏部分 */
.address-wrap{
    width:100%;
    display: flex;
    justify-content:center;
    /* background: #A52C27; */
    height:186px;
    position: relative;
    overflow: hidden;
    color: white;
    /* background-image:url('../image/address-bg.jpg'); */
    background-color:#A52C27;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .address-wrap::before{
    content:'';
    display: block;
    background-image:url('../image/address-house.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    width:40%;
    height:100%;
    top:0;
    left:50%;
    transform: translateX(-50%);
} */
.address-wrap .address-house{
    position:absolute;
    left:50%;
    bottom: 0;
    transform: translate(-50%,0);
    height: 90%;
}
.address-wrap .container{
    width:100%;
    max-width:1380px;
    min-width:900px;
    display: flex;
    position:relative;
    align-items:center;
    justify-content: space-around;
}
.address-wrap .container .logo{
    width:330px;
}
.address-wrap .container .logo img{
    width:100%;
}
.address-wrap .container  .info{
    display: flex;
    align-items: center;
    vertical-align: middle;
    font-size: 0;
}
.address-wrap .container .detail{
    font-size:14px;
    line-height:25px;
    margin-left : 15px;
}
.address-wrap .container .detail div{
    /* text-align: center; */
}
.address-wrap .container>div{
    position: relative;
    z-index:990;
}
.address-wrap .container .QRcodes{
    display: flex;
}
.address-wrap .container .QRcodes .QR{
    /* vertical-align:top; */
    margin-left: 15px;
    font-size: 14px;
}
.address-wrap .container .QRcodes .QR>img{
    width:90px;
    height:90px;

}
.address-wrap .container .QRcodes .QR .offset-img{
    position: relative;
    top: -1px;
}

.address-wrap .container .QRcodes .QR>div{
    text-align: center;
    width: 100%;
}

/* 移动端address区域 */
@media screen and (max-width:1200px){
    .address-wrap .container{
        padding: 0px 20px;
    }
}
@media screen and (max-width:600px){
    .address-wrap{
        height:auto;
        padding: 20px 10px;
    }
    .address-wrap .container{
        min-width:auto;
        flex-direction: column;
        align-items: center;
    }

    .address-wrap .container .logo{
        display: none;
    }
    .address-wrap .container .detail>div{
        text-align: center;
    }
    .address-wrap .container .detail{
        margin-bottom:15px;
        font-size:13px;
        margin-top:0;
        margin-left : 0px;
    }
    .address-wrap .container .QRcodes .QR{
        display: none;
    }

    .address-wrap::before{
        content:'';
        display: inline-block;
        background-image:url('../image/logo-bottom.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 0 188px; 
        position: absolute;
        width:70%;
        height:auto;
        bottom:0;
        left:50%;
        transform: translateX(-50%);
    }
}

.content-wrap .container .inform-wrap .inform-items ul .item .info-detail>a:hover{
    /* text-decoration:underline; */
    color:#A52C27;
    cursor:pointer;
}

.content-wrap .container .news-wrap .news-items > ul > li .title:hover{
    /* text-decoration:underline; */
    color:#A52C27;
    cursor:pointer;
}


.bottom-search{
    position: relative;
    z-index: 900;
    /* transition:all 500ms linear; */
    float: right;
    /* border-radius:5px; */
    padding: 8px 5px 8px 5px;
    background : rgb(185,50,44);
    background: white;
    display:flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 15% 15px 15%;
    display: none;
}
.bottom-search .type-input{
    box-sizing: border-box;
    width:calc(100% - 30px);
    border-radius:5px;
    padding:5px 10px 5px 10px;
    height:26px;
    border:1px solid #A52C27;
    /* flex: 1; */

}
.bottom-search .search-icon{
    /* margin-top:5px; */
    box-sizing: border-box;
    /* position: absolute; */
    /* right: 6px; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-color: rgb(185,50,44);
    background-color: white;
    background-image:url('../image/search-red.png');
    background-repeat: no-repeat;
    /* background-position: 10px 0 0 0; */
    position: relative;
    top:3px;
}

@media screen and (max-width:600px){
    .bottom-search{
        display: block;
    }
}