.menu { height: 61px; }

.menu-con { padding-left: 60px; padding-right: 60px; height: 61px; background: white; }

.menu .logo { width: 88px; height: 61px; position: relative; }

.menu .logo img { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.menu-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 62px; line-height: 60px; }

.menu-list .item { margin: 0 15px; text-align: center; color: #000; }

.menu-list .item a.menu-1 { display: inline-block; height: 61px; color: #000 !important; font-size: 16px; cursor: pointer; text-align: center; border-bottom: 3px solid transparent; }

.menu-list .item a.menu-1:hover { border-bottom: 3px solid #ffee00; }

.menu-list .item a.menu-2 { color: #888; }

.menu-list .item a.menu-2:hover { color: #888 !important; }

.menu-list .item.active a.menu-1 { border-bottom: 3px solid #ffee00; }

.menu-list .item .submenu { position: fixed; left: 0; right: 0; padding: 28px; background-color: #f9f9f9; color: #000; -webkit-box-shadow: 0 0 6px #e4e4e4; box-shadow: 0 0 6px #e4e4e4; }

.menu-list .item .submenu-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; width: 1200px; line-height: normal; text-align: left; }

.menu-list .item .submenu-con .name { width: 318px; font-size: 24px; font-weight: bolder; }

.menu-list .item .submenu-con .information { width: 600px; border-left: 1px solid #e6e6e5; line-height: 26px; padding-bottom: 20px; padding-left: 86px; font-size: 14px; }

.menu-list .item .submenu-con .information span.company { font-size: 18px; font-weight: bold; }

.menu-list .item .submenu-list { width: 282px; }

.menu-list .item .submenu-list .subitem { width: 185px; margin-bottom: 20px; font-size: 16px; color: #000; }

.menu-list .item .submenu-list .subitem a { color: #000; }

.menu-list .item .submenu-list .subitem a:hover { color: #000 !important; }

.menu-list .item .submenu-list .subitem i:after { content: ' '; display: inline-block; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.menu-list .item .submenu-list .btn { width: 185px; height: 35px; line-height: 18px; background: #FFEE00; color: #000; text-align: center; font-size: 16px; cursor: pointer; margin-top: 20px; }

.menu-list .item .submenu-list .btn i:after { content: ' '; display: inline-block; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.menu-con.transparent { background-color: transparent; }

.menu-con.transparent .item { color: #fff; }

.menu-con.transparent a.menu-1 { color: #fff !important; }

.menu-con.transparent a.menu-2 { color: #fff !important; }

.menu-con.transparent:hover { background-color: #fff; }

.menu-con.transparent:hover .item { color: #000; }

.menu-con.transparent:hover a.menu-1 { color: #000 !important; }

.menu-con.transparent:hover a.menu-2 { color: #888 !important; }

.base-head { width: 100%; overflow: hidden; height: 400px; }

.base-head .img { position: relative; width: 100%; height: 400px; }

.base-head .img .tit { position: absolute; bottom: 0; height: 140px; color: #fff; }

.base-head .img .tit-text { line-height: 54px; font-size: 42px; font-weight: bolder; text-transform: uppercase; }

.base-head .img .tit-line { width: 75px; height: 16px; border-bottom: 3px solid #fff; }

.base-head-fixed { width: 100%; overflow: hidden; height: 400px; }

.base-head-fixed .img { position: fixed; top: 0; left: 0; width: 100%; height: 400px; z-index: -1; }

.base-head-fixed .tit { width: 100%; color: #fff; }

.base-head-fixed .tit-con { height: 400px; padding-top: 270px; padding-left: 30px; line-height: 46px; font-size: 42px; font-weight: bolder; color: #fff; }

.rich { background: #f6f6f9; }

.rich-con { width: 100%; padding: 30px 30px 30px 80px; }

.rich-content { width: 100%; }

.foot { height: 230px; background: #0a1729; }

.foot .tit { margin-top: 68px; margin-bottom: 20px; line-height: 30px; color: #fff; font-size: 26px; font-weight: bolder; }

.foot .nav ul { padding-left: 0; }

.foot .nav li { padding: 0 20px; float: left; color: #fff; }

.foot .nav li a { color: #fff; }

.foot .nav li a:hover { color: #ccc !important; }

.foot .nav li:nth-child(1) { padding-left: 0; }

.foot .right { padding-top: 67px; }

.foot .right .foot-contact { width: 274px; }

.foot .right .foot-contact-title { width: 274px; height: 53px; line-height: 40px; padding: 13px 0 0 30px; font-size: 14px; color: #fff; }

.foot .right .foot-contact-phone { width: 274px; height: 30px; font-size: 16px; color: #fbfbfc; line-height: 20px; }

.foot .right .foot-contact-phone::before { content: url("/assets/img/public/foot/foot-phone.png"); vertical-align: middle; }

.foot .right .foot-contact-email { width: 274px; height: 20px; font-size: 16px; color: #fbfbfc; line-height: 20px; }

.foot .right .foot-contact-email::before { content: url("/assets/img/public/foot/foot-email.png"); vertical-align: middle; }

.foot .right .wxqr { width: 106px; }

.foot .right .wxqr img { width: 106px; height: 106px; }

.foot-copyright { height: 57px; line-height: 57px; text-align: center; background: #0c1729; color: #666c7c; border-top: 2px solid #192840; }

.base-right { width: 70px; height: 366px; background-color: #ffee00; position: fixed; right: 21px; bottom: 50px; z-index: 999; display: none; }

.base-right .menu { width: 70px; height: 296px; }

.base-right .menu li { width: 70px; height: 74px; padding: 15px 11px 0; cursor: pointer; }

.base-right .menu li.right-ticket .img { width: 25px; height: 25px; margin: 0 11.5px 0; background: url("/assets/img/public/icon/icon-right-ticket.png") no-repeat; }

.base-right .menu li.right-ticket.active .img { background: url("/assets/img/public/icon/icon-right-ticket-white.png") no-repeat; }

.base-right .menu li.right-exhibition .img { width: 25px; height: 25px; margin: 0 11.5px 0; background: url("/assets/img/public/icon/icon-right-exhibition-order.png") no-repeat; }

.base-right .menu li.right-exhibition.active .img { background: url("/assets/img/public/icon/icon-right-exhibition-order-white.png") no-repeat; }

.base-right .menu li.right-focus { position: relative; }

.base-right .menu li.right-focus .img { width: 25px; height: 25px; margin: 0 11.5px 0; background: url("/assets/img/public/icon/icon-right-focus.png") no-repeat; }

.base-right .menu li.right-focus .qr { width: 162px; height: 182px; background: #fff; position: absolute; -webkit-box-shadow: -1px -1px 8px 8px #eee; box-shadow: -1px -1px 8px 8px #eee; right: 90px; bottom: -40px; text-align: center; padding: 11px; display: none; }

.base-right .menu li.right-focus .qr-img { width: 140px; height: 140px; }

.base-right .menu li.right-focus .qr-img img { width: 140px; height: 140px; }

.base-right .menu li.right-focus .qr-tit { font-size: 14px; line-height: 22px; color: #1a1a1a; }

.base-right .menu li.right-focus.active .img { background: url("/assets/img/public/icon/icon-right-focus-white.png") no-repeat; }

.base-right .menu li.right-focus.active .qr { display: inline; }

.base-right .menu li.right-contact .img { width: 25px; height: 25px; margin: 0 11.5px 0; background: url("/assets/img/public/icon/icon-right-contact.png") no-repeat; }

.base-right .menu li.right-contact.active .img { background: url("/assets/img/public/icon/icon-right-contact-white.png") no-repeat; }

.base-right .menu li .tit { width: 48px; font-size: 12px; line-height: 33px; color: #000; border-bottom: 1px solid #000; }

.base-right .menu li.active { background: #0135C8; }

.base-right .menu li.active .tit { color: #fff; }

.base-right .menu li:last-child .tit { border-bottom: 0; }

.base-right .top { width: 70px; height: 70px; background: #0135C8; text-align: center; line-height: 70px; cursor: pointer; }

.base-right .top img { vertical-align: middle; width: 25px; height: 13px; }

.ticket-reserve-layer-result, .exbition-reserve-layer-result, .meeting-price-reserve-layer { width: 640px; height: 618px; text-align: center; z-index: 999; background: #ffffff; display: none; position: relative; padding: 0 47px; }

.ticket-reserve-layer-result .close, .exbition-reserve-layer-result .close, .meeting-price-reserve-layer .close { width: 55px; height: 55px; position: absolute; top: 0; right: 0; background-color: #FFEE00; line-height: 55px; text-align: center; cursor: pointer; }

.ticket-reserve-layer-result .close img, .exbition-reserve-layer-result .close img, .meeting-price-reserve-layer .close img { width: 20px; height: 20px; }

.ticket-reserve-layer-result .title, .exbition-reserve-layer-result .title, .meeting-price-reserve-layer .title { width: 100%; height: 153px; line-height: 153px; text-align: center; font-size: 38px; font-weight: bolder; border-bottom: 1px solid #e6e6e6; }

.ticket-reserve-layer-result .qr, .exbition-reserve-layer-result .qr, .meeting-price-reserve-layer .qr { width: 100%; padding-top: 43px; border-top: 1px solid #e4e4e4; text-align: center; }

.ticket-reserve-layer-result .qr .info, .exbition-reserve-layer-result .qr .info, .meeting-price-reserve-layer .qr .info { line-height: 30px; font-size: 18px; padding: 25px 20px 0; }

.ticket-reserve-layer-result .qr img, .exbition-reserve-layer-result .qr img, .meeting-price-reserve-layer .qr img { width: 234px; height: 234px; }

.supplier-reserve-layer, .reserve-layer { width: 920px; z-index: 999; background: #ffffff; position: relative; }

.supplier-reserve-layer .close, .reserve-layer .close { width: 55px; height: 55px; position: absolute; top: 0; right: 0; background-color: #FFEE00; line-height: 55px; text-align: center; cursor: pointer; }

.supplier-reserve-layer .close img, .reserve-layer .close img { width: 20px; height: 20px; }

.supplier-reserve-layer .title, .reserve-layer .title { width: 100%; height: 120px; line-height: 120px; text-align: center; font-size: 36px; font-weight: bolder; }

.supplier-reserve-layer .form, .reserve-layer .form { width: 100%; padding: 137px; padding: 0 28px; }

.supplier-reserve-layer .form .input, .reserve-layer .form .input { width: calc(100% - 274px); margin: 0 auto 18px; height: 64px; }

.supplier-reserve-layer .form .input-box, .reserve-layer .form .input-box { width: calc(100% - 32px); height: 64px; padding: 8px 0; border: 1px solid #efefef; font-size: 18px; }

.supplier-reserve-layer .form .input-box .label, .reserve-layer .form .input-box .label { width: 140px; height: 48px; padding-left: 32px; line-height: 48px; padding-right: 6px; border-right: 1px solid #dfdfdf; color: #000; font-weight: 400; }

.supplier-reserve-layer .form .input-box .object, .reserve-layer .form .input-box .object { width: calc(100% - 140px); padding-left: 36px; padding-right: 36px; }

.supplier-reserve-layer .form .input-box .object input, .reserve-layer .form .input-box .object input { width: 100%; height: 48px; border: 0; }

.supplier-reserve-layer .form .input-box .object textarea, .reserve-layer .form .input-box .object textarea { width: 100%; height: 48px; border: 0; padding-top: 10px; line-height: 22px; }

.supplier-reserve-layer .form .input-star, .reserve-layer .form .input-star { width: 32px; line-height: 64px; font-size: 18px; color: #ff0000; text-align: right; }

.supplier-reserve-layer .form .button, .reserve-layer .form .button { width: 100%; height: 80px; text-align: center; }

.supplier-reserve-layer .form .button button, .reserve-layer .form .button button { width: 285px; height: 60px; line-height: 60px; background: #ffee00; font-size: 20px; font-weight: 300; font-weight: bolder; text-align: center; border: 0; }

.supplier-reserve-layer { height: 720px; display: none; }

.reserve-layer { height: 500px; display: none; }
/*# sourceMappingURL=base.min.css.map */