*{ margin:0;padding:0; } body{ font-family: "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, SimHei, 黑体, "Microsoft YaHei", 微软雅黑, "WenQuanYi Micro Hei", sans-serif; height: 100%; overflow-x: hidden; } .fl{ float:left; } .fr{ float:right; } .clearfix::after{ content:''; display:block; clear:both; } ul,li{ list-style: none; } a{ text-decoration: none; } .inner{ max-width: 1200px; width:80%; margin: 0 auto; overflow: hidden; } .inner1{ max-width: 910px; width:50%; margin: 0 auto; overflow: hidden; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInRight { -webkit-animation-name: fadeInLeft; animation-name: fadeInRight; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .header{ width: 100%; height: 80px; line-height: 80px; background: rgba(0,0,0,1); position: fixed; top:0; z-index: 10; font-size: 14px; transition: all 1s; color:#fff; } .logo{ width:89px; height:60px; background: url("../images/logo5.png") no-repeat 0 0/cover; } .header .bannerLogo{ margin-top: 10px; } .header .logo-choose{ width:89px; height:60px; background: url("../images/logo4.png") no-repeat 0 0/cover; } .header .list { display: inline-block; height: 36px; width: 86px; line-height: 36px; text-align: center; border-radius: 2px; margin-top: 22px; margin-left: 12px; cursor: pointer; font-weight: 600; } .list:hover{ background-color: #ee8333; color:#fff; } .on{ background-color: #ee8333; color:#fff; } .header .logoName{ font-size:28px; } .bannerChange { background: rgba(255,255,255,1); box-shadow: 0 3px 2px #ececec; color:#000; } #footerBlock { width: 100%; min-height: 100px; background: #262932; color: #fff; font-size: 15px; position: relative; } .footerContent { max-width: 1200px; width: 80%; margin: 0 auto; min-height: 100px; } .record{ padding-top:25px; box-sizing: border-box; } .record1{ margin-top: 10px; } .phone{ margin-left:10%; } .footer-img{ width:25px; margin-top: -2px; margin-right: 10px; vertical-align: middle; } .footer-img1{ width:20px; margin-top: -2px; margin-right: 10px; vertical-align: middle; } .footer-logo{ float:right; margin-top: -60px; }