#container  { width:100%; }
#contents { width:95%; max-width:1300px; margin:0 auto; display:flex; padding-top:100px; }
#contents_body { flex-grow:1; padding:50px 0; }

.sub_layout_left { width:200px; min-width:200px; min-height:800px; margin:0px 50px 0 0; flrex-shrink:1; background:#f5f5f5;white-space:nowrap; }
.sub_layout_left h2 { background:#dd0008; color:#fff; margin:50px 0px 0 0; padding:30px 0px; text-align:center; font-size:22px; }
.sub_layout_left > ul { width:100%; margin:20px auto; }
.sub_layout_left > ul > li {  position:relative; }
.sub_layout_left > ul > li:first-child a { border:0; }
.sub_layout_left > ul > li > a { display:block; padding:15px 0px;  font-size:18px; border-top:1px solid #ddd; margin:0 20px; }
.sub_cate { display:none; width:100%; z-index:20; background:#fff; padding:10px 0; position:absolute; top:0; left:200px; border:1px solid #ddd; }
.sub_cate li a { color:#333; font-size:16px; display:block; padding:5px 15px 5px 25px; }
.sub_cate li a:hover { color:#dd0008;} 
.sub_layout_left > ul > li:hover > a { color:#dd0008; }
.sub_layout_left > ul > li:hover .sub_cate { display:block;  }



#head { min-widtH:1000px; height:100px; border-bottom:1px solid #eee; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9999;  padding:0 30px; }
.head_inner { width:100%; height:100%; max-width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.head_inner h1 { }
.head_inner > ul { display:flex;  align-items:center; }
.head_inner > ul > li { padding:0 10px; position:relative; }
.head_inner .main_menu > li > a { white-space:nowrap; font-size:22px; font-weight:400; height:99px; line-height:98px; display:block; padding:0 13px; color:#444; border-bottom:3px solid #fff; }
.head_inner .main_menu > li:hover > a { color:#dd0008; border-bottom:3px solid #dd0008; }
.head_inner .main_menu > li .submenu { display:none; position:absolute; top:99px; left:50%; margin-left:-80px; width:160px; background:#fff; padding:10px 0; }
.head_inner .main_menu > li:hover .submenu { display:block; }
.head_inner .main_menu > li .submenu li { white-space:nowrap; display:block; width:100%; text-align:center; padding:3px; }
.head_inner .main_menu > li .submenu li a { display:block; font-size:18px;}
.head_inner .main_menu > li .submenu li a:hover { color:#dd0008; }

.btn_search img { padding:5px 0 0 0; }


#showmenu { }
#hidemenu { position:absolute; top:20px; right:0px; cursor:pointer;  }
.search_box_wide { display: none; background:#f5f5f5; width:100%; position:fixed; top:100px; left:0; z-index:9; }
#search { width:1150px; margin:0 auto;  position:relative;  padding:100px; }
.search-select-wrp { display:flex; }
.search-select-wrp .search_left { border-right:1px solid #ccc; padding-right:50px; display:flex;}
.search-select-wrp .search_right { padding-left:50px;display:flex; }
.search-select-wrp label, .search-select-wrp span { font-size:25px; letter-spacing:-1px; color:#222; line-height:43px; white-space:nowrap; }
.search-select-wrp select, .search-select-wrp input { font-size:25px; height:45px; line-height:45px; border:2px solid #dd0008; padding:0 10px; 
border-radius:0;  margin-left:15px; }
.search-select-wrp .q-inp { width:200px; }
.search_w_btn { background:url('../new_image/btn_search_red.png') no-repeat; border:0 !important; width:35px; height:34px; 
text-indent:-99999px; margin:4px 0 0 10px;  }


.offshop_category { width:100%; background:#f5f5f5; border-bottom:1px solid #eee; padding:0px 30px; }
.offshop_category ul { display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:0 auto; }
.offshop_category li { position:relative; padding:10px 0; }
/*
.offshop_category li::after {  content: "|"; position:absolute; top:17px; left:-1px; color:#ccc; font-size:12px; }
.offshop_category li:first-child::after { content:""; }
*/
.offshop_category a { display:block; white-space:nowrap; text-align:center; padding:7px 15px; }
.offshop_category a:hover { background:#fff; border-radius:10px; }



#footer { background:#444; width:100%; padding-bottom:10px; }
.footer_inner { max-width:1200px; width:95%; margin:0 auto; position:relative; }
.footer_callcenter { padding:40px 0px; border-bottom:1px solid #666; color:#fff; }
.footer_callcenter h4 { font-size:25px; }
.footer_callcenter ul { display:flex; }
.footer_callcenter li { padding-right:20px; font-size:16px; font-weight:300; }
.footer_menu ul { display:flex; padding:30px 0px 0; }
.footer_menu ul li { margin-right:20px; }
.footer_menu a { display:block; color:#999; }
.footer_info { padding:20px 50px; }
.footer_info p { line-height:120%; padding-bottom:10px; }
.footer_info a, .footer_info span { color:#999; font-size:13px; font-weight:300; }
.footer_menu_board { position:absolute; top:10px; right:0; }
.footer_menu_board ul { display:flex; }
.footer_menu_board ul li { padding:0; }
.footer_menu_board li a { display:block; padding:7px 15px 8px; font-size:14px; border:1px solid #666; color:#fff; margin-left:-1px; }