/* slim_curry@163.com */ html { font-size: 16px; color: #333; } ul,ol { padding: 0; margin: 0; } img:hover { filter: alpha(opacity=80); opacity: 0.8; } a { color: #333; } a:hover { text-decoration: underline; } a:focus { filter: alpha(opacity=80); opacity: 0.8; } h1,h2,h3,h4,h5,p { margin: 0; } .clear:after { content:"\200B"; display:block; height:0; clear:both; } .clear { *zoom:1; } .fl { float: left !important; } .fr { float: right !important; } .bdrn { border-right: none !important; } .bgn { background: none !important; } .mr0 { margin-right: 0 !important; } .mb0 { margin-bottom: 0 !important; } .r0 { right: 0 !important; } .l0 { left: 0 !important; } .mt12 { margin-top: 12px !important; } .mt25 { margin-top: 25px !important; } .mb20 { margin-bottom: 20px !important; } .tar { text-align: right !important; } .center { width: 1170px; margin-left: auto; margin-right: auto; } /* 页眉 */ .header { position: relative; z-index: 2; min-width: 1170px; background-color: #3c5c61; line-height: 42px; font-size: 12px; color: #fff; } .header a { color: #fff; } .nav-center nav { float: left; } .header .nav-center { float: none; width: 1170px; margin-left: auto; margin-right: auto; text-align: center; } .header .today { width: 255px; text-align: left; } .header .weather { float: right; width: 235px; } .header .weather img { position: relative; top: 4px; } .header .weather img.t6{ top: 6px; } .header .header-funcs { float: right; width: 235px; } .header .header-funcs span { margin-left: 8px; margin-right: 8px; } .banner { min-width: 1170px; background-image: url("/shhuanghuaaixincom/images/mb41-header-bg.jpg"); background-repeat: no-repeat; background-position: center top; } .banner .center { height: 208px; padding-top: 40px; } .nav { position: relative; z-index: 0; height: 40px; background-color: #009944; -webkit-box-shadow: 0 20px 20px #f2f2f2; box-shadow: 0 20px 20px #f2f2f2; } .nav .center { position: relative; top: -30px; background-color: #fff; } .nav .center img { position: relative; display: block; float: left; } .nav .center img:hover { filter: alpha(opacity=100); opacity: 1; } .nav ul { padding-left: 20px; } .nav li { float: left; width: 130px; height: 60px; line-height: 59px; font-size: 24px; text-align: center; } .nav li:hover, .nav li.on { background-color: #009944; } .nav li:hover a, .nav li.on a { text-decoration: none; color: #fff; } /* 搜索框结构 */ .search-box{ position: relative; margin-left: auto; margin-right: auto; } .search-box input{ font-family: "Microsoft Yahei"; } .search-box .search-icon{ position: absolute; } /* 搜索框样式 */ .search-box1{ float: right; width: 260px; margin-top: 10px; margin-right: 10px; } .search-box1 input{ display: block; width: 260px; height: 40px; padding-left: 10px; background-color: #f5f5f5; border: none; border-radius: 8px; color: #333; font-size: 14px; line-height: 37px; } .search-box1 .search-icon{ right: 9px; top: 9px; } input::-webkit-input-placeholder{ color: #999; font-size: 14px; } input:moz-input-placeholder{ color: #999; font-size: 14px; } input:ms-input-placeholder{ color: #999; font-size: 14px; } /* 搜索框end */ /* 页脚 */ .footer { min-width: 1170px; margin-top: 28px; background-color: #0097a7; font-size: 14px; text-align: center; } .footer nav { height: 50px; line-height: 49px; background-color: #eee; text-align: center; } .footer nav select { width: 264px; height: 30px; margin-right: 10px; padding-left: 10px; border-radius: 6px; border: none; font-size: 14px; color: #666; } .footer address { min-width: 1170px; padding-top: 30px; padding-bottom: 30px; background-color: #0097a7; } .footer address .center { position: relative; } .footer address img { position: absolute; top: -6px; } .footer p { margin-top: 8px; margin-bottom: 8px; font-style: normal; color: #fff; white-space: pre-wrap; } .aside { position: fixed; top: 50%; right: 0; z-index: 10; width: 84px; margin-top: -250px; background-color: #fff; border-top: 4px solid #006bc0; font-size: 12px; text-align: center; } .aside li { height: 88px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; border-top: none; } .aside li img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; } .code-container { position: relative; } .code { position: absolute; top: -1px; left: -84px; display: none; width: 84px; height: 88px; padding: 5px; background-color: #ecf4ff; border: 1px solid #acc7ff; border-right: none; } .code img { width: 74px; height: 78px; } .code-container:hover { background-color: #ecf4ff; border: 1px solid #acc7ff; border-left: none; } .code-container:hover .code { display: block; }