@charset "UTF-8"; /* ------------------------------------------ RESET --------------------------------------------- */ body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup { margin: 0; padding: 0; border: 0; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; } a:active, a:hover { outline: 0; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ------------------------------------------ BASE DEMO STYLES --------------------------------------------- */ body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #37302a; background: #fff; /*min-height: 5000px;*/ font: normal 100%/1.4 "Arial","Microsoft YaHei","黑体","宋体",sans-serif; } section { border-bottom: 1px solid #999; float: left; width: 100%; height: 800px; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ #header-nav-top > div:nth-child(1) > div{ /*padding-top: 1em;*/ margin-top:1em; font-size: 1.5em; font-weight: bold; } #header-nav-top > div:nth-child(1) > div a{ text-decoration: none; color: white; } #header-nav-top > div:nth-child(1) > div:nth-child(1) > a:nth-child(1):hover{ color: white; border-bottom: 2px solid white; } #header-nav-top > div:nth-child(1) > div:nth-child(2) > a:nth-child(1):hover{ color: white; border-bottom: 2px solid white; padding-top: 10px; } #header-nav-top > div:nth-child(1) > div:nth-child(3) > a{ border: solid 2px #269abc; border-radius: 10px; padding:0px 10px; } #header-nav-top > div:nth-child(1) > div:nth-child(3) > a:nth-child(1):hover{ background-color: #269abc; color: white; } .fixed { position: fixed; width: 100%; top: 0; left: 0; } .header-nav, .header-nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header-nav, .header-nav ul { list-style: none; width: 100%; float: left; } .header-nav li { float: left; width: 100%; } .header-nav li:hover { border-bottom: solid 2px white; color: white; } @media screen and (min-width: 40em) { .header-nav li { width: 12.5%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */ } } .header-nav a { color: white; text-decoration: none; width: 100%; background: transparent; border-bottom: 1px solid white; padding: 0.7em 1em; float: left; font-size: 1.5em; font-weight: bold; } .header-nav a:hover { color: white; } @media screen and (min-width: 40em) { .header-nav a { margin: 0; padding: 1em; float: left; text-align: center; border-bottom: 0; /*border-right: 1px solid white;*/ } } .header-nav ul ul a { background: transparent; } @media screen and (min-width: 40em) { .header-nav ul ul a { display: none; } } @media screen and (max-width: 991px) { #body-three-panel{ display: none; } } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src:url("../../icons/responsivenav.eot"); src:url("../../icons/responsivenav.eot?#iefix") format("embedded-opentype"), url("../../icons/responsivenav.ttf") format("truetype"), url("../../icons/responsivenav.woff") format("woff"), url("../../icons/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle { position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width: 70px; height: 55px; float: right; } .nav-toggle:before { color: white; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 55px; speak: none; width: 100%; top: 0; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } /**** 清除相应bootstrap自带的padding */ .bootstrap-div-padding-clear{ padding: 0; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; margin-bottom: -6em; } #body-seven-panel{ /*padding: 0px;*/ /*text-align: center;*/ background-color: #3d3c42; color: #9d9d9d; padding-top: 50px; } /*#body-seven-panel >div:nth-child(1){*/ /*margin-top: 6em;*/ /*text-align: center;*/ /*margin-bottom: 6em;*/ /*color: #0f0f0f;*/ /*width: 100%;*/ /*}*/ /*#body-seven-panel >div:nth-child(1)> div:nth-child(1)>input{*/ /*border: none;*/ /*float: left;*/ /*margin-left: 1em;*/ /*width: 70%;*/ /*border-radius: 2em;*/ /*margin-top: 1em;*/ /*}*/ /*#body-seven-panel >div:nth-child(1)>div:nth-child(1){*/ /*background-color: white;*/ /*width: 30em;*/ /*margin:0 auto;*/ /*border-radius: 2em;*/ /*height: 3em;*/ /*}*/ /*#body-seven-panel >div:nth-child(1)>div:nth-child(1)>a {*/ /*background-color: #898989;*/ /*float: right;*/ /*border-radius: 2em;*/ /*text-decoration: none;*/ /*!*margin-top: 0.1em;*!*/ /*color: white;*/ /*font-weight: bold;*/ /*padding: 3px 1em;*/ /*margin-top: 2px;*/ /*}*/ #body-seven-panel > div:nth-child(1){ margin-bottom: 2em; } #body-seven-panel > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){ font-size: 2em; font-weight: bold; margin-bottom: 1em; } #body-seven-panel > div:nth-child(1) > div:nth-child(1) > div:nth-child( n + 2 ){ font-size: 1.5em; /*margin-bottom: 1em;*/ color: #9d9d9d; } /*#body-seven-panel > div:nth-child(1) > div:nth-child(1) > div:nth-child( n + 2 ) > a:hover {*/ /*!*font-size: 1.5em;*!*/ /*!*color: #9d9d9d;*!*/ /*cursor: default;*/ /*}*/ #body-seven-panel > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){ font-size: 2em; font-weight: bold; margin-bottom: 1em; } #body-seven-panel > div:nth-child(1) > div:nth-child(2) > div:nth-child( n + 2 ){ font-size: 1.5em; /*margin-bottom: 1em;*/ color: #9d9d9d; } #body-seven-panel > div:nth-child(1) > div:nth-child(2) > div:nth-child( n + 2 ){ font-size: 1.5em; /*margin-bottom: 1em;*/ color: #9d9d9d; } #body-seven-panel > div:nth-child(1) > div:nth-child(3) > div:nth-child(1){ font-size: 2em; font-weight: bold; margin-bottom: 1em; } #body-seven-panel > div:nth-child(1) > div:nth-child(3) > div:nth-child( n + 2 ){ font-size: 1.5em; /*margin-bottom: 1em;*/ color: #9d9d9d; } /*#body-seven-panel a{*/ /*text-decoration: none;*/ /*color: #9d9d9d;*/ /*cursor: pointer;*/ /*}*/ .active-a{ /*font-size: 1.5em;*/ /*margin-bottom: 1em;*/ color: #9d9d9d; } .active-a:hover{ border-bottom: solid 2px #adadad; cursor: pointer; color: #9d9d9d; text-decoration: none; } .no-active-a{ /*font-size: 1.5em;*/ /*margin-bottom: 1em;*/ color: #9d9d9d; } .no-active-a:hover{ /*border-bottom: solid 2px #adadad;*/ cursor: default; color: #9d9d9d; text-decoration: none; } /*#body-seven-panel a:hover{*/ /*border-bottom: solid 1px white;*/ /*}*/ .footer-panel{ /*height: 3em;*/ background-color: #333237; padding:0px; } .carousel-indicators li{ margin-right:1em !important; } .img-responsive { display: inline-block; height: auto; max-width: 100%; } .header-nav-bottom{ border-top: solid 2px #898989; } @media screen and (max-width:991px){ #body-seven-panel >div:nth-child(1){ margin-top: 0; margin-bottom: 0; padding-top: 2em; } #body-seven-panel > div:nth-child(2){ margin-bottom: 0; } .footer-panel { height: 4em; background-color: black; padding: 0px; } .header-nav-bottom{ border: none; } } #moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wxin_sug { z-index:2; width:30px; height:30px; right:10px; position:fixed; cursor:pointer; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) } #moquu_wxin_sug { bottom:160px; right:10px; } #moquu_wxin_sug a { background:url(../../imgs/top/icon.png); right:0; float:left; width:30px; height:30px; text-indent:-9999px; border-radius: 2px; } #moquu_wxin_sug a:hover { background:url(../../imgs/top/icon.png); color: white; border-radius: 3px; } #moquu_wxin { bottom:130px; right:10px; } #moquu_wxin a { background:url(../../imgs/top/2.png); right:0; float:left; width:30px; height:30px; text-indent:-9999px; border-radius: 2px; } #moquu_wxin a:hover { background:url(../../imgs/top/facebook3.png); color: white; border-radius: 3px; } #moquu_wshare {bottom:100px; right:10px; } #moquu_wshare a { background:url(../../imgs/top/wechat_logo_thumb_thumb.png) 0 -30px; width:30px; height:30px; right:0; float:left; text-indent:-9999px; border-radius: 2px; } #moquu_wshare a:hover { background:url(../../imgs/top/wechat-logo-preview_thumb_thumb.png) -30px -30px; border-radius: 2px; } .moquu_wxin,.moquu_wshare { position:relative; z-index:2 } .moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh { display:block } .moquu_wxin .moquu_wxinh { position:absolute; display:none; right:30px; bottom:0px; width:70px; height:30px; background:url(../../imgs/top/1.png) 0 0 no-repeat #55c2d9; color:#FFF; border-radius:4px 0 0 4px; } .moquu_wshare .moquu_wshareh { position:absolute; display:none; right:36px; bottom:-85px; width:200px; height:200px; background:url(../../imgs/top/weixin.png) no-repeat; background-size: 100% 100%; } .navactive{ border-bottom: solid white 1px; } #topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}entStyle.marginBottom,10)||0)));margin-bottom:80px;} img { height: 100%; width: auto; left:50%; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); }