*{box-sizing:border-box}
body{margin:0;background:#d9dde3;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#333;line-height:1.55}
a{color:#1a3a6b}
.wrap{width:960px;margin:0 auto;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.25)}
.topbar{background:#0b1f3f;color:#aab4c4;font-size:11px;text-align:right;padding:5px 20px;border-bottom:1px solid #2a3d5e}
.header{background:linear-gradient(#14305c,#0b1f3f);padding:22px 20px;overflow:hidden}
.logo{float:left;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:30px;letter-spacing:1px}
.logo .mark{display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:-4px;background:linear-gradient(135deg,#8fa3c0 50%,#5d7499 50%);border:1px solid #c7d0dd}
.logo small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;color:#9fb0c8;margin-left:42px;text-transform:uppercase}
.nav{background:linear-gradient(#e9ecf0,#c4cad3);border-top:1px solid #fff;border-bottom:1px solid #8d97a6;padding:0 10px;overflow:hidden}
.nav a{float:left;padding:9px 16px;color:#1d2f4f;font-weight:bold;font-size:12px;text-decoration:none;border-right:1px solid #aab2bf}
.nav a:hover,.nav a.on{background:#0b1f3f;color:#fff}
.hero{min-height:260px;background:linear-gradient(115deg,#0b1f3f 0%,#1d3d6e 55%,#556b8e 100%);position:relative;overflow:hidden;color:#fff;padding:44px 40px 40px}
.hero:after{content:"";position:absolute;right:-60px;top:-40px;width:360px;height:360px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}
.hero:before{content:"";position:absolute;right:120px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.05)}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:32px;margin:0 0 12px;max-width:560px}
.hero p{font-size:14px;color:#c9d3e2;max-width:500px;margin:0 0 20px}
.btn{display:inline-block;background:linear-gradient(#5d7499,#3a5079);border:1px solid #9fb0c8;color:#fff;padding:7px 18px;font-size:12px;font-weight:bold;text-decoration:none}
.content{padding:26px 30px}
.cols{overflow:hidden;margin-bottom:22px}
.col{float:left;width:286px;margin-right:21px;border:1px solid #c9ced6;background:#f4f5f7}
.col:last-child{margin-right:0}
.col h3{margin:0;background:linear-gradient(#3a5079,#1d3d6e);color:#fff;font-size:13px;padding:7px 12px;font-family:Georgia,serif;font-weight:normal;letter-spacing:.5px}
.col .ic{height:70px;background:linear-gradient(135deg,#d3d8e0,#aeb7c4);border-bottom:1px solid #c9ced6;position:relative}
.col .ic span{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid #1d3d6e;border-radius:50%}
.col p{padding:10px 12px 4px;margin:0}
.col a.more{display:block;padding:0 12px 12px;font-size:11px;font-weight:bold}
h2{font-family:Georgia,serif;font-weight:normal;color:#0b1f3f;font-size:20px;border-bottom:2px solid #0b1f3f;padding-bottom:4px;margin:0 0 10px}
.about{overflow:hidden}
.about .main{float:left;width:600px}
.about .side{float:right;width:270px;background:#eef0f3;border:1px solid #c9ced6;padding:12px 14px;font-size:12px}
.side h4{margin:0 0 6px;color:#0b1f3f;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.side ul{margin:0;padding-left:16px}
.footer{background:#0b1f3f;color:#8d9bb2;font-size:11px;padding:14px 30px;overflow:hidden;border-top:4px solid #8d97a6}
.footer a{color:#c9d3e2;margin-left:14px}
.footer .r{float:right}
.page h1{font-family:Georgia,serif;font-weight:normal;color:#0b1f3f;font-size:24px;margin-top:0}
.page h3{color:#1d3d6e;font-size:14px;margin:18px 0 4px}