/* footer */
.footer{ border-top: 1px solid #f0f0f0; position: relative; overflow: hidden; padding: 0 15px;}
.footer .footer_area { position: relative; max-width: 1080px; margin: 0 auto; background: #2c3139; }
.footer .footer_area:after { content: ''; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #2c3139; }
.footer .footer_area:before { content: ''; position: absolute; top: 0; right: 100%; width: 100%; height: 100%; background: #2c3139; }
.footer .footer_area .footer_menu { padding: 32px 0 43px; }
.footer .footer_area .footer_menu > ul {}
.footer .footer_area .footer_menu > ul > li { display: inline-block; margin-left: 26px; vertical-align: middle; }
.footer .footer_area .footer_menu > ul > li:first-child { margin-left:0; }
.footer .footer_area .footer_menu > ul > li .name { font-size: 14px; color: #c7c7c7; }
.footer .footer_area .footer_menu > ul > li .name:hover { color: #ffffff; }
.footer .footer_area .footer_info { padding-bottom: 56px; }
.footer .footer_area .footer_info .info_logo { display: inline-block; vertical-align: top; width: 213px; }
.footer .footer_area .footer_info .info_company { display: inline-block; vertical-align: top; width: calc(100% - 217px); }
.footer .footer_area .info_company p { font-size: 14px; color: #7d8088; margin: 0 auto; }
.footer .footer_area .info_company span { display: inline-block; vertical-align: middle; }
.footer .footer_area .info_company span + span { margin-left: 14px; }
.footer .footer_area .info_company span + span:before { content: ''; display: inline-block; margin-right: 14px; vertical-align: middle; width: 1px; height: 12px; background: #636363; }
.footer .footer_bottom_area { position: relative; max-width: 1080px; margin: 0 auto; background: #23272e; }
.footer .footer_bottom_area:after { content: ''; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #23272e; }
.footer .footer_bottom_area:before { content: ''; position: absolute; top: 0; right: 100%; width: 100%; height: 100%; background: #23272e; }
.footer .footer_bottom_area .footer_bottom { display: table; width: 100%; min-height: 50px; }
.footer .footer_bottom_area .footer_bottom .cell { display: table-cell; vertical-align: middle; }
.footer .footer_bottom_area .footer_bottom .cell + .cell { text-align: right; }
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu {}
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul {}
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul > li {position: relative; display: inline-block; vertical-align: middle; margin-left: 12px;}
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul > li:first-child { margin-left: 0; }
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul > li:after {content: ''; display: inline-block; margin-left: 16px; vertical-align: middle; width: 1px; height: 12px; background: #626262; }
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul > li:last-child:after { content:none; }
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul > li .name { display: inline-block; vertical-align: middle; font-size: 14px; color: #b1b1b1; }
.footer .footer_bottom_area .footer_bottom .cell .bottom_menu > ul > li .name:hover { color: #ffffff; }

.family_site {position: relative; display: inline-block; width: 200px; height: 50px; text-align: left; vertical-align: middle; cursor: default; }
.family_site .ebbtn.btn_select_family { overflow: hidden; width: 200px; height: 50px; line-height: 50px; padding: 0 20px; text-align: left; font-size: 15px; color: #909090; box-sizing: border-box; background: #1c1f25 url('/resource/pc/image/layout/family_select_arrow.png') no-repeat right 19px center; }
.family_site.active .ebbtn.btn_select_family {background-image: url('/resource/pc/image/layout/family_select_arrow_active.png'); }
.family_site.active .family_option { display: block; }
.family_site .family_option { z-index: 1000; }
.family_site .family_option { display: none; overflow: hidden; position: absolute; bottom: 50px; left: 0; }
.family_site .family_option { width: 200px; max-height: 150px; font-size: 16px; color: #909090; box-sizing: border-box; background: #23272e; }
.family_site .family_option .option_list { overflow-y: auto; max-height: 150px; padding: 0 20px; box-sizing: border-box; }
.family_site .family_option .option_list .optname { display: block; padding: 12px 0; font-size: 15px; }
.family_site .family_option .option_list .optname:hover { color: #ffffff; }
.family_site .ebbtn.btn_select_family_close { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.family_site.active .ebbtn.btn_select_family_close { display: block; }