/* 清除浮动 */ body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .clearfix:after { display: block; clear: both; content: ''; visibility: hidden; height: 0; } .clearfix { zoom: 1; } /* 左浮动和右浮动 */ .fl { float: left; } .fr { float: right; } body { margin: 0; padding: 0; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; } #pc-footer { display: none; } #pc-header { display: none; } #mobile-header { display: block; position: fixed; top: 0px; left: 0px; z-index: 9999; background-color: #fff; background-color: rgba(0, 0, 0, 0); width: 100%; /* height: 100vh; */ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #mobile-iframe-header { display: block; } .header { text-align: center; } .block { text-align: center; } /* header */ .top-wrapper { display: block; background: #fff; width: 100%; box-sizing: border-box; overflow: hidden; } .top-wrapper .top-content { display: block; padding: 12px 16px 12px 16px; box-sizing: border-box; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); z-index: 999; background-color: #fff; } .top-wrapper .logo { /* width: 72px; */ height: 24px; } .top-wrapper .header-btn { width: 22px; height: 22px; background-size: 22px 22px; background-repeat: no-repeat; background-position: center center; background-color: #fff; } .top-wrapper .header-btn.menu { background-image: url('/images/home/icon-menu.png'); } .top-wrapper .header-btn.search { background-image: url('/images/home/icon-inquire.png'); } /* 大图 */ .head-image-wrapper { display: block; width: 100%; z-index: 0; margin-top: 48px; position: relative; overflow: hidden; } .head-image-wrapper .head-mp4-block { position: relative; height: 220px; width: 100%; } .head-image-wrapper .head-mp4 { position: absolute; width: auto; height: 220px; display: block; left: 50%; top: 0; transform: translate(-50%, 0); } .head-image-wrapper .head-content { display: block; box-sizing: border-box; width: 100%; padding: 14px 24px 0; text-align: left; } .head-image-wrapper .mobile-head-content span { font-size: 24px; color: #fff; position: absolute; line-height: 36px; top: 92px; left: 24px; } .head-image-wrapper .head-content .title { display: none; } .head-image-wrapper .head-content .content { font-size: 14px; color: #333333; letter-spacing: 0; text-align: justify; line-height: 24px; } .head-content .home-title { font-size: 17px; font-weight: 500; color: #fff; letter-spacing: 0; text-align: justify; width: 100%; } .head-content .home-content { width: 100%; box-sizing: border-box; padding-top: 8px; font-size: 12px; line-height: 17px; color: #333333; letter-spacing: 0; text-align: justify; display: none; } .home-more { display: inline-block; box-sizing: border-box; width: 96px; height: 50px; margin-top: 32px; background-color: #E60012; border-radius: 4px; text-align: center; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ } .head-image-wrapper .home-more { display: none; } .home-more:hover { background-color: #CF0111; } .home-more>a { font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 50px; text-align: center; } .head-image { width: 100%; display: block; } /* 头部-菜单栏开始 */ .top-wrapper .header-menu { display: none; text-align: left; padding: 0 24px; } .header-menu .header-menu-content, .search-menu .header-search-list { overflow-y: scroll; height: 100%; box-sizing: border-box; padding-bottom: 180px; } .header-menu-content .header-menu-item, .header-search-list .header-search-item { border-bottom: 1px solid #E5E5E5; } .header-menu-content .header-menu-item:last-child, .header-search-list .header-search-item:last-child { border-bottom: none; } .header-menu-item .content { overflow: hidden; position: relative; } .header-menu-content .header-menu-item .title { height: 52px; line-height: 52px; font-size: 14px; color: #333333; display: inline-block; text-align: left; } .header-menu-content .header-menu-item .total { display: block; } .header-menu-content .header-menu-item .openbtn { position: absolute; left: 0; right: 0; outline: none; float: right; box-sizing: border-box; width: 100%; height: 52px; background: rgba(0, 0, 0, 0); text-align: left; } .header-menu-item .open-img, .header-menu-item .two-open-img { border-radius: 24px; background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; } .header-menu-item .open-img { position: absolute; top: 20px; right: 0; width: 12px; height: 12px; } .header-menu-item .content-two .title { display: inline-block; font-size: 14px; color: #555555; line-height: 36px; height: 36px; } .header-menu-item .content-two .openbtn { height: 36px; } .header-menu-item .two-open-img { display: inline-block; margin-left: 20px; width: 12px; height: 12px; } .header-menu-item .next-block { padding: 10px 16px 18px; display: none; } .header-menu-item .content-two .two-next-block { padding: 0 16px 0; display: none; } .header-menu-item .next-block a { display: block; font-size: 14px; color: #555555; line-height: 36px; } /* 头部-菜单栏结束 */ /* 头部-搜索栏开始 */ .top-wrapper .search-menu { display: none; text-align: left; } .search-menu .tracking { margin: 16px 9px; background: #fff; border-radius: 4px; padding: 12px 16px 16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .search-menu .tracking .title { font-size: 14px; color: #333333; letter-spacing: 0; padding-bottom: 12px; } .search-menu .tracking .input { background: #FFFFFF; border-radius: 4px; color: #333333; height: 38px; line-height: 36px; width: 100%; box-sizing: border-box; padding: 0 12px; border: 1px solid rgba(0, 0, 0, 0.07); } .tracking .input::-webkit-input-placeholder { font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.25); } .search-menu .header-search-list { padding: 0 24px; } .header-search-list .header-search-item a { font-size: 14px; color: #333333; letter-spacing: 0; text-align: justify; line-height: 52px; display: block; } /* 头部-搜索栏结束 */ /* 底部样式开始 */ .footer { display: block; text-align: left; height: auto; background: #14154E; width: 100%; overflow: hidden; } .footer .footer-content { padding: 8px 24px 24px; } .footer-content p, .footer-content a, .footer-content span { color: #fff; } .footer-content ul { list-style: none; overflow: hidden; } .footer-content .openbtn { border-bottom: 1px solid rgba(0,0,0,0.25);; } .menu-content .content { position: relative; overflow: hidden; } .footer-content .menu-block .title { height: 48px; line-height: 48px; font-size: 14px; display: inline-block; } .footer-content .menu-block .openbtn { position: absolute; top: 0; left: 0; outline: none; float: right; box-sizing: border-box; width: 100%; height: 48px; background: rgba(0, 0, 0, 0); } .menu-block .open-img { position: absolute; top: 16px; right: 0; width: 16px; height: 16px; } .menu-content .next-block { padding: 2px 24px 24px; display: none; } .menu-content .next-block a { display: block; opacity: 0.65; font-size: 14px; letter-spacing: 0; line-height: 30px; } .menu-content.menu-contact .next-block { padding-bottom: 10px; } .menu-contact .contact-type { padding-top: 10px; } .menu-contact .contact-type img { vertical-align: middle; margin-right: 10px; width: 18px; height: 18px; } .menu-contact .contact-type span { line-height: 14px; font-size: 13px; vertical-align: middle; } .menu-contact .contact-type .line { height: 2px; width: 25px; background-color: #E60012; margin: 8px auto auto 29px; } .menu-contact .contact-type .content { margin: 15px 0 12px 28px; line-height: 24px; font-size: 12px; vertical-align: middle; color: rgba(255, 255, 255, 0.6); } .menu-content:last-child { border-bottom: none; } .menu-content .footer-bottom { padding: 32px 0 0; } .menu-content .footer-bottom span { color: rgba(255, 255, 255, 0.8); font-size: 12px; height: auto; } .menu-content .footer-bottom .copy-right { color: rgba(255, 255, 255, 0.8); font-size: 11px; margin-bottom: 4px; line-height: 20px; } .menu-content .footer-bottom .copy-right a{ color: rgba(255, 255, 255, 0.8); font-size: 11px; } .menu-content .footer-bottom span.right-line { margin: 0 10px 0 10px; height: 12px; font-size: 11px; } .menu-content .footer-bottom .copy-right .line { height: 12px; font-size: 11px; }<!--0.00017690658569336-->