@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
html, body { font-size: 33.75px; }
}
 @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
html, body { font-size: 30px; }
}
 @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
html, body { font-size: 25px; }
}
 @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
html, body { font-size: 22.5px; }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
html, body { font-size: 20px; }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
html, body { font-size: 18.75px; }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
html, body { font-size: 16.875px; }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
html, body { font-size: 15px; }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
html, body { font-size: 12.9375px; }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
html, body { font-size: 12.5px; }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
html, body { font-size: 11.71875px; }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
html, body { font-size: 11.25px; }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
html, body { font-size: 10px; }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
html, body { font-size: 7.5px; }
}
.left { float: left; }
.right { float: right; }
/* 顶部导航 */
.topbox { padding: 0.5rem; border-bottom: 1px solid #e4e4e4; }
.topbox .eg-logo { width: 25%; height: auto; }
.topbox .eg-logo img { width: 100%; height: auto; }
.topbox .pc-logo { width: 15%; height: auto; margin-left: 8%; }
.topbox .pc-logo img { width: 65%; height: auto; margin-top: 0.65rem; }
.topbox .menu-logo { width: 15%; height: auto; }
.topbox .menu-logo img { width: 65%; height: auto; margin-top: 0.65rem; }
.topbox .menu-close { width: 15%; height: auto; }
.topbox .menu-close img { width: 40%; height: auto; margin-top: 0.65rem; }
.content { width: 100%; height: auto; position: relative; }
.menubox { width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 50; background: #fff; }
.list01 { width: 45%; height: auto; margin: 0.75rem 0 0.75rem 0; }
.list01 li { font-size: 1.75rem; color: #00b7ee; margin-bottom: 0.25rem; }
.list01 li a { color: #00b7ee; }
.m-left { margin-left: 2%; }
.m-right { margin-right: 2%; }
.list01 .black { color: #000; }
.list01 .red { color: #ee0016; }
.list01 .red a { color: #ee0016; }
/* END */
/* footer */
.footer { border-top: 3px solid #e4e4e4; padding-top: 1.2rem; padding-bottom: 1.2rem; margin-top: 1.5rem; }
.footer p { font-size: 1.2rem; text-align: center; }
/* END */
   @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
html, body { font-size: 33.75px; }
}
 @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
html, body { font-size: 30px; }
}
 @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
html, body { font-size: 25px; }
}
 @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
html, body { font-size: 22.5px; }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
html, body { font-size: 20px; }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
html, body { font-size: 18.75px; }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
html, body { font-size: 16.875px; }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
html, body { font-size: 15px; }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
html, body { font-size: 12.9375px; }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
html, body { font-size: 12.5px; }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
html, body { font-size: 11.71875px; }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
html, body { font-size: 11.25px; }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
html, body { font-size: 10px; }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
html, body { font-size: 7.5px; }
}
@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
html, body { font-size: 33.75px; }
}
 @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
html, body { font-size: 30px; }
}
 @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
html, body { font-size: 25px; }
}
 @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
html, body { font-size: 22.5px; }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
html, body { font-size: 20px; }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
html, body { font-size: 18.75px; }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
html, body { font-size: 16.875px; }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
html, body { font-size: 15px; }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
html, body { font-size: 12.9375px; }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
html, body { font-size: 12.5px; }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
html, body { font-size: 11.71875px; }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
html, body { font-size: 11.25px; }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
html, body { font-size: 10px; }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
html, body { font-size: 7.5px; }
}
.pc-tit { width: 55%; height: auto; font-size: 2.25rem; color: #05b3fc; margin-left: 2%; text-align: center; font-weight: bold; }
.pic-list { width: 100%; height: auto; }
.pic-list li { width: 100%; height: auto; border-bottom: 1px solid #e4e4e4; margin-top: 1.2rem; padding-bottom: 1.2rem; overflow: hidden; }
.pic-list li img { float: left; width: auto; max-width:45%; height:auto; padding-right: 0.5rem; }
.pic-list li p { font-size: 1.6rem; color: #313333; line-height: 2rem; padding: 0 0.5rem 0 0.5rem; }
.pic-list li p a { color: #313333; }
.pic-list-more { text-align: center; font-size: 1.5rem; color: #575a5b; padding: 1.75rem 0 1.5rem 0; }