*{ margin: 0; padding: 0;}
.banner{ height: 80vh; background: url(../img/banner.jpg) no-repeat; overflow: hidden; background-size: 100% 100%; text-align: center;}
.ping1{ height: 100vh; background: #123456; overflow: hidden;}
.ping2{ height: 100vh; background: #fd6708; overflow: hidden;}
.ping3{ height: 100vh; background: #93dbda url(../img/screen1.jpg); background-size: 100% 100%; overflow: hidden;}
.w1200{ width: 1200px; height:100%; background: #fff; margin: 20px auto; border-radius: 20px;}
h2{ padding: 30px; text-align: center; letter-spacing: 15px;background: url(../img/tt.png) no-repeat center;  background-size:contain;}
h2 b{ padding:15px; }
.shipin{ width: 500px; height: 280px; background: #000; margin: 20px; float: left;}
.jieshao{ margin: 40px; line-height: 240%; text-indent: 2em;}

.row{ display: flex;}
.col{ flex: 1; margin: 20px; height: auto; border:10px solid #eee; overflow: hidden; position: relative;}
.col p{ text-align: center; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.65); color: #fff; padding: 5px;}

.ping3 .col{ height: auto;}
footer{ text-align: center; padding: 20px; background: #333; color: #fff;}