﻿@charset "utf-8";
* {margin:0;padding:0;list-style:none;font-family:Arial,"Microsoft Yahei";text-decoration:none;text-transform:none;letter-spacing:normal;word-spacing:normal;direction:ltr;border:0;outline:none;}
* {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
* {transition:all 0.5s ease;}
@media (min-width:0) and (max-width:730px){
    * {font-size:12px;}
}
@media (min-width:730px) and (max-width:1020px){
    * {font-size:14px;}
}
@media (min-width:1020px) and (max-width:1180px){
    * {font-size:12px;}
}
@media (min-width:1180px) and (max-width:1400px){
    * {font-size:14px;}
}
@media (min-width:1400px) and (max-width:1700px){
    * {font-size:16px;}
}
@media (min-width:1700px) and (max-width:2600px){
    * {font-size:18px;}
}
html, body {position:relative;width:100%;height:auto;background:#eaeaea;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance:none;}
img {display:block;}


/***************************  公共部分  ***************************/
header {width:100%;height:auto;display:block;background:#fff;}
header aside {width:80rem;height:auto;padding:2rem calc(50% - 40rem) 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;}
header aside img {width:auto;height:6rem;cursor:pointer;}
header aside dl {width:auto;height:auto;padding-top:3rem;}
header aside dl dt {width:auto;height:1.5rem;font-size:1rem;color:#1c1e20;line-height:1.5rem;}
header aside dl dd {width:auto;height:1.5rem;font-size:1.5rem;color:#1c1e20;line-height:1.5rem;}
header nav {width:80rem;height:auto;padding:0 calc(50% - 40rem);display:flex;flex-wrap:nowrap;justify-content:flex-start;background:#005c96;}
header nav a {width:auto;height:auto;padding:0 2rem;display:block;font-size:1rem;color:#fff;line-height:3rem;cursor:pointer;}
header nav a:hover {color:#fff;background:#ce0021;}
header nav a.on {color:#fff;background:#ce0021;}
section.tool {position:fixed;z-index:12;right:0;bottom:8rem;width:3rem;height:auto;}
section.tool a {position:relative;width:3rem;height:3rem;display:block;background:#005c96;cursor:pointer;}
section.tool a + a {margin-top:2px;}
section.tool a label {width:3rem;height:3rem;display:block;}
section.tool a label img {width:2rem;height:2rem;margin:0.5rem;display:inline-block;}
section.tool a span {position:absolute;right:100%;top:0;width:9rem;height:3rem;padding:0 1rem;display:none;font-size:1rem;color:#ffffff;line-height:3rem;background:#005c96;}
section.tool a:hover span {display:block;}
footer {width:80rem;height:auto;padding:3rem calc(50% - 40rem) 2rem;display:flex;flex-wrap:wrap;justify-content:flex-start;background:#005c96;}
footer nav {width:100%;height:auto;display:none;flex-wrap:nowrap;justify-content:center;}
footer nav a {position:relative;width:auto;height:auto;padding:0 1rem;margin:0 1rem;display:block;font-size:1rem;color:#fff;line-height:2rem;cursor:pointer;}
footer nav a + a:after {content:"|";position:absolute;top:0;right:100%;width:2rem;height:2rem;text-align:center;font-size:1rem;color:#ffffff40;line-height:2rem;}
footer nav a:hover {color:#ce0021;}
footer nav a.on {color:#ce0021;}
footer img {width:auto;height:8rem;margin-right:1rem;}
footer dl {width:50rem;height:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;}
footer dl dt {width:100%;height:auto;margin-bottom:1rem;font-size:2.5rem;color:#fff;line-height:4rem;white-space:nowrap;}
footer dl dd {width:50%;height:1.5rem;font-size:1rem;color:#fff;line-height:1.5rem;white-space:nowrap;}
footer div {width:100%;height:auto;margin-top:2rem;font-size:0.8rem;color:#ffffff80;line-height:1.5rem;}
