@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ color:#002458}
body{font-size:12px; background:#fff; color:#333;font-family:"Microsoft yahei", "Arial", "sans-serif"}
div,ul{height:auto; overflow:hidden}
.clear{padding:0; width:100%; height:1px; clear:both;}

.main{width:100%; max-width:720px; min-width:320px; margin:0 auto;position:relative; padding-bottom:90px;}
.mg10{ margin-top:10px;}
header{ height:78px; text-align:center;width:100%; position:relative}
.logo img{ margin:5px auto; display:block}
.language{ position:absolute; right:0; top:10px; font-size:14px}

.nav{ padding:20px 10px; font-size:0;}
.nav a{ display:inline-block;width:20%;box-sizing:border-box;padding:0 5px; text-align:center; height:30px; line-height:30px; font-size:12px;}
.nav a span{display:block;background:#b5b5b5; color:#fff}
.nav a.selected span{background:#002458;}
.contact{ width:100%; background:#f7f7f7;height:auto; overflow:hidden; padding:10px; line-height:20px;box-sizing:border-box;text-align:center; font-size:14px}

.footer{width:100%;background:#fff; margin-top:20px; position:fixed; left:0; bottom:0}
.footer li{width:25%; float:left; padding:0 10px;box-sizing:border-box;}
.footer a {display:block; text-align:center;font-size:14px;color:#fff; background-color:#002458; background-position:center 5px; background-repeat:no-repeat; padding:10px 0 5px;}

.footer li.tel a{ }
.footer li.f1 a{ }
.footer li.f2 a{ }
.footer li.f3 a{ }

.wrap{width:100%;box-sizing:border-box; min-height:300px}

.pic_wrap{ position:relative}
.pic_wrap img{ width:100%}
.pic_wrap span{ display:block; position:absolute; bottom:0; padding:5px 0; height:auto; overflow:hidden; line-height:20px; text-align:center; color:#fff; width:100%; background:url(../Images/bg_80_black.png)}