@font-face { font-family: 'SourceHanSansCN-Bold'; src: url("../fonts/sourcehansanscn-bold.otf"); }

@font-face { font-family: 'SourceHanSansCN-Medium'; src: url("../fonts/sourcehansanscn-medium.otf"); }

@font-face { font-family: 'SourceHanSansCN-Normal'; src: url("../fonts/0dc369bdc76041e59712855a1505c1a0.woff"); }

@font-face { font-family: 'DIN-Medium'; src: url("../fonts/din-medium.otf"); }

.menu { height: 61px; }

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

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

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

.menu .current-city { height: 30px; line-height: 30px; margin: 15px 30px; color: #000; border: 1px solid #000; padding: 0 10px; cursor: pointer; }

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

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

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

.menu-list .item a.menu-1:hover { border-bottom: 2px solid red; }

.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: 2px solid red; }

.menu-list .item .submenu { position: fixed; left: 0; right: 0; padding: 30px; 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: #0538a7; color: #fff; 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 #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

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

.menu-con.transparent .current-city { color: #fff; border-color: #fff; }

.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; }

.city-select-show { width: 100%; height: 100%; background: #0134c8; position: fixed; top: 0; left: 0; z-index: 1100; display: none; }

.city-select-show .box { width: 100%; height: 100%; position: relative; }

.city-select-show .box .logo { width: 105px; height: 44px; margin-left: 82px; margin-top: 17px; position: absolute; }

.city-select-show .box .logo img { width: 105px; height: 44px; }

.city-select-show .box .close { width: 50px; height: 50px; top: 15px; right: 53px; border-radius: 50px; background: #0047ea; position: absolute; cursor: pointer; z-index: 999; }

.city-select-show .box .close img { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.city-select-show .box .close:hover img { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.city-select-show .box .nav { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.city-select-show .box .nav-box { width: 1080px; margin: 0 auto; clear: both; }

.city-select-show .box .nav-box .city-con { width: 1080px; margin: 0 auto; clear: both; }

.city-select-show .box .nav-box .city-con .city-list { width: 1080px; padding-left: 30px; color: #fff; }

.city-select-show .box .nav-box .city-con .city-list .enname { width: 258px; height: 35px; line-height: 35px; font-size: 30px; font-family: 'SourceHanSansCN-Bold'; text-transform: uppercase; }

.city-select-show .box .nav-box .city-con .city-list .cnname { width: 258px; height: 40px; line-height: 40px; font-size: 22px; font-family: 'SourceHanSansCN-Normal'; }

.city-select-show .box .nav-box .city-con .city-list .hr { width: 258px; height: 36px; }

.city-select-show .box .nav-box .city-con .city-list .hr .block { width: 81px; height: 32px; border-top: 4px solid #fff; }

.city-select-show .box .nav-box .city-con .city-list .list { width: 1080px; }

.city-select-show .box .nav-box .city-con .city-list .list a { width: 108px; height: 38px; border: 1px solid #335dd3; float: left; margin: 0 59px 22px 0; font-size: 16px; text-align: center; line-height: 38px; cursor: pointer; display: block; color: #fff !important; }

.city-select-show .box .nav-box .city-con .city-list .list a:hover { background: #0046eb; }

.city-select-show .box .nav-box .city-con .button { width: 164px; height: 45px; background: #e60125; margin-top: 119px; }

.city-select-show .box .nav-box .city-con .button a { width: 164px; height: 45px; display: block; color: #fff !important; }

.city-select-show .box .nav-box .city-con .button a .name { width: 100px; height: 45px; line-height: 45px; font-size: 18px; text-align: right; }

.city-select-show .box .nav-box .city-con .button a .arrow { width: 47px; height: 45px; line-height: 45px; text-align: right; }

.city-select-show .box .nav-box .city-con .button a .arrow img { height: 45px; }

.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: absolute; top: 0; left: 0; width: 100%; height: 400px; z-index: 1; }

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

.base-head-fixed .tit-con {position: relative;z-index: 2; 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 {  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; padding-left: 0; font-size: 14px; color: #fff; }

.foot .right div p{line-height: 1.8; 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("/static/img/common/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("/static/img/common/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; }
/*# sourceMappingURL=base.min.css.map */
.media { background-color: #fff; }

.media-con { width: 100%; padding: 120px 0 130px; }

.media-tit { text-align: center; margin-bottom: 70px; }

.media-tit h3 { font-size: 38px; font-weight: bold; }

.media-tit .hr { display: inline-block; width: 40px; height: 5px; background-color: #0040a5; }

.media-list { width: 100%; margin: 0 auto; }

.media-list .col-2 { margin-bottom: 20px; }

.media-list .col-2 img { border: 1px solid #e4e4e4; }
/*# sourceMappingURL=media.min.css.map */





.review { background: #fff; }

.review-tab { position: absolute; top: 260px; }

.review-tab .tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.review-tab .tab .item { display: inline-block; padding: 14px 67px; font-size: 20px; color: #000 !important; background: #fff; }

.review-tab .tab .item.active { color: #fff !important; background: #e60027; }

.review .list-tab { width: 100%; height: 55px; --bs-gutter-x: 1.5rem; margin-top: 40px; }

.review .list-tab-con { height: 55px; border-bottom: 1px solid #eaeaea; margin-left: calc(var(--bs-gutter-x) * .5); margin-right: calc(var(--bs-gutter-x) * .5); }

.review .list-tab-con ul { padding-left: 0; }

.review .list-tab-con li { margin-right: 50px; height: 55px; line-height: 54px; float: left; }

.review .list-tab-con li a { display: block; }

.review .list-tab-con li a:hover { color: #e60128 !important; }

.review .list-tab-con li:hover { height: 54px; border-bottom: 2px solid #e60128; }

.review .list-tab-con li.active { height: 54px; border-bottom: 2px solid #e60128; color: #e60128; }

.review .list-tab-con li.active a { color: #e60128; }

.review .row { margin-top: 40px; margin-bottom: 40px; }

.review .row .col-3, .review .row .col-4 { margin-bottom: 20px; }

.review .row .col-3 video, .review .row .col-4 video { width: 100%; }

.review .row .video-tit { padding-bottom: 20px; padding-top: 10px; font-size: 17px; line-height: 22px; }
/*# sourceMappingURL=review.min.css.map */



.contact { background: #fff; }

.contact-con { padding: 90px 0; }

.contact-nav { padding: 30px 0 200px 30px; width: 178px; border-right: 1px solid #e4e4e4; }

.contact-nav .item { margin-bottom: 42px; padding: 6px 0; }

.contact-nav .item a { font-size: 20px; }

.contact-nav .item.active { border-right: 2px solid #004098; }

.contact-nav .item.active a { font-weight: bold; color: #004098; }

.contact-content { width: calc(100% - 178px); padding: 30px 30px 30px 80px; }

.contact-content .col-6 { margin-bottom: 60px; padding: 0 30px; }

.contact-content .img { width: 202px; height: 214px; }

.contact-content .img img { width: 202px; height: 214px; }

.contact-content .right { width: calc(100% - 202px); height: 214px; padding-left: 30px; }

.contact-content .right .name { font-size: 20px; font-weight: bold; line-height: 32px; height: 46px; }

.contact-content .right .content { line-height: 30px; font-size: 16px; }
/*# sourceMappingURL=contact.min.css.map */


.order { background: #fbfbfc; padding-top: 34px !important; padding-bottom: 90px !important; }

.order-con { width: 100%; background: #fff; padding: 40px 0; }

.order-con .form { width: 1120px; margin: 0 auto; }

.order-con .form .tit { padding-bottom: 20px; font-size: 36px; font-weight: bold; }

.order-con .form .tips { font-size: 18px; color: #03010f; line-height: 26px; }

.order-con .form-box { width: 100%; }

.order-con .form-box-tit { margin: 40px 0 20px; font-size: 24px; color: #03010f; }

.order-con .form-box .label { width: 100%; height: 84px; }

.order-con .form-box .label-box { width: 1080px; height: 65px; padding: 9px 0; border: 1px solid #dfdfdf; position: relative; }

.order-con .form-box .label-box .name { width: 200px; padding-left: 32px; height: 47px; line-height: 47px; font-size: 18px; font-weight: 500; border-right: 1px solid #ededee; }

.order-con .form-box .label-box .input { width: 877px; height: 47px; }

.order-con .form-box .label-box .input input { width: 877px; height: 47px; border: 0; padding: 0 20px; font-size: 18px; }

.order-con .form-box .label-box .getCode { width: 214px; height: 59px; background: #0034c8; color: #fff; font-size: 16px; cursor: pointer; position: absolute; right: 3px; top: 2px; text-align: center; line-height: 59px; }

.order-con .form-box .label span { width: 20px; color: #e7002e; line-height: 65px; text-align: center; }

.order-con .form-box .area-label { width: 100%; height: 84px; }

.order-con .form-box .area-label .label-box { width: 514px; height: 65px; padding: 9px 0; border: 1px solid #dfdfdf; }

.order-con .form-box .area-label .label-box .name { width: 194px; height: 47px; line-height: 23.5px; text-align: center; font-weight: 500; border-right: 1px solid #ededee; font-size: 14px; padding-left: 0; }

.order-con .form-box .area-label .label-box .name i { font-size: 18px; font-weight: bold; }

.order-con .form-box .area-label .label-box .input { width: 318px; height: 47px; position: relative; }

.order-con .form-box .area-label .label-box .input input { width: 318px; height: 47px; border: 0; padding: 0 40px 0 20px; font-size: 18px; }

.order-con .form-box .area-label .label-box .input i { position: absolute; width: 30px; height: 47px; line-height: 47px; right: 0; top: 0; font-size: 18px; }

.order-con .form-box .area-label .label-text { width: 52px; height: 65px; line-height: 64px; text-align: center; font-size: 18px; }

.order-con .form-box .area-label span { width: 20px; color: #e7002e; line-height: 65px; text-align: center; }

.order-con .form-box .button { width: 100%; margin-top: 90px; height: 190px; }

.order-con .form-box .button-box { width: 290px; height: 65px; line-height: 65px; text-align: center; font-size: 18px; text-align: center; margin: 0 auto; background: #0034c8; color: #fff; cursor: pointer; }

.order-con .form-box .button-box i:after { content: ' '; display: inline-block; width: 12px; height: 12px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.order-con .form-box .note { width: 560px; height: 170px; font-size: 16px; line-height: 27.5px; color: #8a8a8a; position: relative; padding-left: 70px; }

.order-con .form-box .note span { color: #000; font-size: 18px; font-weight: bold; }

.order-con .form-box .note.hetong::before { position: absolute; content: ' '; left: 0; top: 0; display: inline-block; width: 56px; height: 55px; background: url("/static/img/common/icon/icon-service-exhibition-order-hetong.png") no-repeat center/cover; }

.order-con .form-box .note.fuwu::before { position: absolute; content: ' '; left: 0; top: 0; display: inline-block; width: 56px; height: 55px; background: url("/static/img/common/icon/icon-service-exhibition-order-fuwu.png") no-repeat center/cover; }
/*# sourceMappingURL=exhibition-order.min.css.map */



.detail { width: 100%; }

.detail-info { width: 100%; height: 306px; padding-top: 61px !important; padding-bottom: 32px !important; }

@media screen and (max-width: 1210px) { .detail-info-con { width: 100%; } }

@media screen and (min-width: 1210px) { .detail-info-con { width: 80%; } }

@media screen and (min-width: 1210px) and (max-width: 1400px) { .detail-info-con { width: 90%; } }

.detail-info-con .brandcrumb { width: 100%; height: 66px; line-height: 66px; font-size: 14px; color: #323232; }

.detail-info-con .info { width: 100%; }

.detail-info-con .info .product { width: calc(100% - 288px - 24px); margin-right: 24px; padding-bottom: 50px; }

.detail-info-con .info .product-top { width: 100%; }

.detail-info-con .info .product-top .img { width: 500px; height: 500px; border: 1px solid #eeeeee; line-height: 500px; overflow: hidden; margin-right: 30px; }

.detail-info-con .info .product-top .img img { display: inline-block; vertical-align: middle; }

.detail-info-con .info .product-top .tit { width: calc(100% - 500px - 30px); height: 80px; padding-top: 12px; line-height: 28px; font-size: 22px; font-family: SourceHanSansSC, SourceHanSansSC-Medium; font-weight: 500; }

.detail-info-con .info .product-top .tit .new { padding: 3px; margin-right: 5px; font-size: 12px; background: #11be65; color: #fff; }

.detail-info-con .info .product-top .tit .hot { padding: 3px; margin-right: 5px; font-size: 12px; background: #E60027; color: #fff; }

.detail-info-con .info .product-top .industry { width: calc(100% - 500px - 30px); height: 86px; border-bottom: 1px solid #e6e7ea; font-size: 14px; line-height: 22px; color: #666666; }

.detail-info-con .info .product-top .price { width: calc(100% - 500px - 30px); margin-top: 181px; height: 72px; color: #E60027; font-size: 16px; }

.detail-info-con .info .product-top .price span { font-size: 28px; font-family: SourceHanSansSC, SourceHanSansSC-Medium; font-weight: 700; color: #e60027; }

.detail-info-con .info .product-top .price s { color: #323232; }

.detail-info-con .info .product-top .button { width: 300px; height: 54px; background: #e60027; line-height: 54px; text-align: center; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Light; font-weight: 300; color: #ffffff; cursor: pointer; }

.detail-info-con .info .product-top .button i:after { content: ' '; display: inline-block; width: 14px; height: 14px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.detail-info-con .info .product-about { width: 100%; padding-top: 100px; }

.detail-info-con .info .product-about .tit { width: 100%; height: 46px; border-bottom: 1px solid #e6e7ea; font-size: 24px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; font-weight: 700; }

.detail-info-con .info .product-about .content { padding: 30px 0; }

.detail-info-con .info .supplier { width: 288px; height: 358px; border: 1px solid #c9c9c9; margin-bottom: 50px; padding: 25px 50px; }

.detail-info-con .info .supplier .img { width: 126px; height: 126px; background: #fff; overflow: hidden; line-height: 126px; margin: 0 auto; }

.detail-info-con .info .supplier .img img { display: inline-block; vertical-align: middle; }

.detail-info-con .info .supplier .img-txt { width: 126px; padding: 10px; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; text-align: center; }

.detail-info-con .info .supplier .name { width: 100%; height: 48px; margin: 10px 0; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Medium; font-weight: 500; text-align: left; line-height: 24px; text-align: center; }

.detail-info-con .info .supplier .booth { width: 100%; height: 60px; text-align: center; line-height: 20px; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Regular; }

.detail-info-con .info .supplier .button { width: 164px; height: 54px; border: 1px solid #03010f; margin: 0 auto; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Light; font-weight: 300; text-align: center; line-height: 54px; }

.detail-info-con .info .supplier .button a { width: 164px; height: 54px; display: block; }

.detail-info-con .recommend { width: 100%; padding-bottom: 50px; padding-top: 72px; }

.detail-info-con .recommend .tit { width: 100%; height: 53px; font-size: 24px; line-height: 24px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; font-weight: 700; text-align: left; color: #03010f; }

.detail-info-con .recommend .list li { width: 19%; margin-right: 1.25%; margin-bottom: 22px; float: left; background: #fff; border: 1px solid #e6e7ea; }

.detail-info-con .recommend .list li:nth-child(5n) { margin-right: 0; }

.detail-info-con .recommend .list li .img { width: 100%; }

.detail-info-con .recommend .list li .img img { display: inline-block; vertical-align: middle; width: 100%; }

.detail-info-con .recommend .list li .info { width: 100%; height: 110px; padding: 15px; }

.detail-info-con .recommend .list li .info .tit { width: 100%; line-height: 24px; height: 48px; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Medium; font-weight: 500; text-align: left; color: #1a1a1a; }

.detail-info-con .recommend .list li .info .tit .new { padding: 3px; margin-right: 5px; font-size: 12px; background: #11be65; color: #fff; }

.detail-info-con .recommend .list li .info .tit .hot { padding: 3px; margin-right: 5px; font-size: 12px; background: #E60027; color: #fff; }

.detail-info-con .recommend .list li .info .price { width: 100%; font-size: 16px; font-weight: 500; color: #E60027; margin-top: 6px; }

.detail-info-con .recommend .list li .info .price s { font-size: 14px; font-weight: 200; color: #666666; }
/*# sourceMappingURL=product-detail.min.css.map */


.detail { width: 100%; }

.detail-info { width: 100%; height: 306px; background: #f7f9f9; padding-top: 93px !important; padding-bottom: 32px !important; }

@media screen and (max-width: 1210px) { .detail-info-con { width: 100%; } }

@media screen and (min-width: 1210px) { .detail-info-con { width: 80%; } }

@media screen and (min-width: 1210px) and (max-width: 1400px) { .detail-info-con { width: 90%; } }

.detail-info-con .logo { width: 180px; height: 180px; margin-right: 45px; background: #fff; line-height: 180px; overflow: hidden; }

.detail-info-con .logo img { display: inline-block; vertical-align: middle; }

.detail-info-con .logo-txt { width: 160px; padding: 10px; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; text-align: center; }

.detail-info-con .name-booth { padding-top: 61px; }

.detail-info-con .name-booth .name { height: 78px; font-size: 28px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; font-weight: 700; text-align: left; color: #03010f; }

.detail-info-con .name-booth .booth { height: 18px; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Normal; font-weight: Normal; text-align: left; color: #03010f; }

.detail-info-con .view { width: 100px; height: 48px; margin-top: 127px; }

.detail-info-con .view .img { height: 48px; line-height: 48px; }

.detail-info-con .view .img img { width: 14px; display: inline-block; vertical-align: middle; }

.detail-info-con .view span { height: 48px; line-height: 48px; font-size: 12px; color: #666666; }

.detail-info-con .reserve { width: 167px; height: 48px; margin-top: 127px; text-align: center; line-height: 48px; font-size: 18px; margin-right: 20px; background: #e60027; color: #fff; cursor: pointer; }

.detail-info-con .reserve img { display: inline-block; vertical-align: middle; width: 24px; }

.detail-info-con .reserve .txt { display: inline-block; }

.detail-introduction { width: 100%; height: 306px; padding-bottom: 72px !important; }

@media screen and (max-width: 1210px) { .detail-introduction-con { width: 100%; } }

@media screen and (min-width: 1210px) { .detail-introduction-con { width: 80%; } }

@media screen and (min-width: 1210px) and (max-width: 1400px) { .detail-introduction-con { width: 90%; } }

.detail-introduction-con .about, .detail-introduction-con .product { width: 100%; border-bottom: 1px solid #f2f2f2; padding-bottom: 50px; padding-top: 72px; }

.detail-introduction-con .about .tit, .detail-introduction-con .product .tit { width: 100%; height: 53px; font-size: 24px; line-height: 24px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; font-weight: 700; text-align: left; color: #03010f; }

.detail-introduction-con .about .content, .detail-introduction-con .product .content { font-size: 16px; line-height: 32px; color: #03010f; }

.detail-introduction-con .product .content video{max-width: 100%}

.detail-introduction-con .recommend { width: 100%; padding-bottom: 50px; padding-top: 72px; }

.detail-introduction-con .recommend .tit { width: 100%; height: 53px; font-size: 24px; line-height: 24px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; font-weight: 700; text-align: left; color: #03010f; }

.detail-introduction-con .recommend .list li { width: 19%; margin-right: 1.25%; margin-bottom: 22px; float: left; background: #fff; border: 1px solid #e6e7ea; }

.detail-introduction-con .recommend .list li:nth-child(5n) { margin-right: 0; }

.detail-introduction-con .recommend .list li .img { width: 100%; }

.detail-introduction-con .recommend .list li .img img { display: inline-block; vertical-align: middle; width: 100%; }

.detail-introduction-con .recommend .list li .info { width: 100%; height: 110px; padding: 15px; }

.detail-introduction-con .recommend .list li .info .tit { width: 100%; line-height: 24px; height: 48px; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Medium; font-weight: 500; text-align: left; color: #1a1a1a; }

.detail-introduction-con .recommend .list li .info .tit .new { padding: 3px; margin-right: 5px; font-size: 12px; background: #11be65; color: #fff; }

.detail-introduction-con .recommend .list li .info .tit .hot { padding: 3px; margin-right: 5px; font-size: 12px; background: #E60027; color: #fff; }

.detail-introduction-con .recommend .list li .info .price { width: 100%; font-size: 16px; font-weight: 500; color: #E60027; margin-top: 6px; }

.detail-introduction-con .recommend .list li .info .price s { font-size: 14px; font-weight: 200; color: #666666; }
/*# sourceMappingURL=supplier-detail.min.css.map */


.list-head-fixed { width: 100%; overflow: hidden; height: 397px; }

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

.list-head-fixed .search { width: 900px; }

.list-head-fixed .search .tit { width: 900px; height: 63px; line-height: 46px; font-size: 46px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; color: #fff; margin-top: 140px; font-weight: 500; }

.list-head-fixed .search .count { width: 900px; height: 55px; line-height: 18px; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Light; color: #fff; }

.list-head-fixed .search .form { width: 900px; height: 64px; }

.list-head-fixed .search .form .input { width: 800px; height: 64px; }

.list-head-fixed .search .form .input input { width: 100%; padding: 0 26px; height: 64px; font-size: 16px; }

.list-head-fixed .search .form .button { width: 100px; height: 64px; cursor: pointer; background: #0040A5; text-align: center; line-height: 64px; }

.list-head-fixed .search .form .button img { width: 32px; height: 32px; }

.category { background: #fff; padding-top: 24px !important; padding-bottom: 30px !important; }

.category-con { padding: 40px 0; }

@media screen and (max-width: 1210px) { .category-con { width: 100%; } }

@media screen and (min-width: 1210px) { .category-con { width: 80%; } }

@media screen and (min-width: 1210px) and (max-width: 1400px) { .category-con { width: 90%; } }

.category-class { width: 100%; }

.category-class .left { display: inline-block; width: 106px; font-size: 15px; font-weight: 500; vertical-align: top; }

.category-class .right { display: inline-block; width: calc(100% - 120px); }

.category-class .right a { display: inline-block; height: 37px; padding-right: 25px; font-size: 15px; color: #666666; }

.category-class .right a.active { color: #0040A5; }

.list { background: #fbfbfc; }

.list-con { padding: 22px 0; }

@media screen and (max-width: 1210px) { .list-con { width: 100%; } }

@media screen and (min-width: 1210px) { .list-con { width: 80%; } }

@media screen and (min-width: 1210px) and (max-width: 1400px) { .list-con { width: 90%; } }

.list-con li { width: 100%; padding: 31px; background: #fff; margin-bottom: 18px; }

.list-con li .logo { width: 160px; height: 160px; border: 1px solid #dfdfdf; margin-right: 43px; line-height: 160px; overflow: hidden; background: #fff; }

.list-con li .logo img { display: inline-block; vertical-align: middle; }

.list-con li .logo-txt { width: 160px; padding: 10px; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; text-align: center; }

.list-con li .middle { width: calc(100% - 160px - 114px - 15%); }

.list-con li .middle .tit { width: 100%; height: 51px; margin-top: 7px; font-size: 24px; font-family: SourceHanSansSC, SourceHanSansSC-Bold; font-weight: 700; }

.list-con li .middle .content { width: 100%; line-height: 25px; font-size: 16px; }

.list-con li .middle .service { width: 100%; height: 30px; margin-top: 12px; }

.list-con li .middle .service .tel { height: 30px; line-height: 30px; margin-right: 19px; font-size: 16px; }

.list-con li .middle .service .button { width: 98px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; margin-right: 46px; background: #f3f5f8; color: #5d6f7f; cursor: pointer; }

.list-con li .middle .service .button img { display: inline-block; vertical-align: middle; width: 18px; }

.list-con li .middle .service .button .txt { display: inline-block; }

.list-con li .middle .service .booth { height: 30px; line-height: 30px; font-size: 18px; font-weight: 700; margin-right: 46px; color: #E60027; }

.list-con li .middle .service .view { height: 30px; }

.list-con li .middle .service .view .img { height: 30px; line-height: 30px; }

.list-con li .middle .service .view .img img { width: 14px; display: inline-block; vertical-align: middle; }

.list-con li .middle .service .view span { height: 30px; line-height: 32px; font-size: 12px; color: #666666; }

.list-con li a.more { width: 114px; height: 40px; line-height: 40px; text-align: center; margin-top: 61px; border: 1px solid #161616; font-size: 16px; color: #161616; }

.list-con li a.more i:after { content: ' '; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #161616; border-bottom: 2px solid #161616; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.product-list { background: #fbfbfc; }

.product-list-con { padding: 22px 0; }

@media screen and (max-width: 1210px) { .product-list-con { width: 100%; } }

@media screen and (min-width: 1210px) { .product-list-con { width: 80%; } }

@media screen and (min-width: 1210px) and (max-width: 1400px) { .product-list-con { width: 90%; } }

.product-list-con li { width: 19%; margin-right: 1.25%; margin-bottom: 22px; float: left; background: #fff; }

.product-list-con li:nth-child(5n) { margin-right: 0; }

.product-list-con li .img { width: 100%; }

.product-list-con li .img img { display: inline-block; vertical-align: middle; width: 100%; }

.product-list-con li .info { width: 100%; height: 140px; padding: 15px; }

.product-list-con li .info .tit { width: 100%; line-height: 24px; height: 48px; font-size: 18px; font-family: SourceHanSansSC, SourceHanSansSC-Medium; font-weight: 500; text-align: left; color: #1a1a1a; }

.product-list-con li .info .tit .new { padding: 3px; margin-right: 5px; font-size: 12px; background: #11be65; color: #fff; }

.product-list-con li .info .tit .hot { padding: 3px; margin-right: 5px; font-size: 12px; background: #E60027; color: #fff; }

.product-list-con li .info .price { width: 100%; font-size: 16px; font-weight: 500; color: #E60027; margin-top: 6px; }

.product-list-con li .info .price s { font-size: 14px; font-weight: 200; color: #666666; }

.product-list-con li .info .company { width: 100%; font-size: 14px; color: #666666; margin-top: 6px; line-height: 18px; }

.flex-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/*# sourceMappingURL=supplier-list.min.css.map */


.ticket { background: #fbfbfc; padding-top: 30px !important; padding-bottom: 20px !important; }

.ticket-con { padding: 90px 0; background: #fff; }

.ticket-con .tit { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 36px; font-weight: bolder; }

.ticket-con .sub-tit { width: 100%; height: 100px; font-size: 24px; line-height: 30px; text-align: center; }

.ticket-con .img { width: 100%; padding-bottom: 50px; text-align: center; }

.ticket-con .img img { width: 1100px; height: 175px; }

.ticket-con .form { width: 1120px; margin: 0 auto; }

.ticket-con .form .label { width: 100%; height: 84px; }

.ticket-con .form .label-box { width: 1080px; height: 65px; padding: 9px 0; border: 1px solid #dfdfdf; position: relative; }

.ticket-con .form .label-box .name { width: 200px; padding-left: 32px; height: 47px; line-height: 47px; font-size: 18px; font-weight: 500; border-right: 1px solid #ededee; }

.ticket-con .form .label-box .input { width: 877px; height: 47px; }

.ticket-con .form .label-box .input input { width: 877px; height: 47px; border: 0; padding: 0 20px; font-size: 18px; }

.ticket-con .form .label-box .getCode { width: 214px; height: 59px; background: #0034c8; color: #fff; font-size: 16px; cursor: pointer; position: absolute; right: 3px; top: 2px; text-align: center; line-height: 59px; }

.ticket-con .form .label span { width: 20px; color: #e7002e; line-height: 65px; text-align: center; }

.ticket-con .form .button { width: 100%; height: 130px; }

.ticket-con .form .button-box { width: 290px; height: 65px; line-height: 65px; text-align: center; font-size: 18px; text-align: center; margin: 0 auto; background: #f00012; color: #fff; cursor: pointer; }

.ticket-con .form .button-box i:after { content: ' '; display: inline-block; width: 12px; height: 12px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.ticket-con .note { width: 1120px; border-top: 1px solid #dfdfe0; margin: 0 auto; padding: 50px 0; }

.ticket-con .note-tit { width: 100%; font-size: 20px; font-weight: bolder; }

.ticket-con .note-tit::before { content: url("/static/img/common/icon/icon-note.png"); vertical-align: middle; padding-right: 14px; }

.ticket-con .note-content { width: 100%; line-height: 35px; padding: 10px 0; }

.map { background: #fff; }

.map-con { padding-bottom: 140px; }

.map-con .tit { width: 100%; height: 135px; line-height: 135px; font-size: 36px; text-align: center; font-weight: bolder; }

.map-con .img { width: 100%; position: relative; }

.map-con .img .addr { position: absolute; top: 40px; left: 40px; padding: 40px 60px 40px 30px; text-align: left; background-color: #fff; }

.map-con .img .addr-tit { font-size: 22px; font-weight: bold; }

.map-con .img .addr-detail { margin-top: 18px; }

.map-con .img .addr-detail .name { font-size: 20px; }

.map-con .img .addr-detail .name::before { content: url("/static/img/icon/address-icon.png"); vertical-align: middle; padding-right: 8px; }

.map-con .img .addr-detail .content { margin-top: 10px; font-size: 14px; }

.map-con .img .addr-btn { display: inline-block; font-size: 16px; padding: 6px 40px 6px 20px; border: 1px solid #000; cursor: pointer; }

.map-con .img .addr-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); }
/*# sourceMappingURL=ticket.min.css.map */




.traffic { background: #fff; padding-top: 30px !important; padding-bottom: 20px !important; }

.traffic-con { width: 100%; }

.traffic-con .hall { width: 100%; padding-top: 120px; padding-bottom: 120px; }

.traffic-con .hall .col-5 { border-right: 1px solid #e4e4e4; }

.traffic-con .hall .col-7 { padding-left: 80px; }

.traffic-con .hall-name { font-size: 30px; font-weight: bold; line-height: 80px; }

.traffic-con .hall-addr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; line-height: 30px; }

.traffic-con .hall-mode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #999; }

.traffic-con .hall-mode .item { padding: 10px 30px; cursor: pointer; }

.traffic-con .hall-mode .item.active { color: #fff; background-color: #0040a5; }

.traffic-con .hall-detail { margin-top: 32px; }

.traffic-con .hall-detail .detail-name { margin-bottom: 10px; font-size: 24px; }

.traffic-con .map { padding-bottom: 140px; }

.traffic-con .map .img { width: 100%; position: relative; }

.traffic-con .map .img .addr { position: absolute; top: 40px; left: 40px; padding: 40px 60px 40px 30px; text-align: left; background-color: #fff; }

.traffic-con .map .img .addr-tit { font-size: 22px; font-weight: bold; }

.traffic-con .map .img .addr-detail { margin-top: 18px; }

.traffic-con .map .img .addr-detail .name { font-size: 20px; }

.traffic-con .map .img .addr-detail .name::before { content: url("/static/img/icon/address-icon.png"); vertical-align: middle; padding-right: 8px; }

.traffic-con .map .img .addr-detail .content { margin-top: 10px; font-size: 14px; }

.traffic-con .map .img .addr-btn { display: inline-block; font-size: 16px; padding: 6px 40px 6px 20px; border: 1px solid #000; cursor: pointer; }

.traffic-con .map .img .addr-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); }

.icon { display: inline-block; width: 31px; height: 26px; margin-right: 4px; vertical-align: bottom; }

.bus-icon { background: url("../images/bus-icon.png") no-repeat 50% 50%; background-size: cover; }

.metro-icon { background: url("../images/metro-icon.png") no-repeat 50% 50%; background-size: cover; }

.taxi-icon { background: url("../images/taxi-icon.png") no-repeat 50% 50%; background-size: cover; }

.p-icon { background: url("../images/p-icon.png") no-repeat 50% 50%; background-size: cover; }

.aircraft-icon { background: url("../images/aircraft-icon.png") no-repeat 50% 50%; background-size: cover; }

.active .bus-icon { background: url("../images/bus-icon-white.png") no-repeat 50% 50%; background-size: cover; }

.active .metro-icon { background: url("../images/metro-icon-white.png") no-repeat 50% 50%; background-size: cover; }

.active .taxi-icon { background: url("../images/taxi-icon-white.png") no-repeat 50% 50%; background-size: cover; }

.active .p-icon { background: url("../images/p-icon-white.png") no-repeat 50% 50%; background-size: cover; }

.active .aircraft-icon { background: url("../images/aircraft-icon-white.png") no-repeat 50% 50%; background-size: cover; }
/*# sourceMappingURL=traffic.min.css.map */


.zhibomenu{display: flex;margin-bottom: 20px;width: 100%}
.zhibomenu a{font-size: 18px;color: #333333;margin-right: 40px;display: flex;}
.zhibomenu a img{height: 23px;display: block;margin-right: 5px;flex: 1;width: auto;}
.zhibomenu a.active,.zhibomenu a:hover{color: #DB3A1A;}




.live-swiper a .image{width: 100%;height: 400px;border-radius: 5px;overflow: hidden;}
.live-swiper a .image img{display: block;width: 100%;height: 100%;object-fit: cover;}
.live-swiper a{display: block;position: relative;}
.live-swiper a p{position: absolute;width: 100%;bottom: 20px;box-sizing: border-box;padding: 0 20px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;z-index: 100;color: #fff;text-align: left;font-size: 18px;}
.live-swiper a::after{position: absolute;left: 0;top: 0;width: 100%;
content: "";height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.3));
}