﻿*{font-family: 'Source Sans Pro', sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; font-size:14px;}
body{padding:0;margin:0;font-family: 'Source Sans Pro', sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;}
a{color: inherit; text-decoration: none;}
a:hover{text-decoration: none; outline: none;}
ul{ margin:0; padding:0;}
li{ list-style: none; margin:0; padding:0;}
div,p{ margin:0; padding:0;}
body{background:#ececec;}
img {vertical-align: middle;max-width: 100%;border: 0;}
/*thr*/
.wal_col{ width:15rem; margin:0.3rem auto -80px; display:flex;justify-content: space-between; background:#fff; border-radius:20px; position:relative; top:-80px; padding:20px;}
.pg_lcol{ width:3.2rem;}
.pg_rcol{ width:11.2rem;}
/*底部*/
.wal_bottom{ width:100%; height:auto; background:#005763; padding:15px 0; }
.wal_bottom1{ width:100%; height:auto; background:#003039; text-align:center;}
@media(max-width: 1500px){
/*thr*/
.wal_col{ width:100%; margin:0.3rem auto  -80px; display:flex;justify-content: space-between;}
.pg_lcol{ width:22%;}
.pg_rcol{ width:76%;}
}
@media(max-width: 800px){
/*thr*/
.wal_col{ width:96%; margin:0.3rem auto 0; display:block; position:static; top:0px; padding:20px;}
.pg_lcol{ width:100%;}
.pg_rcol{ width:100%;}
}