footer{ width: 100%; height: 400px; background: #262f40; position: relative; } footer .con{ max-width: 1140px; height: 100%; position: relative; margin: auto; } footer .con .left{ position: absolute; left: 0; top: 60px; } footer .con .left .smallTilte{ color: #fff; font-size: 18px; line-height: 20px; -webkit-text-stroke:1px #979797; text-stroke:1px #979797; } footer .con .left h3{ color: #fff; font-size: 26px; line-height: 40px; margin-top: 18px; } footer .con .left h3::after{ content: ''; display: block; width: 50px; height:2px; background: #ff4400; box-shadow:0 1px 2px 0 rgba(255,110,12,0.42); border-radius:2px; margin-top: 10px; } footer .con .left p{ color: #ffffff; font-size: 16px; line-height: 24px; margin-top: 10px; } footer .con .kxEvm{ width: 200px;height: 200px;position: absolute; top: 80px;right: 0; } footer .bottom{ position: absolute; bottom: 0; width: 100%; background: #191f2d; color: #4f525e; font-size: 14px; line-height: 50px; text-align: center; } .goTop{ position: fixed; bottom: 100px; right: 0; width: 50px; } .top{ position: relative; /* background:linear-gradient(214deg,rgba(236,242,248,1) 0%,rgba(186,216,238,1) 100%); */ } .top .mainImg{ /* width: 1320px; */ width: 100%; margin: auto; } .gongneng{ position: relative; width: 1320px; margin: auto; } .gongneng .gongnengImg{ width: 100%; } .gongneng .gongneng_con{ position: absolute; bottom: 0; right: 80px; width: 489px; height: 100%; background: rgba(0,0,0,0.75); } .gongneng .gongneng_con .con{ width: 489px; height: 100%; overflow: hidden; position: relative; } .gongneng .gongneng_con .logo{ width: 50px; height: 50px; margin: 50px auto 10px; border-radius: 50%; } .gongneng ul{ position: absolute; width: 100%; right: 0; } .gongneng ul li{ text-align: center; width: 160px; margin-top: 30px; display: inline-block; } .gongneng ul li img{ width: 34px; margin: auto; margin-bottom: 20px; } .gongneng ul li span{ font-size: 14px; color: #ffffff; } .buttonRight{ width: 30px; position: absolute; right: -34px; bottom: 170px; cursor: pointer; } .about_us{ width: 1140px; margin: auto; text-align: center; margin-bottom: 80px; } .about_us h3{ color: #212121; font-size: 28px; line-height: 40px; margin-top: 60px; } .about_us .title_hint{ color: #999999; font-size: 12px; line-height: 20px; margin-top: 10px; } .about_us .about_us_con{ margin-top: 50px; } .about_us .about_us_con img{ width: 47%; float: left; height: 240px; } .about_us .about_us_con .content{ width: 47%; float: right; text-align: left; background:rgba(0,0,0,0.03); padding:50px 20px; height: 240px; box-sizing: border-box; } .about_us .about_us_con .content p{ color: #5C5C5C; font-size: 12px; line-height: 20px; } .about_us .about_us_con .content .title{ color: #212121; font-size: 16px; padding-bottom: 20px; } /* //万能清除浮动 */ .clear:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; } .clear { zoom: 1; } .downApp{ /* width: 130px; height: 60px; background: url(img/下载@2x.png) no-repeat; background-size: 100%; display: block; position: absolute; top: 40%; left: 11%; */ }