/* CSS Document */ /* reset */ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; } header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; } html, body, fieldset, img, iframe, abbr { border: 0; } i, cite, em, var, address, dfn { font-style: normal; } [hidefocus], summary { outline: 0; } li { list-style: none; } h1, h2, h3, h4, h5, h6, small { font-size: 100%; } sup, sub { font-size: 83%; } pre, code, kbd, samp { font-family: inherit; } q:before, q:after { content: none; } textarea { overflow: auto; resize: none; } label, summary { cursor: default; } a, button { cursor: pointer; } h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; } del, ins, u, s, a, a:hover { text-decoration: none; } body, textarea, input, button, select, keygen, legend { font-size:12px; line-height:1.14; color: #041017; outline: 0; } body { background-color:#F9FAFC; } a { color: #041017; } a:hover { color: inherit; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ vertical-align: middle; -ms-interpolation-mode: bicubic; /*為了照顧ie圖片縮放失真*/ } body, html { width: 100%; } body { overflow-x: hidden } .header{ height: 75px; line-height: 75px; background-color:rgba(18,18,20,0.7); position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .header-bar { width: 1182px; margin: 0 auto; } .header-bar .logo { display: inline-block; } .header-bar .logo>a { display: inline-block; } .header-bar .logo>a:after { content: ''; width: 1px; height: 27px; background-color: #fff; display: inline-block; position: relative; top: 11px; left: 10px; } .header-bar .logo>div { font-size: 12px; color: #fff; line-height: 20px; padding: 17.5px; float: right; } .header-bar .logo img{ width: 255px; } .header .header-nav { float: right; } .header .header-nav .header-nav-item { display: inline-block; position: relative; font-size: 14px; margin: 0 15px; min-width: 35px; text-align: center; cursor: pointer; } .header .header-nav .header-nav-item a { color: #fff; position: relative; z-index: 101; display: inline-block; } .header .header-nav .header-nav-item:hover>a:after, .header .header-nav .header-nav-item.this:after { content: ''; height: 2px; background-color: #fff; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; } .header .header-nav .header-nav-item.this a { font-weight: bold; } .header .header-nav .header-nav-item .haeder-nav-child { display: none; position: absolute; left: 0; top: 0; padding-top: 88px; min-width: 100%; line-height: 36px; z-index: 100; white-space: nowrap; text-align: left; } .header .header-nav .header-nav-item:hover .haeder-nav-child { display: block; } .header .header-nav .header-nav-item .haeder-nav-child dd{ background-color:rgba(18,18,20,0.4); } .header .header-nav .header-nav-item .haeder-nav-child a { display: block; padding: 4px 15px; font-weight: normal; transition: all .3s; -webkit-transition: all .3s; } .header .header-nav .header-nav-item .haeder-nav-child dd:hover { background-color:rgba(18,18,20,0.7); } .footer { background-image:url(../../images/front/footer-bg.jpg); background-repeat-y: no-repeat; background-position: bottom center; background-size: cover; color: #fff; font-size:14px; line-height: 16px; } .footer-bar { width: 1182px; margin: 0 auto; overflow: hidden; padding:65px 0 40px; border-bottom: 1px solid rgba(178,187,196,0.3); } .footer-bar .tel-address { float: left; color: #b2bbc4; } .footer-bar .tel-address .tel { font-size: 18px; margin: 44px 0 35px 0; color: #fff; } .footer-bar .tel-address .tel>span { font-size: 28px; font-style: italic; margin-left: 5px; } .footer-bar .tel-address .address { margin-bottom: 20px; } .footer-bar .tel-address .icon { width: 15px; height: 16px; background-repeat: no-repeat; background-position: center; float: left; margin-right: 5px; } .footer-bar .tel-address .icon-address { background-image:url(../../images/front/icon-address.png); background-size: 12px 16px; } .footer-bar .tel-address .icon-mail { background-image:url(../../images/front/icon-mail.png); background-size: 15px 11px; } .footer-bar .nav { float: right; } .footer-bar .nav>dl { float: left; margin-left: 115px; } .footer-bar .nav>dl a{ color: #b2bbc4; } .footer-bar .nav>dl dt{ font-size: 18px; margin-bottom: 40px; } .footer-bar .nav>dl dd{ margin-bottom: 20px; } .footer-bar .QRcode img { width: 116px; height: 116px; } .copyright { text-align: center; font-size: 14px; color: #b2bbc4; padding:30px 0; } .copyright a { color: #b2bbc4; } .copyright span:nth-of-type(3) { margin-left: 2em; } .fixbar { position: fixed; right: 80px; bottom: 60px; z-index: 998; } .fixbar li { position: relative; width: 50px; height: 50px; line-height: 50px; margin-bottom: 5px; text-align: center; background-color: #fff; box-shadow: 0px 0px 10px 1px rgba(0,37,61,0.08); } .fixbar li:hover>span { display:block; } .fixbar li>span { display:none; font-size: 14px; line-height: 1.4; padding: 6px; cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #0079D6; color: #fff; } .fixbar li .detail { position: absolute; left: -160px; top: 0; width: 210px; } .fixbar li .detail>span { width: 140px; line-height: 50px; background-color: #fff; font-size: 14px; display: block; box-shadow: 0px 0px 10px 1px rgba(0,37,61,0.08); } .fixbar li .detail>span>a{ display:block; } .fixbar li .detail>span>a:hover { color: #0F81D9; } .fixbar li .detail:after { content: ''; position: absolute; left: 140px; top: 19px; border-left: 7.5px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .fixbar .icon{ display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; cursor: pointer; background-position: center; } .fixbar .icon.icon-phone { background-image:url(../../images/front/icon-phone.png); } .fixbar .icon.icon-qq { background-image:url(../../images/front/icon-qq.png); } .fixbar .icon.icon-top { background-image:url(../../images/front/icon-top.png); } .page-banner { height: 320px; background-repeat: no-repeat; background-size: cover; background-position-x: center; } .page-content { width: 1182px; margin: 40px auto 0; } .side-navigation { float: left; width: 200px; text-align: left; box-shadow: 0px 0px 10px 1px rgba(0,37,61,0.08); background-color: #fff; } .side-navigation>h2 { background-color: #0079D6; color: #fff; font-size: 18px; padding: 16px 18px 14px; } .side-navigation>h2>i { font-size: 12px; font-style: normal; display: block; color:rgba(255,255,255,0.4); margin-top:7px; } .side-navigation-items { font-size:14px; } .side-navigation-items dd{ position: relative; line-height: 16px; padding: 16px 8px; margin: 0 10px; border-bottom: 1px solid #E3E5E6; } .side-navigation-items dd:last-child { border-bottom: none; } .side-navigation-items .this>a { color: #0079D6; font-weight: bold; } .side-navigation-items .this>a:after { content: ''; width: 2px; height: 16px; background-color: #0079D6; display: inline-block; position: absolute; top: 16px; left: -10px; } .side-navigation-items dd a:hover { color: #0079D6; } .side-content { display: inline-block; width: 940px; min-height: 600px; padding: 0 0 0 40px; } .breadcrumb { position: relative; overflow: hidden; } .breadcrumb-text { font-size: 16px; font-weight: bold; padding: 15px 20px; border-bottom: 1px solid #E3E5E6; } .breadcrumb-text .separator { font-size:16px; margin:0 4px; } .breadcrumb-text i { font-size:14px; font-weight: normal; color:rgba(0,0,12,0.4); } .breadcrumb-href { font-size:14px; position: absolute; bottom: 16px; right: 20px; } .breadcrumb-href a, .breadcrumb-href .separator { color:rgba(0,0,12,0.4); } .breadcrumb-href a:last-child { color:#041017; } .breadcrumb-href a:hover { color: #0079D6; } .breadcrumb-href a.breadcrumb-href-curr:hover { color: #041017; cursor: default; } .page-bar { text-align: right; } .page-bar .layui-laypage{ margin: 0 0 115px; } .page-bar .layui-laypage>a, .page-bar .layui-laypage .layui-laypage-curr{ box-sizing: border-box; width: 36px; height: 36px; line-height: 36px; border-radius: 1px; border: none; box-shadow: 0px 0px 10px 1px rgba(0,37,61,0.08); margin-right: 15px; color: #041017; } .page-bar .layui-laypage .layui-laypage-curr .layui-laypage-em{ left: 0; top: 0; padding: 0; background-color: #0079D6; } .page-bar .layui-laypage .layui-laypage-count{ background-color: transparent; font-size: 14px; } .page-bar .layui-laypage .layui-laypage-spr{ color: #041017; margin-right: 15px; background-color: transparent; border: none; padding: 0; font-weight: normal; line-height: 36px; height: 36px; } .header .site-mobile-icon{ display: none; } .site-mobile-shade{ display: none; content: ''; position: fixed; top: 75px; bottom: 0; left: 0; right: 0; z-index: 9999; } @media screen and (min-width:1100px) and (max-width:1440px){ /* body{ zoom:0.8; width: 125vw; } */ body { min-width: 1200px; overflow-x: auto; } .header .header-bar{ width: 100%; } .header-bar .logo { margin-left: 10px; } } @media screen and (min-width:480px) and (max-width:1100px){ body { min-width: 1440px; overflow-x: auto; } header .header-bar{ width: 100%; padding-left: 15px; box-sizing: border-box; background-color: #0079D6; } .header-bar .logo>a:after { display:none; } .header-bar .logo>div { display:none; } .header .header-nav{ position: fixed; z-index: 10000; top: 75px; right: -230px; bottom: 0; width: 180px; background-color: rgba(18,18,20,0.7); transition: all .3s ease; line-height: 60px; padding: 0 20px; } .header .header-nav li.header-nav-item{ width: 100%; margin: 0; } .header .header-nav li.header-nav-item>a{ width: 100%; font-size: 16px; color: #fff!important; } .header .header-nav .header-nav-item:hover .haeder-nav-child { display: none!important; } .header .site-mobile-icon{ display: inline-block; color: #fff; font-size: 22px; position: absolute; right: 15px; } } @media screen and (max-width: 480px){ body{ min-width: auto; padding-top: 75px; } .header .header-bar{ width: 100%; padding-left: 15px; box-sizing: border-box; background-color: #0079D6; } .header-bar .logo>a:after { display:none; } .header-bar .logo>div { display:none; } .header .header-nav{ position: fixed; z-index: 10000; top: 75px; right: -230px; bottom: 0; width: 180px; background-color: rgba(18,18,20,0.7); transition: all .3s ease; line-height: 60px; padding: 0 20px; } .header .header-nav li.header-nav-item{ width: 100%; margin: 0; } .header .header-nav li.header-nav-item>a{ width: 100%; font-size: 16px; color: #fff!important; } .header .header-nav .header-nav-item:hover .haeder-nav-child { display: none!important; } .header .site-mobile-icon{ display: inline-block; color: #fff; font-size: 22px; position: absolute; right: 15px; } .footer-bar{ display: none; } .copyright>span{ display: block; } .copyright>span:nth-of-type(3){ margin-left: 0; } .fixbar{ right: 10px; bottom: 10px; } .site-mobile .site-mobile-shade{ display: block; } .site-mobile .header .header-nav{ right: 0; transition: all .3s ease; } .page-banner{ height: 150px; } .page-content{ width: 100%; margin-top:0; } .side-navigation{ width: 100%; } .side-content{ width: 100%; padding: 0 20px; box-sizing: border-box; } .breadcrumb{ display: none; } .page-bar{ padding-bottom: 60px } .page-bar .layui-laypage span.layui-laypage-skip{ display: none; } } 国产成人精欧美精品视频,一对一听指挥app,一对一视频聊天听指挥app,国精产品WNW2544