/* front-layout: page layout structure */
.page-banner {
    position: relative;
    height: 260px;
    overflow: hidden;
    border-radius: 0.8rem;
    margin-bottom: 1rem;
}

.page-banner span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    filter: blur(1px);
}

.page-banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
}

.Banner_dy { overflow: hidden; }
.Banner_dy span { display: none; }
.Banner_dy img { width: 220%; max-width: none; position: relative; left: -65%; }

@media (min-width: 768px) {
    .Banner_dy img { width: 166%; left: -33%; }
}

@media (min-width: 1024px) {
    .Banner_dy span { margin: 0; background-repeat: no-repeat; background-position: top center; height: 250px; display: block; }
    .Banner_dy img { display: none; }
}

.page-banner-overlay {
    position: relative;
    padding: 2rem;
    color: #fff;
    height: 100%;
}

.article-layout::after {
    content: '';
    display: table;
    clear: both;
}

.sidebar-column {
    width: 23%;
    float: left;
    margin-right: 2%;
}

.content-column {
    width: 75%;
    float: left;
}

.content-wrap {
    position: relative;
    z-index: 1;
}

.content-wrap:after {
    content: '';
    display: table;
    clear: both;
}

.w22 { width: 22%; padding-bottom: 4%; }
.w75 { width: 75%; padding-bottom: 4%; }

@media (max-width: 992px) {
    .sidebar-column,
    .content-column {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .w22,
    .w75 {
        width: auto;
        padding-bottom: 2%;
        min-height: 60px;
        float: none;
    }
}

/* header: top bar + main nav */
.top_bar { background: #F3ECE1; }
.top_bar .collect a { color: #7A6B5D; }
.top_bar .collect a:hover { color: #8B5A2B; }
.top_bar_notice dd { float: right; }
.top_bar_notice { border-bottom: 1px solid #E3D7C6; line-height: 24px; padding: 7px 0; }
.top_bar_inner { position: relative; padding-top: 15px; padding-bottom: 15px; }
.top_bar_search { position: absolute; right: 0; top: 50%; margin-top: -18px; }
.top_bar_search > * { float: left; }
.top_bar_search dt { width: 360px; position: relative; border: 1px solid #E3D7C6; border-radius: 3px; overflow: hidden; }
.top_bar_search dt .text { width: 100%; line-height: 44px; height: 44px; padding: 0 36px 0 20px; border: none; color: #8F7E6A; }
.top_bar_search dt .text.focus { font-size: 16px; color: #8B5A2B; }
.top_bar_search dt .btn { position: absolute; right: 0; top: 0; width: 80px; height: 44px; line-height: 44px; text-align: center;
  background: #6F4621;
  color: #fff;
  border: none; }
.main_nav_wrap { background: #8B5A2B; }
.main_nav_menu ul { border-right: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(0,0,0,.1); }
.main_nav_menu li em { border-left: 1px solid rgba(255,255,255,.15); border-right: 1px solid rgba(0,0,0,.1); }
.main_nav_menu li a { color: #fff; }
.main_nav_menu li em a { display: inline-block; line-height: 50px; font-size: 16px; }
.main_nav_menu li.aon em a { color: #fff; }
.main_nav_menu li.home em a { padding-left: 28px; background: url(../images/icon_home.png) no-repeat left center; }
.main_nav_menu li .main_nav_sub { background: none; padding-top: 6px; width: 140px; left: 50%; margin-left: -70px; }
.main_nav_menu li .main_nav_submenu { position: relative; background: #8B5A2B; padding: 5px 15px; }
.main_nav_menu li .main_nav_submenu::before { position: absolute; content: ''; border: 5px solid transparent; border-bottom-color: #8B5A2B; left: 50%; margin-left: -2.5px; top: -10px; }
.main_nav_menu li .main_nav_sub dt a { border-bottom: 1px dotted rgba(255,255,255,0.35); text-align: center; }
.main_nav_menu li .main_nav_sub dt:last-child a { border-bottom: 0; }
.main_nav_menu li .main_nav_sub dt a:hover { background: none; text-decoration: underline; }
.top_bar_search .search-btn{display: none;}

@media(max-width:1200px) {
.top_bar_search { right: 2%; }
}

@media(max-width:1024px) {
.top_bar { position: relative; z-index: 100; }
.top_bar_search dd .bdsharebuttonbox a { margin-left: 10px; }
.top_bar_inner { padding: 15px 2%; }
.top_bar #open_menu { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #E3D7C6; margin-left: 10px; position: relative; }
.top_bar #open_menu i, .top_bar #open_menu i::before, .top_bar #open_menu i::after { background: #8B5A2B; }
.top_bar #open_menu i { width: 60%; left: 20%; height: 3px; margin-top: -1.5px; }
.top_bar #header-menu { display: none; position: absolute; right: 0; opacity: 0; top: -100%; transform: translateY(-100%); width: 60%; max-width: 240px; z-index: 100; background: #8B5A2B; transition: ease-out 0.3s; }
.top_bar #header-menu.header-menu-show { display: block; opacity: 1; top: 100%; transform: translateY(0); }
.top_bar #header-menu li.has-sub em .op { display: block; }
.top_bar #header-menu li a { padding-left: 30px !important; }
}

@media(max-width:768px) {
.top_bar .logo { padding-right: 50%; }

.top_bar .top_bar_search .search-btn img{
    width: 25px;
}
.top_bar .top_bar_search .search-btn{
    display: block;
    margin: 5px 10px 0 0;
}
.top_bar .top_bar_search dt{
    position: absolute;
    top: 70px;
    left: -275px;
    display: none;
}
}

@media(max-width:480px) {
    .top_bar .top_bar_search dt{
        top: 60px;
    left: -220px;
    width: 300px;
    }
}

/* header nav responsive */
.main_nav_menu li.aon em > a{ color:#E8D2B3; }
.main_nav_menu li em{ display:block; font-style:normal; text-align:center; }
.main_nav_menu li em a{ display:block; }
.main_nav_menu li .main_nav_sub dt{ line-height:40px; }
.main_nav_menu li .main_nav_sub dt a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px; }
.main_nav_menu li .main_nav_sub dt a:hover{ background:#6F4621; color:#fff; }
.main_nav_menu .sub-has-sub dl{ display:none; }

@media(min-width:1025px){
#header-menu{ display:none; }
.relative{ position:relative; z-index:100; }
.main_nav_menu li{ float:left; }
.main_nav_menu li .main_nav_sub{ position:absolute; }
.main_nav_menu li .main_nav_sub{ opacity:0; overflow:hidden; }
.main_nav_menu li.aon .main_nav_sub{ opacity:1; }

.no-fullbground .sub{ background-color:rgba(255,255,255,0.9); }
.no-fullbground .sub-left{ left:0; }
.no-fullbground .sub-right{ right:0; }
.sub-horizontal .sub .sub-menu > dl{ float:left; }
.sub-horizontal .sub-right >dl{ float:right; }
.sub-horizontal .sub-menu >dl dt{ float:left; }
.sub-horizontal .sub-right .sub-menu >dl{ text-align:right; float:right; }
.sub-horizontal .sub-right .sub-menu >dl dt{ float:none; display:inline-block; }

.sub-vertical .has-sub{ position:relative; z-index:100; }
.sub-vertical .sub{ background-color:rgba(255,255,255,0.9); left:0; width:100%; }
.sub-vertical .sub-row-2{ width:200%; }
.sub-vertical .sub-row-3{ width:300%; }
.sub-vertical .sub-row-2 .sub-menu dt{ float:left; width:50%; }
.sub-vertical .sub-row-3 .sub-menu dt{ float:left; width:33.3333333%; }
.sub-vertical .sub-has-sub{ position:relative; }
.sub-vertical .sub-has-sub dl{ background-color:rgba(255,255,255,0.9); position:absolute; left:100%; top:0; width:100%; }
.sub-vertical dt.aon > a{ background:#6F4621; color:#fff; }
.sub-vertical .sub-position-right{ left:auto; right:0; }
.sub-vertical .sub-position-right .sub-has-sub dl{ left:auto; right:100%; }

.sub-txt-img .sub{ width:300%; }
.sub-txt-img .sub-intro{ padding:5px; overflow:hidden; }
.sub-txt-img .sub-intro .sub-left{ float:left; width:40%; }
.sub-txt-img .sub-intro .sub-right{ float:right; width:56%; }
.sub-txt-img .sub-img img{ display:block; width:100%; }
.sub-txt-img .sub-txt{ font-size:12px; line-height:24px; }

.fullbground .sub{}
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left; }
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%; background-color:rgba(255,255,255,0.9); }
.sub-slideDown .sub-menu-layer{ display:none; }
}

@media(max-width:1024px){
.header-menu{ display:none; }
.Public_nav_style #header-menu,
.Public_nav_style #header-menu ul{ position:fixed; top:0; height:100%; z-index:100; right:-100%; opacity:0; transition:opacity 0.3s; }
.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
.Public_nav_style #header-menu ul{ width:60%; max-width:280px; background:rgba(139, 90, 43, 0.92); height:100%; max-height:100%; overflow:auto; padding:50px 2% 0; transition:0.3s; }
.Public_nav_style #header-menu.header-menu-show,
.Public_nav_style #header-menu.header-menu-show ul{ right:0; opacity:1; }
#header-menu li .sub{ display:none; }
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.3); }
#header-menu li a{ display:block; }
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px; }
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0; }
#header-menu li a:hover,
#header-menu li a{ color:#fff; }
#header-menu li.has-sub em{ position:relative; }
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent; }
#header-menu li.has-sub em .op{ position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px; display:none; transition:0.3s; }
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg); }
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{ position:absolute; content:''; background:#fff; }
#header-menu li.has-sub em .op::before{ width:100%; height:3px; left:0; top:6px; }
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%; }
.Public_nav_style #header-menu li.has-sub em::after{ position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px; }
.Public_nav_style #header-menu li.clickon em::after{ border-bottom-color:#fff; border-top-color:transparent; margin-top:-9px; }
.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2); }
#header-menu li .sub-menu dt.has-dt{ position:relative; }
#header-menu li .sub-menu dt.has-dt::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent; }
#header-menu li .sub-menu dt a{ padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5); display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#header-menu li .sub-menu dt:last-child > a{ border-bottom:0; }
#header-menu li .sub-has-sub{ position:relative; }
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2; }
.Public_nav_style #header-menu li .sub-has-sub i::before,
.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff; }
.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px; }
.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px; }
.Public_nav_style #header-menu li .clickon > i::after{ display:none; }
.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2); }

.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #8B5A2B; border-radius:50%; top:5px; z-index:200; }
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute; }
.Public_nav_style #open_menu i,
.Public_nav_style #open_menu i::before,
.Public_nav_style #open_menu i::after{ background:#8B5A2B; }
#open_menu i{ top:50%; }
.Public_nav_style #open_menu i{ width:60%; left:20%; margin-top:-1px; height:2px; }
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:''; transition:transform 0.3s; }
#open_menu i::before{ top:6px; }
#open_menu i::after{ top:-6px; }

.Public_nav_style #open_menu.open_menu_on{ border-color:#fff; }
#open_menu.open_menu_on i{ background:none !important; }
.Public_nav_style #open_menu.open_menu_on i::before,
.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0; }
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{ top:0 !important; }
#open_menu.open_menu_on i::before{ transform:rotate(45deg); }
#open_menu.open_menu_on i::after{ transform:rotate(-45deg); }
}

/* footer: layout + share */
.site_footer { background: #8B5A2B; padding: 30px 0 50px; }
.site_footer, .site_footer a { color: #fff; }
.site_footer dl { border-bottom: 1px solid rgba(255,255,255,.15); padding: 15px 0; margin-bottom: 20px; }
.site_footer dt { border-bottom: 1px solid rgba(255,255,255,.15); height: 30px; margin-bottom: 15px; position: relative; }
.site_footer dt a { position: absolute; bottom: -1px; display: inline-block; font-size: 20px; color: #fff; font-weight: bold; line-height: 48px; border-bottom: 2px solid #fff; }
.site_footer dd a { color: #fff; padding-right: 34px; }
.site_footer .footer_copyright { padding-left: 100px; background: url(../images/sydw_icon.png) no-repeat 10px top; line-height: 32px; min-height: 72px; }
.site_footer .footer_copyright span { display: block; opacity: 0.4; }
.site_footer .footer_copyright span a { text-decoration: underline; }
.site_footer .footer_share_list > * { float: left; }
.site_footer .footer_share_list li { width: 91px; margin-left: 20px; }
.site_footer .footer_share_list li img { display: block; width: 100%; }
.site_footer .footer_share_list ol aside { text-align: right; padding-bottom: 25px; }
.site_footer .footer_share_list ol .bshare-custom a { float: left; width: 32px; height: 32px; border-radius: 50%; background: url(../images/footer_dyseo_qq.png) no-repeat center center #9C1A1A; padding: 0; margin: 0 0 0 6px; }
.site_footer .footer_share_list ol .bshare-custom a.bshare-sinaminiblog { background-image: url(../images/footer_dyseo_sina.png); }
.site_footer .footer_share_list ol .bshare-custom a.bshare-weixin { background-image: url(../images/footer_dyseo_wx.png); }

.site_footer .footer_copyright p{ margin:0; line-height:24px; padding-bottom:5px; }
@media(min-width:1025px) {
.site_footer .footer_copyright { width: 68%; }
}

@media(max-width:1024px) {
.site_footer .footer_share { display: table; margin: 0 auto; }
.site_footer .footer_copyright { padding-left: 100px; }
}
@media (max-width: 480px) {
    .site_footer dd a {
        padding-right: 0;
        float: left;
        width: 50%;
        text-align: center;
        margin: 5px 0;
    }
}
.bd_weixin_popup, .bd_weixin_popup * { box-sizing: content-box; }