/*
 * @Description: 
 * @fileName: 
 * @Author: caochen
 * @Date: 2020-07-15 10:39:25
 */
@font-face{
    font-family: 'my-songti';
    src: url('../fonts/SourceHanSerifSC-Bold.otf');
}
 p,div,ul,ol,li{
    margin-bottom:0;
    margin:0 0 0;
 }
.home_top{
    width:100%;
    padding:0 1.67%;
    box-sizing: border-box;
    background-color:#fff;
    border-bottom:1px solid #e5e5e5;
}
.home_top.fixed{
    position: fixed;
    width:100%;
    top:0;
    left:0;
    z-index: 100;
}
.home_top_left{
    width:243px;
    display:inline-block;
    margin:12px 0;
}
.home_top_left a{
    display:block;
}
.home_top_nav{
    position: relative;
    width:84%;
    float:right;
    height:100%;
    
}
.home_nav_list{
    margin-left:10%;
    display: flex;
    align-items: stretch;
    height: 100%;
    list-style: none;
}
.home_nav_list a{
    color:#333;
    font-size:18px !important;
    display:block;
}
.home_nav_list>li{
    display: flex;
    align-items: stretch;
    position: relative;
    height: 100%;
}
.home_nav_list>li >a{
    padding: 0 25px;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
}

.home_nav_list>li:hover>a,.home_nav_list>li.on>a{
    color:#b59868;
    font-weight:bold;
}
.home_nav_list>li>a:after,.home_nav_list>li>a:after{
    content:'';
    width:0px;
    height:3px;
    display:inline-block;
    position:absolute;
    top: auto;
    bottom: 0;
    left:0;
    right:0;
    margin:auto;
    background-color:#b59868;
    transition: all 0.5s;
}


.home_nav_lists{
    position:absolute;
    top: 100%;
    /* 以当前导航按钮（li 已设 position:relative）为中心左右居中 */
    left:50%;
    transform: translateX(-50%);
    background-color:#fff;
    z-index:12;
    display:none;
    overflow: hidden;
    width: 200px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.home_nav_lists li{
    /* position: relative; */
    white-space:nowrap;
}
.home_nav_lists>li a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0px 10px;
    height:40px;
    color:#333;
    font-size:15px;
    box-sizing: border-box;
    background-color:#ffffff;
    text-align: center;
}

.home_nav_lists>li>a:hover{
    color:#ffffff;
    font-weight: bold;
    background: #0066ff;
}
.home_nav_lists>li>a span{
    display:inline-block;
    vertical-align: middle;
    /* 固定宽度并两端对齐：3字/4字菜单项逐字撑满同一宽度，视觉等宽
       必须允许换行（覆盖 li 的 nowrap），否则 CJK 没有断行点、justify 不生效 */
    width:140px;
    white-space:normal;
    word-break:break-all;
    text-align:justify;
    text-align-last:justify;
}
.home_nav_lists>li>a i{
    width:10px;
    height:18px;
    display:inline-block;
    vertical-align: middle;
    background:url(../images/home_icon10.png) center center no-repeat;
    background-size:100% 100%;
}
.home_nav_lists>li:hover>a i{
    background: url(../images/home_icon9.png) center center no-repeat;
    background-size:100% 100%;
}
.home_nav_liss{
    position: absolute;
    top:0;
    left:100%;
    display:none;
    background-color:#fff;
}
.home_nav_liss> li a{
    background-color:transparent;
}
.home_nav_liss> li:hover a{
    color:#b59868;
}



.home_top_right{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    height:auto;
    display:flex;
    align-items:center;
}
.home_top_right a{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    color:#333;
    padding:0 25px;
}
.home_top_right a img{
    margin-right:8px;
}
.home_top_right a:hover{
    color:#b59868;
}
.home_top_link1{
    border-right:none;
}

.home_search{
    background-color:#fff;
    width:100%;
    position:fixed;
    top:75px;
    left:0;
    height:auto;
    z-index:100;
    display:none;
    padding: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 }
 .home_search_con{
    background-color:#fff;
    padding:0 5%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    max-width: 600px;
 }
 .home_search_tit{
    font-size:30px;
    color:#333;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
 }
 .home_search_tit span{
    letter-spacing:15px;
 }
 .home_search_tit i{
    font-style:normal;
    color:#999;
    cursor: pointer;
    font-size:24px;
 }
 .home_search_input{
    width:100%;
    margin:0;
    position: relative;
    display: flex;
    align-items: center;
 }
 .home_mobileSearch_inputs{
     border: none;
     border-bottom:1px solid #333;
     width:100%;
     padding:10px 0;
     color:#333;
     font-size: 16px;
     outline: none;
 }
 .home_mobileSearch_inputs::placeholder{
     color: #999;
 }
 .search_icon{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    cursor: pointer;
    width: 24px;
    height: 24px;
 }
 .home_top_mobile{
     z-index:800;
 }
/* pc端 头部 end */
/* 底部 start */
.home_footer{
    background-color:#3f3f3f;
}
.home_footer_con{
    background:url(../images/home_footer.jpg) left top no-repeat;
    background-size:100% 100%;
    border-bottom:0;
    position:static;
}
.home_footer_con.fixed,.home_footer_bottom.fixed{
    position:static;
}
.home_footer_content{
    padding:50px 0;
    overflow: hidden;
}
.home_footer_bottom{
    background-color:#3f3f3f;
    border-bottom:0;
}
.home_footer_left{
    width:25%;
    float: left;
}
.home_footer_middle{
    width:75%;
    float: left;
    padding-left:4%;
    box-sizing: border-box;
    overflow: hidden;
}
.home_footer_left_logo{
    display:block;
}
.home_footer_left_logo a{
    display:inline-block;
    padding-bottom:35px;
    border-bottom:1px solid #7f7f7f;
}
.home_footer_p1{
    font-size:16px;
    color:#fff;
    margin-top:15px;
}
.home_footer_p1 a{
    color:#fff;
}
.home_footer_p1 a:hover{
    color:#fff;
}
.home_tel{
    font-family: myFont;
}
.home_footer_left1{
    margin-top:35px;
}
.home_footer_middle1{
    float: left;
    width:30%;
}
.home_footer_middle2{
    /*width:50%;*/
    width:25%;
}
.home_footer_middle3{
    width:20%;
}
.home_footer_p2{
    color:#fff;
    font-size:24px;
    margin-bottom:35px;
}
.home_footer_list li{
    display:inline-block;
    vertical-align:top;
    width:120px;
    margin-bottom:15px;
}
.home_footer_list li a{
    color:#bebebe;
    font-size:16px;
    display:block;
    white-space:nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis; 
    overflow: hidden; 
}
.home_footer_list li:hover a{
    color:#fff;
}
.home_footer_lists li{
    /*width:235px;*/
    display: block;
}
.home_footer_middle3_link{
    display:inline-block;
    padding:15px 30px;
    font-size:16px;
    color:#fff;
    border:1px solid #fff;
    width:200px;
    margin-top:30px;
}
.home_footer_middle3_link:hover{
    color:#fff;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.home_footer_middle3_link img{
    margin-right:5px;
}
.home_footer_bottom{
    font-size:16px;
    color:#fff;
    padding-top:15px;
    padding-bottom:15px;
    position: relative;
}
.home_footer_bottom_p1{
    position:absolute;
    right:5%;
    top:15px;
}
.home_footer_bottom_p1 a{
    color:#fff;
    display:inline-block;
    margin-left:45px;
    position: relative;
}
.home_footer_bottom_p1 a img{
    margin-right:8px;
}
.home_footer_bottom_p1 a:hover .home_ewm{
    display:block;
    /* opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); */
}
.home_ewm{
    position:absolute;
    width:100px;
    height:120px;
    top:-115px;
    left:0;
    display:none;
    padding-bottom:20px;
    z-index:15;
}
.home_ewm img{
    width:100px;
    height:100px;
}

/* 面包屑导航 start  longhaiyan */
.bd_whole_top {
    width: 100%;
    background: #f8f8f8;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}
.bd_whole_top_white{background-color:#fff;}
.breadcrumb_navigation {
   /* width: 1200px; */
   padding:20px 0px;
   margin:0px auto;
   display: flex;
   align-items: center;
   font-size: 16px;
   color: #999999;
}

.breadcrumb_navigation a ,.breadcrumb_navigation span{
   font-size: 16px;
   color: #999999;
}

.firsta {
   display: flex;
   /* justify-content: ; */
   align-items: center;
}

.next_ico {
   margin: 0px 5px;
}

.breadcrumb_navigation a:hover {
   color: #b59868;

}

.home_icon {
   width: 20px;
   height: 20px;
   margin-right: 10px;
}

/* 面包屑导航 end */

/* 分页 start */
.pages {
    text-align: center;
    margin: 40px 0;
 }
 
 /* 清除默认效果 */
 .pages a {
    text-decoration: none;
 }
 
 
 .pages a .change_page {
    width: 42px;
    height: 42px;
 }
 
 .pre_red, .next_red {
    display: none;
 }
 
 /* 静态样式 */
 .staticEffect a{
    background: #e6e6e6;
    color: #999;
    border: 1px solid transparent;
 }
 
 /* 鼠标经过 */
 .hoverEffect a:hover{
    background: #b59868;
    color: #fff;
    border: 1px solid transparent;
 }
 
 /* 基础样式 */
 .pages a {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    width: 34px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    line-height: 34px;
 }
 
 .pages a.prev, .pages a.next {
    font-size: 18px;
 }
 
 /* 选中样式 */
 .pages a.on  {
    background: #b59868;
    color: #fff;
 }
 
 /* 分页 end */

.return_home{
    position: fixed;
    top:70%;
    right:35px;
    background:#fff;
    box-shadow: 0px 4px 16px 0px rgba(115, 132, 147, 0.17);
    z-index:20;
}
.return_home a{
    display:block;
    text-align:center;
    padding:10px;
    color:#c0a77f;
    font-size: 16px;
}
.return_home span{
    width:30px;
    height:28px;
    position:relative;
    display: inline-block;
    margin-bottom:5px;
}
.return_home02{
    display:none;
}
.return_home span img{
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
}
.return_home:hover{
    background:#c0a77f;
}
.return_home:hover .return_home02{
    display: inline-block;
}
.return_home:hover .return_home01{
    display: none;
}
.return_home:hover a{
    color:#fff;
}



    .home_nav_list>li:hover>a:after,.home_nav_list>li.on>a:after{
        width:20px;
    }
    .home_nav_lists>li:hover .home_nav_liss{
        display:block;
    }
    .home_nav_list>li:hover .home_nav_lists{
        display:block;
    }



