*{margin:0;padding:0;} ul{list-style:none;} a{outline:none;text-decoration:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} body{font-family:Arial;min-width:1400px;} .clear{clear:both;} #nav{ height: 100px; background-image: url(../images/nav_bg.png); background-size:100% 100%; position: absolute; width: 100%; z-index:9999; } #nav>.form-group{ position: absolute; right: 48px; top: 15px; } #nav>.form-group>input{ float: right; line-height: 28px; width: 230px; padding-left: 10px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border:1px #E4E4E4 solid; border-right: 0px; height: 28px; } #nav>.form-group>input:hover{ background-color: #F3FDFF; } #nav>.form-group>input:active{ background-color: #F3FDFF; border-color: #3A75DC; } .seach{ width:30px; height: 30px; float: right; background: url(../images/seach_bg.png) no-repeat; /* margin-left: 20px; */ transition: background 0.2s; color: #fff; text-align: center; font-size: 14px; cursor:pointer; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .seach >img{ text-align: center; margin-top: 7px; } .seach:hover{ background: url(../images/seach_mouseover.png); } .logo{ background: url(../images/u99.png) no-repeat center center; background-size: 480px 66px; width:480px; height: 100px; text-indent: -9999px; margin-left: 240px; float: left; } #nav > ul{ float: right; padding-top: 40px; margin-right: 200px; } #nav > ul >li{ float: left; } #nav > ul >li{ background: url(../images/nav_fenge.png) no-repeat center right; } #nav > ul >li:last-child{ background:none; } #nav > ul >li > a{ display: block; padding-right: 16px; padding-left: 16px; line-height: 60px; font-size: 18px; color: #333; transition: background 0.2s; background:url(../images/nav_bottom.png) no-repeat left bottom; background-size: 0px 6px; } #nav > ul >li > a:hover{ background:url(../images/nav_bottom.png) no-repeat left bottom; background-size: 100% 6px; color: #2D5FC2; } #nav > ul >li:first-child > a:hover{ background:none; } #nav ul >li >a .active{ background:url(../images/nav_bottom.png) no-repeat left bottom; background-size: 100% 6px; color: #2D5FC2; } #nav ul> li .active{ background:url(../images/nav_bottom.png) no-repeat left bottom; background-size: 100% 6px; color: #2D5FC2; } #nav ul .active{ background:url(../images/nav_bottom.png) no-repeat left bottom; background-size: 100% 6px; color: #2D5FC2; } #nav > ul >li > a > img{ margin-right: 7px; } .right{ float: right; } .left{ float: left; } footer{ background-color: #BCDFFF; } footer>p{ text-align: center; padding-top: 40px; padding-bottom: 40px; color: #2D5FC2; font-size: 14px; } footer>.book{ height: 60px; background-color: #fff; text-align: center; } .book>ul{ text-align: center; width: 450px; height: 60px; margin: 0 auto; } .book>ul>li{ float: left; background: url(../images/u151.png) no-repeat left center; } .book>ul>li:first-child{ background:none; } .book>ul>li>a{ display: block; line-height: 60px; padding-left: 24px; padding-right: 24px; font-size: 14px; color: #666; } .book>ul>li>a:hover{ color: #3667C5; } .erweima{ background-image:url(../images/u444.png); background-size: 100px 100px; width: 100px; height: 100px; position: fixed; left: 10px; bottom: 10px; z-index: 998; }